@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*/