@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Girassol&display=swap);
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  border: 0;
  display: inline-block;
  padding: 0;
}
.react-datepicker {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: #000;
  display: inline-block;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  line-height: normal;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker-popper {
  line-height: 0;
  z-index: 1;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker__header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
  text-align: center;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  color: #000;
  font-size: 0.944rem;
  font-weight: 700;
  margin-top: 0;
}
h2.react-datepicker__current-month {
  margin: 0;
  padding: 0;
}
.react-datepicker-time__header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: -999em;
  top: 2px;
  width: 32px;
  z-index: 1;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
  ) {
  right: 85px;
}
.react-datepicker__navigation--years {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  font-size: 20px;
  position: relative;
  top: -1px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}
.react-datepicker__input-time-container {
  clear: both;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
  width: 100%;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input {
  width: auto;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__delimiter {
  display: inline-block;
  margin-left: 5px;
}
.react-datepicker__time-container {
  border-left: 1px solid #aeaeae;
  float: right;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: 0.3rem;
  position: relative;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  border-bottom-right-radius: 0.3rem;
  margin: 0 auto;
  overflow-x: hidden;
  text-align: center;
  width: 85px;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  box-sizing: initial;
  height: calc(195px + 0.85rem);
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  background-color: initial;
  cursor: default;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
    .react-datepicker__week-number--selected
  ):hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}
.react-datepicker__week-number--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
  white-space: nowrap;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled="true"]):hover,
.react-datepicker__month-text:not([aria-disabled="true"]):hover,
.react-datepicker__quarter-text:not([aria-disabled="true"]):hover,
.react-datepicker__year-text:not([aria-disabled="true"]):hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  background-color: #3dcc4a;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  background-color: #ff6803;
  border-radius: 0.3rem;
  color: #fff;
  position: relative;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
}
.react-datepicker__day--holidays:not([aria-disabled="true"]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__day--in-range:not([aria-disabled="true"]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover,
.react-datepicker__day--selected:not([aria-disabled="true"]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover,
.react-datepicker__month-text--in-selecting-range:not(
    [aria-disabled="true"]
  ):hover,
.react-datepicker__month-text--selected:not([aria-disabled="true"]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover,
.react-datepicker__quarter-text--in-selecting-range:not(
    [aria-disabled="true"]
  ):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover,
.react-datepicker__year-text--in-selecting-range:not(
    [aria-disabled="true"]
  ):hover,
.react-datepicker__year-text--selected:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #bad9f1;
  border-radius: 0.3rem;
  color: #000;
}
.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover,
.react-datepicker__month-text--keyboard-selected:not(
    [aria-disabled="true"]
  ):hover,
.react-datepicker__quarter-text--keyboard-selected:not(
    [aria-disabled="true"]
  ):hover,
.react-datepicker__year-text--keyboard-selected:not(
    [aria-disabled="true"]
  ):hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__month-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__quarter-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__year-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ) {
  background-color: #216ba580;
}
.react-datepicker__month--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color: #ccc;
  cursor: default;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 70%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
}
.react-datepicker__input-container {
  display: inline-block;
  position: relative;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: initial;
  padding: 0.5rem;
  position: absolute;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid #0000;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__month-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  right: -16px;
  top: 0;
  transform: rotate(135deg);
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  left: 25%;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 50%;
  z-index: 1;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  display: block;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  -webkit-user-select: none;
  user-select: none;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  left: 15px;
  position: absolute;
}
.react-datepicker__close-icon {
  background-color: initial;
  border: 0;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon:after {
  background-color: #216ba5;
  border-radius: 50%;
  color: #fff;
  content: "×";
  cursor: pointer;
  display: table-cell;
  font-size: 12px;
  height: 16px;
  line-height: 1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled:after {
  background-color: #ccc;
  cursor: default;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  clear: left;
  cursor: pointer;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
}
.react-datepicker__portal {
  align-items: center;
  background-color: #000c;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  line-height: 3rem;
  width: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    line-height: 2rem;
    width: 2rem;
  }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  height: auto;
  margin: 0.4rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 13.8rem;
}
.react-datepicker__aria-live {
  border: 0;
  clip-path: circle(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.react-datepicker__calendar-icon {
  height: 1em;
  vertical-align: -0.125em;
  width: 1em;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-top)
  );
  --toastify-toast-right: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-right)
  );
  --toastify-toast-left: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-left)
  );
  --toastify-toast-bottom: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-bottom)
  );
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  -webkit-transform: translateZ(9999);
  -webkit-transform: translateZ(var(--toastify-z-index));
  width: 320px;
  width: var(--toastify-toast-width);
  z-index: 9999;
  z-index: var(--toastify-z-index);
}
.Toastify__toast-container--top-left {
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}
.Toastify__toast-container--top-center {
  left: 50%;
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}
.Toastify__toast-container--bottom-left {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: env(safe-area-inset-left);
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: env(safe-area-inset-right);
  }
}
.Toastify__toast {
  --y: 0;
  border-radius: 6px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0 4px 12px #0000001a;
  box-sizing: border-box;
  cursor: default;
  direction: ltr;
  display: flex;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  touch-action: none;
  z-index: 0;
}
.Toastify__toast--stacked {
  position: absolute;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
  width: 100%;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  bottom: 100%;
  content: "";
  height: calc(var(--g) * 1px);
  left: 0;
  position: absolute;
  right: 0;
}
.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}
.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
}
.Toastify__toast-body > div:last-child {
  flex: 1 1;
  word-break: break-word;
}
.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}
.Toastify--animate {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  background: #3498db;
  background: var(--toastify-color-info);
  color: #fff;
  color: var(--toastify-text-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  background: #07bc0c;
  background: var(--toastify-color-success);
  color: #fff;
  color: var(--toastify-text-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: #f1c40f;
  background: var(--toastify-color-warning);
  color: #fff;
  color: var(--toastify-text-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  background: #e74c3c;
  background: var(--toastify-color-error);
  color: #fff;
  color: var(--toastify-text-color-error);
}
.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: #ffffffb3;
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  align-self: flex-start;
  background: #0000;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: 9999;
  z-index: var(--toastify-z-index);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
  left: auto;
  right: 0;
  transform-origin: right;
}
.Toastify__progress-bar--wrp {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  height: 100%;
  opacity: 0.2;
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
}
.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    opacity: 1;
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(110%, var(--y), 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(-110%, var(--y), 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--top-center {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--bottom-center {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
}
@keyframes Toastify__spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes blink {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: none;
  }
  51% {
    box-shadow: 0 0 10px 6px #fff;
  }
  to {
    box-shadow: 0 0 10px 6px #fff;
  }
}
.spinDialog {
  --bs-modal-width: 460px !important;
}
.spinDialog .modal-content {
  background-color: #15191f;
}
.spinDialog .modal-content .dealWheelInner1 {
  aspect-ratio: 1;
  border: 6px solid #eeb90b;
  border-radius: 50%;
  height: 370px;
  position: relative;
  width: 370px;
}
.spinDialog .modal-content .dealWheelInner1:after {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  bottom: -7px;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog .modal-content .dealWheelInner1:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog .modal-content .dealWheelInner1:before {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: -7px;
  transform: translateX(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog .modal-content .dealWheelInner1:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog .modal-content .dealWheelInner1 .dealWheelInner2 {
  border: 6px solid #bfb775;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog .modal-content .dealWheelInner1 .dealWheelInner2:after {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 89%;
  position: absolute;
  top: 17%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog .modal-content .dealWheelInner1 .dealWheelInner2:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog .modal-content .dealWheelInner1 .dealWheelInner2:before {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 9%;
  position: absolute;
  top: 15%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog .modal-content .dealWheelInner1 .dealWheelInner2:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog .modal-content .dealWheelInner1 .dealWheelInner2 .dealWheelInner3 {
  border: 6px solid #000;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3:after {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: -14px;
  top: 37%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3:before {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: -12px;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4 {
  border: 4px solid #eeb90b;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4:after {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  bottom: 38px;
  content: "";
  height: 10px;
  position: absolute;
  right: 20px;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4:before {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  bottom: 34px;
  content: "";
  height: 10px;
  left: 21px;
  position: absolute;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5 {
  border: 2px solid #000;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5:after {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: -73px;
  content: "";
  height: 10px;
  left: 60.2%;
  position: absolute;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5:before {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: -73px;
  content: "";
  height: 10px;
  left: 20.4%;
  position: absolute;
  transform: translateY(-50%);
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner6 {
  border: 6px solid #fff;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner6:before {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 76px;
  position: absolute;
  top: -13px;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner6:after {
  animation: blink 1.2s linear infinite;
  animation-delay: 0.6s;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 76px;
  top: -13px;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7 {
  border: 4px solid #000;
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7:before {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: -18px;
  content: "";
  height: 10px;
  left: 72px;
  position: absolute;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner7:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7:after {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: -18px;
  content: "";
  height: 10px;
  position: absolute;
  right: 72px;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner7:after {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7
  .dealWheelInner8 {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7
  .dealWheelInner8:before {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: 100px;
  content: "";
  height: 10px;
  left: -28px;
  position: absolute;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner7
    .dealWheelInner8:before {
    height: 8px;
    width: 8px;
  }
}
.spinDialog
  .modal-content
  .dealWheelInner1
  .dealWheelInner2
  .dealWheelInner3
  .dealWheelInner4
  .dealWheelInner5
  .dealWheelInner7
  .dealWheelInner8:after {
  animation: blink 1.2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  bottom: 100px;
  content: "";
  height: 10px;
  position: absolute;
  right: -28px;
  width: 10px;
  z-index: 99;
}
@media (max-width: 450px) {
  .spinDialog
    .modal-content
    .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner7
    .dealWheelInner8:after {
    height: 8px;
    width: 8px;
  }
}
* {
  box-sizing: border-box;
}
.deal-wheel {
  --size: clamp(200px, 70vmin, 360px);
  --lg-hs: 0 3%;
  --lg-stop: 50%;
  --lg: linear-gradient(
    hsl(var(--lg-hs) 0%) 0 var(--lg-stop),
    hsl(var(--lg-hs) 20%) var(--lg-stop) 100%
  );
  align-items: center;
  display: flex;
  font-size: calc(var(--size) / 21);
  justify-content: center;
  line-height: 1;
  position: relative;
  text-transform: lowercase;
}
.deal-wheel > * {
  grid-area: spinner;
}
.spinner {
  align-items: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 calc(var(--size) / 40) #0000000f;
  display: grid;
  grid-template-areas: "spinner";
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  transform: rotate(25deg);
  transform: rotate(calc(var(--rotate, 25) * 1deg));
  width: 100%;
}
.spinner * {
  grid-area: spinner;
}
.prize {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 50%;
  padding: 0 0 0 8px;
  position: relative;
  transform: rotate(var(--rotate));
  transform-origin: center right;
  -webkit-user-select: none;
  user-select: none;
  width: 50%;
}
.prize img {
  height: 25px;
  margin-right: 5px;
  object-fit: contain;
}
.prize text {
  text-shadow: 1px 1px 0 #000;
}
.prize .dotSpan {
  bottom: 0;
  display: block;
  height: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(var(--val));
  width: 0;
  z-index: 10000;
}
.prize .dotSpan:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABSBSURBVHgB7Vx7jFzVef9mX7M7s4/Z9e76he2JARswaRcZUGkSGKcFIwLBrpBoo0i2i1oVKa3pf0GAsGUQRSA1/NVKINlVpaCGmrWFARmCdk3luDgPnPJIbMfesev1vndmdnbnPXfy/c6Zc8+5d4awM/swkeaT7p77mnvP+Z3f9zjfOXeJalKTmtSkJjWpSU1qUpOa1OSPXTz0FZR9+/YFGhsbgz6fry+RSBCXgaampkAmk4nycdSyrHBdXV30qaeeOkNfEflKAPn6668Hh4aGdni93nsYrL50Oh0MBAIUj8eppaXFvi8Wi4mNQaXW1lbi+6lQKJzh8gwDfDSfzw9yJ0TpGsg1AxKs6+zs3MsAhLgMtbe3U1dXF7W1tYGBsnIej9gghYL4K/ZnZ+coHB6imZkZunz5Mk1NTVFHRwetWLECIB/hZ/7HM888c4SWUZYdSLBvdHR0L4O1e+XKlQHeiNXYBswE74uAVPuylMeffvoJ/fKXvxCgbtiwAR0SZhOwn9X/EC2DLBuQYCCzZu+aNWue6OnpCYB1AIltXVnwzGOIBtIDdSYnkAWyrIIox8bG6bPPPmNg/4/Wr1+3bIAuC5AHDhwIbdy48SCDGAT7AJ4JoLmfyxUom81TPi/BwQZRQDU04F5iFa6n5uZGcc0EUv0mn7fozTf/m8bHR5mh66H2R9j+/vOTTz4ZpiWQJQXy448/Dpw+ffrZ1atXPwEb5gYQrwdwyWRelNjAMnldsrBQsIrgWAIcueVFmcvlGNAGdjr15Pd7mX3NbCbqbSDRGWNjY3T8+DvsuCK0devWJWPnkgHZ398fzGaz/d3d3X1uADOZAs3N5SmdtsT5+nq9EeFe+QwJpARRbbkcQFdlTpTZrC59vibq7m6jnp42G0xc+9nP/oe3E3TnnXdA3fcxM/fTIko9LYEcPHgw6Pf7B9gT32TavNnZHEUiafa2OQbIw2rawFsTb40MYgPfU88g1otSb3Wu87JT3ALAsaVSGZqYmKHh4WlmeobDpybRQWvWrKPrr99Mx44dpc7OQOihhx4KfvDBB0dpkWTRgXz33XeDHOMNIKBWLEwmc9ywhFDhuroGVkeoIBrYKBoJkBoa6oX39nqbeGsUKorz9fWoojYF8pl1Anh1DY5H2VLFYtjZaHSORkejrAF5Do98/Nxm2rhRgsl39T366KOLBuaiqjbUmeO4AW5sULLGQyMjSW5UQcSGTU1eARjAAxv9/mYBHOycBIWEbfR4dPUk08hWZbAsnc4wODlhK5Xt5CCezcUcn8+KDWpulnjv178eFO+Jx2fptdd+RJs330CbNm06xGq+hxYoi8ZIHpkEpqenT3HDBYhzczm6cmWOGdTEgLUKtgHAlhYvB97tzJBW9rpNfL6hyDIqOiPlySUDJRtJHAMEsNXnaxbPArgAEoLfoqPA1nw+J8BVHhydAeAvXZoQ93d1ddDNN/fRT3/6Lp4NZhIz8wQtQBYNyPvuu+/fmDEhNGh6Os1MTLBRb2fgmgUAAJLDR2pv99usFBXga01NjQIgsFOqep0rrhR7BlOpyOgWcW86nbOZK9nexMBlbMYqQLE/PR2nRCJNvb1dHBZtohMn3ud6dYcefPDBXzOYv6UqZVGAPHz48G6u5D40amxsjkcXGe71TgEQGALm9fYGxLECCfvt7a0Mto+vewWIYKcE1SvO4RjgwfN6PAXHO2V4VBBmASxPpdLiPhmse8QzpMpnDCDlFovNcXwZYQe0ilatWsdsfJsd0fX3b9++/b8YzKrG6nW0QMGQj4tnsX/16ix7zDQh4aBsHpjW29spWKhYBiYFAu0CBCfTpErDvGLDdb/fZzNPqrx+t/odnt3To98h7ayHMH7n6ME2F+a1ubkUXbgwzL9bTTfddAcNDg4G+FEHqUpZMJCssgAxGI9nmI0JHkF0iQbpBgaK9k4K7BuAUaLUVlSmTu077SPYChOhVdwcPsp9dBxsr9NZEdvidpEtKtfkiYko2/YRdkJ/xqbAw4mQcOiFF14IURWyICDBRlbp3bBRFy9GRaVN7+vztQgw5ZhYtg5AlhOz8ZKVmqkKzHLxo/k7mBDc5wSbhJmB7VSMNJ89MjLFcW2CvvnN79KpUx/B+1fFygUByWojXnrlSpzgPAGcFg/nDJvtxIKquHIy8xeNFOJK81nl66TqoONKdGZbW2vxWNvRQrFyQ0NXmfFtFAz+CSc7Pg0+//zzu6lCqRpIjF44bguBjRMTCZFHdItyFqpBEIQh5aRQMPdldqd4JP7K4WGWvkxUIsP9bADpsXvAmVmChx8fn+aY8nY6d+53ON5LFUrVQBZtIydWZ0RF4RRkpQtlcodaZmZmRVhS7rqZZwTD1TV439nZhOs+Kvt8FTe6zwM0pTGKlQXjpomJiBhpXXfdFqTh+iq1lVUDyXHcjlQqJ8IdhBqyguqqHo3YZ4oVByjT0zEevs3yKCUtRisSWN0JcrSSF0wBgAAfz1LDPwWAk7nyvRjJqH3dWbLEsLTgRrhYb7xvenqG7el6qDdO76IKpCogeSi4gzM7gWg0JY6RI9SV0myAEXdXXF3n3wuQYrE4JzJmuBFRLmNii0ZnxHlcx/AO4GsWkQGo+Ux5EI8njHvIAJ3E+F2fK2UlpjDGx4e504hzA8M7kIymeUpVQPKk1MNQlcnJpNE4s1JyH0yanU0alSZHA8zNDJid562SexXjTXAhiuXOOul6o86qjuo9EmSVOUqz4xxip9ZC58+fD7Cm9dE8pSogOcQJ4cXJZLZYISppmConJ6OigbrCzvvc4DmHdOqaRWYW3Kne0hREInHxHifYTua5TYjJWAmuxWaqhQH38rj8Eo53zBMSaqAKhb11gNUyKLMoaeGZE4mko4KokIzZLDFEjEYxvk3xaKZNZHwQAiEfyXeS8qBwLiqYxnNUhrxcByhAofJQZTAfaTMFeGmHygchV6kSxOU0AtLY6OPjGX6ehQD9T2meUjGQ7Bz6kICAo1GMgVOAWmD0ISvmKakknMDUVEwwx+fziuAZ42mAis5QgHlcQaIyByrpAJuZSslUWTKZKk4r5EsYa3pvBejMTNyhAer5Oq60bK0ANDzdO2/VrhjIU6fO9m3deqPwgHoKwMPOYUYAo9ioGiOTDc5S5hSzzKaknToDw2WpRyDSyZCdczRVX2Z2TFNgOWyt7kh5Hs4LCQwTLMlCbddlJ6rfQZOigeeee27D008/fenLcKnYRnKWO3jy5G8YyDqHHYOnBUMKxjxLuVLmCS17gsqy9EQWWAv1wybBVsnZvD3xhfkaDaK2oW5npUsqakOkeF13kPk7JRpkpAOnAW7nfHCpmJGTk1MBBK4///lZZk+L/VJUZmRknNauXSXSWugj2Eiz5CbY42U0RCVvwVKw2szQqHtU49zeHSBIQKzi1K2yfZZjsgygj4yMiQ5RzNYMdkcbxJ2XtK/BZMVisRCf/tI1RhUD2dvbsWFyco5TUCOcpFjJoPkYEEuAgtgQlV6xIsCOpcNWHQkkFcG07GdJW1qa4nJLqbOxyjDSqeIynMmIzoWmaE0oF05pSSTiRXMiwjyar1QMZDqdIGVHsI8JJfS6yvkBzMnJiHA+K1Z0CruZz5vgeGxwwE4FpJlCc2OpYz/LpbbmVK0GGKMgmBqoM9Ras9NtSy07fMM7k0mMoDJFlstQiefj55XorRjIsbFL0ZaWdQLMdHqOXxgoTpFaBrPynDhNiAkpTHohE97c3CwStTDiqCiAV14av5fhj6dsZscZe5o20DmNAOZhdALvjOQIANWLCix7nlsDKDtI1WVi4rIdb+LZkAsXLswLlyps5Hhs7dqVYo45m01zheF5fYQOVKppJnKxvhGAIpWFpIGcVvDa06+SyQXH3EwpkKVxoRyLwxmlBYCIZdVCARM4c4WGyV4zdsR+JpNiVZ522NlKpGIgOX0fTadnGYx2VIF7f5xBuc7BRpNVZhynWAqVBpAoEUNiIkuvxtB5R/l73XA5JZstgpW3PbgGT+87y7y9zEWBpBinZGTkgtAw00xAOJYM0zykYiD9/s5wJDLJairzj7Ap8TjWJ/aKY3MlmToGW80hIWJFlGAjGujxZI15FfErY+2PdFhuuyiBKRgg6X0NsGUvbzHDLnfIMzV1lUOdq8XzeXv2EdLZ2bk0NnL9+uvCV678jtNNQdvGJBJRYefa27u5lGksPXJAA+uKUw4y0JXhklz3g2vKHLg7QUmpTbRK4lHn4ionoDpm1ZsSOJjh4bPF+/IGW+Xw9dVXX53X8uqKgbznnjvP/OpX/8sViLG9a7MZMzs7JcqOjh5CvGjGgPX1ilX1RUbKhsm5GXOBFf3BONI9knGvUpMeO2fYRq3yZoikJBIZ4WzPWWEudFglt8ZGoUHzXqNe1ZKVbdvujUxMTAd6ejYRek47AkssiOrp+ZqYucOwD7lKc8WZ2pcMrDMmukpNgnqumTZzOgtnMG6OfBSAzlGUCn1yNDoa5txj2HZccsvZ+x0dGK7SUaxtnw8mFTMSEgh0H7106cKuXC7FL2uyGwvJZjM8v/1btqUBti+r+ZpXMFCxqq6uYKs1AnXnnLNmpY6TnfnDcmGPYqMG0G0PtZOJxca4fueL8aLqBK3Wko1qGUzjvNehVwXk3XffNfjJJ7/YFY0OC1vpzDbLEqEEnFBraxcDihGQ31ZrACVLIrlsr3TJswbR42C8nMtxqrdKaGjPXHAMBQHa1NQwO5Rh0dHKbjpHSdoctLTkBUHwlcR8MamSkW1HgsFN/3rx4m8Cfj++JGglNUeiltqhh2F7AGY8Pskq7mVQAzyb18VsbRejHcVKJxuJTK8t4HTFkQBJeXI3+xTzEolZ3mIcvkxy2BUpO0QsZWOewzpPMVNFg5yPDM8Xk6qX9f3wh88O/OQn/xnyerE69saiU2kQY2/FTGV3ELijNE2Az9fOzqqFOwFBul/8FoE6EiJuUWxU4ZMJRDqdEsE0kg2Ib5PJOeGJ8/msw3m4ExnKS2v7CIeEFb+WsOts4/fwqOYQzVOqYiRky5Yb9nd3rwxNTo6xxx5jlsFbWw71lh65yc5dgqFoIMpEYoaZElNQGaAVxEJUPAbL9MykgnQGOUONsw5QIeWSEm6PXO4cQMW3UYVCnuvrDfPzK/pOZ0ELTR9//B8Hjh9/O4T97u7ruQJ+7tHWsktLpOgkqsw/Zoqs0Mvy1FRDyS+NuFSV5cAyExwq1/lFjNRe2uJOA4A5tQTx0MWLF/dQBVI1IyF33/3n+8+ePR8Kh89xTPb/nO3ZyFmfOe7Z1mIiwIah5Ldy6XIDaa+sPG7OGMaVgqfDIsl4peoej9MEoJMwHeJOdJgMVPt1dXk2LwUxT8MqHeZz+6lCWRAjIQcO/MvAoUOvhdAAeLqurq8JuwdmaikI24kZOs2EnGGjcl/AQnO/4HieCY68brm8u8y6z8xERGpPL5N2shGDh7Y2j7CziH153L+f2biPKpQFLzR9/PG//zXX9x+Ghi6IBqTTM8KLo0EIzlU009zss2NGDBdxDTYQm9frE8dYaSu/XvCQO/2vxTlLKK9b5M4O6VlBL9viuIuJElREDO3tyGLJhQ7s7MIM4k6qQhYM5BtvvDH6gx/8k2do6HIoFovYYGJaEz2uvjNE4+B0ik13PENlfKDquKexsdlmsDxuLCaBLSpd2+MEXN1DxqKEubnZ4nk9YYacAEYvcHw4Rr6U79/JE15hqkIWvNAU8thju/Z973t/PYg149KjZtlmhlldEoINsFcIgbDvTl+5RTscKrK3QbAWpqKtrYOITGfjXspSOrcjpw70EBJgNjRkmYl1xQ+eciqNt5/DxkGqUhZtMf5jj/3tiRtuuHHH6dOnA7KByFhHSM7ZNJCcmiUR96khojkRpkozECfXAin8LpVKkBmoq9+ZbFQAw/HF4zNG2JPnTrGY7ZKJsJ2rV68DkGfOnTv7N7QAWbCzMaW/v79vdHR84OWXXwqAhehpCILszs4NYnSDOR4VH8oEhvz6C2GH/LLLPUSUICHgBohyVZpWXa3qeqiHrDnYjySycmjsx1l9c6KjZOiVpVWr1mLoGr569dK2SkYx5WRRgYS89dZboUgkMvDiiy/aX/sraW7u4GFitw0oHIxZBaXO2uFYtm1zqrBVZtgopx0SiTmb9XJLC1VWiRPlwTdu3ES33ro1fPz4mwsGkWiJPup8//33Q6Ojo/0vvfRyYGJi3E6pKQGgfn+3YKr8kElu+tvsL/bSio1yLC+ZBbbKeWud3S4Usvy8pJiUU8/EPDXKb33rL+mBBx4JDwy8s+3QoX8P0yLIkgAJee+99/BVbP+Pf/x68J133hZqbv6nAEhDA7xzQHh4fKMINVffGipRaquyOsrLyrF0wTViSfMvAFbS8R6ZLc+JSOD++79L3/jGXwzydPHOPXt2Ltr/v1gyICH4wJPDiv4PP/yw7/DhwzzdOSGYqTZT6uu9IuxBUA/Vx7HMIrm9s7KN8LhYC5krgpoi90dNKihHuXnzzfT97/8dhzxdrzzyyH1P0CLLkgKpZGBgYF8qlXqWgUXcKV/MjFHxYbl5GiWcXCV33AkQ/5CY0wz4YOnhh/+Kvv3t7eF0Ordn5857B2kJZFmAhDCYQVbvg5OTkyGAOTg4aF+THrv0/1vMV9zZHAgWJmzf/gDde+/9GLK+kkxa+3bu3LZk/8pm2YBUcvLkyd0M1F4GtO/zzz+nY8eOEQ/L7NGPc9pBfRFWOm5wp8vUvbfcsoW+850HadOmWzAsPcSn9m/bdleYlliWHUglp06dCjFAu3nbBduJLwk++ugjfK4s/g+FXcEyntxkLP7dzZYtt3IocyvdfvudYGKUVfqVTKbpR9u23bZs/0zpmgGpBP9AhO1ZiHd3MKj3cBnEMhewFOX4+Lj4oF0BCeBg93p6enm/l4Hz4/QZZugJToMdueuuOwbpGsg1B9ItAJaLPgYG4VOA2bfBfQ9PwV5ibQ+TXLcYvu225WNeTWpSk5rUpCY1qUlNalKTmtSkJl8ivwe2OVUFR5N8SQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 16px;
  right: -10px;
  top: 0;
  width: 16px;
  z-index: 999;
}
.prize .dotSpan:after,
.prize .dotSpan:before {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  transform: translateX(-150px);
  transform-origin: right;
}
.prize .dotSpan:before {
  background: linear-gradient(0deg, #0000007d, #0000);
  height: 5px;
  left: -7px;
  top: -5px;
  width: 150px;
  z-index: 997;
}
.cap {
  --cap-size: calc(var(--size) / 4);
  height: var(--cap-size);
  justify-self: center;
  position: relative;
  width: var(--cap-size);
}
.cap select {
  display: none;
}
.cap svg {
  width: 100%;
}
.ticker {
  height: 60px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(270deg);
  transform-origin: center left;
  width: 32px;
  z-index: 1;
}
.ticker img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.btn-spin {
  background: #0000;
  border: none;
  height: 140px;
  left: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-out;
  transition: 0.3s ease;
  width: 140px;
}
.btn-spin:not(:disabled) .tapSpinImg {
  animation: tapSpinImg 3s linear infinite;
}
@keyframes spinBtnAnimate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}
.btn-spin:not(:disabled) .spinBtnImg {
  animation: spinBtnAnimate 3s linear infinite;
}
@keyframes tapSpinImg {
  0% {
    transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) scale(0.85) rotate(25deg);
  }
  to {
    transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
  }
}
.btn-spin .tapSpinImg {
  height: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.btn-spin .spinPointerImg,
.btn-spin .tapSpinImg {
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transition: 0.3s ease;
}
.btn-spin .spinPointerImg {
  height: 100px;
}
.btn-spin:disabled {
  cursor: progress;
}
.is-spinning .spinner {
  transition: transform 5s cubic-bezier(0.1, -0.01, 0, 1);
}
@keyframes tick {
  40% {
    transform: rotate(-12deg);
  }
}
.prize.selected .text {
  animation: selected 0.8s ease;
  color: #fff;
  font-size: 16px;
}
@keyframes selected {
  25% {
    text-shadow: 1vmin 1vmin 0 #0000001a;
    transform: scale(1.25);
  }
  40% {
    text-shadow: 0 0 0 #0003;
    transform: scale(0.92);
  }
  60% {
    text-shadow: 0.5vmin 0.5vmin 0 #0000001a;
    transform: scale(1.02);
  }
  75% {
    transform: scale(0.98);
  }
  85% {
    transform: scale(1);
  }
}
.spinModalBody {
  background-image: url(/static/media/spinBg2.83ec09cea1abf563626d.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 !important;
}
.spinModalFooter {
  background-color: #212632 !important;
  border: 0 !important;
}
.spinModalFooter .bonusTotal {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.spinModalFooter .bounsTtlPrz {
  color: #efb90b;
  font-size: 20px;
  font-weight: 700;
}
.spinModalFooter .usrName {
  color: #b2b6c5;
  font-size: 16px;
  font-weight: 600;
}
.spinModalFooter .usrWin {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.spinModalFooter .usrWin span {
  color: #b2b6c5;
}
.spinModalFooter .cashBtn {
  align-items: center;
  background: #efb90b;
  border: 0;
  border-radius: 8.79px;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  padding-inline: 17px;
}
.spinModalFooter .cashBtn svg {
  margin-left: 5px;
}
.spinModalFooter .borderDiv {
  border-right: 1px solid #efb90b;
}
.spinHead {
  text-align: center;
}
.spinHead .spinWinTxt {
  color: #fff;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
}
.spinHead .spinWinTxt .leftImg {
  height: 50px;
  left: -45px;
  object-fit: contain;
  position: absolute;
  top: -25px;
}
.spinHead .spinWinTxt .rightImg {
  bottom: -25px;
  height: 50px;
  object-fit: contain;
  position: absolute;
  right: -65px;
}
.spinHead .spinBtcTxt {
  color: #efb90b;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
}
.closeSpinBtn {
  background-color: #0000;
  padding: 0;
  position: absolute;
  right: 20px;
  top: -16px;
}
.closeSpinBtn img {
  height: 18px !important;
  object-fit: contain;
  width: 18px;
}
@media (max-width: 450px) {
  .dealWheelInner1 {
    aspect-ratio: 1;
    border-width: 5px !important;
    height: auto !important;
    min-width: 300px;
    width: 330px !important;
  }
  .dealWheelInner1:before {
    top: -7px !important;
  }
  .dealWheelInner1:after {
    bottom: -6px !important;
  }
  .dealWheelInner1 .dealWheelInner2 {
    border-width: 5px !important;
  }
  .dealWheelInner1 .dealWheelInner2:after {
    left: 90%;
  }
  .dealWheelInner1 .dealWheelInner2 .dealWheelInner3 {
    border-width: 5px !important;
  }
  .dealWheelInner1 .dealWheelInner2 .dealWheelInner3:after {
    right: -12px !important;
  }
  .dealWheelInner1 .dealWheelInner2 .dealWheelInner3 .dealWheelInner4 {
    border-width: 5px !important;
  }
  .dealWheelInner1 .dealWheelInner2 .dealWheelInner3 .dealWheelInner4:before {
    bottom: 44px !important;
    left: 7px !important;
  }
  .dealWheelInner1 .dealWheelInner2 .dealWheelInner3 .dealWheelInner4:after {
    bottom: 39px !important;
    right: 12px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5 {
    border-width: 3px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5:before {
    bottom: -76px !important;
    left: 19.5% !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6 {
    border-width: 5px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6:after {
    right: 63px !important;
    top: -12.3px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6:before {
    left: 66px !important;
    top: -14px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6
    .dealWheelInner7 {
    border-width: 3px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6
    .dealWheelInner7:after {
    bottom: -14px !important;
    right: 57px !important;
  }
  .dealWheelInner1
    .dealWheelInner2
    .dealWheelInner3
    .dealWheelInner4
    .dealWheelInner5
    .dealWheelInner6
    .dealWheelInner7:before {
    bottom: -14px !important;
    left: 55px !important;
  }
  .btn-spin {
    height: 125px !important;
    width: 125px !important;
  }
  .prize img {
    height: 20px;
  }
  .prize {
    font-size: 12px;
  }
  .ticker {
    height: 55px;
    width: 27px;
  }
  .prize .dotSpan:after {
    height: 14px;
    right: 4px !important;
    transform: translateX(-122px) !important;
    width: 14px;
  }
  .prize .dotSpan:before {
    left: 11px;
  }
}
.bankModal .modal-body.showBuyCrypto.spinModalBody {
  padding-inline: 0 !important;
}
@media (max-width: 575px) {
  .spinModalFooter .bonusTotal {
    font-size: 12px;
  }
  .spinModalFooter .bounsTtlPrz {
    font-size: 16px;
  }
  .spinModalFooter .usrName,
  .spinModalFooter .usrWin {
    font-size: 12px;
  }
  .spinModalFooter .cashBtn {
    font-size: 12px;
    height: 40px;
    padding-inline: 8px;
    width: 100%;
  }
  .spinModalFooter .cashBtn svg {
    margin-left: 5px;
  }
  .spinModalFooter .borderDiv {
    border-right: 1px solid #efb90b;
  }
  .spinHead .spinWinTxt {
    font-size: 20px;
  }
  .spinHead .spinWinTxt .leftImg,
  .spinHead .spinWinTxt .rightImg {
    height: 40px;
  }
  .spinHead .spinBtcTxt {
    font-size: 32px;
  }
  .bankModal .modal-body.showBuyCrypto.spinModalBody {
    padding-inline: 8 !important;
  }
}
.bankModal {
  background-color: #00000082;
  left: 0;
  position: absolute;
  top: 0;
}
.bankModal .spinDialog.modal-dialog {
  --bs-modal-width: 412px;
  height: 100%;
  margin-block: 0;
}
.bankModal .banktabContent .spinBtn {
  background: linear-gradient(90deg, #FF6700, #99d3ff);
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 9px 0 #0006;
  color: #fff;
  font-size: 14px;
  padding: 12px 29px;
  width: 100%;
}
.bankModal .banktabContent .spinBtn.spinDisable {
  background: linear-gradient(90deg, rgba(14, 149, 250, 0.388), #99d3ff66);
}
.winnerSection {
  position: absolute;
}
.spinWinnerModal .modal-content {
  background-color: #0000;
}
.spinWinnerModal .modal-content .modal-body {
  padding: 140px;
}
.spinWinnerModal .modal-content .winnerInnerBox {
  background: linear-gradient(180deg, #212632, #0d111a);
  box-shadow: 5px 5px 20px #000000b3;
  padding: 25px 32px;
}
.spinWinnerModal .modal-content .winnerInnerBox:before {
  background: #efb90b;
  border-radius: 9999px;
  box-shadow: 302.200012207px 302.200012207px 302.200012207px;
  content: "";
  filter: blur(30.2px);
  height: 200px;
  left: 50%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 200px;
  z-index: -1;
}
.spinWinnerModal .modal-content .winnerInnerBox .congTxt {
  font-size: 30px;
  font-weight: 700;
}
.spinWinnerModal .modal-content .winnerInnerBox .congPrz {
  background: linear-gradient(180deg, #f4cd4d, #faecbf);
  filter: drop-shadow(2px 2px 0 #efb90b);
  font-style: italic;
  font-weight: 700;
  margin: 25px 0 15px;
}
.spinWinnerModal .modal-content .winnerInnerBox .claimBtn {
  background: #efb90b;
  border: 1px solid #efb90b;
  border-radius: 8px;
  color: #000;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, #00000080, #0000);
}
.swiper-lazy-preloader {
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: auto;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: 8px;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: 8px;
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: auto;
  left: var(--swiper-pagination-left, auto);
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: #00000040;
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: 44px;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: -22px;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 27px;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
} /*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
body {
  -webkit-tap-highlight-color: transparent;
}
.table-primary {
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-active-bg: #bacbe6;
}
.table-secondary {
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-active-bg: #cbccce;
}
.table-info {
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
}
.table-warning {
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-hover-bg: #ece1be;
}
.table-danger {
  --bs-table-active-bg: #dfc2c4;
  --bs-table-hover-bg: #e5c7ca;
}
.form-control-plaintext {
  background-color: initial;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E");
}
.dropdown-item,
.dropdown-item.disabled,
.dropdown-item:disabled,
.form-range {
  background-color: initial;
}
.nav-link {
  background: 0 0;
}
.navbar-toggler {
  background-color: initial;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.navbar-expand .offcanvas {
  background-color: initial !important;
}
.accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.carousel-control-next,
.carousel-control-prev {
  background: 0 0;
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.bg-transparent {
  background-color: initial !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
[data-rk] .iekbcc0 {
  -webkit-tap-highlight-color: transparent;
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: initial;
}
[data-rk] .iekbcc1 {
  list-style: none;
}
[data-rk] .iekbcc2 {
  quotes: none;
}
[data-rk] .iekbcc2:after,
[data-rk] .iekbcc2:before {
  content: "";
}
[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}
[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}
[data-rk] .iekbcc6 {
  background-color: initial;
  color: inherit;
}
[data-rk] .iekbcc7:disabled {
  opacity: 1;
}
[data-rk] .iekbcc7::-ms-expand,
[data-rk] .iekbcc8::-ms-clear {
  display: none;
}
[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-rk] .iekbcc9 {
  background: none;
  cursor: pointer;
  text-align: left;
}
[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}
[data-rk] .ju367v0 {
  align-items: flex-start;
}
[data-rk] .ju367v2 {
  align-items: flex-end;
}
[data-rk] .ju367v4 {
  align-items: center;
}
[data-rk] .ju367v6 {
  display: none;
}
[data-rk] .ju367v8 {
  display: block;
}
[data-rk] .ju367va {
  display: flex;
}
[data-rk] .ju367vc {
  display: inline;
}
[data-rk] .ju367ve {
  align-self: flex-start;
}
[data-rk] .ju367vf {
  align-self: flex-end;
}
[data-rk] .ju367vg {
  align-self: center;
}
[data-rk] .ju367vh {
  background-size: cover;
}
[data-rk] .ju367vi {
  border-radius: 1px;
}
[data-rk] .ju367vj {
  border-radius: 6px;
}
[data-rk] .ju367vk {
  border-radius: 10px;
}
[data-rk] .ju367vl {
  border-radius: 13px;
}
[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}
[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}
[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}
[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}
[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}
[data-rk] .ju367vr {
  border-radius: 25%;
}
[data-rk] .ju367vs {
  border-radius: 9999px;
}
[data-rk] .ju367vt {
  border-style: solid;
}
[data-rk] .ju367vu {
  border-width: 0;
}
[data-rk] .ju367vv {
  border-width: 1px;
}
[data-rk] .ju367vw {
  border-width: 2px;
}
[data-rk] .ju367vx {
  border-width: 4px;
}
[data-rk] .ju367vy {
  cursor: pointer;
}
[data-rk] .ju367vz {
  cursor: none;
}
[data-rk] .ju367v10 {
  pointer-events: none;
}
[data-rk] .ju367v11 {
  pointer-events: all;
}
[data-rk] .ju367v12 {
  min-height: 8px;
}
[data-rk] .ju367v13 {
  min-height: 44px;
}
[data-rk] .ju367v14 {
  flex-direction: row;
}
[data-rk] .ju367v15 {
  flex-direction: column;
}
[data-rk] .ju367v16 {
  font-family: var(--rk-fonts-body);
}
[data-rk] .ju367v17 {
  font-size: 12px;
  line-height: 18px;
}
[data-rk] .ju367v18 {
  font-size: 13px;
  line-height: 18px;
}
[data-rk] .ju367v19 {
  font-size: 14px;
  line-height: 18px;
}
[data-rk] .ju367v1a {
  font-size: 16px;
  line-height: 20px;
}
[data-rk] .ju367v1b {
  font-size: 18px;
  line-height: 24px;
}
[data-rk] .ju367v1c {
  font-size: 20px;
  line-height: 24px;
}
[data-rk] .ju367v1d {
  font-size: 23px;
  line-height: 29px;
}
[data-rk] .ju367v1e {
  font-weight: 400;
}
[data-rk] .ju367v1f {
  font-weight: 500;
}
[data-rk] .ju367v1g {
  font-weight: 600;
}
[data-rk] .ju367v1h {
  font-weight: 700;
}
[data-rk] .ju367v1i {
  font-weight: 800;
}
[data-rk] .ju367v1j {
  gap: 0;
}
[data-rk] .ju367v1k {
  gap: 1px;
}
[data-rk] .ju367v1l {
  gap: 2px;
}
[data-rk] .ju367v1m {
  gap: 3px;
}
[data-rk] .ju367v1n {
  gap: 4px;
}
[data-rk] .ju367v1o {
  gap: 5px;
}
[data-rk] .ju367v1p {
  gap: 6px;
}
[data-rk] .ju367v1q {
  gap: 8px;
}
[data-rk] .ju367v1r {
  gap: 10px;
}
[data-rk] .ju367v1s {
  gap: 12px;
}
[data-rk] .ju367v1t {
  gap: 14px;
}
[data-rk] .ju367v1u {
  gap: 16px;
}
[data-rk] .ju367v1v {
  gap: 18px;
}
[data-rk] .ju367v1w {
  gap: 20px;
}
[data-rk] .ju367v1x {
  gap: 24px;
}
[data-rk] .ju367v1y {
  gap: 28px;
}
[data-rk] .ju367v1z {
  gap: 32px;
}
[data-rk] .ju367v20 {
  gap: 36px;
}
[data-rk] .ju367v21 {
  gap: 44px;
}
[data-rk] .ju367v22 {
  gap: 64px;
}
[data-rk] .ju367v23 {
  gap: -1px;
}
[data-rk] .ju367v24 {
  height: 1px;
}
[data-rk] .ju367v25 {
  height: 2px;
}
[data-rk] .ju367v26 {
  height: 4px;
}
[data-rk] .ju367v27 {
  height: 8px;
}
[data-rk] .ju367v28 {
  height: 12px;
}
[data-rk] .ju367v29 {
  height: 20px;
}
[data-rk] .ju367v2a {
  height: 24px;
}
[data-rk] .ju367v2b {
  height: 28px;
}
[data-rk] .ju367v2c {
  height: 30px;
}
[data-rk] .ju367v2d {
  height: 32px;
}
[data-rk] .ju367v2e {
  height: 34px;
}
[data-rk] .ju367v2f {
  height: 36px;
}
[data-rk] .ju367v2g {
  height: 40px;
}
[data-rk] .ju367v2h {
  height: 44px;
}
[data-rk] .ju367v2i {
  height: 48px;
}
[data-rk] .ju367v2j {
  height: 54px;
}
[data-rk] .ju367v2k {
  height: 60px;
}
[data-rk] .ju367v2l {
  height: 200px;
}
[data-rk] .ju367v2m {
  height: 100%;
}
[data-rk] .ju367v2n {
  height: max-content;
}
[data-rk] .ju367v2o {
  justify-content: flex-start;
}
[data-rk] .ju367v2p {
  justify-content: flex-end;
}
[data-rk] .ju367v2q {
  justify-content: center;
}
[data-rk] .ju367v2r {
  justify-content: space-between;
}
[data-rk] .ju367v2s {
  justify-content: space-around;
}
[data-rk] .ju367v2t {
  text-align: left;
}
[data-rk] .ju367v2u {
  text-align: center;
}
[data-rk] .ju367v2v {
  text-align: inherit;
}
[data-rk] .ju367v2w {
  margin-bottom: 0;
}
[data-rk] .ju367v2x {
  margin-bottom: 1px;
}
[data-rk] .ju367v2y {
  margin-bottom: 2px;
}
[data-rk] .ju367v2z {
  margin-bottom: 3px;
}
[data-rk] .ju367v30 {
  margin-bottom: 4px;
}
[data-rk] .ju367v31 {
  margin-bottom: 5px;
}
[data-rk] .ju367v32 {
  margin-bottom: 6px;
}
[data-rk] .ju367v33 {
  margin-bottom: 8px;
}
[data-rk] .ju367v34 {
  margin-bottom: 10px;
}
[data-rk] .ju367v35 {
  margin-bottom: 12px;
}
[data-rk] .ju367v36 {
  margin-bottom: 14px;
}
[data-rk] .ju367v37 {
  margin-bottom: 16px;
}
[data-rk] .ju367v38 {
  margin-bottom: 18px;
}
[data-rk] .ju367v39 {
  margin-bottom: 20px;
}
[data-rk] .ju367v3a {
  margin-bottom: 24px;
}
[data-rk] .ju367v3b {
  margin-bottom: 28px;
}
[data-rk] .ju367v3c {
  margin-bottom: 32px;
}
[data-rk] .ju367v3d {
  margin-bottom: 36px;
}
[data-rk] .ju367v3e {
  margin-bottom: 44px;
}
[data-rk] .ju367v3f {
  margin-bottom: 64px;
}
[data-rk] .ju367v3g {
  margin-bottom: -1px;
}
[data-rk] .ju367v3h {
  margin-left: 0;
}
[data-rk] .ju367v3i {
  margin-left: 1px;
}
[data-rk] .ju367v3j {
  margin-left: 2px;
}
[data-rk] .ju367v3k {
  margin-left: 3px;
}
[data-rk] .ju367v3l {
  margin-left: 4px;
}
[data-rk] .ju367v3m {
  margin-left: 5px;
}
[data-rk] .ju367v3n {
  margin-left: 6px;
}
[data-rk] .ju367v3o {
  margin-left: 8px;
}
[data-rk] .ju367v3p {
  margin-left: 10px;
}
[data-rk] .ju367v3q {
  margin-left: 12px;
}
[data-rk] .ju367v3r {
  margin-left: 14px;
}
[data-rk] .ju367v3s {
  margin-left: 16px;
}
[data-rk] .ju367v3t {
  margin-left: 18px;
}
[data-rk] .ju367v3u {
  margin-left: 20px;
}
[data-rk] .ju367v3v {
  margin-left: 24px;
}
[data-rk] .ju367v3w {
  margin-left: 28px;
}
[data-rk] .ju367v3x {
  margin-left: 32px;
}
[data-rk] .ju367v3y {
  margin-left: 36px;
}
[data-rk] .ju367v3z {
  margin-left: 44px;
}
[data-rk] .ju367v40 {
  margin-left: 64px;
}
[data-rk] .ju367v41 {
  margin-left: -1px;
}
[data-rk] .ju367v42 {
  margin-right: 0;
}
[data-rk] .ju367v43 {
  margin-right: 1px;
}
[data-rk] .ju367v44 {
  margin-right: 2px;
}
[data-rk] .ju367v45 {
  margin-right: 3px;
}
[data-rk] .ju367v46 {
  margin-right: 4px;
}
[data-rk] .ju367v47 {
  margin-right: 5px;
}
[data-rk] .ju367v48 {
  margin-right: 6px;
}
[data-rk] .ju367v49 {
  margin-right: 8px;
}
[data-rk] .ju367v4a {
  margin-right: 10px;
}
[data-rk] .ju367v4b {
  margin-right: 12px;
}
[data-rk] .ju367v4c {
  margin-right: 14px;
}
[data-rk] .ju367v4d {
  margin-right: 16px;
}
[data-rk] .ju367v4e {
  margin-right: 18px;
}
[data-rk] .ju367v4f {
  margin-right: 20px;
}
[data-rk] .ju367v4g {
  margin-right: 24px;
}
[data-rk] .ju367v4h {
  margin-right: 28px;
}
[data-rk] .ju367v4i {
  margin-right: 32px;
}
[data-rk] .ju367v4j {
  margin-right: 36px;
}
[data-rk] .ju367v4k {
  margin-right: 44px;
}
[data-rk] .ju367v4l {
  margin-right: 64px;
}
[data-rk] .ju367v4m {
  margin-right: -1px;
}
[data-rk] .ju367v4n {
  margin-top: 0;
}
[data-rk] .ju367v4o {
  margin-top: 1px;
}
[data-rk] .ju367v4p {
  margin-top: 2px;
}
[data-rk] .ju367v4q {
  margin-top: 3px;
}
[data-rk] .ju367v4r {
  margin-top: 4px;
}
[data-rk] .ju367v4s {
  margin-top: 5px;
}
[data-rk] .ju367v4t {
  margin-top: 6px;
}
[data-rk] .ju367v4u {
  margin-top: 8px;
}
[data-rk] .ju367v4v {
  margin-top: 10px;
}
[data-rk] .ju367v4w {
  margin-top: 12px;
}
[data-rk] .ju367v4x {
  margin-top: 14px;
}
[data-rk] .ju367v4y {
  margin-top: 16px;
}
[data-rk] .ju367v4z {
  margin-top: 18px;
}
[data-rk] .ju367v50 {
  margin-top: 20px;
}
[data-rk] .ju367v51 {
  margin-top: 24px;
}
[data-rk] .ju367v52 {
  margin-top: 28px;
}
[data-rk] .ju367v53 {
  margin-top: 32px;
}
[data-rk] .ju367v54 {
  margin-top: 36px;
}
[data-rk] .ju367v55 {
  margin-top: 44px;
}
[data-rk] .ju367v56 {
  margin-top: 64px;
}
[data-rk] .ju367v57 {
  margin-top: -1px;
}
[data-rk] .ju367v58 {
  max-width: 1px;
}
[data-rk] .ju367v59 {
  max-width: 2px;
}
[data-rk] .ju367v5a {
  max-width: 4px;
}
[data-rk] .ju367v5b {
  max-width: 8px;
}
[data-rk] .ju367v5c {
  max-width: 12px;
}
[data-rk] .ju367v5d {
  max-width: 20px;
}
[data-rk] .ju367v5e {
  max-width: 24px;
}
[data-rk] .ju367v5f {
  max-width: 28px;
}
[data-rk] .ju367v5g {
  max-width: 30px;
}
[data-rk] .ju367v5h {
  max-width: 32px;
}
[data-rk] .ju367v5i {
  max-width: 34px;
}
[data-rk] .ju367v5j {
  max-width: 36px;
}
[data-rk] .ju367v5k {
  max-width: 40px;
}
[data-rk] .ju367v5l {
  max-width: 44px;
}
[data-rk] .ju367v5m {
  max-width: 48px;
}
[data-rk] .ju367v5n {
  max-width: 54px;
}
[data-rk] .ju367v5o {
  max-width: 60px;
}
[data-rk] .ju367v5p {
  max-width: 200px;
}
[data-rk] .ju367v5q {
  max-width: 100%;
}
[data-rk] .ju367v5r {
  max-width: max-content;
}
[data-rk] .ju367v5s {
  min-width: 1px;
}
[data-rk] .ju367v5t {
  min-width: 2px;
}
[data-rk] .ju367v5u {
  min-width: 4px;
}
[data-rk] .ju367v5v {
  min-width: 8px;
}
[data-rk] .ju367v5w {
  min-width: 12px;
}
[data-rk] .ju367v5x {
  min-width: 20px;
}
[data-rk] .ju367v5y {
  min-width: 24px;
}
[data-rk] .ju367v5z {
  min-width: 28px;
}
[data-rk] .ju367v60 {
  min-width: 30px;
}
[data-rk] .ju367v61 {
  min-width: 32px;
}
[data-rk] .ju367v62 {
  min-width: 34px;
}
[data-rk] .ju367v63 {
  min-width: 36px;
}
[data-rk] .ju367v64 {
  min-width: 40px;
}
[data-rk] .ju367v65 {
  min-width: 44px;
}
[data-rk] .ju367v66 {
  min-width: 48px;
}
[data-rk] .ju367v67 {
  min-width: 54px;
}
[data-rk] .ju367v68 {
  min-width: 60px;
}
[data-rk] .ju367v69 {
  min-width: 200px;
}
[data-rk] .ju367v6a {
  min-width: 100%;
}
[data-rk] .ju367v6b {
  min-width: max-content;
}
[data-rk] .ju367v6c {
  overflow: hidden;
}
[data-rk] .ju367v6d {
  padding-bottom: 0;
}
[data-rk] .ju367v6e {
  padding-bottom: 1px;
}
[data-rk] .ju367v6f {
  padding-bottom: 2px;
}
[data-rk] .ju367v6g {
  padding-bottom: 3px;
}
[data-rk] .ju367v6h {
  padding-bottom: 4px;
}
[data-rk] .ju367v6i {
  padding-bottom: 5px;
}
[data-rk] .ju367v6j {
  padding-bottom: 6px;
}
[data-rk] .ju367v6k {
  padding-bottom: 8px;
}
[data-rk] .ju367v6l {
  padding-bottom: 10px;
}
[data-rk] .ju367v6m {
  padding-bottom: 12px;
}
[data-rk] .ju367v6n {
  padding-bottom: 14px;
}
[data-rk] .ju367v6o {
  padding-bottom: 16px;
}
[data-rk] .ju367v6p {
  padding-bottom: 18px;
}
[data-rk] .ju367v6q {
  padding-bottom: 20px;
}
[data-rk] .ju367v6r {
  padding-bottom: 24px;
}
[data-rk] .ju367v6s {
  padding-bottom: 28px;
}
[data-rk] .ju367v6t {
  padding-bottom: 32px;
}
[data-rk] .ju367v6u {
  padding-bottom: 36px;
}
[data-rk] .ju367v6v {
  padding-bottom: 44px;
}
[data-rk] .ju367v6w {
  padding-bottom: 64px;
}
[data-rk] .ju367v6x {
  padding-bottom: -1px;
}
[data-rk] .ju367v6y {
  padding-left: 0;
}
[data-rk] .ju367v6z {
  padding-left: 1px;
}
[data-rk] .ju367v70 {
  padding-left: 2px;
}
[data-rk] .ju367v71 {
  padding-left: 3px;
}
[data-rk] .ju367v72 {
  padding-left: 4px;
}
[data-rk] .ju367v73 {
  padding-left: 5px;
}
[data-rk] .ju367v74 {
  padding-left: 6px;
}
[data-rk] .ju367v75 {
  padding-left: 8px;
}
[data-rk] .ju367v76 {
  padding-left: 10px;
}
[data-rk] .ju367v77 {
  padding-left: 12px;
}
[data-rk] .ju367v78 {
  padding-left: 14px;
}
[data-rk] .ju367v79 {
  padding-left: 16px;
}
[data-rk] .ju367v7a {
  padding-left: 18px;
}
[data-rk] .ju367v7b {
  padding-left: 20px;
}
[data-rk] .ju367v7c {
  padding-left: 24px;
}
[data-rk] .ju367v7d {
  padding-left: 28px;
}
[data-rk] .ju367v7e {
  padding-left: 32px;
}
[data-rk] .ju367v7f {
  padding-left: 36px;
}
[data-rk] .ju367v7g {
  padding-left: 44px;
}
[data-rk] .ju367v7h {
  padding-left: 64px;
}
[data-rk] .ju367v7i {
  padding-left: -1px;
}
[data-rk] .ju367v7j {
  padding-right: 0;
}
[data-rk] .ju367v7k {
  padding-right: 1px;
}
[data-rk] .ju367v7l {
  padding-right: 2px;
}
[data-rk] .ju367v7m {
  padding-right: 3px;
}
[data-rk] .ju367v7n {
  padding-right: 4px;
}
[data-rk] .ju367v7o {
  padding-right: 5px;
}
[data-rk] .ju367v7p {
  padding-right: 6px;
}
[data-rk] .ju367v7q {
  padding-right: 8px;
}
[data-rk] .ju367v7r {
  padding-right: 10px;
}
[data-rk] .ju367v7s {
  padding-right: 12px;
}
[data-rk] .ju367v7t {
  padding-right: 14px;
}
[data-rk] .ju367v7u {
  padding-right: 16px;
}
[data-rk] .ju367v7v {
  padding-right: 18px;
}
[data-rk] .ju367v7w {
  padding-right: 20px;
}
[data-rk] .ju367v7x {
  padding-right: 24px;
}
[data-rk] .ju367v7y {
  padding-right: 28px;
}
[data-rk] .ju367v7z {
  padding-right: 32px;
}
[data-rk] .ju367v80 {
  padding-right: 36px;
}
[data-rk] .ju367v81 {
  padding-right: 44px;
}
[data-rk] .ju367v82 {
  padding-right: 64px;
}
[data-rk] .ju367v83 {
  padding-right: -1px;
}
[data-rk] .ju367v84 {
  padding-top: 0;
}
[data-rk] .ju367v85 {
  padding-top: 1px;
}
[data-rk] .ju367v86 {
  padding-top: 2px;
}
[data-rk] .ju367v87 {
  padding-top: 3px;
}
[data-rk] .ju367v88 {
  padding-top: 4px;
}
[data-rk] .ju367v89 {
  padding-top: 5px;
}
[data-rk] .ju367v8a {
  padding-top: 6px;
}
[data-rk] .ju367v8b {
  padding-top: 8px;
}
[data-rk] .ju367v8c {
  padding-top: 10px;
}
[data-rk] .ju367v8d {
  padding-top: 12px;
}
[data-rk] .ju367v8e {
  padding-top: 14px;
}
[data-rk] .ju367v8f {
  padding-top: 16px;
}
[data-rk] .ju367v8g {
  padding-top: 18px;
}
[data-rk] .ju367v8h {
  padding-top: 20px;
}
[data-rk] .ju367v8i {
  padding-top: 24px;
}
[data-rk] .ju367v8j {
  padding-top: 28px;
}
[data-rk] .ju367v8k {
  padding-top: 32px;
}
[data-rk] .ju367v8l {
  padding-top: 36px;
}
[data-rk] .ju367v8m {
  padding-top: 44px;
}
[data-rk] .ju367v8n {
  padding-top: 64px;
}
[data-rk] .ju367v8o {
  padding-top: -1px;
}
[data-rk] .ju367v8p {
  position: absolute;
}
[data-rk] .ju367v8q {
  position: fixed;
}
[data-rk] .ju367v8r {
  position: relative;
}
[data-rk] .ju367v8s {
  -webkit-user-select: none;
}
[data-rk] .ju367v8t {
  right: 0;
}
[data-rk] .ju367v8u {
  transition: 0.125s ease;
}
[data-rk] .ju367v8v {
  transition: transform 0.125s ease;
}
[data-rk] .ju367v8w {
  -webkit-user-select: none;
  user-select: none;
}
[data-rk] .ju367v8x {
  width: 1px;
}
[data-rk] .ju367v8y {
  width: 2px;
}
[data-rk] .ju367v8z {
  width: 4px;
}
[data-rk] .ju367v90 {
  width: 8px;
}
[data-rk] .ju367v91 {
  width: 12px;
}
[data-rk] .ju367v92 {
  width: 20px;
}
[data-rk] .ju367v93 {
  width: 24px;
}
[data-rk] .ju367v94 {
  width: 28px;
}
[data-rk] .ju367v95 {
  width: 30px;
}
[data-rk] .ju367v96 {
  width: 32px;
}
[data-rk] .ju367v97 {
  width: 34px;
}
[data-rk] .ju367v98 {
  width: 36px;
}
[data-rk] .ju367v99 {
  width: 40px;
}
[data-rk] .ju367v9a {
  width: 44px;
}
[data-rk] .ju367v9b {
  width: 48px;
}
[data-rk] .ju367v9c {
  width: 54px;
}
[data-rk] .ju367v9d {
  width: 60px;
}
[data-rk] .ju367v9e {
  width: 200px;
}
[data-rk] .ju367v9f {
  width: 100%;
}
[data-rk] .ju367v9g {
  width: max-content;
}
[data-rk] .ju367v9h {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9i,
[data-rk] .ju367v9j:hover,
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9l,
[data-rk] .ju367v9m:hover,
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9o,
[data-rk] .ju367v9p:hover,
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9r,
[data-rk] .ju367v9s:hover,
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9u,
[data-rk] .ju367v9v:hover,
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9x,
[data-rk] .ju367v9y:hover,
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367va0,
[data-rk] .ju367va1:hover,
[data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va3,
[data-rk] .ju367va4:hover,
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va6,
[data-rk] .ju367va7:hover,
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va9,
[data-rk] .ju367vaa:hover,
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vac,
[data-rk] .ju367vad:hover,
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vaf,
[data-rk] .ju367vag:hover,
[data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vai,
[data-rk] .ju367vaj:hover,
[data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367val,
[data-rk] .ju367vam:hover,
[data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vao,
[data-rk] .ju367vap:hover,
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367var,
[data-rk] .ju367vas:hover,
[data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vau,
[data-rk] .ju367vav:hover,
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vax,
[data-rk] .ju367vay:hover,
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vb0,
[data-rk] .ju367vb1:hover,
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb3,
[data-rk] .ju367vb4:hover,
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb6,
[data-rk] .ju367vb7:hover,
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb9,
[data-rk] .ju367vba:hover,
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbc,
[data-rk] .ju367vbd:hover,
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbf,
[data-rk] .ju367vbg:hover,
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbi,
[data-rk] .ju367vbj:hover,
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbl,
[data-rk] .ju367vbm:hover,
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbo,
[data-rk] .ju367vbp:hover,
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbr,
[data-rk] .ju367vbs:hover,
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbu,
[data-rk] .ju367vbv:hover,
[data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbx,
[data-rk] .ju367vby:hover,
[data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vc0,
[data-rk] .ju367vc1:hover,
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc3,
[data-rk] .ju367vc4:hover,
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc6,
[data-rk] .ju367vc7:hover,
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc9,
[data-rk] .ju367vca:hover,
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcc,
[data-rk] .ju367vcd:hover,
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcf,
[data-rk] .ju367vcg:hover,
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vci,
[data-rk] .ju367vcj:hover,
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcl,
[data-rk] .ju367vcm:hover,
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vco,
[data-rk] .ju367vcp:hover,
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcr,
[data-rk] .ju367vcs:hover,
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcu,
[data-rk] .ju367vcv:hover,
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcx,
[data-rk] .ju367vcy:hover,
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vd0,
[data-rk] .ju367vd1:hover,
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd3,
[data-rk] .ju367vd4:hover,
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd6,
[data-rk] .ju367vd7:hover,
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd9,
[data-rk] .ju367vda:hover,
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdc,
[data-rk] .ju367vdd:hover,
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdf,
[data-rk] .ju367vdg:hover,
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdi,
[data-rk] .ju367vdj:hover,
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdl,
[data-rk] .ju367vdm:hover,
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdo,
[data-rk] .ju367vdp:hover,
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdr,
[data-rk] .ju367vds:hover,
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdu,
[data-rk] .ju367vdv:hover,
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdx,
[data-rk] .ju367vdy:hover,
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367ve0,
[data-rk] .ju367ve1:hover,
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve3,
[data-rk] .ju367ve4:hover,
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve6,
[data-rk] .ju367ve7:hover,
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve9,
[data-rk] .ju367vea:hover,
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vec,
[data-rk] .ju367ved:hover,
[data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vef,
[data-rk] .ju367veg:hover,
[data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vei,
[data-rk] .ju367vej:hover,
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vel,
[data-rk] .ju367vem:hover,
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veo,
[data-rk] .ju367vep:hover,
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367ver,
[data-rk] .ju367ves:hover,
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veu,
[data-rk] .ju367vev:hover,
[data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vex,
[data-rk] .ju367vey:hover,
[data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vf0,
[data-rk] .ju367vf1:hover,
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf3,
[data-rk] .ju367vf4:hover,
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf6,
[data-rk] .ju367vf7:hover,
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf9,
[data-rk] .ju367vfa:hover,
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfc,
[data-rk] .ju367vfd:hover,
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vff,
[data-rk] .ju367vfg:hover,
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfi,
[data-rk] .ju367vfj:hover,
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfl,
[data-rk] .ju367vfm:hover,
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfo,
[data-rk] .ju367vfp:hover,
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfr,
[data-rk] .ju367vfs:hover,
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfu,
[data-rk] .ju367vfv:hover,
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfx,
[data-rk] .ju367vfy:hover,
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vg0,
[data-rk] .ju367vg1:hover,
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg3,
[data-rk] .ju367vg4:hover,
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg6,
[data-rk] .ju367vg7:hover,
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg9,
[data-rk] .ju367vga:hover,
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgc,
[data-rk] .ju367vgd:hover,
[data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgf,
[data-rk] .ju367vgg:hover,
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgi,
[data-rk] .ju367vgj:hover,
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgl,
[data-rk] .ju367vgm:hover,
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgo,
[data-rk] .ju367vgp:hover,
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgr,
[data-rk] .ju367vgs:hover,
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgu,
[data-rk] .ju367vgv:hover,
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgx,
[data-rk] .ju367vgy:hover,
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vh0,
[data-rk] .ju367vh1:hover,
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh3,
[data-rk] .ju367vh4:hover,
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh6,
[data-rk] .ju367vh7:hover,
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh9,
[data-rk] .ju367vha:hover,
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhc,
[data-rk] .ju367vhd:hover,
[data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhf,
[data-rk] .ju367vhg:hover,
[data-rk] .ju367vhh:active {
  color: var(--rk-colors-standby);
}
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items: flex-start;
  }
  [data-rk] .ju367v3 {
    align-items: flex-end;
  }
  [data-rk] .ju367v5 {
    align-items: center;
  }
  [data-rk] .ju367v7 {
    display: none;
  }
  [data-rk] .ju367v9 {
    display: block;
  }
  [data-rk] .ju367vb {
    display: flex;
  }
  [data-rk] .ju367vd {
    display: inline;
  }
}
[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3:after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}
[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}
[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}
[data-rk] ._12cbo8i3:active:after {
  bottom: -1px;
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}
[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4:after {
  --_12cbo8i0: 1.025;
}
[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5:after {
  --_12cbo8i0: 1.1;
}
[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6:after {
  --_12cbo8i1: 0.95;
}
[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7:after {
  --_12cbo8i1: 0.9;
}
@keyframes _1luule41 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
[data-rk] ._1luule42 {
  animation: _1luule41 3s linear infinite;
}
[data-rk] ._1luule43 {
  background: conic-gradient(
    from 180deg at 50% 50%,
    #4892fe00 0deg,
    currentColor 282.04deg,
    #4892fe00 319.86deg,
    #4892fe00 1turn
  );
  height: 21px;
  width: 21px;
}
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 0.15s ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 0.35s cubic-bezier(0.15, 1.15, 0.6, 1),
    _9pm4ki1 0.15s ease;
  max-width: 100vw;
}
[data-rk] ._1ckjpok1 {
  box-sizing: initial;
  max-width: 100vw;
  width: 360px;
}
[data-rk] ._1ckjpok2 {
  width: 100vw;
}
[data-rk] ._1ckjpok3 {
  min-width: 720px;
  width: 720px;
}
[data-rk] ._1ckjpok4 {
  min-width: 368px;
  width: 368px;
}
[data-rk] ._1ckjpok6 {
  border-width: 0;
  box-sizing: border-box;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }
  [data-rk] ._1ckjpok2 {
    width: 480px;
  }
  [data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
  }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}
[data-rk] .v9horb0:hover {
  background: #0000 none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
[data-rk] ._18dqw9x0,
[data-rk] ._18dqw9x1 {
  max-height: 456px;
  overflow-x: hidden;
  overflow-y: auto;
}
[data-rk] ._18dqw9x1 {
  scrollbar-width: none;
}
[data-rk] ._18dqw9x1::-webkit-scrollbar {
  display: none;
}
[data-rk] .g5kl0l0 {
  border-color: #0000;
}
[data-rk] ._1vwt0cg0 {
  background: #fff;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}
@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -283;
  }
}
[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}
[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}
[data-rk] ._1am14412 {
  stroke-dasharray: 98 196;
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
  animation: _1am14411 1s linear infinite;
}
[data-rk] ._1am14413 {
  position: absolute;
}
[data-rk] ._1y2lnfi0 {
  border: 1px solid #10151f0f;
}
[data-rk] ._1y2lnfi1 {
  max-width: fit-content;
}

/*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: #0d6efd40;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  background-color: var(--bs-body-bg);
  color: #212529;
  color: var(--bs-body-color);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  font-size: var(--bs-body-font-size);
  font-weight: 400;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.5;
  line-height: var(--bs-body-line-height);
  margin: 0;
  text-align: var(--bs-body-text-align);
}
hr {
  border: 0;
  border-top: 1px solid;
  border-top: var(--bs-border-width) solid;
  color: inherit;
  margin: 1rem 0;
  opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  color: var(--bs-heading-color);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-bottom: 1rem;
  margin-top: 0;
}
abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-bottom: 1rem;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  background-color: #fff3cd;
  background-color: var(--bs-highlight-bg);
  color: #212529;
  color: var(--bs-highlight-color);
  padding: 0.1875em;
}
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #0d6efd;
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
code {
  word-wrap: break-word;
  color: #d63384;
  color: var(--bs-code-color);
  font-size: 0.875em;
}
a > code {
  color: inherit;
}
kbd {
  background-color: #212529;
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
  color: #fff;
  color: var(--bs-body-bg);
  font-size: 0.875em;
  padding: 0.1875rem 0.375rem;
}
kbd kbd {
  font-size: 1em;
  padding: 0;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  caption-side: bottom;
}
caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
textarea {
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  float: left;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  margin-bottom: 0.5rem;
  padding: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  cursor: pointer;
  display: list-item;
}
progress {
  vertical-align: initial;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  color: #6c757d;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: -1rem;
}
.blockquote-footer:before {
  content: "— ";
}
.img-fluid,
.img-thumbnail {
  height: auto;
  max-width: 100%;
}
.img-thumbnail {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  padding: 0.25rem;
}
.figure {
  display: inline-block;
}
.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}
.figure-caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: 0.875em;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
.grid {
  grid-gap: 1.5rem;
  grid-gap: var(--bs-gap, 1.5rem);
  display: grid;
  gap: 1.5rem;
  gap: var(--bs-gap, 1.5rem);
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
}
.grid .g-col-1 {
  grid-column: auto/span 1;
}
.grid .g-col-2 {
  grid-column: auto/span 2;
}
.grid .g-col-3 {
  grid-column: auto/span 3;
}
.grid .g-col-4 {
  grid-column: auto/span 4;
}
.grid .g-col-5 {
  grid-column: auto/span 5;
}
.grid .g-col-6 {
  grid-column: auto/span 6;
}
.grid .g-col-7 {
  grid-column: auto/span 7;
}
.grid .g-col-8 {
  grid-column: auto/span 8;
}
.grid .g-col-9 {
  grid-column: auto/span 9;
}
.grid .g-col-10 {
  grid-column: auto/span 10;
}
.grid .g-col-11 {
  grid-column: auto/span 11;
}
.grid .g-col-12 {
  grid-column: auto/span 12;
}
.grid .g-start-1 {
  grid-column-start: 1;
}
.grid .g-start-2 {
  grid-column-start: 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-start-4 {
  grid-column-start: 4;
}
.grid .g-start-5 {
  grid-column-start: 5;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
.grid .g-start-7 {
  grid-column-start: 7;
}
.grid .g-start-8 {
  grid-column-start: 8;
}
.grid .g-start-9 {
  grid-column-start: 9;
}
.grid .g-start-10 {
  grid-column-start: 10;
}
.grid .g-start-11 {
  grid-column-start: 11;
}
@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}
.col {
  flex: 1 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: #0000;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  border-color: var(--bs-table-border-color);
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%;
}
.table > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow: inset 0 0 0 9999px
    var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  color: var(--bs-table-color);
  color: var(
    --bs-table-color-state,
    var(--bs-table-color-type, var(--bs-table-color))
  );
  padding: 0.5rem;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: 2px solid;
  border-top: calc(var(--bs-border-width) * 2) solid;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a5b5cc;
  --bs-table-striped-bg: #c4d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe5;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
}
.table-primary,
.table-secondary {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b4b6b7;
  --bs-table-striped-bg: #d6d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbcdce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
}
.table-info,
.table-success {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a5c4ca;
  --bs-table-striped-bg: #c4e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e6c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dab9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece0be;
  --bs-table-hover-color: #000;
}
.table-danger,
.table-warning {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc1c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7c9;
  --bs-table-hover-color: #000;
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
}
.table-dark,
.table-light {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  padding-top: calc(0.375rem + 1px);
  padding-top: calc(0.375rem + var(--bs-border-width));
}
.col-form-label-lg {
  font-size: 1.25rem;
  padding-bottom: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  padding-top: calc(0.5rem + 1px);
  padding-top: calc(0.5rem + var(--bs-border-width));
}
.col-form-label-sm {
  font-size: 0.875rem;
  padding-bottom: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  padding-top: calc(0.25rem + 1px);
  padding-top: calc(0.25rem + var(--bs-border-width));
}
.form-text {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: 0.875em;
  margin-top: 0.25rem;
}
.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  color: #212529;
  color: var(--bs-body-color);
  outline: 0;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
  margin: 0;
  min-width: 85px;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: #212529bf;
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  color: #212529;
  color: var(--bs-body-color);
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  padding: 0.375rem 0.75rem;
  pointer-events: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  background-color: #0000;
  border: solid #0000;
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0.375rem 0;
  width: 100%;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0;
}
.form-control-sm {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  min-height: calc(1.5em + 0.5rem + 2px);
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
}
.form-control-sm::file-selector-button {
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.form-control-lg {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
}
.form-control-lg::file-selector-button {
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
  padding: 0.5rem 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-control-color {
  height: calc(1.5em + 0.75rem + 2px);
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
  width: 3rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), none;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: 0.75rem;
}
.form-select:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 #212529;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
}
.form-select-lg {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
.form-check {
  display: block;
  margin-bottom: 0.125rem;
  min-height: 1.5rem;
  padding-left: 1.5em;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-left: 0;
  padding-right: 1.5em;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  flex-shrink: 0;
  height: 1em;
  margin-top: 0.25em;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
  width: 1em;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
}
.form-check-input[type="checkbox"]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:disabled {
  filter: none;
  opacity: 0.5;
  pointer-events: none;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  margin-left: -2.5em;
  transition: background-position 0.15s ease-in-out;
  width: 2em;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386B6FE'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 100%;
}
.form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em;
}
.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  filter: none;
  opacity: 0.65;
  pointer-events: none;
}
[data-bs-theme="dark"]
  .form-switch
  .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E");
}
.form-range {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  height: 1.5rem;
  padding: 0;
  width: 100%;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #0d6efd40;
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #0d6efd40;
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
  min-height: calc(3.5rem + 2px);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
}
.form-floating > label {
  border: 1px solid #0000;
  border: var(--bs-border-width) solid #0000;
  color: #212529a6;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  height: 100%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem 0.75rem;
  pointer-events: none;
  position: absolute;
  text-align: start;
  text-overflow: ellipsis;
  top: 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  white-space: nowrap;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: #0000;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-select {
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label:after,
.form-floating > textarea:not(:placeholder-shown) ~ label:after {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem 0.375rem;
  position: absolute;
  z-index: -1;
}
.form-floating > textarea:disabled ~ label:after {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  align-items: center;
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  white-space: nowrap;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-control,
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-select,
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-control,
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-select,
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.valid-feedback {
  color: #198754;
  color: var(--bs-form-valid-color);
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.valid-tooltip {
  background-color: #198754;
  background-color: var(--bs-success);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754;
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  color: #dc3545;
  color: var(--bs-form-invalid-color);
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.invalid-tooltip {
  background-color: #dc3545;
  background-color: var(--bs-danger);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: #0000;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}
.btn-check + .btn:hover {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color);
}
.btn:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  color: var(--bs-btn-hover-color);
  outline: 0;
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
  opacity: var(--bs-btn-disabled-opacity);
  pointer-events: none;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-color: #0000;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: #0000;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: #0000;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  height: auto;
  transition: width 0.35s ease;
  width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 0.3em solid #0000;
  border-right: 0.3em solid #0000;
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  background-clip: padding-box;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  color: var(--bs-dropdown-color);
  display: none;
  font-size: var(--bs-dropdown-font-size);
  list-style: none;
  margin: 0;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--bs-dropdown-zindex);
}
.dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  top: 100%;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  bottom: 100%;
  margin-bottom: var(--bs-dropdown-spacer);
  margin-top: 0;
  top: auto;
}
.dropup .dropdown-toggle:after {
  border-bottom: 0.3em solid;
  border-left: 0.3em solid #0000;
  border-right: 0.3em solid #0000;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  left: 100%;
  margin-left: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropend .dropdown-toggle:after {
  border-bottom: 0.3em solid #0000;
  border-left: 0.3em solid;
  border-right: 0;
  border-top: 0.3em solid #0000;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-toggle:after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-right: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: 100%;
  top: 0;
}
.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:before {
  border-bottom: 0.3em solid #0000;
  border-right: 0.3em solid;
  border-top: 0.3em solid #0000;
  content: "";
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-divider {
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden;
}
.dropdown-item {
  background-color: #0000;
  border: 0;
  border-radius: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  clear: both;
  color: var(--bs-dropdown-link-color);
  display: block;
  font-weight: 400;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: #0000;
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  color: var(--bs-dropdown-header-color);
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding: var(--bs-dropdown-header-padding-y)
    var(--bs-dropdown-header-padding-x);
  white-space: nowrap;
}
.dropdown-item-text {
  color: var(--bs-dropdown-link-color);
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: #ffffff26;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  flex: 1 1 auto;
  position: relative;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n + 3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-link {
  background: none;
  border: 0;
  color: var(--bs-nav-link-color);
  display: block;
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  cursor: default;
  pointer-events: none;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
    var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color)
    var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid
    var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  border: var(--bs-nav-tabs-border-width) solid #0000;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  isolation: isolate;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
  color: var(--bs-nav-tabs-link-active-color);
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-nav-pills-link-active-bg);
  color: var(--bs-nav-pills-link-active-color);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  border-bottom: var(--bs-nav-underline-border-width) solid #0000;
  padding-left: 0;
  padding-right: 0;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: initial;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  border-bottom-color: initial;
  color: var(--bs-nav-underline-link-active-color);
  font-weight: 700;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between;
}
.navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}
.navbar-toggler {
  background-color: #0000;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  color: var(--bs-navbar-color);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none;
}
.navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}
.navbar-nav-scroll {
  max-height: 75vh;
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  background-color: #0000 !important;
  border: 0 !important;
  flex-grow: 1;
  height: auto !important;
  position: static;
  transform: none !important;
  transition: none;
  visibility: visible !important;
  width: auto !important;
  z-index: auto;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0;
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: #ffffff8c;
  --bs-navbar-hover-color: #ffffffbf;
  --bs-navbar-disabled-color: #ffffff40;
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: #ffffff1a;
}
.navbar-dark,
.navbar[data-bs-theme="dark"],
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  word-wrap: break-word;
  background-clip: initial;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative;
}
.card > hr {
  margin-left: 0;
  margin-right: 0;
}
.card > .list-group {
  border-bottom: inherit;
  border-top: inherit;
}
.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0;
}
.card > .list-group:last-child {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  color: var(--bs-card-color);
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-title {
  color: var(--bs-card-title-color);
  margin-bottom: var(--bs-card-title-spacer-y);
}
.card-subtitle {
  color: var(--bs-card-subtitle-color);
  margin-top: calc(var(--bs-card-title-spacer-y) * -0.5);
}
.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  margin-bottom: 0;
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  border-bottom: 0;
  margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}
.card-img-overlay {
  border-radius: var(--bs-card-inner-border-radius);
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  position: absolute;
  right: 0;
  top: 0;
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052C65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0
    var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color);
}
.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button:after {
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  transition: var(--bs-accordion-btn-icon-transition);
  width: var(--bs-accordion-btn-icon-width);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
  z-index: 3;
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
  color: var(--bs-accordion-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush
  > .accordion-item
  > .accordion-header
  .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236DA8FD'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236DA8FD'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item:before {
  color: var(--bs-breadcrumb-divider-color);
  content: "/";
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  list-style: none;
  padding-left: 0;
}
.page-link {
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  color: var(--bs-pagination-color);
  display: block;
  font-size: var(--bs-pagination-font-size);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  position: relative;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  color: var(--bs-pagination-hover-color);
  z-index: 2;
}
.page-link:focus {
  background-color: var(--bs-pagination-focus-bg);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  color: var(--bs-pagination-focus-color);
  outline: 0;
  z-index: 3;
}
.active > .page-link,
.page-link.active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
  z-index: 3;
}
.disabled > .page-link,
.page-link.disabled {
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  border-radius: var(--bs-badge-border-radius);
  color: var(--bs-badge-color);
  display: inline-block;
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  text-align: center;
  vertical-align: initial;
  white-space: nowrap;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: #0000;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: #0000;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  color: var(--bs-alert-color);
  margin-bottom: var(--bs-alert-margin-bottom);
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  position: relative;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  padding: 1.25rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  display: flex;
  font-size: var(--bs-progress-font-size);
  height: var(--bs-progress-height);
  overflow: hidden;
}
.progress-bar {
  background-color: var(--bs-progress-bar-bg);
  color: var(--bs-progress-bar-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: var(--bs-progress-bar-transition);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 0,
    #0000 50%,
    #ffffff26 0,
    #ffffff26 75%,
    #0000 0,
    #0000
  );
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  border-radius: var(--bs-list-group-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.list-group-numbered {
  counter-reset: section;
  list-style-type: none;
}
.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid
    var(--bs-list-group-border-color);
  color: var(--bs-list-group-color);
  display: block;
  padding: var(--bs-list-group-item-padding-y)
    var(--bs-list-group-item-padding-x);
  position: relative;
  text-decoration: none;
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  background-color: var(--bs-list-group-disabled-bg);
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
}
.list-group-item.active {
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
  color: var(--bs-list-group-active-color);
  z-index: 2;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: var(--bs-list-group-border-width);
  margin-top: calc(var(--bs-list-group-border-width) * -1);
}
.list-group-item-action {
  color: var(--bs-list-group-action-color);
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  background-color: var(--bs-list-group-action-hover-bg);
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:not(.active):active {
  background-color: var(--bs-list-group-action-active-bg);
  color: var(--bs-list-group-action-active-color);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--bs-list-group-border-radius);
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  border-left-width: var(--bs-list-group-border-width);
  margin-left: calc(var(--bs-list-group-border-width) * -1);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  background: #0000 var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  box-sizing: initial;
  filter: var(--bs-btn-close-filter);
  height: 1em;
  opacity: var(--bs-btn-close-opacity);
  padding: 0.25em;
  width: 1em;
}
.btn-close,
.btn-close:hover {
  color: var(--bs-btn-close-color);
}
.btn-close:hover {
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none;
}
.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0;
}
.btn-close.disabled,
.btn-close:disabled {
  opacity: var(--bs-btn-close-disabled-opacity);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme="light"] {
  --bs-btn-close-filter: ;
}
[data-bs-theme="dark"] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  background-clip: padding-box;
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  border-radius: var(--bs-toast-border-radius);
  box-shadow: var(--bs-toast-box-shadow);
  color: var(--bs-toast-color);
  font-size: var(--bs-toast-font-size);
  max-width: 100%;
  pointer-events: auto;
  width: var(--bs-toast-max-width);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  width: max-content;
  z-index: var(--bs-toast-zindex);
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--bs-toast-header-bg);
  border-bottom: var(--bs-toast-border-width) solid
    var(--bs-toast-header-border-color);
  border-top-left-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
  border-top-right-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
  color: var(--bs-toast-header-color);
  display: flex;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
}
.toast-header .btn-close {
  margin-left: var(--bs-toast-padding-x);
  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
}
.toast-body {
  word-wrap: break-word;
  padding: var(--bs-toast-padding-x);
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--bs-modal-zindex);
}
.modal-dialog {
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
  width: auto;
}
.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  align-items: center;
  display: flex;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  background-clip: padding-box;
  background-color: var(--bs-modal-bg);
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  color: var(--bs-modal-color);
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  background-color: var(--bs-backdrop-bg);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: var(--bs-backdrop-zindex);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  align-items: center;
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  display: flex;
  flex-shrink: 0;
  padding: var(--bs-modal-header-padding);
}
.modal-header .btn-close {
  margin-bottom: calc(var(--bs-modal-header-padding-y) * -0.5);
  margin-left: auto;
  margin-right: calc(var(--bs-modal-header-padding-x) * -0.5);
  margin-top: calc(var(--bs-modal-header-padding-y) * -0.5);
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
}
.modal-title {
  line-height: var(--bs-modal-title-line-height);
  margin-bottom: 0;
}
.modal-body {
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  position: relative;
}
.modal-footer {
  align-items: center;
  background-color: var(--bs-modal-footer-bg);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-top: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color);
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bs-modal-width);
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100vw;
}
.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  word-wrap: break-word;
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-tooltip-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: var(--bs-tooltip-margin);
  opacity: 0;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-tooltip-zindex);
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  height: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-width);
}
.tooltip .tooltip-arrow:before {
  border-color: #0000;
  border-style: solid;
  content: "";
  position: absolute;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: var(--bs-tooltip-bg);
  border-width: var(--bs-tooltip-arrow-height)
    calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  top: -1px;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  left: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  right: -1px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: var(--bs-tooltip-bg);
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height);
  bottom: -1px;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  right: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
    calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  left: -1px;
}
.tooltip-inner {
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
  color: var(--bs-tooltip-color);
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  text-align: center;
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: var(--bs-popover-bg);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-popover-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: var(--bs-popover-max-width);
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-popover-zindex);
}
.popover .popover-arrow {
  display: block;
  height: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-width);
}
.popover .popover-arrow:after,
.popover .popover-arrow:before {
  border: 0 solid #0000;
  content: "";
  display: block;
  position: absolute;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:after,
.bs-popover-top > .popover-arrow:before {
  border-width: var(--bs-popover-arrow-height)
    calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:before {
  border-top-color: var(--bs-popover-arrow-border);
  bottom: 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-top > .popover-arrow:after {
  border-top-color: var(--bs-popover-bg);
  bottom: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  left: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:after,
.bs-popover-end > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:before {
  border-right-color: var(--bs-popover-arrow-border);
  left: 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-end > .popover-arrow:after {
  border-right-color: var(--bs-popover-bg);
  left: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:before {
  border-bottom-color: var(--bs-popover-arrow-border);
  top: 0;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: var(--bs-popover-bg);
  top: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-header-bg);
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
  position: absolute;
  top: 0;
  width: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  right: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:after,
.bs-popover-start > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
    calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:before {
  border-left-color: var(--bs-popover-arrow-border);
  right: 0;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-start > .popover-arrow:after {
  border-left-color: var(--bs-popover-bg);
  right: var(--bs-popover-border-width);
}
.popover-header {
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  color: var(--bs-popover-header-color);
  font-size: var(--bs-popover-header-font-size);
  margin-bottom: 0;
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  color: var(--bs-popover-body-color);
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel-inner:after {
  clear: both;
  content: "";
  display: block;
}
.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  align-items: center;
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  filter: var(--bs-carousel-control-icon-filter);
  justify-content: center;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.15s ease;
  width: 15%;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.carousel-indicators [data-bs-target] {
  background-clip: padding-box;
  background-color: #fff;
  background-color: var(--bs-carousel-indicator-active-bg);
  border: 0;
  border-bottom: 10px solid #0000;
  border-top: 10px solid #0000;
  box-sizing: initial;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
  padding: 0;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  bottom: 1.25rem;
  color: #fff;
  color: var(--bs-carousel-caption-color);
  left: 15%;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  position: absolute;
  right: 15%;
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme="light"] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme="dark"] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
  border-radius: 50%;
  display: inline-block;
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  width: var(--bs-spinner-width);
}
@keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border-right-color: currentcolor;
  border: var(--bs-spinner-border-width) solid;
  border-right: var(--bs-spinner-border-width) solid #0000;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-sm.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-sm.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom,
  .offcanvas-sm.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-md.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-md.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom,
  .offcanvas-md.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-lg.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-lg.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom,
  .offcanvas-lg.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom,
  .offcanvas-xl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xxl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xxl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom,
  .offcanvas-xxl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.offcanvas {
  background-clip: padding-box;
  background-color: var(--bs-offcanvas-bg);
  bottom: 0;
  color: var(--bs-offcanvas-color);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  transition: var(--bs-offcanvas-transition);
  visibility: hidden;
  z-index: var(--bs-offcanvas-zindex);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  left: 0;
  top: 0;
  transform: translateX(-100%);
  width: var(--bs-offcanvas-width);
}
.offcanvas.offcanvas-end {
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: var(--bs-offcanvas-width);
}
.offcanvas.offcanvas-top {
  border-bottom: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  top: 0;
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
  height: var(--bs-offcanvas-height);
  left: 0;
  max-height: 100%;
  right: 0;
}
.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  align-items: center;
  display: flex;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
  margin-left: auto;
  margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
  margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
}
.offcanvas-title {
  line-height: var(--bs-offcanvas-title-line-height);
  margin-bottom: 0;
}
.offcanvas-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.placeholder {
  background-color: currentcolor;
  cursor: wait;
  display: inline-block;
  min-height: 1em;
  opacity: 0.5;
  vertical-align: middle;
}
.placeholder.btn:before {
  content: "";
  display: inline-block;
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  animation: placeholder-wave 2s linear infinite;
  -webkit-mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
}
@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.text-bg-primary {
  background-color: #0d6efd !important;
  background-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-secondary {
  background-color: #6c757d !important;
  background-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-success {
  background-color: #198754 !important;
  background-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-info {
  background-color: #0dcaf0 !important;
  background-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-warning {
  background-color: #ffc107 !important;
  background-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-danger {
  background-color: #dc3545 !important;
  background-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-light {
  background-color: #f8f9fa !important;
  background-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-dark {
  background-color: #212529 !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.link-primary {
  color: #0d6efd !important;
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0d6efd !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: #0a58ca !important;
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0a58ca !important;
  text-decoration-color: RGBA(
    10,
    88,
    202,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary {
  color: #6c757d !important;
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #6c757d !important;
  text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: #565e64 !important;
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #565e64 !important;
  text-decoration-color: RGBA(
    86,
    94,
    100,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success {
  color: #198754 !important;
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #198754 !important;
  text-decoration-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success:focus,
.link-success:hover {
  color: #146c43 !important;
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #146c43 !important;
  text-decoration-color: RGBA(
    20,
    108,
    67,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info {
  color: #0dcaf0 !important;
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0dcaf0 !important;
  text-decoration-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info:focus,
.link-info:hover {
  color: #3dd5f3 !important;
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #3dd5f3 !important;
  text-decoration-color: RGBA(
    61,
    213,
    243,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning {
  color: #ffc107 !important;
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #ffc107 !important;
  text-decoration-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: #ffcd39 !important;
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #ffcd39 !important;
  text-decoration-color: RGBA(
    255,
    205,
    57,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger {
  color: #dc3545 !important;
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #dc3545 !important;
  text-decoration-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: #b02a37 !important;
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #b02a37 !important;
  text-decoration-color: RGBA(
    176,
    42,
    55,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light {
  color: #f8f9fa !important;
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #f8f9fa !important;
  text-decoration-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light:focus,
.link-light:hover {
  color: #f9fafb !important;
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #f9fafb !important;
  text-decoration-color: RGBA(
    249,
    250,
    251,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark {
  color: #212529 !important;
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #212529 !important;
  text-decoration-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: #1a1e21 !important;
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #1a1e21 !important;
  text-decoration-color: RGBA(
    26,
    30,
    33,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis {
  color: #000 !important;
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 1)
  ) !important;
  text-decoration-color: #000 !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: #000000bf !important;
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 0.75)
  ) !important;
  text-decoration-color: #000000bf !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 0.75)
  ) !important;
}
.focus-ring:focus {
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
    var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
    var(--bs-focus-ring-color);
  outline: 0;
}
.icon-link {
  align-items: center;
  backface-visibility: hidden;
  display: inline-flex;
  gap: 0.375rem;
  text-decoration-color: #0d6efd80;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-opacity, 0.5)
  );
  text-underline-offset: 0.25em;
}
.icon-link > .bi {
  fill: currentcolor;
  flex-shrink: 0;
  height: 1em;
  transition: transform 0.2s ease-in-out;
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: translate3d(0.25em, 0, 0);
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio);
}
.ratio > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  top: 0;
}
.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}
.fixed-bottom {
  bottom: 0;
}
.sticky-top {
  top: 0;
}
.sticky-bottom,
.sticky-top {
  position: sticky;
  z-index: 1020;
}
.sticky-bottom {
  bottom: 0;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
.hstack {
  align-items: center;
  flex-direction: row;
}
.hstack,
.vstack {
  align-self: stretch;
  display: flex;
}
.vstack {
  flex: 1 1 auto;
  flex-direction: column;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.stretched-link:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  align-self: stretch;
  background-color: currentcolor;
  display: inline-block;
  min-height: 1em;
  opacity: 0.25;
  width: 1px;
  width: var(--bs-border-width);
}
.align-baseline {
  vertical-align: initial !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem #00000026 !important;
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(
    var(--bs-success-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(
    var(--bs-light-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: 1px solid #dee2e6 !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid #dee2e6 !important;
  border-right: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid #dee2e6 !important;
  border-left: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-success-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: #9ec5fe !important;
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: #c4c8cb !important;
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: #a3cfbb !important;
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: #9eeaf9 !important;
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: #ffe69c !important;
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: #f1aeb5 !important;
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: #e9ecef !important;
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: #adb5bd !important;
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mx-n1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.mx-n3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.mx-n4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.mx-n5 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.my-n1 {
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
}
.my-n2 {
  margin-bottom: -0.5rem !important;
  margin-top: -0.5rem !important;
}
.my-n3 {
  margin-bottom: -1rem !important;
  margin-top: -1rem !important;
}
.my-n4 {
  margin-bottom: -1.5rem !important;
  margin-top: -1.5rem !important;
}
.my-n5 {
  margin-bottom: -3rem !important;
  margin-top: -3rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.mt-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5 {
  margin-top: -3rem !important;
}
.me-n1 {
  margin-right: -0.25rem !important;
}
.me-n2 {
  margin-right: -0.5rem !important;
}
.me-n3 {
  margin-right: -1rem !important;
}
.me-n4 {
  margin-right: -1.5rem !important;
}
.me-n5 {
  margin-right: -3rem !important;
}
.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mb-n2 {
  margin-bottom: -0.5rem !important;
}
.mb-n3 {
  margin-bottom: -1rem !important;
}
.mb-n4 {
  margin-bottom: -1.5rem !important;
}
.mb-n5 {
  margin-bottom: -3rem !important;
}
.ms-n1 {
  margin-left: -0.25rem !important;
}
.ms-n2 {
  margin-left: -0.5rem !important;
}
.ms-n3 {
  margin-left: -1rem !important;
}
.ms-n4 {
  margin-left: -1.5rem !important;
}
.ms-n5 {
  margin-left: -3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace !important;
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(13, 110, 253, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(13, 202, 240, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(255, 193, 7, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(248, 249, 250, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: #21252980 !important;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: #000 !important;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: #052c65 !important;
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: #2b2f32 !important;
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: #0a3622 !important;
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: #055160 !important;
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: #664d03 !important;
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: #58151c !important;
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: #495057 !important;
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: #495057 !important;
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10,
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25,
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50,
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75,
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100,
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1,
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2,
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3,
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    13,
    110,
    253,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    108,
    117,
    125,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    25,
    135,
    84,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    13,
    202,
    240,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    255,
    193,
    7,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    220,
    53,
    69,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    248,
    249,
    250,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    33,
    37,
    41,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: #0d6efd !important;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 110, 253, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(25, 135, 84, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 202, 240, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 193, 7, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(33, 37, 41, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: #0000 !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(233, 236, 239, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-secondary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-tertiary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: #cfe2ff !important;
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: #e2e3e5 !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: #d1e7dd !important;
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: #cff4fc !important;
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: #fff3cd !important;
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: #f8d7da !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: #fcfcfd !important;
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: #ced4da !important;
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: linear-gradient(180deg, #ffffff26, #fff0) !important;
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.375rem !important;
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.25rem !important;
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: 0.375rem !important;
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: 0.5rem !important;
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: 1rem !important;
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: 2rem !important;
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: 0.5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: 0.5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-end-1 {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: 0.5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-bottom-right-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-end-pill {
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: 0.5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-sm-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .mx-sm-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
  }
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
  }
  .my-sm-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
  }
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
  }
  .my-sm-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -3rem !important;
  }
  .me-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .me-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .me-sm-n3 {
    margin-right: -1rem !important;
  }
  .me-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .me-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-sm-n3 {
    margin-left: -1rem !important;
  }
  .ms-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-sm-n5 {
    margin-left: -3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mx-md-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-md-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .mx-md-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
  }
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
  }
  .my-md-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
  }
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
  }
  .my-md-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -3rem !important;
  }
  .me-md-n1 {
    margin-right: -0.25rem !important;
  }
  .me-md-n2 {
    margin-right: -0.5rem !important;
  }
  .me-md-n3 {
    margin-right: -1rem !important;
  }
  .me-md-n4 {
    margin-right: -1.5rem !important;
  }
  .me-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-left: -1rem !important;
  }
  .ms-md-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-md-n5 {
    margin-left: -3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .mx-lg-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
  }
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
  }
  .my-lg-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -3rem !important;
  }
  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-right: -1rem !important;
  }
  .me-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .me-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-left: -1rem !important;
  }
  .ms-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-lg-n5 {
    margin-left: -3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .mx-xl-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
  }
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
  }
  .my-xl-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -3rem !important;
  }
  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-right: -1rem !important;
  }
  .me-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xl-n5 {
    margin-left: -3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-xxl-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .mx-xxl-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
  }
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
  }
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
  }
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
  }
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -3rem !important;
  }
  .me-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xxl-n3 {
    margin-right: -1rem !important;
  }
  .me-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xxl-n5 {
    margin-left: -3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-XCompSmBd.dd7c9ef3a46ad7ecd872.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompSmBd.79b0442326a5d6cf950d.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-XCompRg.a4f7fd971c3da8820ccb.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompRg.7970826e32abdff43e88.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-XCompSmBdIt.729622184d1b8fe215d3.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompSmBdIt.306b967e27749dfff8d1.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-XCompRgIt.5d47a98f6fff8b78b06c.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompRgIt.f391a89db80c9d5eb45e.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-XCompMdIt.321fe5035d6592ad4e5a.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompMdIt.981d59c36140d712a200.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-XCompTh.7496d495f60948659c97.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompTh.787b8ab0604e40760000.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-WideBdIt.08a99a2142f50b7c9ff1.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideBdIt.b0cfe0fd104f0539a995.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-UltLt.8aa952eb88bd370de818.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-UltLt.9df4f4fdb750794e3e7b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-XCompThIt.f7f79b46f7c7b98729f8.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompThIt.e6857d3cd612c459e3f3.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-WideMd.89668e0b20c9aa27680a.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideMd.3df4ae0d06a86a18642b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-WideLt.fc579489f5e49b61ec29.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideLt.3355223e76488358d647.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-WideBd.f20ac1513a37ecb8c2c0.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideBd.13b10c539d2bfa7a29e7.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-WideLtIt.2a5d7f8de7ddaf6d3459.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideLtIt.4c5046c756109e95a9bd.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-UltLtIt.fc7a494a2d5c61372294.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-UltLtIt.982b2ca3e9c1bdd68e3b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-WideSmBdIt.83defa5493f840fc7ca5.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideSmBdIt.98b48819672bbe66c9d8.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-WideMdIt.2113934d1dc15d03a0ea.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideMdIt.5a9e064f145f468c10e0.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-WideRg.75761adb2ce006b14b61.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideRg.52bef143eba7e32fb63e.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-WideThIt.3d8eb280e567bb4879e0.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideThIt.608eaced5157ebcacdf3.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-WideSmBd.71232222d52317d76dd8.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideSmBd.802b37a721a34858fdac.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-WideTh.d313697b4d65284de9ce.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideTh.23b10c23eb95c5ba345b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-WideUltLt.a1540d381860a40ce18b.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideUltLt.131ae166ee22b65824bb.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-WideRgIt.69ccd41722427da981a9.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideRgIt.0aafce60bf5e8beb3220.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-XCompLt.3f5bc004fde2410896d7.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompLt.b2a1e16966a04e80362b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-XCompMd.e01efc607944913d4714.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompMd.a43dae945b83cda17dab.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-XCompBdIt.5956ee3a9dda8e639357.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompBdIt.ea95ce97bbdefba65f7b.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-WideUltLtIt.f19431d0fda7fb206f39.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-WideUltLtIt.ad09dae0f182a851226d.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-XCompLtIt.058e8475194007b8bac6.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompLtIt.ead0f16ff21885bea2e4.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-XCompBd.15a724270c26cf7c3e49.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompBd.53daeadec484dc0d43c2.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-ExtBdIt.aa65b9b22459358dae69.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtBdIt.b3970a9ff6348df403e3.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/GeogrotSharpTRIAL-ExtBd.e2ba99560713f8eed660.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtBd.5eeb6e76a35c51d2e182.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-ExtRgIt.394a8b42b613fe4196db.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtRgIt.c447ce84e4b519e8ccc5.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-ExtSmBdIt.763675da18768e6f0598.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtSmBdIt.fea354b081de3ae2a2b6.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-ExtLtIt.16b3251712dc2eea0400.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtLtIt.ea47d510ec90182550fd.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-ExtMd.aac13f6a4dc4ced8d8ba.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtMd.e9f8163a6f2fc701e9ce.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-ExtMdIt.1fc85c8b44bf0ba8a461.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtMdIt.d41b7285bb2bdd705cc4.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-ExtThIt.f43c75b77635ccb94045.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtThIt.3303e98b4c645c53fb18.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-ExtTh.677f9787a1e4cfafa19b.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtTh.4901fc73f2b7b6c2c9fd.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-ExtLt.90293a6ebfe39aaff3dc.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtLt.672720ef46af4da6de38.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-ExtRg.a6c9a9a2d1f94ecd5ae5.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtRg.e1724453e708183b6a48.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-ExtSmBd.3eed260bf68e60fc2f60.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtSmBd.3320d33b508319930a97.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-SmBd.ab943cc3014cb3ebb1a2.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-SmBd.7cd60aa6da281b51d738.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-ExtUltLtIt.f5f9d99f01eac2dc3909.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtUltLtIt.0713802a4335fe412cef.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-LtIt.f4b0be8c45fcdae13eaf.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-LtIt.7b6a7a5d6a029e8faee9.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-ThIt.7edb9255293d04d6d383.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ThIt.a0c5d2f95fb994f39848.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-XCompUltLt.63a3a70a41abfc7562ad.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompUltLt.646b9ee9a21fe3568a2e.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/GeogrotSharpTRIAL-Lt.2e8b007268969deaafc4.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-Lt.b759d9a2bf6a479279b3.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-XCompUltLtIt.c852335d01e9c68797f6.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-XCompUltLtIt.f942baf5761d858ce0de.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/GeogrotSharpTRIAL-Th.5c7ff3f115363630c751.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-Th.e626fae07c6ee06959af.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 600;
  src: url(/static/media/GeogrotSharpTRIAL-SmBdIt.ab998db5b3c105b8e393.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-SmBdIt.de6b02b382e09be3a8f4.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-Md.834d829895f86b7a2d6e.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-Md.023ade503081ca5de1e8.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 500;
  src: url(/static/media/GeogrotSharpTRIAL-MdIt.50e35dd48c215967fae0.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-MdIt.c0927df69f388ecc0945.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-ExtUltLt.24692ada2b2e956b04bf.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExtUltLt.f1d3b3d54525b0efc694.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-RgIt.288dcfe2c7432349106e.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-RgIt.6b6034ede9640747daf6.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/GeogrotSharpTRIAL-Rg.eb585e01c01a184148a8.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-Rg.d1993655fad6abaf21f2.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Geogrotesque Sharp VF TRIAL;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/GeogrotesqueSharpVFTRIAL-Default.d9c87dd3fc497d28778a.woff2)
      format("woff2"),
    url(/static/media/GeogrotesqueSharpVFTRIAL-Default.d73c595cc72a11868a2f.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: GeogrotSharp TRIAL;
  font-style: italic;
  font-weight: 200;
  src: url(/static/media/GeogrotSharpTRIAL-ExpUltLtIt.04134755b9e75f0891f1.woff2)
      format("woff2"),
    url(/static/media/GeogrotSharpTRIAL-ExpUltLtIt.ad8afeb4509cc65e0200.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: RETROTECH;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/RETROTECHRegular.f90fa3a86a4c249544c3.woff2)
      format("woff2"),
    url(/static/media/RETROTECHRegular.f52d3760c093f127d739.woff) format("woff"),
    url(/static/media/RETROTECHRegular.e46b3824924a8d260f07.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Press Start\2P;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/PressStart2P-Regular.cf7e89b036129f5d5368.woff2)
      format("woff2"),
    url(/static/media/PressStart2P-Regular.3cf3c4681d8124cd01bd.woff)
      format("woff");
}
body .rotate-90 {
  transform: rotate(90deg);
}
body.sidebarToggle .appLayout .sidebar {
  width: 64px;
}
body.sidebarToggle .appLayout .sidebar .sidebarInner {
  padding: 15px 10px;
}
body.sidebarToggle .appLayout .sidebar .sidebarInner .closeside {
  height: 44px;
  width: 44px;
}
body.sidebarToggle .appLayout .sidebar .sidebarInner .closeside img {
  transform: rotate(180deg);
}
body.sidebarToggle .appLayout .sidebar .sidebarInner .smallHiddden {
  height: 0 !important;
  overflow: hidden;
  width: 0 !important;
}
body.sidebarToggle .appLayout .sidebar .sidebarInner .sidebarLink {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: center;
  min-height: 44px;
}
body.sidebarToggle
  .appLayout
  .sidebar
  .sidebarInner
  .sidebarLink:not(:hover, .active) {
  background-color: #0000;
  border-color: #0000;
}
body.sidebarToggle
  .appLayout
  .sidebar
  .sidebarInner
  .sidebarLink
  .sidebarImg.small
  img {
  height: 18px;
  width: 18px;
}
body.sidebarToggle
  .appLayout
  .sidebar
  .sidebarInner
  .sidebarLink
  .sidebarImg
  img {
  height: 20px;
  width: 20px;
}
body.sidebarToggle .appLayout .sidebar .sidebarSmall {
  padding: 100px 0 0;
  transition: 0.3s linear;
}
@media only screen and (min-width: 992px) {
  body.sidebarToggle .appLayout .sidebar .sidebarSmall {
    padding: 0;
  }
}
body.sidebarToggle .appLayout .sidebar .openSidebar {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
body.sidebarToggle .appLayout .sidebar .openSidebar img {
  height: 20px;
  object-fit: contain;
  width: 20px;
}
body.sidebarToggle .appLayout .sidebar .sidebarlinks {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
body.sidebarToggle .appLayout .sidebar .sidebarlinks:is(:hover, .active) {
  align-items: center;
  background-color: #2e3443;
  border-radius:0;
  display: block;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
body.sidebarToggle .appLayout .sidebar .sidebarlinks img {
  height: 22px;
  object-fit: contain;
  width: 22px;
}
body.sidebarToggle .appLayout .scrollPart {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body.sidebarToggle .appLayout .scrollPart {
    width: calc(100% - 64px) !important;
  }
}
.sidebar .sidebarInner {
  padding: 15px;
}
@media only screen and (min-width: 992px) {
  .sidebar .sidebarInner {
    padding: 15px;
  }
}
.sidebar .searchInput input {
  background-color: #1e222d;
  border: 0;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 12px;
  height: 40px;
  padding-left: 35px;
}
.sidebar .searchInput input::placeholder {
  color: #b2b6c5;
}
.sidebar .searchInput img {
  height: 16px;
  left: 10px;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar .groupDropdown {
  align-items: center;
  background-color: #1e222d;
  border-radius: 5px;
  display: flex;
  height: 40px;
  padding-block: 5px;
}
.sidebar .groupDropdown .countryDropdown {
  align-items: center;
  border-right: 1px solid #b2b6c533;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 40px;
}
.sidebar .groupDropdown .countryDropdown:last-child {
  border-right: 0;
}
.sidebar .groupDropdown .countryDropdown .countryImg img {
  height: 19px;
  object-fit: contain;
  width: 19px;
}
.sidebar .sidebarLink {
  background-color: #2e3443;
  border: 1px solid #2e3443;
  border-radius: 0px;
  cursor: pointer;
  min-height: 35px;
  padding: 10px 12px;
}
.sidebar .sidebarLink:is(:hover, .active) {
  background-color: #363b4b;
  border-radius: 0px;
}
.sidebar .sidebarLink.sidebarLinkbody:is(:hover, .active) {
  background-color: #363b4b;
  border: 1px solid #b2b6c5;
  border-radius: 0px;
}
.sidebar .sidebarLink .sidebarImg img {
  height: 26px;
  object-fit: contain;
  transition: 0.3s linear;
  width: 26px;
}
.sidebar .sidebarLink .sidebarImg.small img {
  height: 22px;
  width: 22px;
}
.sidebar .sidebarLink .accrodianBtnTxt {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.sidebar .sidebarLink .accrodianBtnTxt.accrodianBtnTxtBody {
  color: #b2b6c5;
}
.sidebar .sidebarLink .accrodianBtnTxt.accrodianBtnsmall {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
}
.sidebar .sidebarLink .accrodianBtnTxt.tilted {
  font-family: RETROTECH;
}
.sidebar .sidebarLink .accrodianBtnTxt .pokerSpan {
  color: #62c412;
  filter: drop-shadow(0 0 2px #62c412);
  font-size: 9px;
  padding-left: 4px;
}
.sidebar .sidebarLink .dambleCoin {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.sidebar .sidebarLink .dambleCoin span {
  color: #b2b6c5;
  font-family: retrotech;
  font-size: 12px;
  font-weight: 600;
}
.sidebar .sidebarLink .buyPlz {
  color: #c7a1fd;
  font-family: retrotech;
  font-size: 9px;
  font-weight: 600;
}
.sidebar .sidebarLink .rightArrow {
  transform: rotate(90deg);
  transition: 0.3s ease-in-out;
}
.sidebar .sidebarLink .rightArrow img {
  height: 15px;
  object-fit: contain;
}
.sidebar .sidebarLink .rightArrow.small img {
  height: 12px;
}
.sidebar .accordion .accordion-item {
  background-color: #0000 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.sidebar .accordion .accordion-item .accordion-header .collapsed .rotate-90 {
  transform: rotate(0deg);
}
.sidebar .accordion .accordion-item .accordion-header .rotate-90 {
  transform: rotate(90deg);
}
.sidebar .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #0000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.sidebar .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none !important;
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button
  .sidebarLink
  .rightArrow
  img {
  opacity: 0.65;
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #363b4b;
  border-radius: 5px 5px 0 0 !important;
  overflow: hidden;
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)
  .sidebarLink {
  background-color: #363b4b;
  border-radius: 5px 5px 0 0;
  border-radius: 5px;
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)
  .sidebarLink
  .accrodianBtnTxt {
  color: #fff;
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)
  .sidebarLink
  .rightArrow {
  transform: rotate(270deg);
}
.sidebar
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)
  .sidebarLink
  .rightArrow
  img {
  opacity: 1;
}
.sidebar .accordion .accordion-item .accordion-collapse {
  border-radius: 0 0 5px 5px;
}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
}
.sidebar .sidebarBottom {
  background-color: #242937;
  padding: 15px 0;
}
.sidebar .sidebarBottom .getCryptoBtn {
  background-color: #32394b;
  border-bottom: 4px solid #272d3d !important;
  border-radius: 3px;
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
}
.sidebar .sidebarBottom .paymentMethod {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 13px;
}
.sidebar .sidebarBottom .paymentMethod img {
  display: flex;
  height: 17px;
  object-fit: contain;
}
.sidebar .dblTxt img {
  height: 21.31px;
}
.sidebar .dblTxt span {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.sidebar .dblTxtsub {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}
.sidebar .dblTxtsub span {
  color: rgba(255, 199, 0, 0.859);
  font-size: 13px;
  font-weight: 600;
}
.sidebar .dblTxtsub span img {
  height: 12.75px;
  object-fit: contain;
  width: 12.75px;
}
.sidebar .closeside {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.sidebar .closeside img {
  height: 16px;
  object-fit: contain;
  width: 16px;
}
.sidebar .headerBtns {
  background-color: #2e3443;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  height: 35px;
  width: 100%;
}
.accorduinBodyBg {
  background-color: #2e3443;
  border-radius: 0 0 5px 5px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .appLayout .mainContent {
    padding-left: 64px;
  }
  .appLayout .sidebar {
    left: 0;
    position: absolute !important;
    top: 0;
    width: 64px !important;
  }
  .appLayout .sidebar .sidebarInner .closeside {
    height: 44px;
    width: 44px;
  }
  .appLayout .sidebar .sidebarInner .closeside img {
    transform: rotate(180deg);
  }
  .appLayout .sidebar .sidebarInner .smallHiddden {
    height: 0 !important;
    overflow: hidden;
    width: 0 !important;
  }
  .appLayout .sidebar .sidebarInner .sidebarLink {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    min-height: 35px;
  }
  .appLayout .sidebar .sidebarInner .sidebarLink:not(:hover, .active) {
    background-color: #0000;
    border-color: #0000;
  }
  .appLayout .sidebar .sidebarInner .sidebarLink .sidebarImg.small img {
    height: 18px;
    width: 18px;
  }
  .appLayout .sidebar .sidebarInner .sidebarLink .sidebarImg img {
    height: 20px;
    width: 20px;
  }
  .appLayout .sidebar .sidebarSmall {
    padding: 100px 0 0;
    transition: 0.3s linear;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) and (min-width: 992px) {
  .appLayout .sidebar .sidebarSmall {
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .appLayout .sidebar .openSidebar {
    align-items: center;
    background-color: #2e3443;
    border-radius: 5px;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px;
  }
  .appLayout .sidebar .openSidebar img {
    height: 20px;
    object-fit: contain;
    width: 20px;
  }
  .appLayout .sidebar .sidebarlinks {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px;
  }
  .appLayout .sidebar .sidebarlinks:is(:hover, .active) {
    align-items: center;
    background-color: #2e3443;
    border-radius: 0px;
    display: block;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px;
  }
  .appLayout .sidebar .sidebarlinks img {
    height: 22px;
    object-fit: contain;
    width: 22px;
  }
  .appLayout .scrollPart {
    width: 100% !important;
  }
  body.sidebarToggle .appLayout .mainContent .sidebar {
    width: 260px !important;
  }
  body.sidebarToggle
    .appLayout
    .mainContent
    .sidebar
    .sidebarInner
    .sidebarLink {
    justify-content: start !important;
    width: 100% !important;
  }
  body.sidebarToggle
    .appLayout
    .mainContent
    .sidebar
    .sidebarInner
    .smallHiddden {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    width: auto !important;
  }
  body.sidebarToggle .appLayout .mainContent .scrollPart {
    width: 100% !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .sidebar {
    width: 80% !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 992px) and (max-width: 575px) {
  .sidebar {
    width: 100% !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .sidebar .close_sideBar {
    align-items: center;
    background: #202733;
    border-radius: 4px;
    box-shadow: 0 0 1px #818181;
    color: #fff;
    display: flex;
    height: 30px;
    justify-content: end;
    margin: 0 0 12px auto;
    width: 30px;
  }
}
.header .remove-padding-left {
  padding-left: 0 !important;
}
.header.sportsHeader {
  box-shadow: none !important;
}
.header .upperHeader {
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .header .upperHeader {
    padding: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .header .upperHeader {
    height: 100%;
    padding: 0;
  }
  .header .upperHeader .headerPaddingCol {
    padding-inline: 40px;
  }
}
.header .upperHeader .loginSignUpBtns .authBtn {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  color: #b2b6c5;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  padding: 7px 22px;
}
.header .upperHeader .loginSignUpBtns .authBtn:is(:hover, .fill) {
  background-color: #FF6700;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251), inset 0.5px 0.5px 0.5px 0 #fff;
  color: #fff;
}
.header .upperHeader .mobAuthBtn {
  align-items: center;
  background-color: #242937;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 28px;
  justify-content: center;
  margin-left: 7px;
  padding: 12px;
}
.header .upperHeader .mobAuthBtn img {
  height: 14px;
  object-fit: contain;
}
.header .upperHeader .mobAuthBtn.dark {
  background-color: #FF6700;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251), inset 0.5px 0.5px 0.5px 0 #fff;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .logoLinkCol {
    align-items: center;
    display: flex;
    height: 100%;
    padding-left: 21px !important;
    position: relative;
    width: 195px;
  }
}
.header .upperHeader .logoLink {
  height: 35px;
  width: 100px;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .logoLink {
    height: 60px;
    margin-top: 4px;
    width: 136px;
  }
}
.header .upperHeader .userCurrencyImg .headerIcons {
  height: 20px;
  line-height: normal;
  width: 20px;
}
.header .upperHeader .userCurrencyImg .headerIcons img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.header .upperHeader .userBalance {
  background: #202733;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251);
  box-shadow: inset 0.5px 0.5px 0.5px 0 #FF6700;
  gap: 5.3px;
  height: 40px;
  padding: 6.5px 8px;
}
.header .upperHeader .userBalance .dropdown {
  background-color: #191d27;
  border-radius: 0px;
}
.header .upperHeader .userBalance .dropdown #dropdown-basic {
  height: 26px;
  padding-right: 0 !important;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .userBalance {
    border: 1px solid #363b4b;
    border-right: 0;
    height: 40px;
    padding: 5px;
    width: auto;
  }
}
.header .upperHeader .userBalance .userBal {
  color: #fff;
  display: block;
  font-size: 9.77px;
  font-weight: 700;
  margin: 2px;
}
.header .upperHeader .userBalance .userBal .amountSpan {
  font-weight: 400;
  max-width: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .upperHeader .userBalance .userBal.userBal1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.header .upperHeader .userBalance .userBal.userBal1 img {
  height: 13px;
  margin-right: 4px;
  object-fit: contain;
  width: 13px;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .userBalance .userBal {
    font-size: 13px;
  }
}
.header .upperHeader .userBalance .userBal .lockedBal {
  color: #FF6700;
  font-size: 10px !important;
}
.header .upperHeader .userBalance .userBal .lockedBal img {
  height: 9px;
  margin-bottom: 5px;
  width: 9px;
}
.header .upperHeader .userBalance .plusBtn {
  aspect-ratio: 1;
  background-color: #FF6700;
  border-radius: 0;
  box-shadow: inset 0 0.5px 0.6px 0 #fff !important;
  cursor: pointer;
  height: 26px;
  width: 26px;
}
.header .upperHeader .userBalance .plusBtn.grayBtn {
  background-color: #b2b6c54d;
  border: 0 !important;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .userBalance .plusBtn {
    border-radius: 0;
    height: 25px;
    width: 25px;
  }
}
.header .upperHeader .userBalance .plusBtn img {
  display: flex;
  height: 13px;
}
.header .upperHeader .hover-balance {
  margin-top: 10px;
  position: absolute;
}
.header .upperHeader .headerIcons {
  cursor: pointer;
}
.header .upperHeader .headerIcons .col-auto:is(:hover, .active) .icontext {
  color: #fff;
}
.header .upperHeader .headerIcons .col-auto:is(:hover, .active) .nonActiveImg {
  display: none !important;
}
.header .upperHeader .headerIcons .col-auto:is(:hover, .active) .activeImg {
  display: flex !important;
}
.header .upperHeader .headerIcons .icons {
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .headerIcons .icons {
    height: 24px;
    width: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .header .upperHeader .headerIcons .icons {
    height: 19px;
    width: 19px;
  }
}
.header .upperHeader .headerIcons .icons img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.header .upperHeader .headerIcons .icontext {
  color: #b2b6c5;
  font-weight: 600;
  line-height: normal;
  margin-top: 2px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .headerIcons .icontext {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .header .upperHeader .headerIcons .icontext {
    font-size: 13px;
  }
}
.header .upperHeader .iconHeader {
  cursor: pointer;
  display: flex;
  position: relative;
}
.header .upperHeader .iconHeader.active:before {
  align-items: center;
  background-color: red;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-size: 6px;
  font-weight: 500;
  height: 8px;
  justify-content: center;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 8px;
}
@media only screen and (min-width: 992px) {
  .header .upperHeader .iconHeader {
    height: 20px;
    width: 20px;
  }
}
.header .upperHeader .iconHeader img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.header .bottomHeader {
  align-items: center;
  display: flex;
}
.header .bottomHeader .bottomBarBtn {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16.66%;
}
.header .bottomHeader .bottomBarBtn .icon {
  display: flex;
  height: 18px;
  width: 18px;
}
.header .bottomHeader .bottomBarBtn .icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.header .bottomHeader .bottomBarBtn .txt {
  color: #b2b6c5;
  font-size: 9.63px;
  font-weight: 700;
  margin-top: 4px;
}
.header .bottomHeader .bottomBarBtn:is(:hover, .active) .txt {
  color: #fff;
}
.header .bottomHeader .bottomBarBtn:is(:hover, .active) .grayImg {
  display: none;
}
.header .bottomHeader .bottomBarBtn:is(:hover, .active) .activeImg {
  display: block !important;
}
.header .bottomHeader .bottomBarBtn:is(:hover, .active) .activeImg.giftImg {
  filter: brightness(10);
}
.header .languageDropMenu {
  padding: 15px !important;
  top: 22px !important;
  width: 308px !important;
}
.header .languageDropMenu .searchInpDrop {
  background: #191d27;
  border-radius: 12px;
  margin-bottom: 20px;
  padding-inline: 12px;
  padding: 16px;
  position: relative;
  width: 100%;
}
.header .languageDropMenu .searchInpDrop .searchImgg {
  color: #93a6c4;
  height: 35px;
  left: 16px;
  object-fit: contain;
  padding-left: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}
.header .languageDropMenu .searchInpDrop .inp {
  background-color: #212632 !important;
  border: 1px solid #93a6c4;
  border-radius: 5px;
  color: #fff;
  height: 42px;
  padding-left: 32px;
  width: 100%;
}
.header .languageDropMenu .searchInpDrop .inp::placeholder {
  color: #93a6c4;
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
}
.header .languageDropMenu .currency_search_list {
  background-color: #191d27;
  border-radius: 12px;
  height: 300px;
  padding: 2px !important;
}
.header .languageDropMenu .currency_search_list .dropList {
  background-color: #212632 !important;
  border: 1px solid #0000;
  border-radius: 0;
  color: #fff;
  padding: 5px 10px !important;
}
.header .languageDropMenu .currency_search_list .dropList:hover {
  border-color: #fff;
}
.header .languageDropMenu .currency_search_list .dropList.selected {
  background: linear-gradient(90deg, #FF6700, #085894) !important;
}
.header .languageDropMenu .currency_search_list .dropList .form-check-input {
  -bs-form-check-bg: #6a798c !important;
  background-color: #6a798c !important;
  border: 4px solid #2f364c !important;
}
.header
  .languageDropMenu
  .currency_search_list
  .dropList
  .form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: none !important;
  background-color: #FF6700 !important;
  border: 4px solid #fff !important;
}
.header .languageDropMenu .currency_search_list .dropList img {
  height: 25px;
}
.header .dropList {
  border: 1px solid #242937;
  border-radius: 5px;
  height: 40px;
  margin-inline: 12px;
  padding-inline: 10px;
  transition: 0.3s linear;
}
.header .dropList:hover {
  border: 1px solid #93a6c4;
  border-radius: 5px;
  height: 40px;
  padding-inline: 10px;
}
.header .btcText {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.header .btcText img {
  border-radius: 50px;
  height: 20px;
  margin-right: 8px;
  object-fit: contain;
  overflow: hidden;
  width: 20px;
}
.user-bal-icon {
  align-items: center;
  display: flex;
  gap: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.react-datepicker__input-container input {
  background-color: #212632 !important;
  border: none !important;
  color: #fff !important;
  outline: none !important;
  padding: 0;
}
.react-datepicker__input-container input::placeholder {
  color: #fff !important;
}
.react-datepicker__input-container input:focus {
  border: none !important;
  box-shadow: none !important;
}
.react-datepicker-popper {
  top: 5px !important;
}
.react-datepicker-popper .react-datepicker {
  background-color: #1e222d !important;
  border: #1e222d !important;
  color: #fff !important;
}
.react-datepicker-popper .react-datepicker .react-datepicker__header {
  background-color: #1e222d !important;
}
.react-datepicker-popper .react-datepicker .react-datepicker__day,
.react-datepicker-popper .react-datepicker .react-datepicker__day-name,
.react-datepicker-popper .react-datepicker .react-datepicker__header .h2,
.react-datepicker-popper .react-datepicker .react-datepicker__header h2,
.react-datepicker-popper .react-datepicker .react-datepicker__time-name {
  color: #fff !important;
}
.react-datepicker-popper
  .react-datepicker
  .react-datepicker__day--keyboard-selected,
.react-datepicker-popper
  .react-datepicker
  .react-datepicker__month-text--keyboard-selected,
.react-datepicker-popper
  .react-datepicker
  .react-datepicker__quarter-text--keyboard-selected,
.react-datepicker-popper
  .react-datepicker
  .react-datepicker__year-text--keyboard-selected {
  color: #000 !important;
}
.search-icon {
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  height: 40px;
  width: 40px;
}
.down-arrow {
  align-items: center;
  background: #FF6700;
  border-radius: 0;
  display: flex;
  height: 17px;
  justify-content: center;
  left: 32px;
  top: 15px;
  width: 17px;
}
.menu-icon {
  padding-left: 21px;
}
.menu-icon .search-icon {
  height: 40px;
  width: 40px;
}
.game-box {
  border-radius: 0;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  padding: 10px 15px;
}
.game-box .h6,
.game-box h6 {
  font-size: 14px;
  font-weight: 500;
}
.game-box img {
  height: 20px;
  width: 20px;
}
.header-right-bar {
  gap: 11px;
}
.header-right-bar .col-auto {
  padding-inline: 0;
}
.header-left-bar {
  gap: 11px;
}
.fiatlockedBal {
  color: #c2fb01;
}
.hoverLockBalance .dropdown {
  background: #202733;
  border: 1px solid #363b4b;
  border-radius: 26px;
  border-right: 0;
  box-shadow: inset 0.5px 0.5px 0.5px 0 #FF6700;
  padding: 4px 10px;
  width: 144px;
}
.hoverLockBalance .dropdown #dropdown-basic {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: 0 !important;
  width: 100%;
}
.hoverLockBalance .lockBalance-hover-left {
  align-items: center;
  display: flex;
}
.hoverLockBalance .lockBalance-hover-left .tetherPng {
  height: 16px;
  margin-right: 3.4px;
}
.hoverLockBalance .lockBalance-hover-left .currency {
  font-size: 10px;
}
.hoverLockBalance .lockBalance-hover-left .infoHovericonPng {
  height: 8px;
  margin-left: 2.3px;
}
.hoverLockBalance .lockBalance-hover-right .upperBal {
  font-size: 9px;
  font-weight: 600;
  padding-right: 7px;
  text-align: end;
}
.hoverLockBalance .lockBalance-hover-right .lowerBal {
  align-items: center;
  background: #191d27;
  border-radius: 20px;
  color: #FF6700;
  display: flex;
  font-weight: 600;
  gap: 5px;
  padding: 3px 7px;
}
.hoverLockBalance .lockBalance-hover-right .lowerBal .blueLock {
  height: 9px;
  margin-bottom: 2px;
}
.hoverLockBalance .lockBalance-hover-right .lowerBal .lockAmount {
  font-size: 8px;
}
.liveCard {
  background-color: #161a25;
  border-radius: 8px;
  padding: 10px 15px;
}
.liveCard .cardText {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
}
.liveCard .cardText img {
  height: 12px;
  margin-right: 5px;
  margin-top: 2px;
  width: 12px;
}
.liveCard .cardText img.countryIcon {
  height: 16px;
  margin-top: 0;
  width: 16px;
}
.liveCard .cardText .rytArrow {
  height: 4px;
  margin-left: 5px;
  width: 3px;
}
.liveCard .icon img {
  height: 12px;
  width: 12px;
}
.liveCard .bootomBar {
  background-color: #242937;
  border-radius: 8px;
  height: 100%;
  padding: 7px 8px;
}
.liveCard .bootomBar .barText {
  color: #b2b6c5;
  font-size: 12.04px;
  font-weight: 600;
}
.liveCard .bootomBar .num {
  font-size: 13.65px;
  font-weight: 600;
}
.liveCard .down {
  align-items: center;
  background-color: #242937;
  border-radius: 8px;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-inline: 14px;
}
.liveCard .down img {
  height: 7px;
  transform: rotate(90deg);
  width: 5px;
}
.mainHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.mainHeading img {
  filter: grayscale(50);
  height: 18px;
  margin-right: 10px;
  object-fit: contain;
  width: 18px;
}
@media only screen and (min-width: 992px) {
  .mainHeading {
    font-size: 20px;
  }
  .mainHeading img {
    height: 20px;
    width: 20px;
  }
}
.mainSubHeading {
  color: #cf0;
  cursor: pointer;
  font-size: 13px;
}
@media only screen and (min-width: 992px) {
  .mainSubHeading {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
  }
}
.headingAnchor {
  color: #62c412;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .headingAnchor {
    color: #fff;
  }
}
.disable {
  background-color: #606c7f9e !important;
}
.casinoSliderBtns {
  margin-left: 10px;
}
.casinoSliderBtns .sliderBtn {
  align-items: center;
  background-color: #2e3443;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 27px;
  justify-content: center;
  width: 36px;
}
.casinoSliderBtns .sliderBtn.disable {
  background-color: #606c7f9e !important;
}
.casinoSliderBtns .sliderBtn:first-child {
  margin-right: 8px;
}
.casinoSliderBtns .sliderBtn img {
  height: 10px;
  object-fit: contain;
}
.casinoSliderBtns .sliderBtn.lobby {
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  z-index: 9;
}
.casinoSliderBtns .sliderBtn.lobby img {
  height: 9px;
}
.casinoSliderBtns .sliderBtn.lobby.lobbyPrev {
  left: 0;
}
@media only screen and (min-width: 1200px) {
  .casinoSliderBtns .sliderBtn.lobby.lobbyPrev {
    left: -20px;
  }
}
.casinoSliderBtns .sliderBtn.lobby.lobbyNext {
  right: 0;
}
@media only screen and (min-width: 1200px) {
  .casinoSliderBtns .sliderBtn.lobby.lobbyNext {
    right: -20px;
  }
}
@media only screen and (min-width: 992px) {
  .sectionSpacing {
    padding-bottom: 25px !important;
  }
}
.bannerImgRow {
  max-width: 250px;
}
@media only screen and (min-width: 576px) {
  .bannerImgRow {
    max-width: none;
  }
}
.sportsCard {
  cursor: pointer;
}
.sportsCard .sportsImg {
  border: 1px solid #0000;
  border-radius: 10px;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.sportsCard .sportsImg:hover {
  border-color: #999;
}
.sportsCard .sportsImg img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.banner {
  background-color: #202733;
  border-radius: 8px;
  padding: 15px;
}
@media only screen and (min-width: 992px) {
  .banner {
    margin-bottom: 35px !important;
  }
}
.banner .bannerHeading {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .banner .bannerHeading {
    font-size: 16px;
    line-height: normal;
  }
}
.banner img {
  height: 12px;
  object-fit: contain;
}
@media only screen and (min-width: 992px) {
  .banner img {
    height: 20px;
  }
}
.banner .depositBtn {
  background-color: #62c412;
  border: 0;
  border-bottom: 4px solid #318120;
  border-radius: 6px;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  padding-block: 6px;
  padding-inline: 12px;
}
@media only screen and (min-width: 992px) {
  .banner .depositBtn {
    border-radius: 4px;
    font-size: 14px;
    padding-inline: 25px;
  }
}
.popularcardsWidth {
  width: 110px;
}
@media only screen and (min-width: 992px) {
  .popularcardsWidth {
    width: 140px;
  }
}
.popularCard {
  background-color: #1c202b;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 var(--LayoutcontentColor);
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .popularCard {
    border-radius: 8px;
    box-shadow: 0 3.17px 3.17px 0 var(--LayoutcontentColor);
  }
}
.popularCard:hover {
  transform: translateY(-5px);
}
.popularCard .popularImg {
  aspect-ratio: 0.74;
}
.popularCard .popularImg img {
  border-radius: 8px 8px 0 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.popularCard .popularImg .spanTxt {
  background-color: #2e3443;
  border-radius: 8px 0 8px 0;
  color: #fff;
  font-size: 10px;
  left: 0;
  padding: 2px 4px;
  position: absolute;
  top: 0;
}
.popularCard .popularImg .spanTxt span {
  color: #b2b6c5;
  font-size: 10px;
}
.popularCard .popularImg .spanTxt img {
  height: 13px;
  margin-right: 4px;
  object-fit: contain;
  width: 12px;
}
.popularCard .popularTxt {
  border: 1px solid #2f364c;
  border: 1px solid var(--Strok-Color, #2f364c);
  border-radius: 10px;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #d4d4d4;
  color: var(--Off-white-text-color, #d4d4d4);
  font-size: 12px;
  font-weight: 500;
  padding-block: 4px;
  text-align: center;
}
@media (max-width: 767px) {
  .popularCard .popularTxt {
    border-radius: 8px;
    font-size: 9.51px;
    padding-block: 6px;
  }
}
@media only screen and (min-width: 992px) {
  .popularCard .popularTxt {
    padding-block: 10px;
  }
}
.casinoTabOptionsWrapper {
  position: relative;
}
.casinoTabOptionsWrapper:before {
  background-color: #161a25;
  border-radius: 8px;
  bottom: 8px;
  content: "";
  height: 5px;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .casinoTabOptionsWrapper:before {
    display: none;
  }
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption {
  align-items: center;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption {
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    height: 44px;
    padding-inline: 25px;
  }
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption img {
  height: 15px;
  margin-right: 5px;
  object-fit: contain;
  width: 15px;
}
@media only screen and (min-width: 992px) {
  .casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption img {
    display: none;
  }
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active {
  color: #fff;
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active img {
  filter: brightness(100);
}
@media only screen and (min-width: 992px) {
  .casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active {
    background-color: #2e3443;
  }
  .casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active:before {
    display: none;
  }
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active:before {
  background-color: #242937;
  border-radius: 8px;
  bottom: -7px;
  content: "";
  height: 5px;
  position: absolute;
  width: 100%;
}
.casinoTabOptionsWrapper .casinoTabOptions::-webkit-scrollbar {
  display: none;
}
.betTableOptionWrapper > .col-auto:last-child .betTableOption {
  margin-right: 0;
}
.betTableOptionWrapper::-webkit-scrollbar {
  display: none;
}
.betTableOptionWrapper .betTableOption {
  border-radius: 3px;
  color: #b2b6c5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  padding: 7px 15px;
}
.betTableOptionWrapper .betTableOption:is(:hover, .active) {
  background-color: #2e3443;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .betTableOptionWrapper .betTableOption {
    font-size: 13px;
    padding: 7px 20px;
  }
}
.betTable table > * {
  border: 0;
}
.betTable table thead th {
  background-color: #2e3443;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 17px;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .betTable table thead th {
    background-color: #0000;
    font-size: 14px;
  }
}
.betTable table thead th:first-child {
  border-radius: 3px 0 0 3px;
}
.betTable table thead th:last-child {
  border-radius: 0 3px 3px 0;
}
.betTable table tbody td {
  background-color: #2e3443;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 17px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .betTable table tbody td {
    font-size: 14px;
  }
}
.betTable table tbody td:first-child {
  border-radius: 3px 0 0 3px;
}
.betTable table tbody td:last-child {
  border-radius: 0 3px 3px 0;
}
.betTable table tbody td .gameImg {
  min-width: 40px;
}
.betTable table tbody td .gameImg img {
  border-radius: 10px;
  height: 40px;
  width: 40px;
}
.betTable table tbody td .gameName {
  color: #fff;
}
.betTable table tbody td.activeVal {
  color: #62c412;
}
@media only screen and (min-width: 992px) {
  .betTable {
    margin-top: 12px;
  }
}
.searchResultBox {
  background-color: #212632;
  border-radius: 6px;
  max-height: 300px;
  overflow-y: auto;
  padding: 12px;
  position: absolute;
  width: 100%;
  z-index: 89999;
}
.searchResultBox .searchResultCard {
  cursor: pointer;
  margin-bottom: 10px;
}
.searchResultBox .searchResultCard .searchResultImg {
  border-radius: 6px;
  height: 87px;
  margin-right: 12px;
  overflow: hidden;
  width: 60px;
}
.searchResultBox .searchResultCard .searchGameName {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.searchResultBox .searchResultCard .searchProviderName {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
.searchResultBox .searchResultCard .searchGameCat .searchCatPill {
  background-color: #62c412;
  border-radius: 3px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 8px;
}
.gamePageLoadMoreBtn {
  background-color: #2e3443;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: normal;
  min-width: 145px;
  padding: 12px 31px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .gamePageLoadMoreBtn {
    font-size: 12px;
  }
}
.text-capitalize {
  text-transform: capitalize;
}
.casino-card-img {
  border-radius: 5px;
  height: 180px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .casino-card-img {
    height: 155px;
  }
}
.bonusSlider {
  border-radius: 10px;
  box-shadow: 0 4px 5px #00000080;
}
@media only screen and (min-width: 576px) {
  .bonusSlider {
    box-shadow: none;
  }
}
.bonusSlider .swiper .swiper-wrapper .swiper-slide .bonusSliderImage {
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .bonusSlider .swiper .swiper-wrapper .swiper-slide .bonusSliderImage {
    box-shadow: 0 4px 5px #00000080;
  }
}
.bonusSlider .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #b2b6c5;
  border-radius: 10px;
  height: 5px;
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 5px;
}
.bonusSlider
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
@media only screen and (min-width: 576px) {
  .bonusSlider .swiper .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
  .bonusSlider
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
  }
  .bonusSlider .swiper .swiper-pagination {
    bottom: 0;
  }
  .bonusSlider .swiper {
    padding-bottom: 30px;
  }
}
.recentBigWins .recentBigWinsInner {
  background-color: #202733;
  border-radius: 10px;
  margin-top: 15px;
  padding: 8px;
}
.recentBigWins .recentBigWinsInner .recentWinCard {
  background-color: #1e222d;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 8px;
}
.recentBigWins .recentBigWinsInner .recentWinCard:last-child {
  margin-bottom: 0;
}
.recentBigWins .recentBigWinsInner .recentWinCard .gameImg {
  border-radius: 2px;
  display: flex;
  height: 30px;
  margin-right: 4px;
  object-fit: cover;
  width: 30px;
}
.recentBigWins .recentBigWinsInner .recentWinCard .userRank {
  height: 12px;
  margin-right: 4px;
  object-fit: contain;
  width: 12px;
}
.recentBigWins .recentBigWinsInner .recentWinCard .userName {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.recentBigWins .recentBigWinsInner .recentWinCard .amount {
  color: #62c412;
  font-size: 10px;
  font-weight: 600;
}
.recentBigWins .recentBigWinsInner .recentWinCard .amount img {
  height: 12px;
  margin-left: 4px;
  object-fit: contain;
  width: 12px;
}
.recentBigWins .recentBigWinsInner .recentWinCard .arrowImg img {
  filter: brightness(100);
  height: 10px;
  margin-left: 15px;
  object-fit: contain;
  width: 10px;
}
.herowrapper {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .herowrapper {
    padding-bottom: 25px;
  }
}
.herowrapper .homebanner {
  height: 100%;
}
.herowrapper .homebanner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .herowrapper .homebanner img {
    height: 160px;
  }
}
@media (max-width: 991px) {
  .herowrapper .homebanner img {
    height: 200px;
  }
}
.herowrapper .pokerBanner {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .herowrapper .pokerBanner {
    border-radius: 15px;
    overflow: hidden;
  }
}
.herowrapper .pokerBanner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.herowrapper .pokerBanner .textupper {
  left: 15px;
  position: absolute;
  top: 15px;
}
@media only screen and (min-width: 1400px) {
  .herowrapper .pokerBanner .textupper {
    left: 20px;
    top: 20px;
  }
}
.herowrapper .pokerBanner .textupper .poker {
  align-items: center;
  background-color: #1e222d;
  border-radius: 5px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media only screen and (min-width: 1400px) {
  .herowrapper .pokerBanner .textupper .poker {
    height: 35px;
    width: 35px;
  }
}
.herowrapper .pokerBanner .textupper .poker img {
  height: 21px;
  object-fit: contain;
  width: 21px;
}
@media only screen and (min-width: 1400px) {
  .herowrapper .pokerBanner .textupper .poker img {
    height: 25px;
    width: 25px;
  }
}
.herowrapper .pokerBanner .textupper .pokertextbig {
  color: #fff;
  font-size: clamp(0.8rem, 1vw + 0.65rem, 3rem);
  font-weight: 600;
  line-height: 1.1;
}
.herowrapper .pokerBanner .textupper .pokertextbig.pokertextbig1 {
  font-size: 16px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) {
  .herowrapper .pokerBanner .textupper .pokertextbig.pokertextbig1 {
    font-size: clamp(0.8rem, 1vw + 0.65rem, 3rem);
  }
}
.herowrapper .pokerBanner .textupper .pokerText {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-top: 8px;
}
@media only screen and (min-width: 1200px) {
  .herowrapper .pokerBanner .textupper .pokerText {
    font-size: clamp(0.65rem, 1vw + 0.05rem, 2rem);
  }
}
.herowrapper .pokerBanner .lowertext {
  bottom: 15px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1400px) {
  .herowrapper .pokerBanner .lowertext {
    bottom: 20px;
  }
}
.herowrapper .pokerBanner .lowertext .bonusbtn {
  background-color: #fff;
  border: 0;
  border-bottom: 3px solid #adadad;
  border-radius: 4px;
  color: #000;
  font-weight: 600;
  height: 30px;
  padding-inline: 20px;
  transition: 0.3s ease-in-out;
}
.herowrapper .pokerBanner .lowertext .bonusbtn:hover {
  transform: translateY(-5px);
}
@media only screen and (min-width: 992px) {
  .herowrapper .pokerBanner .lowertext .bonusbtn {
    font-size: 12px;
    width: 115px;
  }
}
@media only screen and (min-width: 1200px) {
  .herowrapper .pokerBanner .lowertext .bonusbtn {
    padding-inline: 0;
    width: 100px;
  }
}
@media only screen and (min-width: 1400px) {
  .herowrapper .pokerBanner .lowertext .bonusbtn {
    font-size: 14px;
    padding-inline: 0;
    width: 125px;
  }
}
.herowrapper .swiper-pagination-bullets {
  bottom: 18px;
  left: 50%;
  position: absolute;
  right: auto;
  width: auto;
}
.herowrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #b2b6c5;
  background: #191d27;
  border-radius: 50px;
  height: 7px;
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 7px;
}
.herowrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #FF6700;
  height: 7px;
  width: 33px;
}
.herowrapper .navigation {
  background-color: #1e222d;
  border: 1px solid #1e222d;
  border-radius: 12px 0 0 0;
  bottom: 0;
  display: flex;
  gap: 4px;
  height: 28px;
  padding: 6px 0 6px 6px;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 5;
}
.herowrapper .navigation .prev {
  align-items: center;
  background-color: #2e3443;
  border-radius: 4.22px;
  cursor: pointer;
  display: flex;
  height: 22px;
  justify-content: center;
  width: 29px;
}
.herowrapper .navigation .prev img {
  height: 8px;
  object-fit: contain;
  width: 8px;
}
.herowrapper .navigation .next {
  align-items: center;
  background-color: #2e3443;
  border-radius: 4.22px;
  cursor: pointer;
  display: flex;
  height: 22px;
  justify-content: center;
  width: 29px;
}
.herowrapper .navigation .next img {
  height: 8px;
  object-fit: contain;
  width: 8px;
}
#sport-container {
  height: 336px !important;
  margin-top: 20px;
  min-height: 336px !important;
}
@media only screen and (max-width: 740px) {
  #sport-container {
    height: 308px !important;
    margin-top: 10px;
    min-height: 308px !important;
  }
}
#sport-container iframe {
  height: 100% !important;
  min-height: 100% !important;
}
.recentSectionHeadingWrapper {
  padding-bottom: 35px;
}
.recentSectionHeadingWrapper .registernowBtn {
  background-color: #62c412;
  border: 0;
  border-bottom: 3px solid #318120;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  padding-inline: 35px;
}
.recentSectionHeadingWrapper .registertext {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
}
.recentSectionHeadingWrapper .registerbox {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 49.89px;
}
.recentSectionHeadingWrapper .registerbox img {
  height: 16.22px;
  object-fit: contain;
  width: 16.22px;
}
.recentSectionWrapper {
  padding-bottom: 35px;
}
.recentSectionWrapper .sectionHeading {
  color: #fff;
  font-family: RETROTECH;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 22px;
}
.recentSectionWrapper .sectionHeading span {
  background-color: #57ff00;
  border-radius: 3.75px;
  display: block;
  height: 10px;
  margin-right: 20px;
  width: 10px;
}
.recentSectionWrapper .recentbackground {
  background-image: linear-gradient(90deg, #2e3443, #153124);
  border-radius: 10px;
  padding: 18px;
}
.recentSectionWrapper .cardSlide {
  height: auto;
  overflow: hidden;
  width: 100%;
}
.recentSectionWrapper .cardSlide img {
  border-radius: 2.33px;
  height: 100%;
  width: 100%;
}
.recentSectionWrapper .cardTitle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #fff;
  display: -webkit-box;
  font-size: 11.73px;
  font-weight: 500;
  line-height: normal;
  margin-block: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recentSectionWrapper .cardTitle img {
  flex-shrink: 0;
  height: 13px;
  margin-right: 4px;
  object-fit: contain;
  width: 13px;
}
.recentSectionWrapper .money {
  color: #57ff00;
  font-size: 14.66px;
  font-weight: 600;
  line-height: normal;
}
.gamesBannerWrapper {
  padding-bottom: 35px;
}
.gamesBannerWrapper .gamesbackground {
  background-image: linear-gradient(90deg, #2e3443, #242937);
  border-radius: 10px;
  padding: 18px;
}
.gamesBannerWrapper .gamesbackground .bannerSlide .bannerImg {
  height: auto;
  width: 100%;
}
.gamesBannerWrapper .gamesbackground .bannerSlide .bannerImg img {
  border-radius: 5px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.bigwinsBannerWidth {
  width: 85px !important;
}
.providerSwiperSlider {
  max-width: 130px !important;
  min-width: 90px;
  width: auto !important;
}
@media only screen and (min-width: 992px) {
  .providerSwiperSlider {
    width: 155.82px !important;
  }
}
.providerSwiperSlider .ProviderSlider {
  background-color: #2e3443;
  border-radius: 5px;
  height: 52px;
}
@media only screen and (min-width: 992px) {
  .providerSwiperSlider .ProviderSlider {
    border-radius: 6.66px;
    height: 72.5px;
  }
}
.providerSwiperSlider .ProviderSlider img {
  height: 25px;
  object-fit: contain;
  width: 70%;
}
@media only screen and (min-width: 992px) {
  .providerSwiperSlider .ProviderSlider img {
    height: 40px;
  }
}
.searchComp {
  background-color: #242937;
  border: 0;
  border-radius: 5px;
  color: #fff;
  height: 40px;
  padding-left: 40px;
  width: 100%;
}
.searchComp::placeholder {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.searchComp:focus {
  outline: medium none invert;
  outline: initial;
}
@media only screen and (min-width: 992px) {
  .searchComp {
    height: 45px;
    padding-left: 60px;
  }
}
.serachImg {
  display: flex;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.serachImg img {
  color: #fff;
  display: flex;
  height: 18px;
  object-fit: contain;
  width: 18px;
}
@media only screen and (min-width: 992px) {
  .serachImg {
    left: 25px;
  }
}
.lobbyBanner {
  height: auto;
  width: 100%;
}
.lobbyBanner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.depositModalWrapper {
  background-color: rgba(0, 0, 0, 0.301);
}
@media only screen and (min-width: 768px) {
  .depositModalWrapper .modal-dialog {
    min-width: 640px;
  }
}
.depositModalWrapper .modal-dialog .modal-content {
  background-color: #242937 !important;
  border-radius: 10px !important;
}
.depositModalWrapper .modal-dialog .modal-content .depositHeader {
  background-color: #2f364c;
  padding-block: 18px;
  padding-inline: 35px;
}
.depositModalWrapper .modal-dialog .modal-content .depositHeader .text {
  font-size: 18px;
  line-height: 22px;
}
.depositModalWrapper .modal-dialog .modal-content .depositHeader .closeIcon {
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositHeader
  .closeIcon
  img {
  width: 10px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain {
  background-color: #202733;
  box-shadow: 0 5.34px 5.34px 0 rgba(0, 0, 0, 0.251);
  height: 609px;
  padding: 25px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .nav .nav-item {
  background-color: #191d27;
  text-align: center;
  width: 50%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .nav
  .nav-item
  .nav-link {
  border: none;
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.67px;
  padding: 7px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .nav
  .nav-item
  .nav-link.active {
  background-color: #FF6700;
  border-top: 2.67px solid #8ecfff !important;
  color: #fff !important;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .nav-tabs {
  border: none !important;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .nav-tabs
  .nav-link
  .active {
  background-color: #FF6700 !important;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .coinParent {
  overflow-x: auto;
  padding-top: 22px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent::-webkit-scrollbar {
  display: block;
  height: 5px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent::-webkit-scrollbar-track {
  background: #202733;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent::-webkit-scrollbar-thumb {
  background: #191d27;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinParentInner {
  background-color: #191d27;
  padding: 6px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinParentInner
  .coinIconparent {
  height: 18px;
  width: 18px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinParentInner
  .coinText {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 18.75px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn {
  background-color: #191d27;
  padding: 6px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .iconsParent {
  height: 21.5px;
  width: 21.5px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .iconsParent
  .coinLogo9 {
  left: 18px;
  top: 0;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .iconsParent
  .coinLogo8 {
  left: 12px;
  top: 0;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .iconsParent
  .coinLogo7 {
  left: 6px;
  top: 0;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .iconsParent
  .coinLogo6 {
  left: 0;
  top: 0;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .text {
  font-size: 15px;
  font-weight: 500;
  line-height: 18.75px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .coinParent
  .coinMoreBtn
  .downIcon {
  height: 6px;
  width: 9px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .addHere {
  color: #fff;
  font-size: 11.36px;
  font-weight: 400;
  line-height: 14.2px;
  padding-top: 22px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .addHere a {
  color: #c2fb01;
  font-weight: 600;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .dropdownParent {
  gap: 30px;
  padding-top: 22px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner {
  width: 50%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdownText {
  color: #6a798c;
  font-size: 13.1px;
  font-weight: 500;
  line-height: 16.38px;
  padding-bottom: 5px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown {
  background-color: #191d27;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn {
  padding-block: 4px;
  padding-inline: 7px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn:after {
  display: none !important;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn
  .iconParent {
  gap: 13px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn
  .iconParent
  img {
  height: 25px;
  width: 25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn
  .iconParent
  div {
  font-size: 13.1px;
  font-weight: 500;
  line-height: 16.38px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn
  .iconParent2 {
  background-color: #202733;
  height: 30px;
  width: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .btn
  .iconParent2
  img {
  height: 6px;
  width: 9px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .dropdown-menu {
  background-color: #202733;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .dropdowninner
  .dropdown
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #333b4a;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .bitCoinBtn {
  background-color: #191d27;
  border-radius: 0;
  padding: 5px 12px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .bitCoinBtn
  .selected-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .bitCoinBtn
  .selected-icon
  img {
  overflow: hidden;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .bitCoinBtn
  .arrow-svg {
  align-items: center;
  background-color: #2f364c;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .dropdownParent
  .currency-heading {
  color: #6a798c;
  font-size: 13.1px;
  font-weight: 500;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .bonusBox {
  background-color: rgba(248, 186, 40, 0.275);
  border-radius: 10px;
  gap: 12px;
  margin-top: 0;
  padding-block: 7px;
  padding-inline: 15px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .bonusBox img {
  object-fit: cover;
  width: 26px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .bonusBox .text {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .bonusBox
  .text
  .goldenText {
  color: #f8ba28;
  font-weight: 800;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .scannerSection {
  gap: 14px;
  padding-top: 31px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .scanner {
  height: 90px;
  width: 90px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childFirst {
  padding-bottom: 22px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childFirst
  .text {
  color: #6a798c;
  font-size: 13.1px;
  font-weight: 500;
  line-height: 16.38px;
  padding-bottom: 5px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childFirst
  .inputContainer {
  background-color: #191d27;
  padding-block: 8px;
  padding-inline: 17px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childFirst
  .inputContainer
  .input-address {
  align-items: center;
  background-color: #0000;
  border: none;
  color: #fff;
  display: flex;
  height: 100%;
  outline: none;
  width: 100%;
  word-break: break-all;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childSecond {
  background-color: #2f364c;
  border: #2f364c;
  gap: 15px;
  padding-block: 12px;
  width: 100%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childSecond
  .text {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .scannerSection
  .rightSection
  .childSecond
  img {
  height: 15px;
  object-fit: cover;
  width: 15px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox {
  background-color: rgba(193, 251, 1, 0.145);
  gap: 19px;
  margin-top: 17px;
  padding-block: 19px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox img {
  object-fit: cover;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox .text {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency {
  padding-top: 18px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .text {
  font-size: 11.36px;
  font-style: 400;
  line-height: 14.2px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent {
  padding-top: 0;
  width: 40%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown {
  background-color: #191d27;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn {
  padding-block: 4px;
  padding-inline: 10px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn:after {
  display: none;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn
  .iconParent {
  gap: 10px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn
  .iconParent
  img {
  height: 20px;
  object-fit: cover;
  width: 20px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn
  .iconParent
  div {
  font-size: 13px;
  font-weight: 500;
  line-height: 16.38px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn
  .iconParent2 {
  background-color: #202733;
  height: 30px;
  width: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .btn
  .iconParent2
  img {
  height: 6px;
  width: 8px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .dropdown-menu {
  background-color: #202733;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositCurrency
  .dropdownParent
  .dropdown
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #333b4a;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .DepositMethod {
  padding-top: 15px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .text1 {
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.38px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .text2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent {
  padding-top: 7px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent
  .dropdown {
  background-color: #191d27;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent
  .dropdown
  .btn:after {
  display: none;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent
  .dropdown
  .btn
  .iconParent {
  height: 27px;
  width: 72px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent
  .dropdown
  .btn
  .iconParent2 {
  background-color: #202733;
  height: 30px;
  width: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdownParent
  .dropdown
  .btn
  .iconParent2
  img {
  height: 6px;
  width: 8px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdown-menu {
  background-color: #202733;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .DepositMethod
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #333b4a;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .bonusBox2 {
  background-color: rgba(248, 186, 40, 0.259);
  border-radius: 10px;
  gap: 14px;
  margin-top: 18px;
  padding-block: 8px;
  padding-inline: 10px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .bonusBox2 img {
  height: 29px;
  width: 25px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .bonusBox2
  .text {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .bonusBox2
  .text
  .goldenText {
  color: #f8ba28;
  font-weight: 800;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .inputBox {
  gap: 7px;
  padding-top: 7px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .inputBox label {
  color: #6a798c;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 7px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .inputBox
  .box1
  .inputParent1 {
  background-color: #191d27;
  height: 40px;
  padding-inline: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .inputBox
  .box1
  .inputParent1
  input {
  background-color: #0000;
  border: none;
  outline: none;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .inputBox
  .box2
  .inputParent2 {
  background-color: #191d27;
  height: 40px;
  padding-inline: 30px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .inputBox
  .box2
  .inputParent2
  input {
  background-color: #0000;
  border: none;
  flex-grow: 1;
  outline: none;
  padding-inline: 10px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .inputBox
  .box2
  .inputParent2
  .text {
  color: #c2fb01;
  font-size: 13px;
  font-weight: 700;
  line-height: 16.38px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent {
  gap: 10px;
  padding-block: 7px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .amountBox1 {
  height: 40px;
  max-width: 200px;
  width: 100%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .amountBox1
  .amount {
  background-color: #2f364c;
  height: 100%;
  padding-right: 22px;
  text-align: end;
  width: 75%;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .amountBox1
  .amount
  img {
  height: 12px;
  width: 12px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .amountBox1
  .amount
  div {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.38px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .amountBox1
  .percentage {
  background-color: #42b72a;
  flex-grow: 1;
  font-size: 8px;
  font-weight: 700;
  height: 100%;
  line-height: 10px;
}
.depositModalWrapper
  .modal-dialog
  .modal-content
  .depositMain
  .amountBoxParent
  .active {
  border: 1px solid #FF6700;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox {
  background-color: rgba(193, 251, 1, 0.251);
  border-radius: 10px;
  gap: 20px;
  padding-block: 12px;
  padding-inline: 17px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox img {
  height: 26px;
  width: 26px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .infoBox div {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .depositBtn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border-top: 1.95px solid #FF6700;
  box-shadow: 0 0 8.75px 0 #0006;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  margin-block: 15px;
}
.depositModalWrapper .modal-dialog .modal-content .depositMain .discriptionBox {
  background-color: #1c202b;
  border-radius: 10px;
  color: #6a798c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  padding-block: 10px;
  padding-inline: 20px;
}
.depositModalWrapper .cryptoHeader .heading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .depositModalWrapper .cryptoHeader .heading {
    font-size: 25px;
  }
}
.depositModalWrapper .cryptoHeader .close {
  cursor: pointer;
  height: 14px;
  margin-bottom: 5px;
  object-fit: contain;
  width: 14px;
}
.depositModalWrapper .cryptoHeader .close img {
  height: 100%;
  width: 100%;
}
.depositModalWrapper .modalFiat .euroBtn,
.depositModalWrapper .modalFiat .fiatHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.depositModalWrapper .modalFiat .euroBtn {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  display: flex;
  display: inline-flex;
  height: 44px;
  line-height: 19.5px;
  padding: 0 20px 0 24px;
  width: 150px;
}
.depositModalWrapper .modalFiat .euroBtn img {
  height: 20px;
  margin-left: 8px;
  object-fit: contain;
  width: 20px;
}
.depositModalWrapper .modalFiat .euroBtn span {
  margin-left: auto;
}
.depositModalWrapper .modalFiat .euroBtn span img {
  height: 12px;
  object-fit: contain;
  width: 12px;
}
.depositModalWrapper .modalFiat .amountTxt {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}
.depositModalWrapper .modalFiat .amountBox {
  background-color: #1b2028 !important;
  border-radius: 10px;
  height: 60px;
  position: relative;
  width: 100%;
}
.depositModalWrapper .modalFiat .amountBox input {
  background-color: #0000;
  border: none !important;
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  height: 100%;
  padding-inline: 25px;
  padding-right: 150px;
}
.depositModalWrapper .modalFiat .amountBox input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.depositModalWrapper .modalFiat .amountBox .textWhite {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.depositModalWrapper .modalFiat .amountBox .textGreen {
  color: #5bb54f;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.depositModalWrapper .modalFiat .extra {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.depositModalWrapper .modalFiat .extra span {
  color: #fff;
  font-weight: 600;
}
.depositModalWrapper .modalFiat .dollorLbl {
  align-items: center;
  border: 1px solid #b2b6c5;
  border-radius: 8.4px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 58px;
  justify-content: center;
  width: 100%;
}
.depositModalWrapper .modalFiat .checksvg {
  bottom: -1px;
  display: none;
  position: absolute;
  right: 0;
}
.depositModalWrapper .modalFiat .checksvg img {
  height: 22px;
  object-fit: contain;
  width: 23.75px;
}
.depositModalWrapper .modalFiat .percent {
  align-items: center;
  background-color: #42b72a;
  border-radius: 0 5px 0 5px;
  color: #fff;
  display: flex;
  font-size: 8px;
  font-weight: 500;
  height: 19px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 42.6px;
}
.depositModalWrapper .modalFiat .dollorInp:checked + label {
  background-image: linear-gradient(90deg, #42b72a, #082502);
}
.depositModalWrapper .modalFiat .dollorInp:checked + label .percent {
  background-color: #4483ee;
}
.depositModalWrapper .modalFiat .dollorInp:checked + label .checksvg {
  display: block;
}
.depositModalWrapper .modalFiat .recommandBox {
  background-color: #1b2028;
  border-radius: 5px;
  padding: 12px;
}
.depositModalWrapper .modalFiat .recommandBox .recommandText {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 22px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper {
  background-color: #212632;
  border-radius: 5px;
  height: 76px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .cardLeft {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-left: 18px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .cardLeft .cardImg {
  height: 14px;
  object-fit: contain;
  width: 21.9px;
}
.depositModalWrapper
  .modalFiat
  .recommandBox
  .cardWrapper
  .cardLeft
  .cardImg
  img {
  height: 100%;
  width: 100%;
}
.depositModalWrapper
  .modalFiat
  .recommandBox
  .cardWrapper
  .cardLeft
  .creditText {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.depositModalWrapper
  .modalFiat
  .recommandBox
  .cardWrapper
  .cardLeft
  .creditGray {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .cardLeft .eurtxt {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .divider {
  background-color: #b2b6c5;
  height: 24px;
  width: 2px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .rytArroww {
  height: 12px;
  width: 12px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .rytArroww img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .exclaImg {
  height: 18px;
  object-fit: contain;
  width: 18px;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .exclaImg img {
  height: 100%;
  width: 100%;
}
.depositModalWrapper .modalFiat .recommandBox .cardWrapper .fastestTxt {
  align-items: center;
  background-color: #42b72a;
  border-radius: 0 5px 0 10px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  justify-content: center;
  padding-inline: 19px;
}
.depositModalWrapper .buysellModal .sellPara {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.depositModalWrapper .buysellModal .textwhite {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
}
.depositModalWrapper .buysellModal .textgray {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.depositModalWrapper .buysellModal .textgray img {
  height: 12px;
  margin-left: 4px;
  object-fit: contain;
  width: 12px;
}
.depositModalWrapper .buysellModal .swapImg {
  height: 28px;
  object-fit: contain;
  width: 28px;
}
.depositModalWrapper .buysellModal .swapImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.depositModalWrapper .buysellModal .formInp {
  box-shadow: none;
}
.depositModalWrapper .buysellModal .formInp:focus {
  outline: 0;
}
.depositModalWrapper .buysellModal .form-check-input:checked {
  background-color: #42b72a !important;
  border-color: #42b72a !important;
}
.depositModalWrapper .buysellModal .formLbl {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.depositModalWrapper .buysellModal .formAnchor {
  color: #42b72a;
  font-size: 15px;
  font-weight: 600;
}
.depositModalWrapper .buysellModal .confirmBtn {
  background-color: #42b72a;
  border: 0;
  border-bottom: 3px solid #318120;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 41px;
  width: 100%;
}
.depositModalWrapper .buysellModal .one {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
  margin-top: 11px;
  text-align: center;
}
.depositModalWrapper .buysellModal .one.onePara {
  text-align: start;
}
.depositModalWrapper .buysellModal .one .oneLink {
  color: #fff;
}
.deposite-modal-wrapper .modal-dialog {
  --bs-modal-width: 100%;
  height: 100%;
  margin-block: 0;
}
@media only screen and (min-width: 768px) {
  .deposite-modal-wrapper .modal-dialog {
    --bs-modal-width: 500px;
    height: auto;
    margin-block: 10px;
  }
}
.languageModal {
  background: #202733;
  background: var(--Gray-Mneu-button-Color, #202733);
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.251);
  height: 100%;
  padding-block: 15px;
  padding-inline: 20px;
  width: 100%;
}
.languageModal .heading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.languageModal .closeIcon {
  object-fit: cover;
  width: 11px;
}
.languageModal .searchParent {
  background: #191d27;
  background: var(--Menu-Color, #191d27);
  border-radius: 5px;
  height: 28px;
  margin-top: 13px;
  padding-block: 8px;
  padding-inline: 12px;
  width: 100%;
}
.languageModal .searchParent .searchIcon {
  object-fit: cover;
  width: 14px;
}
.languageModal .searchParent input {
  background-color: #0000;
  border: none;
  color: #b2b6c5;
  font-family: Lexend;
  font-size: 10px;
  font-weight: 400;
  outline: none;
}
.languageModal .languageBoxparent {
  background: #191d27;
  background: var(--Menu-Color, #191d27);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 13px;
  padding: 14px;
}
.languageModal .languageBoxparent .languageBox {
  background: #202733;
  background: var(--Main-menu-button-Color, #202733);
  border-radius: 17.63px;
  padding-block: 7px;
  padding-inline: 10px;
}
.languageModal .languageBoxparent .languageBox.active {
  background: #FF6700;
  background: var(--Main-Blue-Color, #FF6700);
}
.languageModal .languageBoxparent .languageBox.active .languagebtnLabel {
  background-color: #FF6700;
  background-color: var(--Main-Blue-Color, #FF6700);
  border: 3px solid #fff;
  border: 3px solid var(--white-text-Color, #fff);
}
.languageModal .languageBoxparent .languagecontent {
  align-items: center;
  display: flex;
  gap: 12px;
}
.languageModal .languageBoxparent .imgBox {
  background-color: #191d27;
  border-radius: 5px;
  height: 20px;
  width: 20px;
}
.languageModal .languageBoxparent .imgBox img {
  height: 10px;
  object-fit: cover;
  width: 10px;
}
.languageModal .languageBoxparent .text {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
.languageModal .languageBoxparent .languagebtnLabel {
  background-color: #6a798c;
  background-color: var(--Main-Blue-Color, #6a798c);
  border: 3px solid #2f364c;
  border: 3px solid var(--white-text-Color, #2f364c);
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.footer-bottom-section .copyRightTxt {
  border-top: 1px solid #3e4350;
  color: #b2b6c5;
  font-size: 10px;
  margin-bottom: 28px;
  padding-top: 25px;
  text-align: center;
}
.footer {
  background-color: #1e222d;
  padding-block: 20px;
  padding-inline: 10px;
}
.footer .footerHeader {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .footer .footerHeader {
    font-size: 20px;
  }
}
.footer .footerAnchor {
  color: #b2b6c5;
  font-size: 12px;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .footer .footerAnchor {
    font-size: 14px;
  }
}
.footer .footerTxtttt {
  color: #b2b6c5;
  font-size: 10px;
  margin-top: 22px;
}
@media only screen and (min-width: 992px) {
  .footer .footerTxtttt {
    font-size: 14px;
  }
}
.footer .copyRightTxt {
  color: #b2b6c5;
  font-size: 10px;
  margin-top: 25px;
  text-align: center;
}
.footer .logoImg {
  height: 32px;
  object-fit: contain;
}
@media only screen and (min-width: 992px) {
  .footer .logoImg {
    height: 35px;
  }
}
.footer .guracoImg {
  height: 32px;
  object-fit: contain;
}
@media only screen and (min-width: 992px) {
  .footer .guracoImg {
    height: 35px;
  }
}
.footer .brandImage {
  height: 37px;
  object-fit: contain;
}
.footer .dividerFooter {
  background-color: #b2b6c533;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.footer .socialBox {
  border: 1px solid #fff;
  border-radius: 7.53px;
  padding: 6px 10px;
}
.footer .socialBox .apple {
  height: 27px;
  width: 27px;
}
.footer .socialBox .apple img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer .socialBox .socialTxtGray {
  color: #b2b6c5;
  font-size: 9.04px;
  font-weight: 500;
}
.footer .socialBox .socialTxtwhite {
  color: #fff;
  font-size: 12.81px;
  font-weight: 600;
}
.footer .socialBox .question {
  height: 28px;
  width: 12.81px;
}
.footer .socialBox .question img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer .brandImg {
  height: 16.07px;
}
@media only screen and (min-width: 576px) {
  .footer .brandImg {
    height: 19.07px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .brandImg {
    height: 19.07px;
  }
}
.footer .brandImg img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer .socialImg {
  height: 34.65px;
  width: 34.65px;
}
.footer .socialImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer .partnershipt {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.footer .sigmaImg {
  height: 38px;
}
.footer .sigmaImg img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer .networkImg {
  height: 24.03px;
  width: 24.03px;
}
@media only screen and (min-width: 576px) {
  .footer .networkImg {
    height: 38px;
    width: 38px;
  }
}
@media only screen and (min-width: 992px) {
  .footer .networkImg {
    height: 30px;
    width: 30px;
  }
}
.footer .networkImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .containerfluidFooterDesktop {
    border-top: 0.5px solid #b2b6c533;
    padding-top: 35px;
  }
}
.containerfluidFooterDesktop .footerHead {
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .footerHead {
    font-size: 16px;
  }
}
.containerfluidFooterDesktop .footerlinks {
  color: #b2b6c5;
  display: block;
  font-weight: 600;
  margin-bottom: 9px;
  text-decoration: none;
}
.containerfluidFooterDesktop .footerlinks:hover {
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .footerlinks {
    font-size: 13px;
  }
}
.containerfluidFooterDesktop .logo {
  cursor: pointer;
  height: 3.5vw;
  margin-bottom: 20px;
  max-width: 225px;
}
.containerfluidFooterDesktop .logo img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .game {
  height: 2.5vw;
  margin-bottom: 20px;
  max-width: 110px;
}
.containerfluidFooterDesktop .game img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .footerPara {
  color: #b2b6c5;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .footerPara {
    font-size: 13px;
    line-height: 19.6px;
  }
}
.containerfluidFooterDesktop .socialBox {
  border: 0.5px solid #fff;
  border-radius: 7.53px;
  cursor: pointer;
  padding: 6px 10px;
}
.containerfluidFooterDesktop .socialBox:hover {
  background-color: #2e3443;
}
.containerfluidFooterDesktop .socialBox .apple {
  height: 27px;
  width: 27px;
}
.containerfluidFooterDesktop .socialBox .apple img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .socialBox .socialTxtGray {
  color: #b2b6c5;
  font-size: 9.04px;
  font-weight: 500;
}
.containerfluidFooterDesktop .socialBox .socialTxtwhite {
  color: #fff;
  font-size: 12.81px;
  font-weight: 600;
}
.containerfluidFooterDesktop .socialBox .question {
  height: 28px;
  width: 12.81px;
}
.containerfluidFooterDesktop .socialBox .question img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .dividerFooter {
  background-color: #b2b6c533;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.containerfluidFooterDesktop .socialImg {
  cursor: pointer;
  margin-right: 8px;
  transition: 0.3s ease-in-out;
}
.containerfluidFooterDesktop .socialImg:hover {
  transform: translateY(-5px);
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .socialImg {
    height: 28.03px;
    width: 28.03px;
  }
}
.containerfluidFooterDesktop .socialImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .brandImg {
    height: 20.07px;
    margin-left: 20px;
  }
}
.containerfluidFooterDesktop .brandImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .partnershipt {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .networkImg {
    height: 28.03px;
    width: 28.03px;
  }
}
.containerfluidFooterDesktop .networkImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .containerfluidFooterDesktop .sigmaImg {
    height: 39.67px;
  }
}
.containerfluidFooterDesktop .sigmaImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.containerfluidFooterDesktop .copyRightTxt {
  color: #b2b6c5;
  font-size: 10px;
  margin-top: 25px;
  text-align: center;
}
.signUpModalWrapper .modal-dialog {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modal-dialog {
    max-width: 789px;
    width: 100%;
  }
}
.signUpModalWrapper .modal-content {
  background-color: #1e222d !important;
  border-radius: 10px !important;
  min-height: 640px;
}
.signUpModalWrapper .modalHeader {
  border-bottom: 0 !important;
}
.signUpModalWrapper .modalBody {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody {
    align-items: stretch;
    display: flex;
  }
}
.signUpModalWrapper .modalBody .heightDiv {
  width: auto;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .heightDiv {
    height: auto !important;
    width: 100%;
  }
}
.signUpModalWrapper .modalBody .modalBanner {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .modalBanner {
    height: 100%;
  }
}
.signUpModalWrapper .modalBody .modalBanner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.signUpModalWrapper .modalBody .damble {
  height: 15.27px;
  margin: auto;
  object-fit: contain;
  width: 87px;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .damble {
    height: 31.38px;
    margin: auto;
    width: 178.76px;
  }
}
.signUpModalWrapper .modalBody .damble img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm {
  padding: 5px 22px 22px;
}
.signUpModalWrapper .modalBody .signupForm .create-account {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 0;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .input-box {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #6a798c;
  border-radius: 10px;
  display: flex;
  height: 60px;
  padding: 13px;
}
.signUpModalWrapper .modalBody .signupForm .input-box input:-webkit-autofill,
.signUpModalWrapper
  .modalBody
  .signupForm
  .input-box
  input:-webkit-autofill:focus,
.signUpModalWrapper
  .modalBody
  .signupForm
  .input-box
  input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #191d27 !important;
  caret-color: #fff !important;
}
.signUpModalWrapper .modalBody .signupForm .input-box input {
  background-color: #0000 !important;
  border: 0;
  color: #fff !important;
  padding: 10px;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .input-box input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.signUpModalWrapper .modalBody .signupForm .input-box input::placeholder {
  background-color: #0000 !important;
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .signupForm {
    padding: 25px 4px;
  }
}
.signUpModalWrapper .modalBody .signupForm .header {
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .signupForm .header {
    margin-bottom: 15px;
  }
}
.signUpModalWrapper .modalBody .signupForm .header .headerTxt {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.signUpModalWrapper .modalBody .signupForm .header .closeBtn {
  cursor: pointer;
  height: 14px;
  margin-bottom: 7px;
  width: 14px;
}
.signUpModalWrapper .modalBody .signupForm .header .closeBtn img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .formbody .tabs .tab-buttons {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .signUpModalWrapper .modalBody .signupForm .formbody .tabs .tab-buttons {
    margin-top: 0;
  }
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .tabs
  .tab-buttons
  .tabBtn {
  background-color: #2e3443;
  border: solid #363b4b;
  border-radius: 5px;
  border-width: 3px 3px 5px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 45px;
  width: 50%;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .tabs
  .tab-buttons
  .active {
  background-color: #2e3443;
  border: solid #616572;
  border-radius: 5px;
  border-width: 3px 3px 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 45px;
  width: 50%;
}
.signUpModalWrapper .modalBody .signupForm .formbody .accordionItem {
  border: 0;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .accordionItem
  .accordionHeader {
  background-color: #1e222d !important;
  border: 0 !important;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .accordionItem
  .accordionHeader
  .accordion-button {
  background-color: #1e222d !important;
  border: 0 !important;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0 7px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .accordionItem
  .accordionHeader
  .accordion-button:after {
  display: none;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .accordionItem
  .accordionHeader
  .accordion-button:focus {
  box-shadow: none;
  outline: 0;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .formbody
  .accordionItem
  .accordionBody {
  background-color: #1e222d;
  border-top: 0;
  padding: 0;
}
.signUpModalWrapper .modalBody .signupForm .formbody .checkboxInp {
  accent-color: #57ff00;
  background-color: #1e222d;
  border-color: #57ff00;
  border-radius: 2px;
}
.signUpModalWrapper .modalBody .signupForm .formbody .checkboxInp:focus {
  box-shadow: none;
}
.signUpModalWrapper .modalBody .signupForm .formbody .checkboxLbl {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.6px;
}
.signUpModalWrapper .modalBody .signupForm .formbody .checkboxLbl span {
  color: #fff;
}
.signUpModalWrapper .modalBody .signupForm .formbody .signUpBtn {
  background-color: #1e222d;
  border-color: #fff;
  border-radius: 4.61px;
  height: 41.5px;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .formbody .signUpBtn img {
  height: 19.87px;
  object-fit: contain;
  width: 119.89px;
}
.signUpModalWrapper .modalBody .signupForm .formbody .anchortext {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.signUpModalWrapper .modalBody .signupForm .formbody .anchortext span {
  color: #57ff00;
  font-size: 15px;
  font-weight: 600;
  margin-left: 7px;
}
.signUpModalWrapper .modalBody .signupForm .formbody .divider {
  background-color: #b2b6c5;
  height: 1px;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .formbody .dividerTxt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.signUpModalWrapper .modalBody .signupForm .formbody .socialLinks {
  align-items: center;
  border: 1px solid #b2b6c5;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.signUpModalWrapper .modalBody .signupForm .formbody .socialLinks img {
  height: 12px;
  object-fit: contain;
}
.signUpModalWrapper .modalBody .signupForm .nav-pills {
  background-color: #191d27;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 0;
  width: fit-content;
}
.signUpModalWrapper .modalBody .signupForm .nav-pills .nav-item .nav-link {
  border-radius: 0px;
  color: #6a798c;
  font-size: 12px;
  font-weight: 700;
  margin: 5px;
  padding: 11px 35px;
}
@media only screen and (min-width: 576px) {
  .signUpModalWrapper .modalBody .signupForm .nav-pills .nav-item .nav-link {
    padding: 11px 47px;
  }
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .nav-pills
  .nav-item
  .nav-link.active {
  background-color: #FF6700 !important;
  border: 0 !important;
  color: #fff !important;
}
.signUpModalWrapper .modalBody .signupForm .direct-login {
  align-items: center;
  background-color: #2f364c;
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}
.signUpModalWrapper .modalBody .signupForm .all-methods {
  background-color: #202733;
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
.signUpModalWrapper .modalBody .signupForm .line {
  background-color: #6a798c;
  height: 1px;
  margin: 0 10px;
  width: 50px;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #6a798c;
  border-radius: 10px;
  display: flex;
  height: 60px;
  padding: 13px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box
  input:-webkit-autofill,
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box
  input:-webkit-autofill:focus,
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box
  input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #191d27 !important;
  caret-color: #fff !important;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box input {
  background-color: #0000 !important;
  border: 0;
  color: #fff !important;
  padding: 10px;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box
  input::placeholder {
  background-color: #0000 !important;
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box-2 {
  align-items: center;
  background-color: #2f364c;
  border-radius: 10px;
  display: flex;
  height: 60px;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box-2 .dropdown {
  padding: 13px;
  width: 100%;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  img {
  left: 10px;
  top: 16px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  #customSelect {
  background-color: #0000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  text-align: left;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .selected-item {
  color: #FF6700;
  font-size: 12px;
  font-weight: 400;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu {
  background-color: #2f364c;
  border-radius: 10px !important;
  inset: 0 auto auto -12px !important;
  padding: 12px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .dropdown-search
  i {
  color: #b2b6c5;
  font-size: 16px;
  left: 20px;
  top: 26px;
  z-index: 1;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .dropdown-search
  input {
  background-color: #191d27;
  border: 0;
  border-radius: 10px;
  color: #fff;
  padding: 10px 10px 10px 30px;
  width: 100%;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .dropdown-search
  input::placeholder {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .dropdown-search
  input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll {
  margin-top: 10px;
  max-height: 110px;
  overflow-y: auto;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll
  .dropdown-item {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 12px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll
  .dropdown-item:hover {
  background-color: #191d27 !important;
  border-radius: 10px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll::-webkit-scrollbar-track {
  background: #191d27;
  border-radius: 10px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .dropdown-menu
  .listItems-scroll::-webkit-scrollbar-thumb {
  background: #6a798c;
  border-radius: 10px;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  .dropdown
  .arrow-icon {
  color: #6a798c;
  right: 15px;
  top: 20px;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .input-box-2 input {
  background-color: #0000;
  border: 0;
  color: #fff;
  padding: 10px;
  width: 100%;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.signUpModalWrapper
  .modalBody
  .signupForm
  .tab-content
  .input-box-2
  input::placeholder {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .forgot-password {
  color: #FF6700;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .create-account {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 0;
  width: 100%;
}
.signUpModalWrapper .modalBody .signupForm .tab-content .confirm-text {
  color: #6a798c;
  font-size: 13px;
  font-weight: 400;
}
.signUpModalWrapper .modalBody .closeBtnmobile {
  height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
}
.signUpModalWrapper .modalBody .closeBtnmobile img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.signUpModalWrapper .modalFooter {
  border-top: 0 !important;
}
.commonInp {
  background-color: #2e3443;
  border: 0;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  height: 45px;
  padding-left: 18px;
  padding-right: 30px;
  width: 100%;
}
.commonInp.commonInpNumber {
  padding-left: 80px;
}
.commonInp::placeholder {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.commonInp:focus {
  outline: 0;
}
.commonInp:-webkit-autofill {
  -webkit-text-fill-color: #b2b6c5 !important;
  -webkit-background-origin: unset;
  box-shadow: inset 0 0 0 50px #2e3443 !important;
  caret-color: #b2b6c5;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.commonInp.withdrawInp {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .commonInp.withdrawInp {
    font-size: 16px;
    font-weight: 600;
    height: 50px;
  }
  .commonInp.withdrawInp::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
  }
}
.eyeImg {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.eyeImg img {
  height: 10px;
  object-fit: contain;
}
.dropWrapper.active .counteryCodeWrapper {
  background-color: #2f364c;
  display: block;
}
.numberWrapper {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  left: 10px;
  padding-right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.numberWrapper svg {
  height: 10px;
  margin-left: 5px;
  object-fit: contain;
  width: 10px;
}
.commonInpSearch {
  background-color: #191d27 !important;
  padding-left: 35px;
}
.searchImg {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.searchImg svg {
  color: #fff;
  height: 20px;
  object-fit: contain;
  width: 20px;
}
.countryList {
  border: 1px solid #0000;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s linear;
}
.countryList:hover {
  border: 1px solid #62c412;
  border-radius: 4px;
}
.counteryCodeWrapper {
  background-color: #0d131c;
  border-radius: 5px;
  bottom: 0;
  display: none;
  height: 255px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 99;
}
.numberTxt {
  border-right: 1px solid #fff;
  color: #fff;
  min-width: 50px;
  padding-right: 12px;
}
.counteryName,
.numberTxt {
  font-size: 14px;
  font-weight: 500;
}
.counteryName {
  color: #5d6270;
}
.form-message-icon {
  padding-left: 10px;
}
.loginSuccessModal .modal-content {
  background: linear-gradient(180deg, #002789, #000d2c) !important;
  border: 0 !important;
  border-radius: 10px !important;
}
.loginSuccessModal .modal-content .tittle-1 {
  color: #fff;
  font-size: 24px;
}
.loginSuccessModal .modal-content .tittle-2 {
  color: #fff;
  font-size: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  background-color: #000 !important;
  caret-color: #fff;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}
.otp-input {
  background-color: #0000;
  border: 1px solid #6a798c;
  border-radius: 10px;
  color: #fff;
  height: 50px;
  width: 50px;
}
.otp-input:focus {
  background-color: #0000 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.verify-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border-radius: 0;
  color: #fff;
  width: 100%;
}
.input-box {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #6a798c;
  border-radius: 10px;
  display: flex;
  height: 60px;
  padding: 13px;
}
.input-box input:-webkit-autofill,
.input-box input:-webkit-autofill:focus,
.input-box input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #191d27 !important;
  caret-color: #fff !important;
}
.input-box input {
  background-color: #0000 !important;
  border: 0;
  color: #fff !important;
  padding: 10px;
  width: 100%;
}
.input-box input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.input-box input::placeholder {
  background-color: #0000 !important;
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.profileMainSection .sideContent .profileSideBarMenu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.profileMainSection .sideContent .profileSideBarMenu .menuTab {
  align-items: center;
  background-color: #242937;
  border: 0.5px solid #0000;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  min-width: 160px;
  padding: 10px 40px 10px 15px;
  text-decoration: none;
}
.profileMainSection
  .sideContent
  .profileSideBarMenu
  .menuTab:is(:hover, .active) {
  background-color: #2e3443;
  border: 0.5px solid #b2b6c5;
  color: #fff;
}
.profileMainSection
  .sideContent
  .profileSideBarMenu
  .menuTab:is(:hover, .active)
  .menuIocn
  img {
  filter: brightness(9.5);
}
.profileMainSection .sideContent .profileSideBarMenu .menuTab .menuIocn {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 12px;
  width: 20px;
}
.profileMainSection .sideContent .profileSideBarMenu .menuTab .menuIocn img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.profileMainSection .profileTabsDiv {
  background-color: #242937;
  border-radius: 5px;
  overflow: hidden;
  padding: 14px;
}
@media only screen and (min-width: 576px) {
  .profileMainSection .profileTabsDiv {
    padding: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .profileMainSection .profileTabsDiv {
    padding: 35px;
  }
}
.profileMainSection .profileTabsDiv .tabsHeading {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  .profileMainSection .profileTabsDiv .tabsHeading {
    font-size: 20px;
    line-height: 26px;
  }
}
.profileMainSection .profileTabsDiv .tabsHeading .tabsIconHeading {
  display: flex;
  height: 18px;
  margin-right: 16px;
  width: 15px;
}
@media only screen and (min-width: 576px) {
  .profileMainSection .profileTabsDiv .tabsHeading .tabsIconHeading {
    height: 21px;
    margin-right: 20px;
    width: 17px;
  }
}
.profileMainSection .profileTabsDiv .changeHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  padding-bottom: 10px;
  padding-top: 20px;
}
@media only screen and (min-width: 576px) {
  .profileMainSection .profileTabsDiv .changeHeading {
    padding-top: 40px;
  }
}
.profileMainSection .profileTabsDiv .inputLabel {
  color: #b2b6c5;
  font-family: 500;
  font-size: 10px;
}
.profileMainSection .profileTabsDiv .inputLabel .Star {
  color: #62c412;
}
.profileMainSection .profileTabsDiv .inputGroup {
  align-items: center;
  display: flex;
  gap: 18px;
  width: 100%;
}
.profileMainSection .profileTabsDiv .inputGroup .inputUser {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 12px;
  height: 40px;
  overflow: hidden;
  padding: 5px 10px;
  width: 100%;
}
.profileMainSection .profileTabsDiv .inputGroup .inputUser:focus {
  border: none;
  outline: none;
}
.profileMainSection .profileTabsDiv .inputGroup .changeBtn {
  background-color: #62c412;
  border-bottom: 3px solid #318120 !important;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding: 10px 25px;
}
.profileMainSection .profileTabsDiv .onOffBtn {
  align-items: center;
  display: flex;
  margin-top: 25px;
}
.profileMainSection .profileTabsDiv .onOffBtn .form-check-input {
  background-color: #2e3443;
  border: none;
  border-radius: 100px;
  height: 12.4px;
  margin-bottom: 5px;
  width: 33.44px;
}
.profileMainSection .profileTabsDiv .onOffBtn .form-check-input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.profileMainSection .profileTabsDiv .onOffBtn label {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 24px;
}
.profileMainSection .profileTabsDiv .form-switch .form-check-input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAxCAYAAABwK080AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMuSURBVHgB7ZvdUdtAEMd3T3Emj4I0oA5QnvMxpgJCBRFOAaQDoAKgAeJUgKkAM8R5jVNB1ACJHjMxus2uZDsSSPLJ9oyxdb8ZW7I+PPZ//ru3d7pDWBLBwPUVqTYi7ACBTwAuH/ZgNYQIEAFSSIQ3mvSw+zbqwxJAWIDg1m0rVHssUMDf5MLTJuRXn8X7soh4cwkmQjmIRwTYhvUkBMSTi9d3XahJLcGCa9dzWvh5jYXKwX9+GI/0fnc3Ck3vUaYXfvzmHqpn6vumiCVwnvVVS/3sDLaPTO8xcljn6/Ypbz7BJoPU03/pgN0WVV5WdZJD0OUQvNwkV80g1CO9WxWipYKlYqlrsS00CxHtVZnTSnMYx/ZpA8USPGSjlJ0sFGycBANoKBx2/jhvF53LI6WDtBxgAa1xv/vurpc99shhqsKOTUMpOpVcnjuW/dAZvAxgdf2/p4jHtWeunMo7jMi4gGsMCIdZl00Fs+4qxc267L/DrLvKYZdNdhPB2HJSb3lgKcOVERrZSQRTLWiDpRIE9V62Kv3g7IGlElSQaJQUrlzV/gZ48iOmK4f7mFtqnL+sWCY857oMnlmxTFHg+Fz9Ox5YzCByjYeoLSBj2lawuljBaqKSJ8QWMxSGKo7jIViM0DoObeFag6RwlR1+jGZdNhMK5UlSmvSJfoBlBtiX97HDdA8slaDWV8l2csDmsUqiize/tmQnM+IK52ApYxqBU8H0vT4DW5MVwq3jyWR/Klgyl8C6rIhudnJKrmuUuoxCsKQQRFl3CTnBxGWa6AAsKQgnD6c+Pep8y4RZsqEpdLllPHt4sHC0gu71MQE1uPqn8GEoTigUTEKTRrTfzHwmYlHpLMRZUzY91cJrvsyDRlAtllA5gCg3yhc0ITyR/+MssdLrDOncbh/z1Rs5/0IaOcnbs2ZQC3UXNvgcopebE6IcglxG1VlKM9fSmc7ADYDwaG2Fo6QLeC6Fuomrsiy0OEuEQ3I+cI5rwxrAearPv/VKj5Luzlz95oUEmyCtKTjgI6q2QtwhIn/lq9vYRYgki7CGcYw3EMe9eUXKshTBikimOb5YkWh/IFqGOEX8A5/pT2focyt5AAAAAElFTkSuQmCC) !important;
  background-repeat: no-repeat;
  height: 10px;
  width: 33px;
}
.mobileMenuTab {
  align-items: center;
  background-color: #242937;
  border: 0.5px solid #0000;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
  min-width: 160px;
  padding: 10px 40px 10px 15px;
  text-decoration: none;
}
.mobileMenuTab:first-child {
  margin-top: 0;
}
.mobileMenuTab:is(:hover, .active) {
  background-color: #2e3443;
  border: 0.5px solid #b2b6c5;
  color: #fff;
}
.mobileMenuTab:is(:hover, .active) .menuIocn img {
  filter: brightness(9.5);
}
.mobileMenuTab .menuIocn {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 12px;
  width: 20px;
}
.mobileMenuTab .menuIocn img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.tabsHeading {
  align-items: center !important;
  color: #fff !important;
  display: flex !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  text-transform: uppercase !important;
}
@media only screen and (min-width: 576px) {
  .tabsHeading {
    font-size: 0px;
    line-height: 26px !important;
  }
}
.tabsHeading .tabsIconHeading {
  display: flex !important;
  height: 18px !important;
  margin-right: 16px !important;
  width: 15px !important;
}
@media only screen and (min-width: 576px) {
  .tabsHeading .tabsIconHeading {
    height: 21px !important;
    margin-right: 0px;
    width: 17px !important;
  }
}
.AffiliateSection .affiliateBtn {
  font-weight: 600;
  padding: 11px 35px;
}
.AffiliateSection .betTableNew table thead th {
  font-size: 13px;
  font-weight: 700;
  height: 41px;
}
.AffiliateSection .betTableNew table tbody td {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 41px;
}
.depositedSection .noEntryBtn {
  font-size: 18px;
  font-weight: 700;
  height: 66.44px;
  padding: 22px 42px;
}
.loadingScreen {
  background-color: #191a24;
  height: 100vh;
}
.loadingScreen .lodingDiv {
  align-items: center;
  background-color: #0080ff;
  border: 5px solid #c2fb01;
  border-radius: 50%;
  display: flex;
  height: 90px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 90px;
}
.loadingScreen .lodingDiv .lodingscreen_bg {
  position: absolute;
  right: -4px;
  top: 11px;
}
.loadingScreen .progress_div {
  background-color: #202733;
  border-radius: 30px;
  height: 15px;
  max-width: 564px;
  width: 90%;
}
.loadingScreen .progress_div .progress_bar {
  background-color: #FF6700;
  border-radius: 30px;
  height: 100%;
  transition: width 0.5s ease-in-out;
}
.loadingScreen .loadingheading {
  color: #fff;
  font-family: Lexend;
  font-size: clamp(20px, 5vw, 25px);
  font-weight: 400;
}
.factivationSection .leftArrow {
  align-items: center;
  background-color: #2e3443;
  border-radius: 3px;
  display: flex;
  height: 25.6px;
  justify-content: center;
  margin-right: 10px;
  padding: 10px;
  width: 25.6px;
}
.factivationSection .leftArrow img {
  height: 100%;
  width: 100%;
}
.factivationSection .activePera {
  border-bottom: 1px solid #3d4455;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  padding-bottom: 45px;
}
.factivationSection .activePera .googleLink {
  color: #42b72a;
}
.factivationSection .perasceen {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
}
.factivationSection .inuptGroupUrl {
  align-items: center;
  background-color: #2e3443;
  border: 0.5px solid #b2b6c5;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
}
.factivationSection .inuptGroupUrl input {
  background-color: #0000;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
  margin-right: 8px;
}
.factivationSection .inuptGroupUrl input:focus {
  outline: none;
}
.factivationSection .inuptGroupUrl input::placeholder {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
}
.factivationSection .inuptGroupUrl .linkBtn {
  align-items: center;
  background-color: #242937;
  border-radius: 4.33px !important;
  display: flex;
  height: 26px;
  justify-content: center;
  margin-right: 8px;
  padding: 6px;
  width: 26px;
}
.factivationSection .inuptGroupUrl .linkBtn img {
  height: 100%;
  width: 100%;
}
.factivationSection .qrSection {
  border-bottom: 1px solid #3d4455;
  padding-bottom: 30px;
}
.factivationSection .qrSection .qrpera {
  color: #b2b6c5;
  font-size: 13px;
  line-height: 16.9px;
}
.factivationSection .qrSection .qrImg {
  border-radius: 6px;
  height: 116px;
  overflow: hidden;
  width: 116px;
}
.factivationSection .qrSection .form-check {
  align-items: center;
  display: flex;
}
.factivationSection .qrSection .form-check .formInp {
  background-color: #0000;
  border: 2px solid #42b72a;
  border-radius: 5px;
  height: 20px;
  width: 20px;
}
.factivationSection .qrSection .form-check .formInp:focus {
  box-shadow: none;
  outline: none;
}
.factivationSection .qrSection .form-check .formLbl {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  padding-left: 7px;
}
.factivationSection .otpLb {
  color: #3d4455;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  padding: 20px 0;
}
.factivationSection .otpInput {
  align-items: center;
  display: flex;
  gap: 3px;
}
.factivationSection .otpInput input {
  background-color: #0000;
  border: 0.5px solid #b2b6c5 !important;
  border-radius: 3px;
  font-weight: 600;
  height: 35px;
  text-align: center;
  width: 58px;
}
.factivationSection .otpInput input,
.factivationSection .otpInput input::placeholder {
  align-items: center;
  color: #b2b6c5;
  display: flex;
  font-size: 15px;
  justify-content: center;
}
.factivationSection .otpInput input:focus {
  outline: none;
}
.factivationSection .onePera {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  padding-top: 14px;
}
.bitCoindropBtn.bitCoinDrop .bitCoinDropDown,
.nativedropBtn.nativeDrop .nativeDropDown {
  display: block;
}
.nativeDropDown {
  background-color: #242937;
  border-radius: 5px;
  display: none;
  padding: 10px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.nativeDropDown .dropList {
  border: 1px solid #242937;
  border-radius: 5px;
  height: 40px;
  padding-inline: 10px;
  transition: 0.3s linear;
}
.nativeDropDown .dropList.active {
  border: 1px solid #93a6c4;
  border-radius: 5px;
  height: 40px;
  padding-inline: 10px;
}
.nativeDropDown .dropList.active .btcDigit span {
  color: #fff;
}
.nativeDropDown .dropList:hover {
  border: 1px solid #93a6c4;
  border-radius: 5px;
  height: 40px;
  padding-inline: 10px;
}
.nativeDropDown .dropList:hover .btcDigit span {
  color: #fff;
}
.nativeDropDown .btcText {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.nativeDropDown .btcText img {
  height: 16px;
  margin-right: 8px;
  object-fit: contain;
  width: 16px;
}
.nativeDropDown .btcDigit {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.nativeDropDown .btcDigit span {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s linear;
}
.bitCoinDropDown {
  background-color: #242937;
  border-radius: 5px;
  display: none;
  position: absolute;
  z-index: 99;
}
.bitCoinDropDown .searchInpDrop {
  margin-bottom: 20px;
  padding-inline: 12px;
  padding-top: 12px;
  position: relative;
  width: 100%;
}
.bitCoinDropDown .searchInpDrop .searchImgg {
  color: #93a6c4;
  height: 35px;
  left: 14px;
  object-fit: contain;
  padding-left: 18px;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 35px;
}
.bitCoinDropDown .searchInpDrop .inp {
  background-color: #2e3443;
  border: 1px solid #93a6c4;
  border-radius: 5px;
  color: #fff;
  height: 50px;
  padding-left: 32px;
  width: 100%;
}
.bitCoinDropDown .searchInpDrop .inp::placeholder {
  color: #93a6c4;
  font-size: 15px;
  font-weight: 600;
  padding-left: 18px;
}
.bitCoinDropDown .dropList {
  border: 1px solid #242937;
  border-radius: 5px;
  height: 40px;
  margin-inline: 12px;
  padding-inline: 10px;
  text-transform: uppercase;
  transition: 0.3s linear;
}
.bitCoinDropDown .dropList:hover {
  border: 1px solid #93a6c4;
  border-radius: 5px;
  height: 40px;
  padding-inline: 10px;
}
.bitCoinDropDown .btcText {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.bitCoinDropDown .btcText img {
  border-radius: 50px;
  height: 20px;
  margin-right: 8px;
  object-fit: contain;
  overflow: hidden;
  width: 20px;
}
.bitCoinDropDown .btcDigit {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.bitCoinDropDown .btcDigit span {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.bitCoinDropDown .dropFooter {
  background-color: #2e3443;
  border-radius: 0 0 5px 5px;
  height: 56px;
  padding: 20px;
}
.bitCoinDropDown .dropFooter .footerTxt {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
}
.bitCoinDropDown .bitListHeight {
  height: 325px;
}
.bitCoinDropDown
  .footerToggle
  .form-switch
  .form-check-input:focus
  .--bs-form-switch-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAwCAYAAACynDzrAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHuSURBVHgB7dtNTttAGMbxZ8atw6KL9AY+AixTVSosQSqtT9ByAtITJL5BblBuED4k6A4qtXQJN2iO4CVJa7+d12kQgUzePX5+m9jOx+Kv8diRxg5rjMeX3RcbG4cisi2QzAEZngUpAX8L1CfV9M9xnu9MYp90qw6OLy6zRDpfww9tow0cjqq7WbEqlH984Ozb9WEiL29aE0cJPied9Ob0/Lr/+K2lEXR28XMggiFazDk/fL/bK+73Fxs6cqSWEShwX/b33jQtmkDzOUdPK9cFqbKazrZ0TmrmoATpgHGWdJOOXqRClfnoSX+Dngij6LUPp9ZH0Eo+Tft6in0AreScexcCuU1QhGQ6gjg5x2UetBYDGRjIwEAGBjIwkIGBDAxkYCADAxkYyMBABgYyMJCBgQwMZGAgAwMZGMjAQAYGMjCQgYEMDGRgIIMXYAKKKb2DTEAR7taLyHdQRH3i69lfrkuMqKbJsc/znRKQK9Ayh6M8783XKFYuOQgvJeg/Kas73ywFbgLlu71JOFiAFgodPbpxfx+0v/d2JFK3PpIICm2x2H/yrMbp+Y9+ODxA61ae6QMuy3FU5GGWX5mXaujgPqEV5CpcsQ4Wp9VDbt3XNFQilS4T1pWwm89lsbn+e9AbZL0HrGevRnm+Fb1A/QMG4ZxJ/GuXXgAAAABJRU5ErkJggg==);
}
.bitCoinDropDown .footerToggle .form-check-input {
  background-color: #242937;
  border: 0;
  border-radius: 3px;
  height: 18px;
  width: 38px;
}
.bitCoinDropDown .footerToggle .form-check-input:focus {
  box-shadow: none;
}
.euroDropdown .euroDropbtn {
  background-color: initial;
  border: 0;
  padding: 0;
}
.euroDropdown .euroDropbtn:after {
  display: none;
}
.euroDropdown .euroDropbtn.show {
  background-color: initial;
}
.euroDropdown .dropDownMenuList {
  background-color: #242937;
  border-radius: 10px;
  inset: unset;
  left: auto !important;
  padding: 12px;
  position: absolute;
  right: 0 !important;
  top: 100%;
  transform: translate(unset);
  width: 280px;
}
.euroDropdown .dropDownMenuList .searchInp {
  background-color: #2e3443;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  height: 34px;
  padding-left: 30px;
  width: 100%;
}
.euroDropdown .dropDownMenuList .searchInp:focus {
  outline: medium none invert;
  outline: initial;
}
.euroDropdown .dropDownMenuList .searchInp::placeholder {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding-left: 8px;
}
.euroDropdown .dropDownMenuList .serchh {
  height: 12px;
  left: 14px;
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  width: 14px;
}
.euroDropdown .dropDownMenuList .serchh img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl {
  background-color: #161a25;
  border-radius: 4.85px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px !important;
  padding: 14px 14px 30px !important;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi {
  background-color: #242937;
  border: 1px solid #242937;
  border-radius: 4.85px;
  list-style: none;
  padding: 7px 6px;
  transition: 0.3s linear;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi:hover {
  border: 1px solid #b2b6c5;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi .country {
  align-items: center;
  background-color: #15191f;
  border-radius: 5px;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi .country img {
  height: 15px;
  object-fit: contain;
  width: 15px;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi .countryTxt {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}
.euroDropdown .dropDownMenuList .dropDownMenuUl .dropDownMenuLi .midTxt {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 500;
}
.euroDropdown .linkstxt {
  border-right: 1px solid #b2b6c5;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding-right: 6px;
}
.euroDropdown .links img {
  height: 8.53px;
  object-fit: contain;
  width: 100%;
}
.heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 32.5px;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .heading {
    font-size: 25px;
  }
}
.space {
  padding: 15px !important;
}
@media only screen and (min-width: 768px) {
  .space {
    padding: 25px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .space {
    padding: 35px !important;
  }
}
.imgbtn {
  align-items: center;
  background-color: #62c412;
  border: none;
  border-bottom: 3px solid #318220;
  border-radius: 5px;
  box-shadow: none;
  display: flex;
  height: 41px;
  justify-content: center;
  padding-inline: 33px;
  width: 155px;
}
.imgbtn .enaimg {
  margin-top: 4px;
  width: 100px;
}
.text-border {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  font: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.imgIcon {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 20px;
}
.auth_title {
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
}
.commenBtn1 {
  background-color: #62c412;
  border-bottom: 3px solid #318120 !important;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding-block: 10px;
  white-space: nowrap;
  width: 160px;
}
.img_none {
  width: 32px;
}
.detail-text {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}
.detail-text .h1,
.detail-text .h2,
.detail-text .h3,
.detail-text .h4,
.detail-text .h5,
.detail-text .h6,
.detail-text h1,
.detail-text h2,
.detail-text h3,
.detail-text h4,
.detail-text h5,
.detail-text h6 {
  color: #fff !important;
}
.detail-text a {
  color: #b2b6c5 !important;
}
.detail-text a:hover {
  color: #fff !important;
}
@media only screen and (min-width: 576px) {
  .detail-text {
    font-size: 16px;
  }
}
.signupBtn {
  background-color: #62c412;
  border: none;
  border-bottom: 3px solid #318220;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 22px;
}
@media only screen and (min-width: 992px) {
  .signupBtn {
    border-bottom: 5px solid #318220;
    border-radius: 5px;
    font-size: 16px;
    line-height: 28px;
    padding: 5px 38px;
  }
}
.signupBtn .mobsign {
  background-color: #62c412;
  border: none;
  border-bottom: 3px solid #318220;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.5px;
  padding: 1px 10px;
}
.detail-bold {
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .detail-bold {
    font-size: 16px;
  }
}
.title .ticon img {
  height: 20px;
  margin-inline-end: 10px;
  width: 20px;
}
.title .text {
  font-size: 18px;
  font-weight: 800;
  line-height: 26px;
  text-align: left;
}
.promotion-banner {
  align-items: center;
  aspect-ratio: 3.73;
  background-image: url(/static/media/promotionbannerMob.03b96837fe56cb55e3f2.png);
  background-repeat: no-repeat;
  background-size: 65%;
  border-radius: 10px;
  display: flex;
  justify-content: end;
  max-height: 320px;
  object-fit: cover;
  padding: 4px;
  width: 100%;
}
@media (max-width: 575px) {
  .promotion-banner.loggedIn {
    background-image: url(/static/media/promotionbannerMob2.abbbc679005047df75e6.png);
    background-size: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .promotion-banner {
    background-image: url(/static/media/promotionbanner.99deb4698c4d42e4eb68.png);
    background-size: cover;
    min-height: 120px;
  }
  .promotion-banner.loggedIn {
    background-image: url(/static/media/promotionBanner2.c55e95ad0ed11b95fe50.png);
  }
}
.tab-holder .tab {
  align-items: center;
  border: solid #2e3443;
  border-radius: 5px;
  border-width: 1px 1px 3px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  padding: 5px;
  width: 210px;
}
@media only screen and (min-width: 768px) {
  .tab-holder .tab {
    font-size: 16px;
    height: 42px;
  }
}
.tab-holder .tab.active {
  color: #fff;
}
.tab-holder .tab.active.casinoTab {
  border-color: #ffea00;
}
.tab-holder .tab.active.sportsTab {
  border-color: #318120;
}
.promotion-card .card-outer {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.promotion-card .card-outer .p_image {
  aspect-ratio: 1/0.5;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  width: 100%;
}
.promotion-card .card-outer .p_image .image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.promotion-card .card-outer .contain {
  background-color: #2e3443;
  border-radius: 0 0 10px 10px;
  padding: 15px 11px;
}
@media only screen and (min-width: 1400px) {
  .promotion-card .card-outer .contain {
    padding: 15px 10px;
  }
}
.promotion-card .card-outer .contain .left_contain {
  width: 65%;
}
.promotion-card .card-outer .contain .left_contain .time {
  font-size: clamp(12px, 0.9vw + 1px, 16px);
  font-weight: 600;
  line-height: 1.1;
}
.promotion-card .card-outer .contain .left_contain .title {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.promotion-card .card-outer .contain .right_contain {
  width: 35%;
}
.promotion-card .card-outer .contain .right_contain .bg-image {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.promotion-card .card-outer .contain .right_contain .bg-image img {
  width: 100%;
}
.promotion-card .card-outer .contain .right_contain .bg-image .btntext {
  color: #000;
  font-size: 12.5px;
  font-weight: 600;
  left: 50%;
  line-height: 20.8px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translatey(-50%) translateX(-50%);
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .promotion-card .card-outer .contain .right_contain .bg-image .btntext {
    font-size: 14px;
  }
}
.promotion-card .card-outer .tag-btn {
  height: 37px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 70px;
}
@media only screen and (min-width: 768px) {
  .promotion-card .card-outer .tag-btn {
    height: 40px;
    width: 75px;
  }
}
.promotion-card .card-outer .tag-btn .tag-text {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  left: 54%;
  line-height: normal;
  position: absolute;
  top: 52%;
  transform: translatey(-50%) translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .promotion-card .card-outer .tag-btn .tag-text {
    font-size: 14px;
  }
}
.sports .casinoimg,
.sports .disableimg {
  display: none;
}
.sports .btntext,
.sports .tag-text {
  color: #fff !important;
}
.casino .disableimg,
.casino .sportimg,
.disabled .casinoimg,
.disabled .sportimg {
  display: none;
}
.disabled .disableimg {
  display: block;
}
.disabled .btntext,
.disabled .tag-text {
  color: #fff !important;
}
.blur {
  position: relative;
}
.blur :after {
  background-color: rgba(0, 0, 0, 0.041);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-2 {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 23.4px;
  padding: 8px 35px;
}
.commonProBtn.navbtn {
  align-items: center;
  background-color: #2e3443;
  border-radius: 7px;
  display: flex;
  margin-block: 10px;
  padding: 6px 14px 5px;
  width: max-content;
}
@media (max-width: 767px) {
  .commonProBtn.navbtn.mobTrans {
    background-color: #0000;
    padding: 0;
  }
}
.commonProBtn.navbtn .btn-img1 {
  aspect-ratio: 1/1.2;
  object-fit: cover;
  width: 12px;
}
@media only screen and (min-width: 576px) {
  .commonProBtn.navbtn .btn-img1 {
    aspect-ratio: 1/1.2;
    top: 4px;
    width: 20px;
  }
}
.commonProBtn.navbtn .btn-img2 {
  aspect-ratio: 1/1;
  display: flex;
  width: 8px;
}
@media only screen and (min-width: 992px) {
  .commonProBtn.navbtn .btn-img2 {
    height: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .commonProBtn.navbtn {
    font-size: 20px;
  }
}
.commonProBtn.navbtn .promo {
  font-size: 13px;
  font-weight: 600;
  margin-top: 2px;
}
@media only screen and (min-width: 992px) {
  .commonProBtn.navbtn .promo {
    font-size: 18px;
  }
}
.commonProBtn.navbtn .det {
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .commonProBtn.navbtn .det {
    font-size: 16px;
  }
}
.containerSm .proBannerOuter {
  border-radius: 7px;
}
@media only screen and (min-width: 992px) {
  .containerSm .proBannerOuter {
    border-radius: 15px;
  }
}
.containerSm .jackpot {
  background-color: #2e3443;
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  margin-top: 10px;
  padding: 12px;
}
@media only screen and (min-width: 992px) {
  .containerSm .jackpot {
    background-color: #202733;
    margin-block: 30px;
    padding: 20px;
  }
}
.containerSm .jackpot .jackpot-title {
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .containerSm .jackpot .jackpot-title {
    font-size: 25px;
    line-height: 39px;
  }
}
@media only screen and (min-width: 1200px) {
  .containerSm .jackpot .jackpot-title {
    font-size: 30px;
  }
}
.containerSm .jackpot .jackpot-text {
  font-size: 10px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .containerSm .jackpot .jackpot-text {
    font-size: 15px;
    margin-block: 5px;
  }
}
.containerSm .jackpot .calender {
  display: flex;
  height: 14px;
  margin-inline-end: 8px;
  width: 15px;
}
.containerSm .jackpot .date {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
}
.containerSm .jackpot .pro {
  width: 50%;
}
@media only screen and (min-width: 992px) {
  .containerSm .jackpot .pro {
    width: 40%;
  }
}
.containerSm .jackpot .pro .time {
  align-items: center;
  background-color: #1e222d;
  border-radius: 5px;
  display: flex;
  font-size: 9px;
  font-weight: 500;
  height: 34px;
  justify-content: center;
  justify-items: center;
  line-height: 26px;
  margin-bottom: 5px;
  padding: 6px;
  padding-inline: 10px;
  text-align: left;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .containerSm .jackpot .pro .time {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .containerSm .jackpot .pro .time {
    background-color: #2e3443;
    font-size: 14px;
    height: 44px;
    padding-inline: 20px;
  }
}
.containerSm .jackpot .pro .time .bold {
  font-size: 8px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .containerSm .jackpot .pro .time .bold {
    font-size: 14px;
  }
}
.containerSm .jackpot .pro .prize {
  align-items: center;
  background-color: #1e222d;
  border-radius: 5px;
  display: flex;
  flex-wrap: nowrap;
  height: 34px;
  justify-content: center;
  justify-content: space-between;
  margin-top: 5px;
  padding-inline: 10px;
}
@media only screen and (min-width: 768px) {
  .containerSm .jackpot .pro .prize {
    background-color: #2e3443;
    height: 44px;
    padding-inline: 20px;
  }
}
.containerSm .jackpot .pro .total {
  font-size: 10px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .containerSm .jackpot .pro .total {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
  }
}
.containerSm .jackpot .pro .mony {
  color: #57ff00;
  font-size: 10px;
  font-weight: 600;
  line-height: 32.5px;
}
@media only screen and (min-width: 768px) {
  .containerSm .jackpot .pro .mony {
    font-size: 20px;
  }
}
.containerSm .jackpot .text-container {
  background-color: #202733;
  padding: 10px;
}
.containerSm .text-container {
  background-color: #2e3443;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 15px;
}
@media only screen and (min-width: 992px) {
  .containerSm .text-container {
    background-color: #202733;
    padding: 30px;
  }
}
.containerSm .main-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 39px;
  margin-top: 20px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .containerSm .main-heading {
    font-size: 24px;
    margin-top: 40px;
  }
}
.containerSm .cardHolder {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 5px;
  margin-inline-end: auto;
}
@media only screen and (min-width: 992px) {
  .containerSm .cardHolder {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-inline-end: auto;
    padding-inline: 80px;
  }
}
.containerSm .cardHolder .gameCardouter {
  border-radius: 10px;
  overflow: hidden;
}
.containerSm .cardHolder .cardImg {
  aspect-ratio: 1/1.1;
  background-color: #202733;
  object-fit: cover;
  width: 100%;
}
.containerSm .cardHolder .cardText {
  align-items: center;
  background-color: #202733;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.6;
  padding-block: 10px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .containerSm .cardHolder .cardText {
    background-color: #2e3443;
    font-size: 14px;
  }
}
.setting {
  background-color: #242937;
  border-radius: 5px;
}
.setting .set-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
.setting .form {
  padding-top: 30px;
}
.setting .form .inputLabel {
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  margin-bottom: 10px;
  text-align: left;
}
.setting .form .emailGroup {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  position: relative;
}
.setting .form .emailGroup .inputUser {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 10px;
  text-align: 13px;
  width: 100%;
}
.setting .form .emailGroup .inputUser:placeholder-shown ~ .placeHolder {
  display: block;
}
.setting .form .emailGroup .inputUser:focus {
  border: none;
  outline: none;
}
.setting .form .emailGroup .inputUser span {
  color: #318120;
}
.setting .form .emailGroup .placeHolder {
  caret-color: #fff !important;
  display: none;
  font-size: 13px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
}
.setting .form .emailGroup .placeHolder .star {
  color: #62c412;
}
.setting .auth .dis_text {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.5px;
}
.setting .auth_text {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  margin-block: 10px;
}
.setting .betTable table {
  border-collapse: initial;
  border-spacing: 0 5px;
}
.setting .betTable table > * {
  border: 0;
}
.setting .betTable table thead th {
  background-color: #2e3443 !important;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 17px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .setting .betTable table thead th {
    background-color: #0000;
    font-size: 14px;
  }
}
.setting .betTable table thead th:first-child {
  border-radius: 3px 0 0 3px;
}
.setting .betTable table thead th:last-child {
  border-radius: 0 3px 3px 0;
}
.setting .betTable table tbody td {
  background-color: #2e3443;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 17px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .setting .betTable table tbody td {
    font-size: 14px;
  }
}
.setting .betTable table tbody td:first-child {
  border-radius: 3px 0 0 3px;
}
.setting .betTable table tbody td:last-child {
  border-radius: 0 3px 3px 0;
}
.setting .betTable table tbody td .gameImg {
  border-radius: 2px;
  height: 20px;
  overflow: hidden;
  width: 20px;
}
@media only screen and (min-width: 992px) {
  .setting .betTable table tbody td .gameImg {
    display: none;
  }
}
.setting .betTable table tbody td .gameName {
  color: #fff;
}
.setting .betTable table tbody td.activeVal {
  color: #62c412;
}
@media (max-width: 991px) {
  .setting .betTable table .mobHiddenTableData {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .setting .betTable {
    margin-top: 12px;
  }
}
.setting .cbtn {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  padding-inline: 25px;
  white-space: nowrap;
}
.setting .gBtn {
  background-color: #62c412 !important;
}
.setting .dataBtn {
  background: #2e3443;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  line-height: 23.4px;
  padding-inline: 40px;
}
.provider .icontbtn {
  align-items: center;
  background: #2e3443;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  padding: 6px 12px;
  width: max-content;
}
.provider .icontbtn .protext {
  font-size: 21.23px;
  font-weight: 600;
  line-height: 27.6px;
  text-align: left;
}
.provider .searchBar {
  margin-block: 10px;
  position: relative;
  width: full;
}
.provider .inputsearch {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 7px 50px;
  width: 100%;
}
.provider .inputsearch:focus {
  border: none;
  outline: none;
}
.provider .searchImg1 {
  size: 20px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 20px;
}
.provider .gameCard {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
}
.provider .gameCard .gameImg {
  flex: auto;
  height: 38px;
  width: 85%;
}
.provider .gameCard .gameNum {
  color: #b2b6c5;
  flex: 1 1 auto;
  font-size: 11.97px;
  font-weight: 600;
  line-height: 15.56px;
  margin-top: 6px;
  text-align: left;
  text-transform: capitalize;
}
.inputbox {
  background: #2e3443;
  border-radius: 5px;
  margin-block: 4px;
  padding-inline-end: 70px;
  position: relative;
  width: 268px;
}
.inputbox .monyinput {
  display: flex;
  flex-direction: column;
  height: 66px;
  padding: 12px;
  position: relative;
  width: max-content;
}
.inputbox .monyinput .mony {
  background: #2e3443;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  margin-top: auto;
  width: 120px;
}
.inputbox .monyinput .mony:focus {
  border: none;
  outline: none;
}
.inputbox .monyinput .mony .cross {
  height: 12px;
  width: 12px;
}
.inputbox .monyinput .mony .crossimg {
  cursor: pointer;
}
.inputbox .monyinput .float {
  color: #b2b6c5;
  top: 7px;
}
.inputbox .max,
.inputbox .monyinput .float {
  font-size: 13px;
  font-weight: 600;
  position: absolute;
}
.inputbox .max {
  background: #242937;
  border-radius: 5px;
  cursor: pointer;
  height: 50px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
.inputbox .max,
.providerList .commonProBtn .arrowBtn {
  align-items: center;
  display: flex;
  justify-content: center;
}
.providerList .commonProBtn .arrowBtn {
  height: 12.78px;
  width: 12.78px;
}
.providerList .imgNav {
  background-color: #242937;
  border-radius: 5px;
  height: 37px;
  padding: 4px 25px;
}
@media only screen and (min-width: 768px) {
  .providerList .imgNav {
    height: 41px;
    padding: 7px 50px;
  }
}
.providerList .imgNav img {
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .providerList .imgNav img {
    height: 25px;
  }
}
.providerList .drodwonProvider .dropBtn {
  background-color: #242937;
  border: none;
  border-radius: 5px;
  color: #b2b6c5;
  padding: 7px 22px;
}
@media only screen and (min-width: 768px) {
  .providerList .drodwonProvider .dropBtn {
    padding: 11px 22px 11px 40px;
  }
}
.providerList .drodwonProvider .dropBtn:after {
  color: #fff;
  margin-left: 1.255em;
}
.providerList .drodwonProvider .dropMenu {
  background-color: #242937;
  border-radius: 5px;
  padding: 5px;
}
.providerList .drodwonProvider .dropMenu .dropItem {
  color: #b2b6c5;
  font-size: 12px;
}
.providerList .drodwonProvider .dropMenu .dropItem:hover {
  background-color: #2e3443;
}
@media only screen and (min-width: 992px) {
  .providerList .customRow .customCol {
    min-width: 124px !important;
  }
}
.providerList .customRow .customCol .providerListCard {
  align-items: center;
  background-color: #242937;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.providerList .customRow .customCol .providerListCard img {
  height: 22px;
}
#MoreDetail .modal-content {
  background-color: #191d27;
}
#MoreDetail .modal-content .modal-header {
  border-bottom: 0 !important;
  color: #fff;
  padding-bottom: 0;
}
#MoreDetail .modal-content .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#MoreDetail .modal-content .modal-header .btn-close {
  filter: invert(1);
}
#MoreDetail .modal-content .modal-body .deposite-rules {
  background: linear-gradient(90deg, #2f364c, #FF6700);
  border-radius: 10px;
  padding: 10px 20px;
}
#MoreDetail .modal-content .modal-body .deposite-rules:not(:last-child) {
  margin-bottom: 15px;
}
#MoreDetail .modal-content .modal-body .deposite-rules .deposit-number {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
#MoreDetail .modal-content .modal-body .deposite-rules .deposit-percentage {
  color: #f8ba28;
  font-size: 18px;
  font-weight: 700;
}
#MoreDetail .modal-content .modal-body .deposite-rules .min-deposit {
  color: #b3b3be;
  font-size: 13px;
  font-weight: 500;
}
#MoreDetail .modal-content .modal-body .detail-content-1 {
  color: #b3b3be;
  font-size: 15px;
  font-weight: 500;
}
#MoreDetail .modal-content .modal-body .detail-list li {
  color: #b3b3be;
  font-size: 13px;
  font-weight: 500;
  list-style-type: disc;
}
.shine-bg {
  background: linear-gradient(180deg, #002789, #191d27);
  padding-block: 42px;
  padding-inline: 54px;
}
.shine-bg .tittle-1 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  .shine-bg .tittle-1 {
    font-size: 27.56px;
  }
}
.shine-bg .tittle-2 {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  margin-top: 23px;
}
.shine-bg .money,
.shine-bg .tittle-2 {
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
}
.shine-bg .money {
  -webkit-text-fill-color: #0000;
  background: -webkit-linear-gradient(180deg, #FF6700, #fff);
  -webkit-background-clip: text;
  filter: drop-shadow(2px 2px 1px 0 #816200);
  font-size: 25px;
  font-weight: 600;
  margin-top: 30px;
}
.shine-bg .claimClick {
  align-items: center;
  background-color: #FF6700;
  border-radius: 35px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.502);
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  margin-inline: auto;
  margin-top: 35px;
  padding: 12px 20px;
  position: relative;
  z-index: 5;
}
.shine-bg .coinImage {
  height: 450px;
  left: -30px;
  max-width: 480px;
  min-width: 375px;
  position: absolute;
  top: -70px;
}
@media only screen and (min-width: 576px) {
  .shine-bg .coinImage {
    min-width: 480px;
  }
}
.shine-bg .shine {
  height: 786px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 786px;
  z-index: -4;
}
@media only screen and (min-width: 992px) {
  .dropDownMenu.profileDropMenu {
    left: auto !important;
    right: -5px !important;
    top: 22px !important;
  }
}
@media (max-width: 767px) {
  .modalSection .BounseDropdown .dropdown-menu {
    left: auto !important;
    min-width: 180px !important;
    padding-inline: 8px;
    right: 0 !important;
  }
}
.modalSection .modal-content {
  background-color: #242937;
  border-radius: 10px;
}
.modalSection .modal-content .modal-header {
  align-items: center;
  background-color: #2e3443;
  border: 0;
  display: flex;
  padding: 10px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-header {
    padding: 10px 20px;
  }
}
.modalSection .modal-content .modal-header .modal-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
}
.modalSection .modal-content .modal-header .modal-title span {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  margin-right: 8px;
  width: 6px;
}
.modalSection .modal-content .modal-header .modal-title span img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-header .btn-close {
  box-shadow: none;
  color: #fff;
  filter: invert(1);
  font-size: 11px;
  height: 11px;
  width: 11px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-header .btn-close {
    font-size: 15px;
    height: 15px;
    width: 15px;
  }
}
.modalSection .modal-content .modal-header .coniSearchBar {
  background-color: #1e222d;
  border: none;
  border-radius: 5px;
  position: relative;
  width: 100%;
}
.modalSection .modal-content .modal-header .coniSearchBar input {
  background-color: #1e222d;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 12px;
  height: 35px;
  outline: none;
  padding-left: 40px;
  padding-right: 10px;
}
.modalSection .modal-content .modal-header .coniSearchBar input::placeholder {
  color: #b2b6c5;
  font-size: 12px;
}
.modalSection .modal-content .modal-header .coniSearchBar .searchIcon {
  display: flex;
  height: 15px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.modalSection .modal-content .modal-header .coniSearchBar .searchIcon img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-body {
  background: #202733;
  background: var(--Gray-Mneu-button-Color, #202733);
  padding: 10px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body {
    padding: 10px 20px;
  }
}
.modalSection .modal-content .modal-body .dblrackback {
  background-image: url(/static/media/usdt-bg.7fe57e4aebac6a096f2f.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 10px;
  width: 100%;
}
.modalSection .modal-content .modal-body .dblrackback .usdt-logo {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.251);
}
.modalSection .modal-content .modal-body .dblrackback .dblImage {
  align-items: center;
  display: flex;
  height: 45px;
}
.modalSection .modal-content .modal-body .dblrackback .dblheaidng {
  color: #b2b6c5;
  font-size: 12px;
  margin-top: 0;
  text-align: center;
}
.modalSection .modal-content .modal-body .dblrackback .dblValue {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #6a798c;
  border-radius: 0;
  color: #c2fb01;
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  justify-content: center;
  padding: 1px 85px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .dblrackback .dblValue {
    background-color: #2e3443;
    font-size: 20px;
  }
}
.modalSection .modal-content .modal-body .dblrackback .dblValue .valueimg {
  display: flex;
  height: 17px;
  margin-right: 10px;
  width: 17px;
}
.modalSection .modal-content .modal-body .dblrackback .registernowBtn {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  height: 32px;
  padding-inline: 35px;
}
.modalSection .modal-content .modal-body .dblrackback .registernowBtn.disabled {
  background-color: #556186;
  color: #aeb5ca;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .dblrackback .registernowBtn {
    font-size: 16px;
    font-weight: 600;
  }
}
.modalSection .modal-content .modal-body .lockeddbl {
  background-color: #191d27;
  border-radius: 10px;
  margin-block: 10px;
  padding: 5px 20px;
}
.modalSection .modal-content .modal-body .lockeddbl .loackheading {
  align-items: center;
  color: #6a798c;
  display: flex;
  font-size: 12px;
  font-weight: 600;
}
.modalSection .modal-content .modal-body .lockeddbl .loackheading .lockImg {
  display: inline-flex;
  height: 16px;
  margin-right: 15px;
}
.modalSection .modal-content .modal-body .lockeddbl .loackValue {
  color: #6a798c;
  font-size: 12px;
  font-weight: 600;
}
.modalSection .modal-content .modal-body .lockeddbl .loackValue span {
  color: #fff;
}
.modalSection .modal-content .modal-body .lockeddbl .loacksubvalue {
  color: #6a798c;
  font-size: 12px;
}
.modalSection .modal-content .modal-body .claimHeading {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .claimHeading {
    font-size: 15px;
  }
}
.modalSection .modal-content .modal-body .viewDetails {
  background-color: #191d27;
  border-radius: 10px;
  padding: 15px;
}
.modalSection .modal-content .modal-body .viewDetails .detailsSection {
  padding-bottom: 8px;
}
.modalSection .modal-content .modal-body .viewDetails .viewDetailsheading {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.modalSection .modal-content .modal-body .viewDetails .moreDetailsbtn {
  color: #62c412;
  font-size: 13px;
  font-weight: 400;
}
.modalSection .modal-content .modal-body .viewDetails .mainDivBtn li {
  width: 50%;
}
.modalSection .modal-content .modal-body .viewDetails .mainDivBtn .casinoBtn {
  width: 100%;
}
.modalSection .modal-content .modal-body .registernowBtn,
.modalSection .modal-content .modal-body .viewDetails .mainDivBtn .casinoBtn {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  padding-inline: 35px;
}
.modalSection .modal-content .modal-body .bounesHistory {
  background-color: #15191f;
  border: 0;
  border-radius: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  height: 38px;
  padding-inline: 35px;
}
.modalSection .modal-content .modal-body .bounesHistory img {
  height: 15px;
}
.modalSection .modal-content .modal-body .bounesHistory.unlockDbl {
  color: #62c412;
  font-weight: 400;
}
.modalSection .modal-content .modal-body .bounesHistory .icon {
  align-items: center;
  display: flex;
  height: 18px;
  width: 18px;
}
.modalSection .modal-content .modal-body .bounesHistory .icon img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-body .BounseTable table {
  border-collapse: initial;
  border-spacing: 0 5px;
}
.modalSection .modal-content .modal-body .BounseTable table > * {
  border: 0;
}
.modalSection .modal-content .modal-body .BounseTable table thead th {
  background-color: #0000;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .modalSection .modal-content .modal-body .BounseTable table thead th {
    background-color: #0000;
  }
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  thead
  th:first-child {
  border-radius: 3px 0 0 3px;
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  thead
  th:last-child {
  border-radius: 0 3px 3px 0;
}
.modalSection .modal-content .modal-body .BounseTable table tbody tr {
  background-color: #191d27;
}
.modalSection .modal-content .modal-body .BounseTable table tbody td {
  background-color: #0000;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 14px;
  vertical-align: middle;
  white-space: nowrap;
}
.modalSection .modal-content .modal-body .BounseTable table tbody td .amount {
  align-items: center;
  color: #c2fb01;
  display: flex;
  justify-content: end;
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  tbody
  td
  .amount
  .amountImg {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 10px;
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  tbody
  td
  .amount
  .amountImg
  img {
  height: 100%;
  width: 100%;
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  tbody
  td:first-child {
  border-radius: 0px 0 0 25px;
}
.modalSection
  .modal-content
  .modal-body
  .BounseTable
  table
  tbody
  td:last-child {
  border-radius: 0 25px 25px 0;
}
.modalSection .modal-content .modal-body .BounseTable table tbody td .gameImg {
  border-radius: 2px;
  height: 20px;
  overflow: hidden;
  width: 20px;
}
@media only screen and (min-width: 992px) {
  .modalSection
    .modal-content
    .modal-body
    .BounseTable
    table
    tbody
    td
    .gameImg {
    display: none;
  }
}
.modalSection .modal-content .modal-body .BounseTable table tbody td .gameName {
  color: #fff;
}
.modalSection .modal-content .modal-body .BounseTable table tbody td.activeVal {
  color: #62c412;
}
@media (max-width: 991px) {
  .modalSection
    .modal-content
    .modal-body
    .BounseTable
    table
    .mobHiddenTableData {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .modalSection .modal-content .modal-body .BounseTable {
    margin-top: 12px;
  }
}
.modalSection .modal-content .modal-body .bounseRouleHeading {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .bounseRouleHeading {
    font-size: 15px;
  }
}
.modalSection .modal-content .modal-body .bounsCard {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 5px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .bounsCard {
    padding: 10px;
  }
}
.modalSection .modal-content .modal-body .bounsCard .bounseImge {
  border-radius: 5px;
  height: 90px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .bounsCard .bounseImge {
    height: 100px;
  }
}
.modalSection .modal-content .modal-body .bounsCard .subheadingDeposite {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .bounsCard .subheadingDeposite {
    font-size: 13px;
  }
}
.modalSection .modal-content .modal-body .bounsCard .headingDeposite {
  color: #fff;
  font-size: 9px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .bounsCard .headingDeposite {
    font-size: 13px;
  }
}
.modalSection .modal-content .modal-body .watchImg {
  height: 80px;
  width: 70px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .watchImg {
    height: 90px;
    width: 80px;
  }
}
.modalSection .modal-content .modal-body .timerSection {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 20px;
}
.modalSection .modal-content .modal-body .timerSection .timerBox {
  align-items: center;
  background-color: #1e222d;
  border: 1px solid #2e3443;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  height: 55px;
  justify-content: center;
  padding: 10px;
  width: 55px;
}
.modalSection .modal-content .modal-body .timerSection .timerBox .timerValue {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .timerSection .timerBox .timerValue {
    font-size: 15px;
  }
}
.modalSection .modal-content .modal-body .timerSection .timerBox .timerName {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .timerSection .timerBox .timerName {
    font-size: 13px;
  }
}
.modalSection .modal-content .modal-body .positionCard {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 10px;
}
.modalSection .modal-content .modal-body .positionCard .borderRight {
  border-right: 0.6px solid #b2b6c5;
}
.modalSection .modal-content .modal-body .positionCard .positionHeading {
  color: #b2b6c5;
  font-size: 10px;
  line-height: 19.5px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .positionCard .positionHeading {
    font-size: 14px;
  }
}
.modalSection .modal-content .modal-body .positionCard .positionValue {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .positionCard .positionValue {
    font-size: 14px;
  }
}
.modalSection .modal-content .modal-body .heaidngoneRace {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .heaidngoneRace {
    font-size: 14px;
  }
}
.modalSection .modal-content .modal-body .Raceheaing {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .Raceheaing {
    font-size: 18px;
  }
}
.modalSection .modal-content .modal-body .racepointCard {
  background-color: #1e222d;
  border-radius: 5px;
  padding: 30px 20px;
}
.modalSection .modal-content .modal-body .racepointCard .raceStatesCard {
  background-color: #d9d9d9;
  border-radius: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  padding: 10px;
  width: 50px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .racepointCard .raceStatesCard {
    border-radius: 15px;
    font-size: 28px;
    height: 70px;
    width: 70px;
  }
}
.modalSection .modal-content .modal-body .countDownheading {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 400;
  padding-bottom: 7px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .countDownheading {
    font-size: 14px;
  }
}
.modalSection .modal-content .modal-body .countDownheading .reward {
  color: #62c412;
  font-weight: 500;
}
.modalSection .modal-content .modal-body .confirmmodalTitle {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .confirmmodalTitle {
    font-size: 20px;
  }
}
.modalSection .modal-content .modal-body .confirmsubTitle {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .confirmsubTitle {
    font-size: 16px;
  }
}
.modalSection .modal-content .modal-body .btn-width {
  width: 150px;
}
.modalSection .modal-content .modal-body .chatRules {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.modalSection .modal-content .modal-body .formLabel {
  color: #b2b6c5;
  font-size: 14px;
  line-height: normal;
}
.modalSection .modal-content .modal-body .formLabel .formValue {
  color: #fff;
}
.modalSection .modal-content .modal-body .inputGroup {
  background-color: #2e3443;
  border-radius: 5px;
  height: 40px;
  margin-top: 5px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .inputGroup {
    height: 55px;
  }
}
.modalSection .modal-content .modal-body .inputGroup .borderRight {
  border-right: 0.5px solid #b2b6c5;
}
.modalSection .modal-content .modal-body .inputGroup input {
  background-color: #0000;
  border: none;
  border-radius: 0;
  color: #b2b6c5;
  font-size: 14px;
}
.modalSection .modal-content .modal-body .inputGroup input::placeholder {
  border: none;
  color: #b2b6c5;
  font-size: 14px;
}
.modalSection .modal-content .modal-body .inputGroup input:focus {
  box-shadow: none;
  outline: none;
}
.modalSection .modal-content .modal-body .modalTextarea {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  height: 70px !important;
  padding: 10px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .modalTextarea {
    height: 90px !important;
  }
}
.modalSection .modal-content .modal-body .modalTextarea::placeholder {
  border: none;
  color: #b2b6c5;
  font-size: 14px;
}
.modalSection .modal-content .modal-body .modalTextarea:focus {
  box-shadow: none;
  outline: none;
}
.modalSection .modal-content .modal-body .coinHeading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .coinHeading {
    font-size: 25px;
  }
}
.modalSection .modal-content .modal-body .coinHeading span {
  color: #42b72a;
}
.modalSection .modal-content .modal-body .coinBtn {
  background-color: #42b72a;
}
.modalSection .modal-content .modal-body .asstesPortfoliotab {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  display: inline-flex;
  gap: 2px;
  height: 100%;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 2px;
}
.modalSection .modal-content .modal-body .asstesPortfoliotab .tabsBtn {
  align-items: center;
  border: 0.5px solid #0000;
  border-radius: 5px;
  color: #b2b6c5;
  display: flex;
  font-size: 14px;
  height: 100%;
  padding: 8px 30px;
  text-align: center;
  text-decoration: none;
}
.modalSection .modal-content .modal-body .asstesPortfoliotab .tabsBtn.active {
  border: 0.5px solid #b2b6c5;
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls {
  border: 1px solid #0000;
  border-radius: 5px;
  padding: 8px;
  transition: all 0.3s ease-in-out;
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls:hover {
  background-color: #1e222d;
  border-color: #62c412;
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls
  .headingPortfolio {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  gap: 15px;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body
    .asstesTabsmain
    .asstesportfoloioTabls
    .headingPortfolio {
    font-size: 15px;
  }
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls
  .headingPortfolio
  .icon {
  align-items: center;
  display: flex;
  height: 15px;
  justify-content: center;
  width: 15px;
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls
  .headingPortfolio
  .icon
  img {
  height: 100%;
  width: 100%;
}
.modalSection
  .modal-content
  .modal-body
  .asstesTabsmain
  .asstesportfoloioTabls
  .value {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body
    .asstesTabsmain
    .asstesportfoloioTabls
    .value {
    font-size: 15px;
  }
}
.modalSection .modal-content .modal-body .spicalBounsCard {
  padding: 70px 40px;
}
.modalSection .modal-content .modal-body .spicalBounsCard .imgSpicalBouns {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  width: 120px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body .spicalBounsCard .imgSpicalBouns {
    height: 150px;
    width: 150px;
  }
}
.modalSection .modal-content .modal-body .spicalBounsCard .imgSpicalBouns img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-body .spicalBounsCard .spicalbounseHeading {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body
    .spicalBounsCard
    .spicalbounseHeading {
    font-size: 16px;
  }
}
.modalSection .modal-content .modal-body.depositBounsModal .depositeheading {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body.depositBounsModal .depositeheading {
    font-size: 18px;
  }
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg {
  -webkit-font-smoothing: antialiased;
  align-items: center;
  display: inline-flex;
  margin-left: 10px;
  position: relative;
  text-align: center;
  -webkit-transform: translateZ(0);
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg
  img {
  height: 17px;
  width: 17px;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg
  .tooltip {
  background: #242937;
  border-radius: 5px;
  bottom: 100% !important;
  box-shadow: 2px 2px 6px #00000a80;
  color: #b2b6c5;
  display: block;
  font-size: 8px;
  left: 50%;
  margin-bottom: 15px;
  max-width: 250px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-10px);
  transition: all 0.25s ease-out;
  width: max-content;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg
  .tooltip
  .toltipContent {
  color: #b2b6c5;
  font-size: 8px;
  line-height: normal;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body.depositBounsModal
    .depositeheading
    .quetionImg
    .tooltip
    .toltipContent {
    font-size: 10px;
  }
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg
  .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg
  .tooltip:after {
  border-left: 10px solid #0000;
  border-right: 10px solid #0000;
  border-top: 10px solid #242937;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositeheading
  .quetionImg:hover
  .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.modalSection .modal-content .modal-body.depositBounsModal .moreDetails {
  align-items: center;
  background-color: #0000;
  border: none;
  color: #62c412;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}
.modalSection .modal-content .modal-body.depositBounsModal .moreDetails .arrow {
  display: flex;
  height: 10px;
  margin-left: 10px;
  width: 8px;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .moreDetails
  .arrow
  img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-body.depositBounsModal .depositCard {
  background-color: #0000;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}
.modalSection .modal-content .modal-body.depositBounsModal .depositCard.active,
.modalSection .modal-content .modal-body.depositBounsModal .depositCard:hover {
  background-color: #2e3443;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositCard
  .bonusHeading {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body.depositBounsModal
    .depositCard
    .bonusHeading {
    font-size: 14px;
  }
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .depositCard
  .bonusValue {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .modalSection
    .modal-content
    .modal-body.depositBounsModal
    .depositCard
    .bonusValue {
    font-size: 14px;
  }
}
.modalSection .modal-content .modal-body.depositBounsModal .bonusheadingHunt {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body.depositBounsModal .bonusheadingHunt {
    font-size: 14px;
  }
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .bonusheadingHunt
  span {
  color: #fff;
  font-weight: 600;
}
.modalSection .modal-content .modal-body.depositBounsModal .huntImg {
  height: 70.4px;
  width: 100px;
}
.modalSection .modal-content .modal-body.depositBounsModal .spinwheel {
  height: 100px;
  width: 100px;
}
.modalSection .modal-content .modal-body.depositBounsModal .bonusSmall {
  color: #b2b6c5;
  font-size: 12px;
  text-align: end;
}
.modalSection .modal-content .modal-body.depositBounsModal .registernowBtn {
  background-color: #62c412;
  border: 0;
  border-bottom: 3px solid #318120;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  padding-inline: 35px;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body.depositBounsModal .registernowBtn {
    font-size: 16px;
    font-weight: 600;
    height: 43px;
  }
}
.modalSection .modal-content .modal-body.depositBounsModal .bounesHistory {
  background-color: #2e3443;
  border-bottom: 3px solid #1e222d !important;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  padding-inline: 35px;
  width: 100%;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .bounesHistory.unlockDbl {
  color: #62c412;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .modalSection .modal-content .modal-body.depositBounsModal .bounesHistory {
    font-size: 16px;
    font-weight: 600;
    height: 43px;
  }
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .bounesHistory
  .icon {
  align-items: center;
  display: flex;
  height: 18px;
  width: 18px;
}
.modalSection
  .modal-content
  .modal-body.depositBounsModal
  .bounesHistory
  .icon
  img {
  height: 100%;
  width: 100%;
}
.modalSection .modal-content .modal-footer {
  justify-content: left;
}
.modalSection .modal-content .modal-footer .onOffBtn {
  align-items: center;
  display: flex;
}
.modalSection .modal-content .modal-footer .onOffBtn .form-check-input {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  height: 15.4px;
  margin-bottom: 5px;
  padding: 12px;
  width: 33.44px;
}
.modalSection .modal-content .modal-footer .onOffBtn .form-check-input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.modalSection .modal-content .modal-footer .form-switch .form-check-input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABCCAYAAABHPrg7AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJHSURBVHgB7dw/b9NAGMfx33MOVYClCxKj2UJZ8hKuZUqR+LMjQV9BeQnxK0h5ByzMQULQLgT3FbRT2w3vLJ0QVI2PO6SKunbTtE0uz/D7SFEsx5O/vjs5wwFEBAhuwA7TZbTaXZPICxikcNIFVTi4Qhz25RS7354ffpp07bUihJtv2vc2IfIOzi2DplX4T16izPLeUXHxx6kj2J3Hmwamz5t/a/1R7yA7f+LKCOHpl/bdoUAsaCb8VJX7z8bZqJgYwW53Uv/0f/eHKWjWCj89rYYQEyM8/bqy5wRcdOckLNzjP79Wk8suWNt5MvBfL0HzI3god5bajSPBflnpGoM9UBSm6WRiZACKphbBfu5Yv3JbUDS1CKZl3oCiapqOLCiqSgQ77Ia34RQUVXUktH7znWABKhGSRPi/0AJUIjhhhEUwoIVjBAUYQQFGUIARFGAEBRhBAUZQgBEUYAQFGEEBRlCAERRgBAUYQQFGUIARFGAEBRhBAUZQgBEUYAQFGEEBRlCAERRgBAUYQQFGUIARFGAEBRhBAUZQgBEUYAQFGEGBSgRx7hgUXSXC2J0WoOiq09HJ/QIUXSVC/mr/WCA5KKrawuxKtwuKqhahPFnagoALdES1CGFKwhjvQdE0vidwNMQTdhJujBBGQ1m6DdDc+TU4u/SNOV//t79zBpqnLH929CGZdMWPjz/zR68fhB0jLWjWslHvoB8Optore2278xZiBn4C41Y8txXWWj8FjdYPt/6fmlLYslmc9EWEGxXe0MU9ss/8BSedjju1511lAAAAAElFTkSuQmCC) !important;
  background-repeat: no-repeat;
  height: 15px;
  padding: 5px;
  width: 45px;
}
.modalSection .modal-content .modal-footer .hideSmall .form-check-input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABCCAYAAACo/NMFAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJESURBVHgB7dxNbtpAAMXxN7ZEpKx6BHoDsoyiKrCsolbyCWhP0PYEwA3KCcINUERRugtVlHYZjuAjsAxux9OxAQsrkC+B3yLvtwEss5m/xzaWGEDkNTPP2Xk4um6GoWkAwamDa0BKDEzsX2Zw7sImySSKWvHj33mC4fjmU2hMG3BNyDOYibW2F314N9m6x0NfXxzxwbl/W4e8nMHA3iW9TTNia4DRz99fXOq+Q3Yltg5RdHYyXd8YbNpzdHnT0eDvXD00uP1x+ae9vvHeDMgH36EL2ZeZnwmt1UwoBRiOrxqhqd1C9i228+TIXxNmpVOQH/whpAr18OCgk70pZsDiVhPnkMr4WfC2mAF+8DuQSgW12td8Bizv968gVVtcA4IATQjDmzyAMeYUQpEHcDB1CMViBuhZD00AoVIAMgUgUwAyBSBTADIFIFMAMgUgUwAyBSBTADIFIFMAMgUgUwAyBSBTADIFIFMAMgUgUwAyBSBTADIFIFMAMgUgUwAyBSBTADIFIFMAMgUgUwAyBSBTALJVgBmEYvk3VQVgWc4A9wtCsfqf8BRCkQew878DSOX8qX+aB8hWbvIfJ5BKGYd+cRtqretBqhR/PDsZFAGyxUWdS/uQajjkB3zph1ia/Ov681IM2S+DQXb0Z29LAbJrQWqCFvS7YJ9ie3f4bfXh3qOI6P1xtsJrSzNh95zD1M6DVhQdFQf4xmdB2aKi2UxQhN3xg99Pk0M/+Mfx+vZHV0+/GF93YYK2FnV6sdja9PO2FdT/Ay4WpOTbvsVlAAAAAElFTkSuQmCC) !important;
  background-repeat: no-repeat;
  height: 15px;
  padding: 5px;
  width: 45px;
}
.modalSection .modal-content .modal-footer .toggle-div {
  align-items: center;
  display: flex;
  gap: 10px;
}
.modalSection .modal-content .modal-footer .toggle-div .label-txt {
  text-wrap: nowrap;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.unlike-game {
  filter: grayscale(1);
}
.modalDropDwonn button {
  align-items: center;
  background-color: #2e3443;
  border: none;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  gap: 40px;
  justify-content: space-between;
  width: 145px;
}
.modalDropDwonn button:first-child:active {
  background-color: #2e3443;
  color: #b2b6c5;
}
.modalDropDwonn button.btnClour {
  color: #b2b6c5;
}
.modalDropDwonn button:focus-visible {
  background-color: #2e3443;
  border: none;
  box-shadow: none;
  outline: none;
}
.modalDropDwonn button.show,
.modalDropDwonn button:hover {
  background-color: #2e3443;
}
.modalDropDwonn button:after {
  display: none;
}
.modalDropDwonn button .icon {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.modalDropDwonn button .icon img {
  height: 100%;
  width: 100%;
}
.modalDropDwonn button .rightArrow {
  align-items: center;
  display: flex;
  height: 11.54px;
  width: 7.33px;
}
.modalDropDwonn button .rightArrow img {
  height: 100%;
  width: 100%;
}
.modalDropDwonn .dropdown-menu {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  margin-top: 15px;
  padding: 5px;
  width: 9rem;
}
.modalDropDwonn .dropdown-menu .dropdown-item {
  border: 1px solid #0000;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
  padding: 7px 10px;
  transition: all 0.3s ease-in-out;
}
.modalDropDwonn .dropdown-menu .dropdown-item:hover {
  background-color: #0000;
  border-color: #62c412;
}
.modalDropDwonn .dropdown-menu .dropdown-item.active {
  background-color: #1e222d;
}
.providerDropdown {
  position: relative;
}
.providerDropdown button {
  align-items: center;
  background-color: #2e3443;
  border: 1px solid #2e3443;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  min-width: 150px;
  padding: 8px 16px;
}
.providerDropdown button span {
  color: #62c412;
  margin-left: 7px;
}
.providerDropdown button:first-child:active {
  background-color: #2e3443;
  border-color: #0000;
  color: #b2b6c5;
}
.providerDropdown button:focus-visible {
  background-color: #2e3443;
  border: #0000;
  box-shadow: none;
  outline: none;
}
.providerDropdown button.show,
.providerDropdown button:hover {
  background-color: #2e3443;
  border-color: #0000;
}
.providerDropdown button:hover {
  color: #b2b6c5;
}
.providerDropdown .dropdown-menu {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px !important;
}
.providerDropdown .dropdown-menu .dropdown-item {
  padding: 0 5px;
}
.providerDropdown .dropdown-menu .dropdown-item:hover {
  background-color: #0000;
}
.providerDropdown .dropdown-menu .dropdown-item .dropdownLabel {
  cursor: pointer;
  width: 100%;
}
.providerDropdown
  .dropdown-menu
  .dropdown-item
  .dropdownLabel.active
  .dropdownCheckbox {
  background-color: #15191f;
}
.providerDropdown
  .dropdown-menu
  .dropdown-item
  .dropdownLabel.active
  .dropdownCheckbox:before {
  display: flex;
}
.providerDropdown
  .dropdown-menu
  .dropdown-item
  .dropdownLabel
  .dropdownCheckbox {
  border: 2px solid #62c412;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 17px;
  margin: 0 8px 0 0;
  min-width: 17px;
  position: relative;
  width: 17px;
}
.providerDropdown
  .dropdown-menu
  .dropdown-item
  .dropdownLabel
  .dropdownCheckbox:before {
  border-bottom: 3px solid #62c412;
  border-radius: 2px;
  border-right: 3px solid #62c412;
  content: "";
  display: none;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 7px;
}
.providerDropdown .dropdown-menu .dropdown-item .dropdownLabel .dropdownTxt {
  color: #fff;
  font-size: 14px;
}
.providerDropdown .dropdown-menu .dropdown-item .dropdownLabel .dropdownValue {
  align-items: center;
  background-color: #1e222d;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 11px;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.Toastify__toast-container:has(.bigToaster) {
  --toastify-toast-width: 550px !important;
}
.login-toast-container {
  align-items: center;
  background: linear-gradient(180deg, #002789, #000d2c);
  color: #fff;
  display: flex;
  gap: 12px;
  gap: 20px;
  padding-left: 30px;
}
.login-toast-container .login-toast-image {
  border-radius: 5px;
  height: 50px;
  object-fit: contain;
  width: 50px;
}
.login-toast-container .login-toast-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.login-toast-container .login-toast-text .login-toast-Congratulations {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.login-toast-container .login-toast-text .login-toast-msg {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
}
.Toastify__toast {
  background: linear-gradient(180deg, #002789, #000d2c) !important;
  padding: 0;
}
.Toastify__toast-body {
  padding: 0;
}
.aml-policy-section,
.privacy-policy-section {
  padding-block: 40px;
}
.aml-policy-section .heading,
.privacy-policy-section .heading {
  color: #d8dee5;
  font-size: 24.36px;
  font-weight: 700;
}
.aml-policy-section .sub-heading,
.privacy-policy-section .sub-heading {
  color: #d8dee5;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 15px;
}
.aml-policy-section .sub-txt,
.privacy-policy-section .sub-txt {
  color: #989cad;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
.aml-policy-section .sub-txt ul li,
.privacy-policy-section .sub-txt ul li {
  list-style-type: disc;
}
.aml-policy-section .sub-txt table td,
.privacy-policy-section .sub-txt table td {
  background-color: #0000;
  color: #989cad;
}
.aml-policy-section .sub-txt table th,
.privacy-policy-section .sub-txt table th {
  background-color: #0000;
  color: #fff;
}
.aml-policy-section .sub-txt .anchor-text,
.privacy-policy-section .sub-txt .anchor-text {
  color: #FF6700;
  text-decoration: none;
}
.aml-policy-section .sub-txt-heading,
.privacy-policy-section .sub-txt-heading {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}
.aml-policy-section .link-span a,
.privacy-policy-section .link-span a {
  color: #d8dee5;
}
.aml-policy-section .sports-ponit-table td,
.privacy-policy-section .sports-ponit-table td {
  background: #FF6700;
  color: #fff;
  text-align: center;
}
.aml-policy-section .sports-ponit-table th,
.privacy-policy-section .sports-ponit-table th {
  background: #FF6700;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 18.75px;
  text-align: center;
}
.wallet-section {
  background-color: #242937;
  border-radius: 5px;
  overflow: hidden;
  padding: 14px;
}
@media only screen and (min-width: 576px) {
  .wallet-section {
    padding: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .wallet-section {
    padding: 35px;
  }
}
.wallet-section .add-icon {
  display: flex;
  height: 15px;
  width: 15px;
}
@media only screen and (min-width: 576px) {
  .wallet-section .add-icon {
    height: 17px;
    width: 17px;
  }
}
.wallet-section .add-txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
@media only screen and (min-width: 576px) {
  .wallet-section .add-txt {
    font-size: 20px;
  }
}
.wallet-section .brDiv {
  border-right: 1px solid #b2b6c5;
}
.wallet-section .buttons-div {
  background: #2e3443;
  border-radius: 10px;
  padding: 22px;
}
@media only screen and (min-width: 768px) {
  .wallet-section .buttons-div {
    max-width: 300px;
  }
}
.wallet-section .buttons-div .coin-icon {
  display: flex;
  height: 17px;
  width: 17px;
}
@media only screen and (min-width: 576px) {
  .wallet-section .buttons-div .coin-icon {
    height: 21px;
    width: 21px;
  }
}
.wallet-section .buttons-div .button-txt {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.wallet-section .buttons-div .button-txt .upper-txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
}
.wallet-section .buttons-div .button-txt .lower-txt {
  color: #42b72a;
  font-size: 15px;
  font-weight: 600;
  line-height: 130%;
}
.wallet-section .onOffBtn {
  align-items: center;
  display: flex;
}
.wallet-section .onOffBtn .form-check-input {
  background-color: #2e3443;
  border: none;
  border-radius: 100px;
  height: 12.4px;
  margin-bottom: 5px;
  width: 33.44px;
}
.wallet-section .onOffBtn .form-check-input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.wallet-section .form-switch .form-check-input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAA4CAYAAABwip8UAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOYSURBVHgB7ZxLTttQFIb/cx0FVFEpS0hXAAxp1ZIM26pQr6DsAFgByQ5gBdAVhLaCDhNU0Q4bVlDvoOksiWzf3uM8mhCHOI5tpeF8Exvnoejj6L/Xvg9CwtRq9QJyuS3Loi0QbWof5ogCAUUsMRpwCOSY0xbg33iebtrvXjaQMIQECCRbVsnK5Q7Nj90yX1vASqCNfNWA1p/23r64QAIsJJxF59bXD7X2jlZH8lQcY6vhtbtV2y47iEks4Y9M9AREquK22x/jiJ9beO36+3sL/vljFH0PxwR/dd6oiSycq9paWzsxuXYEYQQ69TodjplWpHdHeVPta72Y8/M1TabHIYTheJ1uOUrEzBTOsi2dr2PJu3VLQCTpDwoX2XMzU/pU4SI7Ng9KDxXeayDzPyGyY6E1mn43kD7RkKqwD/R6IyI7LmQ6F32Hk6/dv1C7uj2wCOcQFsZzPdvee3U5em1MuOR24nCeb49Gy1ik5JD/AJGdJEWVz4/dKA4rvF/dvyAkTctU+bNBlQ8r3EL+BEIaFEar/F+kaJQgpILptRwGYwboC+eeCSS706SANavEJ4HwHGEfQqpY4NGwfqP5+fr2N/i/IKRJ0Hiq2pdvJYjsLAgG11Uwui5kArtWBNqFkA1Em0pDS5xkhHmKuGWEUxFCJhDfBC37jKgVo6ggZIoIzxgRnjGKZ41CyApHKa0jzRgSkoAc5RPuIGSCJv2Hu4VNCJlAWjcUz/SHkAnsWsF1WbjkePq0eAmL6g1uSpWnjSbc8LHXD3f9MwipQj6CCUGBcM/zGpBYSRNnsFIiEM6xorVUeWoQGoPT4a2933VPIVWeCl5bVQfnQ+FS5elgBh2qtr3jDP4ee3jFVS7PVhLF8bvqYvTCmHCuct/1jiEkw73qZiYez/J8ZomWxTFRcha2hjP0ebiJlgovm4AQFxMlTyphL4QKD6JFKVvyPBaO11Fl294O7fHNWDb4o6i0X5eB5sj0ZY/n9igRFsaK9IjMlM3MHNO0X+84PqmyxMt0uL2LIpuJNIgcSO90t6X3Mgn3RkwDGUk2M//2HVe3B2aY6EQixkQI6Nh+8/xyng/F26CGc913D4jUI1wXpM0jEG2qeuN0Wk/kIRbbgiloUL2K+Zrd1a/4xUQPSGSTMaa/gnnf/LDSam0yZhpEHqDxnjYWET0gMeGj8KqK3kR/nnuuCzxD93/YRs+0gC1S1DTHu2Bw3d1oJiF5lL9CVJqp+bFWWQAAAABJRU5ErkJggg==) !important;
  background-repeat: no-repeat;
  height: 11px;
  width: 33px;
}
.wallet-section .toggle-div {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.wallet-section .toggle-div .label-txt {
  text-wrap: nowrap;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.wallet-section .search-bar {
  align-items: center;
  background: #1e222d;
  border-radius: 5px;
  display: flex;
  height: 100%;
  height: 35px;
  margin-top: 15px;
  padding: 10px 10px 10px 22px;
}
@media only screen and (min-width: 768px) {
  .wallet-section .search-bar {
    margin-top: 25px;
  }
}
.wallet-section .search-bar .searchIcon {
  align-items: center;
  display: flex;
  height: 16px;
  width: 16px;
}
.wallet-section .search-bar .formControl {
  background-color: #0000;
  color: #b2b6c5;
  font-size: 12px;
}
.wallet-section .search-bar ::placeholder {
  color: #b2b6c5 !important;
}
.wallet-section .sectonMainHeading {
  color: #fff;
  font-size: 15.44px;
  line-height: 19.69px;
}
.wallet-section .tableSection {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 0 15px 7px;
  width: 100%;
}
.wallet-section .tableSection::-webkit-scrollbar {
  background-color: #b2b6c5;
  border-radius: 8px;
  display: flex;
  height: 5px;
}
.wallet-section .tableSection::-webkit-scrollbar-thumb {
  background-color: #2e3443;
  border-radius: 8px;
  height: 5px;
}
.wallet-section .tableSection .rsIcon {
  align-items: center;
  border-radius: 50px;
  display: inline-flex;
  height: 20px;
  overflow: hidden;
  width: 20px;
}
.wallet-section .tableSection .rsIcon img {
  height: 100%;
  width: 100%;
}
.wallet-section .tableSection .tableContentHeading .tableContent {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
@media only screen and (min-width: 576px) {
  .wallet-section .tableSection .tableContentHeading .tableContent {
    font-size: 17px;
    line-height: 20px;
  }
}
.wallet-section .tableSection .tableContentHeading .tableContent .ruppyIcon {
  align-items: center;
  display: inline-flex;
  height: 13px;
  margin-right: 2px;
  width: 13px;
}
.wallet-section
  .tableSection
  .tableContentHeading
  .tableContent
  .ruppyIcon
  img {
  height: 100%;
  width: 100%;
}
.wallet-section .tableSection .tableContentHeading .tableSubheading {
  color: #b2b6c5;
  font-size: 10px;
  line-height: 13px;
  text-align: end;
}
@media only screen and (min-width: 576px) {
  .wallet-section .tableSection .tableContentHeading .tableSubheading {
    font-size: 13px;
    line-height: 16px;
  }
}
.wallet-section .tableSection .tableContentHeading .depositeHeading {
  color: #42b72a;
  font-weight: 500;
}
.wallet-section .tableSection .withDrawHeading {
  color: #b2b6c5 !important;
  font-weight: 500 !important;
}
@media only screen and (min-width: 576px) {
  .wallet-section .tableSection .tdWidth {
    min-width: 120px;
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .wallet-section .tableSection .tdWidth {
    width: 120px;
  }
}
.wallet-section .tableSection table tbody tr:last-child .tableBorderBottom {
  border-bottom: none !important;
}
.wallet-section .tableSection .tableBorderBottom {
  border-bottom: 0.5px solid #b2b6c580;
  padding-inline: 5px;
}
.withdrawTabs {
  background-color: #242937;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  padding: 14px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs {
    padding: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .withdrawTabs {
    padding: 35px;
  }
}
.withdrawTabs .navTabs {
  align-items: center;
  border-bottom: 0.5px solid #b2b6c5;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.withdrawTabs .navTabs .navLink {
  border-bottom: 1px solid #0000 !important;
  color: #b2b6c5;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  padding: 10px 35px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}
.withdrawTabs .navTabs .navLink.active {
  background-image: linear-gradient(0deg, #42b72a66, #42b72a00 44%);
  border: none;
  border-bottom: 1px solid #42b72a !important;
  color: #fff;
  font-weight: 400;
}
.withdrawTabs .mainTabs .headingTabs {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  margin: 10px 0 7px;
}
.withdrawTabs .mainTabs .headingValue {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.withdrawTabs .mainTabs .usdtSection {
  background-color: #2e3443;
  border-radius: 5px;
  height: 100%;
  padding: 15px 17px;
}
.withdrawTabs .mainTabs .usdtSection .subHeading {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.withdrawTabs .mainTabs .usdtSection .rightArrow {
  height: 12px;
  width: 6.22px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .usdtSection .rightArrow {
    height: 15px;
    width: 8.22px;
  }
}
.withdrawTabs .mainTabs .usdtSection .rightArrow img {
  height: 100%;
  width: 100%;
}
.withdrawTabs .mainTabs .headingUsdt {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .headingUsdt {
    font-size: 17px;
    font-weight: 600;
  }
}
.withdrawTabs .mainTabs .headingUsdt .logousdt {
  height: 23px;
  margin-right: 10px;
  width: 23px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .headingUsdt .logousdt {
    height: 30px;
    width: 30px;
  }
}
.withdrawTabs .mainTabs .headingUsdt .logousdt img {
  height: 100%;
  width: 100%;
}
.withdrawTabs .mainTabs .widthdrawAmmount {
  background-color: #15191f;
  border: 1px solid #b2b6c5;
  border-radius: 5px;
  padding: 15px;
}
.withdrawTabs .mainTabs .widthdrawAmmount .subHeading {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .widthdrawAmmount .subHeading {
    font-size: 15px;
  }
}
.withdrawTabs .mainTabs .widthdrawAmmount .feesIcon {
  display: flex;
  height: 15px;
  margin-left: 10px;
  width: 15px;
}
.withdrawTabs .mainTabs .widthdrawAmmount .feesIcon img {
  height: 100%;
  width: 100%;
}
.withdrawTabs .mainTabs .widthdrawAmmount .sucess {
  color: #42b72a;
}
.withdrawTabs .mainTabs .noticeSection {
  background-image: linear-gradient(90deg, #377e2a, #253322);
  border: 1px solid #b2b6c5;
  border-radius: 5px;
  padding: 18px;
}
.withdrawTabs .mainTabs .noticeSection .noticeHeading {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .noticeSection .noticeHeading {
    font-size: 15px;
    font-weight: 500;
  }
}
.withdrawTabs .mainTabs .changeBtn {
  align-items: center;
  background-color: #62c412;
  border-bottom: 3px solid #318120 !important;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding: 10px 35px;
}
.withdrawTabs .mainTabs .flatdiv {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 10px;
}
.withdrawTabs .mainTabs .flatdiv .flatHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.withdrawTabs .mainTabs .flatdiv .inrLogo {
  height: 23px;
  margin-right: 15px;
  width: 23px;
}
.withdrawTabs .mainTabs .flatdiv .rightArrow {
  height: 12px;
  width: 6.22px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .flatdiv .rightArrow {
    height: 15px;
    width: 8.22px;
  }
}
.withdrawTabs .mainTabs .fletSection {
  border-bottom: 1px solid #b2b6c5;
  padding-bottom: 10px;
}
.withdrawTabs .mainTabs .fiatHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.withdrawTabs .mainTabs .recommandBox {
  background-color: #1b2028;
  border-radius: 5px;
  padding: 12px;
}
.withdrawTabs .mainTabs .recommandBox .recommandText {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 22px;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper {
  background-color: #212632;
  border-radius: 5px;
  height: 76px;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-left: 11px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft {
    padding-left: 18px;
  }
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .cardImg {
  height: 23px;
  object-fit: contain;
  width: 26px;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .cardImg {
    height: 28px;
    width: 32px;
  }
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .cardImg img {
  height: 100%;
  width: 100%;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .creditText {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .creditText {
    font-size: 13px;
    font-weight: 600;
  }
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .creditGray {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .cardLeft .eurtxt {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .divider {
  background-color: #b2b6c5;
  height: 24px;
  width: 2px;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .rytArroww {
  height: 12px;
  width: 12px;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .rytArroww img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .exclaImg {
  height: 18px;
  object-fit: contain;
  width: 18px;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .exclaImg img {
  height: 100%;
  width: 100%;
}
.withdrawTabs .mainTabs .recommandBox .cardWrapper .fastestTxt {
  align-items: center;
  background-color: #42b72a;
  border-radius: 0 5px 0 10px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  justify-content: center;
  padding-inline: 19px;
}
.AffiliateSection {
  background-color: #242937;
  border-radius: 5px;
  overflow: hidden;
  padding: 14px;
}
@media only screen and (min-width: 576px) {
  .AffiliateSection {
    padding: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .AffiliateSection {
    padding: 35px;
  }
}
.AffiliateSection .add-icon {
  display: flex;
  height: 15px;
  width: 15px;
}
@media only screen and (min-width: 576px) {
  .AffiliateSection .add-icon {
    height: 17px;
    width: 17px;
  }
}
.AffiliateSection .add-txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  .AffiliateSection .add-txt {
    font-size: 20px;
  }
}
.AffiliateSection .affiliateBtn {
  text-wrap: nowrap;
  background-color: #2e3443;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.AffiliateSection .affiliateBtn.active {
  background-color: #42b72a;
  color: #fff;
}
.AffiliateSection .inputLabel {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.AffiliateSection .inputUser {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 12px;
  height: 41px;
  overflow: hidden;
  padding: 5px 10px;
  width: 100%;
}
.AffiliateSection .inputUser::placeholder {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
}
.AffiliateSection .inputUser:focus {
  outline: none;
}
.AffiliateSection .changeBtn {
  text-wrap: nowrap;
  background-color: #62c412;
  border-bottom: 3px solid #318120 !important;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding: 10px 25px;
}
.AffiliateSection .comissionCard {
  align-items: center;
  background-color: #2e3443;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 15px;
}
.AffiliateSection .comissionCard .comissionHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 8px;
  text-align: center;
}
.AffiliateSection .comissionCard .comissionSubheading {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.AffiliateSection .betTableNew {
  margin-top: 20px;
}
.AffiliateSection .betTableNew table {
  border-collapse: initial;
  border-spacing: 0 5px;
}
.AffiliateSection .betTableNew table > * {
  border: 0;
}
.AffiliateSection .betTableNew table thead {
  border-radius: 5px;
}
.AffiliateSection .betTableNew table thead th {
  background-color: #2e3443 !important;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 17px;
  text-transform: uppercase;
  white-space: nowrap;
}
.AffiliateSection .betTableNew table thead th:first-child {
  border-radius: 3px 0 0 3px;
}
.AffiliateSection .betTableNew table thead th:last-child {
  border-radius: 0 3px 3px 0;
}
.AffiliateSection .betTableNew table tbody td {
  background-color: #2e3443;
  border: 0;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 17px;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .AffiliateSection .betTableNew table tbody td {
    font-size: 14px;
  }
}
.AffiliateSection .betTableNew table tbody td:first-child {
  border-radius: 3px 0 0 3px;
}
.AffiliateSection .betTableNew table tbody td:last-child {
  border-radius: 0 3px 3px 0;
}
.AffiliateSection .betTableNew table tbody td .clamSection {
  background-color: #42b72a;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 14.3px;
  padding: 6px 15px;
  text-align: center;
}
.AffiliateSection .affilatepera {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
}
.AffiliateSection .affilatepera span {
  color: #42b72a;
}
.depositedSection .noEntryBtn {
  background-color: #2e3443;
  border-radius: 5px;
  color: #b2b6c5;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  padding: 13px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.bannerSlide {
  position: relative;
}
.bannerSlide .transform-banner {
  position: absolute;
  transform: translateY(100%);
  transition: all 0.3s ease-in-out;
}
.bannerSlide:hover .transform-banner {
  transform: translateY(-100%);
}
.dropDown-icon {
  border: none;
  padding: 0;
}
.dropDown-icon,
.dropDown-icon:hover {
  background-color: #0000;
}
.dropDown-icon:active {
  background-color: #0000 !important;
}
.dropDown-icon:after {
  content: none;
}
.dropDownMenu {
  background-color: #242937;
  border-radius: 15px;
  border-top: 2.67px solid #2f364c !important;
  border-top: 2.67px solid var(--Strok-Color, #2f364c) !important;
  border: 0;
  min-width: 215px;
  padding: 20px 15px 2px;
}
@media (max-width: 991px) {
  .dropDownMenu.profileDropMenu {
    top: 7px !important;
  }
}
@media only screen and (min-width: 992px) {
  .dropDownMenu.profileDropMenu {
    left: auto !important;
    right: -5px !important;
    top: 22px !important;
  }
}
.dropDownMenu .dropdownItem {
  background-color: #1e222d;
  border-radius: 3px;
  border-radius: 30px;
  color: #b2b6c5 !important;
  margin-bottom: 8px;
  padding: 4px;
}
.dropDownMenu .dropdownItem .DropTxt {
  font-size: 12px;
}
.dropDownMenu .dropdownItem.active {
  background-image: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  color: #fff !important;
}
.dropDownMenu .dropdownItem.active .dropIcon {
  background: #fff;
}
.dropDownMenu .dropdownItem:hover {
  background-image: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  color: #fff !important;
}
.dropDownMenu .dropdownItem:hover .dropIcon {
  background: #fff;
}
.dropDownMenu .dropdownItem .dropIcon {
  align-items: center;
  background: #202733;
  border-radius: 50%;
  box-shadow: 0 0 2px #969696;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.dropDownMenu .dropdownItem .dropIcon img {
  height: 11px;
  width: 100%;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: #0000;
}
.signout-modal .signModalTitle .SignIcon {
  display: flex;
  height: 18px;
  width: 18px;
}
.signout-modal .signModalTitle .SignIcon img {
  height: 100%;
  width: 100%;
}
.signout-modal .signModalTitle .heading {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}
.signout-modal .btn-close {
  filter: invert(1);
}
.signout-modal .modalBody {
  color: #b2b6c5;
}
.signout-modal .modal-content {
  background-color: #1e222d !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.signout-modal .signoutBtn {
  background-color: #FF6700 !important;
  border: 0;
  border-radius: 0px !important;
  font-size: 15px;
  font-weight: 600;
  height: 43px;
  width: 166px;
}
.signout-modal .modal-header {
  background-color: #2e3443;
}
.modalheading-green {
  color: #62c412;
}
.detimg {
  height: auto;
  padding: 5px;
  width: 77px;
}
.commonbtn {
  background-color: #2e3443;
  border: none;
  border-radius: 5px 0 0 5px;
  color: #b2b6c5;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  margin-inline: -20px;
  width: 170px;
}
@media only screen and (min-width: 768px) {
  .commonbtn {
    height: 50px;
    width: 228px;
  }
}
.bgsection {
  background: #2e3443;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 23px 20px 20px;
  width: 100%;
}
.bgsection .screenImg {
  border: 4px solid #666973;
  border-radius: 5px;
  height: 75vh;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.bgsection .verifyBox {
  border: 1px solid #666973;
  border-radius: 5px;
  height: 40px;
  width: 120px;
}
.bgsection .verifyBox .smbox {
  align-items: center;
  border-right: 2px solid #666973;
  display: flex;
  justify-content: center;
  width: 60px;
}
.bgsection .verifyBox .smbox .verifyImg {
  width: 16px;
}
.bgsection .verifyBox .verify-text {
  color: #666973;
  font-size: 10.12px;
  font-weight: 500;
  margin: auto;
  padding-left: 3px;
}
.bgsection .advance .vsmtext {
  color: #666973;
  font-size: 10.12px;
  font-weight: 500;
  line-height: 9.26px;
}
.bgsection .advance .vsmtext,
.bgsection .bonus-container {
  border-color: #666973 !important;
}
.bgsection .bonus-container .game_text {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.5px;
}
.bgsection .bonus-container .sm-text {
  font-size: 10.89px;
  font-weight: 600;
  line-height: 14.16px;
  text-align: center;
}
.bgsection .logo-img {
  height: auto;
  margin-inline: auto;
  width: 200px;
}
.bgsection .play-full-wrapper {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: end;
}
.bgsection .play-full-wrapper .play-wrapper .fun {
  color: #b2b6c5;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
}
.bgsection .play-full-wrapper .play-wrapper .fun.active {
  color: #fff;
}
.bgsection .play-full-wrapper .play-wrapper .switch {
  display: inline-block;
  height: 19px;
  position: relative;
  width: 44px;
}
.bgsection .play-full-wrapper .play-wrapper .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.bgsection .play-full-wrapper .play-wrapper .slider {
  background-color: #1e222d;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.bgsection .play-full-wrapper .play-wrapper .slider:before {
  background-color: #62c412;
  bottom: 1px;
  content: "";
  height: 17px;
  left: 1px;
  position: absolute;
  transition: 0.4s;
  width: 22px;
}
.bgsection .play-full-wrapper .play-wrapper input:checked + .slider {
  background-color: #1e222d;
}
.bgsection .play-full-wrapper .play-wrapper input:focus + .slider {
  box-shadow: 0 0 1px #1e222d;
}
.bgsection .play-full-wrapper .play-wrapper input:checked + .slider:before {
  transform: translateX(20px);
}
.bgsection .play-full-wrapper .play-wrapper .slider.round {
  border-radius: 6px;
}
.bgsection .play-full-wrapper .play-wrapper .slider.round:before {
  border-radius: 4px;
}
.bgsection .full-screen-toggle {
  background-color: #0000;
  border: 0;
  height: 27px;
  width: 35px;
}
.bgsection .full-screen-toggle img {
  height: 100%;
  width: 100%;
}
.label {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 24px;
}
.modalSection .modalBody .modalHeading {
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 20.8px;
}
.modalSection .modalBody .category {
  background-color: #1e222d;
  border-radius: 10px;
  margin-top: 10px;
  max-height: 240px;
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  .modalSection .modalBody .category {
    background-color: #0d131c;
    background-color: #2e3443;
    border-radius: 5px;
  }
}
.modalSection .modalBody .category .bonusmcard {
  border-bottom: 1px solid #b2b6c566;
  height: 100%;
  padding-block: 13px;
  padding-inline: 2px;
}
.modalSection .modalBody .category .bonusmcard:last-child {
  border: 0 !important;
}
@media (max-width: 767px) {
  .modalSection .modalBody .category .bonusmcard {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .modalSection .modalBody .category .bonusmcard {
    border: none;
    padding-block: 10px;
    padding-inline: 10px;
  }
}
.modalSection .modalBody .category .bonusmcard .icon-1 {
  display: flex;
  height: 18px;
  width: 18px;
}
.modalSection .modalBody .category .bonusmcard .icon-1 img {
  display: flex;
}
.modalSection .modalBody .category .bonusmcard .bonus-text {
  color: #b2b6c5 !important;
  display: flex;
  font-size: 13px;
  margin-left: 5px;
}
.modalSection .modalBody .category .Bonusmoney {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .modalSection .modalBody .category .Bonusmoney {
    margin-top: 2px;
  }
}
.modalSection .modalBody #dropdown-basic-button {
  align-items: center;
  background-color: #2e3443;
  border: none;
  border-radius: 8px !important;
  color: #b2b6c5;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  justify-content: space-between;
  line-height: 23.4px;
  min-width: 120px;
}
@media only screen and (min-width: 768px) {
  .modalSection .modalBody #dropdown-basic-button {
    width: 200px;
  }
}
.modalSection .modalBody .show {
  background-color: #2e3443;
  border-radius: 8px !important;
  display: inline;
  left: 0;
  max-height: 300px;
  min-width: 120px;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .modalSection .modalBody .show {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modalSection .BounseDropdown .dropdown-menu {
    left: auto !important;
    min-width: 180px !important;
    padding-inline: 8px;
    right: 0 !important;
  }
}
.drop-item {
  background-color: none;
  border: 2px solid #2e3443;
  border-radius: 8px;
  color: #b2b6c5;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 19.5px !important;
  padding-block: 10px;
}
.drop-item.active {
  background-color: #0000 !important;
  border: 1px solid #62c412;
}
.drop-item.active .greenbtn {
  display: flex;
}
.drop-item .greenbtn {
  aspect-ratio: 1/1;
  display: none;
  width: 14px;
}
.drop-item:hover {
  background-color: #242937;
  color: #fff;
  transition-duration: 0.4s all;
}
.drop-item .dropdown-item.active {
  background-color: none;
}
.modal-text {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  margin-bottom: 7px;
  text-align: left;
}
.data {
  background-color: #2e3443;
  border-radius: 8px;
  padding: 10px;
}
.data .amounthistory {
  border-collapse: initial;
  border-spacing: 0 5px;
  width: 100%;
}
.data .amounthistory thead tr th {
  background-color: #242937;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 15px;
  white-space: nowrap;
}
.data .amounthistory thead tr th:first-child {
  border-radius: 5px 0 0 5px !important;
}
.data .amounthistory thead tr th:nth-child(3) {
  border-radius: 0 5px 5px 0 !important;
}
.data .amounthistory tr td:not(.noDataTd) {
  background-color: #242937;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 15px;
  white-space: nowrap;
}
.data .amounthistory tr td:not(.noDataTd):first-child {
  border-radius: 5px 0 0 5px !important;
}
.data .amounthistory tr td:not(.noDataTd):nth-child(3) {
  border-radius: 0 5px 5px 0 !important;
}
.data .nodataimg {
  height: 1/1;
  margin-block: 54px;
  margin-inline: auto;
  width: 138px;
}
.modalSection .dblimg {
  height: auto;
  width: 32px;
}
.modalSection .fat {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}
.modalSection .btnholder .greenbtn {
  border-bottom: 1px solid #b2b6c5 !important;
  color: #b2b6c5;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  padding-block: 8px;
  width: 50%;
}
.modalSection .btnholder .greenbtn.active {
  background-image: linear-gradient(0deg, #42b72a66, #42b72a00 44%);
  border: none;
  border-bottom: 1px solid #42b72a !important;
  color: #fff;
}
.modalSection .expire {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 400;
}
.modalSection .time {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 22.1px;
}
.slots {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 10px;
}
.slots .circle {
  border: 8px solid #0d131c;
  border-radius: 50%;
  height: 77px;
  min-width: 77px;
  width: 77px;
}
.slots .circle,
.slots .circle .inner-circle {
  align-items: center;
  display: flex;
  justify-content: center;
}
.slots .circle .inner-circle {
  background-color: #0d131c;
  border-radius: 50%;
  color: #2e3443;
  font-size: 13px;
  font-weight: 500;
  height: 50px;
  line-height: 16.9px;
  text-align: left;
  width: 50px;
}
.slots .earn {
  color: #62c412;
  font-size: 22px;
  font-weight: 600;
}
.slots .quection {
  height: 1/1;
  position: relative;
  width: 17px;
}
.slots .quection:hover .tooltip-1 {
  opacity: 1;
}
.okbtn {
  background-color: #62c412;
  border: none;
  border-bottom: 2px solid #318120;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  height: 40px;
  line-height: 26px;
  width: 123px;
}
@media (min-width: 1800px) {
  .bgsection .screenImg {
    aspect-ratio: 16/9;
    height: auto;
  }
}
.bonus-page .heading {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 22.5px;
}
@media only screen and (min-width: 768px) {
  .bonus-page .heading {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  .bonus-page .heading {
    font-size: 25px;
  }
}
.bonus-page .heading span {
  color: #eeb338;
}
.bonus-page .redeem-form .formControl {
  background-color: #242937;
  border: 0;
  color: #b2b6c5;
  padding-left: 20px;
}
.bonus-page .redeem-form .formControl::placeholder {
  color: #b2b6c5;
  font-size: 14px;
}
.bonus-page .redeem-form .redeem-btn {
  background-color: #62c412;
  border-bottom: 5px solid #388927;
  border-radius: 5px !important;
  color: #fff;
  font-size: 15px;
  padding: 6px 10px;
}
@media only screen and (min-width: 576px) {
  .bonus-page .redeem-form .redeem-btn {
    padding: 9px 30px;
  }
}
.bonus-page .bonus-details {
  background-color: #242937;
  border-radius: 5px;
  margin: 0;
}
.bonus-page .bonus-details .total-bonus-wrapper {
  border-right: 1px solid #b2b6c5;
}
.bonus-page .bonus-details .total-bonus-wrapper .dollar-img {
  height: 40px;
  width: 40px;
}
@media only screen and (min-width: 576px) {
  .bonus-page .bonus-details .total-bonus-wrapper .dollar-img {
    height: 50px;
    width: 50px;
  }
}
.bonus-page .bonus-details .total-bonus-wrapper .dollar-img img {
  height: 100%;
  width: 100%;
}
.bonus-page .bonus-details .description {
  margin-inline: auto;
  width: fit-content;
}
.bonus-page .bonus-details .border-div {
  border-right: 1px solid #b2b6c5;
}
@media only screen and (min-width: 1200px) {
  .bonus-page .bonus-details .border-div {
    border: none;
  }
}
.bonus-page .bonus-details .head {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
}
@media only screen and (min-width: 576px) {
  .bonus-page .bonus-details .head {
    font-size: 13px;
  }
}
.bonus-page .bonus-details .sub-para {
  color: #62c412;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
.bonus-page .bonus-details .sub-head {
  font-weight: 600;
  line-height: 130%;
  padding-block: 5px;
}
.bonus-page .bonus-details .details-btn {
  background-color: #1e222d;
  border: none;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  padding: 8px 35px;
}
.bonus-page .general-bonus-container .deposit-bonus-card {
  background-color: #242937;
  border-radius: 5px;
  height: 100%;
  padding: 15px;
}
.bonus-page .general-bonus-container .deposit-bonus-card .head {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
.bonus-page .general-bonus-container .deposit-bonus-card .details-wrapper {
  border-bottom: 1px solid #62c412;
  width: fit-content;
}
.bonus-page .general-bonus-container .deposit-bonus-card .more-details {
  color: #62c412;
  font-weight: 500;
  line-height: 100%;
}
.bonus-page .general-bonus-container .deposit-bonus-card .right-arrow {
  display: flex;
  height: 8px;
  width: 10px;
}
.bonus-page .general-bonus-container .deposit-bonus-card .right-arrow img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .depositeheading {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .depositeheading {
    font-size: 18px;
  }
}
.bonus-page .depositBounsModal .depositeheading .quetionImg {
  -webkit-font-smoothing: antialiased;
  align-items: center;
  display: inline-flex;
  margin-left: 10px;
  position: relative;
  text-align: center;
  -webkit-transform: translateZ(0);
}
.bonus-page .depositBounsModal .depositeheading .quetionImg img {
  height: 17px;
  width: 17px;
}
.bonus-page .depositBounsModal .depositeheading .quetionImg .tooltip {
  background: #242937;
  border-radius: 5px;
  bottom: 100% !important;
  box-shadow: 2px 2px 6px #00000a80;
  color: #b2b6c5;
  display: block;
  font-size: 8px;
  left: 50%;
  margin-bottom: 15px;
  max-width: 250px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-10px);
  transition: all 0.25s ease-out;
  width: max-content;
}
.bonus-page
  .depositBounsModal
  .depositeheading
  .quetionImg
  .tooltip
  .toltipContent {
  color: #b2b6c5;
  font-size: 8px;
  line-height: normal;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .bonus-page
    .depositBounsModal
    .depositeheading
    .quetionImg
    .tooltip
    .toltipContent {
    font-size: 10px;
  }
}
.bonus-page .depositBounsModal .depositeheading .quetionImg .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.bonus-page .depositBounsModal .depositeheading .quetionImg .tooltip:after {
  border-left: 10px solid #0000;
  border-right: 10px solid #0000;
  border-top: 10px solid #242937;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.bonus-page .depositBounsModal .depositeheading .quetionImg:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.bonus-page .depositBounsModal .moreDetails {
  align-items: center;
  background-color: #0000;
  border: none;
  color: #62c412;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}
.bonus-page .depositBounsModal .moreDetails .arrow {
  display: flex;
  height: 10px;
  margin-left: 10px;
  width: 8px;
}
.bonus-page .depositBounsModal .moreDetails .arrow img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .depositCard {
  background-color: #0000;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}
.bonus-page .depositBounsModal .depositCard.active,
.bonus-page .depositBounsModal .depositCard:hover {
  background-color: #2e3443;
}
.bonus-page .depositBounsModal .depositCard .bonusHeading {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .depositCard .bonusHeading {
    font-size: 14px;
  }
}
.bonus-page .depositBounsModal .depositCard .bonusValue {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .depositCard .bonusValue {
    font-size: 13px;
  }
}
.bonus-page .depositBounsModal .bonusheadingHunt {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .bonusheadingHunt {
    font-size: 14px;
  }
}
.bonus-page .depositBounsModal .bonusheadingHunt span {
  color: #fff;
  font-weight: 600;
}
.bonus-page .depositBounsModal .huntImg {
  height: 70.4px;
  width: 100px;
}
.bonus-page .depositBounsModal .spinwheel {
  height: 80px;
  width: 80px;
}
.bonus-page .depositBounsModal .bonusSmall {
  color: #b2b6c5;
  font-size: 12px;
  text-align: end;
}
.bonus-page .depositBounsModal .registernowBtn {
  background-color: #62c412;
  border: 0;
  border-bottom: 3px solid #318120;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 38px;
  padding: 7px 30px;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .registernowBtn {
    font-size: 15px;
    height: 43px;
  }
}
.bonus-page .depositBounsModal .registernowBtn.disabled {
  background-color: #2e3443;
  border: 0 !important;
  max-width: 280px;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .registernowBtn.disabled {
    font-size: 13px;
  }
}
.bonus-page .depositBounsModal .bounesHistory {
  text-wrap: nowrap;
  background-color: #2e3443;
  border-bottom: 3px solid #1e222d !important;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 38px;
  max-width: 280px;
  padding: 7px 13px;
  width: 100%;
}
.bonus-page .depositBounsModal .bounesHistory.unlockDbl {
  color: #62c412;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .bounesHistory {
    font-size: 13px;
    height: 43px;
  }
}
.bonus-page .depositBounsModal .bounesHistory .icon {
  align-items: center;
  display: flex;
  height: 18px;
  width: 18px;
}
.bonus-page .depositBounsModal .bounesHistory .icon img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .commingSoon {
  background-color: #2e3443;
  border: none;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  padding: 8px 18px;
}
.bonus-page .depositBounsModal .vipCardTitle {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.bonus-page .depositBounsModal .subTitleVip {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.bonus-page .depositBounsModal .upimg {
  align-items: center;
  display: flex;
  height: 20.78px;
  width: 50px;
}
.bonus-page .depositBounsModal .upimg img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .arowplanImg {
  align-items: center;
  display: flex;
  height: 50px;
  width: 50px;
}
.bonus-page .depositBounsModal .arowplanImg img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .spicalBounsCard {
  padding: 70px 40px;
}
.bonus-page .depositBounsModal .spicalBounsCard .imgSpicalBouns {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  width: 120px;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .spicalBounsCard .imgSpicalBouns {
    height: 150px;
    width: 150px;
  }
}
.bonus-page .depositBounsModal .spicalBounsCard .imgSpicalBouns img {
  height: 100%;
  width: 100%;
}
.bonus-page .depositBounsModal .spicalBounsCard .spicalbounseHeading {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .bonus-page .depositBounsModal .spicalBounsCard .spicalbounseHeading {
    font-size: 16px;
  }
}
.bonuscard {
  background: radial-gradient(
    79.74% 574.24% at 79.74% 34.4%,
    #FF670080 0,
    #2f364c 100%
  );
  border-radius: 10px;
  padding-block: 10px;
  padding-inline: 15px;
}
@media only screen and (min-width: 576px) {
  .bonuscard {
    padding-block: 15px;
    padding-inline: 12px;
  }
}
.bonuscard .bg-layer {
  border-radius: 10px;
  overflow: hidden;
  padding-block: 10px;
  padding-inline: 6px;
  position: relative;
  z-index: 6;
}
@media only screen and (min-width: 576px) {
  .bonuscard .bg-layer {
    padding-block: 15px;
    padding-inline: 10px;
  }
}
.bonuscard .bg-layer .layer {
  background-color: #2f364c;
  height: 100%;
  left: 0;
  opacity: 50%;
  position: absolute;
  top: 0;
  width: 100%;
}
.bonuscard .bg-layer .tittle {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 3px;
}
@media only screen and (min-width: 576px) {
  .bonuscard .bg-layer .tittle {
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 17px;
  }
}
.text-base {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22.5px;
}
@media only screen and (min-width: 576px) {
  .text-base {
    font-size: 18px;
  }
}
.textxs {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 10px;
}
@media only screen and (min-width: 576px) {
  .textxs {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
  }
}
.text-sm {
  font-size: 9px;
  line-height: 11.25px;
}
@media only screen and (min-width: 576px) {
  .text-sm {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17.5px;
    margin-top: 7px;
  }
}
.detailbtn {
  align-items: center;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 9px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: 0;
  line-height: 11.25px;
  margin-top: 11px;
  padding-block: 7px;
  padding-inline: 20px;
  text-align: center;
  width: max-content;
}
@media only screen and (min-width: 576px) {
  .detailbtn {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17.5px;
    margin-top: 17px;
    padding-block: 11px;
    padding-inline: 27px;
  }
}
.right {
  display: inline-flex;
  height: 8px;
  width: 5px;
}
.bonus-img {
  height: 100%;
  right: -10px;
  top: 0;
  width: 223px;
}
@media only screen and (min-width: 768px) {
  .bonus-img {
    height: 100%;
    width: 328px;
  }
}
.text-2 {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.text-2,
.text-3 {
  letter-spacing: 0;
}
.text-3 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 17.5px;
}
.iconinfo {
  cursor: pointer;
  height: 17px;
  width: 17px;
}
.process {
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
}
.treasure {
  height: 44px;
  width: 44px;
}
.surprize {
  height: 34px;
  width: 34px;
}
.proceesbar {
  background-color: #191d27;
  height: 8px;
  margin-inline: auto;
  margin-top: 17px;
  position: relative;
  width: 95%;
}
.proceesbar:before {
  background-color: #eeb338 !important;
  content: "";
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  width: var(--width) !important;
  z-index: 1;
}
.one {
  background-color: #191d27 !important;
  transform: rotate(45deg) translateY(-50%);
}
.one,
.treasure-2 {
  height: 14px;
  margin-top: 2px;
  width: 14px;
}
.treasure-2 {
  background-color: #eeb338 !important;
  transform: rotate(-45deg) translateY(-50%) !important;
}
.bonusnum {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 10px;
}
.bonusEnd {
  margin-top: 12px;
}
.depositBtn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 9px 0 #0006;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17.5px;
  padding-block: 11px;
  padding-inline: 15px;
  text-align: center;
}
.claimCard {
  background: linear-gradient(180deg, #e5ab3d -39.04%, #202733);
  border-radius: 10px;
  padding-block: 21px;
  padding-inline: 28px;
}
.claimCard .voult {
  height: auto;
  width: 343px;
}
.claimCard .claimDetail {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.claimCard .claimDetail .atext {
  align-items: start;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  gap: 5px;
  letter-spacing: 0;
  line-height: 22.5px;
}
.claimCard .claimDetail .atext span {
  display: flex;
  height: 18px;
  width: 18px;
}
.claimCard .claimDetail .btext {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18.75px;
}
.claimCard .claimbar {
  align-items: center;
  background-color: #191d27;
  border-radius: 40px;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding: 5px;
  padding-inline-start: 25px;
}
.claimCard .claimbar .dulltext {
  color: #b3b3be;
}
.claimCard .claimbar .claimbtn,
.claimCard .claimbar .dulltext {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18.75px;
}
.claimCard .claimbar .claimbtn {
  background-color: #FF6700;
  border: none;
  border-radius: 38px;
  color: #fff;
  cursor: pointer;
  padding-block: 11px;
  text-align: center;
  width: 156px;
}
.claimCard .claimbar .claimbtn-disable {
  background-color: #2f364c;
  color: #b3b3be;
}
.claimCard .claimtext {
  color: #b3b3be;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18.75px;
  margin-top: 17px;
  text-align: center;
}
.claimshedule {
  background-color: #202733;
  border-radius: 10px;
  padding-bottom: 10px;
  padding-top: 24px;
  padding-inline: 18px;
}
.claimshedule .dropbtn {
  height: 25px;
  width: 25px;
}
.claimshedule .dropbtn .disable {
  background-color: #0000 !important;
  filter: brightness(0.5);
}
.claimshedule .rotate-90 {
  margin-inline-start: 3px;
  transform: rotate(180deg);
}
.claimshedule .bonusplate {
  background-color: #2f364c;
  border: 1px solid #0000;
  border-radius: 5px;
  height: 55px;
  padding-inline: 16px;
  transition: all 0.3s;
}
.claimshedule .bonusplate .number {
  align-items: center;
  background-color: #191d27;
  border-radius: 5px;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18.75px;
  text-align: center;
  width: 40px;
}
.claimshedule .bonusplate .save {
  padding-inline-start: 12px;
}
.claimshedule .bonusplate .save .day {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18.75px;
}
.claimshedule .bonusplate .nobonus,
.claimshedule .bonusplate .save .month {
  color: #b3b3be;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.25px;
}
.claimshedule .bonusplate .bonus-balance .credited {
  color: #FF6700;
}
.claimshedule .todayBonusPlate {
  border: 1px solid #FF6700;
  border: 1px solid var(--Icons-Color, #FF6700);
}
.bonusDay {
  height: 290px;
  margin-top: 9px;
  overflow-y: auto;
}
.bonusDay .bonus-spinner-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.bonusDay .bonusplate {
  margin-bottom: 5px;
}
.deposit_card {
  align-items: center;
  background: radial-gradient(
    187.39% 50% at 50% 50%,
    #3d6de566 0,
    #202733 100%
  );
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-block: 10px;
  padding-inline: 12px;
}
.deposit_card .earnUsd {
  color: #c2fb01;
  font-size: 13px;
  font-weight: 600;
}
.deposit_card .dImage {
  height: 102px;
  transform: rotate(-151.87 deg);
  width: 109px;
}
.deposit_card .dImage img {
  object-fit: contain;
}
.deposit_card .dep_text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 10px;
}
.deposit_card .bonus_detail {
  background-color: #191d27;
  border-radius: 5px;
  margin-top: 14px;
  padding-block: 15px;
  padding-inline: 10px;
}
.deposit_card .bonus_detail,
.deposit_card .bonus_detail .deposit_btn {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16.25px;
  width: 100%;
}
.deposit_card .bonus_detail .deposit_btn,
.historyBtn {
  background-color: #2f364c;
  border: none;
  border-radius: 64px;
  color: #fff;
  margin-top: 10px;
  padding-block: 7px;
  text-align: center;
}
.historyBtn {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16.25px;
  width: 100%;
}
.fadeText {
  color: #b3b3be;
}
.stopwatch {
  margin-top: 6px;
}
.vipcard {
  background: radial-gradient(
    187.39% 50% at 50% 50%,
    #3d6de566 0,
    #202733 100%
  );
  border-radius: 10px;
  padding: 16px;
}
.vipcard .text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  margin-inline-start: auto;
}
.vipcard .vipbonus {
  height: 147.71px;
  width: 93.73px;
}
.vipcard .vipDetail {
  padding-inline-start: 30px;
}
.vipcard .viptext {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 18px;
}
.vipcard .viptext-sm {
  color: #b3b3be;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
}
.vipcard .infoImg {
  height: 15px;
  width: 15px;
}
.vipcard .progressBar {
  background-color: #191d27 !important;
  border-radius: 5px !important;
  margin-top: 12px !important;
  overflow: visible !important;
  position: relative;
}
.vipcard .progressBar .processbtn {
  background-color: #6e96c6;
  border: 6.9px solid #47596b;
  border-radius: 50%;
  height: 23px !important;
  left: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px !important;
}
.vipcard .progressBar .processbtn .btninner {
  border-radius: 50%;
  height: 13px !important;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateX(-50%);
  width: 13px !important;
}
.vipcard .vipbottom {
  margin-top: 30px;
}
.vipcard .vipbutton {
  align-items: center;
  background-color: #191d27;
  border-radius: 50px;
  color: #b3b3be;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16.25px;
  margin-top: 8px;
  padding-block: 13px;
  width: 100%;
}
.lock {
  height: 20px;
  width: 15px;
}
.rocketimg {
  height: 116px;
  margin-inline: auto;
  width: 67px;
}
.rocketimg img {
  object-fit: contain;
}
.vipcardtext {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 22.5px;
  text-align: center;
}
.cardbottom {
  align-items: center;
  background-color: #191d27;
  border-radius: 5px;
  color: #b3b3be;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
  height: 117px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 16.25px;
  margin-top: 14px;
  padding-block: 17px;
  width: 100%;
}
.bonus-info-icon {
  right: 10px;
  top: 5px;
}
#bonusInfoModal .modal-dialog {
  min-width: 600px;
}
#bonusInfoModal .modal-content {
  background-color: #191d27 !important;
}
#bonusInfoModal .modal-content .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
  color: #fff;
}
#bonusInfoModal .modal-content .modal-header .btn-close {
  filter: invert(1);
}
#bonusInfoModal .modal-content .modal-body ul li {
  color: #d4d4d4;
  font-size: 16px;
  list-style: disc !important;
}
@media (max-width: 767px) {
  #bonusInfoModal .modal-dialog {
    min-width: 95%;
  }
  #bonusInfoModal .modal-dialog .modal-title {
    font-size: 16px !important;
  }
}
.NotificationOffcanvas {
  background-color: #1e222d;
}
.NotificationOffcanvas .offcanvas-header {
  background-color: #242937;
  height: 48px;
}
.NotificationOffcanvas .offcanvas-header .offcanvas-title {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.NotificationOffcanvas .offcanvas-header .btn-close {
  filter: invert(1);
  font-size: 13px;
}
.NotificationOffcanvas .offcanvas-body .notificationBtn li {
  width: 100%;
}
.NotificationOffcanvas .offcanvas-body .notificationBtn li .tabsBtn {
  text-wrap: nowrap;
  align-items: center;
  background-color: #2f364c;
  border-radius: 50px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
}
.NotificationOffcanvas .offcanvas-body .notificationBtn li .tabsBtn.active {
  background-color: #FF6700;
  color: #fff;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs {
  background-color: #2e3443;
  border-radius: 5px;
  padding: 14px;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .time {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 400;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .titlemain {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .titlemain2 {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .WeeklybonusImg {
  height: 150px;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .peranotif {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .showBtn {
  align-items: center;
  background-color: #0000;
  border: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 10px;
  justify-content: center;
  margin-left: auto;
  padding: 0;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .showBtn .icon {
  align-items: center;
  display: flex;
  height: 5.74px;
  justify-content: center;
  width: 10px;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .showBtn .icon img {
  height: 100%;
  width: 100%;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .dambleHideTbs {
  border-bottom: 0.5px solid #424966;
  padding-bottom: 10px;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .rightarrownoti {
  align-items: center;
  display: flex;
  height: 10px;
  justify-content: center;
  width: 7.2px;
}
.NotificationOffcanvas .offcanvas-body .contentTabbs .rightarrownoti img {
  height: 100%;
  width: 100%;
}
.NotificationOffcanvas .offcanvasfooter {
  background-color: #242937;
  height: 25px;
}
.notification_section {
  background-color: #202733;
  border-radius: 10px;
  padding: 14px 22px;
  width: 370px;
}
.notification_section .date {
  color: #6a798c;
  font-size: 11px;
  font-weight: 500;
}
.notification_section .heading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 16.5px;
  margin: 10px 0;
}
.notification_section .notification_heading_image {
  border-radius: 10px;
  height: 150px;
  overflow: hidden;
  width: 328px;
}
.notification_section .notification_heading_image img {
  width: 100%;
}
.notification_section .heading_p {
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
}
.notification_section .show_btn {
  background-color: #0000;
  border: none;
  color: #fff;
  font-size: 13px;
  outline: none;
}
.notification_section .notification_ul {
  color: #6a798c;
  font-size: 12px;
  font-weight: 500;
}
.notification_section .hide_all_div {
  align-items: center;
  border-top: 0.5px solid #424966;
  color: #c2fb01;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  justify-content: space-between;
  padding: 10px 10px 0 0;
}
.notification_section .accordion-item {
  background: none !important;
  border: none !important;
}
.notification_section .accordion-header {
  border-bottom: 0.2px solid #424966;
}
.notification_section .accordion-button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #c2fb01 !important;
  font-size: 13px !important;
  font-weight: 600;
  padding: 10px 0 !important;
}
.notification_section .accordion-button span {
  margin-left: 85px;
  transition: transform 0.3s ease;
}
.notification_section .accordion-button:after {
  display: none !important;
}
.notification_section .accordion-button:not(.collapsed) {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #c2fb01 !important;
  font-size: 13px !important;
  font-weight: 600;
  padding-left: 0 !important;
}
.notification_section .accordion-button:not(.collapsed):after {
  display: none !important;
}
.notification_section .accordion-button p {
  margin: 0;
  width: 225px;
}
.notification_section .accordion-button:not(.collapsed) span {
  transform: rotate(90deg);
}
.notification_section .accordion-body {
  background: none !important;
  border-top: none !important;
  color: #000;
  padding: 0;
}
.notification_section .accordion-body p {
  color: #6a798c;
  font-size: 12px;
  font-weight: 500;
}
.notification_section .accordion-button:focus {
  box-shadow: none !important;
}
.stackingMain {
  display: block;
}
@media only screen and (min-width: 768px) {
  .stackingMain {
    display: flex;
  }
}
@media (max-width: 767px) {
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
}
.mainContaint .stackingPage {
  overflow-x: hidden;
  position: relative;
  z-index: 3;
}
.mainContaint .stackingPage .commonLightBtn {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #1d4a6c;
  border-radius: 0;
  color: #6a798c;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 35px;
  justify-content: center;
  padding-inline: 20px;
}
.mainContaint .stackingPage .commonLightBtn.small {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
}
@media only screen and (min-width: 992px) {
  .mainContaint .stackingPage .commonLightBtn {
    font-weight: 600;
    height: 45px;
  }
}
.mainContaint .stackingPage .commonBlueBtn {
  align-items: center;
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  padding: 7px 25px;
}
.mainContaint .stackingPage .commonBlueBtn.commonGreenBtn {
  background-color: #c2fb01;
  color: #000;
}
.mainContaint .stackingPage .commonBlueBtn.disabled {
  opacity: 0.6;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .mainContaint .stackingPage .commonBlueBtn {
    font-weight: 600;
    height: 45px;
  }
}
.mainContaint .stackingPage .commonBlueBtn .btnIcon {
  height: 16px;
  margin-right: 10px;
  object-fit: contain;
}
.mainContaint .stackingPage .commonBlueBtn.small {
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
}
.mainContaint .stackingPage .sText {
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.mainContaint .stackingPage .sText .icon {
  cursor: pointer;
  height: 12px;
  object-fit: contain;
}
.mainContaint .stackingPage .sText.green {
  color: #5bb54f;
}
.mainContaint .stackingPage .sText.moreTxt {
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .sText {
    font-size: 14px;
  }
}
.mainContaint .stackingPage .sTextBold {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  line-height: 29.5px;
  margin-top: 10px;
}
.mainContaint .stackingPage .sTextBold.green {
  color: #c2fb01;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .sTextBold {
    font-size: 22px;
  }
}
.mainContaint .stackingPage .CommonTitle {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1.05rem;
}
@media only screen and (min-width: 992px) {
  .mainContaint .stackingPage .CommonTitle {
    font-size: 18px;
  }
}
.mainContaint .stackingPage .cryptoHeroSection {
  background-image: url(/static/media/staking-bg.98d85c0e108c0bfeb360.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .cryptoHeroSection {
    padding-bottom: 70px;
  }
}
.mainContaint .stackingPage .cryptoHeroSection .subTitle {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) {
  .mainContaint .stackingPage .cryptoHeroSection .subTitle {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.mainContaint .stackingPage .cryptoHeroSection .title {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 30px;
  margin-top: 15px;
}
.mainContaint .stackingPage .cryptoHeroSection .title span {
  color: #c2fb01;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .cryptoHeroSection .title {
    font-size: 30px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .mainContaint .stackingPage .cryptoHeroSection .title {
    font-size: 32px;
  }
}
.mainContaint .stackingPage .cryptoHeroSection .heroCoinImg {
  margin-left: -100px;
  width: 250px;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .cryptoHeroSection .heroCoinImg {
    height: 300px;
    margin-left: -199px;
    margin-top: -100px;
    width: auto;
  }
}
.mainContaint .stackingPage .earningBox {
  background: #242937;
  border-radius: 10px;
  padding: 15px 18px;
  position: relative;
}
.mainContaint .stackingPage .earningBox .earnBox {
  background-color: #3f67b1;
  border-radius: 10px 10px 10px 10px;
  color: #fff;
  display: inline-flex;
  font-size: 10px;
  font-weight: 600;
  height: 23px;
  left: 50%;
  padding: 4px 15px;
  position: absolute;
  top: -12.5px;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .earningBox .earnBox {
    border-radius: 10px 10px 10px 0;
    left: 0;
    padding: 4px 7px;
    transform: none;
  }
}
.mainContaint .stackingPage .earningBox.greenBg {
  background: #242937;
}
.mainContaint .stackingPage .earningBox .CommonTitle {
  margin-bottom: 1.7rem;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .earningBox .CommonTitle {
    margin-bottom: 2.4rem;
  }
}
.mainContaint .stackingPage .offeringCard {
  background: linear-gradient(180deg, #FF6700, #0a1925 64.46%) !important;
  border-radius: 20px;
  max-height: 150px;
  max-width: 264;
  overflow: hidden;
}
.mainContaint .stackingPage .offeringCard .offeringCardTop {
  padding: 15px 15px 22px;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardTop {
    padding: 15px 15px 22px;
  }
}
.mainContaint .stackingPage .offeringCard .offeringCardTop .currencyIcon {
  height: 42px;
  min-width: 36px;
  width: 42px;
}
.mainContaint .stackingPage .offeringCard .offeringCardTop .currencyIcon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardTop .currencyIcon {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }
}
.mainContaint .stackingPage .offeringCard .offeringCardTop .sText {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardTop .sText {
    font-size: 13px;
  }
}
.mainContaint .stackingPage .offeringCard .offeringCardTop .sTextBold {
  font-size: 18px;
  line-height: 29.5px;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardTop .sTextBold {
    font-size: 18px;
    line-height: 29.5px;
  }
}
.mainContaint .stackingPage .offeringCard .offeringCardBottom {
  background-color: #202733;
  border-top: 0.5px solid #c2fb01;
  overflow: hidden;
  padding: 15px;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardBottom {
    padding: 15px;
  }
}
.mainContaint .stackingPage .offeringCard .offeringCardBottom .sText {
  font-size: 13px;
}
@media only screen and (min-width: 576px) {
  .mainContaint .stackingPage .offeringCard .offeringCardBottom .sText {
    font-size: 13px;
  }
}
.mainContaint .stackingPage .stackingTypeCard {
  background-color: #202733;
  border-radius: 10px;
  padding: 15px;
}
.mainContaint .stackingPage .stackingTypeCard .cardimg {
  background-color: #191d27;
  border-radius: 10px;
  padding: 10px;
}
.mainContaint .stackingPage .stackingTypeCard .cardTitle {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .stackingTypeCard .cardTitle {
    font-size: 18px;
  }
}
.mainContaint .stackingPage .stackingTypeCard .cardTitle img {
  height: 20px;
  margin-right: 7px;
  object-fit: contain;
  width: 20px;
}
@media only screen and (min-width: 768px) {
  .mainContaint .stackingPage .stackingTypeCard .cardTitle img {
    height: 22px;
    width: 22px;
  }
}
.mainContaint .stackingPage .stackingTypeCard .sText {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #6a798c;
  display: -webkit-box;
  line-height: 19.5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainContaint .stackingPage .stackingTypeCard .commonLightBtn {
  font-weight: 500;
}
.mainContaint .stackingPage .stackingTabs {
  align-items: center;
  background-color: #2e3443;
  border-radius: 0;
  display: inline-flex;
  padding: 4px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .stackingTabs {
    overflow-x: auto;
    width: 100%;
  }
  .mainContaint .stackingPage .stackingTabs::-webkit-scrollbar {
    display: none;
  }
}
.mainContaint .stackingPage .stackingTabs .stackingTab {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 37px;
  justify-content: center;
  padding-inline: 22px;
  white-space: nowrap;
}
.mainContaint .stackingPage .stackingTabs .stackingTab.active {
  background: #FF6700;
  color: #fff;
}
.mainContaint .stackingPage .customDivTable .tableHeader {
  align-items: center;
  display: flex;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead {
  padding: 7px 15px;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead .sText {
  font-size: 12px;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.one {
  background-color: #0000 !important;
  height: auto !important;
  margin-top: auto !important;
  min-width: 210px;
  transform: none !important;
  width: 210px;
  width: 14px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableHeader .tableHead.one {
    min-width: calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.two {
  min-width: 110px;
  width: 110px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableHeader .tableHead.two {
    min-width: calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.three {
  flex: 1 1;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.four {
  min-width: 160px;
  width: 160px;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.four img {
  cursor: pointer;
  height: 14px;
  object-fit: contain;
}
.mainContaint .stackingPage .customDivTable .tableHeader .tableHead.five {
  min-width: 130px;
  width: 130px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableHeader .tableHead.five {
    min-width: 60px;
    width: 60px;
  }
}
.mainContaint .stackingPage .customDivTable .tableBody {
  align-items: center;
  background-color: #212632;
  border-radius: 5px;
  display: flex;
  margin-bottom: 7px;
}
.mainContaint .stackingPage .customDivTable .tableBody .accBtn {
  align-items: center;
  background-color: #2e3443;
  border-radius: 0;
  display: flex;
  height: 35px;
  justify-content: center;
  padding: 13px;
  width: 35px;
}
.mainContaint .stackingPage .customDivTable .tableBody .accBtn img {
  height: 100%;
  width: 100%;
}
.mainContaint .stackingPage .customDivTable .tableBody .accBtn .active img {
  height: 100%;
  transform: rotate(180deg);
  width: 100%;
}
.mainContaint .stackingPage .customDivTable .tableBody.inner {
  background-color: #1b1f27;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableBody.inner {
    flex-wrap: wrap;
    padding-block: 10px;
  }
}
.mainContaint .stackingPage .customDivTable .tableBody.inner .tbr {
  padding-block: 15px;
}
.mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr1,
.mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr4 {
  color: #fff;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr {
    padding-block: 5px;
  }
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr1,
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr4 {
    min-width: 60%;
    width: 60%;
  }
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr2,
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr5 {
    min-width: 40%;
    text-align: end;
    width: 40%;
  }
  .mainContaint .stackingPage .customDivTable .tableBody.inner .tbr.tbr3 {
    min-width: 100%;
    width: 100%;
  }
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr {
  padding: 8px 15px;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr1 {
  align-items: center;
  color: #b2b6c5;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  min-width: 210px;
  width: 210px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr1 {
    min-width: calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr1 img {
  border-radius: 50px;
  height: 22px;
  margin-right: 7px;
  object-fit: contain;
  overflow: hidden;
  width: 22px;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr2 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  min-width: 110px;
  width: 110px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr2 {
    min-width: calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr3 {
  color: #b2b6c5;
  flex: 1 1;
  font-size: 12px;
  font-weight: 600;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr3 .termBox {
  align-items: center;
  background-color: #262b36;
  border-bottom: 3px solid #1e222d !important;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  padding-inline: 12px;
}
.mainContaint
  .stackingPage
  .customDivTable
  .tableBody
  .tbr.tbr3
  .termBox:is(.active, :hover) {
  background-color: #42b72a;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr4 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  min-width: 160px;
  width: 160px;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr4 .wagerrTxt {
  color: #b2b6c5;
  font-weight: 500;
}
.mainContaint
  .stackingPage
  .customDivTable
  .tableBody
  .tbr.tbr4
  .wagerrTxt
  img {
  height: 12px;
  object-fit: contain;
}
.mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr5 {
  display: flex;
  justify-content: end;
  min-width: 130px;
  width: 130px;
}
@media (max-width: 991px) {
  .mainContaint .stackingPage .customDivTable .tableBody .tbr.tbr5 {
    min-width: 60px;
    width: 60px;
  }
}
.mainContaint
  .stackingPage
  .customDivTable
  .tableBody
  .tbr.tbr5
  .commonBlueBtn {
  font-size: 12px;
  height: 30px;
}
.mainContaint .stackingPage .calculateCryptoEarning {
  background-color: #242937;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.mainContaint .stackingPage .calculateCryptoEarning:after {
  aspect-ratio: 1;
  background-image: url(/static/media/grid.f4c79ba2fc51451b7729.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .calculateCryptoEarningInner {
  position: relative;
  z-index: 3;
}
.mainContaint .stackingPage .calculateCryptoEarning .stackingTabs {
  background-color: #2c303f;
  border-radius: 5px;
}
.mainContaint .stackingPage .calculateCryptoEarning .stackingTabs .stackingTab {
  border-radius: 5px;
  font-size: 13px;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .stackingTabs
    .stackingTab {
    font-size: 10px;
    padding-inline: 10px;
  }
  .mainContaint .stackingPage .calculateCryptoEarning .commonBlueBtn.small {
    font-size: 12px;
    height: 30px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .termBox {
  align-items: center;
  background-color: #262b36;
  border-bottom: 3px solid #1e222d !important;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  padding-inline: 12px;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .termBox:is(.active, :hover) {
  background-color: #42b72a;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
@media (max-width: 575px) {
  .mainContaint .stackingPage .calculateCryptoEarning .termBox {
    font-size: 10px;
    height: 28px;
    padding-inline: 10px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .termBoxTxt {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .mainContaint .stackingPage .calculateCryptoEarning .termBoxTxt {
    font-size: 12px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .offer-time {
  align-items: center;
  background-color: #1e222d;
  border: 1px solid #1d4a6c;
  border-radius: 0;
  color: #6a798c;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 5px;
  width: 50px;
}
.mainContaint .stackingPage .calculateCryptoEarning .offer-time.active {
  background-color: #FF6700 !important;
  border: 1px solid #c2fb01 !important;
  color: #fff !important;
}
.mainContaint .stackingPage .calculateCryptoEarning .subscribeBox {
  background-color: #1b1f27;
  border-radius: 5px;
  padding: 15px;
}
@media (max-width: 575px) {
  .mainContaint .stackingPage .calculateCryptoEarning .subscribeBox {
    padding: 12px;
  }
  .mainContaint .stackingPage .calculateCryptoEarning .subscribeBox .sText {
    font-size: 10px;
    line-height: 12px;
  }
  .mainContaint .stackingPage .calculateCryptoEarning .subscribeBox .sTextBold {
    font-size: 12px;
    line-height: 14px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .calculateInput {
  align-items: center;
  display: flex;
}
.mainContaint .stackingPage .calculateCryptoEarning .calculateInput .usdtIcon {
  border-radius: 100px;
  height: 28px;
  left: 17px;
  object-fit: contain;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .calculateInput
    .usdtIcon {
    height: 18px;
    left: 12px;
    width: 18px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .calculateInput
  .form-control {
  background-color: #1e222d;
  border: 0 !important;
  border-radius: 15px;
  box-shadow: none !important;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
  height: 65px;
  padding-left: 60px;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .calculateInput
  .form-control::placeholder {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .calculateInput
    .form-control {
    font-size: 12px;
    height: 50px;
    padding-left: 40px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .calculateInput .balance {
  position: absolute;
  right: 10px;
  top: 24px;
}
@media (max-width: 575px) {
  .mainContaint .stackingPage .calculateCryptoEarning .calculateInput .balance {
    font-size: 10px;
  }
}
.mainContaint .stackingPage .calculateCryptoEarning .cDrop .dropdown-toggle {
  align-items: center;
  background-color: #2c303f;
  border: 0;
  border-radius: 15px;
  display: flex;
  height: 65px;
  width: 100%;
}
@media (max-width: 575px) {
  .mainContaint .stackingPage .calculateCryptoEarning .cDrop .dropdown-toggle {
    height: 50px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .usdtIconBox {
  border-radius: 50px;
  height: 28px;
  margin-right: 7px;
  min-width: 28px;
  overflow: hidden;
  width: 28px;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .usdtIconBox {
    height: 18px;
    min-width: 18px;
    width: 18px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .usdtIconBox
  img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .sText {
  font-size: 12px;
  text-align: left;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .sText {
    font-size: 10px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .sTextBold {
  font-size: 14px;
  text-align: start;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .sTextBold {
    font-size: 12px;
    line-height: 12px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle:after {
  margin-left: auto;
}
.mainContaint .stackingPage .calculateCryptoEarning .cDrop .dropdown-menu {
  background-color: #2c303f;
  border-radius: 5px;
  max-height: 185px;
  overflow-y: auto;
  padding: 5px;
  width: 100%;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item {
  align-items: center;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  padding: 7px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .cDrop
    .dropdown-menu
    .dropdown-item {
    font-size: 12px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item:last-child {
  margin-bottom: 0;
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item
  img {
  height: 25px;
  margin-right: 8px;
  min-width: 25px;
  object-fit: contain;
  width: 25px;
}
@media (max-width: 575px) {
  .mainContaint
    .stackingPage
    .calculateCryptoEarning
    .cDrop
    .dropdown-menu
    .dropdown-item
    img {
    height: 18px;
    min-width: 18px;
    width: 18px;
  }
}
.mainContaint
  .stackingPage
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item:is(:hover, .active) {
  background-color: #3b4155;
}
.mainContaint .stackingPage .stackingAccordian .accordion-item {
  background-color: #0000 !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff4d !important;
  border-radius: 0 !important;
}
.mainContaint .stackingPage .stackingAccordian .accordion-item:last-child {
  border-bottom: 0 !important;
}
.mainContaint
  .stackingPage
  .stackingAccordian
  .accordion-item
  .accordion-header
  .accordion-button {
  background-color: #0000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  padding-inline: 0 !important;
}
.mainContaint
  .stackingPage
  .stackingAccordian
  .accordion-item
  .accordion-header
  .accordion-button:after {
  --bs-accordion-btn-icon-width: 0.9rem !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAdCAYAAADl208VAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFOSURBVHgB7ZjhDcIgEEZvBEdwhI7QEdygbqAbyCbtBo7gCI7ACB3hhAhJbUX4KBSa+JLGP8fdPUS5lOjPTmDmRj0P9UjzeaQK0X3N+my+BbXqGfmT8WtwQYyM5CXdNOjEbrRUSxVgTtD4o9fOBkr201FBHCdosfk22BdouVIB9GYG9sd2wcDh3GhDVL0L0NvdLjrUKKXrAD09tcc8QTVSoMywkJkkEkCinjKAyoQkhKTYtTtxMj1QWyCJEanl+cVFDtlkJkWuQAEtdaQIjMwTqCUoFrX4DBSSqBS/RxlEZv1dyGG3NCzF7rnMxZlSwf45CpICZfLMkxFNNDnzlJJqZ+uTftMlpDSdWZflt5hSCvl36oFYuanMRAq9P0KIvs9SSiFDrU8m2Ri1igRSQzUyFsbmvw8ZqpUIKUG1A0gJ2gvsn9QF7Q12T+pZ3x69AAXEbBwv6tgzAAAAAElFTkSuQmCC);
}
.mainContaint
  .stackingPage
  .stackingAccordian
  .accordion-item
  .accordion-collapse
  .accordion-body {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 15px !important;
}
.mainContaint .stackingPage .stackingHistoryTable table {
  border-collapse: initial;
  border-spacing: 0 5px;
}
.mainContaint .stackingPage .stackingHistoryTable table thead tr th {
  background-color: #15191f !important;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 10px 15px;
  text-transform: uppercase;
}
.mainContaint
  .stackingPage
  .stackingHistoryTable
  table
  thead
  tr
  th:first-child {
  left: 0;
  position: sticky;
}
.mainContaint .stackingPage .stackingHistoryTable table tbody tr td {
  background-color: #212632 !important;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 15px;
  vertical-align: middle;
}
.mainContaint .stackingPage .stackingHistoryTable table tbody tr td.bold {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.mainContaint
  .stackingPage
  .stackingHistoryTable
  table
  tbody
  tr
  td:first-child {
  border-radius: 10px 0 0 10px;
  left: 0;
  position: sticky;
}
.mainContaint
  .stackingPage
  .stackingHistoryTable
  table
  tbody
  tr
  td:first-child
  .coinImg {
  border-radius: 100px;
  height: 22px;
  margin-right: 8px;
  min-width: 22px;
  object-fit: contain;
  overflow: hidden;
  width: 22px;
}
.mainContaint .stackingPage .stackingHistoryTable table tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
}
.mainContaint .stackingPage .stackingHistoryTable table tbody tr td.noDataTd {
  background-color: #0000 !important;
}
.mainContaint .stackingPage .stackingHistoryTable table tbody tr td .claimBtn {
  font-size: 12px;
  height: 30px;
  padding-inline: 15px;
}
.criptoBtn {
  align-items: center;
  background-color: #0000;
  background-color: #62c412;
  border: 0;
  border-bottom: 3px solid #318120;
  border-radius: 3px;
  color: #b2b6c5;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  padding: 7px 25px;
}
.noDataBox img {
  height: 80px;
  object-fit: contain;
}
.noDataBox .noDataTxt {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.charBox {
  background-color: #1b1f27;
  background-image: url(/static/media/chartGrid.7fcea031a551ccd0bd3e.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 20px;
}
.charBox .highcharts-credits,
.charBox .highcharts-subtitle,
.charBox .highcharts-title,
.charBox .highcharts-xaxis,
.charBox .highcharts-xaxis-grid,
.charBox .highcharts-yaxis,
.charBox .highcharts-yaxis-grid,
.charBox .highcharts-yaxis-labels {
  display: none;
}
.chart-box-outer {
  background-color: #202733;
  border-radius: 20px;
  margin-bottom: 30px;
  padding: 20px;
}
.firstCryptoModal.aboutStackingModal .modal-dialog {
  max-width: 677px !important;
}
.firstCryptoModal .modal-dialog.modal-xl {
  max-width: 860px !important;
}
.firstCryptoModal .modal-content {
  background-color: #242937 !important;
  border-radius: 13.2px;
}
.firstCryptoModal .modalHeader {
  border-bottom: 0;
  margin-bottom: 22px;
  padding: 20px 20px 0;
}
.firstCryptoModal .modalHeader .modalTitle {
  color: #fff;
  font-size: 21.57px;
  font-weight: 600;
}
.firstCryptoModal .modalHeader .modalTitle img {
  border-radius: 50%;
  height: 30px;
  object-fit: contain;
  width: 30px;
}
.firstCryptoModal .modalHeader .closeBTn {
  cursor: pointer;
}
.firstCryptoModal .modalHeader .closeBTn svg {
  display: flex;
  height: 22px;
  width: 22px;
}
.firstCryptoModal .modalBody {
  padding: 0 20px 20px;
}
.firstCryptoModal .modalBody .modalText {
  color: #b2b6c5;
  font-size: 14.38px;
  font-weight: 500;
  line-height: 18.69px;
}
.firstCryptoModal .modalBody .modalSubHeading {
  color: #fff;
  font-size: 17.26px;
  font-weight: 600;
}
.firstCryptoModal .modalBody .tableWrapper {
  background-color: #1b1f27;
  border-radius: 8.8px;
  overflow-x: auto;
  padding: 16px 40px;
  white-space: nowrap;
  width: 100%;
}
.firstCryptoModal .modalBody .tableWrapper .tableHead {
  color: #fff;
  font-size: 14.38px;
  font-weight: 600;
  padding-bottom: 12px;
  position: relative;
}
.firstCryptoModal .modalBody .tableWrapper .tableHead .divider {
  background: linear-gradient(90deg, #b2b6c500, #b2b6c5, #b2b6c500);
  bottom: -6px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody {
  background-color: #0000 !important;
  position: relative;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody .textOne {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  right: 18%;
  top: 45%;
  transform: translateY(-50%);
  transform: rotate(270deg);
}
.firstCryptoModal .modalBody .tableWrapper .tableBody .texttwo {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  right: 2%;
  top: 45%;
  transform: translateY(-50%);
  transform: rotate(270deg);
}
.firstCryptoModal .modalBody .tableWrapper .tableBody:after {
  background-color: #b2b6c5;
  content: "";
  height: 90%;
  position: absolute;
  right: 29%;
  top: 13px;
  width: 1px;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody:before {
  background-color: #5bb54f;
  content: "";
  height: 90%;
  position: absolute;
  right: 13%;
  top: 13px;
  width: 1px;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody .textgray {
  color: #b2b6c5;
  font-size: 14.38px;
  font-weight: 600;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody .textWhite {
  color: #fff;
  font-size: 14.38px;
  font-weight: 600;
}
.firstCryptoModal .modalBody .tableWrapper .tableBody .endBox {
  padding: 10px;
}
.firstCryptoModal .modalBody .refferalBox {
  background-color: #1b1f27;
  border-radius: 4.4px .firstCryptoModal .modalBody .refferalBox span;
  color: #b2b6c5;
  font-size: 11.5px;
  font-weight: 500;
  padding: 12px;
}
.firstCryptoModal .modalFooter {
  background-color: #242937;
  border-top: 0;
  padding: 20px;
}
.firstCryptoModal .modalFooter .closeBtn {
  background-color: #3b4155;
  color: #b2b6c5;
}
.firstCryptoModal .modalFooter .closeBtn,
.firstCryptoModal .modalFooter .refBtn {
  align-items: center;
  border: 0;
  border-radius: 4.4px;
  display: flex;
  font-size: 14.38px;
  font-weight: 600;
  height: 32.55px;
  justify-content: center;
  width: 100%;
}
.firstCryptoModal .modalFooter .refBtn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  color: #fff;
}
.firstCryptoModal .modalFooter .termsLink {
  color: #FF6700;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
.firstCryptoModal .modalFooter .termsLink svg {
  height: 20px;
  width: 20px;
}
.firstCryptoModal .modalFooter .socialsLinks img {
  height: 41px;
  object-fit: contain;
  width: 41px;
}
.firstCryptoModal .modalFooter .agreeCheckbox {
  accent-color: #FF6700;
  background-color: #15191f;
  border: 1px solid #15191f;
  height: 17px;
  min-width: 17px;
  width: 17px;
}
.firstCryptoModal .modalFooter .agreeCheckbox:checked {
  background-color: #FF6700;
  border-color: #FF6700;
}
.firstCryptoModal .modalFooter .confirmBtn {
  align-items: center;
  background-color: #FF6700;
  border-bottom: 3px solid #FF6700 !important;
  border: 0;
  border-radius: 4.4px;
  color: #fff;
  display: flex;
  font-size: 14.38px;
  font-weight: 600;
  height: 32.55px;
  justify-content: center;
  width: 100%;
}
.firstDinoModal.aboutStackingModal .modal-dialog {
  max-width: 677px !important;
}
.firstDinoModal .modal-dialog.modal-xl {
  max-width: 860px !important;
}
.firstDinoModal .modal-content {
  background-color: #202733 !important;
  border-radius: 13.2px;
}
.firstDinoModal .modalHeader {
  border-bottom: 0;
  margin-bottom: 22px;
  padding: 20px 20px 0;
}
.firstDinoModal .modalHeader .modalTitle {
  color: #fff;
  font-size: 21.57px;
  font-weight: 600;
}
.firstDinoModal .modalHeader .modalTitle img {
  border-radius: 50%;
  height: 30px;
  object-fit: contain;
  width: 30px;
}
.firstDinoModal .modalHeader .closeBTn {
  cursor: pointer;
}
.firstDinoModal .modalHeader .closeBTn svg {
  display: flex;
  height: 22px;
  width: 22px;
}
.firstDinoModal .modalBody {
  padding: 0 20px 20px;
}
.firstDinoModal .modalBody .modalText {
  color: #b2b6c5;
  font-size: 14.38px;
  font-weight: 500;
  line-height: 18.69px;
}
.firstDinoModal .modalBody .modalSubHeading {
  color: #fff;
  font-size: 17.26px;
  font-weight: 600;
}
.firstDinoModal .modalBody .tableWrapper {
  background-color: #1b1f27;
  border-radius: 8.8px;
  overflow-x: auto;
  padding: 16px 40px;
  white-space: nowrap;
  width: 100%;
}
.firstDinoModal .modalBody .tableWrapper .tableHead {
  color: #fff;
  font-size: 14.38px;
  font-weight: 600;
  padding-bottom: 12px;
  position: relative;
}
.firstDinoModal .modalBody .tableWrapper .tableHead .divider {
  background: linear-gradient(90deg, #b2b6c500, #b2b6c5, #b2b6c500);
  bottom: -6px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.firstDinoModal .modalBody .tableWrapper .tableBody {
  background-color: #0000 !important;
  position: relative;
}
.firstDinoModal .modalBody .tableWrapper .tableBody .textOne {
  right: 18%;
}
.firstDinoModal .modalBody .tableWrapper .tableBody .textOne,
.firstDinoModal .modalBody .tableWrapper .tableBody .texttwo {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  transform: rotate(270deg);
}
.firstDinoModal .modalBody .tableWrapper .tableBody .texttwo {
  right: 2%;
}
.firstDinoModal .modalBody .tableWrapper .tableBody:after {
  background-color: #b2b6c5;
  content: "";
  height: 90%;
  position: absolute;
  right: 29%;
  top: 13px;
  width: 1px;
}
.firstDinoModal .modalBody .tableWrapper .tableBody:before {
  background-color: #5bb54f;
  content: "";
  height: 90%;
  position: absolute;
  right: 13%;
  top: 13px;
  width: 1px;
}
.firstDinoModal .modalBody .tableWrapper .tableBody .textgray {
  color: #b2b6c5;
  font-size: 14.38px;
  font-weight: 600;
}
.firstDinoModal .modalBody .tableWrapper .tableBody .textWhite {
  color: #fff;
  font-size: 14.38px;
  font-weight: 600;
}
.firstDinoModal .modalBody .tableWrapper .tableBody .endBox {
  padding: 10px;
}
.firstDinoModal .modalBody .refferalBox {
  background-color: #1b1f27;
  border-radius: 4.4px .firstDinoModal .modalBody .refferalBox span;
  color: #b2b6c5;
  font-size: 11.5px;
  font-weight: 500;
  padding: 12px;
}
.firstDinoModal .modalFooter {
  background-color: #2f364c;
  border-top: 0;
  padding: 20px;
}
.firstDinoModal .modalFooter .closeBtn {
  background-color: #3b4155;
  color: #b2b6c5;
}
.firstDinoModal .modalFooter .closeBtn,
.firstDinoModal .modalFooter .refBtn {
  align-items: center;
  border: 0;
  border-radius: 4.4px;
  display: flex;
  font-size: 14.38px;
  font-weight: 600;
  height: 32.55px;
  justify-content: center;
  width: 100%;
}
.firstDinoModal .modalFooter .refBtn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  color: #fff;
}
.firstDinoModal .modalFooter .termsLink {
  color: #FF6700;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
.firstDinoModal .modalFooter .termsLink svg {
  height: 20px;
  width: 20px;
}
.firstDinoModal .modalFooter .termsLink2 {
  color: #c2fb01;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
.firstDinoModal .modalFooter .termsLink2 svg {
  height: 20px;
  width: 20px;
}
.firstDinoModal .modalFooter .socialsLinks img {
  height: 41px;
  object-fit: contain;
  width: 41px;
}
.firstDinoModal .modalFooter .agreeCheckbox {
  accent-color: #FF6700;
  background-color: #15191f;
  border: 1px solid #15191f;
  height: 17px;
  min-width: 17px;
  width: 17px;
}
.firstDinoModal .modalFooter .agreeCheckbox:checked {
  background-color: #FF6700;
  border-color: #FF6700;
}
.firstDinoModal .modalFooter .confirmBtn {
  border: 0;
  border-radius: 4.4px;
}
.firstDinoModal .modalFooter .confirmBtn,
.firstDinoModal .modalFooter .confirmBtn2 {
  align-items: center;
  background-color: #FF6700;
  border-bottom: 3px solid #FF6700 !important;
  color: #fff;
  display: flex;
  font-size: 14.38px;
  font-weight: 600;
  height: 32.55px;
  justify-content: center;
  width: 100%;
}
.firstDinoModal .modalFooter .confirmBtn2 {
  border: 0;
  border-radius: 50px;
}
.secondCryptoModal .modal-content {
  background-color: #242937;
}
.secondCryptoModal .modalBody .tabs {
  padding: 0;
}
.secondCryptoModal .modalBody .tabs .tab-buttons {
  background-color: #1b1f27;
  border-radius: 5px;
  display: flex;
  height: 45px;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px;
  white-space: nowrap;
  width: 100%;
}
.secondCryptoModal .modalBody .tabs .tab-buttons .tabBtn {
  background-color: #0000;
  border: 0;
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 600;
  height: 37px;
  width: 100%;
}
.secondCryptoModal .modalBody .tabs .tab-buttons .active {
  background-color: #3b4155;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 37px;
  width: 100%;
}
.secondCryptoModal .modalBody .tabs .tab-content {
  padding: 20px 0;
}
.secondCryptoModal .modalBody .tabs .tab-content .contentBoxHeading {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.secondCryptoModal .modalBody .tabs .tab-content .contentBoxHeading img {
  height: 31px;
  object-fit: contain;
  width: 31px;
}
.secondCryptoModal .modalBody .tabs .tab-content .textlight {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
}
.secondCryptoModal .modalBody .tabs .tab-content .textlight span {
  color: #fff;
}
.textlight {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 500;
  line-height: 18.2px;
}
.textlight.textSucess {
  color: #62c412;
}
@media only screen and (min-width: 768px) {
  .textlight {
    font-size: 13px;
  }
}
.textlight.textgreen {
  color: #42b72a;
}
.textlight.textgreen2 {
  color: #c2fb01;
}
.textlight img,
.textlight svg {
  height: 16px;
  margin-left: 5px;
  object-fit: contain;
  width: 16px;
}
.textlight span {
  color: #fff;
}
.thirdCryptoModal .modal-content {
  background-color: #212632;
}
.thirdCryptoModal .divider {
  background: linear-gradient(90deg, #b2b6c500, #b2b6c5, #b2b6c500);
  height: 1px;
  margin: 15px 0;
  width: 100%;
}
.thirdCryptoModal .box {
  background-color: #1b1f27;
  padding: 20px;
}
.thirdCryptoModal .banner {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .thirdCryptoModal .banner {
    height: 182px;
  }
}
.thirdCryptoModal .banner img {
  border-radius: 5px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.fourthCryptoModal .modalHeader .modalTitleLight {
  color: #b2b6c5;
  font-size: 20px;
  font-weight: 600;
}
.fourthCryptoModal .modalBody .box1 {
  background-color: #1b1f27;
  border: 2px solid #1b1f27;
  border-radius: 5px;
  padding: 8px;
}
.fourthCryptoModal .modalBody .box1.active {
  border-color: #1e222d;
}
@media only screen and (min-width: 768px) {
  .fourthCryptoModal .modalBody .box1 {
    padding: 15px;
  }
}
.fourthCryptoModal .modalBody .box1 .flexBtns {
  background-color: #2e3443;
  border-bottom: 3px solid #1e222d !important;
  border: 0;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding-inline: 14px;
  width: 100%;
}
.fourthCryptoModal .modalBody .box1 .flexBtns.active {
  background-color: #62c412;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.fourthCryptoModal .modalBody .box1 .flexBtnsdino {
  background-color: #2e3443;
  border: 1px solid #1d4a6c !important;
  border: 0;
  border-radius: 10px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding-inline: 14px;
  width: 100%;
}
.fourthCryptoModal .modalBody .box1 .flexBtnsdino.active {
  background-color: #62c412;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.fourthCryptoModal .modalBody .box1 .bit {
  height: 23px;
  width: 23px;
}
.fourthCryptoModal .modalBody .box1 .bit img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.fourthCryptoModal .modalBody .box11 {
  background-color: #1b1f27;
  border: 2px solid #1b1f27;
  border-radius: 20px;
  padding: 8px;
}
.fourthCryptoModal .modalBody .box11.active {
  border-color: #1e222d;
}
@media only screen and (min-width: 768px) {
  .fourthCryptoModal .modalBody .box11 {
    padding: 15px;
  }
}
.fourthCryptoModal .modalBody .box11 .flexBtns {
  background-color: #2e3443;
  border-bottom: 3px solid #1e222d !important;
  border: 0;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding-inline: 14px;
  width: 100%;
}
.fourthCryptoModal .modalBody .box11 .flexBtns.active {
  background-color: #62c412;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.fourthCryptoModal .modalBody .box11 .flexBtnsdino {
  background-color: #2e3443;
  border: 1px solid #1d4a6c !important;
  border: 0;
  border-radius: 10px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding-inline: 14px;
  width: 100%;
}
.fourthCryptoModal .modalBody .box11 .flexBtnsdino.active {
  background-color: #62c412;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.fourthCryptoModal .modalBody .box11 .bit {
  height: 23px;
  width: 23px;
}
.fourthCryptoModal .modalBody .box11 .bit img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.fourthCryptoModal .modalBody .max {
  border-radius: 5px;
}
.fourthCryptoModal .modalBody .max,
.fourthCryptoModal .modalBody .max2 {
  align-items: center;
  background-color: #2c303f;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  justify-content: center;
}
.fourthCryptoModal .modalBody .max2 {
  border: 1px solid #1d4a6c !important;
  border-radius: 48%;
}
.fourthCryptoModal .modalBody .switch {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 39px;
}
.fourthCryptoModal .modalBody .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.fourthCryptoModal .modalBody .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.fourthCryptoModal .modalBody .slider:before {
  background-color: #fff;
  bottom: 1px;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 14px;
}
.fourthCryptoModal .modalBody input:checked + .slider {
  background-color: #1b1f27;
}
.fourthCryptoModal .modalBody input:focus + .slider {
  box-shadow: 0 0 1px #1b1f27;
}
.fourthCryptoModal .modalBody input:checked + .slider:before {
  transform: translateX(21px);
}
.fourthCryptoModal .modalBody .slider.round {
  background-color: #1b1f27;
  border-radius: 5px;
  height: 16px;
  width: 39px;
}
.fourthCryptoModal .modalBody .slider.round2 {
  background-color: #202733;
  border: 1px solid #1d4a6c;
  border-radius: 5px;
  height: 16px;
  width: 39px;
}
.fourthCryptoModal .modalBody .slider.round2:before {
  border-radius: 7px;
}
.fourthCryptoModal .modalBody .slider.round:before {
  border-radius: 5px;
}
.fourthCryptoModal .modalBody .box2 {
  background-color: #3b4155;
  border-radius: 5px;
  padding: 15px;
}
.fourthCryptoModal .modalBody .box2 .popularSpan {
  color: #FF6700;
}
.fourthCryptoModal .modalBody .box2 .popularSpan,
.fourthCryptoModal .modalBody .box2 .popularSpan2 {
  background-color: #1e222d;
  border-radius: 28px;
  font-size: 11px;
  font-weight: 600;
  height: 16px;
  padding-inline: 16px;
}
.fourthCryptoModal .modalBody .box2 .popularSpan2 {
  color: #c2fb01;
}
.fourthCryptoModal .modalBody .box3 {
  background-color: #191d27;
  border-radius: 20px;
  padding: 15px;
}
.fourthCryptoModal .modalBody .box3 .popularSpan {
  color: #FF6700;
}
.fourthCryptoModal .modalBody .box3 .popularSpan,
.fourthCryptoModal .modalBody .box3 .popularSpan2 {
  background-color: #1e222d;
  border-radius: 28px;
  font-size: 11px;
  font-weight: 600;
  height: 16px;
  padding-inline: 16px;
}
.fourthCryptoModal .modalBody .box3 .popularSpan2 {
  color: #c2fb01;
}
.fourthCryptoModal .modalBody .track:last-child .circle:last-child:after {
  height: 36px;
  top: -25px;
}
.fourthCryptoModal .modalBody .track:first-child .circle:first-child:after {
  height: 0;
  top: 0;
}
.fourthCryptoModal .modalBody .circle {
  height: 17px;
  position: relative;
  width: 17px;
}
.fourthCryptoModal .modalBody .circle:after {
  background-color: #1b1f27;
  border-radius: 10px;
  bottom: 25px;
  content: "";
  height: 50px;
  left: 50%;
  position: absolute;
  top: auto;
  transform: translateX(-50%);
  width: 5px;
  z-index: 2;
}
.fourthCryptoModal .modalBody .circle.active:after {
  background-color: #c2fb01;
}
.fourthCryptoModal .modalBody .circle img {
  height: 100%;
  object-fit: contain;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.fourthCryptoModal .modalBody .estBox {
  background-image: linear-gradient(90deg, #171a21, #FF6700);
  border: 0.6px solid #b2b6c5;
  border-radius: 20px;
  height: fit-content;
  padding-inline: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.fourthCryptoModal .modalBody .libox {
  background-color: #1b1f27;
  border-radius: 5px;
  padding: 20px 20px 20px 0;
}
.fourthCryptoModal .modalBody .libox2 {
  background-color: #1b1f27;
  border-radius: 20px;
  padding: 20px 20px 20px 0;
}
.fourthCryptoModal .modalBody .triedBox {
  background-color: #1b1f27;
  border-radius: 5px;
  padding: 10px 9px;
}
.fourthCryptoModal .modalBody .borderBottom {
  position: relative;
}
.fourthCryptoModal .modalBody .borderBottom:after {
  background-color: rgba(178, 182, 197, 0.502);
  bottom: -5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.fourthCryptoModal .modalBody .borderBottom:last-child:after {
  display: none;
}
.fourthCryptoModal .modalBody .investmentBanner {
  background-color: #1b1f27;
  border-radius: 5px;
  height: auto;
  position: relative;
  width: 100%;
}
.fourthCryptoModal .modalBody .investmentBanner span {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  position: absolute;
  right: auto;
  top: 10px;
}
@media only screen and (min-width: 576px) {
  .fourthCryptoModal .modalBody .investmentBanner span {
    font-size: 14px;
    font-weight: 400;
    left: 50%;
    right: auto;
    top: 25px;
  }
}
.fourthCryptoModal .modalBody .investmentBanner .tryBtn {
  background-image: linear-gradient(180deg, #4d7dd6, #284170);
  border: 0;
  border-radius: 5px;
  bottom: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding-block: 5px;
  padding-inline: 20px;
  position: absolute;
  right: 5%;
}
@media only screen and (min-width: 576px) {
  .fourthCryptoModal .modalBody .investmentBanner .tryBtn {
    bottom: 25px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding-block: 5px;
    padding-inline: 25px;
  }
}
.fourthCryptoModal .modalBody .investmentBanner img {
  max-height: 135px;
  object-fit: contain;
}
.fourthCryptoModal .modalBody .errorTxt {
  color: red;
  font-size: 13px;
  font-weight: 500;
}
.fourthCryptoModal .modalBody .subscriptionInput {
  position: relative;
}
.fourthCryptoModal .modalBody .subscriptionInput .bitImg {
  border-radius: 50px;
  height: 20px;
  left: 15px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.fourthCryptoModal .modalBody .subscriptionInput .bitImg img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.fourthCryptoModal .modalBody .subscriptionInput .subLabel {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  left: 50px;
  position: absolute;
  top: 10px;
  transform: translateY(0);
}
.fourthCryptoModal .modalBody .subscriptionInput .inpAmount {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 10px;
}
.fourthCryptoModal .modalBody .subscriptionInput .crossBtn {
  align-items: center;
  bottom: 6px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 10px;
}
.fourthCryptoModal .modalBody .subscriptionInput .crossBtn svg {
  height: 22px;
  width: 22px;
}
.fourthCryptoModal .modalBody .subscriptionInput .form-control {
  background-color: #191d27;
  border: 1px solid #191d27 !important;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 55px;
  padding-left: 50px;
  padding-top: 25px;
}
.fourthCryptoModal .modalBody .subscriptionInput .form-control.error {
  border-color: red !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput
  .form-control.error:is(:focus, :focus-within) {
  border-color: red !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput
  .form-control:placeholder-shown
  ~ .subLabel {
  top: 50%;
  transform: translateY(-50%);
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput
  .form-control:is(:focus, :focus-within) {
  border-color: #4d7dd6 !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput
  .form-control:focus
  ~ .subLabel {
  top: 10px;
  transform: translateY(0);
}
.fourthCryptoModal .modalBody .subscriptionInput2 {
  position: relative;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .bitImg {
  border-radius: 50px;
  height: 20px;
  left: 15px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .bitImg img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .subLabel {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  left: 50px;
  position: absolute;
  top: 10px;
  transform: translateY(0);
}
.fourthCryptoModal .modalBody .subscriptionInput2 .inpAmount {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 10px;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .crossBtn {
  align-items: center;
  bottom: 6px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 10px;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .crossBtn svg {
  height: 22px;
  width: 22px;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .form-control {
  background-color: #191d27;
  border: 1px solid #191d27 !important;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 55px;
  padding-left: 50px;
  padding-top: 25px;
}
.fourthCryptoModal .modalBody .subscriptionInput2 .form-control.error {
  border-color: red !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput2
  .form-control.error:is(:focus, :focus-within) {
  border-color: red !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput2
  .form-control:placeholder-shown
  ~ .subLabel {
  top: 50%;
  transform: translateY(-50%);
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput2
  .form-control:is(:focus, :focus-within) {
  border-color: #4d7dd6 !important;
}
.fourthCryptoModal
  .modalBody
  .subscriptionInput2
  .form-control:focus
  ~ .subLabel {
  top: 10px;
  transform: translateY(0);
}
.aboutStackingWrapper .AboutStackingHero {
  background-image: url(/static/media/Pattern.244b9f1b07ccb0be776c.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutStackingWrapper .stackingHeading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .aboutStackingWrapper .stackingHeading {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .stackingHeading {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .aboutStackingWrapper .stackingHeading {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1400px) {
  .aboutStackingWrapper .stackingHeading {
    font-size: 45px;
  }
}
.aboutStackingWrapper .stackingsubHeading {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 15.6px;
}
.aboutStackingWrapper .stackingBanner {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .aboutStackingWrapper .stackingBanner {
    height: 250px;
  }
}
.aboutStackingWrapper .stackingBanner img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutStackingWrapper .stakeBtn {
  align-items: center;
  background-color: #62c412;
  border-bottom: 3px solid #318120 !important;
  border: 0;
  border-radius: 3px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  padding: 7px 25px;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .stakeBtn {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-inline: 40px;
  }
}
.aboutStackingWrapper .percentageBox {
  border-right: 1px solid #b2b6c580;
}
.aboutStackingWrapper .percentageBox.percentageBox2 {
  border-right: 0;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .percentageBox.percentageBox2 {
    border-right: 1px solid #b2b6c580;
  }
  .aboutStackingWrapper .percentageBox.percentageBox3 {
    border-right: 0;
  }
}
.aboutStackingWrapper .percentageBox .textBold {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .aboutStackingWrapper .percentageBox .textBold {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1400px) {
  .aboutStackingWrapper .percentageBox .textBold {
    font-size: 27px;
  }
}
.aboutStackingWrapper .aboutHeading {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
.aboutStackingWrapper .textlightabout {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .textlightabout {
    font-size: 15px;
  }
}
.aboutStackingWrapper .textlightabout.textlightaboutGreen span {
  color: #5bb54f;
}
.aboutStackingWrapper .textlightabout span {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 600;
}
.aboutStackingWrapper .box1 {
  background-color: #1b1f27;
  border: 1px solid #b2b6c54d;
  border-radius: 5px;
  padding: 8px;
}
@media only screen and (min-width: 768px) {
  .aboutStackingWrapper .box1 {
    padding: 15px;
  }
}
.aboutStackingWrapper .box1 .bit {
  height: 23px;
  width: 23px;
}
.aboutStackingWrapper .box1 .bit img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutStackingWrapper .flexBtns {
  background-color: #2e3443;
  border-bottom: 3px solid #1e222d !important;
  border: 0;
  border-radius: 5px;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding-inline: 14px;
  width: 100%;
}
.aboutStackingWrapper .flexBtns.active {
  background-color: #62c412;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.aboutStackingWrapper .calculatorBox {
  background-color: #212632;
  border-radius: 15px;
  padding: 20px;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .calculatorBox {
    padding: 26px;
  }
}
.aboutStackingWrapper .faqHeading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) {
  .aboutStackingWrapper .faqHeading {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 45.5px;
  }
}
.aboutStackingWrapper .imageBox {
  background-color: #212632;
  border-radius: 10px;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 20px 10px;
}
.aboutStackingWrapper .imageBox .boximg {
  height: 35px;
  margin: auto auto 5px;
  width: 35px;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .imageBox .boximg {
    height: 50px;
    width: 50px;
  }
}
.aboutStackingWrapper .imageBox .boximg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutStackingWrapper .imageBox .boxtxt {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .imageBox .boxtxt {
    font-size: 13px;
  }
}
.aboutStackingWrapper .rectangle {
  height: 29px;
  position: relative;
  width: 29px;
}
.aboutStackingWrapper .rectangle.rectangleHeight:before {
  height: 100% !important;
}
.aboutStackingWrapper .rectangle.rectangle1:after {
  content: "2";
}
.aboutStackingWrapper .rectangle.rectangle2:after {
  content: "3";
}
.aboutStackingWrapper .rectangle.rectangle2:before {
  display: none;
}
.aboutStackingWrapper .rectangle:after {
  color: #fff;
  content: "1";
  font-size: 12px;
  font-weight: 600;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.aboutStackingWrapper .rectangle:before {
  background-color: #b2b6c580;
  bottom: 0;
  content: "";
  height: 450%;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 1px;
}
@media only screen and (min-width: 576px) {
  .aboutStackingWrapper .rectangle:before {
    height: 300%;
  }
}
@media only screen and (min-width: 768px) {
  .aboutStackingWrapper .rectangle:before {
    height: 282%;
  }
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .rectangle:before {
    height: 282%;
  }
}
.aboutStackingWrapper .rectangle img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutStackingWrapper .stackingBtn {
  background: #42b72a;
  border-bottom: 3px solid #388927 !important;
}
.aboutStackingWrapper .stackingBtn,
.aboutStackingWrapper .stackingBtn1 {
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 35px;
  padding-inline: 20px;
}
.aboutStackingWrapper .stackingBtn1 {
  background-color: #212632 !important;
}
.aboutStackingWrapper .textHeading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .textHeading {
    font-size: 25px;
  }
}
.aboutStackingWrapper .bitBtn {
  background-color: #212632;
  border: 0;
  border-radius: 9.19px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 10px 20px;
  width: 50%;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .bitBtn {
    font-size: 14px;
    width: 202.19px;
  }
}
.aboutStackingWrapper .bitBtn img {
  height: 17px;
  margin-right: 5px;
  object-fit: contain;
  width: 17px;
}
@media only screen and (min-width: 992px) {
  .aboutStackingWrapper .bitBtn img {
    height: 23px;
    width: 23px;
  }
}
.seprator {
  background: linear-gradient(90deg, #b2b6c500, #b2b6c5, #b2b6c500);
  height: 1px;
  width: 100%;
}
.DgwStackingWrapper .heading {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .heading {
    font-size: 35px;
  }
}
.DgwStackingWrapper .dgwBtns {
  align-items: center;
  background-color: #2e3443;
  border: 0;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 45px;
  padding-inline: 11px;
  width: 100%;
}
.DgwStackingWrapper .dgwBtns.dgwBtnsCol {
  background: #42b72a;
  border-bottom: 3px solid #388927 !important;
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .dgwBtns {
    font-size: 13px;
    padding-inline: 15px;
  }
}
.DgwStackingWrapper .dgwBtns img {
  height: 15px;
  margin-right: 5px;
  object-fit: contain;
  width: 15px;
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .dgwBtns img {
    margin-right: 8px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper {
  background: #2e3443;
  border-radius: 15px;
  padding: 10px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper {
    padding: 10px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper {
    padding: 21px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper:last-child .poolBox:last-child {
  border-right: 0;
}
.DgwStackingWrapper .stackingPoolWrapper .poolBox .poolLight {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .poolBox .poolLight {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper .poolBox .poolLight {
    font-size: 13px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .poolBox .poolLight img {
  height: 15px;
  object-fit: contain;
  width: 15px;
}
.DgwStackingWrapper .stackingPoolWrapper .poolBox .poolNumber {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .poolBox .poolNumber {
    font-size: 18x;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .darkBox {
  background-color: #1e222d;
  border-radius: 15px;
  padding: 10px;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .darkBox {
    padding: 15px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper .darkBox {
    padding: 21px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .coinsImg {
  height: auto;
  width: 100%;
}
.DgwStackingWrapper .stackingPoolWrapper .coinsImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.DgwStackingWrapper .stackingPoolWrapper .textwhite {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .textwhite {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper .textwhite {
    font-size: 15px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .textwhite span {
  color: #b2b6c5;
}
.DgwStackingWrapper .stackingPoolWrapper .textgray {
  color: #b2b6c5;
  font-size: 13px;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .textgray {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper .textgray {
    font-size: 13px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .iconsgroup {
  height: 14px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .iconsgroup {
    height: 20px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .iconsgroup img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.DgwStackingWrapper .stackingPoolWrapper .anchorstcking {
  color: #5bb54f;
  font-size: 10px;
  font-weight: 600;
}
.DgwStackingWrapper .stackingPoolWrapper .anchorstcking svg {
  height: 12px;
  width: 12px;
}
.DgwStackingWrapper .stackingPoolWrapper .icons {
  height: 20px;
  object-fit: contain;
  width: 20px;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .stackingPoolWrapper .icons {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (min-width: 1400px) {
  .DgwStackingWrapper .stackingPoolWrapper .icons {
    height: 30px;
    width: 30px;
  }
}
.DgwStackingWrapper .stackingPoolWrapper .icons img {
  height: 100%;
  width: 100%;
}
.DgwStackingWrapper .boxRyt {
  background-image: url(/static/media/dblbg.8a68b321930b0db2f375.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 100%;
  padding: 20px;
}
.DgwStackingWrapper .boxRyt .rytImg {
  height: 70px;
  margin: auto;
  width: 150px;
}
.DgwStackingWrapper .boxRyt .rytImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.DgwStackingWrapper .boxRyt .rytTxt {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 32.5px;
}
@media only screen and (min-width: 992px) {
  .DgwStackingWrapper .boxRyt .rytTxt {
    font-size: 25px;
  }
}
.DgwStackingWrapper .boxRyt .rytSubTxt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.DgwStackingWrapper .boxRyt .poolBox {
  border-right: 1px solid #b2b6c580;
}
.DgwStackingWrapper .boxRyt .poolBox .poolLight {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
}
.DgwStackingWrapper .boxRyt .poolBox .poolLight img {
  height: 15px;
  object-fit: contain;
  width: 15px;
}
.DgwStackingWrapper .boxRyt .poolBox .poolNumber {
  color: #fff;
  font-style: 25px;
  font-weight: 600;
}
.DgwStackingWrapper .boxRyt .stakeBTn {
  background: #42b72a;
  border: 0;
  border-bottom: 3px solid #388927 !important;
  border-radius: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 45px;
  padding-inline: 20px;
  width: 100%;
}
.DgwStackingWrapper .tableResponse {
  overflow-y: auto;
  white-space: nowrap;
  width: 100%;
}
.DgwStackingWrapper .tableBox {
  border-collapse: initial;
  border-spacing: 0 5px;
}
.DgwStackingWrapper .tabsWrapper .formSelectWrapper {
  background-color: #212632;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 35px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .formSelectWrapper {
    height: 45px;
  }
}
.DgwStackingWrapper .tabsWrapper .tabsBtns {
  background: #2e3443;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  height: 35px;
  padding-inline: 10px;
}
@media only screen and (min-width: 992px) {
  .DgwStackingWrapper .tabsWrapper .tabsBtns {
    font-size: 13px;
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .tabsBtns {
    height: 45px;
  }
}
.DgwStackingWrapper .tabsWrapper .active {
  background: #3b4155;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 35px;
  padding-inline: 20px;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .active {
    height: 45px;
  }
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .trBack {
  background-color: #212632;
  border-radius: 10px;
  height: 45px;
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableHead {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableHead .tdwidth {
  width: 16%;
}
@media only screen and (min-width: 768px) {
  .DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableHead .tdwidth {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableHead .tdwidth {
    font-size: 15px;
  }
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableData {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableData {
    font-size: 13px;
  }
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableData img {
  height: 24px;
  object-fit: contain;
  width: 28px;
}
@media only screen and (min-width: 1200px) {
  .DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableData img {
    height: 17px;
    width: 17px;
  }
}
.DgwStackingWrapper .tabsWrapper .tabContentWrapper .tableBody tr td {
  border-left: 5px;
}
.estimateText {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.estimategreenText {
  color: #5bb54f;
  font-size: 25px;
  font-weight: 600;
}
.estimatelightText {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .estimatelightText {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.graphTabs {
  background-color: #2f364c;
  border-radius: 0;
  height: 40px;
  padding: 4px;
  width: 100%;
}
.graphTabs .graphBtns {
  background-color: #0000;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
  padding: 0 30px;
}
@media (max-width: 575px) {
  .graphTabs .graphBtns {
    font-size: 12px;
    font-weight: 500;
    height: 30px;
  }
}
.graphTabs .active {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
  padding: 0 30px;
}
.shareviamodalwidth .modal-dialog {
  max-width: 450px;
}
.modalcryptiearningtable .modal-dialog {
  max-width: 555px;
}
.dropboxouter {
  border: 0 !important;
}
.dropboxouter,
.dropboxouter:hover {
  background-color: #0000 !important;
}
.dropboxouter:after {
  display: none !important;
}
.dropboxouter:focus {
  outline: medium none invert;
  outline: initial;
}
.questiondropwrapper {
  border: 0 !important;
}
.questiondropwrapper,
.questiondropwrapper:hover {
  background-color: #0000 !important;
}
.questiondropwrapper:after {
  display: none !important;
}
.dropMenuWrapper {
  background-color: #212632 !important;
  margin: 20px;
}
.dropMenuWrapper .dropmenuList {
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
}
.dropMenuWrapper .dropmenuList:hover {
  background-color: #15191f !important;
}
.dropMenuWrapper .dropmenuList img {
  height: 13px;
  margin-right: 6px;
  object-fit: contain;
  width: 13px;
}
.dropMenuWrapper .dropmenuList span {
  color: #b2b6c5;
  margin-left: 6px;
}
.dropwrapper {
  align-items: center;
  color: #fff !important;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  height: 30px;
  justify-content: space-between;
  padding-inline: 12px;
  position: relative;
  width: 69px;
}
.dropList,
.dropwrapper {
  background-color: #212632 !important;
  border-radius: 5px;
}
.dropList {
  padding: 10px !important;
}
.dropList .dropListing {
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  padding: 10px !important;
  text-align: center;
}
.dropList .dropListing:hover {
  background-color: #15191f;
  border-radius: 5px;
  padding: 5px;
}
.stackingDropdown .dropdown .dropdown-toggle {
  align-items: center;
  background-color: #212632;
  border: 1px solid #212632;
  border-radius: 5px;
  color: #b2b6c5;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  width: 100%;
}
.stackingDropdown .dropdown .dropdown-toggle .calendarIcon {
  filter: invert(1);
  height: 22px;
  margin-right: 8px;
  object-fit: contain;
}
.stackingDropdown .dropdown .dropdown-toggle span {
  color: #fff;
}
.stackingDropdown
  .dropdown
  .dropdown-toggle:is(:hover, :focus, :focus-visible, :active) {
  background-color: #212632;
  border: 1px solid #212632;
  color: #b2b6c5;
}
.stackingDropdown .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.stackingDropdown .dropdown .dropdown-menu {
  background-color: #212632;
  max-height: 210px;
  overflow-y: auto;
  padding: 10px;
  width: 100%;
}
.stackingDropdown .dropdown .dropdown-menu .searchInp {
  margin-bottom: 8px;
  position: relative;
}
.stackingDropdown .dropdown .dropdown-menu .searchInp img {
  height: 15px;
  left: 10px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.stackingDropdown .dropdown .dropdown-menu .searchInp input {
  background-color: #15191f;
  border: none !important;
  color: #b2b6c5;
  font-size: 12px;
  height: 36px;
  padding-left: 35px;
}
.stackingDropdown .dropdown .dropdown-menu .searchInp input::placeholder {
  color: #b2b6c5;
  font-size: 12px;
}
.stackingDropdown .dropdown .dropdown-menu .dropdown-item {
  align-items: center;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 3px;
  padding: 7px 8px;
  text-transform: uppercase;
}
.stackingDropdown .dropdown .dropdown-menu .dropdown-item:is(.active, :hover) {
  background-color: #2c303f;
}
.stackingDropdown .dropdown .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}
.stackingDropdown .dropdown .dropdown-menu .dropdown-item img {
  border-radius: 50px;
  height: 20px;
  margin-right: 8px;
  object-fit: cover;
  overflow: hidden;
  width: 20px;
}
.stackingDropdown .dropdown .dropdown-menu.calendarMenu {
  max-height: 302px;
  width: 300px;
}
.stackingDropdown .dropdown .dropdown-menu.calendarMenu .rdp {
  --rdp-accent-color: #4d7dd6;
  --rdp-background-color: #4d7dd6;
  color: #fff !important;
  margin: 0;
}
.chartAccountDbl {
  background-image: url(/static/media/chartbg.d3eba65105752b8c673d.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  padding: 10px;
}
.chartAccountDbl .chartImgtrade {
  height: 30px;
  width: 30px;
}
@media only screen and (min-width: 768px) {
  .chartAccountDbl .chartImgtrade {
    height: 50px;
    width: 50px;
  }
}
.chartAccountDbl .chartSubHeading {
  color: #fff;
  font-size: 12px;
}
.chartAccountDbl .chatValue {
  align-items: center;
  background-color: #1e222d;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
}
.chartAccountDbl .chatValue li {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  height: 19px;
  justify-content: center;
  width: 32px;
}
.chartAccountDbl .chatValue li.active {
  background-color: #b2b6c5;
  border-radius: 5px;
  padding: 5px;
}
.chartAccountDbl .headingChart {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.chartAccountDbl .chartImg {
  align-items: center;
  display: flex;
  height: 100px;
}
.chartAccountDbl .chartImg img {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .chartAccountDbl .chartImg img {
    height: 150px;
  }
}
.staking-earning-row .earning-col {
  background-color: #191d27;
  border-radius: 20px;
}
.staking-earning-row .earning-col .staking-heading {
  font-family: Geogrotesque Sharp;
  font-size: 25px;
  font-weight: 600;
}
.staking-earning-row .earning-col .earning-type {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
.staking-earning-row .earning-col .earning-amount {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.staking-earning-row .earning-col .earning-amount-diff {
  color: #c2fb01;
}
.staking-earning-row .earning-col .Clain-btn {
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0;
  width: 100%;
}
.staking-earning-row .earning-col .earn-percent {
  background-color: #c2fb01;
  border-radius: 5px;
  color: #191d27;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  top: -18px;
}
.staking-earning-row .earning-col .more-detail {
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .shipStaking .dinoImgTxt {
    height: 150px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .shipStaking .shipLogDiv {
    width: 50%;
  }
}
.shipStaking .about-btn {
  background-color: #2f364c;
  border-radius: 0;
  color: #b2b6c5;
  font-size: 12px;
  padding: 8px 10px;
}
.shipStaking .about-btn img {
  height: 14px;
}
@media only screen and (min-width: 992px) {
  .shipStaking .about-btn img {
    height: 16px;
  }
  .shipStaking .about-btn {
    font-size: 16px;
    padding: 10px 12px;
  }
}
.shipStaking .about-btn.active {
  background-color: #FF6700;
  color: #fff;
}
.shipStaking .calculate-btn {
  background-color: #2f364c;
  border-radius: 0;
  color: #b2b6c5;
  font-size: 12px;
  padding: 8px 10px;
}
.shipStaking .calculate-btn img {
  height: 14px;
}
@media only screen and (min-width: 992px) {
  .shipStaking .calculate-btn img {
    height: 16px;
  }
  .shipStaking .calculate-btn {
    font-size: 16px;
    padding: 10px 12px;
  }
}
.shipStaking .calculate-btn.active {
  background-color: #FF6700;
  color: #fff;
}
.shipStaking .inner-container {
  background-color: #191d27;
  border-radius: 10px;
}
.shipStaking .inner-container .nav.nav-pills {
  background-color: #2f364c !important;
  border-radius: 0px !important;
  padding: 5px !important;
}
.shipStaking .inner-container .nav.nav-pills .nav-item {
  color: #6a798c !important;
}
.shipStaking .inner-container .nav.nav-pills .nav-item .nav-link {
  border-radius: 0px !important;
  color: #6a798c !important;
  font-size: 14px;
  padding: 4px 10px;
}
@media only screen and (min-width: 992px) {
  .shipStaking .inner-container .nav.nav-pills .nav-item .nav-link {
    font-size: 16px;
  }
}
.shipStaking .inner-container .nav.nav-pills .nav-item .nav-link.active {
  background-color: #FF6700 !important;
  color: #fff !important;
}
.shipStaking .inner-container .trendImg {
  height: 35px;
}
@media only screen and (min-width: 992px) {
  .shipStaking .inner-container .trendImg {
    height: 55px;
  }
}
.shipStaking .inner-container .current-apy {
  font-size: 12px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .shipStaking .inner-container .current-apy {
    font-size: 15px;
    margin-bottom: 0.5rem;
  }
}
.shipStaking .inner-container .current-percentage {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .shipStaking .inner-container .current-percentage {
    font-size: 25px;
  }
}
.shipStaking .staking-inner-box .staking-heading {
  color: #6a798c;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .shipStaking .staking-inner-box .staking-heading {
    font-size: 15px;
  }
}
.shipStaking .staking-inner-box .staking-amount {
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .shipStaking .staking-inner-box .staking-amount {
    font-size: 30px;
  }
}
.shipStaking .staking-inner-box .inner-container .ship-amount {
  font-size: 15px;
  font-weight: 600;
}
.shipStaking .staking-inner-box .inner-container .ship-amount span {
  color: #FF6700;
}
.shipStaking .staking-inner-box .inner-container .ship-logo {
  height: 30px;
  width: 30px;
}
.shipStaking .staking-inner-box .inner-container .ship-money {
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
}
.shipStaking .ship-apy {
  border-bottom: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(
    90deg,
    #FF670000,
    #FF6700 50.09%,
    #FF670000 99.87%
  );
}
.shipStaking .ship-apy .apy-heading {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .shipStaking .ship-apy .apy-heading {
    font-size: 32px;
  }
}
.shipStaking .ship-apy .apy-content {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
}
.shipStaking .ship-apy .stakeBtn {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}
.shipStaking .staking-heading {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
.shipStaking .staking-amount {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .shipStaking .staking-amount {
    font-size: 30px;
  }
}
.shipStaking .shipstaking-table .dropdown .dropdown-toggle {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
}
.shipStaking .shipstaking-table table {
  border-collapse: initial;
  border-spacing: 0 10px;
}
.shipStaking .shipstaking-table table thead th {
  background-color: #0000 !important;
  border: 0 !important;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .shipStaking .shipstaking-table table thead th {
    font-size: 15px;
  }
}
.shipStaking .shipstaking-table table tbody {
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .shipStaking .shipstaking-table table tbody {
    font-size: 16px;
  }
}
.shipStaking .shipstaking-table table tbody td:first-child {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.shipStaking .shipstaking-table table tbody td:last-child {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
.shipStaking .shipstaking-table table tbody td {
  background-color: #202733 !important;
  border: 0 !important;
  color: #fff;
}
.shipStaking .shipstaking-table table tbody td .table-imgs {
  height: 18px;
  width: 18px;
}
.about-staking .about-bg {
  background-image: url(/static/media/about-bg-image.ad3e5af46e77ba5683cf.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: auto;
  padding-block: 70px !important;
}
@media only screen and (min-width: 768px) {
  .about-staking .about-bg {
    height: 550px;
  }
}
.about-staking .hero-heading {
  font-size: 22px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .about-staking .hero-heading {
    font-size: 32px;
  }
}
.about-staking .calculate-btn {
  background-color: #FF6700;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 12px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .about-staking .calculate-btn {
    font-size: 16px;
  }
}
.about-staking .about-btn {
  background-color: #2f364c;
  border-radius: 0;
  color: #b2b6c5;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 12px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .about-staking .about-btn {
    font-size: 16px;
  }
}
.about-staking .staking-heading {
  color: #6a798c;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .about-staking .staking-heading {
    font-size: 15px;
  }
}
.about-staking .staking-amount {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .about-staking .staking-amount {
    font-size: 20px;
    margin-bottom: 0.5rem;
  }
  .about-staking .about-staking {
    border-right: 1px solid #c2fb01;
  }
}
.about-staking .shipstaking-mean {
  border-bottom: 1px solid #6a798c;
}
.about-staking .shipstaking-mean .h6,
.about-staking .shipstaking-mean h6 {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .shipstaking-mean .h6,
  .about-staking .shipstaking-mean h6 {
    font-size: 20px;
  }
}
.about-staking .shipstaking-mean p {
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .about-staking .shipstaking-mean p {
    font-size: 17px;
  }
}
.about-staking .shipstaking-mean:last-child {
  border-bottom: none;
}
.about-staking .bg_main_color .h6,
.about-staking .bg_main_color h6 {
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .h6,
  .about-staking .bg_main_color h6 {
    font-size: 30px;
  }
}
.about-staking .bg_main_color p {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color p {
    font-size: 20px;
  }
}
.about-staking .bg_main_color .thunder-box {
  background-color: #191d27;
  border-radius: 0;
  padding: 10px 12px;
}
.about-staking .bg_main_color .thunder-box img {
  height: 30px;
  object-fit: contain;
}
.about-staking .bg_main_color .thunder-box .h6,
.about-staking .bg_main_color .thunder-box h6 {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .thunder-box .h6,
  .about-staking .bg_main_color .thunder-box h6 {
    font-size: 20px;
  }
}
.about-staking .bg_main_color .thunder-box p {
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .thunder-box p {
    font-size: 17px;
  }
}
.about-staking .bg_main_color .num-staking {
  background-color: #2f364c;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 12px;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .num-staking {
    font-size: 16px;
  }
}
.about-staking .bg_main_color .num-staking.active {
  background-color: #FF6700 !important;
}
.about-staking .bg_main_color .pay-time {
  border-bottom: 1px solid #d4d4d4;
}
.about-staking .bg_main_color .pay-time .h6,
.about-staking .bg_main_color .pay-time h6 {
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .pay-time .h6,
  .about-staking .bg_main_color .pay-time h6 {
    font-size: 17px;
  }
}
.about-staking .bg_main_color .ship-btn {
  background-color: #FF6700;
  border-radius: 0;
  padding: 8px 60px;
}
.about-staking .bg_main_color .shop-box {
  background-color: #191d27;
  border-radius: 0;
  padding: 10px 12px;
}
.about-staking .bg_main_color .shop-box img {
  height: 32px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .shop-box img {
    height: 40px;
  }
}
.about-staking .bg_main_color .shop-box .shop-title {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.about-staking .bg_main_color .crypto-staking {
  background-color: #191d27;
  border: 1px solid #2f364c;
  border-radius: 20px;
  padding: 15px;
}
.about-staking .bg_main_color .crypto-staking .num-box {
  align-items: center;
  border: 1px solid #FF6700;
  border-radius: 50%;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 35px;
  justify-content: center;
  width: 35px;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .crypto-staking .num-box {
    font-size: 30px;
    height: 50px;
    width: 50px;
  }
}
.about-staking .bg_main_color .crypto-staking .h6,
.about-staking .bg_main_color .crypto-staking h6 {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .crypto-staking .h6,
  .about-staking .bg_main_color .crypto-staking h6 {
    font-size: 25px;
  }
}
.about-staking .bg_main_color .crypto-para p {
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .crypto-para p {
    font-size: 17px;
  }
}
.about-staking .bg_main_color .exchange {
  border: 1px solid #FF6700;
  border-radius: 20px;
  padding: 18px 12px;
}
.about-staking .bg_main_color .exchange .exchange-title {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .about-staking .bg_main_color .exchange .exchange-title {
    font-size: 25px;
  }
}
.about-staking .bg_main_color .exchange .exchange-icon {
  background-color: #191d27;
  border-radius: 0;
  padding: 10px 12px;
}
@media (max-width: 991px) {
  .about-staking .bg_main_color .exchange .exchange-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 47%;
  }
  .about-staking .bg_main_color .exchange .exchange-icon img {
    height: 20px;
    max-height: 20px;
    max-width: 80%;
    object-fit: contain;
  }
}
.about-staking .form-control {
  color: #fff;
  font-size: 11px;
  padding-left: 0 !important;
}
.about-staking .form-control:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.about-staking .form-control::placeholder {
  color: #fff !important;
  font-size: 11px;
}
.modal .modal-dialog .modal-content {
  background: linear-gradient(180deg, #242937, #2e3443) !important;
}
.modal .modal-dialog .modal-content .modal-header {
  border: 0 !important;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  filter: invert(1);
}
.modal .modal-dialog .modal-content .modal-body .form-control {
  color: #fff;
  font-size: 11px;
}
.modal .modal-dialog .modal-content .modal-body .form-control:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.modal .modal-dialog .modal-content .modal-body .form-control::placeholder {
  color: #fff !important;
  font-size: 11px;
}
.modal .modal-dialog .modal-content .modal-body .payout-text {
  color: #6a798c;
  font-size: 14px;
}
.modal .modal-dialog .modal-content .modal-body .payout-text-table {
  color: #6a798c;
  font-size: 11px;
}
.modal .modal-dialog .modal-content .modal-body .payout-amount {
  border-radius: 10px;
  color: #6a798c;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 8px;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-body .payout-amount.active {
  background-color: #FF6700;
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-body .stake-amount {
  color: #6a798c;
  font-size: 14px;
}
.modal .modal-dialog .modal-content .modal-body .stake-img-box {
  background-color: #191d27;
  border: 1px solid #1d4a6c;
  border-radius: 0px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .shipstaking-table
  .dropdown
  .dropdown-toggle {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
}
.modal .modal-dialog .modal-content .modal-body .shipstaking-table table {
  border-collapse: initial;
  border-spacing: 0 10px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .shipstaking-table
  table
  thead
  th {
  background-color: #0000 !important;
  border-bottom: 1px solid #15191f !important;
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 700;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .shipstaking-table
  table
  tbody
  td {
  background-color: #0000 !important;
  border-bottom: 1px solid #15191f !important;
  color: #fff;
  font-size: 12px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .shipstaking-table
  table
  tbody
  td
  .table-imgs {
  height: 18px;
  width: 18px;
}
.modal .modal-dialog .modal-content .modal-body .stake-now {
  background-color: #FF6700;
  border-radius: 0;
  color: #fff;
  padding: 10px 12px;
  width: 100%;
}
.modal .modal-dialog .modal-content .modal-body .stake-icon-box {
  padding: 10px 12px;
}
.modal .modal-dialog .modal-content .modal-body .stake-icon-box.active {
  background: linear-gradient(270deg, #15191f00, #FF6700);
  border: 0 !important;
}
.modal .modal-dialog .modal-content .modal-body .stake-icon-box .payout-text {
  font-size: 13px;
  font-weight: 600;
}
.modal .modal-dialog .modal-content .modal-body .stake-icon-box .payout-img {
  height: 30px;
  width: 30px;
}
.modal .modal-dialog .modal-content .modal-body .stake-sidebox {
  background-color: #191d27;
  border-radius: 10px;
  height: 290px;
  overflow: auto;
  padding: 20px;
}
.modal .modal-dialog .modal-content .modal-body .stake-sidebox .payout-img {
  height: 22px;
  width: 22px;
}
.modal .modal-dialog .modal-content .modal-body .stake-sidebox .payout-para {
  color: #b2b6c5;
  font-size: 9px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .stake-sidebox::-webkit-scrollbar {
  display: block !important;
  width: 5px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .stake-sidebox::-webkit-scrollbar-track {
  background: #202733;
  border-radius: 0px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .stake-sidebox::-webkit-scrollbar-thumb {
  background: #6a798c;
  border-radius: 0px;
}
.cryptoHeroSection .stackingSocialBtn {
  align-items: center;
  background-color: #0000;
  border: none;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-right: 5px;
  width: 30px;
}
.cryptoHeroSection .stackingSocialBtn img {
  height: 100%;
  width: 100%;
}
.cryptoHeroSection .orTxt {
  color: #b1b6c6;
  font-size: 14px;
  font-weight: 600;
}
.cryptoHeroSection .signup-text {
  font-size: 20px;
  font-weight: 600;
}
.cryptoHeroSection .signup-btn {
  background-color: #FF6700;
  border: 1px solid #1d4a6c;
  border-radius: 0;
  color: #fff;
  font-size: 17px;
  padding: 10px 18px;
}
.cryptoHeroSection .signin-btns {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #1d4a6c;
  border-radius: 10px;
  display: flex;
  height: 53px;
  justify-content: center;
  padding: 6px;
  width: 53px;
}
.stackingCalculateModal .modal-dialog {
  max-width: 631px !important;
}
.stackingCalculateModal .modal-content {
  background-color: #202733 !important;
}
.stackingCalculateModal .modal-header {
  border: 0;
}
.stackingCalculateModal .modal-body {
  overflow-x: hidden;
}
.stackingCalculateModal .modalTitle {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .stackingCalculateModal .modalTitle {
    font-size: 22px;
  }
}
.stackingCalculateModal .calculateCryptoEarning {
  background-color: #212632;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.stackingCalculateModal .calculateCryptoEarning .stackingTabs {
  align-items: center;
  background-color: #212632;
  border-radius: 0;
  display: inline-flex;
  padding: 4px;
}
@media (max-width: 991px) {
  .stackingCalculateModal .calculateCryptoEarning .stackingTabs {
    overflow-x: auto;
    width: 100%;
  }
  .stackingCalculateModal
    .calculateCryptoEarning
    .stackingTabs::-webkit-scrollbar {
    display: none;
  }
}
.stackingCalculateModal .calculateCryptoEarning .stackingTabs .stackingTab {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 37px;
  justify-content: center;
  padding-inline: 22px;
  white-space: nowrap;
}
.stackingCalculateModal
  .calculateCryptoEarning
  .stackingTabs
  .stackingTab.active {
  background: #FF6700;
  color: #fff;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .stackingTabs .stackingTab {
    border-radius: 5px;
    font-size: 10px;
    padding-inline: 10px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .commonBlueBtn {
  align-items: center;
  background-color: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 35px;
  justify-content: center;
  padding-inline: 20px;
}
@media only screen and (min-width: 992px) {
  .stackingCalculateModal .calculateCryptoEarning .commonBlueBtn {
    border-radius: 10px;
    font-weight: 600;
    height: 45px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .commonBlueBtn .btnIcon {
  height: 16px;
  margin-right: 10px;
  object-fit: contain;
}
.stackingCalculateModal .calculateCryptoEarning .commonBlueBtn.small {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .commonBlueBtn.small {
    font-size: 12px;
    height: 30px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .sText {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.stackingCalculateModal .calculateCryptoEarning .sText .icon {
  cursor: pointer;
  height: 12px;
  object-fit: contain;
}
.stackingCalculateModal .calculateCryptoEarning .sText.green {
  color: #5bb54f;
}
.stackingCalculateModal .calculateCryptoEarning .sText.moreTxt {
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .stackingCalculateModal .calculateCryptoEarning .sText {
    font-size: 14px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .sTextBold {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 29.5px;
}
.stackingCalculateModal .calculateCryptoEarning .sTextBold.green {
  color: #5bb54f;
}
@media only screen and (min-width: 768px) {
  .stackingCalculateModal .calculateCryptoEarning .sTextBold {
    font-size: 22px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .calculateCryptoEarningInner {
  position: relative;
  z-index: 3;
}
.stackingCalculateModal .calculateCryptoEarning .termBox {
  align-items: center;
  background-color: #2e3342;
  border-bottom: 3px solid #1e222d !important;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  padding-inline: 12px;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .termBox {
    font-size: 10px;
    height: 28px;
    padding-inline: 10px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .termBox:is(.active, :hover) {
  background-color: #42b72a;
  border-bottom: 3px solid #388927 !important;
  color: #fff;
}
.stackingCalculateModal .calculateCryptoEarning .termBoxTxt {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .termBoxTxt {
    font-size: 12px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .subscribeBox {
  background-color: #1b1f27;
  border-radius: 5px;
  padding: 15px;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .subscribeBox {
    padding: 12px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .calculateInput .usdtIcon {
  border-radius: 100px;
  height: 28px;
  left: 17px;
  object-fit: contain;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .calculateInput .usdtIcon {
    height: 18px;
    left: 12px;
    width: 18px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .calculateInput .form-control {
  background-color: #15191f;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
  height: 65px;
  padding-left: 60px;
}
.stackingCalculateModal
  .calculateCryptoEarning
  .calculateInput
  .form-control::placeholder {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .calculateInput
    .form-control {
    font-size: 12px;
    height: 50px;
    padding-left: 40px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .calculateInput .balance {
  position: absolute;
  right: 10px;
  top: 20px;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .calculateInput .balance {
    font-size: 10px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .cDrop .dropdown-toggle {
  align-items: center;
  background-color: #2c303f;
  border: 0;
  border-radius: 0;
  display: flex;
  height: 65px;
  width: 100%;
}
@media (max-width: 575px) {
  .stackingCalculateModal .calculateCryptoEarning .cDrop .dropdown-toggle {
    height: 50px;
  }
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .usdtIconBox {
  border-radius: 50px;
  height: 28px;
  margin-right: 7px;
  min-width: 28px;
  overflow: hidden;
  width: 28px;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .usdtIconBox {
    height: 18px;
    min-width: 18px;
    width: 18px;
  }
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .usdtIconBox
  img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.stackingCalculateModal .calculateCryptoEarning .cDrop .dropdown-toggle .sText {
  font-size: 12px;
  text-align: left;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .sText {
    font-size: 10px;
  }
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-toggle
  .sTextBold {
  font-size: 18px;
  text-align: start;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .cDrop
    .dropdown-toggle
    .sTextBold {
    font-size: 12px;
    line-height: 12px;
  }
}
.stackingCalculateModal .calculateCryptoEarning .cDrop .dropdown-toggle:after {
  margin-left: auto;
}
.stackingCalculateModal .calculateCryptoEarning .cDrop .dropdown-menu {
  background-color: #2c303f;
  border-radius: 5px;
  max-height: 185px;
  overflow-y: auto;
  padding: 5px;
  width: 100%;
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item {
  align-items: center;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  padding: 7px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .cDrop
    .dropdown-menu
    .dropdown-item {
    font-size: 12px;
  }
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item:last-child {
  margin-bottom: 0;
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item
  img {
  height: 25px;
  margin-right: 8px;
  min-width: 25px;
  object-fit: contain;
  width: 25px;
}
@media (max-width: 575px) {
  .stackingCalculateModal
    .calculateCryptoEarning
    .cDrop
    .dropdown-menu
    .dropdown-item
    img {
    height: 18px;
    min-width: 18px;
    width: 18px;
  }
}
.stackingCalculateModal
  .calculateCryptoEarning
  .cDrop
  .dropdown-menu
  .dropdown-item:is(:hover, .active) {
  background-color: #3b4155;
}
.stackingCalculateModal .charBox .stackingTabs {
  background-color: #2e3443;
}
.stackingCalculateModal .charBox .stackingTabs .stackingTab {
  color: #fff;
  cursor: pointer;
  height: 32px;
}
.stackingPage .tokenTableWrapper {
  position: relative;
}
.stackingPage .tokenTableWrapper:before {
  background: linear-gradient(180deg, #0000, #0000, #64749880);
  border-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8;
}
.stackingPage .tokenTableWrapper .tokenTable thead tr th {
  background-color: #212632;
  border-bottom: 1px solid rgba(178, 182, 197, 0.102);
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  padding: 13px 17px;
}
@media (max-width: 991px) {
  .stackingPage .tokenTableWrapper .tokenTable thead tr th {
    max-width: 33.33%;
    min-width: 33.33%;
    width: 33.33%;
  }
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable thead tr th {
    font-size: 10px;
    height: 42.4px !important;
  }
}
.stackingPage .tokenTableWrapper .tokenTable thead tr th .tokenTableHeadImg {
  display: flex;
  height: 17px;
  margin: auto;
  object-fit: contain;
}
.stackingPage
  .tokenTableWrapper
  .tokenTable
  thead
  tr
  th
  .tokenTableHeadImg.small {
  height: 16px;
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable thead tr th .tokenTableHeadImg {
    height: 16px;
  }
  .stackingPage
    .tokenTableWrapper
    .tokenTable
    thead
    tr
    th
    .tokenTableHeadImg.small {
    height: 11px;
  }
}
.stackingPage .tokenTableWrapper .tokenTable thead tr th:nth-child(2) {
  background-color: #FF6700;
  color: #fff;
  position: relative;
}
@media (max-width: 991px) {
  .stackingPage .tokenTableWrapper .tokenTable thead tr th:nth-child(2) img {
    height: 16px;
  }
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable thead tr th:nth-child(2) img {
    height: 13px;
  }
}
.stackingPage
  .tokenTableWrapper
  .tokenTable
  thead
  tr
  th:nth-child(2)
  .upperDiv {
  background-color: #42b72a;
  border-radius: 10px 10px 0 0;
  display: flex;
  height: 20px;
  left: 0;
  position: absolute;
  top: -19px;
  width: 100%;
}
@media (max-width: 991px) {
  .stackingPage
    .tokenTableWrapper
    .tokenTable
    thead
    tr
    th:nth-child(2)
    .upperDiv {
    display: none;
  }
  .stackingPage .tokenTableWrapper .tokenTable thead tr th:nth-child(3) {
    border-left: 1px solid #42b72a;
  }
}
.stackingPage .tokenTableWrapper .tokenTable thead tr th:first-child {
  border-left: 0;
  border-radius: 10px 0 0 0;
}
.stackingPage .tokenTableWrapper .tokenTable thead tr th:last-child {
  border-radius: 0 10px 0 0;
}
.stackingPage .tokenTableWrapper .tokenTable tbody tr td {
  background-color: #212632;
  border-bottom: 1px solid rgba(178, 182, 197, 0.102);
  border-left: 1px solid rgba(178, 182, 197, 0.102);
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 17px;
  text-align: center;
}
@media (max-width: 991px) {
  .stackingPage .tokenTableWrapper .tokenTable tbody tr td {
    max-width: 33.33%;
    min-width: 33.33%;
    width: 33.33%;
  }
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable tbody tr td {
    font-size: 13px;
  }
}
.stackingPage .tokenTableWrapper .tokenTable tbody tr td:nth-child(2) {
  background-color: #FF6700;
  color: #fff;
}
.stackingPage .tokenTableWrapper .tokenTable tbody tr td:first-child {
  border-left: 0;
}
.stackingPage
  .tokenTableWrapper
  .tokenTable
  tbody
  tr
  td
  .tableTokenBodyImg
  img {
  height: 22px;
  margin-right: 8px;
  object-fit: contain;
  width: 22px;
}
@media (max-width: 575px) {
  .stackingPage
    .tokenTableWrapper
    .tokenTable
    tbody
    tr
    td
    .tableTokenBodyImg
    img {
    height: 18px;
    width: 18px;
  }
}
.stackingPage .tokenTableWrapper .tokenTable tbody tr:last-child td {
  border-bottom: 0;
}
.stackingPage
  .tokenTableWrapper
  .tokenTable
  tbody
  tr:last-child
  td:first-child {
  border-radius: 0 0 0 10px;
}
.stackingPage .tokenTableWrapper .tokenTable tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd {
  position: relative;
}
@media (max-width: 991px) {
  .stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd:not(.active) {
    display: none;
  }
  .stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd.active .navBtns {
    display: flex;
  }
}
.stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd .navBtns {
  align-items: center;
  display: none;
  justify-content: space-between;
  left: 0;
  padding-inline: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd .navBtns {
    padding-inline: 10px;
  }
}
.stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd .navBtns img {
  cursor: pointer;
  height: 15px;
  object-fit: contain;
}
@media (max-width: 575px) {
  .stackingPage .tokenTableWrapper .tokenTable .mobHiddenTd .navBtns img {
    height: 12px;
  }
}
.stackingPage .tokenBanner {
  background: linear-gradient(90deg, #003054, #FF6700);
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.stackingPage .tokenBanner .earnImge {
  height: 115px;
  margin-top: 32px;
  width: 200px !important;
}
@media only screen and (min-width: 576px) {
  .stackingPage .tokenBanner .earnImge {
    height: 129px;
    margin-top: 32px;
    width: 246px !important;
  }
}
.stackingPage .tokenBanner .earn-text {
  color: #c2fb01;
  font-size: 33px;
  font-weight: 700;
  text-transform: uppercase;
}
.stackingPage .tokenBanner .earn-text span {
  color: #fff;
}
.stackingPage .tokenBanner .coin {
  bottom: 15px;
  object-fit: contain;
  position: absolute;
  right: 15px;
  width: 40%;
}
.tooltipDropdown .dropdown-toggle:after {
  display: none;
}
.tooltipDropdown .dropdown-toggle:hover ~ .dropdown-menu {
  display: block;
}
.tooltipDropdown .dropdown-menu {
  background-color: #212632;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 #00000080;
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 400;
  padding: 12px;
}
.offer-time {
  align-items: center;
  background-color: #1e222d;
  border: 1px solid #1d4a6c;
  border-radius: 0;
  color: #6a798c;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 5px;
  width: 50px;
}
.offer-time.active {
  background-color: #FF6700 !important;
  border: 1px solid #c2fb01 !important;
  color: #fff !important;
}
.dgwtoken-section .heading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 45.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .heading {
    font-size: 32px;
  }
}
.dgwtoken-section .heading span {
  color: #efb90b;
}
.dgwtoken-section .sub-text {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  padding-right: 20px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .sub-text {
    font-size: 15px;
  }
}
.dgwtoken-section .cta-section {
  background: linear-gradient(90deg, #212632, #5bb54f2e);
  border-radius: 15px;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .cta-section {
    padding: 30px;
  }
}
.dgwtoken-section .cta-section .securityImg {
  height: 50px;
  width: 190px;
}
.dgwtoken-section .cta-section .security-txt {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .cta-section .security-txt {
    font-size: 14px;
  }
}
.dgwtoken-section .cta-section .audit-link {
  color: #b2b6c5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.9px;
  padding-top: 2px;
  text-align: right;
  text-decoration: underline;
}
.dgwtoken-section .fire-section .fire-img {
  height: 23px;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .fire-section .fire-img {
    height: 40px;
  }
}
.dgwtoken-section .fire-section .fire-heading {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 32.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .fire-section .fire-heading {
    font-size: 25px;
  }
}
.dgwtoken-section .fire-section .fire-txt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .fire-section .fire-txt {
    font-size: 15px;
  }
}
.dgwtoken-section .fire-section .fire-Btn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  padding: 10px 12px;
}
.dgwtoken-section .fire-section .fire-Btn .btn-txt {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
  text-align: left;
}
.dgwtoken-section .fire-section .fire-Btn .btn-svg {
  display: flex;
  height: 14px;
  width: 14px;
}
.dgwtoken-section .fire-section .fire-list {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .fire-section .fire-list {
    font-size: 15px;
  }
}
.dgwtoken-section .earn-section {
  background: linear-gradient(90deg, #212632, #5bb54f2e);
  border-radius: 15px;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .earn-section {
    padding: 25px;
  }
}
.dgwtoken-section .earn-section .heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .earn-section .heading {
    font-size: 25px;
    line-height: 32.5px;
  }
}
.dgwtoken-section .earn-section .sub-txt {
  color: #b2b6c5;
  font-family: Geogrotesque Sharp;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .earn-section .sub-txt {
    font-size: 15px;
  }
}
.dgwtoken-section .earn-section .sub-txt .learn-span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16.9px;
  text-decoration: underline;
}
.dgwtoken-section .earn-section .coins-img {
  aspect-ratio: 1/0.8;
}
.dgwtoken-section .earn-section .stake-Btn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
  padding: 10px 40px;
  width: fit-content;
}
.dgwtoken-section .earn-section .head {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .earn-section .head {
    font-size: 15px;
  }
}
.dgwtoken-section .earn-section .text {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 5px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .earn-section .text {
    font-size: 30px;
    line-height: 39px;
  }
}
.dgwtoken-section .earn-section .right-line {
  border-right: 1px solid #b2b6c5;
}
.dgwtoken-section .two-cards {
  margin-top: 20px;
}
.dgwtoken-section .two-cards .gaming-card {
  background: linear-gradient(90deg, #212632, #5bb54f2e);
  border-radius: 15px;
  height: 100%;
  padding-inline: 10px;
  padding: 20px 10px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .two-cards .gaming-card {
    padding: 30px 20px;
  }
}
.dgwtoken-section .two-cards .gaming-card .gaming-icon {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.dgwtoken-section .two-cards .gaming-card .gaming-icon .gaming-img {
  height: 33px;
  width: 33px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .two-cards .gaming-card .gaming-icon .gaming-img {
    height: 55px;
    width: 55px;
  }
}
.dgwtoken-section .two-cards .gaming-card .gaming-icon .hands-img {
  height: 45px;
  width: 67px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .two-cards .gaming-card .gaming-icon .hands-img {
    height: 80px;
    width: 114px;
  }
}
.dgwtoken-section .two-cards .gaming-card .gaming-heading {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 26px;
  padding-top: 25px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .two-cards .gaming-card .gaming-heading {
    font-size: 25px;
    line-height: 32.5px;
  }
}
.dgwtoken-section .two-cards .gaming-card .gaming-txt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding-top: 10px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .two-cards .gaming-card .gaming-txt {
    font-size: 15px;
    line-height: 19.5px;
  }
}
.dgwtoken-section .two-cards .gaming-card .three-coin-img {
  aspect-ratio: 1/1;
}
.dgwtoken-section .buy-sell-btn {
  padding: 10px 30px !important;
}
.dgwtoken-section .trade-section .trade-heading {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .trade-section .trade-heading {
    font-size: 25px;
    line-height: 32.5px;
  }
}
.dgwtoken-section .trade-section .trade-btn {
  align-items: center;
  display: flex;
  gap: 20px;
  padding-top: 30px;
}
.dgwtoken-section .trade-section .trade-btn .trade-1 {
  height: 85px;
  width: 210px;
}
.dgwtoken-section .mining-section .mine-heading {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .mining-section .mine-heading {
    font-size: 25px;
    line-height: 32.5px;
  }
}
.dgwtoken-section .mining-section .sub-para {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .mining-section .sub-para {
    font-size: 15px;
    line-height: 19.5px;
  }
}
.dgwtoken-section .head .heading {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 39px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .heading {
    font-size: 28px;
  }
}
.dgwtoken-section .head .matrics-card {
  background: linear-gradient(180deg, #243a29, #212632);
  border-radius: 15px;
  padding: 9px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .matrics-card {
    padding: 15px;
  }
}
.dgwtoken-section .head .matrics-card .matrics-table table tr td {
  background-color: #0000;
}
.dgwtoken-section .head .matrics-card .matrics-table table tr td .head {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 22.1px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .matrics-card .matrics-table table tr td .head {
    font-size: 14px;
  }
}
.dgwtoken-section .head .matrics-card .matrics-table table tr td .sub-head {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 22.1px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .matrics-card .matrics-table table tr td .sub-head {
    font-size: 14px;
  }
}
.dgwtoken-section
  .head
  .matrics-card
  .matrics-table
  table
  tr
  td
  .sub-head
  .green-price {
  color: #57af00;
}
.dgwtoken-section
  .head
  .matrics-card
  .matrics-table
  table
  tr
  td
  .sub-head
  .yellow-text {
  color: #efb90b;
}
.dgwtoken-section
  .head
  .matrics-card
  .matrics-table
  table
  tr
  td
  .sub-head
  .contact-img {
  cursor: pointer;
  height: 13px;
  width: 13px;
}
.dgwtoken-section .head .burn-card {
  background: #212632;
  border-radius: 15px;
  overflow: hidden;
  padding: 9px;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .burn-card {
    padding: 15px;
  }
}
.dgwtoken-section .head .burn-card .burn-table {
  position: relative;
  z-index: 10;
}
.dgwtoken-section .head .burn-card .burn-table table tr td {
  background: #0000;
}
.dgwtoken-section .head .burn-card .burn-table table .head {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 22.1px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .burn-card .burn-table table .head {
    font-size: 14px;
  }
}
.dgwtoken-section .head .burn-card .burn-table table .sub-head {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 22.1px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dgwtoken-section .head .burn-card .burn-table table .sub-head {
    font-size: 14px;
  }
}
.dgwtoken-section .head .burn-card .burn-table table .sub-head .yellow-text {
  color: #efb90b;
}
.dgwtoken-section .head .burn-card .burn-table table .sub-head .contact-img {
  cursor: pointer;
  height: 13px;
  width: 13px;
}
.dgwtoken-section .head .burn-card .burn-layer-img {
  bottom: -78px;
  height: 333px;
  right: -83px;
}
.dgwtoken-section .head .burn-card .burn-img {
  aspect-ratio: 4/2.5;
  bottom: -20px;
  right: -20px;
}
.lineDivider {
  background: linear-gradient(90deg, #b2b6c500, #b2b6c5, #b2b6c500);
  height: 1px;
}
.estimated-modal .modal-content {
  background: linear-gradient(180deg, #2c303f, #1f331d);
  padding: 15px;
}
.estimated-modal .modal-content .modalHeader {
  border-bottom: 0;
}
.estimated-modal .modal-content .modalHeader .modalTitle {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 32.5px;
  text-align: left;
}
.estimated-modal .modal-content .modalBody {
  padding: 8px 15px;
}
.estimated-modal .modal-content .modalBody .body-text {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}
.estimated-modal .modal-content .modalBody .pills-div {
  align-items: center;
  display: flex;
  gap: 30px;
}
.estimated-modal .modal-content .modalBody .pills-div .pill {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 14.3px;
}
.estimated-modal .modal-content .modalBody .pills-div .pill.active {
  background: #3f66b0;
  border-radius: 5px;
  padding: 5px 10px;
}
.estimated-modal .modal-content .modalBody .input-div .dApp-coin {
  height: 13px;
  left: 9px;
  position: absolute;
  top: 50%;
  width: 13px;
}
.estimated-modal .modal-content .modalBody .input-div .cross-Btn {
  cursor: pointer;
  height: 10px;
  position: absolute;
  right: 11px;
  top: 50%;
  width: 10px;
}
.estimated-modal .modal-content .modalBody .input-div .formLabel {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
}
.estimated-modal .modal-content .modalBody .input-div .formControl {
  background-color: #1f331d;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 14.3px;
  padding-left: 30px;
  padding-right: 30px;
}
.estimated-modal
  .modal-content
  .modalBody
  .input-div
  .formControl::placeholder {
  color: #fff !important;
}
.estimated-modal .modal-content .modalBody .input-div .formControl:focus {
  outline: none;
}
.estimated-modal
  .modal-content
  .modalBody
  .input-div
  .formControl:focus-visible {
  border-color: #fff;
}
.estimated-modal .modal-content .modalBody .modal-table table tr {
  border-bottom: 1px solid #000;
}
.estimated-modal .modal-content .modalBody .modal-table table td {
  background-color: #0000;
}
.estimated-modal .modal-content .modalBody .modal-table table .table-head {
  word-wrap: nowrap;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  line-height: 10.4px;
  white-space: nowrap;
}
.estimated-modal .modal-content .modalBody .modal-table table .table-txt {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 120%;
}
.estimated-modal
  .modal-content
  .modalBody
  .modal-table
  table
  .table-dollar-txt {
  color: #b2b6c5;
  font-size: 10px;
  font-weight: 600;
  line-height: 120%;
}
.estimated-modal .modal-content .modalBody .modal-table table .table-coin-img {
  display: flex;
  height: 18px;
  width: 18px;
}
.estimated-modal .modal-content .modalBody .modal-table table th {
  background-color: #0000;
}
.estimated-modal .modal-content .modalFooter {
  border-top: 0;
}
.estimated-modal .modal-content .modalFooter .footer-btn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}
.staking-modal .modal-content {
  background: linear-gradient(180deg, #2c303f, #1f331d);
}
.staking-modal .modalHeader {
  border-bottom: 0;
  padding: 15px 20px;
}
.staking-modal .modalHeader .modalTitle {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 32.5px;
  text-align: left;
}
.staking-modal .modalBody {
  overflow: hidden;
  padding: 0 0 30px;
}
.staking-modal .modalBody .body-text {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  padding: 10px 20px;
}
.staking-modal .modalBody .left-bar .coin-imgtxt {
  border-radius: 0 10px 10px 0;
  padding: 15px 15px 15px 25px;
}
@media only screen and (min-width: 576px) {
  .staking-modal .modalBody .left-bar .coin-imgtxt {
    padding: 15px 15px 15px 35px;
  }
}
.staking-modal .modalBody .left-bar .coin-imgtxt.active {
  background: linear-gradient(270deg, #15191f00, #15191f);
}
.staking-modal .modalBody .left-bar .coin-imgtxt .coins-img {
  height: 30px;
  min-width: 30px;
  width: 30px;
}
.staking-modal .modalBody .left-bar .coin-imgtxt .coins-txt {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
  text-align: center;
}
.staking-modal .modalBody .right-bar {
  background-color: #15191f;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
  padding: 30px;
}
.staking-modal .modalBody .right-bar .coin-img {
  height: 22px;
  width: 22px;
}
.staking-modal .modalBody .right-bar .upper-txt {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 14.3px;
}
.staking-modal .modalBody .right-bar .lower-txt {
  color: #b2b6c5;
  font-size: 9px;
  font-weight: 500;
  line-height: 11.7px;
}
.deposit-section .deposit-card {
  background: linear-gradient(0.436turn, #192c24 14.92%, #212632);
  border-radius: 15px;
  padding: 20px;
}
.deposit-section .deposit-card .deposit-header .coin-img {
  height: 28px;
  width: 28px;
}
@media only screen and (min-width: 576px) {
  .deposit-section .deposit-card .deposit-header .coin-img {
    height: 45px;
    width: 45px;
  }
}
.deposit-section .deposit-card .deposit-header .upper-txt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}
.deposit-section .deposit-card .deposit-header .upper-txt .upper-span {
  display: inline-block;
  height: 10px;
  width: 10px;
}
.deposit-section .deposit-card .deposit-header .middle-txt {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}
@media only screen and (min-width: 576px) {
  .deposit-section .deposit-card .deposit-header .middle-txt {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .deposit-section .deposit-card .deposit-header .middle-txt {
    font-size: 20px;
  }
}
.deposit-section .deposit-card .deposit-header .middle-txt span {
  color: #b2b6c5;
}
.deposit-section .deposit-card .deposit-header .lower-txt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
}
.deposit-section .deposit-card .deposit-header .buy-btn {
  text-wrap: nowrap;
  background: linear-gradient(180deg, #4d7dd6, #284170);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
  padding: 8px 12px;
  width: fit-content;
}
.deposit-section .deposit-card .deposit-body .coin-img {
  height: 20px;
  width: 20px;
}
@media only screen and (min-width: 576px) {
  .deposit-section .deposit-card .deposit-body .coin-img {
    height: 28px;
    width: 28px;
  }
}
.deposit-section .deposit-card .deposit-body .upper-txt {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 130%;
}
@media only screen and (min-width: 576px) {
  .deposit-section .deposit-card .deposit-body .upper-txt {
    font-size: 13px;
  }
}
.deposit-section .deposit-card .deposit-body .upper-txt span {
  color: #b2b6c5;
}
.deposit-section .deposit-card .deposit-body .lower-txt {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
}
.deposit-section .deposit-card .deposit-body .dollar-Btn {
  background-color: #2c303f;
  border-radius: 5px;
  padding: 8px 10px;
}
.deposit-section .deposit-card .deposit-body .dollar-Btn .coin-img {
  display: flex;
  height: 18px;
  width: 18px;
}
.deposit-section .deposit-card .deposit-body .dollar-Btn .dollartxt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
}
.deposit-section .deposit-card .deposit-body .dollar-Btn .dollartxt span {
  color: #fff;
}
.deposit-section .deposit-card .deposit-footer {
  margin-top: 30px;
}
.deposit-section .deposit-card .deposit-footer .deposit-btn {
  background: linear-gradient(180deg, #4d7dd6, #284170);
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}
.deposit-section .deposit-card .deposit-footer .deposit-btn.disabled {
  cursor: auto;
  opacity: 0.5;
}
.deposit-section .deposit-card .deposit-footer .earned-txt {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
}
.deposit-section .deposit-card .deposit-footer .amount-txt {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16.9px;
  width: fit-content;
}
.msgoffcanvas {
  background-color: #202733 !important;
  width: 100% !important;
}
@media only screen and (min-width: 576px) {
  .msgoffcanvas {
    max-width: 500px;
    width: 380px !important;
  }
}
.msgoffcanvas .msgHeader {
  background-color: #2f364c !important;
  border-bottom: 2px solid #FF6700;
  padding: 8px !important;
}
.msgoffcanvas .msgHeader .msgImg {
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  gap: 8px;
  height: 30px;
  line-height: normal;
  padding: 0 8px;
  text-transform: uppercase;
}
.msgoffcanvas .msgHeader .msgImg .msgicon {
  height: 14px;
  object-fit: contain;
  width: 14px;
}
.msgoffcanvas .msgHeader .chatrules {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  line-height: normal;
}
.msgoffcanvas .msgHeader .offcanvasclose {
  background: none;
  height: 18px;
  opacity: 1 !important;
  width: 18px;
}
.msgoffcanvas .msgHeader .offcanvasclose img {
  object-fit: contain;
}
.msgoffcanvas .msgHeader .closebtn {
  background: none;
  height: 15px;
  opacity: 1 !important;
  width: 15px;
}
.msgoffcanvas .msgHeader .closebtn img {
  object-fit: contain;
}
.msgoffcanvas .msgBody {
  padding: 8px;
}
.msgoffcanvas .msgBody .msgContent .msgBtn {
  border-radius: 50px;
  margin-bottom: 8px;
  padding: 10px;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .userimg {
  border: 3px solid #FF6700;
  flex-shrink: 0;
  height: 50px;
  margin-right: 5px;
  min-width: 30px;
  width: 50px;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .userimg img {
  object-fit: cover;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .username {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .usermsg {
  color: #b2b6c5;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  max-width: calc(100% - 46px);
  overflow-wrap: anywhere;
  width: 100%;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .usermsg .itemMsg {
  background-color: #191d27;
  border-radius: 2px;
  color: #fff;
  font-size: 15px;
  margin-top: 5px;
  padding: 8px 10px;
  width: 100%;
}
.msgoffcanvas .msgBody .msgContent .msgBtn .usermsg .itemMsg:first-letter {
  text-transform: uppercase;
}
.msgoffcanvas .msgBody .pinned-comment-section {
  background-color: #2f364c;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  max-height: 380px;
  overflow-y: scroll;
  position: fixed;
  top: 48px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .msgoffcanvas .msgBody .pinned-comment-section {
    width: 450px;
  }
}
.msgoffcanvas .msgBody .pinned-comment-section .collapsed svg {
  rotate: 180deg;
}
.msgoffcanvas .msgBody .pinned-comment-section .pinned-side-border {
  border-left: 1px solid #FF6700;
  margin: 20px 20px 0;
  padding: 10px 15px;
}
.msgoffcanvas .msgBody .pinned-comment-section .pinned-side-border .pinned-msg {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
.msgoffcanvas
  .msgBody
  .pinned-comment-section
  .pinned-side-border
  .pinned-msg
  span {
  color: #fff;
}
.msgoffcanvas
  .msgBody
  .pinned-comment-section
  .pinned-side-border
  .pinned-comment {
  color: #6a798c;
}
.msgoffcanvas .msgBody .pinned-comment-section .cross-icon {
  right: 8px;
  top: 8px;
}
.msgoffcanvas .msgBody .pinned-comment-section .trophy-dropdown {
  background-color: #242937;
  min-width: 100%;
  position: fixed;
  top: 48px;
}
@media only screen and (min-width: 576px) {
  .msgoffcanvas .msgBody .pinned-comment-section .trophy-dropdown {
    min-width: 450px;
  }
}
.msgoffcanvas .msgBody .pinned-comment-section .trophy-dropdown .heading,
.msgoffcanvas .msgBody .pinned-comment-section .trophy-dropdown .profile-name {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}
.msgoffcanvas
  .msgBody
  .pinned-comment-section
  .trophy-dropdown
  .profile-income {
  background-color: #191d27;
  border-radius: 5px;
  color: #c2fb01;
  font-size: 15px;
  font-weight: 600;
  margin-inline: 11px;
  padding: 10px 13px;
  text-align: center;
}
.msgoffcanvas .msgBody .pinned-comment-section .trophy-dropdown .profile-img {
  border-radius: 50%;
  height: 29px;
  width: 29px;
}
.msgoffcanvas
  .msgBody
  .pinned-comment-section
  .trophy-dropdown
  .profile-img
  img {
  object-fit: contain;
}
.msgoffcanvas .offcanvasFooter {
  background: #2f364c;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -4px 10px 0 #00000080;
  padding: 20px;
}
.msgoffcanvas .offcanvasFooter .InputMain {
  background: #191d27;
  border-radius: 8px;
  border-radius: 0;
  height: 50px;
  padding: 0 8px;
}
.msgoffcanvas .offcanvasFooter .InputMain .sendInput {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  padding-left: 5px;
}
.msgoffcanvas .offcanvasFooter .InputMain .sendInput::placeholder {
  color: rgba(178, 182, 197, 0.502);
  font-size: 15px;
  font-weight: 500;
}
.msgoffcanvas .offcanvasFooter .InputMain .smileFace {
  height: 36px;
  margin-right: 10px;
  width: 36px;
}
.msgoffcanvas .offcanvasFooter .InputMain .smileFace img {
  object-fit: contain;
}
.msgoffcanvas .offcanvasFooter .InputMain .plus-icon {
  align-items: center;
  background: linear-gradient(135deg, #0bcff4 14.64%, #4d5ef3 85.36%);
  border-radius: 50% !important;
  display: flex;
  height: 35px;
  justify-content: center;
  margin-right: 15px;
  width: 35px;
}
.msgoffcanvas .offcanvasFooter .sendBtn {
  background: #FF6700;
  border-radius: 50% !important;
  flex-shrink: 0;
  height: 35px;
  width: 35px;
}
.msgoffcanvas .offcanvasFooter .sendBtn .sendImg {
  height: 18px;
  width: 18px;
}
.msgoffcanvas .offcanvasFooter .dropdown .dropdown-toggle {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 0;
  color: #6a798c;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  width: 100%;
}
.msgoffcanvas .offcanvasFooter .dropdown .dropdown-toggle:after {
  border: 0 !important;
  color: #6a798c;
  content: "";
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
}
.msgoffcanvas .offcanvasFooter .dropdown .dropdown-menu {
  background-color: #191d27;
}
.msgoffcanvas .offcanvasFooter .dropdown .dropdown-menu .dropdown-item {
  color: #fff;
  padding: 6px 16px !important;
}
.msgoffcanvas .offcanvasFooter .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #202733 !important;
}
.msgoffcanvas .offcanvasFooter .slash {
  color: #6a798c;
  font-size: 20px;
  font-weight: 600;
}
.msgoffcanvas .offcanvasFooter #dropModal .modal-dialog .modal-content {
  overflow: hidden;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-header {
  background-color: #2e3443;
  border-bottom: 0 !important;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-header
  .modal-title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-header
  .btn-close {
  filter: invert(1) !important;
  opacity: 1 !important;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body {
  background-color: #202733;
  padding: 20px;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .dropModal-heading {
  color: #b2b6c5;
  font-size: 16px;
  font-weight: 300;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .dropModal-heading
  span {
  color: #fff;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box {
  background-color: #191d27;
  border-radius: 0;
  padding: 10px 15px;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  input,
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  textarea {
  background-color: #0000;
  border: 0 !important;
  border-radius: 0;
  color: #fff;
  resize: none;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  input:focus,
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  textarea:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  input::placeholder,
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  textarea::placeholder {
  color: #b2b6c5;
  font-size: 17px;
  font-weight: 500;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .select-box {
  border-left: 1px solid #b2b6c5 !important;
  position: relative;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .select-box
  .form-select {
  --bs-form-select-bg-img: none !important;
  background-color: #0000;
  border: 0 !important;
  color: #b2b6c5;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .select-box
  .form-select:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .select-box
  .form-select::placeholder {
  color: #b2b6c5;
  font-size: 17px;
  font-weight: 500;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .select-box:after {
  border: 0 !important;
  color: #6a798c;
  content: "";
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  position: absolute;
  right: 18px;
  top: 5px;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .number {
  color: #b2b6c5;
  font-size: 17px;
  font-weight: 500;
  right: 15px;
  top: 18px;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .input-box
  .text-number {
  bottom: 12px;
  color: #b2b6c5;
  font-size: 17px;
  font-weight: 500;
  right: 15px;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .total-btc {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .total-btc
  span {
  color: #c2fb01;
}
.msgoffcanvas
  .offcanvasFooter
  #dropModal
  .modal-dialog
  .modal-content
  .modal-body
  .drop-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
}
#confirmModal .modal-dialog {
  z-index: 99999999;
}
#confirmModal .modal-dialog .modal-content {
  background-color: #202733 !important;
}
#confirmModal .modal-dialog .modal-content .btn-close {
  filter: invert(1) !important;
  opacity: 1 !important;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
}
#confirmModal .modal-dialog .modal-content .cancle-btn {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  border-top: 2px solid #202733;
  box-shadow: 0 0 9px 0 #0006;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 38px;
}
#confirmModal .modal-dialog .modal-content .ok-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 38px;
}
#confirmModal .modal-dialog .modal-content .heading-text {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
}
#confirmModal .modal-dialog .modal-content .desc-text {
  color: #6a798c;
  font-size: 18px;
  font-weight: 500;
}
.chatrulescard {
  border-radius: 8px;
  box-shadow: 0 3px 7px 0 #00000080;
  padding: 14px;
}
.chatrulescard .chatHeading {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.chatrulescard .ruleMenu .rules {
  color: #b2b6c5;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  margin: 5px 0;
}
.rulesmodal .rulesDialog {
  max-width: 515px;
}
.rulesmodal .rulesDialog .rulescontent {
  background-color: #212632 !important;
}
.rulesmodal .rulesDialog .rulescontent .rulesheader {
  align-items: center;
  background-color: #2e3443;
  display: flex;
  justify-content: space-between;
  padding: 15px 21px 12px;
}
.rulesmodal .rulesDialog .rulescontent .rulesheader .closebtn {
  display: flex;
  height: 13px;
  width: 13px;
}
.rulesmodal .rulesDialog .rulescontent .rulesheader .closebtn img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.rulesmodal .rulesDialog .rulescontent .rulebody {
  padding: 15px 20px;
}
.coinmodal .coindialog {
  max-width: 550px;
}
.coinmodal .coindialog .modalcontent {
  background-color: #1e222d !important;
}
.coinmodal .coindialog .modalcontent .coinIcon {
  height: 50px;
  width: 50px;
}
.coinmodal .coindialog .modalcontent .coinname {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
.coinmodal .coindialog .modalcontent .progress {
  background-color: #272b36;
  height: 5px;
}
.coinmodal .coindialog .modalcontent .progress .progress-bar {
  background-color: #62c412;
}
.coinmodal .coindialog .modalcontent .rank {
  color: #989cad;
  font-size: 14px;
  font-weight: 500;
}
.coinmodal .coindialog .modalcontent .rank.rankname {
  color: #b2b6c5;
}
.coinmodal .coindialog .modalcontent .rankcoin {
  height: 20px;
  width: 20px;
}
.coinmodal .coindialog .modalcontent .rankcard {
  background-color: #242937;
  padding: 15px;
}
.coinmodal .coindialog .modalcontent .rankcard .ranktotal {
  color: #989cad;
  font-size: 14px;
  font-weight: 600;
}
.coinmodal .coindialog .modalcontent .rankdata {
  gap: 8px;
}
.coinmodal .coindialog .modalcontent .modal-header {
  background-color: #2f364c;
}
.coinmodal .coindialog .modalcontent .modal-header .modal-title {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.coinmodal .coindialog .modalcontent .profile-header-section {
  border-bottom: 1px solid #202733;
  padding-bottom: 10px;
}
.coinmodal .coindialog .modalcontent .profile-header-section .medal-icon {
  fill: #fff;
  width: 20px;
}
.coinmodal .coindialog .modalcontent .profile-header-section span {
  color: #fff;
}
.coinmodal .coindialog .modalcontent .modal-body .details-button {
  color: #FF6700;
  cursor: pointer;
  font-size: 14px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .user-profile {
  border: 2px solid #b3bec1;
  border-radius: 50%;
  height: 60px;
  overflow: hidden;
  width: 60px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .profile-tag {
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  margin: -5px;
  padding: 0 10px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .profile-tag.level-silver {
  background: linear-gradient(
    246deg,
    #b7b7b7 23.35%,
    #c3c3c3 49.73%,
    #7f7f7f 84.21%,
    #444 167.95%
  );
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .UserName {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  margin-top: 10px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .user-id {
  color: #b3bec1;
  font-size: 12px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .likes-box {
  background-color: #2f364c;
  border-radius: 10px;
  color: #fff;
  left: 0;
  padding: 6px 12px;
  top: 20px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .likes-box
  i {
  color: #fc3c3c;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .likes-box
  span {
  font-size: 18px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .Edit-box {
  background-color: #2f364c;
  border-radius: 10px;
  color: #fff;
  padding: 6px 12px;
  right: 0;
  top: 20px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .profile-main-section
  .Edit-box
  i {
  color: #fff;
}
.coinmodal .coindialog .modalcontent .modal-body .medal-section {
  background-color: #2f364c;
  border-radius: 10px;
  padding: 12px;
}
.coinmodal .coindialog .modalcontent .modal-body .medal-section .medal-icons {
  flex-shrink: 0;
  width: 44px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .medal-section
  .medal-icons
  img {
  height: 100%;
  opacity: 0.5;
  width: 100%;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .medal-section
  .medal-icons.complete
  img {
  opacity: 1;
}
.coinmodal .coindialog .modalcontent .modal-body .stats-section {
  background-color: #2f364c;
  border-radius: 10px;
  padding: 12px;
}
.coinmodal .coindialog .modalcontent .modal-body .stats-section .stats-box {
  background-color: #202733;
  border-radius: 10px;
  padding: 10px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .stats-section
  .stats-box
  .stat-icon {
  fill: #fff;
  height: 20px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .stats-section
  .stats-box
  .stats-heading {
  font-size: 12px;
}
.coinmodal .coindialog .modalcontent .modal-body .fav-game-section {
  background-color: #2f364c;
  border-radius: 10px;
  padding: 12px;
}
.coinmodal .coindialog .modalcontent .modal-body .fav-game-section .game-image {
  width: 80px;
}
.coinmodal .coindialog .modalcontent .modal-body .fav-game-section .game-name {
  color: #fff;
  font-size: 16px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .fav-game-section
  .game-desc
  p {
  color: #b3bec1;
  font-size: 12px;
}
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .fav-game-section
  .game-desc
  .h6,
.coinmodal
  .coindialog
  .modalcontent
  .modal-body
  .fav-game-section
  .game-desc
  h6 {
  color: #fff;
  font-size: 14px;
}
.coinmodal .coindialog .modalcontent .modal-body .wager-section {
  background-color: #2f364c;
  border-radius: 10px;
  padding: 12px;
}
.coinmodal .coindialog .modalcontent .modal-body .wager-section table td,
.coinmodal .coindialog .modalcontent .modal-body .wager-section table th {
  background-color: #0000 !important;
  color: #fff !important;
}
.coinmodal .coindialog .modalcontent .modal-body .date-joined {
  color: #b3bec1;
  font-size: 14px;
}
.emojiDropdown {
  height: 400px !important;
  max-height: none;
}
aside.EmojiPickerReact {
  --epr-emoji-size: 22px;
  --epr-category-navigation-button-size: 22px;
  background: #0000;
}
aside.EmojiPickerReact.epr-main {
  border: none;
}
aside.EmojiPickerReact .epr-preview {
  display: none !important;
}
aside.EmojiPickerReact .epr-header .epr-header-overlay,
aside.EmojiPickerReact .epr-header > div:first-child {
  display: none;
}
aside.EmojiPickerReact .epr-body ~ div {
  display: none !important;
}
aside.EmojiPickerReact li.epr-emoji-category > .epr-emoji-category-label {
  background: #0000;
  color: #fff;
}
.resultModalWrapper .resultModalDialog .resultModalcontent {
  background: #1e222d;
}
.resultModalWrapper .resultModalDialog .resultModalcontent .modal-header {
  border-bottom: 0;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropMenu,
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropMenuOne {
  display: none;
  transition: 0.3s linear;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header.added-class
  .dropMenu {
  display: block;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header.added-class
  .dropMenuOne {
  display: none !important;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .modal-title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .searchInp {
  background-color: #242937;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 40px;
  line-height: normal;
  padding-left: 15px;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .searchInp:focus-visible {
  outline: medium none invert;
  outline: initial;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown {
  position: relative;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropBtn {
  background-color: #242937;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  padding: 10px 16px;
  text-transform: uppercase;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropBtn
  span {
  color: #fff;
  margin-left: 5px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropBtn:after {
  background-repeat: no-repeat;
  border-bottom: 0;
  border-left: 0.4em solid #0000;
  border-right: 0.4em solid #0000;
  border-top: 0.5em solid;
  content: "";
  margin-left: 8px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu {
  background-color: #242937;
  border-radius: 4px;
  height: 328px;
  margin-bottom: 10px;
  min-width: 5rem !important;
  overflow: hidden;
  padding: 12px;
  position: absolute;
  right: 0 !important;
  top: 100% !important;
  transform: translate(0) !important;
  width: 200px;
  z-index: 6;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu.dropSort {
  height: 135px;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu.show {
  display: block !important;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch {
  background-color: #15191f;
  border: 0;
  border-radius: 4px;
  color: #b2b6c5;
  font-size: 12px;
  height: 35px;
  padding-left: 30px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch::placeholder {
  color: #b2b6c5 !important;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch:focus-visible {
  outline: medium none invert;
  outline: initial;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .dropHeader
  .serachImg {
  height: 13px;
  left: 10px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .dropHeader
  .serachImg
  img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper {
  height: 260px;
  overflow-y: auto;
  padding-bottom: 20px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck {
  align-items: center;
  display: flex;
  padding-left: 0;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownInp:checked
  ~ .dropdownLabel
  .dropdownCheckbox {
  background-color: #15191f;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownInp:checked
  ~ .dropdownLabel
  .dropdownCheckbox:before {
  display: flex;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel {
  cursor: pointer;
  width: 100%;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownCheckbox {
  border: 2px solid #62c412;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 17px;
  margin: 0 8px 0 0;
  min-width: 17px;
  position: relative;
  width: 17px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownCheckbox:before {
  border-bottom: 3px solid #62c412;
  border-radius: 2px;
  border-right: 3px solid #62c412;
  content: "";
  display: none;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 7px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownTxt {
  color: #fff;
  font-size: 13px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-header
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownValue {
  align-items: center;
  background-color: #2f3a47;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.resultModalWrapper
  .resultModalDialog
  .resultModalcontent
  .modal-body
  .loadBtn {
  background-color: #15191f;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: normal;
  padding: 12px 31px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.gameSearchPage .searchGameCardWrapper > * {
  flex: 0 0 11.11%;
  width: 11.11%;
}
@media (max-width: 1399px) {
  .gameSearchPage .searchGameCardWrapper > * {
    flex: 0 0 12.5%;
    width: 12.5%;
  }
}
@media (max-width: 1199px) {
  .gameSearchPage .searchGameCardWrapper > * {
    flex: 0 0 12.5%;
    width: 12.5%;
  }
}
@media (max-width: 991px) {
  .gameSearchPage .searchGameCardWrapper > * {
    flex: 0 0 20%;
    width: 20%;
  }
}
@media (max-width: 767px) {
  .gameSearchPage .searchGameCardWrapper > * {
    flex: 0 0 25%;
    width: 25%;
  }
}
@media (max-width: 575px) {
  .gameSearchPage .searchGameCardWrapper > * {
    flex: 0 0 33.33%;
    width: 33.33%;
  }
}
.NotificationoffcanvasWrapper {
  box-shadow: 0 5px 20px 0 #00000080;
}
.NotificationoffcanvasWrapper .offcanvasHeader {
  background: #15191f;
}
.NotificationoffcanvasWrapper .offcanvasHeader .offcanvasTitle {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasBtns {
  align-items: center;
  background: #15191f;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  line-height: normal;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasBtns.active {
  background: linear-gradient(180deg, #efb90b, #15191f 121.43%);
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasTextWrapper {
  background: #2e3443;
  border-radius: 4px;
  padding: 14px 11px;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasTextWrapper .date {
  color: #b2b6c5;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 14px;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasTextWrapper .time {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 11px;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasTextWrapper .banner {
  width: 100%;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .banner
  img {
  border-radius: 4px;
  height: 100%;
  margin-bottom: 8px;
  object-fit: cover;
  width: 100%;
}
.NotificationoffcanvasWrapper .offcanvas-body .offcanvasTextWrapper .text {
  color: #b2b6c5;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBtn {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBtn.upperCollapsedBtn:not(.collapsed) {
  height: 0;
  overflow: hidden;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBtn:active {
  border: 0 !important;
  border-color: #000;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBtn
  svg {
  height: 5.74px;
  margin-left: 5px;
  width: 10px;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBody {
  background: #15191f;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBody
  .textAnchor {
  color: #efb90b;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
.NotificationoffcanvasWrapper
  .offcanvas-body
  .offcanvasTextWrapper
  .collapseBody
  .anchorDivider {
  background: #424966;
  height: 1px;
  width: 100%;
}
.noNotificationCard img {
  height: 130px;
  object-fit: contain;
}
.noNotificationCard .txxxtttt {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.loadMoreNotiBtn {
  background: #15191f;
  border: 1px solid #15191f;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-inline: auto;
  padding: 8px;
  text-transform: capitalize;
  width: 130px !important;
}
.medal-modal .medal-modal-content {
  background-color: #2f364c;
  border-radius: 10px;
}
.medal-modal .medal-modal-content .single-medal-box {
  background-color: #202733;
  border-radius: 10px;
  padding: 12px;
}
.medal-modal .medal-modal-content .single-medal-box .medal-icon {
  width: 44px;
}
.medal-modal .medal-modal-content .single-medal-box .medal-desc .medal-title {
  color: #fff;
  font-size: 14px;
}
.medal-modal .medal-modal-content .single-medal-box .medal-desc .medal-date {
  color: #b3bec1;
  font-size: 14px;
}
.medal-modal .medal-modal-content .medal-details-box .medal-icon {
  width: 85px;
}
.medal-modal .medal-modal-content .medal-details-box .medal-desc .medal-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.medal-modal .medal-modal-content .medal-details-box .medal-desc .medal-data {
  color: #b3bec1;
}
.medal-modal .medal-modal-content .medal-details-box .medal-desc .medal-date,
.medal-modal .medal-modal-content .more-details .detail-heading {
  color: #b3bec1;
  font-size: 14px;
}
.medal-modal .medal-modal-content .more-details .detail-desc {
  color: #fff;
  font-size: 14px;
}
.medal-modal .master-text {
  color: #FF6700;
}
.coinmodal .medal-modalcontent {
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}
.coinmodal .medal-modalcontent.active {
  transform: translateX(0);
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-toggle {
  background-color: #191d27;
  border: 0;
  border-radius: 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 18px;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-toggle
  span {
  color: #FF6700;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-toggle:after {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 50%;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-menu {
  background-color: #191d27;
  border: 0;
  border-radius: 15px;
  max-height: 180px;
  overflow: auto;
  padding: 10px 18px;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #2f364c;
  border-radius: 10px;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-label {
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input {
  background-color: #0000 !important;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input:checked {
  border-width: 2px !important;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .stats-userimg {
  border-radius: 50%;
  flex-shrink: 0;
  height: 36px;
  overflow: hidden;
  width: 36px;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .stats-profile-name {
  font-size: 14px;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .table th {
  background-color: #0000;
  color: #fff;
  padding-bottom: 20px;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .table td {
  background-color: #0000;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .table
  td
  .bitcoin-img {
  border-radius: 50%;
  overflow: hidden;
  width: 16px;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .pagination-btn {
  background-color: #202733;
  border: 0;
  border-radius: 5px;
  padding: 6px 10px;
}
.Statistics-modalcontent .stats-modal .stats-modal-content .pagination-btn i {
  color: #fff;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .pagination-input-box {
  background-color: #202733;
  border-radius: 5px;
  padding: 6px 10px;
}
.Statistics-modalcontent
  .stats-modal
  .stats-modal-content
  .pagination-input-box
  .pagination-input {
  background-color: #2f364c;
  border: 0;
  border-radius: 5px;
  color: #fff;
  min-width: 35px;
  text-align: center;
  width: 35px;
}
.seachNewPop {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #202733;
  height: 100%;
  inset: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
}
.seachNewPop .innerContainer {
  height: 100vh;
  overflow: hidden;
  padding: 8px;
}
@media only screen and (min-width: 768px) {
  .seachNewPop .innerContainer {
    padding: 20px;
  }
}
.seachNewPop .innerContainer .sideBar .sideMenuBar {
  padding: 3px;
}
@media only screen and (min-width: 992px) {
  .seachNewPop .innerContainer .sideBar .sideMenuBar {
    overflow-y: auto;
  }
}
.seachNewPop .innerContainer .sideBar .sideMenuBar .sideMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
}
@media only screen and (min-width: 992px) {
  .seachNewPop .innerContainer .sideBar .sideMenuBar .sideMenu {
    display: flex;
    flex-direction: column;
  }
}
.seachNewPop .innerContainer .sideBar .sideMenuBar .sideMenu .sideMenuLink {
  text-wrap: nowrap;
  align-items: center;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 7px !important;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .sideBar
  .sideMenuBar
  .sideMenu
  .sideMenuLink
  .linkIcon {
  align-items: center;
  display: flex;
  height: 25px;
  justify-content: center;
  padding: 5px;
  width: 25px;
}
.seachNewPop
  .innerContainer
  .sideBar
  .sideMenuBar
  .sideMenu
  .sideMenuLink.active {
  background: linear-gradient(90deg, #FF6700, #99d3ff);
  color: #fff;
}
.seachNewPop
  .innerContainer
  .sideBar
  .sideMenuBar
  .sideMenu
  .sideMenuLink.active
  .linkIcon {
  background: #0000;
  border-color: #fff;
}
.seachNewPop .innerContainer .flex11auto {
  flex: 1 1 auto;
}
.seachNewPop .innerContainer .flex11auto .mainContent {
  background-color: #191d27;
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .seachNewPop .innerContainer .flex11auto .mainContent {
    padding: 18px 7px;
  }
}
.seachNewPop .innerContainer .flex11auto .mainContent .innerSection {
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .seachNewPop .innerContainer .flex11auto .mainContent .innerSection {
    padding: 8px 5px;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2 {
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2 {
    padding: 13px 10px;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3 {
  height: 100%;
  overflow: hidden;
  padding: 10px;
}
@media only screen and (min-width: 992px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3 {
    padding: 0 24px 24px;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup {
  background-color: #242937;
  border-radius: 30px;
  height: 40px;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup
  .iconSearch {
  background-color: #0000;
  border: none;
  height: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup
  .iconSearch
  img {
  height: 15px;
  width: 15px;
}
@media only screen and (min-width: 576px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3
    .SerachGroup
    .iconSearch
    img {
    height: 17px;
    width: 17px;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup
  .inputSearch {
  background-color: #0000;
  border: none;
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  padding-left: 0;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup
  .inputSearch::placeholder {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3
    .SerachGroup
    .inputSearch::placeholder {
    font-size: 14px;
    font-weight: 500;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .SerachGroup
  .inputSearch:focus {
  border: none;
  box-shadow: none;
}
@media only screen and (min-width: 576px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3
    .SerachGroup
    .inputSearch {
    font-size: 14px;
    font-weight: 500;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown {
  position: relative;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropBtn {
  background-color: #242937;
  border: 0;
  border-radius: 30px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: normal;
  padding: 10px 16px;
  text-align: start;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3
    .dropDown
    .dropBtn {
    font-size: 13px;
    font-weight: 600;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropBtn
  span {
  color: #fff;
  margin-left: 5px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu {
  background-color: #242937;
  border-radius: 4px;
  height: 328px;
  margin-bottom: 10px;
  min-width: 5rem !important;
  overflow: hidden;
  padding: 12px;
  position: absolute;
  right: 0 !important;
  top: 100% !important;
  transform: translate(0) !important;
  width: 200px;
  z-index: 6;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu.dropSort {
  height: 135px;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu.show {
  display: block !important;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch {
  background-color: #15191f;
  border: 0;
  border-radius: 4px;
  color: #b2b6c5;
  font-size: 12px;
  height: 35px;
  padding-left: 30px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch::placeholder {
  color: #b2b6c5 !important;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .dropHeader
  .dropSearch:focus-visible {
  outline: medium none invert;
  outline: initial;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .dropHeader
  .serachImg {
  height: 13px;
  left: 10px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .dropHeader
  .serachImg
  img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper {
  height: 260px;
  overflow-y: auto;
  padding-bottom: 20px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck {
  align-items: center;
  display: flex;
  padding-left: 0;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownInp:checked
  ~ .dropdownLabel
  .dropdownCheckbox {
  background-color: #15191f;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownInp:checked
  ~ .dropdownLabel
  .dropdownCheckbox:before {
  display: flex;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel {
  cursor: pointer;
  width: 100%;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownCheckbox {
  border: 2px solid #62c412;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 17px;
  margin: 0 8px 0 0;
  min-width: 17px;
  position: relative;
  width: 17px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownCheckbox:before {
  border-bottom: 3px solid #62c412;
  border-radius: 2px;
  border-right: 3px solid #62c412;
  content: "";
  display: none;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 7px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownTxt {
  color: #fff;
  font-size: 13px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropDown
  .dropMenu
  .bodyWrapper
  .dropBody
  .formCheck
  .dropdownLabel
  .dropdownValue {
  align-items: center;
  background-color: #2f3a47;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropdownsimple
  .dropBtn {
  background-color: #242937;
  border: 0;
  border-radius: 30px;
  box-shadow: none;
  color: #b2b6c5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: normal;
  padding: 10px 16px;
  text-align: start;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .seachNewPop
    .innerContainer
    .flex11auto
    .mainContent
    .innerSection
    .innerSection2
    .innerSection3
    .dropdownsimple
    .dropBtn {
    font-size: 13px;
    font-weight: 600;
  }
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropdownsimple
  .dropBtn
  span {
  color: #fff;
  margin-left: 5px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropdownsimple
  .DropMenuSimple {
  background-color: #242937;
  border-radius: 4px;
  min-width: 5rem !important;
  overflow: hidden;
  padding: 12px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropdownsimple
  .DropMenuSimple
  .dropdownTxt {
  color: #fff;
  font-size: 13px;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .dropdownsimple
  .DropMenuSimple
  .dropdownTxt:hover {
  background-color: #0000;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .bottomCont {
  flex: 1 1 auto;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .bottomCont
  .scrollPart {
  height: 100% !important;
  overflow-x: hidden;
  overflow-y: auto !important;
}
.seachNewPop
  .innerContainer
  .flex11auto
  .mainContent
  .innerSection
  .innerSection2
  .innerSection3
  .bottomCont
  .loadmoremain {
  background-color: #2e3443;
  border-radius: 30px;
  display: inline-flex !important;
  font-size: 14px;
  height: 36px;
  margin-inline: auto;
  padding: 4px 22px;
}
.seachNewPop .innerContainer .closeBtn {
  align-items: end;
  background-color: #191d27;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: end;
  padding: 8px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .seachNewPop .innerContainer .closeBtn {
    padding: 9px;
  }
}
.seachNewPop .innerContainer .closeBtn img {
  height: 100%;
  object-fit: contain;
}
.seachNewPop .innerContainer .closeBtn:after {
  background-color: #2e3443;
  content: "";
  display: none;
  height: 9px;
  left: -44px;
  position: absolute;
  top: 15px;
  width: 50px;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .seachNewPop .innerContainer .closeBtn:after {
    display: block;
  }
}
@media (min-width: 450px) and (max-width: 576px) {
  .searchColsWrapper > * {
    width: 25% !important;
  }
}
@media (min-width: 1120px) and (max-width: 1200px) {
  .searchColsWrapper > * {
    width: 16.66% !important;
  }
}
@media (min-width: 1320px) and (max-width: 1500px) {
  .searchColsWrapper > * {
    width: 14.28% !important;
  }
}
@media (min-width: 1500px) {
  .searchColsWrapper > * {
    width: 12.5% !important;
  }
}
.skeleton {
  background-color: #242937;
  overflow: hidden;
  position: relative;
}
.skeleton:after {
  animation: shine 1s linear infinite;
  background-image: linear-gradient(
    -55deg,
    #2e344300,
    #2e344300,
    #2e3443,
    #2e344300,
    #2e344300
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}
.skeleton.withoutLoader:after {
  display: none !important;
}
.skeleton.heroSkeletonLoader {
  aspect-ratio: 2.37;
  border-radius: 10px;
  height: 100%;
  height: 290px;
  width: 100%;
}
.skeleton.casinoHeroSkeletonLoader {
  aspect-ratio: 2.37;
  border-radius: 10px;
  height: 100%;
  height: 175px;
  width: 100%;
}
.skeleton.spinWheelSkeletonLoader {
  align-items: center;
  aspect-ratio: 1;
  background-color: #0000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 370px;
}
.skeleton.spinWheelSkeletonLoader img {
  filter: blur(5px);
  height: 100%;
  object-fit: contain;
  width: 100%;
}
@media (max-width: 450px) {
  .skeleton.spinWheelSkeletonLoader {
    width: 330px !important;
  }
}
.skeleton.sportsCardSkeletonLoader {
  aspect-ratio: 1.51;
  border-radius: 10px;
  height: 280px;
  width: 100%;
}
.skeleton.gameCardSkeletonLoader {
  aspect-ratio: 0.7245;
  border-radius: 10px;
  width: 100%;
}
.skeleton.providerCardSkeletonLoader {
  border-radius: 10px;
  height: 75px;
  width: 100%;
}
.skeleton.titleSkeletonLoader {
  border-radius: 5px;
  height: 24px;
  width: 140px;
}
.skeleton.seeAllBtnSkeletonLoader {
  border-radius: 5px;
  height: 24px;
  width: 90px;
}
.skeleton.casinoCatLoaderrrr {
  height: 40px;
  margin-bottom: 4px;
  width: 100%;
}
@keyframes shine {
  0% {
    opacity: 0;
    transform: translateX(-70%);
  }
  50% {
    opacity: 1;
    transform: translateX(-35%);
  }
  to {
    opacity: 0;
    transform: translateX(0);
  }
}
.skeletonGameRow > * {
  padding-inline: 4px !important;
  width: 110px !important;
}
@media (min-width: 992px) {
  .skeletonGameRow > * {
    width: 140px !important;
  }
}
.affiliateheading {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
}
.affiliatepagenew p {
  font-size: 14px;
}
.affiliatepagenew .affiliate_program_sec .program_content .btn_group button {
  box-shadow: 0 0 2px #cbcbcb;
  padding: 9px 38px;
  transition: all 0.5s;
}
.affiliatepagenew
  .affiliate_program_sec
  .program_content
  .btn_group
  .btn_colored {
  background: linear-gradient(180deg, #7bc6ff, #187ac5);
  color: #fff;
}
.affiliatepagenew
  .affiliate_program_sec
  .program_content
  .btn_group
  .btn_colored:hover {
  background: #242937;
}
.affiliatepagenew
  .affiliate_program_sec
  .program_content
  .btn_group
  .btn_trans {
  background: #242937;
  color: #fff;
}
.affiliatepagenew
  .affiliate_program_sec
  .program_content
  .btn_group
  .btn_trans:hover {
  background: #424b61;
}
.affiliatepagenew .work_sec .work_box .work_img .work_bg_img {
  min-height: 150px;
}
.affiliatepagenew .work_sec .work_box .step_txt {
  color: #fff;
  flex-shrink: 0;
  font-size: 24px;
}
.affiliatepagenew .about_affiliate_sec .about_img img {
  min-height: 240px;
  object-fit: contain;
}
.affiliatepagenew .about_affiliate_sec .about_input {
  background: #191a24;
}
.affiliatepagenew .about_affiliate_sec .about_input input,
.affiliatepagenew .about_affiliate_sec .about_input input::placeholder {
  color: #fff;
}
.affiliatepagenew .about_affiliate_sec .about_input input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.affiliatepagenew .about_affiliate_sec .about_input button {
  background: #242937;
  color: #fff;
}
.affiliatepagenew .faq_sec .accordion .accordion-item .accordion-button {
  background: #202733;
  border: none;
  border-radius: 30px;
  box-shadow: 0 0 2px #575757;
  color: #fff;
}
.affiliatepagenew .faq_sec .accordion .accordion-item .accordion-button:after {
  filter: brightness(82.5);
}
.affiliatepagenew .affiliate_after_login .affiliate_tabs .tab_list {
  background: #202733;
}
.affiliatepagenew .affiliate_after_login .affiliate_tabs .tab_list .nav-tabs {
  cursor: grab;
  overflow-x: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.affiliatepagenew
  .affiliate_after_login
  .affiliate_tabs
  .tab_list
  .nav-tabs::-webkit-scrollbar {
  background: #191a24;
  height: 3px;
  width: 3px;
}
.affiliatepagenew
  .affiliate_after_login
  .affiliate_tabs
  .tab_list
  .nav-tabs::-webkit-scrollbar-thumb {
  background: #191a24;
  border-radius: 10px;
  height: 3px;
}
.affiliatepagenew
  .affiliate_after_login
  .affiliate_tabs
  .tab_list
  .nav-tabs::-webkit-scrollbar-track {
  background: #0000;
  height: 3px;
}
.affiliatepagenew
  .affiliate_after_login
  .affiliate_tabs
  .tab_list
  .nav-tabs
  .nav-link {
  border: none !important;
  border-radius: 30px;
  color: #485b7c;
  padding: 10px 35px;
}
.affiliatepagenew
  .affiliate_after_login
  .affiliate_tabs
  .tab_list
  .nav-tabs
  .nav-link.active {
  background: #333d4f;
  color: #fff;
}
.affiliatepagenew .affiliate_after_login .bg_main_color {
  background: #202733;
  border-radius: 11px;
}
.affiliatepagenew .affiliate_after_login .rounded_bg {
  background: #191d27;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_list
  .list_item {
  background: #191d27;
  color: #FF6700;
  font-size: 14px;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_refral
  .refral_link {
  background: #191d27;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_refral
  .refral_link
  input {
  color: #fff;
  outline: none !important;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_refral
  .refral_link
  input::placeholder {
  color: #fff;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_refral
  .refral_link
  input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_refral
  .refral_link
  button {
  align-items: center;
  background: #202733;
  border-radius: 50%;
  box-shadow: 0 0 2px #888;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_social_links
  .social_items {
  background: #191d27;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_code_sec
  .invite_social_links
  .social_items
  img {
  height: 35px;
  object-fit: contain;
  width: 35px;
}
.affiliatepagenew .affiliate_after_login .invite_group_box .group_bx {
  background: #191d27;
  transition: all 0.5s;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_group_box
  .group_bx
  .group_img
  img {
  height: 45px;
  object-fit: contain;
  transition: all 0.5s;
}
.affiliatepagenew
  .affiliate_after_login
  .invite_group_box
  .group_bx:hover
  .group_img
  img {
  transform: scale(1.1);
}
.affiliatepagenew .affiliate_after_login .invite_group_box .group_bx .grp_txt {
  font-size: 13px;
}
.affiliatepagenew
  .affiliate_after_login
  .activity_sec
  .activity_content
  .empty_img
  img {
  height: 84px;
  object-fit: contain;
}
.affiliatepagenew .affiliate_after_login .live_reward_sec .live_bx .user_txt {
  font-size: 14px;
}
.affiliatepagenew
  .affiliate_after_login
  .live_reward_sec
  .live_bx
  .live_sm_txt {
  color: #FF6700;
  font-size: 14px;
}
.affiliatepagenew .affiliate_after_login .live_reward_sec .brd_live_right {
  border-right: 1px solid #1a496c;
}
.affiliatepagenew
  .affiliate_after_login
  .live_reward_sec
  .brd_live_right:last-child {
  border-right: none;
}
.affiliatepagenew .affiliate_after_login .live_reward_sec .brd_live_tp {
  border-top: 1px solid #1a496c;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .becomepartnerSection .partnerCardMain .partnerCard .partnerHeading {
    font-size: 20px;
    margin-top: 10px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .partnerDetail {
    font-size: 14px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter {
    height: 35.331px;
    margin-bottom: 8px;
    width: 190.77px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter .cardlink {
    font-size: 13px;
  }
  .partnershipSection .partnershipCardWrapper .partnershipcolAuto {
    padding: 20px;
  }
  .partnershipSection .partnershipCardWrapper .gamename {
    font-size: 25px;
  }
  .partnershipSection .partnershipCardWrapper .gotoBtn {
    height: 55.637px;
    width: 200.945px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .becomepartnerSection .partnerCardMain .partnerCard .partnerHeading {
    font-size: 20px;
    margin-top: 10px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .partnerDetail {
    font-size: 14px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter {
    height: 35.331px;
    margin-bottom: 8px;
    width: 190.77px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter .cardlink {
    font-size: 10px;
  }
  .partnershipSection .partnershipCardWrapper .partnershipcolAuto {
    padding: 20px;
  }
  .partnershipSection .partnershipCardWrapper .gamename {
    font-size: 25px;
  }
  .partnershipSection .partnershipCardWrapper .gotoBtn {
    height: 55.637px;
    width: 200.945px;
  }
  .partnershipSection .partnershipCardWrapper .casinoicon {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .becomepartnerSection .partnerCardMain .partnerCard .partnerHeading {
    font-size: 20px;
    margin-top: 10px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .partnerDetail {
    font-size: 14px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter {
    height: 35.331px;
    margin-bottom: 8px;
    width: 190.77px;
  }
  .becomepartnerSection .partnerCardMain .partnerCard .cardfooter .cardlink {
    font-size: 12px;
  }
  .partnershipSection .partnershipCardWrapper .partnershipcolAuto {
    padding: 20px;
  }
  .partnershipSection .partnershipCardWrapper .gamename {
    font-size: 25px;
  }
  .partnershipSection .partnershipCardWrapper .gotoBtn {
    height: 42.637px;
    width: 178.945px;
  }
}
@media (max-width: 767px) {
  .affiliateheading {
    font-size: 22px;
  }
  .affiliatepagenew .affiliate_after_login .invite_code_sec .invite_list li {
    width: 100%;
  }
  .affiliatepagenew .affiliate_after_login .live_reward_sec .brd_live_right {
    border-bottom: 1px solid #1a496c;
  }
  .affiliatepagenew
    .affiliate_after_login
    .live_reward_sec
    .brd_live_right:nth-child(2n) {
    border-right: none !important;
  }
  .affiliatepagenew .affiliate_after_login .live_reward_sec .brd_live_tp {
    border-top: none;
  }
  .affiliatepagenew
    .affiliate_after_login
    .live_reward_sec
    button
    .btn_img
    img {
    height: 16px;
    object-fit: contain;
  }
  .affiliatepagenew .about_affiliate_sec .about_input button {
    font-size: 13px;
  }
  .affiliatepagenew .affiliate_program_sec .program_content .btn_group {
    justify-content: space-between;
  }
  .affiliatepagenew .affiliate_program_sec .program_content .btn_group button {
    font-size: 14px;
    padding: 9px 20px;
    width: 100%;
  }
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/Lexend-ExtraBold.11ca4dcae915ac0a3cfb.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 200;
  src: url(/static/media/Lexend-ExtraLight.f491101b76004aa885f1.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 900;
  src: url(/static/media/Lexend-Black.a8ace3f14d56a575fcf9.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/Lexend-Bold.99b0848125186542ba94.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/Lexend-SemiBold.e6fe5b5bc6f420de3ad5.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/Lexend-Thin.c8ea60295eaa70f38612.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/Lexend-Light.25c7f99a7ed26709e599.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/Lexend-Medium.c2d06c64c397e3677623.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lexend;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Lexend-Regular.9a2436988fdf2edb6c22.ttf)
    format("truetype");
}
html body {
  background-color: #191a24 !important;
  font-family: Lexend, sans-serif !important;
}
.SportsBoxSec {
  --bs-gutter-x: 15px !important;
  --bs-gutter-y: 15px !important;
}
.SportsBoxSec .sport-bx-1 {
  background-color: #202733;
  border-top: 2px solid #2f364c;
  box-shadow: 0 4px 4px 0 #00000040;
}
.SportsBoxSec .sport-bx-1 img {
  height: 70px;
  width: 70px;
}
.SportsBoxSec .sport-bx-1.active {
  background-color: #FF6700 !important;
  border-top: 2px solid #FF6700 !important;
  box-shadow: 0 4px 4px 0 #00000040;
}
.SportsBoxSec .sport-bx-1 .h5,
.SportsBoxSec .sport-bx-1 h5 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.SportsBoxSec .sport-bx-1 p {
  color: #d4d4d4 !important;
  font-size: 11px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .SportsBoxSec {
    --bs-gutter-x: 12px !important;
    --bs-gutter-y: 12px !important;
  }
}
.PopularGameCard {
  background-color: #1c202b;
  border-radius: 10px;
  border-top: 2px solid #2f364c;
  box-shadow: 0 4px 4px 0 #11141a99;
  padding-bottom: 5px;
  position: relative;
}
.PopularGameCard .card-tp {
  padding: 8px 16px;
}
.PopularGameCard .card-tp .tp-title {
  font-size: 10px;
  font-weight: 400;
}
.PopularGameCard .card-tp .flag-img {
  display: inline-flex;
}
.PopularGameCard .card-tp .flag-img img {
  border-radius: 2px;
  width: 15px;
}
.PopularGameCard .card-mid-sec {
  border-top: 1px solid #2f364c;
}
.PopularGameCard .card-mid-inner {
  padding: 10px 18px;
}
.PopularGameCard .card-mid-inner .team-img1 {
  background-color: #202733;
  border: 2px solid #2f364c;
  border-radius: 5px;
  display: inline-block;
  padding: 12px 16px;
}
.PopularGameCard .card-mid-inner .team-img1 img {
  width: 25px;
}
.PopularGameCard .card-mid-inner .team-title {
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 0;
}
.PopularGameCard .card-mid-inner .time-bx p {
  color: #6a798c;
  font-size: 9px;
  font-weight: 500;
}
.PopularGameCard .card-mid-inner .time-bx .h4,
.PopularGameCard .card-mid-inner .time-bx h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.PopularGameCard .card-btm-sec {
  padding: 10px 18px;
}
.PopularGameCard .card-btm-sec .button-bx {
  background-color: #202733;
  border-radius: 5px;
  border-top: 2px solid #2f364c;
  display: inline-flex;
  gap: 14px;
  justify-content: space-between;
  padding: 8px 16px;
  position: relative;
}
.PopularGameCard .card-btm-sec .content1 {
  color: #6a798c;
  font-size: 8px;
  font-weight: 500;
}
.PopularGameCard .card-btm-sec .content2 {
  color: #d4d4d4;
  font-size: 8px;
  font-weight: 500;
}
.mainSubHeading {
  color: #fff;
  font-size: 15px !important;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .mainSubHeading {
    text-decoration: none !important;
  }
}
.mainHeading img {
  filter: none !important;
}
.sportsCardBox {
  background-color: #1c202b;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 #11141a99, inset 0 0 1px 2px #2f364c;
  overflow: hidden;
  padding-bottom: 5px;
  transition: 0.3s ease-in-out;
}
.sportsCardBox:hover {
  transform: translateY(-5px);
}
.sportsCard .sportsImg {
  border-radius: 0 !important;
  height: 190px;
}
.sportsCard .sportsImg:hover {
  border-color: #0000;
}
@media (max-width: 767px) {
  .sportsCard .sportsImg {
    height: 155px;
  }
}
.sportsCardBox .sportsTitle .h5,
.sportsCardBox .sportsTitle h5 {
  color: #d4d4d4;
  font-size: 12px !important;
  font-weight: 600;
  padding-top: 12px;
  text-align: center;
}
.SportsBannerSec .sports_banner {
  cursor: pointer;
  height: 270px;
}
.SportsBannerSec .sports_banner img {
  display: block;
  width: 100%;
}
.betTableOptionWrapper .betTableOption {
  background-color: #202733;
  border-radius: 40px !important;
  box-shadow: inset 2px 2px 0 0 #2f364c;
  padding: 10px 26px !important;
}
.betTableOptionWrapper .betTableOption.active,
.betTableOptionWrapper .betTableOption:hover {
  background: linear-gradient(270deg, #47aefa, #FF6700) !important;
  box-shadow: inset 2px 2px 0 0 #FF6700;
}
.betTable table {
  background-color: #1c202b;
  border-collapse: initial;
  border-radius: 10px;
  border-spacing: 0 5px;
  border-top: 2px solid #2f364c;
  box-shadow: 0 4px 4px 0 #11141a99;
  margin-top: 8px !important;
  padding: 4px 15px;
}
.betTable tbody td {
  background-color: #202733 !important;
  padding: 15px 17px !important;
}
.betTable thead th {
  color: #6a798c !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 10px 0;
  text-align: center;
  text-transform: capitalize !important;
}
.headingAnchor {
  color: #6a798c;
  font-size: 12px;
  font-weight: 500;
}
.casinoSliderBtns .sliderBtn {
  background-color: #0000;
  height: 0 !important;
  width: 0 !important;
}
.casinoSliderBtns .sliderBtn img {
  filter: brightness(0.5) !important;
  height: 11px;
}
.mainHeading {
  font-size: 15px !important;
}
.bonusSlider
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF6700 !important;
}
.searchComp {
  border-radius: 40px !important;
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption.active {
  background: linear-gradient(270deg, #47aefa, #FF6700) !important;
  border-radius: 40px;
  box-shadow: inset 2px 2px 0 0 #FF6700;
  color: #fff !important;
  padding: 10px 26px !important;
}
.casinoTabOptionsWrapper .casinoTabOptions .casinoTabOption {
  color: #6a798c !important;
  font-size: 14px !important;
  font-weight: 500;
  padding-inline: 0 !important;
  padding: 10px !important;
}
.mainHeadingCasino img {
  margin-right: 5px;
}
.mainSubHeading .viewIcon {
  height: 11px;
  margin-left: 5px;
  margin-top: -1px;
}
.mainSubHeadingCasino {
  background: #202733;
  border-radius: 40px;
  padding: 8px 12px;
}
.casinoPageSliderBtns .sliderBtn {
  background-color: #202733;
  border-radius: 40px;
  padding: 15px 22px;
}
.casinoPageSliderBtns .sliderBtn img {
  filter: none !important;
  height: 11px;
}
.providerSwiperSlider .ProviderSlider {
  background-color: #202733 !important;
  border-radius: 40px;
}
.promotionBanner {
  background: linear-gradient(90deg, #FF6700, #1c3243);
  border-radius: 10px;
  padding-block: 13.5px;
  padding-inline: 5px;
}
.promotionBanner .modal-content {
  background-color: #191d27 !important;
}
.promotionBanner .modal-content .modal-dialog {
  --bs-modal-width: 500px !important;
}
@media only screen and (min-width: 768px) {
  .promotionBanner {
    padding-block: 43.5px;
    padding-inline: 27px;
  }
}
.promotionBanner .banner-buttons {
  position: relative;
  top: 55%;
}
@media only screen and (min-width: 768px) {
  .promotionBanner .banner-buttons {
    position: absolute;
  }
}
.promotionBanner .tittle {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .promotionBanner .tittle {
    font-size: 18px;
  }
}
.promotionBanner .tittle2 {
  font-size: 20px;
  font-weight: 800;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .promotionBanner .tittle2 {
    font-size: 30px;
  }
}
.promotionBanner .button1 {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: none;
  border-top: 2px solid #FF6700;
  box-shadow: 0 0 9px 0 #0006;
}
.promotionBanner .button1,
.promotionBanner .button2 {
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 15px;
  text-align: center;
}
.promotionBanner .button2 {
  background-color: #0000;
  border: 1px solid #fff;
}
.bg-2 {
  background: linear-gradient(180deg, #ba490b, #60120b) !important;
}
.bg-3 {
  background: linear-gradient(180deg, #a621aa, #370544) !important;
}
.bg-4 {
  background: linear-gradient(180deg, #ffca24, #58450a) !important;
}
.cardOuter {
  background: linear-gradient(180deg, #63ba41, #18480f);
  border-radius: 10px;
  padding-block: 13.05px;
  padding-inline: 9px;
  width: 100% !important;
}
.cardOuter .level {
  filter: drop-shadow(0 4px 4px 0 rgba(0, 0, 0, 0.2509803922));
  width: 30px;
}
@media only screen and (min-width: 768px) {
  .cardOuter .level {
    width: auto;
  }
}
.cardOuter .box {
  width: 60px;
}
@media only screen and (min-width: 768px) {
  .cardOuter .box {
    width: auto;
  }
}
.cardOuter .tittle-3 {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 3px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cardOuter .tittle-3 {
    font-size: 16px;
  }
}
.cardOuter .depositBtn {
  background: #191d27 !important;
  border: none;
  border-radius: 5px;
  color: #b3b3be;
  font-size: 7px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12.5px;
  margin-top: 4px;
  padding: 5px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cardOuter .depositBtn {
    font-size: 10px;
    padding: 7px 18px;
  }
}
.bonus {
  margin-top: 25px;
}
.bonus .nav-pills {
  background-color: #202733;
  border-radius: 0;
  margin-bottom: 50px;
  width: fit-content;
}
.bonus .nav-pills .nav-item .nav-link {
  border-radius: 0px;
  color: #6a798c;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 47px;
}
.bonus .nav-pills .nav-item .nav-link.active {
  background-color: #FF6700 !important;
  color: #fff !important;
}
.bonus-card {
  background-color: #202733;
  border-radius: 10px;
  position: relative;
}
.bonus_img {
  height: 159px;
  width: 176px !important;
}
.detail {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 9px;
  padding-inline: 17px;
}
.bonus_tittle {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.5px;
}
.bonus_text {
  color: #b3b3be;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.25px;
  margin-top: 4px;
}
.progressbtn {
  background-color: #2f364c;
  border: 1px solid #1d4a6c;
  border-radius: 5px;
  color: #FF6700;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  padding-block: 8px;
  padding-inline: 15px;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .progressbtn {
    padding-inline: 32px;
  }
}
.exslusive {
  height: 47px;
  position: absolute;
  right: 20px;
  top: -35px;
  width: 47px;
}
li {
  list-style: none;
}
.main_heading {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
}
.bg_main_color {
  background: #202733;
  border-radius: 11px;
}
.rounded_bg {
  background: #191d27;
}
.sidebarLink .sidebarImg {
  align-items: center;
  background-color: #202733;
  border: 1px solid #2f364c;
  border-radius: 50%;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.sidebarLink .sidebarImg.small img {
  height: 13px !important;
  width: 13px !important;
}
.sidebarLink:hover .sidebarImg {
  border: 1px solid #1d4a6c;
}
.sidebarLink {
  background-color: #202733 !important;
  border: 1px solid #2f364c;
  border-radius: 0px !important;
  padding: 6px 7px !important;
}
.sidebarLink:is(.active) {
  background: linear-gradient(90deg, #FF6700, #99d3ff);
  border-radius: 0px !important;
}
.sidebarLink:is(:hover) {
  background-color: #2f364c !important;
  border: 1px solid #1d4a6c !important;
}
.sidebarLink.sidebarLinkbody:is(:hover, .active) {
  background: linear-gradient(90deg, #FF6700, #99d3ff);
  border-radius: 0px !important;
}
.accordion .accordion-item {
  background-color: #0000 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)
  .sidebarLink {
  background: linear-gradient(90deg, #FF6700, #99d3ff);
  border-radius: 0px !important;
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border-bottom: 0 !important;
}
.accorduinBodyBg {
  background-color: #0000 !important;
}
.accrodianBtnTxt {
  font-size: 12px !important;
}
.sidebarLink.active .sidebarImg {
  background-color: #fff;
  border: 1px solid #c6d3ff;
}
.sidebar {
  background-color: #191d27 !important;
  border: 1px solid #2f364c;
  border-left: 0;
}
.sidebar-divider {
  border: 1px solid #0000;
  border-image: linear-gradient(270deg, #191d27, #2f364c 50.4%, #191d27);
  border-image-slice: 1;
}
.containerfluidFooterDesktop .footerHead,
.footer .footerHead {
  font-size: 15px;
  font-weight: 700;
}
.containerfluidFooterDesktop .footerlinks,
.footer .footerlinks {
  color: #b2b6c5;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}
.containerfluidFooterDesktop .footerSocialIcons,
.footer .footerSocialIcons {
  background-color: #2f364c;
  border-radius: 5px;
  height: 34px;
  width: 35px;
}
.containerfluidFooterDesktop .footerLanguage,
.footer .footerLanguage {
  background-color: #2f364c;
  border-radius: 0;
  padding: 3px 3px 3px 15px;
}
.containerfluidFooterDesktop .footerLanguage .h6,
.containerfluidFooterDesktop .footerLanguage h6,
.footer .footerLanguage .h6,
.footer .footerLanguage h6 {
  font-size: 15px;
}
.containerfluidFooterDesktop .footerLanguage .footerdropdown,
.footer .footerLanguage .footerdropdown {
  background-color: #202733;
  border: 1px solid #2f364c;
  border-radius: 50%;
  height: 34px;
  width: 34px;
}
.containerfluidFooterDesktop .footerLanguage .footerdropdown img,
.footer .footerLanguage .footerdropdown img {
  height: 13px;
}
.containerfluidFooterDesktop .itchimg,
.footer .itchimg {
  height: 30px;
}
.containerfluidFooterDesktop .networkImg,
.footer .networkImg {
  height: 22.51px;
  width: 22.51px;
}
.containerfluidFooterDesktop .footer-heading,
.footer .footer-heading {
  font-size: 13px;
}
.containerfluidFooterDesktop .footer-para,
.footer .footer-para {
  color: #b3b3be;
  font-size: 12px;
  font-weight: 400;
}
.containerfluidFooterDesktop .footer-GCB-Logo,
.footer .footer-GCB-Logo {
  width: 109px;
}
.containerfluidFooterDesktop .footer-GCB-Logo img,
.footer .footer-GCB-Logo img {
  height: 100%;
  width: 100%;
}
.containerfluidFooterDesktop .footer-desktop,
.footer .footer-desktop {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}
.containerfluidFooterDesktop .footer6,
.footer .footer6 {
  background-color: #f7931b;
}
.containerfluidFooterDesktop .footer5,
.footer .footer5 {
  background-color: #7690f5;
}
.containerfluidFooterDesktop .footer4,
.footer .footer4 {
  background-color: #bfbbbb;
}
.containerfluidFooterDesktop .footer3,
.footer .footer3 {
  background-color: #50af95;
}
.containerfluidFooterDesktop .footer2,
.footer .footer2 {
  background-color: #d9d9d9;
}
.containerfluidFooterDesktop .footer1,
.footer .footer1 {
  background-color: #0070ed;
}
.containerfluidFooterDesktop .footer0,
.footer .footer0 {
  background-color: #191d27;
}
.containerfluidFooterDesktop .footer-middle-section,
.footer .footer-middle-section {
  background-color: #191d27;
  padding-block: 10px 14px;
}
.containerfluidFooterDesktop .footerLanguage,
.footer .footerLanguage {
  width: 280px;
}
.footer-bottom-section {
  background-color: #202733;
}
.footer-bottom-section .plus-more {
  font-size: 12px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .scrollPart.withoutSidebar {
    width: 100%;
  }
}
.footer .itchimg {
  height: 44px;
}
.footer .partnershipBox {
  background-color: #191d27;
  border-bottom: 1px solid #2f364c;
  border-radius: 10px;
  margin: 15px;
  padding-block: 0 20px;
}
.footer .partnershipBox .partnershipt {
  background-color: #2f364c;
  border-radius: 10px 10px 0 0;
  margin: 0;
  padding: 10px 12px;
}
.footer .logoLinkCol .logoLink {
  width: 225px;
}
.copyRightTxt {
  font-size: 13px !important;
}
.depositeMessageModal .modal-dialog .modal-content {
  background-color: #212632 !important;
}
.modal-content {
  background-color: #0000 !important;
  border-radius: 0px;
}
.modal-content .tabList {
  background-color: #191a24;
  border-radius: 0;
  padding: 5px;
}
.modal-content .tabList .nav-item .nav-link {
  border-radius: 20px;
  color: #6a798c;
  font-size: 15px;
}
.modal-content .tabList .nav-item .nav-link.active {
  background-color: #FF6700 !important;
  color: #fff;
}
.modal-content .loginWithIcons {
  align-items: center;
  background-color: #2f364c;
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}
.modal-content .allMethods .h6,
.modal-content .allMethods h6 {
  color: #6a798c;
  font-size: 15px;
}
.modal-content .divider {
  background-color: #6a798c;
  height: 1px;
  width: 100%;
}
.profile-bg {
  background-image: url(/static/media/profile-bg.219c99c73884c698b41d.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 200px;
}
.profile-bg .balance-box .sml_txt {
  font-size: 13px;
}
.profile-bg .balance-box .balance {
  background: linear-gradient(180deg, #5e0290, #b40a47);
  border-radius: 5px;
  padding: 4px 6px;
}
.profile-bg .balance-box .balance .balance-money {
  font-size: 11px;
}
.profile-bg .user-name .h6,
.profile-bg .user-name h6 {
  font-size: 18px;
}
.profile-bg .user-name p {
  font-size: 12px;
}
.profile-bg .profle-img {
  bottom: 10px;
  position: relative;
}
.profile-bg .profle-img .avtar_img .bg_avatar {
  min-height: 180px;
}
.profile-bg .profle-img .avtar_img .avatar_logo_img {
  align-items: end;
  background: #191a24;
  border-radius: 500px;
  cursor: pointer;
  display: flex;
  height: 73px;
  justify-content: center;
  left: 61px;
  top: 89px;
  width: 73px;
  z-index: 8;
}
.profile-bg .profle-img .avtar_img .avatar_logo_img img {
  height: 60px;
}
.profile-bg .profle-img .avtar_img .img_point {
  background: #f8ba28;
  bottom: 8px;
  color: #000;
  height: 26px;
  right: 27px;
  width: 26px;
}
.profile-bg .profle-img .profile_counts ul li .list_count {
  background: #252836;
  border-radius: 6px;
  padding: 3px 12px;
}
.modal-overlay {
  align-items: center;
  background-color: #00000080;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.profilemodal-content {
  background-color: #202733 !important;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  width: 40% !important;
}
.close-btn {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.circle {
  background-color: #2e3443;
  border-radius: 50%;
  height: 230px;
  margin: 20px auto;
  position: relative;
  width: 230px;
}
.profile-img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.camra-icon {
  align-items: center;
  background: #191a24;
  border-radius: 50%;
  bottom: 18%;
  box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.431);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 66%;
  position: absolute;
  width: 40px;
}
.rewards_sec {
  background-color: #252836;
  border-radius: 11px;
  height: 150px;
  margin-top: 150px;
  position: relative;
}
.rewards_sec .reward_prize_box .reward_box {
  background: linear-gradient(180deg, #1f2028, #1f2028);
  border-radius: 8px;
  box-shadow: 0 -2px 1px #12336b;
  padding: 17px;
  position: relative;
  top: -40px;
}
.rewards_sec .reward_prize_box .reward_box .multi_txt .bonus_txt {
  background: #e69d3f;
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 5px;
}
.rewards_sec .rewards_list .list_content .list_num {
  background: #252836;
}
.rewards_sec .rewards_list .list_content .list_num .list_num_count {
  background: linear-gradient(180deg, #a5cae5, #5757cc);
  height: 25px;
  width: 25px;
}
.rewards_sec .rewards_list .list_content .list_img {
  height: 80px;
  width: 80px;
}
.latest_sec {
  margin-top: 290px;
}
@media only screen and (min-width: 992px) {
  .latest_sec {
    margin-top: 140px;
  }
}
.latest_sec .latest_txt {
  color: #556573;
}
.latest_sec .latest_box {
  background: #252836;
  border-radius: 11px;
  padding: 20px;
}
.latest_sec .latest_box .latest_list .user_list {
  background: #1f2028;
  border-radius: 8px;
}
.latest_sec .latest_box .latest_list .user_list .user_img img {
  height: 40px;
  width: 40px;
}
.latest_sec .latest_box .latest_list .user_list .user_name .nick_name {
  color: #FF6700;
  font-size: 13px;
}
.latest_sec .latest_box .latest_list .user_list .user_counts {
  background: #15161b;
  color: #fff;
  height: 35px;
  width: 35px;
}
.latest_sec .latest_box .stats-detail {
  color: #c2fb01;
}
.latest_sec .latest_box .stats-box {
  align-items: center;
  background-color: #191d27;
  border-radius: 10px;
  display: flex;
  height: 100px;
  justify-content: center;
}
.latest_sec .latest_box .stats-box .stats-heading {
  color: #fff;
  font-size: 18px;
}
.latest_sec .latest_box .stats-box img {
  height: 20px;
}
.latest_sec .latest_box .stats-box .stats-num {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.latest_sec .latest_box .stats-upper-heading {
  border-bottom: 1px solid #6a798c;
}
.latest_sec .latest_box .latest_inner_box {
  background: #191d27;
  border-radius: 11px;
}
.latest_sec .latest_box .latest_inner_box .latest_plt_num {
  background: #e5ab3d;
  border-radius: 6px;
  bottom: 10px;
  font-weight: 500;
  left: 10px;
  position: absolute;
  z-index: 3;
}
.latest_sec .latest_box .latest_inner_box .plat_img .mid_img {
  min-height: 150px;
}
.latest_sec .latest_box .latest_inner_box .plat_img .earning_box {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.latest_sec .latest_box .latest_inner_box .plat_img .earning_box .ern_txt {
  font-size: 10px;
}
.latest_sec
  .latest_box
  .latest_inner_box
  .plat_img
  .earning_box
  .ern_txt
  .earn_img {
  height: 16px;
  width: 16px;
}
.latest_sec .latest_box .latest_inner_box .plat_img .ellipse_img {
  left: 90px;
  top: 35px;
}
.latest_sec .latest_box .latest_inner_box .plat_img .line_box_vector {
  right: 25%;
  top: 60px;
}
.latest_sec
  .latest_box
  .latest_inner_box
  .plat_img
  .line_box_vector
  .line_top
  span {
  font-size: 10px;
  top: -14px;
}
.latest_sec .latest_box .latest_inner_box .plat_img .line_box_vector_bottom {
  bottom: 75px;
  right: 35%;
}
.latest_sec
  .latest_box
  .latest_inner_box
  .plat_img
  .line_box_vector_bottom
  .line_bottom
  span {
  font-size: 10px;
  top: 22px;
}
.latest_sec .latest_box .latest_inner_box .plat_img .line_box_vector_left {
  left: 15%;
  top: 35px;
}
.latest_sec
  .latest_box
  .latest_inner_box
  .plat_img
  .line_box_vector_left
  .line_bottom
  span {
  font-size: 10px;
  top: 22px;
}
@media (max-width: 767px) {
  .line_box_vector_left {
    left: 25% !important;
  }
  .line_box_vector_bottom {
    right: 40% !important;
  }
  .line_box_vector {
    right: 35% !important;
  }
}
@media (max-width: 500px) {
  .line_box_vector_left {
    left: 15% !important;
  }
  .line_box_vector_bottom {
    right: 35% !important;
  }
  .line_box_vector {
    right: 25% !important;
  }
}
.news_latter {
  background: #202733;
  border-radius: 11px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.news_latter:before {
  background-image: url(/static/media/Rectangle-bg.e100369c6d30d8b7c63b.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 82%;
  z-index: -1;
}
.news_latter .news_content .news_txt .crown_img {
  align-items: center;
  background: #20232b;
  border-radius: 5px;
  box-shadow: 0 0 2px #bababa;
  display: flex;
  flex-shrink: 0;
  height: 71px;
  justify-content: center;
  width: 80px;
}
.news_latter .news_content .news_txt .news_title {
  font-size: 20px;
}
.news_latter .news_content .user_abt span {
  font-size: 10px;
}
.news_latter .news_content .user_abt .user_list li {
  margin-right: -8px;
}
.news_latter .news_content .user_abt .user_list li span img {
  height: 22px;
}
.news_latter .news_input .input_bx {
  background: #23252f;
  border-radius: 5px;
  height: 40px;
  overflow: hidden;
}
.news_latter .news_input .input_bx input {
  border: none;
  box-shadow: none;
  color: #fff;
  font-family: 13px;
}
.news_latter .news_input .input_bx input::placeholder {
  color: #fff;
  font-size: 13px;
}
.news_latter .news_input .input_bx input:focus {
  box-shadow: none;
  outline: none !important;
}
.news_latter .news_input .input_bx button {
  background-image: linear-gradient(45deg, #b80843, #521ea1);
  border-radius: 5px;
  color: #fff;
  width: 14%;
}
.player_graph_sec .player_box {
  background: #252836;
  border-radius: 11px;
  padding: 20px;
}
.player_graph_sec .player_box .player_txt {
  color: #556573;
}
.player_graph_sec .player_box .player_inner_bx {
  background: #1f2028;
  border-radius: 11px;
  overflow: hidden;
}
.deposit_txt {
  color: #c2fb01;
}
.dropDownMenu .dropIcon img {
  object-fit: contain;
}
.form-check-input:checked,
.form-check-input:focus {
  box-shadow: none;
}
.wallet_sec .wallet_box .wallet_balance_sec .wallet-search input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.wallet_sec .wallet_box .wallet_balance_sec .wallet-search .search_btn {
  left: 12px;
  opacity: 0.5;
  top: 7px;
}
.wallet_sec .wallet_box .wallet_balance_sec .hide_balance .hide_txt {
  font-size: 14px;
  opacity: 0.5;
}
.wallet_sec .wallet_box .wallet_balance_sec .hide_balance .form-check-input {
  height: 23px;
  width: 38px;
}
.wallet_sec .wallet_box .wallet_balance_sec .total_balance_bx .border_right {
  border-right: 1px solid #4c4c4c;
}
.wallet_sec
  .wallet_box
  .wallet_balance_sec
  .total_balance_bx
  .border_right:last-child {
  border-right: none;
}
.wallet_sec
  .wallet_box
  .wallet_balance_sec
  .total_balance_bx
  .balance_box
  .balance_icon
  img {
  height: 26px;
  object-fit: contain;
  width: 26px;
}
.wallet_sec
  .wallet_box
  .wallet_balance_sec
  .total_balance_bx
  .balance_box
  .balance_content
  .balance_txt {
  color: #c2fb01;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .rewards_sec {
    height: auto;
    margin-top: 0;
  }
  .latest_sec {
    margin-top: 0;
  }
  .news_latter:before {
    width: 100%;
  }
  .news_latter .news_content .news_title {
    font-size: 12px !important;
  }
  .news_latter .bet_content {
    justify-content: start !important;
    left: 113px;
    position: absolute;
    text-align: start !important;
    top: 20px;
  }
  .news_latter .bet_content .bt_head {
    font-size: 14px !important;
  }
  .news_latter .bet_content .h2,
  .news_latter .bet_content h2 {
    font-size: 15px;
  }
  .news_latter .bet_content .bt_txt {
    font-size: 10px;
  }
  .news_latter .news_img {
    right: 0;
    top: -38px !important;
    z-index: -1;
  }
  .news_latter .news_img img {
    width: 229px;
  }
  .news_latter .news_input {
    background: #202733;
    border-radius: 10px;
    padding: 32px 12px;
    position: relative;
    right: -20px;
  }
  .news_latter .news_input .input_bx {
    border: 1px solid #b10949;
  }
  .profile-bg {
    height: 100%;
  }
  .profile-bg .balance-box .balance {
    font-size: 12px;
    padding: 4px;
  }
  .profile-bg .balance-box .sml_txt {
    font-size: 13px;
  }
  .profile-bg .balance-box .balance {
    background: linear-gradient(180deg, #5e0290, #b40a47);
    border-radius: 5px;
    padding: 4px 6px;
  }
  .profile-bg .balance-box .balance .balance-money {
    font-size: 11px;
  }
  .profile-bg .profle-img .avtar_img .bg_avatar {
    min-height: 130px;
  }
  .profile-bg .profle-img .avtar_img .avatar_logo_img {
    height: 59px;
    left: 49px;
    top: 71px;
    width: 59px;
  }
  .profile-bg .profle-img .avtar_img .avatar_logo_img img {
    height: 47px;
  }
  .profile-bg .profle-img .avtar_img .img_point {
    height: 22px;
    width: 22px;
  }
  .profile-bg .profle-img .profile_counts ul li .list_count {
    font-size: 12px;
    padding: 3px 7px;
  }
}
#nav-rewards .bg_main_color {
  padding: 20px;
}
#nav-rewards .bg_main_color .avaliable-rewards {
  background-color: #191d27;
  border-radius: 10px;
  height: 100px;
  padding: 10px;
}
#nav-rewards .bg_main_color .avaliable-rewards .rewards-text {
  color: #d4d4d4;
  font-size: 12px;
}
#nav-rewards .bg_main_color .avaliable-rewards .reward-money {
  color: #FF6700;
  font-size: 20px;
  font-weight: 700;
}
#nav-rewards .bg_main_color .avaliable-rewards .total-recieved {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 400;
}
#nav-rewards .bg_main_color .avaliable-rewards .total-recieved span {
  font-weight: 500;
}
#nav-rewards .bg_main_color .avaliable-rewards #CommissionRewards .modal-header,
#nav-rewards .bg_main_color .avaliable-rewards #ReferralRewards .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
  padding: 15px 20px;
}
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-header
  .modal-title,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #ReferralRewards
  .modal-header
  .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-header
  .custom-close-btn,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #ReferralRewards
  .modal-header
  .custom-close-btn {
  background-color: #2f364c;
  position: absolute;
  right: 20px;
}
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-header
  .custom-close-btn
  .btn-close,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #ReferralRewards
  .modal-header
  .custom-close-btn
  .btn-close {
  align-items: center;
  display: flex;
  filter: invert(1);
  justify-content: center;
  padding: 0;
}
#nav-rewards .bg_main_color .avaliable-rewards #CommissionRewards .modal-body,
#nav-rewards .bg_main_color .avaliable-rewards #ReferralRewards .modal-body {
  background-color: #191d27;
  padding: 15px 20px;
}
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-body
  .h6,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-body
  h6,
#nav-rewards .bg_main_color .avaliable-rewards #ReferralRewards .modal-body .h6,
#nav-rewards .bg_main_color .avaliable-rewards #ReferralRewards .modal-body h6 {
  color: #d4d4d4;
  font-size: 15px;
  font-weight: 300;
}
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-body
  .h6
  span,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #CommissionRewards
  .modal-body
  h6
  span,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #ReferralRewards
  .modal-body
  .h6
  span,
#nav-rewards
  .bg_main_color
  .avaliable-rewards
  #ReferralRewards
  .modal-body
  h6
  span {
  display: inline-block;
  font-weight: 700;
}
#nav-rewards .bg_main_color .avaliable-rewards .swap-btn {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 9px 0 #0006;
  color: #6a798c;
  font-size: 14px;
  padding: 12px 29px;
}
#nav-rewards .bg_main_color .avaliable-rewards .withdraw-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 9px 0 #0006;
  color: #fff;
  font-size: 14px;
  padding: 12px 29px;
}
#nav-rewards .bg_main_color .avaliable-rewards .withdraw-btn:disabled {
  opacity: 0.5;
}
#nav-rewards .bg_main_color .rewards-tabs {
  border-bottom: 1px solid #1d4a6c;
  padding: 15px;
}
#nav-rewards .bg_main_color .rewards-tabs .nav-link {
  border: none !important;
  border-radius: 30px;
  color: #485b7c;
  font-size: 12px;
  padding: 8px 23px;
}
#nav-rewards .bg_main_color .rewards-tabs .nav-link.active {
  background: #333d4f !important;
  color: #fff !important;
}
#nav-rewards .bg_main_color .history-btn,
#nav-rewards .bg_main_color .rules-btn {
  background: #333d4f !important;
  border-radius: 30px;
  color: #fff !important;
  font-size: 12px;
  padding: 8px 23px;
}
#nav-rewards .bg_main_color .tab-content {
  padding: 15px;
}
#nav-rewards .bg_main_color .tab-content .no-rewards-text {
  color: #b3b3be;
  font-size: 18px;
  font-weight: 500;
}
#nav-rewards .bg_main_color .tab-content .registration-date {
  background-color: #2f364c;
  border-radius: 0;
  padding: 5px 10px;
}
#nav-rewards .bg_main_color .tab-content .registration-date .h6,
#nav-rewards .bg_main_color .tab-content .registration-date h6 {
  font-size: 13px;
  font-weight: 500;
}
#nav-rewards .bg_main_color .tab-content .registration-date .h6 span,
#nav-rewards .bg_main_color .tab-content .registration-date h6 span {
  font-weight: 700;
}
#nav-rewards .bg_main_color .tab-content .registration-date .cross-btn {
  align-items: center;
  background-color: #202733;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-rewards .bg_main_color .refferal-table {
  white-space: nowrap;
}
#nav-rewards .bg_main_color .refferal-table thead th {
  background-color: #191d27 !important;
  border-bottom: 0 !important;
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
#nav-rewards .bg_main_color .refferal-table thead th:first-child {
  background-color: #191d27 !important;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
#nav-rewards .bg_main_color .refferal-table thead th:last-child {
  background-color: #191d27 !important;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
#nav-rewards .bg_main_color .refferal-table tbody td {
  background-color: #0000 !important;
  border-bottom: 1px solid #1d4a6c !important;
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 400;
  padding: 12px;
  text-align: center;
}
#History .modal-header,
#HistoryFriend .modal-header {
  border-bottom: 0;
}
#History .modal-header .modal-title,
#HistoryFriend .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#History .modal-header .custom-close-btn,
#HistoryFriend .modal-header .custom-close-btn {
  background-color: #2f364c;
  position: absolute;
  right: 20px;
}
#History .modal-header .custom-close-btn .btn-close,
#HistoryFriend .modal-header .custom-close-btn .btn-close {
  align-items: center;
  display: flex;
  filter: invert(1);
  justify-content: center;
  padding: 0;
}
#History .modal-body .refferal-modal-table,
#HistoryFriend .modal-body .refferal-modal-table {
  white-space: nowrap;
}
#History .modal-body .refferal-modal-table td,
#History .modal-body .refferal-modal-table th,
#HistoryFriend .modal-body .refferal-modal-table td,
#HistoryFriend .modal-body .refferal-modal-table th {
  background-color: #0000 !important;
  border-bottom: 1px solid #1d4a6c !important;
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 400;
  padding: 12px;
  text-align: center;
}
#History .modal-body .dropdown-toggle,
#HistoryFriend .modal-body .dropdown-toggle {
  align-items: center;
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: space-between;
  padding: 6px 16px;
  width: 100%;
}
#History .modal-body .dropdown-toggle:after,
#HistoryFriend .modal-body .dropdown-toggle:after {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#History .modal-body .dropdown-menu,
#HistoryFriend .modal-body .dropdown-menu {
  background-color: #2f364c;
}
#History .modal-body .dropdown-menu li .dropdown-item,
#HistoryFriend .modal-body .dropdown-menu li .dropdown-item {
  color: #fff !important;
  font-size: 14px !important;
}
#History .modal-body .dropdown-menu li .dropdown-item:hover,
#HistoryFriend .modal-body .dropdown-menu li .dropdown-item:hover {
  background-color: #202733 !important;
}
@media (max-width: 600px) {
  .history-btn,
  .rules-btn {
    font-size: 8px !important;
    padding: 8px 16px !important;
  }
  .no-rewards-text {
    font-size: 13px !important;
  }
}
.info-icon {
  right: 0;
  top: 0;
}
.special-arrow {
  align-items: center;
  background-color: #202733;
  border-radius: 0;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 28px;
}
.special-arrow i {
  font-size: 12px;
}
#nav-referralCode .create-code-section {
  background-color: #202733;
  border-radius: 10px;
  padding: 20px;
}
#nav-referralCode .create-code-section .Referral-Code {
  background-color: #191d27;
  border-radius: 10px;
  height: 100px;
  padding: 15px;
}
#nav-referralCode .create-code-section .Referral-Code .rewards-text {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 400;
}
#nav-referralCode .create-code-section .Referral-Code .total-recieved {
  font-size: 20px;
  font-weight: 700;
}
#nav-referralCode .create-code-section .Referral-Code .total-recieved span {
  color: #6a798c;
}
#nav-referralCode .create-code-section .Referral-Code .create-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 49px;
}
#nav-referralCode .create-code-section .Referral-Code .create-btn:disabled {
  opacity: 0.5;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content {
  border-radius: 10px !important;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.502);
  overflow: hidden;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
  padding: 15px 20px;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-header
  .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-header
  .custom-close-btn {
  background-color: #2f364c;
  position: absolute;
  right: 20px;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-header
  .custom-close-btn
  .btn-close {
  align-items: center;
  display: flex;
  filter: invert(1);
  justify-content: center;
  padding: 0;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body {
  background-color: #191d27;
  padding: 25px;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body
  .modal-heading {
  color: #d4d4d4;
  font-size: 15px;
  font-weight: 600;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body
  .createCode-input {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  padding: 13px;
  width: 100%;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body
  .createCode-input:focus {
  outline: 0 !important;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body
  .createCode-input::placeholder {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
#nav-referralCode
  .create-code-section
  .Referral-Code
  #CreateCode
  .modal-content
  .modal-body
  .create-campaign {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 11px;
  width: 100%;
}
#nav-referralCode .referral-tabs {
  border-bottom: 1px solid #1d4a6c;
  padding: 15px;
}
#nav-referralCode .referral-tabs .nav-link {
  border: none !important;
  border-radius: 30px;
  color: #485b7c;
  font-size: 12px;
  padding: 8px 23px;
}
#nav-referralCode .referral-tabs .nav-link.active {
  background: #333d4f !important;
  color: #fff !important;
}
#nav-referralCode .referral-tabs .history-btn,
#nav-referralCode .referral-tabs .rules-btn {
  background: #333d4f !important;
  border-radius: 30px;
  color: #fff !important;
  font-size: 12px;
  padding: 8px 23px;
}
#nav-referralCode .refferal-content {
  padding: 35px 25px;
}
#nav-referralCode .refferal-content .dropdown-toggle {
  align-items: center;
  background-color: #191d27;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: space-between;
  padding: 5px 5px 5px 20px;
  width: 100%;
}
#nav-referralCode .refferal-content .dropdown-toggle:after {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-referralCode .refferal-content .dropdown-menu {
  background-color: #2f364c;
}
#nav-referralCode .refferal-content .dropdown-menu li a {
  color: #fff;
}
#nav-referralCode .refferal-content .dropdown-menu li a:hover {
  background-color: #202733;
}
#nav-referralCode .refferal-content .username-search-wrapper {
  background-color: #191d27;
  border-radius: 0;
  overflow: hidden;
  padding: 8px 16px;
}
#nav-referralCode .refferal-content .username-search-wrapper i {
  color: #b2b6c5;
  font-size: 14px;
}
#nav-referralCode .refferal-content .username-search-wrapper input {
  background-color: #0000;
  border: 0 !important;
  color: #fff;
  font-size: 13px;
}
#nav-referralCode .refferal-content .username-search-wrapper input:focus {
  outline: none !important;
}
#nav-referralCode
  .refferal-content
  .username-search-wrapper
  input::placeholder {
  color: #6a798c;
  font-size: 13px;
}
#nav-referralCode .refferal-content .registration-date {
  background-color: #191d27;
  border-radius: 0;
  padding: 5px 5px 5px 20px;
}
#nav-referralCode .refferal-content .registration-date .h6,
#nav-referralCode .refferal-content .registration-date h6 {
  font-size: 13px;
  font-weight: 500;
}
#nav-referralCode .refferal-content .registration-date .h6 span,
#nav-referralCode .refferal-content .registration-date h6 span {
  font-weight: 700;
}
#nav-referralCode .refferal-content .registration-date .cross-btn {
  align-items: center;
  background-color: #202733;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-referralCode .refferal-content .registration-friend-date {
  background-color: #2f364c;
  border-radius: 0;
  padding: 5px 5px 5px 20px;
}
#nav-referralCode .refferal-content .registration-friend-date .h6,
#nav-referralCode .refferal-content .registration-friend-date h6 {
  font-size: 13px;
  font-weight: 500;
}
#nav-referralCode .refferal-content .registration-friend-date .h6 span,
#nav-referralCode .refferal-content .registration-friend-date h6 span {
  font-weight: 700;
}
#nav-referralCode .refferal-content .registration-friend-date .cross-btn {
  align-items: center;
  background-color: #202733;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-referralCode .refferal-content .wager-date {
  background-color: #191d27;
  border-radius: 0;
  padding: 12px;
}
#nav-referralCode .refferal-content .wager-date .h6,
#nav-referralCode .refferal-content .wager-date h6 {
  font-size: 13px;
  font-weight: 500;
}
#nav-referralCode .refferal-content .wager-date .h6 span,
#nav-referralCode .refferal-content .wager-date h6 span {
  font-weight: 700;
}
#nav-referralCode .refferal-content .refferalCode-table {
  white-space: nowrap;
}
#nav-referralCode .refferal-content .refferalCode-table thead th {
  background-color: #191d27 !important;
  border-bottom: 0 !important;
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
#nav-referralCode .refferal-content .refferalCode-table thead th:first-child {
  background-color: #191d27 !important;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
#nav-referralCode .refferal-content .refferalCode-table thead th:last-child {
  background-color: #191d27 !important;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
#nav-referralCode .refferal-content .refferalCode-table tbody tr {
  border-bottom: 1px solid #1d4a6c !important;
  position: relative;
}
#nav-referralCode .refferal-content .refferalCode-table tbody tr td {
  background-color: #0000 !important;
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 400;
  padding: 15px;
  text-align: center;
}
#nav-referralCode
  .refferal-content
  .refferalCode-table
  tbody
  tr
  td
  .action-btn {
  align-items: center;
  background-color: #191d27;
  border: 0;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-referralCode
  .refferal-content
  .refferalCode-table
  tbody
  tr
  td
  .action-btn
  i {
  color: #fff;
}
#nav-referralCode
  .refferal-content
  .refferalCode-table
  tbody
  tr
  td.action-data {
  border-bottom: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 25px;
  top: 10px;
}
#nav-referralCode .refferal-content #actionFriendModel .modal-dialog,
#nav-referralCode .refferal-content #actionModel .modal-dialog {
  max-width: 720px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-header,
#nav-referralCode .refferal-content #actionModel .modal-dialog .modal-header {
  background-color: #202733;
  border-bottom: 0;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-header
  .modal-title,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-header
  .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-header
  .custom-close-btn,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-header
  .custom-close-btn {
  background-color: #2f364c;
  position: absolute;
  right: 20px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-header
  .custom-close-btn
  .btn-close,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-header
  .custom-close-btn
  .btn-close {
  align-items: center;
  display: flex;
  filter: invert(1);
  justify-content: center;
  padding: 0;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body,
#nav-referralCode .refferal-content #actionModel .modal-dialog .modal-body {
  background-color: #191d27;
  padding: 25px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body::-webkit-scrollbar,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body::-webkit-scrollbar {
  display: block;
  width: 10px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body::-webkit-scrollbar-track,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body::-webkit-scrollbar-track {
  background: #202733;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body::-webkit-scrollbar-thumb,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body::-webkit-scrollbar-thumb {
  background: #2f364c;
  border-radius: 0px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row {
  border-bottom: 1px solid #1d4a6c;
  height: 64px;
  padding: 0 12px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row:last-child,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row:last-child {
  border-bottom: 0 !important;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row
  h6 {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row
  p,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row
  p {
  color: #fff;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row
  .copy-data,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row
  .copy-data {
  background-color: #2f364c;
  border-radius: 0;
  padding: 10px 20px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .action-details-row
  .copy-data.detail-text,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .action-details-row
  .copy-data.detail-text {
  font-size: 13px;
  font-weight: 500;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box {
  background-color: #202733;
  border-radius: 10px;
  overflow: hidden;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading {
  background-color: #2f364c;
  padding: 7px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading
  h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-heading
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-heading
  h6 {
  font-size: 15px;
  font-weight: 600;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data {
  padding: 20px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper {
  border-bottom: 1px solid #1d4a6c;
  padding-bottom: 15px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  h6 {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  p,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  p,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-upper
  p,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-upper
  p {
  font-size: 15px;
  font-weight: 500;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower {
  padding-top: 15px;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  .h6,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  .h6,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  h6 {
  color: #6a798c;
  font-size: 15px;
  font-weight: 500;
}
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  p,
#nav-referralCode
  .refferal-content
  #actionFriendModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  p,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .Commission-box
  .modal-data
  .modal-data-lower
  p,
#nav-referralCode
  .refferal-content
  #actionModel
  .modal-dialog
  .modal-body
  .wager-box
  .modal-data
  .modal-data-lower
  p {
  font-size: 15px;
  font-weight: 500;
}
@media (max-width: 900px) {
  #nav-referralCode .action-data {
    right: 0 !important;
  }
  #nav-referralCode td,
  #nav-referralCode th {
    font-size: 8px !important;
  }
  #nav-rate .ViewRules {
    top: 8px !important;
  }
}
#nav-rate .bg_main_color {
  padding: 20px;
}
#nav-rate .bg_main_color .commisson-rate {
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #1d4a6c, #3991d200);
}
#nav-rate .bg_main_color .commisson-rate .h6,
#nav-rate .bg_main_color .commisson-rate h6 {
  font-size: 14px;
  font-weight: 700;
}
#nav-rate .bg_main_color .original-game-box .h6,
#nav-rate .bg_main_color .original-game-box h6 {
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
}
#nav-rate .bg_main_color .original-game-box .original-game-text {
  background-color: #191d27;
  border-radius: 0;
  padding: 10px 12px;
}
#nav-rate .bg_main_color .original-game-box .original-game-text p {
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
}
#nav-rate .bg_main_color .original-game-box .original-game-text p span {
  color: #fff;
}
#nav-rate .bg_main_color .original-game-box .dropdown .dropdown-toggle {
  align-items: center;
  background-color: #191d27;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: space-between;
  padding: 5px 5px 5px 20px;
  width: 100%;
}
#nav-rate .bg_main_color .original-game-box .dropdown .dropdown-toggle:after {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}
#nav-rate .bg_main_color .original-game-box .dropdown .dropdown-menu {
  background-color: #2f364c;
}
#nav-rate .bg_main_color .original-game-box .dropdown .dropdown-menu li a {
  color: #fff;
}
#nav-rate
  .bg_main_color
  .original-game-box
  .dropdown
  .dropdown-menu
  li
  a:hover {
  background-color: #202733;
}
#nav-rate .bg_main_color .ViewRules {
  right: 20px;
  top: 15px;
}
#nav-rate .bg_main_color .ViewRules .dropdown-toggle {
  background-color: #2f364c;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 18px;
}
#nav-rate .bg_main_color .ViewRules .dropdown-toggle:after {
  border: 0;
  color: #fff;
  content: "";
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  margin-left: 6px !important;
  vertical-align: 0 !important;
}
#nav-rate .bg_main_color .refferal-steps {
  background-color: #191d27;
  border-radius: 10px;
  padding: 21px 16px;
}
#nav-rate .bg_main_color .refferal-steps .steps-headline {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#nav-rate .bg_main_color .refferal-steps .steps-headline span {
  color: #FF6700;
}
#nav-rate .bg_main_color .refferal-steps .steps-detail {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
#nav-rate .bg_main_color .Referral-Reward {
  border-bottom: 1px solid #1d4a6c;
}
#nav-rate .bg_main_color .vip-table {
  background-color: #191d27;
  border-radius: 10px;
}
#nav-rate .bg_main_color .vip-table .vip-table-header {
  border-bottom: 1px solid #1d4a6c;
  padding: 15px 25px;
}
#nav-rate .bg_main_color .vip-table .vip-table-header .heading {
  font-size: 12px;
  font-weight: 700;
}
#nav-rate .bg_main_color .vip-table .vip-table-body {
  padding: 25px;
}
#nav-rate .bg_main_color .vip-table .vip-table-body .vip-table-row .table-data {
  font-size: 12px;
  font-weight: 700;
}
#nav-rate
  .bg_main_color
  .vip-table
  .vip-table-body
  .vip-table-row
  .table-data.table-data-green {
  color: #c2fb01;
}
.bg_lang {
  background: #191a24;
}
.herobanner {
  height: 203px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .herobanner {
    height: 100%;
  }
}
.herobanner img {
  height: 100%;
  width: 100%;
}
.secondVip {
  grid-row-gap: 28px;
  display: grid !important;
  margin-top: 30px;
  row-gap: 28px;
}
.secondVip .vipcard {
  background: #202733;
  background: var(--Gray-Mneu-button-Color, #202733);
  border-radius: 13.36px;
  border-top: 2.67px solid #2f364c;
  border-top: 2.67px solid var(--Strok-Color, #2f364c);
  box-shadow: 0 5.34px 5.34px 0 rgba(0, 0, 0, 0.251);
  padding-block: 18px;
  padding-inline: 20px;
}
.secondVip .vipcard .innerCard {
  align-items: center;
  background-color: #191d27;
  border: 2px solid #0000;
  border-radius: 13.36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 16px;
  padding-block: 20px;
  padding-inline: 20px;
  transition: all 0.3s;
}
.secondVip .vipcard .innerCard:hover.color1 {
  border: 2px solid #FF6700;
}
.secondVip .vipcard .innerCard:hover.color2 {
  border: 2px solid #f8ba28;
}
.secondVip .vipcard .innerCard:hover.color3 {
  border: 2px solid #c45c00;
}
.secondVip .vipcard .innerCard .claimImg {
  height: 165px;
  width: 165px;
}
.secondVip .vipcard .innerCard .claimtext {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 15px;
}
.secondVip .vipcard .clamed {
  background-image: linear-gradient(90deg, #3991d200, #1d4a6c 47.5%, #3991d200);
  height: 1px;
  margin-bottom: 12px;
  margin-top: 8px;
  width: 100%;
}
.xp {
  font-size: 12px;
}
.vipcard2 {
  background: radial-gradient(
    187.39% 50% at 50% 50%,
    #3d6de566 0,
    #202733 100%
  );
  border-radius: 10px;
  margin-bottom: 25px;
  margin-top: 11px;
  max-height: 320px;
  padding: 12px;
}
@media only screen and (min-width: 576px) {
  .vipcard2 {
    margin-top: 20px;
    max-height: 200px;
  }
}
.vipcard2 .text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  margin-inline-start: auto;
}
.vipcard2 .vipbonus {
  height: 139.71px;
  width: 93.73px;
}
.vipcard2 .vipDetail {
  padding-inline-start: 30px;
}
.vipcard2 .viptext {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 18px;
}
.vipcard2 .viptext-sm {
  color: #b3b3be;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
}
.vipcard2 .infoImg {
  height: 15px;
  width: 15px;
}
.vipcard2 .progressBar {
  background-color: #191d27 !important;
  border-radius: 5px !important;
  margin-top: 12px !important;
  overflow: visible !important;
  position: relative;
}
.vipcard2 .progressBar .processbtn {
  background-color: #6e96c6;
  border: 6.9px solid #47596b;
  border-radius: 50%;
  height: 23px !important;
  left: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px !important;
}
.vipcard2 .progressBar .processbtn .btninner {
  border-radius: 50%;
  height: 13px !important;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateX(-50%);
  width: 13px !important;
}
.vipcard2 .vipbottom {
  margin-top: 30px;
}
.vipcard2 .vipbutton {
  align-items: center;
  background-color: #191d27;
  border-radius: 50px;
  color: #b3b3be;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16.25px;
  margin-top: 8px;
  padding-block: 13px;
  width: 100%;
}
.energy_img {
  height: 14px;
  margin-inline-end: 5px;
  width: 14px;
}
.energy {
  align-items: center;
  border-radius: 17.25px;
  cursor: pointer;
  display: flex;
  padding-block: 4px;
  padding-inline: 5px;
  transition: all 0.3s;
  width: max-content;
}
.energy:hover {
  background-color: #2f364c;
}
.energy_text {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12.5px;
  text-align: center;
}
.claimtext2 {
  font-family: Lexend;
  font-weight: 500;
}
.claimtext2,
.neontext {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;
}
.neontext {
  color: #c2fb01;
  font-weight: 700;
}
.energybtn {
  align-items: center;
  background: #2f364c;
  border: 1px solid #FF6700;
  border: 1px solid var(--Main-Blue-Color, #FF6700);
  border-radius: 32.97px;
  display: flex;
  margin-top: 21px;
  padding-block: 8px;
  padding-inline: 10px;
}
.energybtn .thunder_img {
  height: 27px;
  width: 27px;
}
.energybtn .thunder_text {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 23.75px;
  padding-inline-start: 10px;
  text-align: center;
}
.crownImg {
  display: flex;
  height: 14px;
  width: 20px;
}
.crowntext {
  color: #556573;
  font-size: 13.36px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.7px;
  text-align: center;
}
.bonustabs {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  width: 90%;
}
.bonustabs .thunderbtn {
  align-items: center;
  background-color: #2f364c;
  border-radius: 11.83px;
  display: flex;
  padding-block: 2.5px;
  padding-inline: 3.5px;
}
.bonustabs .thunderbtn .thunder_img {
  height: 10px;
  width: 10px;
}
.bonustabs .thunderbtn .thunder_img img {
  display: flex;
}
.bonustabs .thunderbtn .tunder_text {
  color: #fff;
  font-size: 7px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 8.75px;
  margin-top: 1px;
  padding-inline-start: 3px;
  text-align: center;
}
.bonusbar {
  align-items: center;
  background-color: #2f364c;
  border-radius: 5px;
  display: flex;
  flex-direction: row-reverse;
  height: 10px;
  justify-content: space-around;
  margin-top: 16px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.bonusbar:before {
  background-color: #FF6700;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--width);
}
.bonusbar .dott {
  background-color: #FF6700;
  border: 1px solid #2f364c;
  border: 1px solid var(--Strok-Color, #2f364c);
  border-radius: 50%;
  height: 12px;
  position: relative;
  width: 12px;
  z-index: 50;
}
.thunderbtnactive {
  background: linear-gradient(270deg, #FF6700, #085894) !important;
}
.bonustime {
  font-size: 8px;
  font-weight: 500;
  justify-content: space-around;
  line-height: 10px;
  width: 100%;
}
.bonustime,
.digitalWatch {
  display: flex;
  letter-spacing: 0;
  margin-top: 10px;
  text-align: center;
}
.digitalWatch {
  background-color: #202733;
  border: 1.21px solid #FF6700;
  border: 1.21px solid var(--Main-Blue-Color, #FF6700);
  border-radius: 13.36px;
  font-size: 22px;
  font-weight: 700;
  justify-content: center;
  line-height: 27.5px;
  margin-bottom: 40px;
  padding-block: 12px;
  position: relative;
}
.digitalWatch .time {
  bottom: -8px;
  display: flex;
  gap: 5px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.digitalWatch .day {
  align-items: center;
  background-color: #2f364c;
  border-radius: 17.25px;
  color: #fff;
  display: flex;
  font-size: 8px;
  font-weight: 500;
  height: 15px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 10px;
  text-align: center;
  width: 39px;
}
.vip_latest {
  background: #202733;
  border-radius: 13.36px;
  border-top: 2.67px solid #2f364c;
  margin-bottom: 0;
  padding-block: 16px;
  padding-inline: 20px;
}
@media only screen and (min-width: 768px) {
  .vip_latest {
    margin-bottom: 0px;
  }
}
.vip_latest .innerSection {
  background: linear-gradient(1turn, #d60743, #f200ff);
  border-radius: 13.36px;
  margin-top: 15px;
  padding-bottom: 16px;
  padding-top: 23px;
  position: relative;
}
.vip_latest .innerSection .text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  padding-inline: 17px;
}
.vip_latest .innerSection .subheading {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 6px;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 14px;
  margin-top: 8px;
}
.vip_latest .innerSection .subheading .label_1 {
  background-color: #f8ba28;
  border-radius: 0 10px 10px 0;
  color: #191d27;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 15px;
  padding-block: 4px;
  padding-inline: 21px 10px;
}
.vip_latest .innerSection .girlImg {
  bottom: 0;
  height: 190px;
  position: absolute;
  right: 6px;
  width: 141px;
}
.checkImg {
  height: 14px !important;
  width: 14px !important;
}
.benefittext {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 11.25px;
}
.benefitList {
  gap: 8px;
  margin-bottom: 10px;
  padding-inline: 17px;
}
.RodeoCard,
.benefitList {
  align-items: center;
  display: flex;
}
.RodeoCard {
  background-color: #191d27;
  border-radius: 13.36px;
  flex-direction: column;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 15px;
  padding-bottom: 14px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .RodeoCard {
    font-size: 16px;
  }
}
.RodeoCard .blurlayer {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .RodeoCard .blurlayer {
    height: 160px;
    width: 160px;
  }
}
.RodeoCard .superpoint {
  align-items: center;
  background: #f8ba28;
  border-radius: 50px;
  color: #191d27;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 21px;
  justify-content: center;
  left: 50%;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: -5px;
  transform: translatex(-50%);
  width: 60px;
}
.RodeoCard .rodeoimg {
  height: 80px;
  margin-bottom: 14px;
  position: relative;
  width: 49px;
  z-index: 3;
}
.RodeoCard .rodeoimg img {
  object-fit: contain;
}
.flameImg {
  display: flex;
  height: 23px;
  width: 17px;
}
.superbonusbox {
  align-items: center;
  background: #202733;
  border-radius: 10px;
  border-top: 2.67px solid #2f364c;
  border-top: 2.67px solid var(--Strok-Color, #2f364c);
  box-shadow: 0 5.34px 5.34px 0 rgba(0, 0, 0, 0.251);
  display: flex;
  gap: 13px;
  margin-top: 12px;
  padding: 9px;
}
.superbonusbox .imgbox {
  align-items: center;
  background: var(--bgcolor);
  border-radius: 5px;
  display: flex;
  flex-wrap: nowrap;
  height: 58px;
  justify-content: center;
  width: 58px;
}
.superbonusbox .imgbox .jarimg {
  height: 100%;
  width: 100%;
}
.darktext {
  color: #556573;
  font-size: 11.36px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.7px;
  padding-bottom: 5px;
}
.money {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
}
.nextbtn {
  transform: rotate(180deg);
}
.nextbtn,
.prevbtn {
  align-items: center;
  background: #FF6700;
  background: var(--Main-Blue-Color, #FF6700);
  border-radius: 32px;
  display: flex;
  height: 21px;
  justify-content: center;
  width: 27px;
}
.arrow {
  height: 8.47;
  width: 5.1px;
}
.navigation {
  display: flex;
  gap: 6px;
}
.topWinner {
  background: #202733;
  border-radius: 10px;
  margin-top: 30px;
  padding: 20px 20px 38px;
  position: relative;
}
.topWinner .range_Bar .range_line {
  background-color: #FF6700;
  height: 370px;
  right: 36%;
  top: 43%;
  transform: translateY(-50%) translateX(-50%) rotate(36deg);
  width: 5px;
}
.topWinner .range_Bar .range_line:before {
  background-color: #fff;
  border: 4px solid #FF6700;
  border: 4px solid var(--Main-Blue-Color, #FF6700);
  border-radius: 50%;
  content: "";
  height: 15px;
  position: absolute;
  right: -5px;
  top: -7px;
  width: 15px;
  z-index: 20;
}
.topWinner .range_Bar .username {
  top: 8px;
}
.topWinner .range_Bar .username.username_1 {
  left: 74%;
}
.topWinner .range_Bar .username.username_2 {
  left: 70%;
}
.topWinner .range_Bar .username.username_3 {
  left: 66%;
}
.topWinner .range_Bar .username.username_4 {
  left: 62%;
}
.topWinner .range_Bar .username.username_5 {
  left: 58%;
}
.topWinner .first {
  border: 1px solid #2f364c;
  border: 1px solid var(--Strok-Color, #2f364c);
  border-radius: 10px;
  height: 40px;
  margin-top: 26px;
  position: relative;
  width: 100%;
}
.topWinner .first:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC9gAAAB+CAYAAABlRFhaAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAlZSURBVHgB7dyhjhtXGIbh74zteuQELAhYWLhSSUlIewMpyyUEBiZ3sJdgWBhQUBi4ZYULCwIWFhQELlnJVqWZen41oOpuiFNp3XkeySPrHL1zBZ+m5Qt49ebybNNvXg5jd961sW9jbu72d1fvtpe3er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV6v159Cv8iRppf366evW8uzw29Zh4f/q8X622+ef/fht+tfd3q9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9c/9r7Lkfr1kxfTav9fF4ezadWv1+v1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6/Sn0Rw/su5aLBy/H7jx6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/Xn0B/9MD+s+5b9uv1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV7/CPv/dmAPAAAAAAAAAAAAAAAnwsAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAGU5PV69uTzb9JuXw9idd23s25ibu/3d1bvt5W0AAAAAAAAAAAAAAGAGumlc36+fvk7a19O4fjocWy42h7PpLgAAAAAAAAAAAAAAMANdv37y4tOw/h8OZ9NX7QMAAAAAAAAAAAAAADPQdS0XD96O3XkAAAAAAAAAAAAAAGAGus/e3vdlewAAAAAAAAAAAAAA+B/qAgAAAAAAAAAAAAAAGNgDAAAAAAAAAAAAAMDEwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAYmAPAAAAAAAAAAAAAADFwB4AAAAAAAAAAAAAAGJgDwAAAAAAAAAAAAAAxcAeAAAAAAAAAAAAAABiYA8AAAAAAAAAAAAAAMXAHgAAAAAAAAAAAAAAMg3sx7YLAAAAAAAAAAAAAADMXDe04eNDl23MTQAAAAAAAAAAAAAAYAa6frd6f+9X7A9nq/3yKgAAAAAAAAAAAAAAMAPddvv29qv94sfh09fqx7YbMv4+nU13AQAAAAAAAAAAAACAGVhOj7+H9D8HAAAAAAAAAAAAAABmqgsAAAAAAAAAAAAAAPAFBvZj2+UYer1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV6v1z+C/uiB/dCGjw/dtTE30ev1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vf4E+qMH9v1u9f7eFf/hbLVfXun1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV5/Cv0iR7q+/mX3/fMfPvy5GM5ay7PpxUMb/1jvlz9tt29v9Xq9Xq/X6/V6vV6v1+v1er1er9fr9Xq9Xq/X6/V6vV6v1+v1er1erz+F/i/6OAaxsjTPJwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  border-radius: 10px;
}
.topWinner .first:after,
.topWinner .first:before {
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--width);
}
.topWinner .first:before {
  background: var(--bg);
  background-repeat: no-repeat;
  border: 3px solid var(--border);
  border-radius: 10px;
  border-right: none;
}
.topWinner .winner {
  align-items: center;
  background-color: #191d27;
  border: 3px solid var(--border);
  border-radius: 50px;
  display: flex;
  height: 50px;
  justify-content: center;
  left: var(--left);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  z-index: 3;
}
.topWinner .winner .winnerImg {
  height: 37px;
  width: 30px;
}
.topWinner .winnumber {
  align-items: center;
  background-color: #191d27;
  border: 2px solid #2f364c;
  border-radius: 50%;
  color: #2f364c;
  display: flex;
  font-size: 31.67px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 39.58px;
  position: absolute;
  right: -4px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
.topWinner .winneractive {
  border: 2px solid #f8ba28 !important;
  color: #f8ba28 !important;
}
.levelSection {
  background: #202733;
  border-radius: 10px;
  margin-top: 30px;
  padding: 20px;
}
.levelSection .levelCard {
  background: #191d27;
  border: 1px solid #f8ba28;
  border-radius: 10px;
  height: 100%;
  max-height: 500px;
  padding-block: 28px;
  padding-inline: 10px;
  position: relative;
}
.levelSection .levelCard.current {
  aspect-ratio: 172/229;
  background-size: cover;
  margin-block: auto;
  padding-block: 28px;
  position: absolute;
  top: -46px;
  width: 100%;
}
.levelSection .levelCard .levelcardInner {
  aspect-ratio: 172/220;
  background-image: url(/static/media/passlevel.eefe7d6dca9ffcb791ce.png);
  background-size: cover;
  padding-top: 60px;
}
@media only screen and (min-width: 768px) {
  .levelSection .levelCard .levelcardInner {
    padding-top: 33px;
  }
}
.levelSection .levelCard .levelcardInner .text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18.75px;
  text-align: center;
}
.levelSection .levelCard .levelcardInner .starimg {
  display: flex;
  height: 13px;
  width: 13px;
}
.levelSection .levelCard .levelcardInner .starimg img {
  height: 100%;
  width: 100%;
}
.levelSection .levelCard .levelcardInner .points {
  margin-top: 11px;
}
.levelSection .levelCard .levelcardInner .points .reward {
  padding-inline: 22px;
  padding-bottom: 6px;
}
.levelSection .levelCard .levelcardInner .points .reward .coin {
  height: 15px;
  width: 15px;
}
.levelSection .levelCard .levelcardInner .points .reward .trophy {
  height: 17px;
  width: 15px;
}
.levelSection .levelCard .levelcardInner .points .reward .point_text {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 11.25px;
}
.divider {
  background-image: linear-gradient(90deg, #fff0, #fff 47.5%, #fff0);
  height: 1px;
  margin-bottom: 6px;
  width: 100%;
}
.textbold {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.25px;
  padding-top: 8px;
  text-align: center;
}
.active {
  border: 1px solid #0000 !important;
}
.active .levelblock {
  aspect-ratio: 172/217;
  background-image: url(/static/media/locklevel.d5a2f38068b4926a49df.png) !important;
  background-size: cover;
  margin-block: auto;
  opacity: 50%;
  padding-top: 33px;
  width: 100%;
}
.active .levelblock.active {
  background-image: url(/static/media/passlevel.eefe7d6dca9ffcb791ce.png) !important;
  opacity: 100%;
  padding-top: 40px;
}
.levelprogress {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 38px;
  width: 100%;
}
.levelprogress .progress {
  background-color: #2f364c;
  border-radius: 5px;
  height: 5px;
  overflow: visible;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .levelprogress .progress {
    width: 100%;
  }
}
.levelprogress .progress:after {
  background-color: #f8ba28;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--width);
}
.levelprogress .dottsholder {
  align-items: center;
  display: flex;
  height: 10px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
.levelprogress .dottsholder .dotts {
  background: #FF6700;
  border: 1px solid #2f364c;
  border-radius: 100%;
  flex-wrap: nowrap;
  height: 10px;
  width: 10px;
}
.levelprogress .dott_text {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 10px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .levelprogress .dott_text {
    width: 80%;
  }
}
.customGrid {
  --bs-columns: 12;
  column-gap: 2px !important;
  gap: 4px !important;
}
@media only screen and (min-width: 768px) {
  .customGrid {
    --bs-columns: 5;
  }
}
.customGrid_2 {
  --bs-columns: 1;
  gap: 10px !important;
}
@media only screen and (min-width: 576px) {
  .customGrid_2 {
    --bs-columns: 2 !important;
  }
}
@media only screen and (min-width: 768px) {
  .customGrid_2 {
    --bs-columns: 3 !important;
  }
}
@media only screen and (min-width: 1200px) {
  .customGrid_2 {
    --bs-columns: 5 !important;
  }
}
@media only screen and (max-width: 768px) {
  .herobanner {
    height: 100%;
  }
  .topWinner .range_Bar .range_line {
    right: 67%;
    top: 43%;
    transform: translateY(-50%) translateX(-50%) rotate(27deg);
  }
  .topWinner .range_Bar .username {
    font-size: 12px;
    top: 8px;
  }
  .topWinner .range_Bar .username.username_1 {
    left: 60%;
  }
  .topWinner .range_Bar .username.username_2 {
    left: 50%;
  }
  .topWinner .range_Bar .username.username_3 {
    left: 40%;
  }
  .topWinner .range_Bar .username.username_4 {
    left: 30%;
  }
  .topWinner .range_Bar .username.username_5 {
    left: 24%;
  }
  .topWinner .first.first_1 {
    --width: 50% !important;
  }
  .topWinner .first.first_2 {
    --width: 40% !important;
  }
  .topWinner .first.first_3 {
    --width: 30% !important;
  }
  .topWinner .first.first_4 {
    --width: 20% !important;
  }
  .topWinner .first.first_5 {
    --width: 10% !important;
  }
  .topWinner .winner {
    --left: 20% !important;
  }
  .topWinner .winner.winner_1 {
    --left: 40% !important;
  }
  .topWinner .winner.winner_2 {
    --left: 30% !important;
  }
  .topWinner .winner.winner_4 {
    --left: 10% !important;
  }
  .topWinner .winner.winner_5 {
    --left: 5% !important;
  }
  .topWinner .winnumber {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .topWinner .range_Bar .range_line {
    background-color: #FF6700;
    height: 370px;
    right: 34%;
    top: 43%;
    transform: translateY(-50%) translateX(-50%) rotate(24deg);
    width: 5px;
  }
  .topWinner .username {
    font-size: 14px;
    top: 8px;
  }
  .topWinner .username.username_1 {
    left: 78% !important;
  }
  .topWinner .username.username_2 {
    left: 74% !important;
  }
  .topWinner .username.username_3 {
    left: 70% !important;
  }
  .topWinner .username.username_4 {
    left: 66% !important;
  }
  .topWinner .username.username_5 {
    left: 62% !important;
  }
}
.vip-steps {
  background-color: #191d27;
  border-radius: 10px;
  padding: 21px 16px;
}
.vip-steps .steps-headline {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.vip-steps .steps-headline span {
  color: #FF6700;
}
@media only screen and (min-width: 576px) {
  .vip-steps .steps-headline {
    font-size: 20px;
  }
}
.vip-steps .steps-detail {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.sidebarLinks {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: space-between;
  min-height: 44px;
}
.sidebarLinks:not(:hover, .active) {
  background-color: #0000;
  border-color: #0000;
}
.sidebarLinks .downIcon {
  fill: #FF6700;
  fill: var(--Main-Blue-Color, #FF6700);
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}
.sidebarLinks .sidebarImg.small img {
  height: 18px;
  width: 18px;
}
.sidebarLinks .sidebarImg img {
  height: 20px;
  width: 20px;
}
.accordianModal .midline {
  background-color: #1d4a6c;
}
.accordianModal .subheadline {
  color: #fff;
  font-size: 11px;
  font-weight: "bold";
}
.accordianModal .vip-table .vip-table-body {
  color: "#fff";
}
.accordianModal .vip-table .vip-table-body .vip-table-row {
  position: relative;
}
.accordianModal .vip-table .vip-table-body .vip-table-row .table-data {
  font-size: 11px;
}
.accordianModal .vip-table .vip-table-body .vip-table-row .table-data img {
  padding-right: 4px;
}
.accordianModal .vip-table .vip-table-body .vip-table-row:after {
  background: linear-gradient(90deg, #3991d200, #1d4a6c 47.5%, #3991d200);
  bottom: 12px;
  content: "";
  height: 1px;
  left: 100px;
  position: absolute;
  width: 86%;
}
.accordianModal .vip-table .vip-table-body .vip-table-row .table-data-green {
  color: #c2fb01;
}
.accordianModal .vip-table .vip-table-body .vip-table-row:not(:first-child) {
  margin-top: 20px;
}
.accordianModal .title {
  text-wrap: nowrap;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
}
.accordianModal .accordion-button {
  background-color: #0000;
  padding: 0;
}
.accordianModal .accordion-button:after {
  display: none;
}
.accordianModal .accordion-button:not(.collapsed) {
  background-color: #191d27;
  box-shadow: 0 5.34px 5.34px 0 rgba(0, 0, 0, 0.251);
}
.accordianModal .accordion-body {
  background-color: #191d27;
}
.tablegreen {
  color: #c2fb01;
  font-size: 12px;
}
.imageIcon {
  height: 25px;
  object-fit: contain;
  width: 25px;
}
.middleline:after {
  left: 100px;
}
.middleline:after,
.middleline:before {
  background: linear-gradient(90deg, #3991d200, #1d4a6c 47.5%, #3991d200);
  bottom: 12px;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.middleline:before {
  right: 90px;
}
.vip_table {
  background: #202733;
  border-radius: 10px;
  margin-top: 20px;
}
.vip_table .vip_table_body {
  color: #fff;
}
.vip_table .vip_table_body .vip_table_row {
  position: relative;
}
.vip_table .vip_table_body .vip_table_row td,
.vip_table .vip_table_body .vip_table_row th {
  border: 1px solid rgba(194, 251, 1, 0.302) !important;
}
.vip_table .vip_table_body .vip_table_row th {
  font-size: 14px;
  padding: 15px;
}
.vip_table .vip_table_body .vip_table_row .table_data {
  font-size: 13px;
  padding: 10px;
}
.vip_table .vip_table_body .vip_table_row .table_data img {
  height: 25px;
  object-fit: contain;
  padding-right: 4px;
  width: 25px;
}
.brd_btm {
  border-bottom: 1px solid #292d4c;
}
.brd_btm:last-child {
  border-bottom: none;
}
.wallet_sec .wallet_balance_sec .rupee_icon img {
  height: 18px;
}
.wallet_sec .deposit_row .nav-tabs .nav-link {
  color: #6a798c;
  font-weight: 600;
}
.wallet_sec .deposit_row .nav-tabs .nav-link.active {
  background: #FF6700;
  color: #fff;
}
.wallet_sec .deposit_row .img_list li {
  margin-left: -10px;
}
.wallet_sec .deposit_row .img_list li img {
  height: 23px;
  object-fit: contain;
  width: 23px;
}
.wallet_sec .select_drop .dropdown-toggle:after {
  align-items: center;
  background: #202732;
  border: none !important;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.wallet_sec .select_drop #defaultDropdown img {
  height: 25px;
}
.wallet_sec .select_drop .dropdown-menu .searchInpDrop input {
  background-color: #2e3443;
  border: 1px solid #93a6c4;
  border-radius: 5px;
  color: #fff;
  height: 40px;
  padding-left: 32px;
  width: 100%;
}
.wallet_sec .select_drop .dropdown-menu .searchInpDrop .searchImgg {
  color: #93a6c4;
  left: 7px;
  position: absolute;
  top: 7px;
}
.wallet_sec .select_drop .dropdown-menu .currency_search_list {
  max-height: 300px;
}
.wallet_sec .select_drop .dropdown-menu .currency_search_list .dropList {
  background-color: #212632 !important;
  border: 1px solid #0000;
  border-radius: 0;
  color: #fff;
  padding: 5px 10px !important;
}
.wallet_sec .select_drop .dropdown-menu .currency_search_list .dropList:hover {
  border-color: #fff;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList.selected {
  background-color: #FF6700 !important;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList
  .form-check-input {
  -bs-form-check-bg: #6a798c !important;
  background-color: #6a798c !important;
  border: 4px solid #2f364c !important;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList
  .form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: none !important;
  background-color: #FF6700 !important;
  border: 4px solid #fff !important;
}
.wallet_sec .select_drop .dropdown-menu .currency_search_list .dropList img {
  height: 25px;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn
  .radio-outer {
  align-items: center;
  background-color: #2f364c;
  border-radius: 50%;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn
  .radio-outer
  .radio-inner {
  background-color: #6a798c;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn.radio-checked
  .radio-outer {
  background-color: #fff;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn.radio-checked
  .radio-inner {
  background-color: #FF6700;
}
.wallet_sec .select_drop .dropdown-menu .dropFooter {
  background-color: #2e3443;
  border-radius: 0 0 5px 5px;
  height: 56px;
  padding: 20px;
}
.wallet_sec
  .select_drop
  .dropdown-menu
  .dropFooter
  .footerToggle
  .form-check-input {
  background-color: #242937;
  border: 0;
  border-radius: 3px;
  height: 18px;
  width: 38px;
}
.wallet_sec .add_txt {
  font-size: 13px;
}
.wallet_sec .fiat_lists li {
  color: #6a798c;
  font-size: 14px;
}
.wallet_sec .swap_sec .swap_row .swap_select {
  right: 0;
  top: -5px;
}
.wallet_sec .swap_sec .swap_line {
  position: relative;
}
.wallet_sec .swap_sec .swap_line .divider-line {
  background-color: #292d5b;
  border-radius: 28px;
  height: 1px;
  position: absolute;
  top: 19px;
  width: 83%;
}
.wallet_sec .swap_sec .swap_line button {
  border: 1px solid #3e3e3e;
  height: 40px;
  position: relative;
  width: 40px;
}
.wallet_sec .swap_sec .swap_line button img {
  height: 18px;
  object-fit: contain;
  width: 18px;
}
.wallet_sec .swap_sec .total_deposit .deposit_bln_list {
  border-top: 1px solid #31416b;
}
.wallet_sec .crypto_row {
  background: #191d27;
  border-radius: 12px;
  overflow: hidden;
}
.wallet_sec .crypto_row .table > :not(caption) > * > * {
  background: #0000;
  color: #fff;
}
.wallet_sec .crypto_row table tbody td {
  border-bottom: 1px solid #383d73;
  text-align: center;
  white-space: nowrap;
}
.wallet_sec .flat_row {
  background-color: #191d27;
  border-radius: 12px;
}
.wallet_sec .flat_row table thead th {
  text-align: start !important;
}
.wallet_sec .flat_row table tbody td {
  text-align: center !important;
  white-space: nowrap;
}
.wallet_sec .table_sec .table > :not(caption) > * > * {
  background: #0000;
  color: #fff;
}
.wallet_sec .table_sec table thead th {
  background: #191d27 !important;
  border-bottom: none;
  font-weight: 400;
  text-align: center;
}
.wallet_sec .table_sec table thead th:first-child {
  border-radius: 30px 0 0 30px;
}
.wallet_sec .table_sec table thead th:last-child {
  border-radius: 0 30px 30px 0;
}
.wallet_sec .table_sec table tbody td {
  border-bottom: 1px solid #383d73;
  text-align: center;
  white-space: nowrap;
}
.wallet_sec .data_not_found {
  border-bottom: none;
}
.wallet_sec .deposit_issues_bx {
  border-radius: 12px;
  box-shadow: 0 0 3px #060606;
  overflow: hidden;
}
.wallet_sec .deposit_issues_bx .modal-content {
  background: #191d27 !important;
}
.wallet_sec .deposit_issues_bx .deposit_head {
  background: #202733;
}
.wallet_sec .deposit_issues_bx .deposit_head .btn-close {
  align-items: center;
  background: #2c3648;
  background-image: none;
  box-shadow: 0 0 3px #191919;
  color: #fff;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.wallet_sec .deposit_issues_bx .deposit_body p {
  font-weight: 500;
}
.wallet_sec .drop_mb_tab {
  background-color: #1e222d;
  border: 1px solid #2e3443;
  color: #b2b6c5 !important;
  margin-block: 10px;
  padding: 9px;
}
.wallet_sec .drop_mb_tab .dropIcon {
  align-items: center;
  background: #202733;
  border-radius: 50%;
  box-shadow: 0 0 2px #969696;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.wallet_sec .drop_mb_tab .dropIcon img {
  height: 16px;
  object-fit: contain;
  width: 100%;
}
.wallet_sec .drop_mb_tab.active {
  background-image: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  color: #fff !important;
}
.wallet_sec .drop_mb_tab.active .dropIcon {
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .text-sm-responsive {
    overflow-x: auto;
  }
  .wallet_sec .wallet_balance_sec {
    font-size: 14px;
  }
  .wallet_sec
    .wallet_balance_sec
    .total_balance_bx
    .balance_box
    .balance_icon
    img {
    height: 19px !important;
    width: 19px !important;
  }
  .wallet_sec
    .wallet_balance_sec
    .total_balance_bx
    .balance_box
    .balance_content
    .balance_head {
    font-size: 11px;
  }
  .wallet_sec
    .wallet_balance_sec
    .total_balance_bx
    .balance_box
    .balance_content
    .balance_txt {
    font-size: 10px;
  }
  .wallet_sec .coins_box,
  .wallet_sec .crypto_tabPane,
  .wallet_sec .currency_list ul,
  .wallet_sec .fiat_tabPane,
  .wallet_sec .gift_box span {
    font-size: 14px;
  }
  .wallet_sec .fiat_tabPane .fiat_lists li {
    font-size: 12px !important;
  }
  .wallet_sec .swap_row,
  .wallet_sec .transactions_row,
  .wallet_sec .withdraw_row {
    font-size: 14px;
  }
  .wallet_sec .transactions_row .transaction_table table {
    font-size: 12px;
  }
  .wallet_sec .rollover_row {
    font-size: 14px;
  }
  .wallet_sec .rollover_row .rollover_table table {
    font-size: 12px;
  }
  .wallet_sec .betHistory_row {
    font-size: 14px;
  }
  .wallet_sec .betHistory_row .betHistory_table table {
    font-size: 12px;
  }
  .wallet_sec .deposit_issues_bx {
    font-size: 14px;
  }
  .wallet_sec .barcode_address .bar_img img {
    height: 76px;
    object-fit: contain;
  }
}
.modal-backdrop.show {
  z-index: 99;
}
.withdraw_row .crypto-icon {
  height: 25px;
  width: 25px;
}
.withdraw_row .withdraw-available {
  border-bottom: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(
    90deg,
    #3991d200,
    #1d4a6c 47.5%,
    #3991d200
  );
}
.withdraw_row #withdrawConfirmationModal .modal-dialog .modal-content {
  background-color: #191d27 !important;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-header
  .btn-close {
  filter: invert(1);
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-tabs {
  border-bottom: 1px solid #1d4a6c;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-tabs
  .copy-text {
  background-color: #2f364c;
  border-radius: 0;
  color: #fff;
  overflow-wrap: anywhere;
  padding: 2px 7px;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-tabs
  .h6,
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-tabs
  h6 {
  color: #fff;
  font-size: 13.1px;
  font-weight: 500;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-tabs
  p {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .withdraw-wrap-outer {
  background-color: #202733;
  border-radius: 0 0 10px 10px;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .withdraw-wrap-outer
  .withdraw-wrap1 {
  border-bottom: 1px solid #1d4a6c;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .amount-fees {
  background-color: #2f364c;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .withdraw-wrap
  .h6,
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .withdraw-wrap
  h6 {
  color: #fff;
  font-size: 13.1px;
  font-weight: 500;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .withdraw-wrap
  p {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .confirm-btn {
  background-color: #FF6700;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 11px 41px;
  width: 100%;
}
.withdraw_row
  #withdrawConfirmationModal
  .modal-dialog
  .modal-content
  .modal-body
  .cancel-btn {
  background-color: #2f364c;
  border: none;
  border-radius: 0;
  color: #6a798c;
  font-size: 12px;
  font-weight: 600;
  padding: 11px 41px;
  width: 100%;
}
.withdraw_row #withdrawConfirmationModal .modal-dialog.modal-lg {
  --bs-modal-width: 70px;
}
.min_max_tab .min-max-button {
  background: #2f364c;
  color: #6a798c;
}
.min_max_tab .min-max-button.min-max-active {
  background-color: #FF6700;
  color: #fff;
}
.withdraw_sec .preview-disable {
  background: #85bce5 !important;
}
tbody .rollover_row .roll-down-arrow,
tbody .rollover_row .roll-right-arrow {
  color: #fff;
  font-size: 12px;
  left: 15px;
  top: 10px;
}
tbody .rollover_row .roll-right-arrow {
  display: none;
}
.modal-body .confirm-tabs {
  border-bottom: 1px solid #1d4a6c;
}
.modal-body .confirm-tabs .copy-text {
  background-color: #2f364c;
  border-radius: 0;
  color: #fff;
  overflow-wrap: anywhere;
  padding: 2px 7px;
}
.modal-body .confirm-tabs .h6,
.modal-body .confirm-tabs h6 {
  color: #fff;
  font-size: 13.1px;
  font-weight: 500;
}
.modal-body .confirm-tabs p {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.modal-body .withdraw-wrap-outer {
  background-color: #202733;
  border-radius: 0 0 10px 10px;
}
.modal-body .withdraw-wrap-outer .withdraw-wrap1 {
  border-bottom: 1px solid #1d4a6c;
}
.modal-body .amount-fees {
  background-color: #2f364c;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
}
.modal-body .withdraw-wrap .h6,
.modal-body .withdraw-wrap h6 {
  color: #fff;
  font-size: 13.1px;
  font-weight: 500;
}
.modal-body .withdraw-wrap p {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.modal-body .confirm-btn {
  background-color: #FF6700;
  color: #fff;
}
.modal-body .cancel-btn,
.modal-body .confirm-btn {
  border: none;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 11px 41px;
  width: 100%;
}
.modal-body .cancel-btn {
  background-color: #2f364c;
  color: #6a798c;
}
#nav-rate .bg_main_color .total-usdt {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}
#nav-rate .bg_main_color .vip-table .vip-table-body .vip-table-row {
  position: relative;
}
#nav-rate
  .bg_main_color
  .vip-table
  .vip-table-body
  .vip-table-row
  .table-data
  img {
  padding-right: 4px;
}
#nav-rate .bg_main_color .vip-table .vip-table-body .vip-table-row:after {
  background: linear-gradient(90deg, #3991d200, #1d4a6c 47.5%, #3991d200);
  bottom: 12px;
  content: "";
  height: 1px;
  left: 100px;
  position: absolute;
  width: 36%;
}
#nav-rate .bg_main_color .vip-table .vip-table-body .vip-table-row:before {
  background: linear-gradient(90deg, #3991d200, #1d4a6c 47.5%, #3991d200);
  bottom: 12px;
  content: "";
  height: 1px;
  position: absolute;
  right: 90px;
  width: 36%;
}
#nav-rate
  .bg_main_color
  .vip-table
  .vip-table-body
  .vip-table-row:not(:first-child) {
  margin-top: 20px;
}
#nav-rate .bg_main_color #ViewRules .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
  padding: 15px 20px;
}
#nav-rate .bg_main_color #ViewRules .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
}
#nav-rate .bg_main_color #ViewRules .modal-header .custom-close-btn {
  background-color: #2f364c;
  position: absolute;
  right: 20px;
}
#nav-rate .bg_main_color #ViewRules .modal-header .custom-close-btn .btn-close {
  align-items: center;
  display: flex;
  filter: invert(1);
  justify-content: center;
  padding: 0;
}
#nav-rate .bg_main_color #ViewRules .modal-body {
  background-color: #191d27;
  padding: 15px 20px;
}
#nav-rate .bg_main_color #ViewRules .modal-body .h6,
#nav-rate .bg_main_color #ViewRules .modal-body h6 {
  font-size: 15px;
  font-weight: 700;
}
.affiliateUl {
  margin: 0;
  padding: 0;
}
.affiliateUl li {
  padding-left: 12px;
  position: relative;
}
.affiliateUl li:after {
  background-color: #fff;
  border-radius: 20px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
#nav-banner .bg_main_color {
  padding: 20px;
}
#nav-banner .bg_main_color .download-banner-box {
  background-color: #191d27;
  border-radius: 10px;
  padding: 20px;
}
#nav-banner .bg_main_color .download-banner-box .download-banner-image {
  border-radius: 14px;
  overflow: hidden;
}
#nav-banner .bg_main_color .download-banner-box .banner-heading {
  font-size: 20px;
  font-weight: 700;
  margin-top: 12px;
}
#nav-banner .bg_main_color .download-banner-box .banner-content {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px;
}
#nav-banner .bg_main_color .download-banner-box .banner-button {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 1.95px solid #FF6700 !important;
  box-shadow: 0 0 8.75px 0 #0006;
  color: #fff;
  font-size: 14px;
  margin-top: 12px;
  padding: 10px;
  width: 100%;
}
@media (max-width: 850px) {
  .vip-table .vip-table-body .vip-table-row:after {
    bottom: 9px !important;
    left: 90px !important;
    width: 30% !important;
  }
  .vip-table .vip-table-body .vip-table-row:before {
    bottom: 12px !important;
    right: 80px !important;
    width: 30% !important;
  }
}
@media (max-width: 600px) {
  .vip-table .vip-table-body .vip-table-row:after {
    bottom: 9px !important;
    left: 90px !important;
    width: 20% !important;
  }
  .vip-table .vip-table-body .vip-table-row:before {
    bottom: 9px !important;
    right: 70px !important;
    width: 20% !important;
  }
}
@media (max-width: 450px) {
  .vip-table .vip-table-body .vip-table-row:after {
    bottom: 12px !important;
    left: 90px !important;
    width: 12% !important;
  }
  .vip-table .vip-table-body .vip-table-row:before {
    bottom: 12px !important;
    right: 70px !important;
    width: 12% !important;
  }
}
.profile-cta-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  box-shadow: 0 0 9px 0 #0006;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 22px;
}
@media only screen and (min-width: 768px) {
  .profile-cta-btn {
    font-size: 14px;
    padding: 12px 30px;
  }
}
.profile_section .sub-heading {
  font-size: 13px;
  font-weight: 600;
}
.profile_section .sub-desc {
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 500;
}
.profile_section .profile-main-heading {
  border-bottom: 1px solid #6a798c;
}
.profile_section .profile-main-heading .h6,
.profile_section .profile-main-heading h6 {
  font-size: 15px;
  font-weight: 600;
}
.profile_section .profile-tabs {
  background-color: #242937;
  border-radius: 15px;
  padding: 15px;
}
.profile_section .profile-tabs .nav-pills .nav-link {
  background-color: #1e222d !important;
  border: 0;
  border-radius: 30px !important;
  color: #d4d4d4 !important;
  margin-block: 5px;
  padding: 5px;
}
.profile_section .profile-tabs .nav-pills .nav-link .DropTxt {
  font-size: 13px;
}
.profile_section .profile-tabs .nav-pills .nav-link.active {
  background: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  border: 0;
  color: #fff !important;
}
.profile_section .profile-tabs .nav-pills .nav-link.active .dropIcon {
  background: #fff;
}
.profile_section .profile-tabs .nav-pills .nav-link:hover {
  background: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  border: 0;
  color: #fff !important;
}
.profile_section .profile-tabs .nav-pills .nav-link:hover .dropIcon {
  background: #fff;
}
.profile_section .profile-tabs .nav-pills .nav-link .dropIcon {
  align-items: center;
  background: #202733;
  border-radius: 50%;
  box-shadow: 0 0 2px #969696;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.profile_section .profile-tabs .nav-pills .nav-link .dropIcon img {
  height: 11px;
  width: 100%;
}
.profile_section .profile_account_info .profile-img {
  border: 3px solid #f8ba28;
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
.profile_section .profile_account_info .commonInp:-webkit-autofill {
  -webkit-text-fill-color: #b2b6c5 !important;
  background-color: #2e3443 !important;
  caret-color: #b2b6c5;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.profile_section .profile_account_info .contact-desc .h6,
.profile_section .profile_account_info .contact-desc h6 {
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 500;
}
.profile_section .profile_account_info .connection-box {
  border-bottom: 1px solid #6a798c;
}
.profile_section .profile_account_info .connection-box .connection-img {
  background-color: #191d27;
  border-radius: 5px;
  height: 60px;
  width: 60px;
}
.profile_section .profile_account_info .dropdown .dropdown-toggle {
  background-color: #191d27;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
}
.profile_section .profile_account_info .dropdown .dropdown-toggle:after {
  content: none !important;
}
.profile_section .profile_account_info .dropdown .dropdown-menu {
  background-color: #191d27;
}
.profile_section .profile_account_info .dropdown .dropdown-menu .dropdown-item {
  color: #fff;
  padding: 6px 16px !important;
}
.profile_section
  .profile_account_info
  .dropdown
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #202733 !important;
}
.profile_section .profile_account_info .account-list {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 600;
}
.profile_section .profile_account_info .form-switch .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 47px;
}
.profile_section .profile_account_info .form-switch .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.profile_section .profile_account_info .form-switch .switch .slider {
  background-color: #181c24;
  border-radius: 20px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.profile_section .profile_account_info .form-switch .switch .slider:before {
  background-color: #6c7684;
  border-radius: 0;
  bottom: 2px;
  content: "";
  height: 16px;
  left: 2px;
  position: absolute;
  transition: 0.4s;
  width: 27px;
}
.profile_section .security-box {
  background-color: #191d27;
  border-radius: 10px;
}
.profile_section .security-box .security-btn {
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  border: 0;
  border-radius: 0;
  border-top: 2px solid #FF6700;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-block: 7px;
  width: 100%;
}
input:checked + .slider:before {
  background-color: #c6ff00 !important;
  transform: translateX(15px);
}
.drop_mb_tab {
  background-color: #1e222d;
  border: 1px solid #2e3443;
  border-radius: 0;
  color: #b2b6c5 !important;
  margin-block: 10px;
  padding: 6px;
}
.drop_mb_tab .DropTxt {
  font-size: 13px;
}
.drop_mb_tab .dropIcon {
  align-items: center;
  background: #202733;
  border-radius: 50%;
  box-shadow: 0 0 2px #969696;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.drop_mb_tab .dropIcon img {
  height: 14px;
  object-fit: contain;
  width: 100%;
}
.drop_mb_tab.active {
  background-image: linear-gradient(90deg, #FF6700, #99d3ff) !important;
  color: #fff !important;
}
.drop_mb_tab.active .dropIcon {
  background: #fff;
}
#EditUsername .modal-content {
  box-shadow: 0 0 15px 5px rgba(63, 63, 63, 0.322);
  overflow: hidden;
}
#EditUsername .modal-content .modal-header {
  background-color: #202733;
  border-bottom: 0 !important;
  color: #fff;
}
#EditUsername .modal-content .modal-header .btn-close {
  filter: invert(1);
}
#EditUsername .modal-content .modal-body {
  background-color: #191a24;
}
#EditUsername .modal-content .modal-body label {
  color: #fff;
}
#EditUsername .modal-content .modal-body .form-control {
  background-color: #202733;
  border: 0 !important;
  border-radius: 10px;
  color: #fff;
  padding: 15px 10px;
}
#EditUsername .modal-content .modal-body .form-control:focus {
  border: 0 !important;
  box-shadow: none !important;
}
#EditUsername .modal-content .modal-body .form-control::placeholder {
  color: #b2b6c5;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #b2b6c5 !important;
  background-color: #0000 !important;
  border: none;
  -webkit-box-shadow: 0 !important;
  caret-color: #b2b6c5;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.nextPrvButtonDiv {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.nextPrvButtonDiv button {
  aspect-ratio: 1;
  background-color: #FF6700;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251), inset 0.5px 0.5px 0.5px 0 #fff;
  color: #fff;
  cursor: pointer;
  height: 100%;
}
.gameErrorPageInner {
  background-color: #191d27 !important;
  border-radius: 15px 0;
}
.gameErrorPageInner .gameErrorPageInnerlogo {
  width: 303px;
}
.gameErrorPageInner .gameErrorPageInnerheading {
  max-width: 600px;
  object-fit: cover;
  width: 100%;
}
.gameErrorPageInner .gameErrorPageInnerSubH {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  padding-top: 40px;
  text-align: center;
}
.gameErrorPageInner .gameErrorPageInnerBtn {
  background: #FF6700;
  background: var(--Main-Blue-Color, #FF6700);
  border-radius: 19.54px;
  box-shadow: 0 1.68px 11.17px 0 rgba(0, 0, 0, 0.502);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-top: 28px;
  max-width: 200px;
  min-height: 40px;
  text-align: center;
  width: 100%;
}
.pageNavigationSection li {
  background-color: #2e3443 !important;
  border-radius: 4px;
  color: #b2b6c5 !important;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  overflow: hidden;
  padding: 0 !important;
  width: 30px;
}
.pageNavigationSection li span {
  display: flex;
  height: 100%;
  width: 100%;
}
.pageNavigationSection li span img {
  height: 12px !important;
  object-fit: contain;
  width: 12px !important;
}
.pageNavigationSection li span.active {
  background-color: #62c412;
  color: #fff !important;
}
.cursor-pointer {
  cursor: pointer;
}
::-webkit-scrollbar {
  display: none;
}
body {
  background-color: #1e222d;
  font-family: GeogrotSharp TRIAL !important;
  height: 100dvh;
}
body.showSidebar .appLayout .sidebar {
  transform: translateX(0);
}
body.showSidebar .appLayout .mainContent .scrollPart {
  overflow: hidden !important;
}
body .appLayout .sidebar {
  background-color: #242937;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: 0.3s ease-in-out;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 576px) {
  body .appLayout .sidebar {
    width: 225px;
  }
}
@media only screen and (min-width: 992px) {
  body .appLayout .sidebar {
    background-color: #242937;
    display: flex;
    position: static;
    transform: translateX(0);
  }
}
body .appLayout .header {
  background-color: #1e222d;
  box-shadow: 1px 1px 20px 10px #00000080;
  position: relative;
  width: 100%;
  z-index: 9;
}
body .appLayout .header.sportsHeader {
  z-index: 1050;
}
@media only screen and (min-width: 992px) {
  body .appLayout .header {
    background-color: #242937;
    height: 75px;
  }
}
body .appLayout .mainContent,
body .appLayout .mainContent .scrollPart {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body .appLayout .mainContent .scrollPart {
    width: calc(100% - 225px);
  }
  body .appLayout .mainContent .scrollPart.withoutSidebar {
    width: 100%;
  }
}
body .appLayout .mainContent .scrollPart .bodyScrollInnerPart {
  margin: auto;
  max-width: 1430px;
  overflow-x: hidden;
  padding: 20px;
}
@media only screen and (min-width: 992px) {
  body .appLayout .mainContent .scrollPart .bodyScrollInnerPart {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body .appLayout .mainContent .scrollPart .bodyScrollInnerPart {
    padding: 25px 40px;
  }
}
.telegramBtnParent {
  cursor: pointer;
  z-index: 5;
}
.telegramBtnParent > div,
.telegramBtnParent > div iframe {
  height: 100% !important;
  width: 100% !important;
}
.telegramBtnParent > div iframe {
  opacity: 0.01;
  transform: scale(3);
  transform-origin: top;
}
.modalSmallSubHeading {
  color: #b2b6c5;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.subBtn {
  background-color: #1e222d;
  border-color: #fff;
  border-radius: 4.61px;
  height: 41.5px;
  width: 220px;
}
.headerFiatDrop {
  background-color: #0000 !important;
  border: 0 !important;
  display: flex;
  padding: 0 !important;
}
@media only screen and (min-width: 992px) {
  .headerFiatDrop {
    padding-right: 10px !important;
  }
}
.headerFiatDrop.coinBtn {
  align-items: center;
  background-color: #000 !important;
  border-radius: 0;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  padding: 4px 8px !important;
  text-transform: uppercase;
}
.headerFiatDrop.coinBtn .coinImgs {
  border-radius: 50px;
  display: flex;
  height: 17px;
  margin-right: 6px;
  overflow: hidden;
  width: 17px;
}
.headerFiatDrop.coinBtn .coinImgs img {
  display: flex;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.headerFiatDrop:after {
  display: none;
}
.innerUsdtBtn {
  background: #242937 !important;
  border-radius: 5px !important;
  overflow: hidden;
  padding: 12px !important;
  width: 100vw;
}
@media only screen and (min-width: 576px) {
  .innerUsdtBtn {
    height: 70dvh !important;
    left: auto !important;
    max-height: 70dvh !important;
    right: -39px !important;
    top: 22px !important;
    width: 310px;
  }
}
.innerUsdtBtn.userBalInnerDropIframe {
  top: 0 !important;
}
.innerUsdtBtn.userBalInnerDropIframe.userBalInnerDrop {
  height: 280px !important;
  max-height: 280px !important;
}
.innerUsdtBtn.userBalInnerDrop {
  height: 380px;
  max-height: 380px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .innerUsdtBtn.userBalInnerDrop {
    height: 100dvh !important;
    max-height: calc(100dvh - 126px) !important;
    top: 14px !important;
  }
}
.innerUsdtBtn.userBalInnerDrop > .row {
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  overflow: hidden;
}
.innerUsdtBtn.userBalInnerDrop > .row .innerScrollDiv {
  flex: 1 1 auto;
  height: 100%;
  overflow-y: auto;
}
.innerUsdtBtn.userBalInnerDrop .usdtImageDropdownInner {
  max-height: none !important;
  overflow-y: visible;
}
.innerUsdtBtn .coinImg {
  height: 20px;
  object-fit: contain;
  width: 20px;
}
.innerUsdtBtn .usdtTxtt {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.innerUsdtBtn .usdtTxtt img {
  cursor: pointer;
  display: flex;
  height: 16px;
  margin-left: 5px;
  margin-right: 15px;
  object-fit: contain;
}
.innerUsdtBtn .usdtValue {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding-right: 9px;
}
.innerUsdtBtn .usdtValue2 {
  align-items: center;
  background-color: #282c32;
  border-radius: 15px;
  color: #62c412;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  padding: 3px 9px;
}
.innerUsdtBtn .usdtValue2 img {
  cursor: pointer;
  display: flex;
  height: 14px;
  margin-right: 5px;
  object-fit: contain;
}
.innerUsdtBtn .dropTitle {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
.innerUsdtBtn .searchInp {
  position: relative;
}
.innerUsdtBtn .searchInp img {
  height: 15px;
  left: 10px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.innerUsdtBtn .searchInp .form-control {
  background-color: #1e222d;
  border: none !important;
  color: #b2b6c5;
  font-size: 12px;
  height: 36px;
  padding-left: 35px;
}
.innerUsdtBtn .searchInp .form-control:focus {
  color: #b2b6c5;
}
.innerUsdtBtn .plusBtn {
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.innerUsdtBtn .dropTabs,
.innerUsdtBtn .plusBtn {
  align-items: center;
  background-color: #1e222d;
  display: flex;
}
.innerUsdtBtn .dropTabs {
  border-radius: 5px;
  margin-block: 10px;
}
.innerUsdtBtn .dropTabs .tab {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  width: 50%;
}
.innerUsdtBtn .dropTabs .tab:is(:hover, .active) {
  background-color: #b2b6c54d;
  border-color: #b2b6c5;
  color: #fff;
}
.innerUsdtBtn .dropCheckBoxWrapper {
  margin-top: 5px;
  padding-top: 13px !important;
  position: relative;
}
.innerUsdtBtn .dropCheckBoxWrapper:before {
  background-color: #b2b6c580;
  content: "";
  height: 0.5px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 130%;
}
.innerUsdtBtn .dropCheckBoxWrapper .dropCheckBox {
  align-items: center;
  display: flex;
}
.innerUsdtBtn
  .dropCheckBoxWrapper
  .dropCheckBox
  input:checked
  + .checkLabel:before {
  background-color: #42b72a;
  transform: translateX(15px);
}
.innerUsdtBtn .dropCheckBoxWrapper .dropCheckBox .checkLabel {
  background-color: #1e222d;
  border-radius: 30px;
  cursor: pointer;
  height: 15px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
  width: 34px;
}
.innerUsdtBtn .dropCheckBoxWrapper .dropCheckBox .checkLabel:before {
  background-color: #c2fb01;
  border-radius: 30px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s ease-in-out;
  width: 19px;
}
.innerUsdtBtn .dropCheckBoxWrapper .dropCheckBox .textLabel {
  color: #b2b6c5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}
.innerUsdtBtn .usdtImageDropdownInner {
  max-height: 210px;
  overflow-y: auto;
}
.innerUsdtBtn .usdtImageDropdownInner .usdtImageDropdownInnerList {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  min-height: 38px;
  padding: 5px 9px;
  text-transform: uppercase;
}
.innerUsdtBtn
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList:is(:hover, .active, :active) {
  background: linear-gradient(90deg, #FF6700, #085894);
  border: 1px solid #FF6700;
  border: 1px solid var(--Blue-Strok-Color, #FF6700);
  border-radius: 37px;
}
.innerUsdtBtn .usdtImageDropdownInner .usdtImageDropdownInnerList .smallVal {
  color: #b2b6c5;
  display: block;
  font-size: 10px;
  font-weight: 500;
  text-align: end;
}
.innerUsdtBtn .usdtImageDropdownInner .usdtImageDropdownInnerList .usdtValue2 {
  font-size: 10px;
}
.innerUsdtBtn
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .usdtValue2
  img {
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.innerUsdtBtn .usdtImageDropdownInner .usdtImageDropdownInnerList img {
  border-radius: 50px !important;
  height: 18.707px;
  margin-right: 8px;
  object-fit: contain;
  width: 18.707px;
}
.innerUsdtBtn .usdtImageDropdownInner .usdtImageDropdownInnerList img.infoIcon {
  height: 12px;
  margin-left: 8px;
  width: 12px;
}
.cursiveHeading {
  color: #fff;
  font-family: RETROTECH !important;
  font-size: 15px;
  line-height: 100%;
  padding-left: 25px;
  position: relative;
}
.cursiveHeading:before {
  background-color: #62c412;
  border-radius: 3px;
  content: "";
  height: 9px;
  left: 3px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 9px;
}
.Information .modal-content {
  background-color: #0d131c !important;
}
.Information .selFiatInpBox .fiatSelLabel {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  justify-content: space-between;
  padding: 12px;
}
.Information .selFiatInpBox .fiatSelLabel .checkDiv {
  align-items: center;
  background-color: #0000;
  border: 3px solid #b2b6c54d;
  border-radius: 50px;
  display: flex;
  height: 18px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 18px;
}
.Information .selFiatInpBox .fiatSelLabel .checkDiv:before {
  background-color: #15191f;
  border-radius: 20px;
  content: "";
  display: none;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -41%);
  width: 9px;
}
.Information .selFiatInpBox .fiatSelLabel .Txt {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.Information .selFiatInpBox .fiatSelLabel .imgDiv {
  align-items: center;
  border-radius: 50px;
  display: flex;
  height: 16px;
  justify-content: center;
  overflow: hidden;
  width: 16px;
}
.Information .selFiatInpBox .fiatSelLabel .imgDiv img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.Information .selFiatInpBox .fiatSelInp:checked ~ .fiatSelLabel {
  background: linear-gradient(90deg, #FF6700, #085894);
  border: 1px solid #FF6700;
  border: 1px solid var(--Blue-Strok-Color, #FF6700);
  border-radius: 37px;
}
.Information .selFiatInpBox .fiatSelInp:checked ~ .fiatSelLabel .checkDiv {
  background-color: #20ef89;
  border: none;
}
.Information
  .selFiatInpBox
  .fiatSelInp:checked
  ~ .fiatSelLabel
  .checkDiv:before {
  display: block;
}
.viewInFiatModal .modal-content {
  background-color: #2e3443 !important;
}
.viewInFiatModal .btn-close {
  position: absolute;
  right: 23px;
  top: 14px;
}
.viewInFiatModal.addCurrencyModal .modal-content {
  background-color: #0d131c;
}
.viewInFiatModal .searchInp {
  position: relative;
}
.viewInFiatModal .searchInp img {
  height: 15px;
  left: 10px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.viewInFiatModal .searchInp .form-control {
  background-color: #212632;
  border: none !important;
  color: #b2b6c5;
  font-size: 12px;
  height: 36px;
  padding-left: 35px;
}
.viewInFiatModal .searchInp .form-control:focus {
  color: #b2b6c5;
}
.viewInFiatModal .dropTabs {
  align-items: center;
  background-color: #212632;
  border-radius: 5px;
  display: flex;
  margin-block: 10px;
  overflow-y: auto;
}
.viewInFiatModal .dropTabs .tab {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  color: #b2b6c5;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  min-width: 100px;
  white-space: nowrap;
  width: 50%;
}
.viewInFiatModal .dropTabs .tab:is(:hover, .active) {
  background-color: #b2b6c54d;
  border-color: #b2b6c5;
  color: #fff;
}
.viewInFiatModal .FavCoin {
  color: #b2b6c5;
  font-size: 14px;
  font-weight: 500;
}
.viewInFiatModal .sortBtn {
  align-items: center;
  background-color: #b2b6c5;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 20px;
  justify-content: center;
  width: 12px;
}
.viewInFiatModal .usdtImageDropdownInner .usdtImageDropdownInnerList {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-height: 38px;
  padding: 9px 0;
  text-transform: uppercase;
}
.viewInFiatModal .usdtImageDropdownInner .usdtImageDropdownInnerList .crName {
  color: #b2b6c5;
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-align: end;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .usdtValue2 {
  font-size: 10px;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .usdtValue2
  img {
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.viewInFiatModal .usdtImageDropdownInner .usdtImageDropdownInnerList img {
  border-radius: 50px !important;
  height: 21px;
  margin-right: 8px;
  object-fit: contain;
  width: 21px;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  img.infoIcon {
  height: 12px;
  margin-left: 8px;
  width: 12px;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .checkInp
  .checkLabel {
  align-items: center;
  background-color: rgba(178, 182, 197, 0.231);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 16px;
  margin-left: 8px;
  overflow: hidden;
  position: relative;
  width: 30px;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .checkInp
  .checkLabel:before {
  aspect-ratio: 1;
  background-color: #b2b6c5;
  border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s ease-in-out;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .checkInp
  .chcck:checked
  ~ .checkLabel {
  background-color: #191d27;
}
.viewInFiatModal
  .usdtImageDropdownInner
  .usdtImageDropdownInnerList
  .checkInp
  .chcck:checked
  ~ .checkLabel:before {
  background-color: #c2fb01;
  transform: translateX(14px);
}
.modeSelectDialogWrapper {
  background-color: #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
.modeSelectDialogWrapper .modeSelectDialog {
  background-color: #242937;
  border-radius: 10px;
  max-width: 480px;
}
.modeSelectDialogWrapper .modeSelectDialog:not(.newModeSelectDialog) {
  overflow: hidden;
}
.modeSelectDialogWrapper .modeSelectDialog.newModeSelectDialog .innerUsdtBtn {
  right: 0 !important;
  top: 0 !important;
}
.modeSelectDialogWrapper .modeSelectDialog .lower {
  background-color: #2e3443;
  padding: 15px 10px;
}
.modeSelectDialogWrapper .modeSelectDialog .playwithdetail {
  color: #b2b6c5;
}
.modeSelectDialogWrapper .modeSelectDialog .dialogTxt {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  text-align: center;
}
.modeSelectDialogWrapper .modeSelectDialog .dialogBtn {
  align-items: center;
  background: #FF6700;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  text-transform: capitalize;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .modeSelectDialogWrapper .modeSelectDialog .dialogBtn {
    font-size: 14px;
    height: 40px;
  }
}
.modeSelectDialogWrapper .modeSelectDialog .dialogBtn.freePlay {
  background: #2e3443;
  border-bottom: 0;
  color: #b2b6c5;
}
.modalContentUser .modal-header .modal-title button {
  align-items: center;
  background-color: #191a24 !important;
  border: 1px solid #2e3443;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0 15px !important;
  width: 100%;
}
@media (max-width: 767px) {
  .modalContentUser .modal-header .modal-title button {
    font-size: 14px;
    height: 38px;
  }
}
.modalContentUser .modal-header img {
  cursor: pointer;
  height: 16px !important;
  object-fit: contain;
}
.modalContentUser .modal-body .faits {
  border-radius: 5px;
  cursor: pointer;
}
.modalContentUser .modal-body .faits:is(:hover, .active) {
  background-color: #2e3443;
}
.modalContentUser .modal-body .faits .coinImg {
  border-radius: 50px;
  height: 25px;
  overflow: hidden;
  width: 25px;
}
.modalContentUser .modal-body .faits .coinImg img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.modalContentUser .modal-body .faits .coincuntry {
  color: #fff;
  font-size: 14px;
}
.currModalHei {
  height: 50dvh !important;
}
@media only screen and (min-width: 768px) {
  .currModalHei {
    height: 90dvh !important;
  }
}
.langModal {
  height: 420px;
  width: 325px;
}
.coindropdown .coinbtn {
  font-size: 13px;
  font-weight: 600;
}
.coindropdown .coinbtn .coinImgs {
  border-radius: 50px;
  height: 17px;
  min-width: 17px;
  object-fit: contain;
  overflow: hidden;
  width: 17px;
}
.coindropdown .coinMenu .coinsearch .searchipt,
.coindropdown .coinMenu .coinsearch .searchipt::placeholder,
.coindropdown .coinMenu .cointabs .tablink {
  font-size: 13px;
}
.coindropdown .coinMenu .coinMain .dropcoinImg {
  height: 17px;
  width: 17px;
}
.coindropdown .coinMenu .coinMain .coinPrice,
.coindropdown .coinMenu .coinMain .coinname {
  font-size: 13px;
}
.refBtn {
  background-color: #62c412;
  border: 0;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  font-weight: 800;
  height: 40px;
  margin-inline: auto;
  padding: 8px 20px;
  text-transform: uppercase;
  width: 160px;
}
@media only screen and (min-width: 1400px) {
  .gameCardGrid > * {
    width: 12.5%;
  }
}
.blinkLayer {
  align-items: center;
  animation: blinkScreen 0.2s infinite alternate;
  background: repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 50% 0/2500px
      2500px,
    repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/2500px
      2500px;
  background-blend-mode: difference;
  display: flex;
  height: 200px;
  justify-content: center;
}
.blinkLayer .msgText {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .blinkLayer {
    height: 300px;
  }
  .blinkLayer .msgText {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) {
  .blinkLayer {
    height: 500px;
  }
  .blinkLayer .msgText {
    font-size: 32px;
  }
}
@keyframes blinkScreen {
  to {
    background-position: 50% 0, 60% 50%;
  }
}
.iframeLoader {
  background-color: #1e222d !important;
  z-index: 999999999;
}
.iframeLoader img {
  mix-blend-mode: difference;
}
.usdtWithDrop {
  padding: 0 !important;
}
.commonCurrDropdown .dropdown-toggle {
  background-color: #0000 !important;
  border: 0 !important;
  padding: 15px !important;
  text-transform: uppercase;
}
.commonCurrDropdown .dropdown-toggle:after {
  display: none;
}
.commonCurrDropdown .dropdown-menu {
  background-color: #2e3443;
  max-height: 230px;
  overflow-y: auto;
  padding: 8px;
  width: 100%;
}
.commonCurrDropdown .dropdown-menu .commonInp {
  background-color: #1e222d;
  height: 40px;
}
.commonCurrDropdown .dropdown-menu .dropdown-item {
  align-items: center;
  background-color: #0000;
  border: 2px solid #0000;
  border-radius: 5px;
  color: #fff !important;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  margin-top: 3px;
  padding: 8px !important;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .commonCurrDropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
  }
}
.commonCurrDropdown .dropdown-menu .dropdown-item:is(:hover, .active) {
  border-color: #318120;
}
.commonCurrDropdown .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}
.commonCurrDropdown .dropdown-menu .dropdown-item .coin {
  border-radius: 50px;
  display: flex;
  height: 20px;
  margin-right: 8px;
  object-fit: cover;
  overflow: hidden;
  width: 20px;
}
.fialDropdown .dropdown-toggle {
  align-items: center;
  background-color: #2e3443;
  border-color: #2e3443;
  border-radius: 10px;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 44px;
  padding-inline: 20px;
}
.fialDropdown .dropdown-toggle:is(:active, :focus, :focus-within) {
  background-color: #2e3443;
  border-color: #2e3443;
}
.fialDropdown .dropdown-toggle img {
  height: 18px;
  margin-left: 8px;
  margin-right: 3px;
  object-fit: contain;
}
.fialDropdown .dropdown-toggle:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA9CAYAAAAj8ACPAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFxSURBVHgB7ZfRbYNAEESHVOASKIFS3IHpwO7AdGB3gDtICUkHLuFKSDqYLApR+ECBPc0CingSAiTYeyC4nQM2QDE8IXmwXWnboSiKdyyNCZS2Jf7SHZdYihGBH57921lNYDkRG6DlNK+IxAb44DxaROGQ6LghAit8p48r1FjRA78/vtVFpv6QMS5QkylygppMkSPUWNGKvj+mu7aCmi2JHOkjMaLhWdGaPlKUyIU+UpRIQx8xnXdLIt4+ExMBrPCDPmIiQPeE9KGPANxQ590jgEJkjwBDNhUBSqihPwK8IQL6Om96gZj+9Z4dt3xCCfMmsBpKMgQaKOG81f2QO5RYwRt9PKDECl7p4wklOQJURr4MgUTl7GjFzvSR1AIn+khqgco3fozAeq2aeaFldYEaKrh2kM0UaKCCeS25gZItCLT0sbfk/9eSa/pIVC9Y6JsL9AK9xLoCvcScOSFOoJeYWjvGrJ5HRJo/JOIFJkRqLMAXqexW/UQ2TPYAAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  height: 14px;
  width: 14px;
}
.fialDropdown .currDropMenu {
  background-color: #242937;
  box-shadow: 0 0 10px 0 #12151a;
  left: auto;
  padding: 15px;
  right: 0;
  width: 300px;
}
.fialDropdown .currDropMenu .header .searchInp {
  margin-bottom: 8px;
  position: relative;
}
.fialDropdown .currDropMenu .header .searchInp img {
  height: 15px;
  left: 10px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.fialDropdown .currDropMenu .header .searchInp input {
  background-color: #2e3443;
  border: none !important;
  color: #b2b6c5;
  font-size: 12px;
  height: 36px;
  padding-left: 35px;
}
.fialDropdown .currDropMenu .header {
  background-color: #0000 !important;
  box-shadow: none !important;
  height: auto !important;
}
.fialDropdown .currDropMenu .body {
  background-color: #2e3443;
  border-radius: 5px;
  max-height: 228px;
  overflow: hidden auto;
  padding: 10px;
}
.fialDropdown .currDropMenu .body .menuItem {
  align-items: center;
  background-color: #242937;
  border: 1px solid #0000;
  border-radius: 5px;
  display: flex;
  margin-bottom: 8px;
  padding: 10px;
}
.fialDropdown .currDropMenu .body .menuItem:is(:hover, .active) {
  border-color: #b2b6c5;
}
.fialDropdown .currDropMenu .body .menuItem:last-child {
  margin-bottom: 0;
}
.fialDropdown .currDropMenu .body .menuItem .country {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
}
.fialDropdown .currDropMenu .body .menuItem .country .img {
  align-items: center;
  background-color: #15191f;
  border-radius: 5px;
  display: flex;
  height: 25px;
  justify-content: center;
  margin-right: 7px;
  width: 25px;
}
.fialDropdown .currDropMenu .body .menuItem .country .img img {
  border-radius: 20px;
  height: 15px;
  object-fit: contain;
  overflow: hidden;
  width: 15px;
}
.fialDropdown .currDropMenu .body .menuItem .cName {
  color: #b2b6c5;
  flex: 1 1 auto;
  font-size: 10px;
  font-weight: 500;
}
.fialDropdown .currDropMenu .body .menuItem .prizeeee {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.fialDropdown .currDropMenu .footer {
  background-color: #0000 !important;
  padding-top: 8px;
  padding: 0 !important;
  text-align: center;
}
.fialDropdown .currDropMenu .footer img {
  height: 14px;
  object-fit: contain;
}
.sponsorCard {
  background: #2e3443;
  border-radius: 9px;
}
.sponsorCard .box {
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .sponsorCard .box {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .sponsorCard .box {
    padding: 35px 40px;
  }
}
.sponsorCard .box .boxImg {
  float: right;
}
.sponsorCard .box .sponsorName {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .sponsorCard .box .sponsorName {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
.sponsorCard .box .field {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.sponsorCard .box .discription {
  color: #b2b6c5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.sponsorCard .box .bottom {
  margin-top: 30px;
}
.sponsorCard .box .bottom .oneSection img {
  height: 36px;
  width: 37px;
}
.sponsorCard .box .bottom .oneSection span.punch img {
  margin-left: 20px;
  width: 40.838px;
}
.sponsorCard .box .bottom .oneSection span img {
  height: 39.931px;
  margin-left: 20px;
  object-fit: contain;
  width: 76.838px;
}
.sponsorCard .box .bottom .readMoreBtn {
  background: #1e222d;
  border: none;
  border-radius: 6px;
  box-shadow: 0 5px 5px 0 #00000040;
  color: #b2b6c5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  width: 125px;
}
@media only screen and (min-width: 992px) {
  .sponsorCard .box .bottom .readMoreBtn {
    font-size: 16px;
    height: 45px;
    width: 145px;
  }
}
.sponsorCard .sponsorImg {
  bottom: 0;
  height: calc(100% + 20px);
  left: 50%;
  overflow: hidden;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}
.sponsorCard .sponsorImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutJonathanSection .sectionHeading {
  color: #e3e3e3;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .aboutJonathanSection .sectionHeading {
    font-size: 28px;
  }
}
.aboutJonathanSection .heroImg {
  height: 300px;
}
.aboutJonathanSection .heroImg img {
  height: 100%;
  object-fit: contain;
}
.aboutJonathanSection .aboutContent {
  padding-top: 25px;
}
@media only screen and (min-width: 992px) {
  .aboutJonathanSection .aboutContent {
    padding-top: 40px;
  }
}
.aboutJonathanSection .aboutContent .subHeadingAbout {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .aboutJonathanSection .aboutContent .subHeadingAbout {
    font-size: 24px;
  }
}
.aboutJonathanSection .aboutContent .subHeadingAbout .subHeadingImg {
  height: 25px;
  width: 25px;
}
.aboutJonathanSection .aboutContent .subHeadingAbout .subHeadingImg img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.aboutJonathanSection .aboutContent .pera {
  color: #b2b6c5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 992px) {
  .aboutJonathanSection .aboutContent .pera {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .aboutJonathanSection .aboutContent .pera {
    padding-top: 0 !important;
  }
}
.casinoSwiperWrapper {
  margin-top: -6px;
  padding-top: 6px;
}
.depositeMessageModal .modal-dialog .modal-content {
  background-color: #212632;
}
.depositeMessageModal .modal-dialog .modal-content .modal-header {
  border: 0;
}
.depositeMessageModal .modal-dialog .modal-content .modal-header .mTitle {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.depositeMessageModal .modal-dialog .modal-content .modal-header .mCloseBtn {
  cursor: pointer;
  display: flex;
  height: 15px;
  width: 15px;
}
.depositeMessageModal
  .modal-dialog
  .modal-content
  .modal-header
  .mCloseBtn
  img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body {
  text-align: center;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body .checkImg svg {
  color: #18a718;
  font-size: 120px;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body .depAmt {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body .depComp {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body .depMsg {
  color: #969caa;
  font-size: 12px;
  margin-bottom: 15px;
}
.depositeMessageModal .modal-dialog .modal-content .modal-body .viewTranx {
  color: #18a718;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.spinWinnerModal .modal-content {
  background: #0000;
}
.spinWinnerModal .modal-content .modal-body {
  position: relative;
}
.spinWinnerModal .modal-content .modal-body .winnerBackImg {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}
.spinWinnerModal .modal-content .winnerInnerBox {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  max-width: 380px;
  min-width: 300px;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .spinWinnerModal .modal-content .winnerInnerBox {
    min-width: 380px;
  }
}
.spinWinnerModal .modal-content .winnerInnerBox .crossBtn {
  cursor: pointer;
  height: 15px;
  object-fit: contain;
}
.spinWinnerModal .modal-content .winnerInnerBox .logo {
  height: 16px;
  object-fit: contain;
}
.spinWinnerModal .modal-content .winnerInnerBox .congTxt {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
}
.spinWinnerModal .modal-content .winnerInnerBox .congMsg {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.spinWinnerModal .modal-content .winnerInnerBox .congMsg span {
  color: #62c412;
}
.spinWinnerModal .modal-content .winnerInnerBox .congPrz {
  background: linear-gradient(180deg, #62c412, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000;
  filter: drop-shadow(2px 2px 0 #62c412);
  font-family: retrotech;
  font-size: 55px;
  font-weight: 500;
  text-align: center;
}
.spinWinnerModal .modal-content .winnerInnerBox .claimBtn {
  background: #62c412;
  border: 1px solid #62c412;
  border-bottom: 4px solid #388927;
  border-radius: 3px;
  box-shadow: 0 3px 20px #00000080;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .spinWinnerModal .modal-content .winnerInnerBox .claimBtn {
    width: 160px;
  }
}
.spinWinnerModal .modal-content .winnerInnerBox .coinGroupImage {
  left: -40px;
  object-fit: contain;
  position: absolute;
  top: -30px;
  width: 85px;
  z-index: -1;
}
.spinWinnerModal .modal-content .winnerInnerBox .coinGroupImage2 {
  object-fit: contain;
  position: absolute;
  right: -40px;
  top: -30px;
  width: 87px;
  z-index: -1;
}
@media (max-width: 575px) {
  .spinWinnerModal .modal-content .modal-body .winnerBackImg {
    display: none;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .congTxt {
    font-size: 26px;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .congMsg {
    font-size: 16px;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .congPrz {
    font-size: 48px;
    margin: 20px 0 10px;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .claimBtn {
    font-size: 16px;
    height: 40px;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .coinGroupImage {
    left: -25px;
    top: -25px;
    width: 75px;
  }
  .spinWinnerModal .modal-content .winnerInnerBox .coinGroupImage2 {
    right: -25px;
    top: -25px;
    width: 75px;
  }
}
.lockBonusModal-content {
  color: #fff;
}
.lockBonusModal-content .question {
  margin-bottom: 16px;
}
.lockBonusModal-content .enter-otp-heading {
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  body .appLayout .mainContent .scrollPart .bodyScrollInnerPart {
    padding: 10px;
  }
  body .header .upperHeader .userBalance {
    gap: 4px;
    height: 30px;
    padding: 5px 6px;
  }
  body .header .upperHeader .userBalance .user-bal-icon {
    padding-left: 6px;
    padding-right: 13px;
  }
  body .header .upperHeader .userBalance .user-bal-icon i {
    font-size: 14px;
  }
  body .header .upperHeader .userBalance .userBal .amountSpan {
    font-size: 10px;
  }
  body .header .upperHeader .userBalance .dropdown #dropdown-basic {
    height: 22px;
  }
  body .header .upperHeader .userBalance .userBal.userBal1 img {
    height: 10px;
    width: 10px;
  }
  body .header .upperHeader .userBalance .plusBtn {
    height: 20px;
    width: 20px;
  }
  body .header .upperHeader .userBalance .plusBtn img {
    height: 10px;
  }
  body .appLayout .header {
    height: auto;
  }
  body .appLayout .header .upperHeader .search-icon {
    height: 30px;
    width: 30px;
  }
  body .appLayout .header .upperHeader .search-icon .iconHeader img {
    width: 15px;
  }
}
.pageNotFound .errorTxt {
  -webkit-text-stroke: 4px #0000;
  background: -webkit-linear-gradient(311deg, #1e222d 5%, red 53%, #1e222d 91%);
  -webkit-background-clip: text;
  color: #0d131c;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  font-size: 120px;
  font-weight: 700;
  position: relative;
}
.pageNotFound .errorTxt:after {
  color: #b2b6c5;
  content: "PAGE NOT FOUND";
  font-size: 30px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  top: 65%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .pageNotFound .errorTxt {
    font-size: 220px;
  }
  .pageNotFound .errorTxt:after {
    font-size: 50px;
    top: 68%;
  }
}
.pageNotFound .errorTxt2 {
  -webkit-text-stroke: 4px #0000;
  background: -webkit-linear-gradient(311deg, #1e222d 5%, red 53%, #1e222d 91%);
  -webkit-background-clip: text;
  color: #0d131c;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  font-size: 120px;
  font-weight: 700;
  position: relative;
}
.pageNotFound .errorTxt2:after {
  color: #b2b6c5;
  content: "Something went wrong";
  font-size: 30px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .pageNotFound .errorTxt2 {
    font-size: 220px;
  }
  .pageNotFound .errorTxt2:after {
    font-size: 50px;
    top: 68%;
  }
}
.pageNotFound .errorBtn {
  align-items: center;
  border: 2px solid red;
  color: red;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  margin-top: -20px;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  z-index: 9;
}
.pageNotFound .errorBtn:hover {
  padding: 10px 40px;
}
.pageNotFound .errorBtn2 {
  align-items: center;
  border: 2px solid red;
  color: red;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  z-index: 9;
}
.pageNotFound .errorBtn2:hover {
  padding: 10px 40px;
}
.reloadBtn {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  color: #b2b6c5;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  padding: 7px 22px;
  width: 40%;
}
.reloadBtn:is(:hover, .fill) {
  background-color: #FF6700;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251), inset 0.5px 0.5px 0.5px 0 #fff;
  color: #fff;
}
.cancelBtn {
  align-items: center;
  background-color: #242937;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.251),
    inset 0 0.65px 0.78px 0 #FF6700;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  margin-left: 7px;
  padding: 12px;
  width: 40%;
}
.cancelBtn img {
  height: 14px;
  object-fit: contain;
}
.cancelBtn.dark {
  background-color: #FF6700;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.251), inset 0.5px 0.5px 0.5px 0 #fff;
  color: #fff;
}
.bottom_nav {
  align-items: center;
  background: #1a1e29;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}
.bottom_nav .bottomBarBtn {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0.6;
}
.bottom_nav .bottomBarBtn .icon {
  display: flex;
  height: 22px;
  width: 22px;
}
.bottom_nav .bottomBarBtn .icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.bottom_nav .bottomBarBtn .icon svg {
  height: 100%;
  width: 100%;
}
.bottom_nav .bottomBarBtn .txt {
  color: #b2b6c5;
  font-size: 9.63px;
  font-weight: 700;
  margin-top: 4px;
}
.bottom_nav .bottomBarBtn:is(:hover, .active) {
  opacity: 1;
}
.bottom_nav .bottomBarBtn:is(:hover, .active) .txt {
  color: #fff;
}
:root {
  --wcm-z-index: 890000000000 !important;
}
#main .homepage .master-box {
  background-color: #2f364c;
  border-radius: 15px;
  padding: 40px;
}
#main .homepage .master-box .master-heading {
  color: #fff;
  font-size: 40px;
}
#main .homepage .masterInput {
  background-color: #0d131c;
  border: 0 !important;
}
#main .homepage .masterInput:focus {
  outline: 0 !important;
}
.bgsection .game-icons {
  cursor: pointer;
  height: 19px;
  width: auto;
}
.bgsection .play-opions {
  background-color: #191d27;
  border-radius: 10px;
  padding: 8px 10px;
}
.bgsection .play-opions .free-play,
.bgsection .play-opions .real-play {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 10px;
}
.bgsection .play-opions .real-play {
  border-radius: 10px;
}
.bgsection .gameName {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
.shareModalWrapper .shareModalHeader {
  background-color: #2e3443;
  padding: 15px 0;
  text-align: center;
}
.shareModalWrapper .shareModalHeader .share-title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.shareModalWrapper .shareMain {
  background-color: #202733;
}
.shareModalWrapper .shareMain .share-icons {
  align-items: center;
  background-color: #191d27;
  border-radius: 8px;
  display: flex;
  height: 58px;
  justify-content: center;
  width: 58px;
}
.shareModalWrapper .shareMain .share-heading {
  color: #b3b3be;
  font-size: 16px;
  font-weight: 600;
}
.shareModalWrapper .shareMain .input-group {
  border-radius: 0;
  overflow: hidden;
}
.shareModalWrapper .shareMain .input-group .form-control {
  background-color: #191d27;
  border: 0;
  color: #fff;
}
.shareModalWrapper .shareMain .input-group .form-control:focus {
  box-shadow: none !important;
  outline: 0 !important;
}
.shareModalWrapper .shareMain .input-group .copy-btn {
  background-color: #2f364c;
  border: 0;
  color: #fff;
  padding: 0 12px;
}
.custom-backdrop {
  background: #0000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
@media (max-width: 768px) {
  .iframe-bullzmobile-container,
  .iframe-mobile-container {
    height: 87% !important;
  }
}
.anchor_btn {
  background-color: #0000;
  border: 0;
  box-shadow: none;
  color: #FF6700;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  text-decoration: underline;
}
.anchor_btn:disabled {
  opacity: 0.5;
}
.referralTermsModal .modal-dialog {
  max-width: 700px !important;
}
.referralTermsModal .modal-dialog .modal-content {
  border-radius: 10px !important;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.502);
}
.referralTermsModal .modal-header {
  align-items: center;
  background-color: #202733 !important;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.referralTermsModal .modal-header .custom-close-btn {
  align-items: center;
  background-color: #2f364c !important;
  border-radius: 5px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.referralTermsModal .modal-header .custom-close-btn button {
  filter: invert(1);
  height: 12px;
  margin: 0;
  padding: 0;
}
.referralTermsModal .modal-header .modal-title {
  color: #fff !important;
  font-size: 16px !important;
}
.referralTermsModal .modal-body {
  background-color: #191d27 !important;
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 400;
}
.fontS {
  font-size: 15px !important;
}
@media (max-width: 600px) {
  .fontS {
    font-size: 0px;
  }
}
@media (max-width: 920px) {
  .fontS {
    font-size: 25px !important;
  }
}
.historyModal .modal-dialog {
  max-width: 500px !important;
}
.historyModal .modal-dialog .modal-content {
  border-radius: 10px !important;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.502);
}
.historyModal .modal-header {
  align-items: center;
  background-color: #202733 !important;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.historyModal .modal-header .custom-close-btn {
  align-items: center;
  background-color: #2f364c !important;
  border-radius: 5px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.historyModal .modal-header .custom-close-btn button {
  filter: invert(1);
  height: 12px;
  margin: 0;
  padding: 0;
}
.historyModal .modal-header .modal-title {
  color: #fff !important;
  font-size: 16px !important;
}
.historyModal .modal-body {
  background-color: #202733 !important;
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 400;
}
.commonSelectPicker .dropdown-toggle {
  align-items: center;
  background-color: #191d27;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 42px;
  justify-content: space-between;
  padding: 6px 6px 6px 20px;
  width: 100%;
}
.commonSelectPicker .dropdown-toggle:after {
  align-items: center;
  background-color: #202733;
  border: 0;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-style: normal;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.commonSelectPicker .dropdown-menu {
  background-color: #191d27;
}
.commonSelectPicker .dropdown-menu li .dropdown-item {
  color: #fff !important;
  cursor: pointer;
  font-size: 14px !important;
  padding-block: 8px !important;
}
.commonSelectPicker .dropdown-menu li .dropdown-item:hover {
  background-color: #202733 !important;
}
.commonDarkInput input {
  background-color: #191d27;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  height: 42px;
  padding: 6px 20px;
  width: 100%;
}
.commonDarkInput input::placeholder {
  color: #6a798c;
}
.commonDarkInput.search input {
  padding-left: 40px;
}
.commonDarkInput img {
  height: 16px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.commonDatePicker .dateInput {
  background-color: #191d27;
  border-radius: 0;
  font-size: 13px;
  height: 42px;
  width: 100%;
}
.commonDatePicker .dateInput .react-datepicker-wrapper {
  width: 100%;
}
.commonDatePicker .dateInput .react-datepicker-wrapper input {
  background-color: #0000 !important;
  font-size: 13px;
  height: 100%;
  padding: 16px;
}
.commonDatePicker
  .dateInput
  .react-datepicker__day:not([aria-disabled="true"]):hover,
.commonDatePicker
  .dateInput
  .react-datepicker__month-text:not([aria-disabled="true"]):hover,
.commonDatePicker
  .dateInput
  .react-datepicker__quarter-text:not([aria-disabled="true"]):hover,
.commonDatePicker
  .dateInput
  .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  color: #000 !important;
}
.commonDatePicker .select_drop .dropdown-toggle {
  font-size: 13px;
  padding: 6px 6px 6px 0px;
}
.commonDatePicker .select_drop .dropdown-toggle:after {
  align-items: center;
  background: #202732;
  border: none !important;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-family: FONTAWESOME;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.commonDatePicker .select_drop #defaultDropdown img {
  height: 25px;
}
.commonDatePicker .select_drop .dropdown-menu .searchInpDrop input {
  background-color: #2e3443;
  border: 1px solid #93a6c4;
  border-radius: 5px;
  color: #fff;
  height: 40px;
  padding-left: 32px;
  width: 100%;
}
.commonDatePicker .select_drop .dropdown-menu .searchInpDrop .searchImgg {
  color: #93a6c4;
  left: 7px;
  position: absolute;
  top: 7px;
}
.commonDatePicker .select_drop .dropdown-menu input {
  font-size: 13px !important;
}
.commonDatePicker .select_drop .dropdown-menu .currency_search_list {
  max-height: 300px;
}
.commonDatePicker .select_drop .dropdown-menu .currency_search_list .dropList {
  background-color: #212632 !important;
  border: 1px solid #0000;
  border-radius: 0;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px !important;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList:hover {
  border-color: #fff;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList.selected {
  background-color: #FF6700 !important;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList
  .form-check-input {
  -bs-form-check-bg: #6a798c !important;
  background-color: #6a798c !important;
  border: 4px solid #2f364c !important;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList
  .form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: none !important;
  background-color: #FF6700 !important;
  border: 4px solid #fff !important;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .dropList
  img {
  height: 25px;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn
  .radio-outer {
  align-items: center;
  background-color: #2f364c;
  border-radius: 50%;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn
  .radio-outer
  .radio-inner {
  background-color: #6a798c;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn.radio-checked
  .radio-outer {
  background-color: #fff;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .currency_search_list
  .radio-btn.radio-checked
  .radio-inner {
  background-color: #FF6700;
}
.commonDatePicker .select_drop .dropdown-menu .dropFooter {
  background-color: #2e3443;
  border-radius: 0 0 5px 5px;
  height: 56px;
  padding: 20px;
}
.commonDatePicker
  .select_drop
  .dropdown-menu
  .dropFooter
  .footerToggle
  .form-check-input {
  background-color: #242937;
  border: 0;
  border-radius: 3px;
  height: 18px;
  width: 38px;
}
.darkTable tr td,
.darkTable tr th {
  background-color: #0000 !important;
  border: 1px solid #d4d4d4;
  color: #d4d4d4 !important;
}
.promoCodeModal .titleTxt {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}
.promoCodeModal .errorTxt {
  color: #ff3b30;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}
.promoCodeModal .form-control {
  background-color: #191d27;
  border: 1px solid #6a798c;
  color: #6a798c;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
}
.promoCodeModal .form-control::placeholder {
  color: #6a798c;
}
.promoCodeModal .skipTxt {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  text-align: center;
}
.commonDarkTable .refferal-table {
  white-space: nowrap;
}
.commonDarkTable .refferal-table thead th {
  background-color: #191d27 !important;
  border-bottom: 0 !important;
  color: #6a798c;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
.commonDarkTable .refferal-table thead th:first-child {
  background-color: #191d27 !important;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.commonDarkTable .refferal-table thead th:last-child {
  background-color: #191d27 !important;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
.commonDarkTable .refferal-table tbody td {
  background-color: #0000 !important;
  border-bottom: 1px solid #1d4a6c !important;
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 400;
  padding: 12px;
  text-align: center;
}
.versionModal .modal-content {
  border-radius: 12px !important;
  max-width: 40px;
}
.redeemBtn {
  align-items: center;
  background-color: #191d27;
  border: 1px solid #bbb;
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 10px;
}
.redeemModal {
  background: linear-gradient(180deg, rgba(10, 149, 255, 0.714), #003054);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 10px;
  padding-top: 18px;
  padding-inline: 15px;
}
.redeemModal .title {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
.redeemModal .message {
  color: #fff;
}
.manageModal {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 10px;
  padding-top: 18px;
  padding-inline: 15px;
}
.manageModal .title {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
.manageModal .message {
  background: #191d27;
  color: #fff;
  font-size: 10px;
}
.manageModal .message span {
  color: #FF6700;
  font-size: 10px;
  font-weight: 600;
}
.modal-backdrop {
  opacity: 0.1 !important;
}
.redeemFooter {
  display: flex;
  gap: 15px;
  justify-content: center;
  width: 100%;
}
.redeemFooter .cancelBtn23 {
  background: #6a798c;
}
.redeemFooter .cancelBtn23,
.redeemFooter .redeemBtn12 {
  border: none;
  border-radius: 20px;
  color: #fff;
  padding: 10px;
  width: 50%;
}
.redeemFooter .redeemBtn12 {
  text-wrap: no-wrap;
  background: linear-gradient(270deg, #7bc6ff, #FF6700);
  padding-inline: 10px;
}
.switch {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 39px;
}
.switch .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.switch .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.switch .slider:before {
  background-color: #fff;
  bottom: 1px;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 14px;
}
.switch input:checked + .slider {
  background-color: #1b1f27;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #1b1f27;
}
.switch input:checked + .slider:before {
  transform: translateX(21px);
}
.switch .slider.round {
  background-color: #1b1f27;
  border-radius: 5px;
  height: 16px;
  width: 39px;
}
.switch .slider.round2 {
  background-color: #202733;
  border: 1px solid #1d4a6c;
  border-radius: 5px;
  height: 16px;
  width: 39px;
}
.switch .slider.round2:before {
  border-radius: 7px;
}
.switch .slider.round:before {
  border-radius: 5px;
}
/*# sourceMappingURL=main.0121d839.css.map*/