@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-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 {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.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 {
  z-index: 1;
  line-height: 0;
}
.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 {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.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__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.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 {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.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;
  width: 4rem;
  margin: 2px;
}

.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;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.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 {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.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 {
  cursor: pointer;
  background-color: #f0f0f0;
}
.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: white;
  font-weight: bold;
}
.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 {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.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 {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.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 {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  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: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.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: magenta;
}
.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 {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.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: rgb(207, 82.9642857143, 0);
}
.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 {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.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: rgb(28.75, 93.2196969697, 143.75);
}
.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: rgba(33, 107, 165, 0.5);
}
.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__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__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__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__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__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__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__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 {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__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__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-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__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Bootstrap  v5.3.6 (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, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--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:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--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 rgba(0, 0, 0, 0.15);--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:rgba(13, 110, 253, 0.25);--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]{color-scheme: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:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--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:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.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 + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{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:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}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{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@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}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@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-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 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 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 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 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 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 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:transparent;--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);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{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>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-striped-columns>:not(caption)>tr>:nth-child(2n){--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:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-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:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.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;color:var(--bs-table-color);border-color:var(--bs-table-border-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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@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{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%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");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%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;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.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,%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,%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{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%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")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@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{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@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{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{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 + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.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-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.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(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.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{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.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-top-right-radius:0;border-bottom-right-radius:0}.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){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.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{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%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-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{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,%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");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{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 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.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{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.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{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{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 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.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:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),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), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);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);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-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{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.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:transparent;--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:transparent;--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:transparent;--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:transparent;--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:transparent;--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:transparent;--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:transparent;--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:transparent;--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:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--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 .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 .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@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{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.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;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.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:rgba(255, 255, 255, 0.15);--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{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.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:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.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-top-right-radius:0;border-bottom-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-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.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-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;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:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-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;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .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{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.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{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.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{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.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{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' 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;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);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;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.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-right:var(--bs-navbar-nav-link-padding-x);padding-left: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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' 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;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.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-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-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 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-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-top-left-radius:0;border-bottom-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,%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,%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 rgba(13, 110, 253, 0.25);--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{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-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-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-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-right:0;border-left:0;border-radius: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,%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,%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")}.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);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.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 rgba(13, 110, 253, 0.25);--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;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-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);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--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;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.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;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);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:1s linear infinite progress-bar-stripes}@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;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@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-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.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);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;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))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.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);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .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{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);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)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.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;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.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);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - 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) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.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) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - 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) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.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) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);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)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@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;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@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{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@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;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%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,%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{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);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{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.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:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.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{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!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:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;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)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height: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{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!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:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.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:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{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:-webkit-sticky!important;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:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{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:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{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: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:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{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:.25rem!important}.m-2{margin:.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-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.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:.25rem!important}.me-2{margin-right:.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:.25rem!important}.mb-2{margin-bottom:.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:.25rem!important}.ms-2{margin-left:.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}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.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:.25rem!important}.pe-2{padding-right:.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:.25rem!important}.pb-2{padding-bottom:.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:.25rem!important}.ps-2{padding-left:.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:.25rem!important}.gap-2{gap:.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:.25rem!important}.row-gap-2{row-gap:.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:.25rem!important}.column-gap-2{column-gap:.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:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .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(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;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:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),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;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;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:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{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:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!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:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!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:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!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:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!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:var(--bs-border-radius-pill)!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:.25rem!important}.m-sm-2{margin:.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-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.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:.25rem!important}.me-sm-2{margin-right:.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:.25rem!important}.mb-sm-2{margin-bottom:.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:.25rem!important}.ms-sm-2{margin-left:.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:.25rem!important}.p-sm-2{padding:.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-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.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:.25rem!important}.pe-sm-2{padding-right:.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:.25rem!important}.pb-sm-2{padding-bottom:.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:.25rem!important}.ps-sm-2{padding-left:.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:.25rem!important}.gap-sm-2{gap:.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:.25rem!important}.row-gap-sm-2{row-gap:.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:.25rem!important}.column-gap-sm-2{column-gap:.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:.25rem!important}.m-md-2{margin:.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-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.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:.25rem!important}.me-md-2{margin-right:.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:.25rem!important}.mb-md-2{margin-bottom:.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:.25rem!important}.ms-md-2{margin-left:.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:.25rem!important}.p-md-2{padding:.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-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.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:.25rem!important}.pe-md-2{padding-right:.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:.25rem!important}.pb-md-2{padding-bottom:.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:.25rem!important}.ps-md-2{padding-left:.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:.25rem!important}.gap-md-2{gap:.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:.25rem!important}.row-gap-md-2{row-gap:.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:.25rem!important}.column-gap-md-2{column-gap:.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:.25rem!important}.m-lg-2{margin:.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-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.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:.25rem!important}.me-lg-2{margin-right:.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:.25rem!important}.mb-lg-2{margin-bottom:.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:.25rem!important}.ms-lg-2{margin-left:.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:.25rem!important}.p-lg-2{padding:.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-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.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:.25rem!important}.pe-lg-2{padding-right:.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:.25rem!important}.pb-lg-2{padding-bottom:.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:.25rem!important}.ps-lg-2{padding-left:.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:.25rem!important}.gap-lg-2{gap:.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:.25rem!important}.row-gap-lg-2{row-gap:.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:.25rem!important}.column-gap-lg-2{column-gap:.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:.25rem!important}.m-xl-2{margin:.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-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.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:.25rem!important}.me-xl-2{margin-right:.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:.25rem!important}.mb-xl-2{margin-bottom:.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:.25rem!important}.ms-xl-2{margin-left:.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:.25rem!important}.p-xl-2{padding:.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-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.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:.25rem!important}.pe-xl-2{padding-right:.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:.25rem!important}.pb-xl-2{padding-bottom:.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:.25rem!important}.ps-xl-2{padding-left:.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:.25rem!important}.gap-xl-2{gap:.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:.25rem!important}.row-gap-xl-2{row-gap:.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:.25rem!important}.column-gap-xl-2{column-gap:.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:.25rem!important}.m-xxl-2{margin:.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-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.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:.25rem!important}.me-xxl-2{margin-right:.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:.25rem!important}.mb-xxl-2{margin-bottom:.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:.25rem!important}.ms-xxl-2{margin-left:.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:.25rem!important}.p-xxl-2{padding:.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-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.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:.25rem!important}.pe-xxl-2{padding-right:.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:.25rem!important}.pb-xxl-2{padding-bottom:.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:.25rem!important}.ps-xxl-2{padding-left:.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:.25rem!important}.gap-xxl-2{gap:.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:.25rem!important}.row-gap-xxl-2{row-gap:.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:.25rem!important}.column-gap-xxl-2{column-gap:.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}}
/*# sourceMappingURL=bootstrap.min.css.map */* {
  box-sizing: border-box;
}

/* Colors */

:root {

  /* FF Family */
--font-family-inter: 'Inter' ,sans-serif;

  /* BG colors */
  --bg-screen-strong: #ffffff;
  --color-bg-elevated: #fff;
  --color-bg-static-white: #fff;
  --color-bg-static-white-hovered: #fff;
  --color-bg-static-white-pressed: #e8eaed;
  --color-bg-static-black: #0d0d0d;
  --color-bg-inverse-neutral: #041527;
  --color-bg-inverse-screen: #fff;
  --color-bg-neutral-strong: #041527;
  --color-bg-neutral-strong-hovered: #152232;
  --color-bg-neutral-strong-pressed: #253244;
  --color-bg-neutral-secondary: #eaedf1;
  --color-bg-neutral-secondary-hovered: #dce0e5;
  --color-bg-neutral-secondary-pressed: #ced3d9;
  --color-bg-neutral-tertiary: rgba(255, 255, 25, 0);
  --color-bg-neutral-tertiary-hovered: #eaedf1;
  --color-bg-neutral-tertiary-pressed: #dce0e5;
  --color-bg-brand-strong: #0B42CF;
  --color-bg-brand-strong-hovered: #0735ab;
  --color-bg-brand-strong-pressed: #052d93;
  --color-bg-brand-secondary: #dfedff;
  --color-bg-brand-secondary-hovered: #c7dfff;
  --color-bg-brand-secondary-pressed: #9ec6ff;
  --color-bg-accent-pink: #f73558;
  --color-bg-accent-yellow: #ffd71d;
  --color-bg-accent-yellow-secondary: #fff3c2;
  --color-bg-info-strong: #0d99ff;
  --color-bg-info-strong-pressed: #0768cf;
  --color-bg-info-secondary: #dbeefc;
  --color-bg-info-secondary-hovered: #bde3ff;
  --color-bg-info-secondary-pressed: #80caff;
  --color-bg-success-strong: #14ae5c;
  --color-bg-success-strong-hovered: #009951;
  --color-bg-success-strong-pressed: #008043;
  --color-bg-success-secondary: #cff7da;
  --color-bg-success-secondary-hovered: #aff3c6;
  --color-bg-success-secondary-pressed: #84e0a3;
  --color-bg-warning-strong: #FFAE3D;
  --color-bg-warning-strong-hovered: #F2941A;
  --color-bg-warning-strong-pressed: #DE7B12;
  --color-bg-warning-secondary: #FFE0C2;
  --color-bg-warning-secondary-hovered: #FCD19C;
  --color-bg-warning-secondary-pressed: #FFC36F;
  --color-bg-danger-strong: #F1343D;
  --color-bg-danger-strong-hovered: #DB1D26;
  --color-bg-danger-strong-pressed: #C90007;
  --color-bg-danger-secondary: #FCDDDF;
  --color-bg-danger-secondary-hovered: #FFC9CC;
  --color-bg-danger-secondary-pressed: #FF9EA3;
  --color-bg-disabled-strong: #dadde0;
  --color-bg-disabled-secondary: #F2F5F7;
  --color-bg-blackout-strong: rgba(13, 13, 3, 0.8);
  --color-bg-blackout-strong-hovered: rgba(13, 13, 13, 0.70);
  --color-bg-blackout-strong-pressed: rgba(13, 13, 13, 0.60);
  --color-bg-blackout-secondary: rgba(13, 13, 3, 0.5);
  --color-bg-blackout-tertiary: rgba(13, 13, 3, 0.1);
  --color-bg-lightening-secondary: rgba(255, 255, 25, 0.2);
  --color-bg-lightening-secondary-hovered: rgba(255, 255, 255, 0.3);
  --color-bg-lightening-secondary-pressed: rgba(255, 255, 255, 0.4);
  --color-bg-chat-incoming: #eaedf1;
  --color-bg-chat-outgoing: #3870E0;

  /* Text */
  --color-text-static-white: #fff;
  --color-text-static-darkgray: #060d14;
  --color-text-inverse: #fff;
  --color-text-neutral-strong: #060d14;
  --color-text-static-black: #060D14;
  --color-text-neutral-strong-hovered: #060d14;
  --color-text-neutral-strong-pressed: #060d14;
  --color-text-neutral-secondary: #394046;
  --color-text-neutral-tertiary: #84898f;
  /* Color Added on 29-05-2024 */ /* Start */
  --color-text-neutral-onstrong-strong : #FFF;
  --color-text-neutral-onstrong-strong-hovered : #FFF;
  --color-text-neutral-onstrong-strong-pressed : #FFF;
  --color-text-neutral-onstrong-secondary : rgba(255, 255, 255, 0.80);
  --color-text-neutral-onstrong-tertiary : rgba(255, 255, 255, 0.70);
  --color-text-neutral-onsecondary-strong: #060D14;
  --color-text-neutral-onsecondary-strong-hovered: #060D14;
  --color-text-neutral-onsecondary-strong-pressed: #060D14;
  --color-text-neutral-onsecondary-secondary: #394046;
  --color-text-neutral-onsecondary-tertiary: #394046;
  /* Color Added on 29-05-2024 */ /* End */
  --color-text-brand-strong: #0B42CF;
  --color-text-brand-strong-pressed: #052d93;
  --color-text-brand-onstrong: #fff;
  --color-text-brand-onstrong-hovered: #fff;
  --color-text-brand-onstrong-pressed: #fff;
  --color-text-brand-onsecondary: rgba(255, 255, 255, 0.8);
  --color-text-brand-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-text-brand-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  /* Color changed on 21-05-2024 */
  --color-text-info-strong: #007BE5;
  --color-text-info-strong-hovered: #007BE5;
  --color-text-info-strong-pressed: #007BE5;
  --color-text-info-onstrong: #fff;
  --color-text-info-onstrong-hovered: #fff;
  --color-text-info-onstrong-pressed: #fff;
  --color-text-info-onsecondary: #0768CF;
  --color-text-info-onsecondary-hovered: #0768CF;
  --color-text-info-onsecondary-pressed: #0768CF;
  --color-text-success-strong: #008043;
  --color-text-success-strong-hovered: #01562e;
  --color-text-success-strong-pressed: #00381e;
  --color-text-success-onstrong: #fff;
  --color-text-success-onstrong-hovered: #fff;
  --color-text-success-onstrong-pressed: #fff;
  --color-text-success-onsecondary: #060D14;
  --color-text-success-onsecondary-hovered: #01562E;
  --color-text-success-onsecondary-pressed: #01562E;
  --color-text-warning-strong: #984F06;
  --color-text-warning-strong-hovered: #984F06;
  --color-text-warning-strong-pressed: #984F06;
  --color-text-warning-onstrong: #0d0d0d;
  --color-text-warning-onstrong-hovered: #0d0d0d;
  --color-text-warning-onstrong-pressed: #0d0d0d;
  --color-text-warning-onsecondary: #6D3200;
  --color-text-warning-onsecondary-hovered: #6D3200;
  --color-text-warning-onsecondary-pressed: #6D3200;
  --color-text-danger-strong: #C90007;
  --color-text-danger-strong-hovered: #c90007;
  --color-text-danger-strong-pressed: #C90007;
  --color-text-danger-onstrong: #fff;
  --color-text-danger-onstrong-hovered: #fff;
  --color-text-danger-onstrong-pressed: #fff;
  --color-text-danger-onsecondary: #810B0B;
  --color-text-danger-onsecondary-hovered: #810B0B;
  --color-text-danger-onsecondary-pressed: #810B0B;
  --color-text-disabled-strong: #84898f;
  --color-text-disabled-onstrong: #84898f;
  --color-text-disabled-onsecondary: #84898F;
  /* Added variant 09-08-2024 start */
  --color-text-link-strong: #0B42CF;
  /* Added variant 09-08-2024 end */
  /* Icons */
  --color-icon-static-white: #fff;
  --color-icon-static-darkgray: #060d14;
  --color-icon-inverse-tertiary: #fff;
  --color-icon-inverse-screen: #fff;
  --color-icon-neutral-strong: #060d14;
  --color-icon-neutral-secondary: #394046;
  --color-icon-neutral-tertiary: #84898f;
  --color-icon-brand-strong: #0b42cf;
  --color-icon-brand-strong-hovered: #0735ab;
  --color-icon-brand-strong-pressed: #052d93;
  --color-icon-brand-onstrong: #fff;
  --color-icon-brand-onstrong-hovered: #fff;
  --color-icon-brand-onstrong-pressed: #fff;
  --color-icon-brand-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-brand-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-brand-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-accent-pink: #f73558;
  --color-icon-accent-yellow: #ffd71d;
  --color-icon-info-strong: #007be5;
  --color-icon-info-strong-hovered: #0768cf;
  --color-icon-info-strong-pressed: #0a4589;
  --color-icon-info-onstrong: #fff;
  --color-icon-info-onstrong-hovered: #fff;
  --color-icon-info-onstrong-pressed: #fff;
  --color-icon-info-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-info-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-info-strong-pressed: #0a4589;
  --color-icon-success-strong: #008043;
  --color-icon-success-strong-hovered: #01562e;
  --color-icon-success-strong-pressed: #00381e;
  --color-icon-onsuccess-strong: #fff;
  --color-icon-onsuccess-strong-hovered: #fff;
  --color-icon-onsuccess-strong-pressed: #fff;
  --color-icon-success-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-success-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-success-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-warning-strong: #984F06 ;
  --color-icon-warning-strong-hovered: #984F06;
  --color-icon-warning-strong-pressed: #6d3200;
  --color-icon-warning-onstrong: #0d0d0d;
  --color-icon-warning-onstrong-hovered: #0d0d0d;
  --color-icon-warning-onstrong-pressed: #0d0d0d;
  --color-icon-warning-onsecondary: rgba(13, 13, 13, 0.8);
  --color-icon-warning-onsecondary-hovered: rgba(13, 13, 13, 0.8);
  --color-icon-warning-onsecondary-pressed: rgba(13, 13, 13, 0.8);
  --color-icon-danger-strong: #db1d26;
  --color-icon-danger-strong-pressed: #810b0b;
  --color-icon-danger-onstrong: #fff;
  --color-icon-danger-onstrong-hovered: #fff;
  --color-icon-danger-onstrong-pressed: #fff;
  --color-icon-danger-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-danger-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-danger-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-disabled-strong: #84898f;
  --color-icon-disabled-onstrong: #84898f;

  /* Border */
  --color-border-static-white: #fff;
  --color-border-inverse-neutral: #0d0d0d;
  --color-border-inverse-screen: #fff;
  --color-border-neutral-strong: rgba(13, 13, 13, 0.3);
  --color-border-neutral-strong-hovered: rgba(13, 13, 13, 0.5);
  --color-border-neutral-strong-pressed: rgba(13, 13, 13, 0.7);
  --color-border-neutral-secondary: rgba(13, 13, 13, 0.2);
  --color-border-neutral-secondary-hovered: rgba(13, 13, 13, 0.5);
  --color-border-neutral-secondary-pressed: rgba(13, 13, 13, 0.7);
  --color-border-neutral-tertiary: rgba(13, 13, 13, 0.1);
  --color-border-neutral-tertiary-hovered: rgba(13, 13, 13, 0.3);
  --color-border-neutral-tertiary-pressed: rgba(13, 13, 13, 0.5);
  --color-border-danger-strong: #db1d26;
  --color-border-danger-strong-hovered: #c90007;
  --color-border-danger-strong-pressed: #810b0b;
  --color-border-disabled-strong: rgba(13, 13, 13, 0.1);

  /* Extra colors */
  --light-blue-900: #112748;
  --light-blue-300: #bde3ff;
  --light-blue-400: #80caff;
  --light-blue-500: #0d99ff;
  --slate-1000: #041527;
  --black-600: rgba(13, 13, 13, 0.6);


  /* ====================================== */

  /* spacing New - 10-01-2024 */
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  
  /* ====================================== */
  
  /* ================== Border-Spacing Start ==================== */
  --border-spacing-2: 2px;
  --border-spacing-4: 4px;
  --border-spacing-6: 6px;
  --border-spacing-8: 8px;
  --border-spacing-10: 10px;
  --border-spacing-12: 12px;
  --border-spacing-16: 16px;
  --border-spacing-20: 20px;
  --border-spacing-24: 24px;
  --border-spacing-32: 32px;
  --border-spacing-40: 40px;
  --border-spacing-48: 48px;
  --border-spacing-56: 56px;
  --border-spacing-64: 64px;  
  /* ================== Border-Spacing End ==================== */

  /* ================== Border-Width Start ==================== */
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-4: 4px;
  --border-width-5: 5px;
  /* ================== Border-Width End ==================== */

  /* Radius New - 10-01-2024 */
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-full: 9999px;

  /* ====================================== */

  /* Title */
  --title-x-large: normal 700 48px/48px Figtree, sans-serif;
  --title-large: normal 700 36px/40px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-medium: normal 700 26px/32px Figtree, sans-serif;
  /* Updated on 24-05-2024 */
  --title-small: normal 700 20px/28px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-x-small: normal 700 16px/24px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-2x-small: normal 700 14px/20px Figtree, sans-serif;
  --title-2: normal 700 22px/28px Figtree, sans-serif;
  /* Added 19-01-2024 */
  --title-title1: normal 700 24px/28px Figtree, sans-serif;

  /* Body */
  --body-2x-large: normal 400 20px/30px Inter, sans-serif;
  --body-2x-large-bold: normal 700 20px/30px Inter, sans-serif;
  --body-x-large: normal 400 18px/28px Inter, sans-serif;
  --body-x-large-bold: normal 700 18px/28px Inter, sans-serif;
  --body-large: normal 400 16px/24px Inter, sans-serif;
  --body-large-bold: normal 700 16px/24px Inter, sans-serif;
  --body-medium: normal 400 15px/24px Inter, sans-serif;
  --body-medium-bold: normal 700 15px/24px Inter, sans-serif;
  --body-small: normal 400 14px/20px Inter, sans-serif;
  --body-small-bold: normal 700 14px/20px Inter, sans-serif;
  --body-x-small: normal 400 13px/18px Inter, sans-serif;
  --body-x-small-bold: normal 700 13px/18px Inter, sans-serif;
  --body-x-small-bold-second: normal 700 12px/16px Inter, sans-serif;
  --body-2x-small: normal 400 12px/16px Inter, sans-serif;
  --body-2x-small-bold: normal 700 12px/16px Inter, sans-serif;

  /* Link */
  --link-2x-large: normal 700 20px/30px Inter, sans-serif;
  --link-x-large: normal 700 18px/28px Inter, sans-serif;
  --link-large: normal 700 16px/24px Inter, sans-serif;
  --link-medium: normal 700 15px/24px Inter, sans-serif;
  --link-small: normal 700 14px/20px Inter, sans-serif;
  --link-x-small: normal 700 13px/18px Inter, sans-serif;

  /* Controls */
  --controls-large: normal 400 16px/24px Figtree, sans-serif;
  --controls-large-bold: normal 700 16px/24px Figtree, sans-serif;
  --controls-medium: normal 400 15px/24px Figtree, sans-serif;
  --controls-medium-bold: normal 700 15px/24px Figtree, sans-serif;
  --controls-small: normal 400 14px/20px Figtree, sans-serif;
  --controls-small-bold: normal 700 14px/20px Figtree, sans-serif;
  --controls-x-small: normal 400 13px/16px Figtree, sans-serif;
  --controls-x-small-bold: normal 700 13px/16px Figtree, sans-serif;
  --controls-large-emphasized: normal 700 12px/16px Figtree, sans-serif;
  --controls-actionLabel: normal 500 11px/16px Figtree, sans-serif;

  /* Chats */
  --chat-reglular: normal 400 15px/20px Inter, sans-serif;
  --chat-emphasized: normal 700 15px/20px Inter, sans-serif;

  /* Shadow */
  --shadow-x-small: 0px 1px 2px 0px rgba(4, 21, 39, 0.3),
    0px 0px 1px 0px rgba(4, 21, 39, 0.4);
  --shadow-small: 0px 2px 6px 0px rgba(4, 21, 39, 0.2);
  --shadow-medium: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
  --shadow-large: 0px 10px 60px 0px rgba(4, 21, 39, 0.1);
}

.title-x-large {
  font: var(--title-x-large);
}

.body-medium {
  font: var(--body-medium);
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-normal {
  justify-content: normal;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}
.cursor-pointer {
  cursor: pointer;
}

.rounded-full {
  border-radius: var(--radius-full);
}
/* Start Scrollbar  */
.scrollbar {
  overflow: auto;
  /* this css for the making scrollbar in absolute view */
  /* scrollbar-gutter: stable both-edges;   */
}

.scrollbar::-webkit-scrollbar {
  width: 14px;
} 

.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3);
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid var(--color-border-inverse-screen);
  min-height: 64px; 
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar-thumb {
  border: 0;
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar-track {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.chat-sec-inner.scrolling::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3) !important;
}
.chat-sec-inner::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.0) !important;
}


/* End Scrollbar  */:root {
  --blue: #091f48;
  --navyblue: #351bce;
  --black: #201e29;
  --black2: #000;
  --yellow: #ffcc00;
  --aqua: #82cdb8;
  --grey: #f3f5f7;
  --grey2: #e8eaed;
  --btn3: #adb5c3;
  --text: #5f5f67;
  --text2: #bcbbbf;
  --text3: #b8d5f1;
  --white: #fff;
  --placeholder: #5c5b64;
  --red: #e11111;
  --line: #e5e5e5;
}

* {
  letter-spacing: -0.1px;
}

body {
  font: var(--body-small);
}

a {
  text-decoration: inherit;
  /* color: var(--blue); */
}

a:hover {
  text-decoration: inherit;
  /* color: var(--color-bg-brand-strong); */
}

img {
  max-width: 100%;
}

video,
img {
  vertical-align: middle;
}

input:focus,
secect:focus,
textarea:focus {
  outline: none;
}

/* Start Skeleton  */

.skeleton-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
}

.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
  content: "";
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* End Skeleton  */

.cstm-profile-back a {
  display: flex;
  padding: 12px 4px;
  align-items: center;
  gap: var(--spacing-8, 8px);
}

.cstm-profile-back-label {
  color: var(--color-text-neutral-strong, #060d14);
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

hr.cstm-profile-back-line {
  width: 88% !important;
  margin: 0px auto 12px !important;
}

.request-new-seat-btn {
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  background-color: #fff;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;

  /* controls/controls-large-emphasized */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.request-new-seat-btn:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.request-new-seat-btn:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.invite-btn {
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 999px);
  background: var(--color-bg-brand-strong, #0b42cf);
  border: none;
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;

  /* controls/controls-large-emphasized */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.invite-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.invite-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.co-users-main-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  justify-content: space-between;
}

.co-users-main-row-right {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
}

.cstm-collaborator-request-msg-container {
  display: flex;
  width: 100%;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  align-items: center;
  gap: var(--spacing-24, 24px);
  border-radius: var(--radius-12, 12px);
  background: var(--color-bg-warning-secondary, #ffe0c2);
  margin-bottom: 24px;
}

span.cstm-collaborator-request-msg-text h5 {
  font-weight: 500;
}

span.cstm-collaborator-request-msg-icon {
  width: 4%;
}

span.cstm-collaborator-request-msg-text {
  width: 80%;
}

span.cstm-collaborator-request-msg-btn a {
  display: block;
  border: 1px solid #d2c9a0;
  padding: 15px;
  border-radius: 35px;
  color: black;
  font-weight: 600;
}

.cstm-collaborator-request-msg-icon {
  display: flex;
  width: 56px;
  min-width: 56px;
  height: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.cstm-collaborator-request-msg-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-4, 4px);
  flex: 1 0 0;
}

.cstm-collaborator-request-msg-btn a {
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  /* font:var(--body-large-emphasized); */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.cstm-collaborator-request-msg-btn a:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.cstm-collaborator-request-msg-btn a:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.cstm-collaborator-request-msg-text h5 {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-small);
  height: 20px;
  align-self: stretch;
}

.no-of-teammates {
  gap: 6px;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

iframe.ifrane-wordpress {
  width: 100%;
  height: 85vh;
}

.desk-globle-model-box {
  align-items: center;
  background: #00000080;
  display: flex;
  height: 100%;
  inset: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

button:focus {
  outline: inherit;
}

.all-content-main-section {
  padding-top: 64px;
}

.all-content-main-section-in {
  padding-left: 248px;
}

input:focus,
secect:focus,
textarea:focus {
  outline: none;
}

.error {
  color: var(--red);
  display: block;
  position: absolute;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
  background-color: transparent !important;
}

input[type="checkbox"]:not(.PrivateSwitchBase-input),
input[type="radio"]:not(.PrivateSwitchBase-input) {
  box-sizing: border-box;
  padding: 0;
  height: 20px;
  width: 20px;
  accent-color: var(--navyblue);
  margin-right: 8px;
  cursor: pointer;
}

.cstm-tbl-arrow {
  margin-left: 12px;
  vertical-align: -2px;
  cursor: pointer;
}

.cstm-tbl-arrow2 {
  margin-left: 12px;
  vertical-align: -1px;
  cursor: pointer;
}

input.cstm-cl-search-input {
  padding: 10px 50px 10px 50px !important;
  width: 700px !important;
  height: 44px !important;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 50px !important;
}

input.cstm-cl-search-input:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered) !important;
}

input.cstm-cl-search-input:focus {
  border: 2px solid var(--color-border-inverse-neutral) !important;
}

.anything-else-you-textarea {
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  background-color: var(--color-bg-static-white);
  padding: 12px 16px;
  height: 144px;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong, #060d14);
}

.anything-else-you-textarea::placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
}

.anything-else-you-textarea:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered);
}

.anything-else-you-textarea:focus {
  border: 2px solid var(--color-border-neutral-strong-pressed);
}

.characters-count {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-x-small);
  display: block;
}

.access-expires-soon {
  max-width: 648px;
  width: 90%;
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-space-4-x-large, 48px) var(--spacing-space-x-large, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-x-large, 24px);
  align-self: stretch;
}

.access-expires-soon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.access-expires-soon-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.access-expires-soon-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.access-expires-soon-title {
  margin-bottom: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-medium);
  letter-spacing: -0.24px;
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}

.access-expires-soon-p {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}

.access-expired-page {
  max-width: 648px;
  width: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-x-large, 24px);
  padding: var(--spacing-space-4-x-large, 48px) 0px;
  justify-content: center;
  height: calc(100vh - 72px);
}

.access-expires-page-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.access-expires-page-title {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}

.access-expires-page-p {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-small);
  margin: 0px;
}

.access-expires-page-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  max-width: 480px;
  margin: 0px auto;
  width: 100%;
}

hr.cstm-sidebar-sep {
  margin: 12px;
  background: var(--color-border-neutral-tertiary);
  height: 1px;
  border: 0px;
}

h3.cstm-second-lbl {
  color: var(--color-text-neutral-strong);
  font: var(--title-x-small);
  margin: 4px 12px 8px;
}

.cstm-all-content-library-main-only .all-content-main-left {
  width: 248px;
  position: fixed !important;
  padding: 12px;
  max-height: inherit !important;
  border-radius: inherit !important;
  overflow: auto !important;
  top: inherit !important;
  height: calc(100vh - 73px);
  left: inherit !important;
  z-index: 1;
}

.all-content-main-left-sidebar {
  width: 100%;
}

.all-content-main-left.cstm-all-content-main-left,
.all-content-main-right.cstm-all-content-main-right {
  position: -webkit-sticky;
  position: sticky;
  top: 116px;
  max-height: calc(100vh - 126px);
  border-radius: 5px;
  overflow: auto;
}

.all-content-main-left.cstm-all-content-main-left {
  grid-area: leftside;
}

.all-content-main-right.cstm-all-content-main-right {
  grid-area: rightside;
}

.um-cp-check .form-check-input {
  top: 19px;
  right: 15px;
  margin: 0px;
  height: 18px;
  width: 18px !important;
  padding: 0px !important;
}

.all-content-main-left-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 16px;
  text-align: left;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091f48 !important;
  text-decoration: initial;
  background-color: #fff;
}

.all-content-main-left-sidebar .card-header button:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.cstm-tlp {
  margin-left: 24px;
  display: flex;
  align-items: center;
}

.all-content-main-left-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

img.sidebar-arrow-link {
  margin-left: 4px;
}

span.cstm-name-menu {
  white-space: nowrap;
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button img.cstn-cl-t {
  display: block;
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button img.cstn-cl-f {
  display: none;
}

.cstm-all-content-library-main-only .card-header {
  border: 0px !important;
}

.um-cp-check .form-check-label {
  width: 100%;
  background: var(--white);
  border-radius: 15px;
  padding: 11px 15px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--black);
  cursor: pointer;
  line-height: 32px;
  border: 1px solid var(--white);
}

.um-cp-check .form-check-label:hover {
  border: 1px solid var(--black);
}

.um-cp-check .form-check-label img {
  margin-right: 8px;
}

.form-check.um-cp-check {
  padding: 0px;
  margin-bottom: 20px;
}

.all-content-main.cstm-all-content-main.edit-profile .form-check.um-cp-check {
  border: 1px solid#d9d9d9;
  margin-bottom: 0px;
  border-radius: 15px;
}

.um-comm-prefe label.form-check-label {
  padding-right: 40px;
  line-height: 21px;
  height: 56px;
}

.cstm-create-speaker-cropper {
  z-index: 9999 !important;
}

.not-found-image2 {
  margin-bottom: 34px;
  height: 251px;
  width: 100%;
  text-align: center;
}

.not-found-page {
  width: 100%;
  height: 100vh;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sorry-but-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #5c5b63;
  max-width: 450px;
  width: 100%;
  margin-bottom: 32px;
}

.not-found-image {
  margin-bottom: -74px;
}

.not-access-image {
  margin-bottom: 44px;
}

.not-found-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
  background: #fff;
  padding: 0px 4px;
}

.desk-globle-model-box {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
}

.modal-fadein {
  opacity: 1;
  position: fixed;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  z-index: 999;
}

.modal-fadeout {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  z-index: 999;
}

.desk-globle-model-box-inner {
  max-width: 1280px;
  width: 90%;
  margin: auto;
  max-height: calc(100vh - 30px);
  background-color: #fff;
  border-radius: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.desk-globle-model-box-inner::-webkit-scrollbar {
  width: 5px;
}

.desk-globle-model-box-inner::-webkit-scrollbar-track {
  background: var(--btn3);
}

.desk-globle-model-box-inner::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}

.desk-globle-model-box .globle-back-btn {
  margin-left: auto;
  margin-top: 16px;
  margin-right: 16px;
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
}

.desk-globle-model-box .um-membership-details {
  justify-content: center;
  align-items: center;
}

.desk-globle-model-box .um-member-step.um-meme-det-only {
  flex-grow: 1;
  align-items: start;
  margin: 0;
  display: flex;
  justify-content: start;
  flex-direction: column;
  padding: 0px 110px;
}

.globle-hsk {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201e29;
  width: 100%;
}

.desk-globle-model-box .um-membership-details-in {
  border: 1px solid #e9eaec;
  transition: all 0.5s ease;
}

.all-content-main-center.cstm-all-content-main-center {
  grid-area: newsfeed;
}

.desk-globle-model-box .um-membership-details-in:hover {
  border: 1px solid var(--black);
  background-color: #f3f3f3;
}

.desk-globle-model-box .um-membership-details-in.selectedplan {
  background-color: #e8f1fb;
}

.desk-globle-model-box .um-membership-details-in.selectedplan span.um-md-price {
  font-weight: 700;
  color: #201e29;
}

.desk-globle-model-box .um-membership-details-in-price {
  width: 100%;
}

.stm-menu-pp-top-logo img {
  height: 35px;
  vertical-align: text-top;
}

.sidebar-menu-popup {
  background: #fff;
  height: 100vh;
  width: 248px;
}

.sidebar-menu-popup-main.hide-menu .sidebar-menu-popup {
  transform: translateX(-100%);
  transition: all 0.2s ease;
}

.sidebar-menu-popup-main.show-menu .sidebar-menu-popup {
  transition: all 0.2s ease;
  transform: translateX(0%);
}

.custom-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.cstm-menu-pp-top {
  display: flex;
  height: 72px;
  align-items: center;
  padding-left: 14px;
}

.cstm-menu-pp-menu ul li button {
  padding: 12px 16px;
  display: flex;
  color: #201e29;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
  width: 100%;
  border: none;
  background: transparent;
}

.cstm-menu-pp-menu ul li button:hover {
  background: #f3f5f7;
}

.stm-menu-pp-top-view {
  margin-right: 16px;
  cursor: pointer;
  border-radius: 10px;
  display: flex;
}

.stm-menu-pp-top-view:hover {
  background: #f3f5f7;
}

img.cstn-pp-t {
  display: none;
}

.all-content-main-edit-profile {
  width: 100%;
  transition: all 0.5s;
  background: #fff;
  padding-left: 240px;
}

.all-content-main-edit-profile-main {
  padding: 8px 20px;
  width: 100%;
  position: relative;
}

.cstm-per-inf-title {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #201e29;
}

.cstm-edit-profile-only-mn {
  max-width: 640px;
  width: 100%;
}

.cstm-edit-profile-only-mn .link-text {
  text-underline-offset: 2px;
  color: #351bce;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.cstm-edit-profile-only-mn .link-text:hover {
  color: #060d14;
  text-decoration: unset;
}

.cstm-edit-profile-only-mn .link-text svg {
  margin-left: 5px;
}

.cstm-edit-profile-only-mn .link-text svg path {
  fill: #351bce;
}

.cstm-edit-profile-only-mn .link-text:hover svg path {
  fill: #060d14;
}

.form-group {
  margin-bottom: 24px;
  position: relative;
}

.all-content-main-edit-profile-upload {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 16px;
}

.all-content-main-edit-profile-main .cstm-profile-upload-img {
  position: relative;
}

.cstm-ld-user-img {
  height: 72px;
  width: 72px;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #ffffff !important;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #a9a9a9;
}

.cstm-profile-upload-btn {
  display: flex;
  flex-direction: column;
}

.cstm-profile-upload-btn .edit-pro-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  cursor: pointer;
}

.cstm-profile-upload-cont {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.um-right-in-label {
  margin-bottom: 8px;
  color: #414049;
}

.btn {
  background: var(--navyblue);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
  text-transform: inherit;
  margin: 0;
}

.btn:hover {
  background: var(--yellow);
}

.btn2 {
  background: var(--navyblue);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn2:hover {
  background: var(--yellow);
}

.btn3 {
  background: var(--btn3);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn3:hover {
  background: var(--yellow);
}

hr.um-line {
  margin-top: 0;
  margin-bottom: 30px;
  border-top: 1px solid var(--line);
  width: 100%;
}

.btn6 {
  background: var(--navyblue);
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--white) !important;
  height: 40px;
  padding: 10px 20px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn6:hover {
  background: var(--yellow);
}

hr {
  opacity: 0.2;
  margin-top: 8px;
}

.um-right-in-box {
  position: relative;
}

.cstm-sm-form .error {
  margin: 0px;
  font-size: 12px;
}

.cstm-sm-form .um-right-in-box input {
  border-radius: var(--radius-8, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--body-medium);
  box-sizing: border-box;
  background-color: var(--bg-screen-strong);
}

.cstm-sm-form input:focus {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}

.cstm-sub-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 4px;
}

.cstm-click-here-link {
  color: #201e29;
}

.cstm-click-here-link:hover {
  color: #351bce;
}

.cstm-pi-main-btn-ldr {
  position: relative;
}

.cstm-contant-page p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
  color: #34333c;
}

.cstm-contant-page h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #091f48;
  margin-bottom: 12px;
}

.cstm-contant-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #201e29;
  margin-bottom: 12px;
}

.cstm-ac-se-nav ul li a.active-ac {
  color: #fff !important;
  background: #351bce !important;
}

.cstm-ac-se-nav ul li a svg {
  height: 18px;
  margin-right: 10px;
}

.cstm-ac-se-nav ul li a img {
  margin-right: 17px;
}

.cstm-ac-se-nav ul {
  padding: 0px;
  list-style: none;
}

.cstm-ac-se-nav ul li {
  position: relative;
}

.cstm-ac-se-nav ul li a {
  padding: 10px 16px;
  display: flex;
  color: #201e29 !important;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
}

.cstm-ac-se-nav ul li a:hover {
  background: #f3f5f7;
}

.nav-beta-badge {
  position: absolute;
  right: 10px;
  top: 10.3px;
  background: #fff;
  padding: 1px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #351bce;
  color: #201e29;
}

.cstm-ac-se-nav a.active-ac img {
  filter: invert(0.1) sepia(1) saturate(100) hue-rotate(222deg);
}

.cstm-ac-se-nav ul li a:hover img {
  filter: invert(0.1) sepia(1) saturate(100) hue-rotate(222deg);
}

.cstm-deactivate-account-only {
  max-width: 360px !important;
  padding: 24px 20px 14px 20px;
  position: relative;
}

.cstm-deactivate-account-main-btn {
  margin-top: 24px;
}

.cstm-deactivate-account-main {
  text-align: center;
}

.cstm-deactivate-account-main-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 12px;
}

.cstm-deactivate-account-main-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
}

.ays-cancel-btn button {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  padding: 10px 18px;
  border: none;
  background: transparent;
}

.ays-cancel-btn button:hover {
  color: #351bce;
}

.cstm-pi-main-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 32px;
  align-items: center;
}

.cstm-textarea-pf {
  height: 140px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #ffffff !important;
}

select:focus {
  outline: none;
}

/* textarea {
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 500 !important;
  color: #201e29;
  font-size: 14px;
  line-height: 20px;
  height: 120px;
  padding: 10px 16px;
  width: 100%;
  border-radius: 15px;
  vertical-align: middle;
} */

.all-content-main {
  display: flex;
  justify-content: space-between;
  padding: 116px 16px 0px 16px;
}

.all-content-main.cstm-all-content-main {
  max-width: 1440px;
  margin: auto;
  column-gap: 1.4rem;
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  row-gap: 1.4rem;
  grid-template-areas: "leftside newsfeed rightside";
  grid-template-columns: minmax(0, 6fr) minmax(684px, 684px) minmax(0px, 6fr);
}

.all-content-main.cstm-all-content-main.cstm-all-library-content-main {
  column-gap: 1.25rem;
  grid-template-areas: "leftside content-video";
  grid-template-columns: minmax(0, 4fr) minmax(0, 12fr);
}

.all-content-main.cstm-all-content-main.cstm-all-library-content-main .all-content-main-center.all-content-main-center {
  grid-area: content-video;
  width: 100%;
}

.cstm-content-archive-main {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.all-content-main-left-sidebar .card-header {
  padding: 0px;
  margin-bottom: 0 !important;
  border-bottom: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.cstm-all-content-library-main-only img.cstn-cl-t {
  display: block;
  filter: inherit;
}

.cstm-all-content-library-main-only img.cstn-cl-t {
  display: none;
}

.all-content-main-left-sidebar .card {
  overflow: visible;
}

.all-content-main-left-sidebar .card {
  border-width: 0px;
  box-shadow: none;
}

.cstm-all-content-library-main-only .owl-nav span {
  font-size: 0px;
}

.cstm-all-content-library-main-only .owl-nav button.owl-prev {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0303%2019.5303C16.2966%2019.2641%2016.3208%2018.8474%2016.1029%2018.5538L16.0303%2018.4697L9.561%2012L16.0303%205.53033C16.2966%205.26406%2016.3208%204.8474%2016.1029%204.55379L16.0303%204.46967C15.7641%204.2034%2015.3474%204.1792%2015.0538%204.39705L14.9697%204.46967L7.96967%2011.4697C7.7034%2011.7359%207.6792%2012.1526%207.89705%2012.4462L7.96967%2012.5303L14.9697%2019.5303C15.2626%2019.8232%2015.7374%2019.8232%2016.0303%2019.5303Z'%20fill='%23201E29'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  height: 24px;
  width: 24px;
}

.cstm-all-content-library-main-only .owl-nav button.owl-next {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.96967%2019.5303C7.7034%2019.2641%207.6792%2018.8474%207.89705%2018.5538L7.96967%2018.4697L14.439%2012L7.96967%205.53033C7.7034%205.26406%207.6792%204.8474%207.89705%204.55379L7.96967%204.46967C8.23594%204.2034%208.6526%204.1792%208.94621%204.39705L9.03033%204.46967L16.0303%2011.4697C16.2966%2011.7359%2016.3208%2012.1526%2016.1029%2012.4462L16.0303%2012.5303L9.03033%2019.5303C8.73744%2019.8232%208.26256%2019.8232%207.96967%2019.5303Z'%20fill='%23201E29'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  height: 24px;
  width: 24px;
  float: right;
}

.cstm-all-content-library-main-only .owl-nav {
  position: absolute;
  top: 4px;
  width: 100%;
}

.cstm-all-content-library-main-only .card-header {
  background: transparent !important;
}

.cstm-all-content-library-main-only .card-header button.btn-link {
  color: var(--color-text-neutral-strong, #060d14);
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  position: relative;
  font: var(--body-medium);
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button {
  background: var(--color-bg-neutral-secondary) !important;
  color: var(--color-text-neutral-strong) !important;
  font-weight: 700;
}

.cstm-all-content-library-main-only .owl-stage-outer:before {
  height: 32px;
  width: 40px;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to right, white, #ffffff00);
  z-index: 1;
  display: none;
}

.all-content-main-left {
  height: calc(100vh - 96px);
  background: #fff;
  position: fixed;
  left: 16px;
}

.sidebar-icon {
  display: none;
  position: fixed;
  left: 21.8%;
  background: #201e29;
  color: #fff;
  padding: 0px 10px 3px 8px;
  font-size: 30px;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.5s;
}

.sidebar-hd {
  transition: all 0.7s;
  left: -21% !important;
}

.sidebar-icon2 {
  transition: all 0.7s;
  left: 0% !important;
  padding: 3px 8px 0px 10px;
}

.sidebar-icon2 i {
  transform: rotate(180deg);
}

.sidebar2-icon2 {
  transition: all 0.7s;
  right: 0% !important;
  padding: 3px 8px 0px 10px !important;
}

.sidebar2-icon {
  position: fixed;
  right: 21.8%;
  background: #201e29;
  color: #fff;
  padding: 0px 8px 3px 10px;
  font-size: 30px;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.5s;
}

.all-content-main-left::-webkit-scrollbar,
.cstm-tag-friend-list::-webkit-scrollbar {
  width: 6px;
}

.all-content-main-left::-webkit-scrollbar-track,
.cstm-tag-friend-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e800;
}

.all-content-main-left::-webkit-scrollbar-thumb,
.cstm-tag-friend-list::-webkit-scrollbar-thumb {
  background: #e8e8e800;
  border-radius: 10px;
}

.all-content-main-left:hover::-webkit-scrollbar-thumb,
.cstm-tag-friend-list:hover::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.mn-cnt-wd .all-content-main-center {
  margin-left: 2%;
  width: 74%;
}

.mn-cnt3-wd .all-content-main-center {
  margin-right: 2%;
  width: 74%;
}

.mn-cnt-both .all-content-main-center {
  width: 96%;
  margin: auto;
}

.mn-cnt3-wd .all-content-main-center {
  margin-bottom: 10px;
}

.cstm-profile-sd {
  width: 224px;
  position: fixed;
  margin: 0px 8px;
}

.cstm-profile-ct {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 10px;
  min-height: 800px;
}

.edit-profile {
  grid-template-columns: inherit !important;
  column-gap: inherit !important;
  display: flex !important;
  width: 100%;
  background: #fff;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 72px !important;
}

.cstm-clear-watch-history-link a {
  position: relative;
}

.cstm-cwh-cancel-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #201e29 !important;
  padding: 10px 18px;
  margin-right: 16px;
  display: inline-block;
  background: transparent;
  border: none;
}

.cstm-cwh-cancel-btn:hover {
  color: #351bce !important;
}

.cstm-cwh-clear-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #351bce !important;
  padding: 10px 18px;
  display: inline-block;
  background: transparent;
  border: none;
}

.cstm-cwh-clear-btn:hover {
  color: #201e29 !important;
}

.cstm-clear-watch-history-link {
  text-align: center;
}

.cstm-clear-watch-history-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 20px;
  text-align: center;
}

.cstm-clear-watch-history-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 12px;
  text-align: center;
}

.cstm-clear-watch-history-mn {
  padding: 24px 20px 14px 20px;
}

.cstm-clear-watch-history {
  max-width: 360px !important;
  width: 100% !important;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px !important;
}

.wf-1 {
  width: 1%;
}

.wf-2 {
  width: 2%;
}

.wf-3 {
  width: 3%;
}

.wf-4 {
  width: 4%;
}

.wf-5 {
  width: 5%;
}

.wf-6 {
  width: 6%;
}

.wf-7 {
  width: 7%;
}

.wf-8 {
  width: 8%;
}

.wf-9 {
  width: 9%;
}

.wf-10 {
  width: 10%;
}

.wf-11 {
  width: 11%;
}

.wf-12 {
  width: 12%;
}

.wf-13 {
  width: 13%;
}

.wf-14 {
  width: 14%;
}

.wf-15 {
  width: 15%;
}

.wf-16 {
  width: 16%;
}

.wf-17 {
  width: 17%;
}

.wf-18 {
  width: 18%;
}

.wf-19 {
  width: 19%;
}

.wf-20 {
  width: 20%;
}

.wf-21 {
  width: 21%;
}

.wf-22 {
  width: 22%;
}

.wf-23 {
  width: 23%;
}

.wf-24 {
  width: 24%;
}

.wf-25 {
  width: 25%;
}

.wf-26 {
  width: 26%;
}

.wf-27 {
  width: 27%;
}

.wf-28 {
  width: 28%;
}

.wf-29 {
  width: 29%;
}

.wf-30 {
  width: 30%;
}

.wf-31 {
  width: 31%;
}

.wf-32 {
  width: 32%;
}

.wf-32 {
  width: 32%;
}

.wf-33 {
  width: 33%;
}

.wf-34 {
  width: 34%;
}

.wf-35 {
  width: 35%;
}

.wf-36 {
  width: 36%;
}

.wf-38 {
  width: 38%;
}

.wf-39 {
  width: 39%;
}

.wf-40 {
  width: 40%;
}

.wf-41 {
  width: 41%;
}

.wf-42 {
  width: 42%;
}

.wf-43 {
  width: 43%;
}

.wf-44 {
  width: 44%;
}

.wf-45 {
  width: 45%;
}

.wf-46 {
  width: 46%;
}

.wf-47 {
  width: 47%;
}

.wf-48 {
  width: 48%;
}

.wf-49 {
  width: 49%;
}

.wf-50 {
  width: 50%;
}

.wf-60 {
  width: 60%;
}

.wf-70 {
  width: 70%;
}

.wf-80 {
  width: 80%;
}

.wf-90 {
  width: 90%;
}

.wf-100 {
  width: 100%;
}

.mds-partners-head-right-sort {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
}

.mds-partners-head-right-sort h6 {
  margin: 0px;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong);
}

.cstm-drop-label {
  overflow: hidden;
  color: var(--color-text-neutral-strong);
  text-overflow: ellipsis;
  font: var(--body-medium-bold);
  padding-right: 26px;
  cursor: pointer;
  position: relative;
}

span.cstm-drop-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 0px;
  margin-left: 6px;
}

.cstm-drop-up-arrow::after {
  rotate: 180deg;
}

ul.cstm-drop-list::-webkit-scrollbar {
  width: 6px;
}

ul.cstm-drop-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary-hovered);
}

ul.cstm-drop-list::-webkit-scrollbar-thumb {
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}

ul.cstm-drop-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  margin: 0px;
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated);
  box-shadow: var(--shadow-small);
  padding: 8px 0px;
  min-width: 160px;
  margin-top: 4px;
  max-height: 350px;
  overflow: auto;
}

ul.cstm-drop-list li {
  padding: 8px 16px;
  overflow: hidden;
  color: var(--color-text-neutral-strong);
  text-overflow: ellipsis;
  font-family: "Figtree", sans-serif !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

ul.cstm-drop-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

ul.cstm-drop-list li:focus {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.cstm-drop-list-selected {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.cstm-drop-label img {
  margin-left: 6px;
}

.cstm-drop-up-arrow img {
  rotate: 180deg;
}

.mds-partners-head-right-sort ul.cstm-drop-list {
  right: 0px;
}

.cstm-content-user-main {
  padding: var(--spacing-24, 24px) var(--spacing-32, 32px);
  width: 100%;
  max-width: 1536px;
  margin: auto;
}

.cstm-user-title {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-large);
  letter-spacing: -0.36px;
  margin: 0px 0px 24px 0px;
}

.cstm-user-header-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.cstm-user-data {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.btn8:disabled {
  background: #dddddd;
  color: #5b5858;
}

.btn8 {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-medium-bold);
  border: none;
}

.btn8:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.btn8:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.cstm-user-data-left-search {
  position: relative;
}

.cstm-user-search-input {
  border: 1px solid var(--color-border-neutral-strong) !important;
  height: 40px !important;
  border-radius: 120px !important;
  width: 320px !important;
  background: var(--color-bg-static-white) !important;
  padding: 8px 16px 8px 48px !important;
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  text-overflow: ellipsis !important;
  font: var(--body-medium) !important;
}

.cstm-user-search-input:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered) !important;
}

.cstm-user-search-input:focus {
  border: 2px solid var(--color-border-inverse-neutral) !important;
}

.cstm-user-search-icon {
  position: absolute;
  cursor: pointer;
  margin: 10px 10px 10px 16px;
  height: 20px;
  width: 20px;
}

.cstm-user-table {
  margin-top: 24px;
}

/* Start Table */
.table-fn-only .MuiPaper-root {
  box-shadow: inherit !important;
}

.table-fn-only th.MuiTableCell-root {
  padding: 14px 16px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.table-fn-only td.MuiTableCell-root {
  padding: 16px;
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.table-fn-only .MuiTableRow-hover:hover {
  background: transparent !important;
}

.cstm-save-icon {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  width: 40px;
  min-width: 40px;
  cursor: pointer;
}

.cstm-save-icon:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.file-name-box {
  display: flex;
  gap: 12px;
  align-items: center;
}

.file-name-box-img img {
  object-fit: cover;
  height: 48px;
  width: 48px;
  min-width: 48px;
}

.file-name-box-info {
  display: flex;
  gap: 2px;
  flex-direction: column;
}

.cstm-file-name-title {
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--title-2x-small);
}

.cstm-file-name-description {
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
}

.pd-16-8 {
  padding: 16px 8px !important;
}

.like-icon-cont {
  display: flex;
  align-items: center;
  gap: 12px;
}

.like-cont-nbr {
  font: var(--body-x-small);
  color: var(--color-text-neutral-secondary, #394046);
}

.pho-name-date-box {
  display: flex;
  gap: 12px;
  align-items: center;
}

.pho-name-date-box-img img {
  object-fit: cover;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50px;
}

.pho-name-date-box-info {
  display: flex;
  gap: 2px;
  flex-direction: column;
}

.cstm-table-doc-label-main {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  flex-wrap: wrap;
}

.cstm-table-doc-label {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-x-small);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
}

.icon-dots-vertical {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
}

.docs-table-only {
  overflow: auto;
}

.docs-table-only .MuiPaper-root {
  width: 1128px;
}

.table-fn-pagination-show {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table-fn-pagination-show h6 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  margin: 0px;
  white-space: nowrap;
}

.table-fn-pagination-show select {
  background-color: transparent;
  padding: 0px;
  height: auto;
  width: 42px;
  font: var(--body-medium-bold);
  color: var(--color-text-neutral-strong, #060d14);
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.table-fn-pagination-number {
  display: flex;
  align-items: center;
  gap: 12px;
}

.table-fn-pagination {
  display: flex;
  padding: 32px 0px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.table-fn-pagination-cont {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.table-fn-pagination-cont li {
  height: 32px;
  width: 32px;
}

.table-fn-pagination-cont li a {
  border-radius: 28px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-medium-bold);
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.table-fn-pagination-cont li a:hover {
  background: var(--color-bg-neutral-secondary, #eaedf1);
}

.table-fn-pagination-cont li a:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.table-fn-pagination-cont .active {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  border-radius: 28px;
}

.table-fn-pagination-show-select {
  position: relative;
}

.table-fn-pagination-show-select .cstm-drop-list {
  left: -70px;
  min-width: 114px;
}

.pagination-right-arrow {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  cursor: pointer;
  min-width: 42px;
}

.pagination-right-arrow:hover {
  border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.pagination-right-arrow:active {
  border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.7));
}

.table-fn-invite-a-user {
  display: flex;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  width: 100%;
}

.table-fn-invite-a-user-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.table-fn-invite-a-user-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  max-width: 480px;
  width: 100%;
  margin: auto;
}

.table-fn-invite-a-user-title h4 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
}

.table-fn-invite-a-user-title h5 {
  margin: 0px;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-small);
}

.cstm-table-fn-Loader {
  height: 364px;
  width: 100%;
  display: table-caption;
  text-align: center;
}

.cstm-table-fn-Loader img {
  position: relative;
  top: 50%;
  width: 80px;
  margin-top: -40px;
}

.table-fn-invite-a-user-main {
  width: 100%;
  display: table-caption;
}

/* End Table */

.cstm-btn-user-label {
  padding: 11px 8px !important;
  text-align: right !important;
  gap: 8px;
  display: flex !important;
  justify-content: flex-end;
}

.cstm-user-label-btn {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-secondary, #eaedf1);
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border: none;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium-bold);
}

.cstm-user-label-btn:hover {
  background: var(--color-bg-neutral-secondary-hovered, #dce0e5);
}

.cstm-user-label-btn:active {
  background: var(--color-bg-neutral-secondary-pressed, #ced3d9);
}

.cstm-user-accepted {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-success-strong, #14ae5c);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-user-pending {
  color: var(--color-text-warning-onstrong, #0d0d0d);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-warning-strong, #fac505);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-user-revoke {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-neutral-strong, #041527);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-suer-email {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
  word-break: break-all;
}

.cstm-user-pgf-text {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-medium);
  margin: 0px;
}

.cstm-user-email-address-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}

.cstm-user-email-address {
  max-width: 648px;
  width: 100%;
}

.cstm-user-email-address-box h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.cstm-input-field {
  border-radius: var(--radius-8, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  background-color: var(--color-text-static-white, #fff) !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px) !important;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  font: var(--body-medium) !important;
  height: 40px !important;
}

.cstm-input-field:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5)) !important;
}

.cstm-input-field:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.cstm-input-field:focus {
  border: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
}

.cstm-user-email-address-btn {
  display: flex;
  padding: var(--spacing-24, 24px) 0px;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
}

.disabled-btn-color:disabled {
  background: var(--color-bg-disabled-strong, #dadde0) !important;
  color: var(--color-text-disabled-onstrong, #84898f) !important;
}

.error-ft {
  color: var(--color-text-danger-strong, #db1d26);
  font: var(--body-x-small);
}

.error-ft-border {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.invitation-successfully-msg-close {
  cursor: pointer;
}

.red-only {
  background: var(--color-bg-danger-strong, #f1343d) !important;
}

.invitation-successfully-msg h4 {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-small-bold);
  margin: 0px;
  min-width: 204px;
}

.invitation-successfully-msg {
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-success-strong, #14ae5c);
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  position: fixed;
  left: 32px;
  bottom: 32px;
  transition: 0.5s;
  -webkit-animation-name: example;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

@keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

.cstm-invite-loader img {
  height: 48px;
}

.cstm-invite-loader {
  position: absolute;
  background: #ffffffba;
  width: 100%;
  height: 100%;
}

.btn-review {
  position: relative;
}

iframe.ifrane-wordpress {
  width: 100%;
  height: calc(100vh - 69px);
}

.all-content-main-edit-profile.census-data-page {
  padding-left: 0;
}

@media screen and (max-width: 850px) {
  .cstm-user-table .css-rqglhn-MuiTable-root {
    min-width: 550px;
    width: 100%;
  }

  .cstm-content-user-main {
    padding: 24px;
  }
}

@media screen and (max-width: 600px) {
  .co-users-main-row {
    gap: 0;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .cstm-user-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 400px) {
  .cstm-user-search-input {
    width: 270px !important;
  }

  .co-users-main-row-right {
    gap: 12px;
  }

  .invite-btn {
    font-size: 15px;
  }

  .request-new-seat-btn {
    font-size: 15px;
  }
}

.center-view-box {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.center-view-box>div {
  margin: auto;
}

.error-text {
  color: var(--color-text-danger-strong);
  font-size: var(--body-2x-small);
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.grid-full-row {
  grid-template-columns: 1/-1;
}

.referral-heading {
  text-align: center;
  color: var(--color-text-neutral-strong);
  letter-spacing: -0.36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  text-overflow: ellipsis;
  overflow: hidden;
}

.referal-description-heading {
  margin-top: var(--spacing-12);
  text-align: center;
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
}

.cstm-modal-referal-body {
  padding: var(--spacing-48);
  display: grid;
  gap: 40px;
  overflow: auto;
  position: relative;
}

.copy-filed {
  padding: 6px 12px !important;
  width: calc(100% - 60px);
  /* Adjust width based on button size */
  box-sizing: border-box;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  border-radius: 7px !important;
}

.referal-description-info {
  color: var(--color-text-neutral-secondary);
  font: var(--body-x-small);
}

.invite-throughEmail-btn {
  border-radius: 28px;
  background-color: #0b42cf;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  height: 47px !important;
  box-shadow: none;
}

.inner-child {
  display: flex !important;
  flex-direction: column !important;
  min-height: 360px;
  gap: var(--spacing-24);
  justify-content: space-between;
}

.input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.copy-button {
  position: absolute;
  right: 0;
  border: none;
  background-color: #ffffff;
  color: #0b42cf;
  /* height: 100%; */
  /* padding: 0 12px; */
  margin-right: 4px;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.copy-btn {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}

.close-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  margin-right: 14px;
  margin-top: 14px;
}

.close-button:hover {
  color: #ff0000;
}

.invite-label {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-neutral-strong);
  margin-bottom: 0;
}

.referal-email {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.referral-link {
  border-top: 1px solid var(--color-border-neutral-tertiary);
  text-align: center;
  padding: var(--spacing-24);
}

.referral-link p {
  font: var(--body-medium);
}

.Referral-link {
  color: var(--color-text-brand-strong);
  font: var(--body-medium);
  font-weight: 600;
}

.grid-full-row {
  grid-column: 1/-1 !important;
}

.invite-info-page {
  padding-top: 64px;
  min-height: 100vh;
  display: flex;
}

.invite-info-page .invite-text {
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-8);
}

.invite-info-page .invite-text a {
  color: var(--color-text-link-strong);
}

.invite-info-page .empty-state-icon img {
  width: 96px;
  height: 96px;
}

.invite-info-page .empty-state-info-title {
  font: var(--body-x-large);
  color: var(--color-text-neutral-secondary);
}

.invite-info-page .empty-state-info-title strong {
  color: var(--color-text-neutral-strong);
}

.fullscreen-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullscreen-center-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 64px);
}

.fullscreen-center-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 64px);
}


/* Text Alert CSS */
.text-alert {
  font: var(--body-x-small);
  color: var(--color-text-natural-strong);
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

.text-alert.alert-danger {
  color: var(--color-text-danger-strong);
}

.text-alert.alert-warning {
  color: var(--color-text-warning-strong);
}

.text-alert.alert-success {
  color: var(--color-text-success-strong);
}

.text-alert.alert-danger svg path {
  fill: var(--color-icon-danger-strong);
}

.text-alert.alert-warning svg path {
  fill: var(--color-icon-warning-strong);
}

.text-alert.alert-success svg path {
  fill: var(--color-icon-success-strong);
}

.refund-policy-page {
  max-width: 1090px;
  margin: auto;
  padding-top: var(--spacing-64);
}

.refund-policy-text-wrapper {
  padding: var(--spacing-48) 0;
}

.modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}

/* Colors */
.text-success-strong {
  color: var(--color-text-success-strong);
}

.text-warning-strong {
  color: var(--color-text-warning-strong);
}

.text-neutral-strong {
  color: var(--color-text-neutral-strong);
}

.text-neutral-secondary {
  color: var(--color-text-neutral-secondary);
}

/* Renew membership banner */
.renew-membership-banner {
  padding: var(--spacing-8);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: var(--color-bg-inverse-screen);
}/* Start 12-3-2024 */

.edge-body-wrapper {
  padding-top: 64px;
}

.cstm-add-field-btn {
  background: #351bce;
  border: 1px solid #351bce;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff !important;
  height: 48px;
  padding: 10px 35px;
  margin: 0px;
  box-shadow: none;
  width: auto;
  cursor: pointer;
}

.cstm-domain-msg {
  font-size: 12px;
  color: #747474;
  margin-top: -2px;
}

.cstm-admin-access-rules {
  margin-bottom: 10px;
}

.z-full {
  z-index: 9999 !important;
}

.cstm-tabs-menu-only {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: inherit !important;
}

.cstm-tabs-menu-only::-webkit-scrollbar {
  width: 0px;
  height: 5px;
}

.cstm-tabs-menu-only::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ffffff;
}

.cstm-tabs-menu-only::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 10px;
}

#guestTickets .uic-title-rt-only {
  margin-top: inherit;
}

#addons .uic-title-rt-only {
  margin-top: inherit;
}

.edit-user-details-popup .modal-content {
  height: 100%;
}

.edit-user-details-popup .modal-body {
  height: inherit !important;
}

/* End 12-3-2024 */

.insert-loading {
  position: fixed;
  z-index: 99999;
  background: #ffffffcc;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.insert-loading img {
  width: 80px;
}

.cstmMainImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.upload-document-main-body-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
  width: 100%;
}

.notification-btm-btn {
  margin-top: 30px;
  margin-bottom: 50px;
}

.notification-btm-btn .btn2 {
  vertical-align: top;
  margin-right: 24px;
}

.error-extra-seats {
  color: var(--red);
  font-size: 14px;
  line-height: 18px;
  display: block;
  width: 100%;
}

.error-saubcategor-name {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: -19px;
}

.doc-subcat-subcontainer {
  position: relative;
  padding-bottom: 24px !important;
  display: flex;
  gap: 12px;
}

.doc-addsubcat-container-main {
  display: flex;
}

.doc-subcat-edit {
  padding: 0px 16px !important;
}

.doc-subcat-delete {
  padding: 0px 16px !important;
}

.error-doc-addedsucat {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
}

h4.prevention-copy-sub-title {
  margin-bottom: 35px;
  font-weight: 400;
}

#editActivity,
#AddActivity {
  overflow: hidden;
}

.notification-modal-btns {
  display: inline-flex;
  column-gap: 10px;
}

.doc-subcat-subcontainer-icon {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.doc-subcat-subcontainer-icon img {
  width: 24px;
  cursor: pointer;
}

.cstm-loadind-add {
  text-align: center;
  background: #ffffffdb;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-subcategory-loader {
  position: relative;
}

.cstm-loadind-add img {
  position: absolute;
  width: 32px;
}

.doc-subcat-subcontainer {
  position: relative;
  padding-bottom: 24px !important;
  display: flex;
  gap: 12px;
}

.doc-addsubcat-container-main {
  display: flex;
}

.doc-subcat-edit {
  padding: 0px 16px !important;
}

.doc-subcat-delete {
  padding: 0px 16px !important;
}

.error-doc-addedsucat {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
}

h4.prevention-copy-sub-title {
  margin-bottom: 35px;
  font-weight: 400;
}

#editActivity,
#AddActivity {
  overflow: hidden;
}

.notification-modal-btns {
  display: inline-flex;
  column-gap: 10px;
}

.cstm-uic-doc-title {
  display: block !important;
}

.notification-user-list-popup .desk-globle-model-box-inner {
  max-width: 800px;
}

.notification-user-list-popup .cstm-cstm-viewlist {
  height: auto;
  margin-top: 20px;
}

.cstm-title-note-msg {
  font-size: 12px;
  color: #747474;
  position: absolute;
  right: 12px;
  margin-top: -2px;
}

.notification-status-ad-only {
  margin-bottom: 24px !important;
}

.custom-select-atlest {
  margin-bottom: 30px !important;
}

.select-atleast-one-rule-from {
  margin: 5px 0px 0px;
}

.notification-user-list {
  cursor: pointer;
}

.notification-user-list:hover {
  text-decoration: underline;
}

.cstm-datepicker-field .react-datepicker__calendar-icon {
  fill: #091f48;
  right: 13px;
  top: 9px;
}

.cstm-datepicker-field .react-datepicker-wrapper {
  width: 150px !important;
}

.acces-error-only {
  bottom: 10px;
}

.message-report-video {
  position: relative;
  width: 130px;
}

.report-play-video {
  position: absolute;
  background: #01010154;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report-play-video img {
  height: 40px;
  width: 40px;
}

.report-message-thumbnail {
  height: 90px;
  width: 130px;
  object-fit: cover;
}

.message-report-media-popup .modal-dialog {
  max-width: 800px;
}

.message-report-media-popup button.close {
  line-height: 18px;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #000;
  z-index: 99;
  background: #fff;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  font-size: 20px;
  cursor: pointer;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root) {
  color: #3F3F46;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root):hover {
  text-decoration: underline;
}

.upload-document-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  flex: 1 0;
  max-width: 768px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.upload-document-main-title {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
  align-self: stretch;
}

.upload-document-main-title h4 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-medium);
  letter-spacing: -0.24px;
  margin: 0px;
}

.upload-document-main-title h5 {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-large);
  margin: 0px;
}

.upload-document-main-body {
  border-radius: var(--radius-medium, 12px);
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  width: 100%;
}

.upload-document-error {
  color: var(--red);
  display: block;
  position: absolute;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
  bottom: -20px;
}

.file-uploader-body {
  display: flex;
  padding: var(--spacing-24, 24px);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-24, 24px);
}

.file-uploader-body-drag {
  display: flex;
  align-items: center;
  gap: var(--spacing-16, 16px);
  flex: 1 0 0;
}

.file-uploader-body-drag-text h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-x-small);
}

.file-uploader-body-drag-text h6 {
  margin: 0px;
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-small);
}

.file-uploader-body-drag-icon {
  min-width: 32px;
}

.cstm-progress-bar {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
  flex: 1 0 0;
  width: 100%;
}

.cstm-progress-bar-info {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  justify-content: space-between;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-x-small);
}

.cstm-progress-bar-track {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  height: 4px;
  width: 100%;
  border-radius: var(--radius-x-small, 4px);
  position: relative;
}

.cstm-progress-bar-track-color {
  position: absolute;
  height: 4px;
  border-radius: var(--radius-x-small, 4px);
  background: var(--color-bg-brand-strong, #0b42cf);
}

.cstm-delete-popup .modal-dialog {
  max-width: 648px;
  width: 100%;
}

.cstm-delete-popup .modal-content {
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
}

.cstm-delete-badge {
  display: flex;
  padding: var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  flex: 1 0 0;
}

.cstm-delete-badge-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.popup-title-h3 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-medium);
  letter-spacing: -0.24px;
}

.popup-cont-p {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--regular);
  margin: 0px;
}

.popup-cont-p b {
  font-weight: 700;
}

.cstm-popup-footer {
  display: flex;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.btn-cancel-popup {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: var(--color-bg-static-white);
}

.btn-cancel-popup:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.btn-cancel-popup:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

body button.btn-cancel-popup:focus {
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

.btn-delete-popup {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-danger-strong, #f1343d);
  color: var(--color-text-danger-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.btn-delete-popup:hover {
  background: var(--color-bg-danger-strong-hovered, #db1d26);
}

.btn-delete-popup:active {
  background: var(--color-bg-danger-strong-pressed, #c90007);
}

body button.btn-delete-popup:focus {
  background: var(--color-bg-danger-strong, #f1343d);
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

.select-a-new {
  display: flex;
  width: 296px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
}

.select-a-new-h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

body select.select-popup-field {
  border-radius: var(--radius-8, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--body-medium);
  height: 42px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  background-position: 95% center;
}

.btn-blue-popup {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-text-danger-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.btn-blue-popup:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.btn-blue-popup:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

body button.btn-blue-popup:focus {
  background: var(--color-bg-brand-strong, #0b42cf);
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

button.upload-media-btn:disabled {
  pointer-events: none !important;
  background: var(--color-bg-disabled-strong, #dadde0) !important;
  color: var(--color-text-disabled-onstrong, #84898f) !important;
}

.select-a-new .error {
  position: inherit;
  font-size: 12px;
  font-weight: 500;
}

.selected-active {
  background: #f3f5f7 !important;
}

.drop-box-only {
  margin-top: -20px !important;
}

.suggestion-box {
  position: absolute;
  padding: 12px 0 !important;
  z-index: 2;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  margin-top: 4px;
  max-height: 350px;
  overflow: auto;
  width: 305px;
}

.suggestion-box ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.suggestion-box ul li {
  padding: 10px 16px;
  cursor: pointer;
}

.suggestion-box ul li b {
  color: #000;
  font-weight: 700;
}

.suggestion-box ul li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.cstm-clone-title {
  font-size: 28px;
  line-height: 29px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
}

#rbgcp-wrapper>div:nth-child(4)>div:nth-child(2),
#rbgcp-wrapper>div:nth-child(4)>div:nth-child(3),
#rbgcp-wrapper>div:nth-child(4)>div:nth-child(4) {
  display: none;
}

.group-info-category-img img {
  height: 50px;
  width: 90px;
  object-fit: cover;
}

.group-info-category-img {
  margin-right: 12px;
}

.cstm-plan-member-main .cstm-cstm-viewlist {
  margin-top: 20px;
}

.mrgn-rgt {
  margin-right: 20px;
}

.cstm-url-category-photo {
  object-fit: contain;
  height: 50px;
  width: 90px;
  border: 1px solid #ebebeb;
  margin-right: 10px;
  background: #f3f5f7;
  cursor: pointer;
}

.label-eup-main {
  padding: 16px 16px 8px;
  border-radius: 1px;
  background: transparent;
  border: 1px solid #d2d2d4;
}

.label-eup-main-in {
  align-items: center;
  background: #351bce;
  border-radius: 11px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 10px;
  position: relative;
}

.label-eup-main-in a {
  color: #fff;
}

.cstm-reason-info select {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cstm-add-related-video {
  display: flex;
}

.sort-by-mn {
  margin-bottom: 20px;
}

.sort-by-mn-select {
  display: inline-block;
  width: 106px;
}

.sort-by-mn-title {
  display: inline-block;
  margin-right: 12px;
}

.no-data-fp {
  grid-column: 12/1;
  height: calc(100vh - 300px) !important;
}

.searchPartner h1 img {
  padding-left: 8px;
  width: 36px;
}

.searchPartner h1 {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 5px !important;
}

.cstm-admin-table-badge-color {
  border-radius: 1px;
  height: 20px;
  width: 30px;
}

.cstm-badgecolor-container {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

input.cstm-admin-badge-color {
  padding: 0px;
  border: none;
  cursor: pointer;
}

h1.clone-title {
  text-align: initial;
}

.featuredPartner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

span.max-select {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}

.cstm-badgecolor-container {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

input.cstm-admin-badge-color {
  padding: 0px;
  border: none;
  cursor: pointer;
}

.cstm-clone-msg-container {
  border: 1px solid #d2d2d4;
  border-radius: 8px;
  background: #fff;
  padding: 14px 10px 12px 10px;
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 100%;
  max-width: 451px;
  transition: 0.5s;
  -webkit-animation-name: example;
  -webkit-animation-duration: 4s;
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

.searchPartner {
  display: flex;
  flex-direction: column;
}

input.editfeatured {
  margin-bottom: 5px;
  width: 500px !important;

  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 40px !important;
  color: #091f48 !important;
  border: none !important;
  padding: 0px !important;
  height: auto !important;
}

input.editfeatured2 {
  width: 500px !important;

  line-height: 20px !important;
  border: none !important;
  padding: 0px !important;
  height: auto !important;
}

.cstm-clone-msg-container p {
  margin: 0px;
}

.cstm-clone-msg-container h3 {
  font-weight: 600;

  font-size: 18px;
  color: #091f48;
}

.cstm-select-ap-drop {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.cstm-select-ap-drop .react-datepicker__tab-loop {
  display: inline-block;
  vertical-align: top;
}

.cstm-select-ap-drop .react-datepicker-wrapper {
  width: 130px;
  vertical-align: top;
  display: inline-block;
}

.cstm-select-ap-drop img.cstm-arrow-left-right {
  margin: 17px 10px;
}

.cstm-arrow-left-right {
  height: 14px;
  opacity: 0.5;
}

.cstm-select-ap-drop .react-datepicker__triangle:before,
.cstm-select-ap-drop .react-datepicker__triangle:after {
  display: none !important;
}

.cstm-select-ap {
  display: inline-block;
}

.lifetime-only {
  margin-left: 20px;
  position: relative;
  z-index: 1;
}

.partner-status-select {
  width: 95px;
  display: flex;
  align-content: center;
  align-items: center;
}

a.cstm-view-users-count-only:hover {
  color: #3114c9 !important;
  text-decoration: underline !important;
}

.cstm-lg-ttl {
  display: flex;
  align-items: center;
}

.cstm-url-link {
  object-fit: contain;
  height: 50px;
  width: 50px;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  margin-right: 10px;
  background: #f3f5f7;
  cursor: pointer;
}

img.partner-sort-logo {
  object-fit: contain;
}

img.banner-img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  margin-right: 10px;
  background: #f3f5f7;
}

.status-select-only {
  padding: 0px 20px 0px 0px !important;
  width: auto !important;
  /* margin-left: 10px !important; */
  height: auto !important;
  border: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFAAAAAAAAAAAAAAAAAAAATw7njQAAAAV0Uk5TABDPf/+NJArnAAAAMUlEQVR4nGNgZAADIQMGBmZFBiFnBgYTRQZGFQNmJwGgqDOQwwDkgjhAriJYLSOQAwBbVgMhvNX7aAAAAABJRU5ErkJggg==) !important;
}

.cstm-ls-checkbox svg {
  position: absolute !important;
}

.cstm-sec-button {
  display: flex;
  gap: 24px;
  align-items: center;
}

.cstm-sec-button .uic-fl-links .btn.disable {
  color: #091f48 !important;
  opacity: 0.3;
  pointer-events: none;
}

.css-1q1u3t4-MuiTableRow-root.MuiTableRow-hover:hover {
  /* background-color: rgba(0, 0, 0, 0.04); */
}

.cstm-sec-button .uic-fl-links .btn {
  background: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #351bce !important;
  height: auto;
  padding: 0px 24px;
  margin: 0px;
  box-shadow: none;
  text-decoration: underline;
  width: auto;
}

.cstm-sec-button .uic-fl-links .btn:hover {
  background: transparent;
  border: none;
  color: #091f48 !important;
}

.cstm-uplaod-img-link span.text-limitaion {
  position: absolute;
  bottom: 0;
}

.select-all-checkbox {
  display: inline-block;
  vertical-align: top;
  margin-right: 21px;
  padding-top: 13px;
  font-size: 16px;
}

.select-all-checkbox input {
  vertical-align: -3px;
}

.select-all-checkbox label {
  margin: 0px;
  cursor: pointer;
}

.cstm-eventimage-wrapper {
  position: absolute;
  margin: 10px;
  z-index: 1;
}

.cstm-eventimage-wrapper input {
  width: 20px !important;
  width: 20px !important;
}

.cstm-partner-preview {
  background: #fff;
  border: 1px solid #091f48;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  color: #091f48;
  height: 48px;
  padding: 0px 40px;
  cursor: pointer;
}

.cstm-partner-preview:hover {
  background: #201e29;
  border: 1px solid #201e29;
  color: #fff;
}

.cstm-profile-upload-btn .edit-pro-text2 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0b42cf;
  cursor: pointer;
  text-decoration: underline;
}

.msg-select-category {
  bottom: 1px;
}

.cstm-edit-attendees-word {
  height: 72px;
  width: 72px;
  display: flex;
  object-fit: cover;
  background-repeat: no-repeat;
  border: 2px solid #ffffff;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 144px;
  background: #201e28;
  color: #fff;
  font-size: 30px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  margin: auto;
}

.event-locimage-loader {
  /* position: relative; */
  opacity: 0.5;
  display: inline-block;
}

.event-locimage-loader span.loader-btn {
  /* position: absolute; */
  left: 0;
  z-index: 2;
  background: #ffffffd6;
  /* width: 163px; */
  text-align: center;
  /* line-height: 50px; */
}

.show-icon i {
  transform: rotate(180deg);
}

span.error.cstm-smg {
  margin-top: -28px;
}

.cstm-cl-search-sug-history-remove {
  color: var(--color-text-brand-strong, #0b42cf);
  float: right;
  align-items: center;
  display: flex;
}

.cancel-search-videolist {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
  padding: 9px;
  margin: -8px;
}

.cstm-cl-search-sug-container {
  position: absolute;
  padding: 12px 0 !important;
  width: 700px !important;
  z-index: 2;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  margin-top: 4px;
}

.cstm-cl-search-sug-container {
  max-height: 350px;
  overflow: auto;
}

.cstm-cl-search-sug-container::-webkit-scrollbar {
  width: 6px;
}

.cstm-cl-search-sug-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary-hovered);
}

.cstm-cl-search-sug-container::-webkit-scrollbar-thumb {
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}

.cstm-cl-search-sug-container ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.cstm-cl-search-sug-container ul li {
  padding: 10px 16px;
  cursor: pointer;
}

.cstm-cl-search-sug-container ul li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.cstm-cl-search-sug-history-container {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.cstm-cl-search-sug-history-remove {
  color: var(--color-text-brand-strong, #0b42cf);
  float: right;
  align-items: center;
  display: flex;
  padding: 0px;
  border: none;
  background: transparent;
  font: var(--body-medium);
  line-height: 20px;
}

.cstm-cl-search-sug-history-remove:hover {
  color: #000 !important;
}

.cstm-cl-search-sug-history-title {
  overflow-wrap: anywhere;
  color: var(--color-text-neutral-strong, #060d14);
  width: 100%;
  padding-right: 50px;
  font: var(--body-medium);
  line-height: 20px;
}

.cstm-cl-search-sug-history-title b {
  font-weight: 700;
}

.event-type-drop-only {
  padding-bottom: 0px !important;
}

.event-type-drop-only .css-b62m3t-container {
  width: 100%;
}

.event-type-drop-only .css-t3ipsp-control {
  border: 1px solid #d2d2d4 !important;
  box-shadow: none !important;
}

.event-type-drop-only .css-1xc3v61-indicatorContainer,
.event-type-drop-only .css-15lsz6c-indicatorContainer {
  color: #545454 !important;
  margin-right: 5px !important;
}

.event-type-drop-only .css-1u9des2-indicatorSeparator {
  display: none !important;
}

.event-type-drop-only .css-t3ipsp-control:hover {
  border: 1px solid #d2d2d4 !important;
  box-shadow: none !important;
}

.event-type-drop-only .css-13cymwt-control {
  border-radius: 0px;
  border: 1px solid #d2d2d4 !important;
}

.event-type-drop-only .css-1fdsijx-ValueContainer {
  padding-left: 15px !important;
}

.event-type-drop-only .css-1nmdiq5-menu {
  z-index: 5 !important;
}

.event-type-drop-only .css-tr4s17-option {
  background-color: #351bce !important;
}

.event-type-drop-only .css-d7l1ni-option {
  background-color: #ebe8fa !important;
  cursor: pointer;
}

.event-type-drop-only input {
  height: 34px !important;
}

.cstm-replace-pp {
  padding: 20px;
  width: 100%;
}

.cstm-rpp-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #201e29;
  margin-bottom: 10px;
}

.cstm-banner-img .desk-globle-model-box-inner {
  max-width: 800px;
}

.cstm-banner-img .zoomImgContainer img {
  width: 100%;
  object-fit: contain;
  max-height: 500px;
}

.no-data-found-pl {
  display: table-caption;
  font-size: 16px;
  color: red;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}

.export-error {
  text-align: left;
  margin-top: -10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: red;
}

.cstm-export-link {
  text-align: right;
  padding-bottom: 15px;
}

.cstm-export-link a {
  color: #351bce !important;
  font-weight: 500;
  text-decoration: underline !important;
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}

.cstm-export-link a:hover {
  color: #000 !important;
  text-decoration: inherit !important;
}

.cstm-cstm-viewlist .MuiTableContainer-root {
  /* overflow-y: hidden; */
  min-height: 488px;
  border-bottom: 1px solid #d2d2d4;
  position: relative;
  /* margin-bottom: 10px; */
}

.cstm-cstm-viewlist {
  max-height: calc(100vh - 120px);
  overflow: auto;
  height: 570px;
  margin-bottom: -10px;
}

.cstm-cstm-viewlist::-webkit-scrollbar {
  width: 6px;
}

.cstm-cstm-viewlist::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.cstm-cstm-viewlist::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 10px;
}

.partner-liasting-top-title {
  padding: 20px;
  font-size: 18px;
  color: #060d14;
  margin-bottom: 0px;
}

.cstm-pl-close {
  right: 15px;
  top: 17px;
  position: absolute;
  color: #aeaeae;
  font-size: 35px;
  font-weight: 400;
  cursor: pointer;
}

.cstm-pl-close:hover {
  color: #351bce;
}

.partner-listing-popup-only .desk-globle-model-box-inner {
  max-width: 700px;
  border-radius: 0px;
  overflow: hidden;
}

.cstm-view-users-count:hover {
  color: #000 !important;
  -webkit-text-decoration: underline #351bce !important;
          text-decoration: underline #351bce !important;
}

.cstm-do-you-want {
  display: flex;
}

.form-check-input:checked {
  background-color: #351bce;
  border-color: #351bce;
}

.cstm-pm-list {
  display: flex;
  align-items: center;
}

.status-undo:hover img {
  filter: invert(0.2) sepia(10) saturate(350) hue-rotate(-115deg);
}

.partner-icon-rf-only {
  line-height: 13px !important;
  display: flex;
  align-items: center;
  padding-bottom: 3px;
}

a.status-undo {
  margin-left: 5px;
}

.tox .tox-number-input input {
  height: 25px !important;
}

.select-maximum {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.uic-title img {
  padding-right: 8px;
  padding-left: 8px;
  width: 30px;
}

body img.cstm-vdo {
  max-height: 50px !important;
  width: auto !important;
}

.partner-logo-780-500 {
  height: 143px !important;
  width: 222px !important;
}

.partner-logo-780-500 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-2256-760 {
  height: 76px !important;
  width: 222px !important;
}

.partner-logo-2256-760 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-1128-380 {
  height: 113px !important;
  width: 222px !important;
}

.partner-logo-1128-380 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-375-144 {
  height: 87px !important;
  width: 222px !important;
}

.partner-logo-375-144 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-624-336 {
  height: 104px !important;
  width: 222px !important;
}

.partner-logo-624-336 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-720-522 {
  height: 161px !important;
  width: 222px !important;
}

.partner-logo-720-522 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-2256-576 {
  width: 222px !important;
  height: 58px !important;
}

.partner-logo-2256-576 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-780-552 {
  width: 222px !important;
  height: 158px !important;
}

.partner-logo-780-552 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-list-action {
  margin-right: 10px;
  padding: 0px;
  border: none;
  background: transparent;
}

.cstm-data-edit-load2 {
  text-align: center;
  position: absolute;
  box-sizing: border-box;
  width: 78%;
  height: calc(100vh - 90px);
  left: 21%;
}

.cstm-data-edit-load2 img {
  width: 60px;
  position: relative;
  top: 45%;
}

.tox .tox-number-input input {
  padding: 0px !important;
  height: 25px !important;
}

.cstm-editor-tool-ds .tox-tinymce {
  border: none !important;
}

.cstm-data-edit-load img {
  width: 60px;
}

.cstm-data-edit-load {
  margin-top: 17%;
  text-align: center;
}

.expired-only {
  background: #fbc3c3 !important;
}

input#react-select-2-input {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.tox-tinymce {
  border: none !important;
}

.tox .tox-toolbar__primary {
  background-image: unset !important;
}

.tox .tox-number-input {
  border-radius: 3px;
  display: flex;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
  align-items: center;
}

/* .cstm-editor-tool-ds {
  border: 1px solid #d2d2d4;
} */

.save-draft-loader {
  margin-left: 20px;
}

.cstm-company-logo .desk-globle-model-box-inner {
  max-width: 800px;
}

.cstm-company-logo .zoomImgContainer {
  text-align: center;
  margin: 20px 0px 0px;
}

.cstm-company-logo .zoomImgContainer img {
  width: 100%;
  object-fit: contain;
  max-height: 500px;
}

.cstm-rpp-close-btn {
  color: #aeaeae;
  font-size: 35px;
  font-weight: 300;
  line-height: 18px;
  float: right;
  cursor: pointer;
}

.cstm-rpp-close-btn:hover {
  color: var(--navyblue);
}

.pending-only {
  background: #f1eeff !important;
}

.review-count {
  background: #351bce;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 700;
  min-width: 21px;
  height: 21px;
  display: inline-block;
  line-height: 18px;
  font-family: "Inter", sans-serif;
  vertical-align: 2px;
  text-align: center;
  border: 1px solid white;
}

.cstm-reason-info label {
  text-align: left;
  display: block;
  color: #000;
  font-size: 16px;
}

.cstm-reason-info {
  margin-bottom: 24px;
}

.ays-cancel-btn-main {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

.close-draft {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 35px;
  cursor: pointer;
  color: #aeaeae;
  font-weight: 400;
}

.close-draft:hover {}

a.create-speaker-link {
  text-decoration: underline !important;
  color: #2a11aa !important;
  cursor: pointer;
}

.cstm-uplaod-img-link {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.cstm-uplaod-img-link .form-group {
  text-align: center;
}

span.value-dollar {
  position: absolute;
  margin: 14px 0px 0px 10px;
}

.cstm-url-field {
  width: 400px !important;
  margin-right: 20px;
}

.cstm-select-mm .highlightOption {
  background: unset;
  color: unset;
}

.cstm-select-mm .multiSelectContainer li:hover {
  background: #351bce;
}

.cstm-select-mm input {
  border: none !important;
  padding: 8px 15px !important;
  height: inherit !important;
}

.cstm-select-mm .chip {
  margin-top: 6px;
}

.cstm-applyurl-container {
  display: flex;
  float: left;
}

.cstm-apply-btn-container {
  margin-right: 20px;
}

body .filter select {
  width: auto;
}

.filter {
  margin-left: 20px;
}

.delete-modal-with-loader {
  z-index: 9999;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.select-attendees-box {
  max-height: calc(100vh - 250px);
  overflow: auto;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 10px;
  padding-right: 20px;
}

.select-attendees-box::-webkit-scrollbar {
  width: 6px;
}

.select-attendees-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.select-attendees-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.select-attendees-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.existing-attendee-search {
  margin-bottom: 12px;
}

.uic-title-rt-only button.btn,
.uic-title-rt-only .import.text {
  padding: 0px 15px;
}

.delete-modal-with-loader {
  background: #000000c7;
}

.delete-modal-with-loader .modal-content {
  max-width: 500px;
  width: 100%;
}

span.response-text {
  font-size: 20px;
  color: #000;
  line-height: 24px;
  margin: 25px 0px;
}

span.message-modal-addtional-div {
  margin-bottom: 25px;
  font-size: 18px;
  color: #000;
}

span.text-limitaion {
  float: right;
  font-size: 12px;
  color: #747474;
}

.cstm-profile-selector-btn {
  text-align: right;
}

.cstm-profile-selector-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cstm-profile-selector-all {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
  /* overflow: auto; */
  margin: 30px 0px;
  /* max-height: calc(100vh - 280px); */
}

.cstm-profile-selector-all::-webkit-scrollbar {
  width: 6px;
}

.cstm-profile-selector-all::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.cstm-profile-selector-all::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.cstm-profile-selector-all::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.profile-selector-modal>.modal-dialog>.modal-content {
  padding: 30px;
}

.profile-selector-modal button.close {
  position: absolute;
  right: 4px;
  top: 3px;
  font-size: 25px;
  font-weight: 400;
  color: #afafaf;
}

.cstm-profile-selector-top h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #091f48;
}

.cstm-profile-selector input {
  position: absolute !important;
  left: 8px;
  top: 8px;
}

button.delete-modal-with-loader-close-icon {
  text-align: center;
  position: absolute;
  width: 22px;
  right: 8px;
  top: 5px;
  height: 22px;
  background: #000;
  padding: 0px 2px;
  border: 1px solid #b3b3b3;
  border-radius: 50px;
  color: #ffff;
  font-size: 18px;
  line-height: 18px;
  display: grid;
}

.cstm-profile-selector {
  position: relative;
  cursor: pointer;
  margin: 0px;
}

.cstm-profile-selector img {
  height: 144px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #c1c1c1 !important;
}

.profile-selector-modal {
  background: #000000bd;
  z-index: 9999;
}

.profile-selector-modal .modal-dialog {
  max-width: 1250px;
}

.select-participants-box {
  padding-right: 20px;
}

.select-participants-searchbar {
  margin-bottom: 17px;
}

body .cstm-date-search {
  padding-right: 12px !important;
}

.select-participants-box-in-name {
  display: flex;
  gap: 10px;
  padding-left: 30px;
}

.select-participants-box-in-checkbox {
  position: absolute;
  top: 10px;
}

.cstm-apl-upload-close {
  position: absolute;
  right: -7px;
  background: #351bce;
  color: #fff;
  font-size: 19px;
  top: -9px;
  height: 19px;
  width: 19px;
  line-height: 18px;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}

.cstm-apl-upload-img {
  margin-top: 20px;
}

.cstm-apl-upload-img-box {
  margin: 0px 20px 20px 0px;
  position: relative;
  float: left;
}

.cstm-apl-upload-img-box img {
  object-fit: cover;
  height: 90px;
  width: 90px;
}

.cstm-apl-main {
  border: 1px dashed #a2a2a2;
  text-align: center;
  padding: 16px;
  font-size: 16px;
  color: #351bce;
}

.cstm-chk-preregistration-container {
  display: flex;
  align-items: center;
}

.users-selection-only h2 {
  margin-bottom: 10px !important;
}

.select-participants-box-in-img {
  min-width: 48px;
}

.select-pt-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #091f48;
  word-break: break-all;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.select-participants-box-in-checkbox input {
  vertical-align: middle;
}

.select-pt-email {
  margin: 0px;
  font-size: 15px;
  line-height: 21px;
}

.select-participants-box-in-img img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  margin: 0px;
  background: #eaeaea;
  max-width: 48px;
  min-height: 48px;
}

.select-participants-box-in {
  width: 100%;
  border: 1px solid #dadada;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}

.select-participants-box {
  max-height: 586px;
  overflow: auto;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 10px;
  padding-right: 20px;
}

.cstm-channel-type-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
}

.cstm-channel-type-title-error {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: red;
  margin-bottom: 10px;
}

.cstm-channel-type-title-non-select {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: blue;
  margin-bottom: 10px;
}

.cstm-channel-type-title-registeredUser {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: green;
  margin-bottom: 10px;
}

.cstm-channel-type-title-alreadyexist {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: purple;
  margin-bottom: 10px;
}

.select-participants-box::-webkit-scrollbar {
  width: 6px;
}

.select-participants-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.select-participants-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.select-participants-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

a.edit-content-link:hover {
  color: var(--blue);
  text-decoration: underline;
}

a.edit-content-link {
  color: #007bff;
  text-decoration: underline;
}

.banner-drag-drop {
  font-size: 19px;
  color: #606060;
}

img.banner-img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border: 1px solid #ebebeb;
}

img.partner-sort-logo {
  object-fit: contain;
}

input.form-control.tel-class {
  padding-left: 55px !important;
}

input.form-control.tel-class:focus {
  box-shadow: none;
  border-color: #d2d2d4;
}

.react-tel-input .selected-flag:focus:before,
.react-tel-input .selected-flag.open:before {
  border-color: transparent !important;
  box-shadow: inherit !important;
}

.cstm-video-upload-img img:not(.channel-img) {
  max-height: 154px;
  aspect-ratio: 16 / 9;
  /* width: 100% */
  /* max-width: 161px; */
}

.cstm-video-upload-img .empty-img {
  max-height: 154px;
  width: auto;
  aspect-ratio: 16 / 9;
}

.cstm-notification-upload-img img {
  /* max-height: 161px !important; */
  aspect-ratio: 16 / 9;
}

.cstm-up-pp-delete .create-group-loader {
  margin: -1%;
  width: 105%;
  height: 105%;
}

.cstm-up-pp-delete {
  z-index: 9999;
}

.upload-photo-icon {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
}

.cstm-up-icon {
  cursor: pointer;
  margin-left: 24px;
}

.upload-photo-container img {
  max-height: 100%;
  object-fit: cover;
}

.upload-photo-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cstm-view-photo .modal-content {
  width: 100%;
  text-align: center;
  background: transparent;
  height: 100%;
}

.cstm-view-photo .modal-dialog {
  max-width: 100%;
  margin: 20px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(54.5px);
  backdrop-filter: blur(54.5px);
  border-radius: 20px;
  height: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-photo-button .loader-btn {
  position: absolute;
  top: 0;
  background: #ffffffeb;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 48px;
}

.cstm-upload-photo-event-loader img {
  height: 70px;
}

.cstm-upload-photo-event-loader {
  text-align: center;
  margin-top: 250px;
}

.upload-photo-button .loader-btn img {
  width: 42px;
}

.upload-photo-button {
  position: relative;
}

.cstm-upload-photo-event-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cstm-upload-photo-event-in {
  cursor: pointer;
  aspect-ratio: 1/1;
}

.cstm-upload-photo-event {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 24px;
}

.group-lce-box {
  overflow: auto;
  max-height: 410px;
}

.group-lce-box::-webkit-scrollbar {
  width: 6px;
}

.group-lce-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.group-lce-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.group-lce-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.no-data-found {
  display: table-caption;
  font-size: 16px;
  color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -54px;
}

.cstm-data-load {
  display: table-caption;
  font-size: 16px;
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
}

.cstm-data-load img {
  height: 60px;
  display: block;
  margin: auto;
}

.section-loader-box {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-loader-box .loader-img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  object-position: center;
}

.uic-title-rt-only {
  position: absolute;
  right: 24px;
}

.faq-container-only .questions-accordian-edt-delete {
  right: 0;
}

body .rdw-link-modal {
  height: auto;
}

.cstm-code-addt .rdw-link-modal {
  border: 1px solid #d2d2d4;
  box-shadow: none;
  height: auto;
}

label.rdw-link-modal-target-option input {
  vertical-align: -4px;
}

.topic-label-in {
  background: #eae6ff;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: inherit;
  color: #091f48;
  padding: 7px 10px;
  margin-right: 16px;
  margin-bottom: 16px !important;
  display: inline-block;
}

.topic-label-in b {
  font-weight: 500;
}

.topic-label-in button {
  padding: 0px;
  border: none;
  background: transparent;
  margin-left: 10px;
  font-size: 20px;
  vertical-align: -2px;
}

.video-col-padding {
  display: grid;
  grid-gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.hobbies-lbl input[type="radio"] {
  vertical-align: middle;
}

.cyp-btm-btn {
  margin-top: 30px;
  margin-bottom: 50px;
}

.cstm-editor-tool .rdw-editor-toolbar.toolbarClassName {
  box-sizing: border-box;
  width: 97.9%;
}

.cstm-chk-preregistration-container label {
  cursor: pointer;
  margin-bottom: 0px;
}

.img-event-list {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #e5e5e5;
}

.cstm-group-ls {
  margin-bottom: 20px;
}

.group-list-create-event label {
  display: flex;
  align-items: center;
  margin: 12px 0px 0px;
  cursor: pointer;
  justify-content: flex-start;
}

.group-list-create-event label input {
  margin-right: 10px !important;
}

.cstm-code-addt .editorClassName.rdw-editor-main {
  padding-top: 82px;
}

.speakers-only input {
  padding: 0px 13px !important;
  height: auto !important;
  border: none !important;
  width: 135px !important;
  display: inline-flex;
}

.speakers-only .searchWrapper {
  padding: 10px 8px 4px 8px;
  border-radius: 0px;
  min-height: 48px;
}

.speakers-only .optionListContainer {
  z-index: 4;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar {
  width: 6px;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.speakers-only .highlightOption {
  background: #f3f5f7 !important;
  color: #201e29 !important;
  font-weight: 500 !important;
}

.speakers-only .multiSelectContainer li:hover {
  background: #ebe8fa;
  color: #201e29;
}

.speakers-only .multiSelectContainer li {
  padding: 4px 20px;
  font-size: 12px;
}

.cstm-upload-box {
  padding: 12px;
  border: 1px dashed #b1b1b1;
  position: relative;
}

.cstm-upload-box .error {
  bottom: -20px;
  left: 0;
}

html body.modal-open {
  overflow: hidden;
}

.btn7 {
  background: rgba(147, 145, 151, 0.3);
  border-radius: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn7:hover {
  background: var(--yellow);
  color: #ffffff;
}

.location-suggestions {
  border: 1px solid #d2d2d4;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 4;
}

.location-suggestions-loading img {
  width: 50px;
  padding: 30px 0px;
}

.location-suggestions-in {
  padding: 5px 12px;
  cursor: pointer;
}

/* cropper ImageLoader */
.img-cropper-container {
  width: 280px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-cropper-container img {
  width: 48px;
  height: 48px;
}

.location-suggestions-loading {
  text-align: center;
}

.edit-modal-loader {
  text-align: center;
  position: relative;
  top: 47%;
}

.edit-modal-loader img {
  height: 60px;
  width: 60px;
}

#cropImgDis .cropper-bg {
  background-image: inherit !important;
}

/* add styles for image cropping */
.checksboxes-visible #cropImgDis .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") !important;
  width: 100% !important;
  height: 500px !important;
}

.checksboxes-visible .desk-globle-model-box-inner {
  width: 1024px !important;
  max-width: 100% !important;
}

.checksboxes-visible #cropImgDis.cropImgDis {
  width: 100% !important;
  max-width: 100% !important;
  height: 500px !important;
  max-height: 100% !important;
}

.checksboxes-visible .cstm-replace-pp {
  min-height: 640px;
}

.cstmCropperImg {
  width: 80px;
}

/* spinner */
.spinner-wrapper {
  display: flex;
  flex-direction: column;
}

.spinner-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/* end styles for cropping image */
span.error2 {
  color: red;
}

img.delete-cmt-loader {
  height: 20px;
}

.rdw-editor-toolbar.toolbarClassName {
  position: absolute;
  z-index: 2;
  width: 98.6%;
}

.editorClassName.rdw-editor-main {
  padding-top: 45px;
}

label.subcat-addvideo {
  margin: 0px 30px 10px 0px;
  display: flex;
  /* text-transform: capitalize; */
  font-weight: 600;
  cursor: pointer;
  align-items: center;
}

.dis-loader-cmt {
  width: 16px;
  vertical-align: -2px;
}

.newsfeed-write-your-comments-tx .dis-loader-cmt {
  width: 21px;
  vertical-align: -2px;
  filter: invert(1000%) sepia(1000%) saturate(100%) hue-rotate(378deg) brightness(1000%) contrast(100%);
}

.cstm-vd {
  width: 100%;
}

.tox .tox-edit-area iframe {
  border: 1px solid #d2d2d4 !important;
  border-radius: 10px;
}

/* .cstm-vd .tox .tox-edit-area iframe {
  resize: vertical;
  overflow: auto;
  min-height: 100px;
  max-height: 700px;
  width: 100%;
} */

/* .cstm-editor-tool-ds .tox {
  resize: vertical;
  overflow: auto;
  min-height: 120px;
  max-height: 300px;
  width: 100%;
} */

.tox .tox-edit-area::before {
  border-radius: 10px !important;
}

.quilleditor-wrapper {
  width: 100%;
}

.quilleditor-wrapper .ql-container.ql-snow {
  border-top: 0;
}

.quilleditor-wrapper.quilleditor-small .ql-container .ql-editor {
  min-height: 90px;
}

.quilleditor-wrapper .ql-container .ql-editor {
  resize: vertical;
  min-height: 300px;
}

.cstm-vd .public-DraftStyleDefault-ltr {
  padding: 0px 15px;
}

.cstm-vd .notranslate.public-DraftEditor-content>div {
  min-height: 210px;
}

.cstm-lb-only span.loader-btn {
  width: 100% !important;
}

img.cstm-vl-img {
  height: 170px;
  object-fit: cover;
  width: 100%;
}

.um-logo img {
  height: 40px;
}

.header-bk-left img {
  height: 40px;
}

.vjs-poster {
  pointer-events: none;
  background-color: white !important;
}

.cstm-rt-only img.btn-partner2 {
  right: 20px;
  left: inherit;
  cursor: pointer;
}

.cstm-close-icon {
  height: 30px;
  font-size: 20px;
}

.cstm-likes-only {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding-bottom: 12px;
}

.cstm-likes-only-user {
  position: absolute;
}

.cstm-likes-only-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding-left: 50px;
  cursor: pointer;
}

.cstm-likes-only-user img {
  border-radius: 30px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #d5d5d5 !important;
}

.loadind-post.cstm-cn-pg-loader {
  height: auto !important;
}

.cstm-vd-box-in-main h4 {
  text-overflow: ellipsis;
  width: 100%;
  height: 1.2em;
  margin-top: 10px;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
}

span.error.err-url {
  position: relative;
}

.cstm-cn-video-prtn h4 {
  padding: 0px;
  margin-top: 12px;
  font-size: 15px;
  margin-bottom: 6px;
  height: 20px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.cstm-cn-video-prtn a {
  font-size: 12px;
  line-height: 16px;
  height: 34px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

img.btn-partner2 {
  position: absolute;
  left: 10px;
  top: 6px;
  background: #e8e8e8;
  border-radius: 50px;
}

.cstm-cn-video-prtn .cbs-support .cstm-partner-pic {
  height: 150px;
  width: 100%;
  padding: 0px;
  object-fit: cover;
}

.cstm-cn-video-prtn .btn-partner {
  position: absolute;
  right: 0;
  top: -12px;
  background: #fff;
  border: 1px solid #a4a4a4;
  border-radius: 30px;
  font-size: 14px;
  line-height: 22px;
}

.cstm-cn-video-prtn {
  margin-top: 30px;
}

.video-edit-box {
  left: -127px !important;
}

.users-info-content-main.cstm-video-detail-width {
  width: 100%;
  margin: auto;
  max-width: 1280px;
}

.form-group.cstm-edit-profile-img {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.cstm-quest-sec .card-link {
  background: #eaf5ff;
}

.cstm-quest-sec .card-link.collapsed {
  background: #fff;
}

.form-group.cstm-q-a {
  margin-bottom: 16px;
}

.cstm-admin-access-grp .searchWrapper {
  /* padding: 16px 16px 8px; */
  padding: 14px 20px 10px;
  border-radius: 0;
}

.cstm-admin-access-grp .searchWrapper input#search_input {
  padding-left: 0px !important;
  width: inherit !important;
}

.cstm-edit-profile-heading {
  color: #63626a;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.form-group.cstm-edit-profile-img .form-group-ct {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 100px;
}

.form-group.cstm-edit-profile-img .form-group-ct img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-group.admin-error-msg {
  margin: 0px;
}

.error-msg {
  margin-bottom: 4px;
  font-size: 14px;
  color: #ed143d;
}

.form-group.form-group-button {
  margin-top: 40px;
}

.users-info-content-main .MuiTableContainer-root {
  overflow-y: hidden;
  min-height: 500px;
  border-bottom: 1px solid #d2d2d4;
  position: relative;
}

.admin-no-found {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.admin-no-found p {
  color: #939393;
}

.edit-user-details-popup .videodetail.adminVideodetail .video-js {
  aspect-ratio: 16/9;
}

.videodetail.adminVideodetail .video-js .vjs-big-play-button {
  font-size: 40px;
  line-height: 80px;
  height: 80px;
  width: 80px;
  top: 50%;
  left: 50%;
  padding: 0;
  border-radius: 100px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.4s;
  transform: translate(-50%, -50%);
}

.cstm-vd-cnt-right button {
  font-weight: 700;
}

.cstm-vd-cnt-right .like-btn svg path,
.cstm-vd-cnt-right .dislike-btn svg path {
  fill: #fff;
}

.cstm-vd-cnt-markbtn {
  background: #f4f4f4 !important;
  color: rgba(32, 30, 41, 0.7) !important;
}

.cstm-vd-cnt-markbtn:hover {
  background: rgba(32, 30, 41, 0.7) !important;
  color: #ffffff !important;
}

.cstm-vd-cnt-sdf {
  margin-bottom: 16px;
}

.cstm-admin-cate-tag,
.cstm-admin-grup-tag {
  margin-bottom: 16px;
}

.cstm-admin-cate-tag,
.cstm-admin-grup-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-profile-details-all-nav ul.nav.profiledt-menu.cstm-tab-add-video {
  border-bottom: 1px solid #d2d2d4;
  border-top: 1px solid #d2d2d4;
  margin-top: 16px;
}

.cstm-admin-cate-tag .musicvideobtn button,
.cstm-admin-grup-tag .musicvideobtn button {
  margin: 0px;
}

.cstm-admin-cate-tag span,
.cstm-admin-grup-tag span {
  width: 100%;
  margin-bottom: 0px !important;
}

.questions-box-incont input {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

.users-info-content-main hr {
  border-color: #d7d7d9 !important;
}

.clif-add-btn {
  margin-top: 20px !important;
}

.searchWrapper span.chip {
  z-index: 1;
  position: relative;
  background: #351bce;
}

.highlightOption {
  background: #351bce;
}

.cstm-bdr-cb .hobbies-lbl {
  padding-top: 16px;
}

.cstm-bdr-cb {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: auto;
  padding: 0px 80px 0px 20px;
  width: 100%;
}

.cstm-bdr-cb label.form-check-label {
  margin-bottom: 12px;
}

.cstm-row-pdg {
  padding: 0px 20px;
}

.cstm-add-bdr-box .cstm-edit-delete-main {
  right: 1px !important;
  top: 12px !important;
  z-index: 1;
}

.cstm-add-bdr {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  display: block;
}

.um-rgt-btn-loading {
  position: relative;
  float: right;
}

/* .um-rgt-btn-loading2 {
     position: relative;
     float: left;
}
 */
.loading-btn-in2 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
}

.loading-btn-in2 img {
  width: 36px;
}

.react-datepicker__header select {
  background-color: #fff;
  padding: 0px 5px;
  height: 30px;
  border-radius: 5 px;
  border: 1px solid #c1c1c1;
  font-size: 12px;
  margin: 0px 5px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  background-image: inherit;
}

.react-datepicker__header button {
  padding: 0px;
  border: none;
  font-size: 18px;
}

/* .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  left: -190px !important;
} */

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  background-color: var(--navyblue) !important;
}

.sidebar-menu .__react_component_tooltip {
  position: absolute !important;
  left: 0px !important;
  width: 103px !important;
  text-align: center;
  top: inherit !important;
  bottom: 5px !important;
  font-size: 12px !important;
  margin: 0px !important;
  background: transparent !important;
  padding: 0px !important;
  line-height: 16px !important;
}

.sidebar-menu .__react_component_tooltip:after,
.sidebar-menu .__react_component_tooltip:before {
  display: none !important;
}

.social-checked:before {
  position: absolute;
  content: "\f058";
  font-family: FontAwesome;
  left: 29px;
  font-size: 26px;
  margin-top: 2px;
}

.mpd-list-box-left {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
}

.mpd-list-box-right {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #201e29;
}

.mpd-list {
  padding-bottom: 20px;
}

.mpd-list-box {
  display: flex;
  max-width: 650px;
  justify-content: space-between;
  margin-bottom: 22px;
}

.cstm-plan-price-only:before {
  content: "$";
  position: absolute;
  font-size: 24px;
  font-weight: 700;
  color: #091f48;
  margin-left: 22px;
  margin-top: 14px;
}

.cstm-plan-price-only input {
  padding-left: 48px !important;
}

.plan-reso-bd-sub {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.plan-reso-bd-sub span {
  padding-left: 8px;
}

.plan-reso-bd-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.plan-resources-main-body {
  display: flex;
  margin-bottom: 24px;
  align-items: center;
}

.plan-resources-main {
  margin-bottom: 30px;
}

.select-all-lbl {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #351bce;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.select-all-lbl span {
  padding-left: 8px;
}

.uic-table-th .uic-th-td {
  position: relative;
}

span.custom-sorting {
  position: absolute;
  right: 12px;
  display: flex;
  flex-direction: column-reverse;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

span.custom-sorting i {
  line-height: 11px;
}

.plan-resources-main-left {
  width: 45%;
}

.plan-resources-main-right {
  width: 55%;
  display: flex;
  justify-content: space-between;
}

.resources-na-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  opacity: 0.7;
}

.plan-resources-main-head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d9;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.auto-rene-lbl {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}

.auto-rene-label input {
  margin-right: 12px !important;
  accent-color: #2a72d1 !important;
}

.grup-main-cover-img-sec {
  position: relative;
  min-height: 250px;
  max-height: 450px;
  border: 1px dashed #351bce;
  overflow: hidden;
}

.ct-lbl-main.cstm-tg-tg .form-group {
  margin-bottom: 10px;
}

.grup-main-cover-img-sec .cover-image-dpdn {
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  padding: 0;
  align-items: center;
  margin: 0;
  height: 100%;
  transition: 0.3s all;
}

.group-info-detials-cont.cstm-group-info-detials-cont {
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
}

.group-info-detials-cont.cstm-group-info-detials-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 52/19;
}

.grup-main-cover-img-sec .cover-image-dpdn:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.grup-main-cover-img-sec .dropzone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.grup-main-cover-img-sec .cover-image-dpdn.cstm-group-cover-img img {
  width: 100%;
  height: 10%;
  object-fit: cover;
  aspect-ratio: 52/19;
}

.auto-rene-label {
  margin-right: 24px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  float: left;
  cursor: pointer;
}

.automatic-renewal-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
  display: block;
}

.create-topic-info .uic-title-crt-plan h1 {
  margin: 10px 0px 0px;
}

.form-group-ct.cstm-pln-editor-ss {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 100%);
  min-height: 120px;
  width: 100%;
  padding-top: 14px;
}

.form-group-ct.cstm-pln-editor-ss .rdw-editor-toolbar {
  border: none;
  gap: 12px;
}

.form-group-ct.cstm-pln-editor-ss .rdw-editor-main {
  padding: 0px 16px 16px;
}

.cstm-plan-editor-padding.form-group-ct.cstm-pln-editor-ss .rdw-editor-main {
  padding: 35px 16px 16px !important;
}

.cover-image-dpdn-img {
  margin-top: 20px;
  width: 200px;
}

.or-connet-title span {
  background: #f3f5f7;
  padding: 0px 10px;
  position: relative;
}

.or-connet-title {
  position: relative;
}

.or-connet-title:before {
  height: 1px;
  width: 100%;
  position: absolute;
  background: #cecfd3;
  content: "";
  left: 0;
  top: 14px;
}

.um-right-in .btn {
  margin: 0px;
}

.or-connet-main {
  margin-bottom: 20px;
}

.btn-facebook i {
  font-size: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}

.btn-facebook {
  background-color: #4267b2;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
}

.btn-facebook:hover {
  background: var(--yellow);
}

.btn-linkedin i {
  font-size: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}

.btn-linkedin {
  background-color: #0072b1;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
  text-transform: capitalize;
}

.btn-linkedin:hover {
  background: var(--yellow);
}

.or-connet-title {
  text-align: center;
  margin-bottom: 25px;
}

.or-connet-main {
  display: flex;
}

.hobbies-lbl input[type="checkbox"] {
  vertical-align: -5px;
}

.hobbies-lbl label.form-check-label {
  margin-right: 25px;
  display: flex;
  align-items: center;
}

.hobbies-lbl {
  padding: 20px 0px 0px 0px;
  display: flex;
  align-items: center;
}

.cstm-tg-tg .form-group {
  margin-bottom: 10px;
}

.cstm-drag-drop {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 5px;
}

.cstm-jpeg-png {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.cover-image-dpdn {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  padding: 48px 0px;
  align-items: center;
  margin-top: -14px;
}

.cover-image-dpdn-in-left {
  margin-right: 16px;
}

.cover-image-dpdn-in-left img {
  height: 66px;
}

.cover-image-dpdn-in-right {
  display: flex;
  flex-direction: column;
}

.cover-image-dpdn {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  padding: 48px 0px;
  align-items: center;
}

.create-yuor-topic-main-box {
  display: flex;
  background: #fff;
}

.adminVideodetail-view {
  aspect-ratio: 16/9;
}

.create-yuor-topic {
  width: 25%;
  padding: 72px 63px;
  height: calc(100vh - 83px);
  position: -webkit-sticky;
  position: sticky;
  top: 83px;
}

.icon-box-last {
  margin-top: 12px;
}

.create-yuor-topic:after {
  content: "";
  height: 240px;
  width: 240px;
  position: absolute;
  bottom: 0;
  left: 63px;
  background-image: url(/assets/hashtag-taddgN3y.png);
}

.cyfg-mn:after {
  background-image: url(/assets/hashtag2-Dqe0_Saj.png);
  bottom: 40px;
}

.cymp-main:after {
  background-image: url(/assets/premium-DrUj3xvC.png);
  bottom: 5px;
}

.create-topic-info h1 {
  margin: 20px 0px;
}

.create-topic-info {
  width: 75%;
  /* height: calc(100vh - 83px);
     */
  float: left;
  padding: 20px;
  border-left: 1px solid #d5d5d5;
}

.posts-filter-dp {
  left: -44px !important;
}

.posts-filter-dp li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  padding: 6px 16px;
  cursor: pointer;
}

.posts-filter-dp li:hover {
  color: #2a72d1;
}

.make-hide-ck-in {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
}

.make-hide-ck-in input {
  margin-right: 8px !important;
  vertical-align: -4px;
}

.make-hide-ck {
  display: flex;
  align-items: center;
  gap: 24px;
}

.admin-create-post .add-poll-main-box input {
  background: transparent !important;
  padding-right: 85px !important;
  border: none !important;
}

.admin-create-post .add-poll-main-box2 input {
  background: transparent !important;
  padding-right: 44px !important;
  border: none !important;
}

.admin-create-post .create-pp-post-cont-text textarea {
  border: none;
}

.gi-group-posts-edit .what-post-right-input input[type="text"] {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px;
  border: none;
}

/* .cstm-all-admin h1 { //TODO: Made conflict in on-board page's heading
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #091f48;
  margin: 0px;
} */

.cstm-all-admin h2:not(.MuiTypography-root) {
  font-weight: 700;
  font-size: 16px;
  color: #091f48;
  margin: 0px;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root):hover {
  text-decoration: inherit;
}

.cstm-all-admin button,
.cstm-all-admin select {
  text-transform: none;
  text-decoration: initial !important;
}

.cstm-all-admin button:focus {
  outline: inherit !important;
  box-shadow: inherit !important;
}

b.cstm-all-admin utton:hover {
  outline: inherit;
}

.cstm-all-admin input[type="radio"]:not(.PrivateSwitchBase-input) {
  width: 20px;
  height: 12px;
  margin: 0px;
  accent-color: #351bce;
  cursor: pointer;
  position: inherit;
  margin-right: 0px;
}

.edit-user-details-popup .modal-dialog .group-info-user.cstm-upload-box {
  height: auto;
}

.cstm-all-admin input[type="checkbox"]:not(.PrivateSwitchBase-input) {
  width: 18px;
  height: 18px;
  margin: 0px;
  accent-color: #351bce;
  cursor: pointer;
  position: inherit;
  margin-right: 5px;
}

.questions-accordian-edt-delete {
  position: absolute;
  top: 0;
  right: 39px;
  height: 48px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 6px;
}

.questions-accordian-edt-delete a {
  padding: 0px 8px;
}

.questions-accordian .card:hover .questions-accordian-edt-delete {
  display: flex;
}

.rfg-radio-yesno span.um-ck-ac {
  margin-left: 8px;
  cursor: pointer;
}

.rfg-radio-yesno .form-check-label {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  float: left;
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.questions-accordian {
  margin-bottom: 40px;
}

.questions-accordian .card {
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0px;
}

.questions-accordian-header a:before {
  font-family: "FontAwesome";
  font-size: 18px;
  margin-right: 12px;
}

.questions-accordian-header a.collapsed.card-link:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 18px;
  margin-right: 12px;
}

.questions-accordian-header a.card-link:before {
  content: "\f106";
}

.rfg-radio-yesno {
  padding: 0px 0px 14px 52px;
  display: flex;
  width: 100%;
}

.questions-accordian-header .card-link {
  display: block;
  font-weight: 700;
  line-height: 24px;
  color: #201e29;
  padding: 12px 20px 12px 58px;
}

.faq-drag-drop {
  position: absolute;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #7d8a9f;
  cursor: pointer;
}

.required-bx {
  border: 1px solid #d2d2d4;
  border-radius: 1px;
  padding: 20px 20px 0px 20px;
  margin-bottom: 18px;
}

.clt-checkbox {
  margin-bottom: 15px !important;
}

.clt-checkbox input.form-check-input {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  margin-right: 10px;
}

.clt-checkbox .form-check-input:focus {
  box-shadow: none;
}

.choose-layout-type-main-box-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 9px;
  align-items: center;
}

.admin-group-post-tab .cp-btn button {
  max-width: 100%;
  width: 100%;
}

.admin-group-post-tab {
  max-width: 840px;
  width: 100%;
}

.admin-group-post-tab .cp-btn {
  width: 20%;
}

.admin-group-post-tab .cp-btn.cstm-cp-dp {
  width: 12%;
}

.admin-group-post-tab .gi-group-posts-post {
  border: none;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post {
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
  border-radius: 0px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right {
  padding-left: 0px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-header {
  padding-right: 110px;
  padding-top: 23px;
  margin-bottom: 16px;
  padding-left: 90px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-header-icon {
  right: 24px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-text {
  padding: 0px 16px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-topik {
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.admin-edit-img-cstm-btn .edit-img-cstm-btn-left {
  gap: 10px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .comment-main-box-right-icon {
  margin-bottom: 0px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .comment-main-box:last-child {
  border-bottom: 0px;
}

.cstm-newsfeed-post .comment-main-box:last-child {
  border-bottom: 0px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px 0px;
  margin-top: 0;
}

span.clm-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.choose-layout-type-main {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  width: 100%;
}

.choose-layout-type-main-box {
  background: #d0e3f6;
  width: 100%;
  padding: 8px;
  margin-bottom: 20px;
}

.choose-layout-type-main-box-img img {
  width: 100%;
}

.cstm-all-admin .uic-sort-by-title {
  font-size: 14px;
  font-weight: 600;
}

.choose-layout-type-main-box-header input.form-check-input {
  height: 20px;
}

.green {
  color: #25a931;
}

.uic-select-sort-by {
  width: 140px !important;
  margin-left: 15px;
}

.uic-sort-by {
  position: relative;
  margin-bottom: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}

.cstm-all-admin .btn.btn-red {
  background: #ff4852 !important;
  border: 1px solid #ff4852 !important;
}

span.msg-content {
  color: #848fa4;
  margin-bottom: 30px;
}

.msg-popup h1 {
  margin-bottom: 25px;
  line-height: 32px;
}

.msg-icon {
  margin-bottom: 25px;
}

.msg-popup .close {
  right: 20px;
  top: 20px;
  position: absolute;
  color: #aeaeae;
  font-size: 35px;
  font-weight: 400;
}

.msg-popup .modal-content {
  text-align: center;
  padding: 40px;
}

.modal-content {
  border-radius: 0;
  border: 1px solid rgba(32, 30, 41, 0.1);
}

/* --- */
/* .modal-content.cropper-content {
  height: calc(100vh - 110px);
} */

.header-bk {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  justify-content: space-between;
  padding: 20px 15px;
  align-items: center;
  position: fixed;
  z-index: 10;
  background: #fff;
}

.header-bk .dropdown-menu a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.edit-img-cstm-btn-left {
  display: flex;
  gap: 10px;
}

.user-icon {
  height: 32px;
  width: 32px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 7px;
}

.header-bk-right-user {
  background: #f4f4f4;
  border-radius: 30px;
  padding: 5px;
}

.header-bk-right-user .dropdown-toggle {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.header-bk-right-user .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  margin-right: 8px;
  vertical-align: 1px;
  content: "";
  border-top: 6px solid;
  border-right: 5px solid transparent;
  font-weight: 100;
  border-left: 5px solid transparent;
}

.header-bk-right-user .dropdown-toggle:hover {
  color: #351bce;
}

.header-bk-right-user .dropdown-menu {
  margin-top: 15px;
  padding: 10px;
  min-width: 145px;
  cursor: pointer;
}

.sidebar-menu {
  background: #f3f5f7;
  width: 110px;
  position: fixed;
  border-right: 1px solid #d5d5d5;
  overflow: auto;
  height: calc(100vh - 56px);
}

.sidebar-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sidebar-menu ul li {
  display: flex;
  width: 100%;
  position: relative;
}

.sidebar-menu ul li a {
  padding: 16px 0px;
  width: 100%;
  text-align: center;
}

.sidebar-menu ul li a .admin-left-icons {
  fill: #091f48;
  opacity: 0.5;
  transition: 0.3s all;
}

.sidebar-menu ul li a span.admin-left-title {
  margin-top: 4px;
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600 !important;
  color: #7b899e;
  transition: 0.3s all;
  padding: 0px 8px;
}

.sidebar-menu ul li a:hover .admin-left-icons {
  opacity: 1;
  fill: #351bce;
}

.sidebar-menu ul li a:hover span.admin-left-title {
  opacity: 1;
  color: #351bce;
}

.sidebar-menu ul li a.menu-active {
  background: #351bce;
}

.sidebar-menu ul li a.menu-active .admin-left-icons {
  fill: #fff;
  opacity: 1;
}

.sidebar-menu ul li a.menu-active span.admin-left-title {
  color: #fff;
  opacity: 1;
}

.menu-active .partners-dot-hl {
  background: #fff;
}

.partners-dot-hl {
  background: #351bce;
  height: 6px;
  width: 6px;
  display: inline-block;
  margin: 0px 0px 6px 1px;
  border-radius: 50px;
  position: relative;
}

.menu-active .pending-req-dot-hl {
  background: red;
}

.pending-req-dot-hl {
  background: red;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin: 0px 0px 6px 1px;
  border-radius: 50px;
  position: relative;
}

.request-count {
  background: red;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 700;
  min-width: 21px;
  height: 21px;
  display: inline-block;
  line-height: 18px;
  font-family: "Inter", sans-serif;
  vertical-align: 2px;
  text-align: center;
  border: 1px solid white;
}

.content-main {
  margin-left: 110px;
  padding-top: 83px;
  height: calc(100vh - 56px);
  overflow: auto;
}

.users-info {
  display: block;
}

.users-info-content {
  padding-left: 300px;
}

.users-info-sidebar {
  width: 300px;
  background: #f6f6f6;
  position: fixed;
  overflow: auto;
  height: calc(100vh - 56px);
  top: 56px;
  border-right: 1px solid #e6e6e6;
}

.users-info-sidebar .card-header {
  padding: 0px;
  margin-bottom: 0 !important;
}

.users-info-sidebar .card {
  border-width: 0px;
  box-shadow: none;
}

.users-info-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 10px 16px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #848fa4;
  text-decoration: inherit;
}

.users-info-sidebar .card-header a {
  width: 100%;
  border: none;
  padding: 10px 16px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #848fa4;
  text-decoration: inherit;
  display: block;
}

.users-info-sidebar .card-header a:hover {
  background: #ebe8fa;
  text-decoration: inherit;
}

.users-info-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

.users-info-sidebar .card-header button:hover {
  background: #ebe8fa;
  text-decoration: inherit;
}

.cstm-ac-in-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-ac-in-menu ul li {
  border-bottom: 1px solid #d5d5d5;
}

.cstm-ac-in-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 14px 36px;
  width: 100%;
  display: inline-block;
}

.cstm-ac-in-menu ul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091f48;
}

.users-info-sidebar .card {
  border-radius: 0px;
}

.sd-active2 {
  color: #091f48 !important;
  font-weight: 600 !important;
  background: #fff !important;
}

.sd-active {
  color: #fff !important;
  background: #351bce !important;
}

.users-info-content-main {
  padding: 24px;
  background-color: #fff;
}

.uic-title {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.cstm-all-admin input:not(.MuiInputBase-input):focus,
.cstm-all-admin select:not(.MuiInputBase-input):focus,
.cstm-all-admin textarea:not(.MuiInputBase-input) {
  outline: none;
}

.cstm-all-admin [type="tel"]:not(.MuiInputBase-input),
.cstm-all-admin [type="text"]:not(.MuiInputBase-input),
.cstm-all-admin [type="email"]:not(.MuiInputBase-input),
.cstm-all-admin [type="password"]:not(.MuiInputBase-input),
.cstm-all-admin [type="number"]:not(.MuiInputBase-input),
.cstm-all-admin [type="date"]:not(.MuiInputBase-input),
.cstm-all-admin [type="datetime-local"]:not(.MuiInputBase-input),
.cstm-all-admin [type="file"]:not(.MuiInputBase-input),
.cstm-all-admin [type="time"]:not(.MuiInputBase-input),
.cstm-all-admin [type="url"]:not(.MuiInputBase-input) {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

.cstm-all-admin [type="text"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="email"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="password"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="number"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="date"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="datetime-local"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="file"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="time"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin textarea:not(.MuiInputBase-input):placeholder {
  font-weight: 400;
  color: #606060;
}

.cstm-all-admin select {
  border-radius: 1px;
  background: transparent;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(32, 30, 41, 1);
  height: 48px;
  padding: 10px 38px 10px 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAICAYAAAAFiPQnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABYSURBVHjatNNLCgAgCATQOYI39ogdaVpU0E8J0gFXCg9EgRbBY0h+1wALAHUs7TMSjdKAtfdCUQ9ewMj1WvABZqA7fIBZ6AyX21VnoQOWrJepAAAA//8DALN3rQzrfaRDAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

.cstm-all-admin select:disabled {
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
}

.cstm-all-admin textarea:not(.MuiInputBase-input) {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  padding: 10px 20px;
  width: 100%;
  height: 120px;
  vertical-align: middle;
}

/* .cstm-all-admin textarea:focus {
  font-weight: 700;
} */

.cstm-all-admin .btn {
  background: #351bce;
  border: 1px solid #351bce;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  height: 48px;
  padding: 0px 40px;
  margin: 0px;
  box-shadow: none;
  width: auto;
}

.cstm-all-admin button.btn.admin-add-option-btn {
  width: 100%;
  background: #fff;
  border: 1px dashed #351bce;
  color: #351bce !important;
}

.cstm-all-admin button.btn.admin-add-option-btn:hover {
  background: #eaf5ff;
}

.cstm-all-admin .btn:hover {
  background: #201e29;
  border: 1px solid #201e29;
}

button.admin-add-op {
  position: absolute;
  top: 12px;
  right: 1px;
  height: 46px;
  width: 76px;
  border: navajowhite;
  background: #eaf5ff;
  color: #351bce;
  font-size: 14px;
  font-weight: 700;
}

button.admin-add-op:hover {
  background: #d7ecff;
}

.admin-added-select-options-inner {
  margin-bottom: 16px;
}

.cstm-all-admin .btn2 {
  background: #fff;
  border: 1px solid #091f48;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #091f48 !important;
  height: 48px;
  padding: 0px 40px;
  cursor: pointer;
}

.cstm-all-admin .btn2:hover {
  background: #201e29;
  border: 1px solid #201e29;
  color: #fff !important;
}

.cstm-all-admin .clt-checkbox .form-check-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  cursor: pointer;
}

.uic-fl-search {
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

.uic-fl-search i {
  position: absolute;
  right: 18px;
  top: 15px;
  color: #091f48;
  cursor: pointer;
  font-size: 18px;
}

.uic-fl-btn {
  display: inline-block;
  vertical-align: top;
}

.search-user-input {
  width: 305px !important;
  padding-right: 45px !important;
}

.uic-table {
  min-width: 1200px;
}

.uic-table-th {
  display: flex;
  justify-content: space-between;
}

.uic-table-td {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d2d2d4;
  font-size: 14px;
}

.uic-table-th {
  display: flex;
  background: #f3f5f7;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: rgba(9, 31, 72, 1);
}

.uic-table-th .uic-th-td {
  padding: 12px;
  padding-right: 30px;
}

.uic-table-td .uic-th-td {
  color: #201e29;
  padding: 12px;
  /* word-break: break-all; */
  word-break: break-word;
  font-size: 14px;
}

/* empty cell spacing */
.uic-table-td .uic-th-td:empty {
  height: 45px;
}

.css-rqglhn-MuiTable-root tr.uic-th-td {
  border-right: none;
}

.uic-table-main {
  margin-bottom: 20px;
  border: 1px solid #d2d2d4;
  box-sizing: border-box;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* overflow: inherit !important;
     */
  border-bottom: none;
}

.uic-table-icon a {
  margin-right: 10px !important;
}

.uic-th-td {
  border-right: 1px solid #d2d2d4;
}

.uic-th-td:last-child {
  border-right: none;
}

.uic-tb-mn {
  box-shadow: inherit !important;
}

.uic-table-th th {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.uic-table thead th {
  background: #f3f5f7;
}

.min-w-auto {
  min-width: auto;
}

.w-1 {
  width: 1%;
}

.w-2 {
  width: 2%;
}

.w-3 {
  width: 3%;
}

.w-4 {
  width: 4%;
}

.w-5 {
  width: 5%;
}

.w-6 {
  width: 6%;
}

.w-7 {
  width: 7%;
}

.w-8 {
  width: 8%;
}

.w-9 {
  width: 9%;
}

.w-10 {
  width: 10%;
}

.w-11 {
  width: 11%;
}

.w-12 {
  width: 12%;
}

.w-13 {
  width: 13%;
}

.w-14 {
  width: 14%;
}

.w-15 {
  width: 15%;
}

.w-16 {
  width: 16%;
}

.w-17 {
  width: 17%;
}

.w-18 {
  width: 18%;
}

.w-19 {
  width: 19%;
}

.w-20 {
  width: 20%;
}

.w-21 {
  width: 21%;
}

.w-22 {
  width: 22%;
}

.w-23 {
  width: 23%;
}

.w-24 {
  width: 24%;
}

.w-25 {
  width: 25%;
}

.w-26 {
  width: 26%;
}

.w-27 {
  width: 27%;
}

.w-28 {
  width: 28%;
}

.w-29 {
  width: 29%;
}

.w-30 {
  width: 30%;
}

.w-31 {
  width: 31%;
}

.w-32 {
  width: 32%;
}

.w-32 {
  width: 32%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-35 {
  width: 35%;
}

.w-36 {
  width: 36%;
}

.w-38 {
  width: 38%;
}

.w-39 {
  width: 39%;
}

.w-40 {
  width: 40%;
}

.w-41 {
  width: 41%;
}

.w-42 {
  width: 42%;
}

.w-43 {
  width: 43%;
}

.w-44 {
  width: 44%;
}

.w-45 {
  width: 45%;
}

.w-46 {
  width: 46%;
}

.w-47 {
  width: 47%;
}

.w-48 {
  width: 48%;
}

.w-49 {
  width: 49%;
}

.w-50 {
  width: 50%;
}

.edit-user-details-popup {
  padding-right: 0px !important;
}

.edit-user-details-popup .modal-dialog {
  height: 100vh;
  background: #fff;
  margin: 0px;
  max-width: 700px;
  margin-left: auto;
}

.edit-user-details-popup .modal-content {
  border: 0px;
}

.edit-user-details-popup .modal-body {
  flex-grow: 1;
  padding: 24px 24px 0px 24px;
  background: #fff;
  overflow: auto;
  height: calc(100vh - 134px);
  min-height: calc(100vh - 142px);
  /* min-height: 500px; */
}

.edit-user-details-header {
  border-bottom: 1px solid #d2d2d4;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.edit-main-user-details-popup .edit-user-details-header {
  justify-content: end;
}

.close {
  line-height: 20px;
  color: #aeaeae;
  opacity: 1;
  font-size: 30px;
  font-weight: 400;
}

button.close {
  background-color: transparent;
  border: 0;
}

.close:hover {
  color: #351bce !important;
  opacity: 1 !important;
}

.edit-user-details-footer {
  background: #fff;
  padding-bottom: 16px;
  padding-top: 16px;
}

.edit-user-details-popup.edit-main-user-details-popup .edit-user-details-footer button {
  margin-left: 24px;
}

.form-group-label {
  color: #091f48;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-left: 20px;
  position: relative;
  margin-bottom: -9px;
  background: #fff;
  display: table-caption;
  padding: 0px 8px;
  width: -webkit-max-content;
  width: max-content;
  z-index: 3;
}

.cstm-all-add {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 165px);
  max-width: 450px;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cstm-all-add-icon {
  margin-bottom: 24px;
}

.cstm-all-add h1 {
  margin-bottom: 16px;
}

.cstm-all-add p {
  margin-bottom: 32px;
  color: #848fa4;
}

.um-fm-tl i {
  color: #979797;
}

.cstm-edit-delete {
  position: relative;
}

.cstm-edit-delete-main {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 46px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 0px;
}

.cstm-edit-delete-main.cstm-edit-delete-label {
  position: absolute;
  top: -9px;
  right: -6px;
  width: 46px;
  height: 46px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 0px;
}

.cstm-edit-delete:hover .cstm-edit-delete-main {
  display: flex;
}

.cstm-edit-delete-main a {
  margin: 0px 7px;
  width: 100%;
  text-align: center;
}

.cstm-edit-delete input {
  padding-right: 100px;
}

.cstm-aad-field {
  margin-top: 20px;
}

.cstm-aad-field a {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #351bce;
  padding: 15px;
}

.cstm-aad-field a:hover {
  color: #201e29;
  border: 1px dashed #201e29;
}

.cstm-update-form-btn {
  text-align: right;
  margin-top: 50px;
}

.cstm-all-admin {
  background: #fff;
}

.MuiTablePagination-actions button {
  border-radius: 0px;
}

p.MuiTablePagination-displayedRows.css-1chpzqh {
  margin: 0px;
}

.css-levciy-MuiTablePagination-displayedRows {
  margin: 0px;
}

.css-zylse7-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
  border: 1px solid #e1e1e1;
  border-radius: 0px;
  margin-left: 10px;
}

.form-group-ck-mn {
  border: 1px solid #d2d2d4;
  padding: 20px 20px 2px 20px;
  display: flex;
  flex-wrap: wrap;
}

.form-group-ck {
  width: 33%;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  cursor: pointer;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.form-group-ck input {
  margin-right: 8px !important;
}

.questions-box-incont {
  padding: 10px 20px 15px;
  display: flex;
}

.questions-box-incont .form-check-label {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  float: left;
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.qsn-lbl {
  /* margin-left: 8px; */
  cursor: pointer;
}

.cover-image-upload-ttl img {
  margin-right: 8px;
  width: 24px;
}

.cover-image-upload {
  margin-top: -15px;
  margin-bottom: 35px;
}

.cover-image-upload-size {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.cover-image-upload-ttl {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.cover-image-upload {
  margin-top: -15px;
}

.cover-image-upload-img {
  margin-bottom: 20px;
}

.group-listing-menu {
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 24px;
}

.nav.group-listing-menu li {
  position: relative;
}

.nav.group-listing-menu li a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 6px 15px;
  display: inline-block;
}

.nav.group-listing-menu li a.active {
  color: #351bce;
}

.nav.group-listing-menu li a.active:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #351bce;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.gl-title-sub {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 24px;
}

.group-mem-pos-in {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  padding: 16px;
}

.group-mem-pos-in-img {
  margin-bottom: 16px;
}

.group-mem-pos-in-cont {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  color: #091f48;
  margin-bottom: 8px;
}

.group-mem-pos-in-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
}

hr.gi-line {
  margin: 32px 0px;
  border-color: #d5d5d5;
}

.group-update-user-photo {
  height: 64px;
  width: 64px;
  object-fit: cover;
  border-radius: 50px;
}

.group-update-user-other {
  border: 1px solid #fff;
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 25px;
  width: 25px;
  object-fit: cover;
  border-radius: 50px;
  box-shadow: 0px 0px 3px #00000096;
}

.group-update-main-in {
  min-height: 64px;
  margin-bottom: 16px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.group-update-main-in-img {
  position: absolute;
}

.group-update-main-in-cont {
  padding-left: 80px;
  padding-right: 60px;
  display: flex;
  flex-direction: column;
}

.group-update-dtl {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin-bottom: 4px;
}

.group-update-main-in-new {
  background: #ffcc00;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 3px 8px;
}

.group-update-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351bce;
}

.gi-group-posts-edit {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  margin-bottom: 24px;
}

.gi-group-posts-edit .what-is-happening-main {
  margin-bottom: 10px;
}

.gi-group-posts-post {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  margin-bottom: 24px;
}

.gi-btn-save {
  margin-top: 20px;
}

.gi-btn-save button {
  vertical-align: middle;
}

.group-info-user {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  /* height: 100%; */
  /* TODO: Effecting height in all create & edit thumbnails image's page*/
}

.group-info-user-img.cstm-group-info-user-img img {
  width: 64px;
  height: 64px;
  border-radius: 50px;
  object-fit: cover;
}

.group-info-user-img img {
  height: 63px;
  width: 63px;
  object-fit: cover;
}

.group-info-user-img.cstm-group-img img {
  width: 50px;
  height: 50px;
}

.group-info-user-img {
  margin-right: 12px;
}

.group-info-user-link button {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
  color: #091f48;
  border: none;
  background: transparent;
  padding: 0px;
  cursor: pointer;
}

.group-info-user-link button:hover {
  color: #351bce;
}

.group-info-user-link {
  margin-right: 24px;
}

.group-info-detials {
  margin-bottom: 28px;
}

.group-info-detials-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
}

.group-info-detials-cont {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}

.group-info-detials-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
  margin-bottom: 6px;
}

.uic-fl-cstm {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  margin-bottom: 20px;
}

.cstm-video-drop.show {
  left: -127px !important;
}

.cstm-video-drop a span:hover {
  color: var(--yellow);
}

.icon-box.icon-box2 {
  margin-top: 20px;
}

.icon-1 {
  padding-right: 19px;
}

.video-edit-box {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  width: 153px;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  top: 0px;
  left: 0px;
  transform: translate3d(130px, 61px, 0px);
}

.video-edit-box {
  font-size: 12px;
}

.video-edit-box img {
  padding-right: 5px;
}

.videodottedimg {
  position: absolute;
  right: 30px;
  top: 18px;
  background-color: #fff;
  padding: 3px 4px;
}

.admin-content-video {
  position: relative;
}

.admin-content-video .cstm-videoPlayericons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}

.admin-content-video:hover {
  cursor: pointer;
}

.admin-content-video:hover .cstm-videoPlayericons {
  opacity: 1;
  visibility: visible;
}

.gallery-main {
  margin-bottom: 28px;
}

.videotime p {
  position: absolute;
  background: #000;
  color: #fff;
  right: 34px;
  top: 152px;
  padding: 0 6px;
  font-size: 10px;
}

.uic-fl-link {
  align-self: center;
}

.edit-link,
.restorevideolink {
  padding-right: 25px;
  text-decoration: underline;
  color: #091f48 !important;
  font-size: 16px;
  font-weight: 700;
}

.delete-link,
.deletevideolink {
  text-decoration: underline;
  color: #ff4852 !important;
  font-size: 16px;
  font-weight: 700;
}

.edit-link:hover,
.restorevideolink:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

.delete-link:hover,
.deletevideolink:hover {
  color: #ff4852;
  text-decoration: underline !important;
}

.deletevideolink {
  margin-right: 20px;
}

.uic-title h3 {
  color: #091f48;
  font-size: 16px;
  cursor: pointer;
}

.videodetail img {
  width: 100%;
}

.videodetail {
  margin-bottom: 24px;
}

.video-content h4 {
  color: #091f48;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 12px;
}

.video-content p {
  color: rgba(32, 30, 41, 0.7);
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 28px;
}

.musicvideobtn button,
.mixedvideobtn button {
  padding: 3px 16px;
  font-size: 14px;
  background-color: #f4f3f4;
  border: 1px solid #dedede;
  border-radius: 40px;
  color: #091f48;
  font-weight: 600;
  margin-right: 8px;
}

.like-btn button {
  background-color: #351bce;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
}

.like-btn button:hover {
  background: #201e29;
}

.like-btn button:before {
  background-image: url("../../images/white-like.png");
  content: "";
  position: relative;
  width: 18px;
  height: 16px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 5px;
}

.mark-btn button {
  background-color: #f4f4f4;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #201e29;
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
  font-weight: 700;
}

.mark-btn button:hover {
  background: #201e29;
  color: #fff;
}

.mark-btn button:before {
  background-image: url("../../images/mark-view-btn.png");
  content: "";
  position: relative;
  width: 18px;
  height: 15px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 5px;
}

.mark-btn button:hover:before {
  filter: invert(100%);
}

.icon-align {
  padding-right: 6px;
}

.border-bottom {
  border-bottom: 1px solid #201e29;
  margin: 16px 0;
}

.patnerdetails h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #091f48;
}

.cbs-support {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 8px;
  height: 100%;
  position: relative;
}

.cbs-support img {
  padding: 7px;
}

.cbs-support h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #091f48;
  margin-bottom: 0;
  padding-left: 7px;
}

.read-more {
  color: #091f48;
  font-weight: 700;
}

.plan-reso-bd-custm {
  margin-bottom: 24px;
}

.form-group-label-cstm {
  color: rgba(32, 30, 41, 1);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-left: 56px;
  position: relative;
  margin-bottom: -8px;
  background: #fff;
  display: table-caption;
  padding: 0px 18px;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1;
  top: 30px;
}

.delete-video-content {
  color: #351bce;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.from-group-cstm {
  margin-bottom: 35px !important;
}

.page-not-found {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MuiTablePagination-selectLabel {
  margin-bottom: 0;
}

.card.dragging {
  cursor: move;
}

.card-link.dropArea {
  color: white !important;
  background-color: white !important;
  position: relative;
}

.movableicon {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 48px;
  background: #e8f1fb;
  display: block;
  align-items: center;
  padding: 8px 10px;
}

.movableicon i {
  font-size: 19px;
  line-height: 32px;
}

.question-footer-aa {
  padding: 16px 24px;
}

hr {
  opacity: 1;
}

.modal-content.modal-content-cstm,
.modal-content.modal-content-cstm3 {
  padding: 30px;
}

button.btn.cstm-updatebutton,
button.btn.cstm-updatebutton3 {
  margin-left: 30px;
  margin-right: 10px;
}

.loader-button1 button {
  background: #351bce;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

span.loader-btn img {
  width: 30px;
}

.loader-button1 {
  position: relative;
  display: inline;
}

.loader-button1 span.loader-btn {
  position: absolute;
  left: 0;
  z-index: 2;
  background: #ffffffd6;
  width: 163px;
  text-align: center;
  line-height: 50px;
}

.video-detail-main {
  display: flex;
  justify-content: space-between;
}

.cstm-comment-share-btn .videodetailicon {
  margin-left: 9px;
}

label.plan-reso-bd-title span {
  margin-left: 6px;
}

.dropdown-menu.cstm-droupdown.show a {
  clear: both;
}

.dropdown-menu.cstm-droupdown.show img {
  float: right;
  margin-top: 4px;
}

.btn-partner {
  background: transparent;
  border: none;
  cursor: pointer;
}

.cstm-video-mn-in .video-js {
  width: 100%;
}

.cstm-video-mn-in button.vjs-big-play-button {
  display: none;
}

.cstm-video-upload {
  margin-right: 20px;
}

.w-fit {
  width: -webkit-fit-content !important;
  width: fit-content !important;
}

.channel-img-container {
  /* width: 161px !important; */
}

.cstm-video-upload-img {
  width: 270px;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-video-upload-img.square {
  aspect-ratio: 1/1;
}

.aspect-ratio-unset {
  aspect-ratio: unset !important;
}

.cstm-video-upload-video {
  width: 250px;
}

.cstm-video-upload-video video {
  width: 100%;
}

.cstm-add-video-title-sub {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
}

.fvideo-description-edit-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #091f48;
  margin-bottom: 12px;
}

.video-description-edit-box {
  border: 1px solid #dbdbdb;
  border-radius: 1px;
}

.cstm-add-video-title-sub2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  margin-bottom: 15px;
}

.cstm-av-line {
  border-color: #d2d2d4 !important;
}

.cstm-av-line {
  border-color: #d2d2d4 !important;
  margin-bottom: 30px;
}

.cstm-add-video-tabs {
  margin-bottom: 30px;
  border-bottom: 1px solid lightgrey;
  display: flex;
}

.cstm-add-video-tabs ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #848fa4;
  padding: 0px 25px 10px;
  display: inline-block;
  position: relative;
}

.cstm-add-video-tabs ul li a:hover {
  color: #351bce;
}

.cstm-add-video-tabs ul li a.active {
  color: #351bce;
}

.cstm-add-video-tabs ul li a.active:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #351bce;
}

.cstm-relevant-partners-upload {
  margin-bottom: 20px;
  padding-top: 3px;
  display: flex;
  align-items: center;
}

.cstm-relevant-partners-upload-in {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  margin-right: 18px;
  padding: 15px 17px;
}

.cstm-relevant-partners-upload-in img {
  width: 63px;
}

.cstm-partner-main {
  padding-right: 130px;
  position: relative;
}

.cstm-partner-btn {
  position: absolute;
  right: 0;
  top: 10px;
}

.video-description-edit-box .editorClassName.rdw-editor-main {
  padding: 0px 10px;
  height: 20vh;
}

.add-btn-align {
  align-self: center;
  margin-top: 10px;
}

.cstm-clif-notes {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: 1px solid #2297ff;
  padding: 10px 16px;
  margin-top: 10px;
  background: #e7f1fa;
}

.cstm-clif-notes-inner {
  flex-grow: 1;
}

.cstm-clif-notes-inner p {
  margin-bottom: 0;
  color: #091f48;
}

.cstm-group-info-user {
  margin-top: 1rem;
}

.cstm-col-cbs-support {
  margin-bottom: 18px;
}

.btn-partner-main {
  display: inline-flex;
  width: 100%;
  justify-content: end;
  position: absolute;
}

.group-info-user.cstm-group-info {
  margin: 0;
}

.cstm-add-field {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cstm-add-field .error-msg {
  margin-bottom: 0;
  font-size: 14px;
  padding: 4px 15px;
  color: #ed143d;
}

.add-cstm-field-main-sec .cstm-add-field {
  flex-grow: 1;
  overflow: hidden;
}

.cstm-edit-delete-field {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: calc(100vh - 134px);
  min-height: 500px;
  padding: 16px 0px;
  overflow-x: hidden;
}

.add-cstm-field-main-sec .cstm-edit-delete-field {
  height: 100%;
}

.add-cstm-field-main-sec .edit-di-gbns {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
  padding: 0px 16px !important;
}

.add-cstm-field-main-sec .cstm-right-panel {
  overflow: auto;
  height: 100%;
  padding-top: 20px;
  border-top: 1px solid #d2d2d4;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar {
  width: 0px;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #f3f5f7;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 0px;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.cstm-model-content {
  height: 100%;
}

.edit-user-details-footer button.btn,
.cstm-update-cancle-btn button.btn {
  margin-right: 10px;
}

.edit-user-details-footer.cstm-add-button {
  /* margin-left: 24px; */
  padding-left: 24px;
}

.modal-content.edit-user-model-content {
  box-shadow: inherit;
  height: 100%;
}

.cstm-update-cancle-btn {
  padding: 20px 0 18px 20px;
  background: #fff;
  box-shadow: 1px -4px 5px #ededed;
}

.cstm-right-panel {
  overflow: auto;
  height: calc(100vh - 170px);
}

button.btn.cncle-btn {
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #091f48 !important;
  transition: 0.3s all;
}

.form-group-ct.cstm-edit-delete-added-info {
  position: absolute;
  top: 11px;
  width: auto;
  border: none;
  left: 16px;
  pointer-events: none;
}

.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="text"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="email"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="password"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="number"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="date"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="file"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="time"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="url"] {
  border-radius: 0px;
  background: transparent;
  border: none;
  font-style: normal;
}

button.btn.cncle-btn:hover {
  color: #fff !important;
  background: rgba(32, 30, 41, 0.3);
  border: 1px solid rgba(32, 30, 41, 0.3);
}

.form-group-label.cstm-label-here {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  margin-left: 10px;
}

.group-listing-main {
  margin-top: 20px;
}

.plan-resources {
  height: 36vh;
  overflow-y: scroll;
  overflow-x: hidden;
  border-bottom: 1px solid #c1c1c1;
}

.plan-resources::-webkit-scrollbar,
.video-description-edit-box .editorClassName.rdw-editor-main::-webkit-scrollbar,
.sidebar-menu::-webkit-scrollbar,
.cstm-right-panel::-webkit-scrollbar,
.uic-table-main::-webkit-scrollbar,
.edit-user-details-popup .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}

.plan-resources::-webkit-scrollbar-track,
.video-description-edit-box .editorClassName.rdw-editor-main::-webkit-scrollbar-track,
.sidebar-menu::-webkit-scrollbar-track,
.cstm-right-panel::-webkit-scrollbar-track,
.uic-table-main::-webkit-scrollbar-track,
.edit-user-details-popup .modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.plan-resources::-webkit-scrollbar-thumb,
.video-description-edit-box .editorClassName.rdw-editor-main::-webkit-scrollbar-thumb,
.sidebar-menu::-webkit-scrollbar-thumb,
.cstm-right-panel::-webkit-scrollbar-thumb,
.uic-table-main::-webkit-scrollbar-thumb,
.edit-user-details-popup .modal-body::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.plan-resources::-webkit-scrollbar-thumb:hover,
.video-description-edit-box .editorClassName.rdw-editor-main::-webkit-scrollbar-thumb:hover,
.sidebar-menu::-webkit-scrollbar-thumb:hover,
.cstm-right-panel::-webkit-scrollbar-thumb:hover,
.uic-table-main::-webkit-scrollbar-thumb:hover,
.edit-user-details-popup .modal-body::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

/* .public-DraftStyleDefault-block {
     margin: 0 !important;
} */
.plan-resources-checkbox {
  display: flex;
  justify-content: end;
  gap: 26px;
}

.cstm-plan-reso-bd-title {
  padding-right: 20px;
}

.plan-resourses-header h1 {
  margin-bottom: 18px;
  margin-top: 20px;
}

.error.cstm-error44 {
  margin-top: -27px;
}

span.error.cstm-error1 {
  margin: 0px 0;
}

span.error.cstm-error2 {
  margin: -78px 0;
}

span.error.cstm-error3 {
  margin: -14px 0;
}

.plan-resources-main-head.cstm-plan-resourse {
  margin-bottom: 0;
}

.cyp-btm-btn.cstm-edit-plan {
  margin-top: 0;
}

.modal-dialog .modal-content {
  box-shadow: none;
}

.form-group-ct.cstm-value-input {
  padding: 0 20px;
}

.group-info-user.ctsm-fram-img img {
  width: 50px;
  height: 50px;
}

.cstm-group-info-user-img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  border: 1px dashed #351bce;
  padding: 4px;
}

.group-info-user.ctsm-fram-img .cstm-group-info-user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-group-ct.cstm-edit-delete {
  padding-bottom: 0;
}

.what-post-right-input.cstm-post-input input {
  width: 100% !important;
  border: 0 !important;
  cursor: pointer;
}

.form-group-ctst {
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.form-group-ct {
  padding-bottom: 4px;
}

.error.cstm-error4 {
  margin-top: -2px;
}

.error-video {
  margin-top: -18px;
}

span.error.error-video {
  margin-top: -20px;
}

.plan-resources-main.cstm-plan-resourse-main {
  margin-top: 35px;
}

.profile-detilas-all-nav.cstm-profile-details-all-nav {
  padding: 0 0 20px 0;
}

.profiledt-menu li .cstm-profile-link {
  border-radius: 0;
  border-right: 1px solid #d2d2d4;
}

ul.nav.profiledt-menu.cstm-tab-add-video {
  border-bottom: 1px solid #d2d2d4;
}

.edit-user-details-footer.cstm-create-button {
  padding-left: 24px;
}

.cover-image-dpdn.cstm-group-cover-img img {
  width: 200px;
  height: 200px;
}

.cstm-videodes ul {
  padding-left: 18px;
}

.cstm-vd-cnt {
  display: flex;
  justify-content: space-between;
}

.cstm-vd-cnt-left ul {
  padding-left: 18px;
}

button.cstm-vd-box-close {
  background: #fff;
  position: absolute;
  right: -10px;
  top: -10px;
  border: 1px solid #cdcdcd;
  border-radius: 50px;
  line-height: 21px;
  font-size: 13px;
}

.cstm-vd-box-in {
  display: table;
  width: 100%;
}

.message-modal-addtional-div {
  margin-bottom: 13px;
  font-size: 18px;
  color: #000;
}

.cstm-are-you {
  max-width: 440px !important;
  padding: 35px 35px !important;
  position: relative;
  border-radius: 0px;
}

p.save-draft-text {
  font-size: 16px;
}

.btn-text-draft .btn,
.btn-text-draft .btn2 {
  padding-left: 15px;
  padding-right: 15px;
}

.um-right-in input {
  border-radius: 8px;
  border: 1px solid rgba(13, 13, 13, 0.3);
  display: flex;
  padding: 8px 12px;
  width: 100%;
  color: #060d14;
  text-overflow: ellipsis;
  font: var(--body-medium);
  box-sizing: border-box;
  background-color: var(--bg-screen-strong);
}

.admin-table-short-desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #201e29;
}

a.cstm-view-doc-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #201e29;
}

a.cstm-view-doc-title:hover {
  text-decoration: underline;
}

.admin-doc-icon-list {
  display: flex;
  gap: 10px;
  align-items: center;
}

.document-status-select {
  display: flex;
  align-content: center;
  align-items: center;
}

@media screen and (max-width: 1600px) {
  .group-listing-tabs .tab-pane .uic-fl {
    margin-top: 90px;
  }

  .uic-title-rt-only {
    margin-top: -70px;
  }
}

@media screen and (max-width: 1420px) {
  .nav.group-listing-menu li a {
    font-size: 13px;
    padding: 6px 8px;
  }
}

/* date range picker */
.cstm-date-range-group .react-datepicker-wrapper .react-datepicker__input-container input {
  padding: 6px 10px 5px 25px !important;
  text-align: center;
}

.cstm-date-range-group .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__calendar-icon {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.cstm-date-range-group .react-datepicker-wrapper {
  width: 130px !important;
}

/* Modal body css */
.ctsm-modal-body {
  padding: 24px;
  width: 100%;
  height: 100%;
  overflow: auto;
}

button .btn-loader-img-cover {
  width: 60px;
  height: 20px;
  object-fit: cover;
}

.text-box-wrapper {
  background-color: #e2edfd;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  font: var(--body-small-bold);
  max-width: 230px;
  width: 100%;
}

.error-rule {
  position: relative !important;
  display: block;
}

/* Recuring CSS */
.cstm-radio-btn input {
  display: none;
}

.cstm-radio-btn label {
  width: 40px;
  height: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  margin-right: 15px;
  transition: all 0.5s ease;
}

.cstm-radio-btn input:checked+label {
  background-color: #351bce !important;
  border-color: #351bce;
  color: #fff;
}

.cstm-ending-wrapper .enddate-col {
  display: flex;
  margin-right: 30px;
  width: 23%;
}

.cstm-ending-wrapper .afterdate-event-col .subcat-addvideo,
.cstm-ending-wrapper .enddate-col .subcat-addvideo {
  margin-bottom: 0;
  margin-right: 15px;
}

.cstm-ending-wrapper .enddate-col .form-group {
  width: 100%;
  margin-bottom: 0;
}

.cstm-ending-wrapper .afterdate-event-col {
  display: flex;
  margin-right: 30px;
  align-items: center;
}

.upload-ticket-image {
  margin-bottom: 20px;
}

/* TextAreaComponent CSS */
.editable-textArea {
  min-height: 150px !important;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 1px;
  font-size: 16px;
  line-height: 1.5;
  overflow-y: auto;
  margin-bottom: 15px;
  outline: none;
  overflow: hidden;
}

.upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Toast CSS */
.toast-wrapper {
  position: fixed;
  z-index: 999;
}

.toast-wrapper.top {
  top: 20px;
}

.toast-wrapper.right {
  right: 20px;
}

.toast-wrapper.left {
  left: 20px;
}

.toast-wrapper.bottom {
  bottom: 20px;
}

/* Table CSS */

.table-action-btns {
  display: flex;
  width: -webkit-max-content;
  width: max-content;
}

/* table thead th {
    white-space: nowrap;
    padding-right: 30px !important;
}
table .uic-th-td:last-child .uic-table-icon div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

table .uic-th-td:last-child .uic-table-icon div a {
    flex-shrink: 0;
}



table .uic-th-td:last-child .uic-table-icon div a:last-child {margin-right: 0 !important;} */
/* TextAreaComponent CSS */
.editable-textArea {
  min-height: 150px !important;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 1px;
  font-size: 16px;
  line-height: 1.5;
  overflow-y: auto;
  margin-bottom: 15px;
  outline: none;
  overflow: hidden;
}

.upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-modal-xl .modal-content,
.cstm-modal-xl .modal-dialog {
  max-width: 900px;
}

.button-stepper .button.medium.icon-only {
  padding: var(--spacing-8);
}

.button-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 112px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-stepper p {
  font: var(--body-x-large-bold);
  color: var(--color-text-static-darkgray);
}

.edit-stepper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.edit-stepper .button-stepper {
  position: relative;
  bottom: 0;
  right: 0;
  width: -webkit-fit-content;
  width: fit-content;
  gap: 10px;
}

.edit-stepper .error-extra-seats {
  width: 100%;
  display: block;
}

.cstm-modal-xl .modal-content,
.cstm-modal-xl .modal-dialog {
  max-width: 900px;
}

.button-stepper .button.medium.icon-only {
  padding: var(--spacing-8);
}

.button-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 112px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-stepper p {
  font: var(--body-x-large-bold);
  color: var(--color-text-static-darkgray);
}

.edit-stepper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.edit-stepper .button-stepper {
  position: relative;
  bottom: 0;
  right: 0;
  width: -webkit-fit-content;
  width: fit-content;
  gap: 10px;
}

.edit-stepper .error-extra-seats {
  width: 100%;
  display: block;
}

.fileUpload {
  background: #351bce;
  border-radius: 1px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  margin: 1.25em auto;
  overflow: hidden;
  padding: 0.875em;
  position: relative;
  text-align: center;
  width: 156px;
  cursor: pointer;
}

.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
  background: #292929;
  cursor: pointer;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 148px;
  height: 46px;
  cursor: pointer;
}

input[type="file"]:not(.MuiInput-input) {
  position: fixed;
  right: 100%;
  bottom: 100%;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.users-info-content-main .desk-globle-model-box-inner {
  max-width: 700px;
  border-radius: 0;
}

.users-info-content-main .desk-globle-model-box-inner .MuiTableContainer-root {
  min-height: 488px;
}

.sold-ticket-modal .desk-globle-model-box-inner {
  max-width: 950px;
}

.partner-logo img:not(.thumb-img),
.partner-logo {
  min-height: 102px;
}

.partner-thumb img:not(.thumb-img),
.partner-thumb {
  min-height: 120px;
  width: 222px;
}

.partner-banner {
  min-height: 44px;
  width: 222px;
}

.partner-mobile-banner img:not(.thumb-img),
.partner-mobile-banner {
  min-height: 53px;
  width: 222px;
}

.partner-mobile-banner img.image-empty-thumb,
.partner-banner img.image-empty-thumb {
  width: 30px;
  height: auto;
}

/* Error message */
.uploadthunmb-box {
  flex-wrap: wrap;
}

.uploadthunmb-box .error {
  width: 100%;
  position: relative;
  margin: 8px 0 0;
}

/* cropper bd */
.checksboxes-visible.cropper-bd .desk-globle-model-box-inner {
  width: auto !important;
  max-width: 1024px !important;
  /* padding: 0 40px; */
}

.cropper-bd .modal-content {
  border: none;
}

.cropper-bd .cropper-content .crop-media-body {
  padding: 20px;
  background-color: #454545;
}

.cropper-bd .modal-content.cropper-content {
  max-height: calc(100vh - 110px) !important;
  height: auto !important;
}

.cropper-bd .ReactCrop__child-wrapper img {
  max-height: calc(100vh - 300px) !important;
  height: auto;
  /* width: fit-content;
  width: -webkit-fit-content; */
}

/* .select-input-box .MuiTextField-root .MuiFilledInput-root {
  border: 1px solid var(--color-border-neutral-strong);
  padding: var(--spacing-4) var(--spacing-4);
  border-radius: var(--radius-8);
  background-color: transparent;
  min-height: 128px;
  max-height: 540px;
  overflow: auto;
  align-items: flex-start;
  align-content: flex-start;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar {
  width: 14px;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3);
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid var(--color-border-inverse-screen);
  min-height: 64px;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root input {
  font: var(--body-small);
  flex-shrink: 0;
  min-width: 6%;
  align-self: center;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::after,
.select-input-box .MuiTextField-root .MuiFilledInput-root::before {
  display: none;
} */

.child-ele-style-inherit>* {
  font: inherit;
  color: inherit;
}

.danger-text {
  color: var(--color-text-danger-strong) !important;
}

.react-slick-wrapper {
  position: relative;
  margin: 0 -8px;
}

.react-slick-wrapper .arrow {
  position: relative;
}

.choose-your-membership-slider .react-slick-wrapper {
  margin: 0;
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-list {
  margin: 0 calc(var(--spacing-6)*-1);
  /* padding: var(--spacing-24) 0; */
  width: 100%;
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-slide {
  padding: var(--spacing-24) 10px;
}

/* Tiers gallery Swiper slider */
.choose-your-membership-slider .swiper-slider-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}

.choose-your-membership-slider .swiper-slider-wrapper .swiper.center-slider .swiper-wrapper {
  justify-content: center;
}

.choose-your-membership-slider .swiper-slider-wrapper .swiper {
  padding: var(--spacing-24) 0px;
  width: 100%;
}

.choose-your-membership-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: none;
  padding: var(--spacing-16);
  position: relative;
  top: unset;
  bottom: unset;
}

.choose-your-membership-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #0D0D0D;
  opacity: 0.3;
  margin: 0;
}

.choose-your-membership-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

@media screen and (max-width: 1199px) {
  .choose-your-membership-slider .swiper-slider-wrapper {
    padding: 0 var(--spacing-24);
  }

  .choose-your-membership-slider .swiper-slider-wrapper .swiper.center-slider .swiper-wrapper {
    justify-content: unset;
  }

  .choose-your-membership-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-8);
  }

  .choose-your-membership-slider .react-slick-wrapper {
    padding: 0 var(--spacing-24);
  }


  .choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-slide {
    padding: var(--spacing-24) 10px;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8);
    padding: var(--spacing-16) 0;
    bottom: -35px;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li button {
    width: auto;
    height: auto;
    padding: 0;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li button:before {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 8.1px;
    line-height: 8px;
    color: rgba(13, 13, 13, 0.302);
    opacity: 1;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li.slick-active button:before {
    color: #0D0D0D;
  }
}

@media screen and (max-width: 767px) {

  .choose-your-membership-slider .swiper-slider-wrapper .button-carousel {
    display: none;
  }

  .choose-your-membership-slider .swiper-slider-wrapper {
    padding: 0;
  }

  .choose-your-membership-slider .swiper-slider-wrapper .swiper {
    padding: var(--spacing-16) var(--spacing-16);
  }

  .choose-your-membership-slider .react-slick-wrapper {
    padding: 0 var(--spacing-16);
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-slider {
    justify-content: center;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-list {
    margin: 0 -10px;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-slide {
    padding: var(--spacing-16) 5px;
  }

  .choose-your-membership-head {
    padding: 0 var(--spacing-16) var(--spacing-24);
  }

  .tiers-page-wrapper {
    gap: 0 !important;
    padding: var(--spacing-24) 0 var(--spacing-64) !important;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots {
    bottom: -40px;
  }
}

.modal-body-wrapper {
  padding: var(--spacing-24);
  position: relative;
}

.modal-body-wrapper .modal-close-btn {
  position: absolute;
  top: var(--spacing-12);
  right: var(--spacing-12);
}

/* tox modal ---- Do not remove css */

.tox-tinymce-aux {
  z-index: 1301 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.your-social-email-text {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-medium);
  text-align: left;
  margin-bottom: 24px;
}

.something-icon {
  height: 25px;
  vertical-align: sub;
}

.cstm-login-screen-popup .desk-globle-model-box-inner {
  max-width: 490px;
  position: relative;
  width: 92%;
}

.cstm-login-screen-popup .modal-content {
  padding: 40px;
}

.cstm-sww-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  z-index: 1;
  color: #a3a3a3;
  font-size: 32px;
}

.cstm-login-screen-popup h2 {
  font-family: Muller;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: var(--black2);
  margin-bottom: 30px;
}


.cstm-sso-modal .sso-modal-content {
  width: 100%;
  padding: 30px;
}

.cstm-sso-modal .sso-modal-content .cstm-rn-error {
  font-size: 12px;
}

.cstm-sso-modal .sso-modal-content label {
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: 500;
}

.cstm-sso-modal .sso-modal-content .top-error-message {
  padding-bottom: 20px;
  font-size: 12px;
}

.cstm-sso-modal .sso-modal-content .text-field-main {
  max-width: 100%;
}

.cstm-sso-modal .cstm-try-contact-btn {
  width: 100%;
  margin: 20px 0 0;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.cstm-somr-icom {
  text-align: center;
  margin-bottom: 24px;
}

.cstm-login-screen-popup p {
  font-size: 16px;
  line-height: 24px;
}

.cstm-login-screen-popup p b {
  color: var(--black2);
  font-weight: 600;
}

.cstm-try-contact-btn {
  margin-top: 22px;
  gap: 20px;
  display: flex;
  justify-content: center;
}

.cstm-try-contact-btn button {
  width: 170px;
  padding: 12px;
}

.cstm-gmv-main-img.zoom-img {
  transform: scale(2);
}

.input-chat-container .MuiInputBase-root:after {
  border-bottom: inherit !important;
}

.input-chat-container .MuiInputBase-root:before {
  border-bottom: none !important;
}

.uic-fl-mn-right .uic-fl-btn {
  position: relative;
}

.export-loading-image {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFFE3;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cstm-pli-bg-exportfile img {
  width: 30px;
  margin-top: 10px;
}

.uic-fl-import-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 20px;
}

.uic-fl-mn {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}

.import-loading-image {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFFE3;
  width: 100%;
  height: 100%;
  text-align: center;
}

.import-loading-image img {
  width: 30px;
  margin-top: 9px;
}

.import.text {
  background: #351BCE;
  border: 1px solid #351BCE;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
  padding: 0px 40px;
  margin: 0px;
  box-shadow: none;
  width: auto;
  display: block;
}

.import.text:hover {
  background: #201E29;
  border: 1px solid #201E29;
}

span.cstm-resend-code-loader img {
  width: 28px;
}

span.cstm-resend-code-loader-img {
  width: 100%;
  position: absolute;
  background: #ffffffc7;
}

span.cstm-resend-code-loader {
  position: relative;
}

.active-list {
  background: #F3F5F7 !important;
}

.deactivate-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
  line-height: 46px;
}

.deactivate-loading-image img {
  width: 24px;
}

button.deactivate-loader-container {
  position: relative;
}

.cstm-hide-right-shadow .owl-stage-outer:after {
  display: none !important;
}

.cstm-hv-op-drop.cstm-open-dp {
  display: block;
}

.cstm-hv-op-drop.cstm-open-dp {
  display: block;
}

.historyvideo-remove-saved-video-loader {
  position: relative;
}

.historyvideo-remove-saved-video-loader .historyvideo-loading-image {
  line-height: 46px;
}

.cstm-an-red {
  background: #FDF2F2 !important;
  border: 1px solid #E02424 !important;
}

.cstm-an-red .cstm-success-msg-container-title {
  color: #E02424;
}

.cstm-an-red .cstm-success-msg-container-cont {
  color: #E02424;
}

.cstm-recent-dropdown-menu ul li a.cstm-filter-active {
  color: #2329c9 !important;
}

.cstm-dwdt {
  position: absolute;
  right: 50px;
  bottom: 24px;
  display: flex;
}

span.cstm-dwdt-in {
  cursor: pointer;
  margin-left: 24px;
}

.cstm-gmv-close {
  background: none;
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
  padding: 0px;
}

.cstm-gmv-main-img video {
  max-height: 100%;
  object-fit: cover;
}

.cstm-gmv-main-img img {
  max-height: 100%;
  object-fit: cover;
}

.cstm-gv-user-info-name {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  word-break: break-all;
}

.cstm-gv-user-info-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #FFFFFF;
  opacity: 0.7;
}

.cstm-gv-user-photo img {
  width: 48px;
  height: 48px;
  min-height: 48px;
  max-width: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.cstm-popup-ptimg .modal-dialog {
  max-width: 100%;
  margin: 20px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(54.5px);
  backdrop-filter: blur(54.5px);
  border-radius: 20px;
  height: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-gmv-main {
  width: 100%;
  text-align: center;
  background: transparent;
  height: 100%;
}

.cstm-gv-user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  color: #FFF;
  z-index: 11;
  left: 20px;
  top: 20px;
}

.cstm-gv-user-photo {
  margin-right: 16px;
}

.cstm-gv-user-info {
  text-align: left;
}

.cstm-selected-video {
  background: #F3F5F7 !important;
  border-radius: 10px;
}

.cstm-gmv-main-img {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: "textfield";
}

.cstm-all-content-library-main-only .owl-nav .disabled {
  display: none;
}

.historyvideo-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.historyvideo-loading-image img {
  width: 27px;
}

li.historyvideo-remove-single-video-loader {
  position: relative;
}

.historyvideo-save-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.historyvideo-save-loading-image img {
  width: 27px;
}

li.historyvideo-save-single-video-loader {
  position: relative;
}

.cstm-no-history-video-container {
  padding-right: 20px !important;
}

.savedvideo-save-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.savedvideo-save-loading-image img {
  width: 27px;
}

li.savedvideo-save-single-video-loader {
  position: relative;
}

.cstm-oops-main {
  text-align: center;
  margin-top: 136px;
}

body .cstm-clear-all-watch-history.filedvalue {
  border: 1px solid #9B9A9F !important;
}

/* .sidebar-menu-popup-main:before {
     position: fixed;
     inset: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: -1;
     display: flex;
     align-items: center;
     content: '';
     transition: 0.0s;
} */

.sidebar-menu-popup-main {
  transition: 0.3s;
  -webkit-animation-name: menupp;
  -webkit-animation-duration: 2s;
  animation-name: menupp;
  animation-duration: 2s;
  background: transparent !important;
}

@keyframes menupp {
  0% {
    left: -240px;
  }

  25% {
    left: 0px;
  }
}

.cstm-active-pp .cstn-pp-f {
  display: none;
}

.cstm-active-pp .cstn-pp-t {
  display: block !important;
}

.cstm-active-pp button {
  color: #FFF !important;
  background: #351BCE !important;
}

.cstm-ssvpl-pv-drop {
  position: absolute;
  right: -6px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  width: 187px;
}

.cstm-my-videos-history-list-main:hover .cstm-hv-op-drop {
  display: block;
}

.cstm-my-videos-history-list-main-box-img .cstm-rv-time {
  right: 8px;
  bottom: 8px;
}

.cstm-manage-history-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201E29;
  margin-bottom: 12px;
}

body .form-group .filedvalue {
  border: 1px solid #9B9A9F !important;
}

.cstm-success-msg-container-title img {
  margin-right: 10px;
}

.cstm-success-msg-container-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #057A55;
  margin-bottom: 4px;
}

.cstm-success-msg-container-cont {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #057A55;
  margin-left: 30px;
}

.cstm-success-msg-container {
  background: #F3FAF7;
  border: 1px solid #0E9F6E;
  border-radius: 8px;
  padding: 14px 10px 12px 10px;
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 100%;
  max-width: 451px;
  transition: 0.5s;
  -webkit-animation-name: example;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

@keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

.cstm-pi-main-btn-all img {
  height: 30px;
}

.cstm-pi-main-btn-all {
  text-align: center;
  position: absolute;
  background: #fffffff5;
  width: 100%;
  height: 100%;
  line-height: 40px;
}

hr.mv-line {
  opacity: 1;
  border-top: 1px solid #D9D9D9;
  margin-top: 20px;
  margin-bottom: 24px;
}

body.menuview .card-header button.btn-link:hover span.cstm-tlp {
  display: block;
}

body.menuview .card-header button.btn-link .cstm-tlp {
  width: -webkit-max-content;
  width: max-content;
  font-size: 12px;
  position: absolute;
  font-weight: 500;
  line-height: 150%;
  display: none;
  color: #FFFFFF;
  background: #201E29;
  border-radius: 5px;
  padding: 4px 6px;
  left: 30px;
  top: 39px;
  z-index: 1;
}

body .cstm-admin-area .cstm-all-library-video-details .all-content-main-center {
  padding-left: 0px !important;
}

body.menuview .card-header button.btn-link {
  padding: 12px 14px !important;
}

body.menuview .all-content-main-left {
  width: auto !important;
}

body.menuview .card-header button img {
  margin-right: 0px !important;
}

img.cstn-cl-t {
  display: none;
}

.cstm-recent-dropdown-menu {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  top: 32px;
  z-index: 1;
  width: 120px;
}

.cstm-recent-dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cstm-recent-dropdown-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201E29 !important;
  display: block;
  padding: 6px 10px;
}

.cstm-recent-dropdown-menu ul li a:hover {
  color: #351BCE !important;
}

.sctm-da-close {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0px;
  border: none;
  background: transparent;
  font-size: 18px;
  font-weight: 200;
}

.cstm-reset-link {
  padding: 0px;
  border: none;
  background: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
}

.cstm-reset-link:hover {
  color: #351BCE;
}

.chatloader {
  padding-top: 35px;
}

.chatloader-main {
  display: flex;
  margin-bottom: 35px;
  gap: 12px;
  justify-content: flex-start;
}

.chatloader .chatloader-main:nth-child(even) {
  justify-content: flex-end;
}

.chatloader .chatloader-main:nth-child(even) .chatloader-main-left {
  order: 2;
}

.chatloader-main-left {
  border-radius: 50px;
  width: 40px;
  height: 40px;
}

.chatloader-main-right1 {
  height: 15px;
}

.chatloader-main-right2.skeleton-box {
  height: 50px;
}

.chatloader-main-right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 280px;
}

.cstm-payment-chng {
  max-width: 452px !important;
  justify-content: center;
}

.cstm-payment-chng .um-membership-details-in-price {
  width: 100%;
}

.cstm-preferred {
  max-width: 452px !important;
  justify-content: center;
}

.cstm-cstm-vpp-photo img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.cstm-vpp-popup {
  max-width: 550px !important;
}

.btn5 {
  background: rgba(147, 145, 151, 0.3);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201E29;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn5:hover {
  background: var(--yellow);
  color: #ffffff;
}

.cstm-ep-ldr {
  position: relative;
}

.cstm-ep-ldr-icon {
  position: absolute;
  background: #ffffffeb;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cstm-ep-ldr-icon img {
  width: 30px;
  position: relative;
  top: 5px;
}

.cstm-edit-pf-ld {
  position: relative;
}

.cstm-replace-pp .ReactCrop {
  width: 100%;
}

.cstm-replace-pp .ReactCrop__child-wrapper img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.cstm-rpp-btn {
  margin-top: 20px;
}


.cstm-rpp-main .desk-globle-model-box-inner {
  max-width: 550px;
}

.cstm-sd-line {
  height: 1px;
  width: 87%;
  background: rgba(32, 30, 41, 0.1);
  display: block;
  margin: 12px 0px 10px 16px;
  box-sizing: border-box;
}

.cstm-contant-page ul {
  padding-left: 18px;
}

.mv-no-data-found {
  position: absolute;
  left: 0;
  right: 0;
  top: 48%;
  text-align: center;
  color: #d30000;
  font-weight: 500;
  font-size: 16px;
}

.cstm-tabs-mv-cont {
  min-height: 600px;
  position: relative;
}

span.csrtm-vl-dt {
  margin: 0px 8px;
  font-size: 11px;
}

.cstm-vl-img img {
  border-radius: 10px;
  aspect-ratio: 16/9;
}

.cstm-vl-bt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #201E29;
}

span.cstm-vl-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #201E29;
  opacity: 0.9;
}

.cstm-vl-title {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #201E29;
}

.cstm-vl-tp {
  display: flex;
  flex-direction: column;
}

.cstm-my-videos-list-box-img {
  aspect-ratio: 16/9;
  width: 16%;
  position: relative;
}

.cstm-my-videos-list-box-info {
  width: 84%;
  padding: 8px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cstm-my-videos-list-box-img {
  aspect-ratio: 16/9;
  width: 16%;
  position: relative;
}

.cstm-my-videos-list-box-dt {
  position: absolute;
  right: -10px;
  cursor: pointer;
}

.cstm-vl-new {
  background: #FFFFFF;
  border-radius: 40px;
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 1px 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  align-items: center;
  color: #351BCE;
}

.cstm-vl-img {
  aspect-ratio: 16/9;
}

.cstm-my-videos-list-box {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.cstm-my-videos-list {
  padding: 24px 24px 4px 24px;
  margin-bottom: 24px;
}

.cstm-my-videos-tabs ul {
  padding: 0px 16px;
  margin: 0px;
  list-style: none;
  display: flex;
}

.cstm-my-videos-tabs ul li a {
  padding: 7px 17px;
  display: block;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #383838;
}

.cstm-my-videos-tabs ul li a:hover:after {
  position: absolute;
  height: 2px;
  width: 100%;
  background: #351BCE;
  content: '';
  bottom: -1px;
  left: 0;
}

.cstm-my-videos-tabs .nav-tabs a:after {
  position: absolute;
  height: 2px;
  width: 100%;
  content: '';
  bottom: -1px;
  left: 0;
}

.cstm-my-videos-tabs .nav-tabs a.active:after {
  font-weight: 700 !important;
  color: #000 !important;
  background: #351BCE;
}

.get-videos {
  grid-template-columns: initial !important;
  display: block !important;
}

.cstm-my-videos-main {
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 20px;
}

.cstm-my-videos-title {
  padding: 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #201E29;
}

.profile-loadind-post {
  position: absolute;
  z-index: 1;
  background: #ffffffeb;
  width: 100%;
  text-align: center;
  left: 0;
  height: 100%;
  min-height: 600px;
}

.profile-loadind-post img {
  height: 50px;
  position: relative;
  top: 48%;
}

span.thumb_err {
  font-size: 14px;
  margin-bottom: 15px;
  display: block;
  margin-top: -15px;
  color: red;
}

.cstm-ns-main-box-right {
  margin-left: 20px;
}

.cstm-email-noti {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #091F48;
  margin-bottom: 30px;
  margin-top: 30px;
}

.cstm-choose-when {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #606060;
  margin-bottom: 30px;
  margin-top: -15px;
}

.cstm-ps-lable {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #201E29;
  margin-bottom: 8px;
}

span.cstm-ps-cont {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #606060;
}

.cstm-ns-main-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  align-items: center;
}

.cstm-ns-main {
  padding: 24px;
}

.btn4 {
  background: #FFF;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  height: 48px;
  padding: 12px 32px;
  display: inline-block;
  text-transform: inherit;
  border: 1px solid #201E29;
  color: #201E29;
}

.btn4:hover {
  background: var(--yellow);
  color: #FFF;
  border: 1px solid var(--yellow);
}

.cstm-to-request {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(32, 30, 41, 0.7);
  border-top: 1px solid #D9D9D9;
  margin-top: 32px;
  padding-top: 20px;
}

.cstm-to-request a {
  font-weight: bold;
}

.delete-image {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  opacity: 0.7;
  margin-top: 6px;
  cursor: pointer;
}

.cstm-ac-se-title {
  padding: 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.1);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
}

.cstm-profile-info-email {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #606060;
  word-wrap: break-word;
}

.apple-btn {
  background-color: #201E29;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
}

.apple-btn:hover {
  background: var(--yellow);
}

.cstm-apple-btn {
  margin-top: 16px;
}

.apple-btn i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}

.cstm-error-messages {
  color: red;
}

.cstm-rn-error {
  color: var(--red);
  display: block;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.cstm-register-now {
  margin: 25px 0px 15px 0px;
}

.cstm-register-now a {
  color: #351BCE;
  font-weight: 600;
}

.cstm-register-now a:hover {
  color: #ffcc00;
}

.cstn-pf-dp .quote-model {
  right: 10px;
}

.cstn-pf-dp {
  position: absolute;
  right: 10px;
}

.cstn-pf-dp {
  cursor: pointer;
}

.chat-user-profile {
  position: relative;
}

.cstm-moel-main {
  display: flex;
  margin-top: 5px;
  align-items: center;
}

.cstm-moel-name {
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  color: #999999;
  margin-bottom: 5px;
  display: none;
}

.cstm-gp-us-ct {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}

.migrate-loading {
  height: 70px;
}

.cstm-sim-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201E29;
  margin-bottom: 32px;
}

.cstm-simplity {
  height: 100vh;
  max-width: 452px;
  margin: auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cstm-wlm {
  width: 100%;
}

.cstm-wlm-main {
  max-width: 454px;
  margin: auto;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.cstm-wlm-title {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201E29;
  margin-bottom: 16px;
}

.cstm-wlm-email {
  background: rgba(19, 114, 209, 0.1);
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  padding: 7px 25px;
  margin-bottom: 32px;
}

.cstm-wlm-email i {
  margin-right: 7px;
  color: #351BCE;
  font-weight: bold;
}

.cstm-wlm-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 32px;
}

.cstm-wlm-field input {
  height: 64px !important;
  width: 64px !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  text-align: center !important;
  color: #201E29 !important;
}

.cstm-wlm-field input:focus {
  background: #DDE8F3;
  border: 1px solid #351BCE;
  border-radius: 10px;
}

.cstm-wlm-field-slc {
  background: #DDE8F3 !important;
  border: 1px solid #351BCE !important;
  border-radius: 10px !important;
}

.cstm-wlm-field-slc2 {
  background: #FFEBEC !important;
  border: 1px solid #FF4852 !important;
  border-radius: 10px !important;
}

.cstm-wlm-field-msg {
  color: #FF4852 !important;
}

.cstm-wlm-field {
  display: flex;
  gap: 14px;
  margin-bottom: 32px;
}

.cstm-didn {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201e298c;
}

.cstm-didn span {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #091F48;
  cursor: pointer;
}

.cstm-didn span:hover {
  color: #ffcc00;
}

.loading-post {
  display: flex;
  flex-direction: column;
}

.cstm-content-archive-main-top h3 {
  max-width: 280px;
  width: 100%;
}

span.loading-btn-up img {
  height: 35px;
}

span.loading-btn-up {
  position: absolute;
  width: 100%;
  background: #ffffffbf;
  text-align: center;
  height: 60px;
  line-height: 55px;
}

.cstm-cm-open-only {
  display: block !important;
}

.cstm-cont-nm {
  float: right;
}

.cstm-edit-profile-only {
  grid-template-columns: inherit !important;
  display: flex !important;
}

.header-menu-dp ul li a i {
  margin-right: 12px;
}

.hf-m {
  display: none !important;
}

.cstm-login .um-left:before {
  position: fixed;
}

.cstm-login .um-left:after {
  position: fixed;
}

.cstm-glb-search {
  grid-template-columns: inherit !important;
  column-gap: 0px !important;
}

.cstm-glb-search .all-content-main-center.cstm-all-content-center {
  max-width: 100%;
  width: 100%;
  padding-left: 30px;
}

.mrgn-bm {
  margin-bottom: 0px !important;
}

.sd-detilas-title button.btn2 {
  margin-left: 20px;
  padding: 4px 12px;
  height: 30px;
  font-size: 12px;
}

.newsfeed-sort-all.show ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.newsfeed-sort-all.show ul li {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 12px;
  cursor: pointer;
  transition: 0.2s all;
}

.newsfeed-sort-all.show ul li:hover {
  background-color: #e7f1fa;
}

.newsfeed-sort-all.show .dropdown-menu.newsfeed-select-in.show {
  padding: 0px;
}

.ms-All-read {
  margin-left: 4px;
}

.an-globle-model-box,
.cstm-change-password {
  display: none;
}

.globle-model-box.globle-search-model-box {
  display: none;
}

.btn-view-more {
  background: #351BCE;
  border: 1px solid #351BCE;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
  margin: 20px auto;
  display: block;
  padding: 0px 32px;
  box-shadow: initial;
  width: auto;
}

.loader-comment-sec {
  margin-top: 16px;
  padding: 16px;
  border-top: 1px solid #ececec;
}

.loader-comment-heading {
  height: 32px;
  width: 30%;
}

.loader-comment-inner {
  margin-top: 10px;
  display: flex;
  gap: 4px;
}

.loader-comment-inner-img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.loader-comment-inner-text {
  width: calc(100% - 48px);
  height: 40px;
}

.loader-comment-inner-2 {
  padding-left: 60px;
  margin-top: 30px;
}

.loader-comment-inner-2 .loader-comment-inner-text {
  height: 90px;
}

.up-sbmit-btn {
  margin-bottom: 60px;
  text-align: center;
  margin-top: 40px;
}

.up-sbmit-btn .btn2 {
  width: 200px;
}

.profile-detilas-comm button.btn2 {
  height: 40px;
  padding: 0px 20px;
}

.cstm-content-details-main .ss-cstm-clss {
  position: relative;
}

.video-details-tabing .cstm-vd-box-in {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.my-anchor-css-class {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.arrow-left-i {
  margin-right: 4px;
}

.cstm-vd-cnt-right button:before {
  display: none;
}

.cstm-vd-cnt-right button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.v-icon-eye,
.v-icon-comment {
  color: #091F48;
  margin-right: 4px;
  transition: 0.2s all;
}

.gallery-main-icon:hover span {
  transition: 0.2s all;
}

.shared-post-user-details {
  position: relative;
}

.shared-post-user-name {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  object-fit: cover;
}

.shared-post-comment-sec {
  background: #fff;
  margin-bottom: 16px;
  border-radius: 0px 0px 5px 5px;
}

.shared-post-user-details {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  background: #E8F1FB;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
}

.shared-post-user-img-details {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 8px;
}

.shard-post-icons {
  padding-right: 16px;
}

.shard-post-icons .newsfeed-post-right-header-icon {
  position: inherit;
  right: auto;
}

.post-shared-date-info {
  flex-grow: 1;
}

.shared-post-comment-sec .newsfeed-post.cstm-newsfeed-post {
  margin-bottom: 0px;
}

.shared-post-comment-sec .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.cstm-content-video-short-sec {
  display: flex;
  align-items: center;
  justify-content: end;
}

.cstm-content-video-short-sec .uic-fl-search {
  margin-bottom: 0px;
}

.frnd-list-name {
  font-weight: 700;
}

.cstmcloseBnt {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 30px;
  line-height: 35px;
  margin: 0;
  background: transparent;
  color: #ffffff;
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
}

.csm-main-pp-post .cp-btn button.cp-btn-dotted img {
  margin-right: 4px;
  margin-top: -3px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-label-in {
  height: -webkit-max-content;
  height: max-content;
}

.tag-a-friend {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 2px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-ovr-in {
  padding: 16px 16px;
}

.cstm-tag-friend-list {
  flex-grow: 1;
  margin-bottom: 20px;
  overflow: auto;
}

.csstm-add-topic-listing .topics-search-ovr {
  /* overflow: auto;
     */
  flex-grow: 1;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.csstm-add-topic-listing .topics-search-ovr.tag-search-ovr-main {
  margin-top: 0px;
}

.cstm-tagfriend-popup:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.cstm-tagfriend-popup .modal-dialog.modal-dialog-centered {
  z-index: 1;
}

.cstm-img-peview-model .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls__arrow-right:before,
.cstm-img-peview-model .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls__arrow-right:after {
  height: 20px;
  width: 2px;
  opacity: 1 !important;
}

.cstm-img-peview-model .awssld__controls button .awssld__controls__arrow-left,
.cstm-img-peview-model .awssld__controls button .awssld__controls__arrow-right {
  opacity: 1 !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls__arrow-right:before {
  top: -5%;
}

.cstm-img-peview-model .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls__arrow-right:after {
  top: 45%;
}

.cstm-img-peview-model .awssld__controls button {
  opacity: 1;
  transition: 0.5s all;
}

.cstm-img-peview-model .awssld__controls button:hover {
  opacity: 0.7;
}

.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-right:after {
  opacity: 1;
  transform: rotate(45deg);
}

.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-right:before {
  opacity: 1;
  transform: rotate(-45deg);
}

.cstm-img-peview-model .awssld__controls button {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
}

.cstm-img-peview-model .awssld__controls button.awssld__next {
  margin-right: 40px;
}

.cstm-img-peview-model .awssld__controls button.awssld__prev {
  margin-left: 40px;
}

.cstm-img-peview-model span.awssld__controls__arrow-left {
  margin-left: 12px;
  margin-top: 3px;
  opacity: 1;
}

.cstm-img-peview-model span.awssld__controls__arrow-right {
  margin-right: 12px;
  margin-top: 3px;
  opacity: 1;
}

.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-right {
  transform: translate3d(0%, 0, 0);
}

.cstm-img-peview-model .awssld__controls__arrow-right--active {
  transform: translate3d(0%, 0, 0);
}

.cstm-img-peview-model .awssld__controls__arrow-right--active:before {
  transform: rotate(-45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-right--active:after {
  transform: rotate(45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left--active:before {
  transform: rotate(45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left--active:after {
  transform: rotate(-45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-left,
.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-right {
  transform: translate3d(0%, 0, 0);
}

.responsive-cr-heading-sec {
  display: none;
}

.tag-a-friend p {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 10px;
}

.bijausernoclass {
  display: none;
}

.userpoteclass .cstm-link-dash-btn,
.userpoteclass .cstm-save-dash-btn {
  display: none;
}

.what-post-btn-all.what-post-btn-all-mobile {
  display: none;
}

.react-input-emoji--mention--loading {
  display: none !important;
}

.user-title-click {
  cursor: pointer;
}

.edit-post-content-inner-main {
  height: 100%;
}

.edit-post-content-inner-sub {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.edit-pp-post {
  position: relative;
}

.edit-pp-post:hover .edit-pp-post-btn {
  opacity: 1;
}

.edit-pp-post-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: #0000007e;
  opacity: 0;
  transition: 0.5s all;
}

.edit-pp-post-btn button {
  font-size: 14px;
  border-radius: 6px;
  display: block;
  margin-top: 5px;
  margin-left: 5px;
  cursor: pointer;
  pointer-events: initial;
}

.edit-pp-post-btn .editimgcount5 {
  width: 100%;
  margin: auto;
}

.editimgcount4 {
  width: 68%;
  margin: auto;
}

.editimgcount3 {
  width: 68%;
  margin: auto;
}

.editimgcount2 {
  width: 40%;
  margin: auto;
}

.editimgcount1 {
  width: 40%;
  margin: auto;
}

.editimgcount0 {
  width: 40%;
  margin: auto;
}

.no-img-video {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-img-video p {
  margin-bottom: 0px;
  margin-top: 10px;
}

.msg-popup.create-popup-post .edit-img-modal-dialog .modal-content {
  padding: 24px;
  width: 100%;
  background: transparent;
  border-radius: 0px;
}

.edit-post-content-inner-sub {
  background: #fff;
  border-radius: 15px;
  padding: 16px;
}

.edit-img-inner-main .list-group-item,
.edit-img-inner-main .edit-cstm-img-inner-sec {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.editimgcount5 .edit-img-inner-main .list-group-item,
.editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 32.33%;
}

.editimgcount4 .edit-img-inner-main .list-group-item,
.editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
.editimgcount3 .edit-img-inner-main .list-group-item,
.editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 48%;
}

.editimgcount1 .edit-img-inner-main .list-group-item,
.editimgcount1 .edit-img-inner-main .edit-cstm-img-inner-sec,
.editimgcount2 .edit-img-inner-main .list-group-item,
.editimgcount2 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 100%;
}

.edit-cstm-img-inner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(2px);
  z-index: 0;
  -webkit-filter: blur(2px);
  background-position: center !important;
}

.edit-img-inner-main .list-group-item .um-ulpoad-close,
.edit-img-inner-main .edit-cstm-img-inner-sec .um-ulpoad-close {
  position: absolute;
  top: 2px;
  right: 12px;
  z-index: 1;
  width: 32px;
  height: 32px;
  background: #ffffff;
  line-height: 28px;
  border-radius: 50px;
}

.edit-img-cstm-btn {
  padding: 24px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.edit-img-cstm-btn-left {
  display: flex;
}

.edit-img-cstm-btn-left .cp-btn {
  width: 120px;
}

.edit-post-content-inner-main .edit-img-inner-main {
  max-width: 1440px;
  margin: auto;
  column-gap: 1.4rem;
  gap: 1rem;
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}

.edit-img-inner-main .list-group-item.list-group-item-success img,
.edit-img-inner-main .edit-cstm-img-inner-sec img {
  max-height: 250px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}

.edit-img-inner-main .list-group-item.list-group-item-success video,
.edit-img-inner-main .edit-cstm-img-inner-sec video {
  max-height: 250px;
  width: 100%;
  height: 100%;
}

.edit-post-content-inner-main.editimgcount1 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount2 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount3 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount4 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount5 .edit-img-inner-main {
  width: 100%;
}

.create-popup-post.edit-img-popup-post:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #000000;
  transition: 0.4s all;
  opacity: 0.5;
}

.cstm-posted-in {
  font-weight: 400;
}

.create-popup-post .modal-dialog.edit-img-modal-dialog {
  max-width: 1300px;
}

/* img slider */
.cstm-img-peview-model.modal-dialog.modal-dialog-centered {
  max-width: 100%;
  width: 95%;
}

.profile-details-tabs .tab-pane .pro-followers-following-cont,
.profile-details-tabs .tab-pane .cstm-media-all-main {
  min-height: calc(100vh - 462px);
  height: 100%;
  margin-bottom: 0px;
}

.files-post-tab-inner .pro-about {
  min-height: calc(100vh - 472px);
  height: 100%;
}

.cstm-news-no-post {
  padding: 40px;
  min-height: 250px;
  height: calc(100vh - 506px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.newsfeed-post.cstm-news-no-post.no-req-found {
  height: calc(100vh - 567px);
}

.newsfeed-post.cstm-news-no-post.no-cl-found {
  height: calc(100vh - 300px);
  grid-column: 5/1;
}

.cstm-news-no-post .emptymsg {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-top: 20px;
}

.cstm-media-all-main.cstm-news-no-post {
  height: calc(100vh - 472px);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button {
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6.5px);
          backdrop-filter: blur(6.5px);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button:hover {
  background: rgba(255, 255, 255, 0.4);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item-success {
  color: #0f5132;
  background: #2f2f2f;
  padding: 0;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button span {
  font-size: 56px;
  line-height: 40px;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}

.create-popup-post .cstm-img-peview-model .modal-content {
  border-radius: 5px;
  padding: 0px;
  max-height: calc(100vh - 58px);
  overflow: auto;
}

.cstm-img-peview-model .item.cstm-cl-items {
  height: 100%;
}

.create-popup-post .cstm-img-peview-model .cstm-cl-items img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

.create-popup-post .cstm-img-peview-model .awssld__wrapper {
  height: 100%;
  max-height: calc(100vh - 124px);
  width: 100%;
  background: var(--content-background-color);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item.list-group-item-success {
  height: 100%;
  font-weight: 100;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item.list-group-item-success video {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.cstm-img-peview-model .awssld__bullets {
  display: none;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .awssld {
  max-height: calc(100vh - 124px);
}

/* loader css start */
.cstm-starred-group.cstm-starred-group-sad {
  padding-bottom: 0px;
  padding-top: 0px;
}

.loadermain span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;
  animation: loadermain 0.8s linear infinite alternate;
}

.res-edit-icon,
.rs-joined-group {
  display: none;
}

.loadermain span:nth-child(1) {
  animation-delay: -1s;
  background: rgba(19, 114, 209, 0.6);
}

.loadermain span:nth-child(2) {
  animation-delay: -0.8s;
  background: rgba(19, 114, 209, 0.8);
}

.loadermain span:nth-child(3) {
  animation-delay: -0.26666s;
  background: rgba(19, 114, 209, 1);
}

.loadermain span:nth-child(4) {
  animation-delay: -0.8s;
  background: rgba(19, 114, 209, 0.8);
}

.loadermain span:nth-child(5) {
  animation-delay: -1s;
  background: rgba(19, 114, 209, 0.4);
}

@keyframes loadermain {
  from {
    transform: scale(0, 0);
  }

  to {
    transform: scale(1, 1);
  }
}

.upcoming-group-events-box-cont-brn {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}

a.my-anchor-css-class {
  color: var(--blue);
  font-weight: 800;
}

.csmt-front-vd-cunt .like-btn button.liked {
  background-color: #f02084;
}

.member-post-tab-inner,
.events-post-tab-inner,
.about-post-tab-inner,
.media-post-tab-inner,
.files-post-tab-inner {
  min-height: calc(100vh - 520px);
}

.upcoming-group-events-box-cont-brn button {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border-radius: 30px;
  outline: none;
  transition: 0.3s all;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.cstm-toggle-center {
  margin: 4px 0px;
}

.cstm-toggle-main span {
  width: 19px;
  height: 1px;
  border: 1px solid #ffffff;
  display: block;
  border-radius: 2px;
  transition: all 0.3s;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-top {
  transform: rotate(45deg);
  width: 24px;
  margin-bottom: -23px;
  margin-top: 5px;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-center {
  transform: rotate(-45deg);
  margin-left: 0px;
  margin-top: 21px;
  width: 24px;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-bottom {
  display: none;
}

.cstm-vd-cnt.csmt-front-vd-cunt .cstm-videodes p {
  margin-bottom: 0px;
}

.cstm-vd-cnt.csmt-front-vd-cunt .icon-align {
  padding-right: 6px;
  margin-top: -3px;
}

.upcoming-e-join {
  width: 74px;
  color: #ffffff;
  background: #351BCE;
  border: none;
}

.upcoming-e-join:hover {
  background: #ffcc00;
}

.upcoming-e-invite {
  width: 100px;
  color: #091F48;
  background: #FFFFFF;
  border: 1px solid #82CDB8;
}

.upcoming-e-invite:hover {
  background: hsl(163deg 43% 90%);
}

.upcoming-e-share {
  width: 100px;
  color: #091F48;
  background: #ffffff;
  border: 1px solid #FF4852;
}

.upcoming-e-share:hover {
  background: hsl(357deg 100% 90%);
}

.upcoming-e-invite img,
.upcoming-e-share img {
  margin-right: 8px;
}

li.cstm-opend-group {
  background: #e7f1fa !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
  margin: 8px 8px 0px;
  border-radius: 8px 8px 0px 0px;
  color: #091F48;
}

.cstm-opend-group-topis {
  background: #e7f1fa !important;
  padding: 8px 16px 16px;
  margin: 0px 8px 0px;
  border-radius: 0px 0px 8px 8px;
}

.cstm-opened-topic-list {
  background: #fff;
  border-radius: 6px;
}

.cstm-opened-topic-list .group-topics-ls {
  font-size: 14px;
  line-height: 22px;
  padding: 11px 0px 0px 8px;
}

.cstm-opened-topic-list .sort-by-main {
  padding: 14px 20px 0px 8px;
}

.cstm-opened-topic-list .cstm-sg-ttl-main {
  color: #351BCE !important;
}

.cstm-opened-topic-list .search-topics-box {
  padding: 10px 8px 0px 8px;
}

.cstm-opened-topic-list .search-topics-box:after {
  top: 19px;
  right: 21px;
}

span.span-topic-main {
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}

.cstm-opened-topic-list .cstm-starred-group {
  border-bottom: none !important;
}

.cstm-content-details-video button.vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background: rgba(32, 30, 41, 0.8);
  border-radius: 50px;
  border: none;
  line-height: 64px;
  font-size: 40px;
}

.cstm-newsfeed-drop {
  position: absolute;
  z-index: 99;
  background: #FFF;
  width: 95%;
  max-height: 274px;
  overflow: auto;
}

.um-not.cstm-um-note {
  text-align: left;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.24);
}

.um-not.cstm-um-note a {
  font-weight: 700;
  color: #fff;
  padding-left: 5px;
}

.um-not.cstm-um-note a:hover {
  font-weight: 700;
  color: #FFCC00;
}

.um-login-sec {
  max-width: 540px;
}

.um-login-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--white);
  margin-bottom: 16px;
}

.cstm-login .um-login-title {
  margin-bottom: 0;
}

.edit-img-inner-main::-webkit-scrollbar {
  width: 5px;
}

.edit-img-inner-main::-webkit-scrollbar-track {
  background: var(--btn3);
}

.edit-img-inner-main::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}

.cstm-newsfeed-drop::-webkit-scrollbar {
  width: 5px;
}

.cstm-newsfeed-drop::-webkit-scrollbar-track {
  background: var(--btn3);
}

.cstm-newsfeed-drop::-webkit-scrollbar-thumb {
  background: var(--navyblue);
  border-radius: 50px;
}

.cstm-content-library-menu .cstm-active-tag {
  background: #f3f5f7;
}

.cstm-newsfeed-drop .item {
  padding: 7px 12px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #091F48;
  border: 1px solid #e5e5e5;
  margin-bottom: -1px;
  cursor: pointer;
}

.cstm-newsfeed-drop .item:hover {
  color: var(--yellow);
}

ul.cstm-cstm-clm-drop-main-block {
  display: block;
}

.cstm-comments-lk {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  margin-right: 10px;
  cursor: pointer;
}

.cstm-views-lk {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  margin-right: 10px;
  cursor: pointer;
}

.rvc-dave {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 4px;
}

.cl-v-comment-sec .cmt-arrow-down {
  display: none;
}

.related-videos-main {
  background: #FFFFFF;
  border-radius: 0px;
  height: 100%;
  /* margin: 24px 0px 0px; */
  /* margin: 50px 0px 0px; */
}

.cstm-back-mn {
  margin-bottom: 16px;
}

.cstm-clm-drop a {
  display: block;
  width: 100%;
  position: relative;
}

.cstm-clm-drop a i {
  position: absolute;
  right: 0;
  font-size: 22px;
  line-height: 20px;
}

ul.cstm-cstm-clm-drop-main {
  display: none;
}

ul.cstm-cstm-clm-drop-main li {
  padding: 6px 0px !important;
}

.cstm-content-library-menu ul {
  list-style: none;
  padding: 10px 0px;
}

.cstm-content-library-menu ul li {
  line-height: 20px;
}

.cstm-content-library-menu ul li a {
  font-weight: 600;
  font-size: 14px;
  color: #091F48 !important;
  padding: 7px 16px 7px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cstm-content-library-menu ul li a:hover {
  background: #e7f1fa;
}

/* .cstm-cv-video-in:hover .gallery-content1 {
  color: #351BCE;
}

.cstm-cv-video-in:hover .cstm-gle {
  padding: 0px 12px 7px 12px;
} */

.cstm-cv-video-in:hover .gallery-content1 {
  padding-top: 7px;
  margin-bottom: 0px;
}

.cstm-cv-video-in:focus-visible {
  outline: inherit;
}

.cstm-cv-video-in:hover .cstm-gallery-img.cstm-gallery-img-main .cstm-videoPlayericons {
  opacity: 1;
  visibility: visible;
}

.cstm-ca-search-box {
  padding: 8px 20px 0px;
  border-bottom: 1px solid #d2d2d4;
  margin-bottom: 20px;
}

.cstm-ca-search-box ul {
  margin: 0px;
  padding: 0px;
  overflow: auto;
  display: flex;
}

.cstm-ca-search-box ul::-webkit-scrollbar {
  height: 5px;
}

.cstm-ca-search-box ul::-webkit-scrollbar-track {
  background: #FFF;
}

.cstm-ca-search-box ul::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 50px;
}

.cstm-ca-search-box ul li {
  background: #F4F3F4;
  border: 1px solid #DEDEDE;
  border-radius: 40px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 15px;
  cursor: pointer;
  white-space: pre;
}

select.cstm-content-archive-sort-select {
  border-radius: 0px;
  padding: 0px;
  height: auto;
  width: 165px;
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  color: #201E29;
}

.uic-sort-by-title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 10px;
}

.cstm-content-archive-main-top h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0px;
}

.cstm-content-archive-main-top {
  display: flex;
  justify-content: space-between;
}

button.wym-close {
  position: absolute;
  right: -5px;
  top: -4px;
  line-height: 8px;
  border-radius: 30px;
  font-size: 14px;
  border: 1px solid #0000006b;
  color: #000;
  background: #ffffffc7;
  padding: 3px 4px 5px 4px;
}

.write-your-message-upload {
  display: flex;
  flex-wrap: wrap;
  background: #F3F5F7;
  border-top: 1px solid #d1d1d1;
  padding: 10px 0px 0px 10px;
  position: absolute;
  bottom: 52px;
  width: 318px;
}

.write-your-message-upload-box {
  width: 17%;
  margin-right: 3%;
  position: relative;
  margin-bottom: 12px;
}

.write-your-message-upload-box img,
.write-your-message-upload-box video {
  border-radius: 12px;
  height: 51px;
  width: 51px;
  background: white;
  border: 1px solid #cdcdcd;
}

.view-in-chat-box {
  margin-right: 16px;
}

.notifications-ps-main-cont {
  position: relative;
}

.notifications-ps-main-cont .tab-content {
  overflow: inherit !important;
  max-height: inherit !important;
}

.notifications-ps-main {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 5px 5px 10px 10px;
}

.tab-content.header-noti-cont-tabs-main {
  overflow: auto;
  max-height: calc(100vh - 220px);
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar {
  width: 6px;
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e8;
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.noti-line {
  margin-bottom: 0px;
}

.head-noti-name {
  font-size: 14px;
  line-height: 18px;
  color: #091F48;
  display: block;
  width: 100%;
}

.head-noti-name a {
  font-weight: 700;
}

.head-noti-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351BCE;
}

.head-noti-new {
  padding: 3px 6px;
  background: #FFCC00;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #091F48;
}

.header-noti-box-cont-tabs-cont {
  padding: 0px 16px;
}

.header-noti-box-cont-tabs-head-view-all {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #091F48;
}

.header-noti-box-cont-tabs-head-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.header-noti-cont-tabs-main .tab-pane {
  padding: 0px;
}

img.noti-usr-icon {
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  bottom: 0;
  object-fit: cover;
  border-radius: 50px;
  background: #f1f1f1;
}

img.noti-usr-photo {
  object-fit: cover;
  height: 64px;
  width: 64px;
  border-radius: 50%;
}

.head-noti-user {
  position: absolute;
  left: 0;
}

.header-noti-box-cont-tabs-cont ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.header-noti-box-cont-tabs-cont ul li {
  padding-left: 78px;
  padding-right: 60px;
  position: relative;
  min-height: 64px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.header-noti-box-cont-tabs-head {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
}

.mark-as-all-read img {
  margin-right: 6px;
}

.noti-nav-tabs {
  border-bottom: 1px solid #dbdbdb;
  padding: 0px 16px;
}

.noti-nav-tabs li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--blue);
  padding: 9px 16px;
  display: inline-block;
  position: relative;
}

.noti-nav-tabs li a.active {
  color: var(--navyblue) !important;
  font-weight: 700 !important;
}

.noti-nav-tabs li a.active:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  background: var(--navyblue);
  bottom: -1px;
  left: 0;
}

.mark-as-all-read {
  position: absolute;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #091F48;
  right: 16px;
  top: 10px;
  cursor: pointer;
}

.mark-as-all-read:hover {
  color: var(--yellow);
}

.header-noti-box-cont-tabs {
  position: relative;
}

.header-noti-box-cont-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  padding: 10px 16px 12px 16px;
}

.header-noti-cont-tabs-main .tab-pane.unreadnoti {
  padding-top: 10px;
}

.close-noti {
  position: absolute;
  right: 16px;
  top: 8px;
}

.header-noti-box:hover .header-noti-box-in {
  display: block !important;
}

.header-noti-box-cont {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 5px 5px 10px 10px;
  width: 457px;
}

.header-noti-box-in {
  position: absolute;
  display: none;
  border-top: 27px solid transparent;
  left: -220px;
  z-index: 9;
}

#joinedgrp {
  padding-bottom: 130px;
}

.dis-loader3 {
  width: 28px;
}

.um-rgt-btn-loading2 span.loading-btn-in2 {
  z-index: 1;
  height: 54px;
  background: #f3f5f7db;
  border-radius: 10px;
  border: none;
}

.all-content-main-left-sidebar-user {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.all-content-main-left-sidebar-user .card {
  flex-grow: 1;
}

.cstm-asl-link ul li a {
  display: flex;
  justify-content: space-between;
}

.sd-logout a {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FF4852 !important;
}

.cstm-asl-link ul li a {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.cstm-asl-link ul li a:hover {
  color: var(--yellow);
}

.cstm-asl-link ul {
  padding: 0px;
  margin: 0px;
  border-top: 1px solid rgba(0, 0, 0, .125);
  list-style: none;
}

.cstm-asl-link ul li {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

table.bitable {
  width: 100%;
}

table.bitable th {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
}

table.bitable td {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
  padding-top: 16px;
}

.um-billing-information-table {
  padding: 12px 24px 24px 24px;
}

.um-billing-info-main-left img {
  margin-right: 16px;
}

.um-billing-informatio-title {
  padding: 16px 24px;
  width: 100%;
  display: table;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.um-billing-information {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 16px;
}

.cstm-remove-link {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  padding: 0px;
  background: transparent;
  border: none;
}

.cstm-remove-link:hover {
  color: #ffcc00;
}

a.leave-group {
  color: #ea3200 !important;
}

span.profile_edit_image img {
  background: #c79505b8;
  text-decoration: initial;
  padding: 4px;
  border-radius: 6px;
}

span.profile_edit_image img:hover {
  background: #2a72d1;
}

.profile_edit_image {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile-bg-img {
  position: relative;
}

.um-billing-info-main {
  display: flex;
  justify-content: space-between;
}

.um-payment-info {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 24px;
  margin-bottom: 16px;
}

.um-billing-info-price {
  margin-bottom: 72px;
}

.um-billing-info-date {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
}

.cancle-subscription-link button {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  border: none;
  padding: 0px;
  background: transparent;
}

.cancle-subscription-link button:hover {
  color: var(--yellow);
}

.cancle-subscription-link {
  margin-left: 20px;
}

.um-billing-info-right-upgrade {
  margin-top: 25px;
}

.um-billing-info-right p {
  margin-bottom: 5px;
}

.um-billing-info-left {
  width: 35%;
}

.um-billing-info-right {
  width: 65%;
  /* padding-top: 50px;
     */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.um-billing-info-price-in {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #201E29;
}

.um-billing-info-price sup {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-right: 5px;
  color: #201E29;
}

.um-billing-info {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 24px;
  margin-bottom: 16px;
}

.um-billing-info-details {
  display: flex;
  justify-content: space-between;
}

.um-billing-info-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  background: var(--yellow);
  margin-bottom: 16px;
}

.all-content-main-edit-profile-header .um-back {
  margin-bottom: 15px;
}

.cstm-edit-profile {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #091F48;
}

.profile-loading-image img {
  width: 40px;
  position: relative;
  top: 26px;
}

.cstm-pli-bg {
  background: #ffffff9e;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 50%;
}

.profile-loading-image img {
  width: 40px;
  position: relative;
  top: 30px;
}

.profile-loading-image {
  height: 96px;
  width: 96px;
  border-radius: 50%;
  object-fit: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAYAAACHjumMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA5zSURBVHgB7d2JUtzWFgVQ4RE8xTj//4kJtvGAbQzv7Q6q6pBWt+ZxraouXElVBhBb55x7r3T27du3+wKgod+/fxdXV1e7r1WeFAAtPH36tLi8vNx9rSJggNYSLh8+fCiePXt28O8LGKCTJ0+e7CqZQyEjYIDOqkJGwAC9OBQyAgboTRky5eBXwAC92g+ZM/tggCFkf4wKBhhEKhgBAwxGwACDETDAYAQMMBgBAwxGwACDETDAYAQMMJhnBVQ49KSyYw8XgscEzAYlOG5vb3efu7u73af88/39/e5TR86clIHz/Pnz4uzsbPc1f63qAURsi6tg5RIWNzc3uwD59evX7mvdADmlDKfIP/uxhEzCJqGTz4sXLwq2xWHHlUl45Jf9x48fu2ApA2AOUuEkdF6+fLn7qHLWT8CsQBkq379/3wVLXxXK0Mrq5uLiQnWzUgJmwX7+/LkLlATLUkKlSsImVc2rV68MkldEwCxMOVNJqByae6xBWdXkw7IJmIVIsHz9+rX4/89r8dVKXalkXr9+LWgWTMDM3BaD5TFBs1wCZsYSLPlsNVgeEzTLI2BmKMPbL1++rHbG0pWgWQ4BMyOpVD5//rwb4nLa+fl58ebNG6tOMyZgZkI71E6OK6SSSdAwPwJmYgmUT58+7faz0F6qmP0XfjEPAmZCmbWkJTp0apnmUs2kkjGbmQ+HQSaSdiiDXPqTc1cJ7BzoTNDk7BPTUsGMzCB3HFqmefBEuxGlFbq6uhIuIyi/16lmmI4KZiTlBW/eMr63b9/uDlEyPjOYEWTDXMLFEvQ0rq+vd/MZS9njEzADy/JzlqGFy7QyVA8hMy4BM6A8UiEDXeZByIzPkHcg5R4X5sX2gHEJmAFk5vLx48eCeRIy4xEwPcsqkZnL/JXP2GFYAqZHlqKXJatLaWUZjoDpkXBZnlSbfmbDETA9yd3Qhbo82R9jj9JwBEwPMjDUzy9XOTejfwKmo1yc5f4KlisbIt0k+idgOkhZnfKadUib63BkvwRMBx4WtT7Zv2Qe0x8B01KOAXjswvrkhmETXn8ETAvmLuuWWYz9Mf0QMC3kDqc1WjdVTD8ETEMJFq3R+uU8mVWl7gRMQ1aNtsN7qroTMA1ksKs12o7s8tUqdSNgGjDY3Z60SW4q7QmYmlQv26WKaU/A1KR62a4M9d1c2hEwNaheUMW0I2BqUL2QKsaKUnMC5gTVCyU3muYEzAkJGIhcC6qYZgTMEdnNmQ9E9sW44TQjYI6wVZzH8mAq6hMwR7iYeCynrM3k6hMwFfTbVNEm1SdgKqheqOI0fX0C5oAM8wQMVdIieSBVPQLmABcPp7hG6hEwB6heOMX2hXoEzAEuHk5JBWMR4DQB80jCxTIkdRj2niZgHtFbU5eXtJ0mYB7RHlGXWd1pAuYRdyXqSittDnOcgNmT/S/mLzSh4j1OwOxRvdCUa+Y4AbPH3YimXDPHCZg9Lhaacs0cJ2D2ZAYDTZjZHSdg9uinaUPIVBMweyw50oYbUzUB88BdiLa01tUEzAMBQ1uunWoCBjoSMNUEzAMXCfRPwEBHZjDVBMwDFwn0T8A8sERNW25O1QQMdOTmVE3AAIMRMA/Ozs4KaMO1U03APHjyxLeCdlw71XxngMEImAfKXNpy7VQTMA+ePn1aQBsCppqAeaCPpi03p2p+qx64SGjLzama78weIUMbrptqAmaPXpo2BEw1AbPn2bNnBTTluqkmYPa4UGjKNXOcgNmj1KUp18xxAmbPixcvCmhCBXOcgNmT5UZ3JJpwUzpOwDzijkQTz58/L6gmYB5xwVBXbka2NhwnYB5R8lKXa+U0AfNIKhh3Jep4+fJlwXEC5gAXDnWoYE4TMAe4cDjFTageAXNALh5tEscImHoEzAHZD2M1iWPOz88LThMwFVxAVLm4uFDh1iRgKmiTqKI9qk/AVEiblDsV7MtREgFTn4A5woXEY69evSqoT8AckeVqS9bsc9NpRsCcYNhLKS2z0/bNCJgTrBhQev36dUEzAqYGfTeql3YETA0JGFXMtqle2hEwNWTJWhWzXaqX9gRMTQkYF9k2qV7aEzA1pYpxoW3Pmzdv3Fg6EDANpFS2L2Y7EixuKt0ImIZccNvx9u3bgm4ETEOpYAx81y/Vql273QmYFlLF6MvXS2vUHwHTQga+7969K1gnN5D+CJiWtErrlNbIYzr6I2A6yJ3OmyDXI1WLwW6/BEwHaZXev3/vGMFKXF5e+ln2TMB05K63DvkZmrv0T8D0ID17dnyyTJmlmacNQ8D0JPMYw8HlyetpVKDDETA9ShVj6LscaYn++OOPguEImB6VQ1+9/PzlZ5Shrp/VsARMz1y485eVolQufkbDEzADEDLzlXDJz8argcchYAYiZOZHuIxPwAxIyMyHcJmGgBmYkJmecJmOgBlBwuXDhw+eLzKBfO///PNP4TIRATOScgnbjt/xJFRUj9OyK2xk2fGbkv36+rpgONn6nzB3eHFaZ9++fbsvGN3v37+Lq6ur3Vf6k0BJsDhbNA8CZkJ3d3fF169fi///DAq6K7f+m7fMhxZpQpnL5KBdzi8laFQz7WmJ5kkFMxMJl4TM9+/fC+pL1ZLnI3tf1TwJmJm5ubkpvnz5opo5IZVKBuapXFQt8yVgZqqsZgTNf6VaSdVi+Xn+BMyMaZv+LcGSqkU7tBwCZgG2HjSCZbkEzIKUQfPz589NtE6CZfkEzEKlmsn+mdvb22JNyuHt+fm5GcsKCJiF+/Xr1y5sll7VlG/KzFerQutho93CZddquXM1IZNl7iWETUIk/91lsAiVdVLBrFRC5sePH7sWKn+eg7Q8eWRFPgkXobJ+AmYD7u/vd61UgiZf88lfG1JZoeQYRD6ZqQiU7REwG1WGTj45dJmWKtVO29YqrU7OVuVrPga0hIDZkDJEykDZ/yRw+qpqUqnkk5BJ6JRfU8mUlY1qZhsMeVcogVEOess/9xkgp5T/rgRZlTKA8knwJHTKP7MeKpiFKwMklUnanXwdK0iGUs5tyuCx0W653C4WJgGS1aFyaLv0MDkk/4+PNxCWy/FWoJZFBTNzqVCyt2XNgdJGqptUNgkcFc58CZgZKvewJFiOzTH4R6qZ/bCxgjUfAmYmylDJtn9VSjdlK+U80/QEzISEyvDSSpVnnITN+ATMyBIk5ZsEhMq4UtlcXFzsPoxDwIwk1UqetZthLdNKJZOwyVsIVDXDEjADUq3Mn6pmWAJmAFlaTqiYrSxHKpny6Xmqmv4ImB5pg5Yv4ZLVp1Q0gqY7AdMDwbJOCRpzmm4ETAeCZRsETXvOIrWQGcv19fVuDwvrVx7VKIOG+lQwDZSrQvmwTeUw2KpTPQKmpjJYrAoRCZr37997fs0JAuYEcxaOMZ85TvxWSKWSYMl+FqhSzme0TYepYA7I8PbTp0/aIRpJFXN5eama2SNg9iRQEixWh+gi1YzVpn8ImAeqFvqkmvnH5gPGrIWh5FUtqWbyPJqt2nTAZDiXqmXJL41n/ra80rTZVaTsaUnlAkMrV5q2uG9mcxWMQS5T2toAeFNxmlbo6upKS8RkUjnn+nv37t0m3u20mYDJw59yQNEqEVMrW6YtrDI9KTYgs5bPnz8LF2ajrKZzFGXNVj2DSaAkWHLHgLla81xmtS1S7hAZ5jqkyNyVj/9YY8isskUqy0/hwlIkZFJtr83qAiahYqWIJcpCxN9//72qWeGqAka4sHS5hv/666/VXMOrCZikf8LFShFLt6b9WqsImISLZWjWZC0hs/iAKcMF1mYNIbPogBEurN3SQ2axASNc2Iolh8wiA0a4sDVLDZnFBUyW8YQLW7TEkFlUwJT7XGCryiMwS1kxXUzALO0bC0PJjfbjx4/FEiwiYDwoCv4tj3lYwqhg9gGTikW4wH9lsWPuz5WefcB46j9UyynsOb9yZ9YBk3T2cG44Lo+Cvb29LeZotgGTZC4fxAMcl6HvHCv9WQZMvlHeWQT1zXWVdXYBU64YAc1k+XpuN+bZBYyhLrSXge+chr6zCpikr+foQjeZXc5l6DubgMlqkaEudHd3d7cb+s5hHjOLgElLlKU2oB9zWSiZRcCYu0D/MouZeh/Z5AFj7gLDyXmlKW/ekwZM/sfNXWA4mcdMeShy0oCx3wWGl5PXUy1dTxYwaY3MXWAc6RSmWFWaJGC0RjCutEpZTBnbJAGjNYLxZUUp7dKYRg8YrRFMZ+w3oI4aMAmWOT8cB9Zu7PHEqAGT6sVDu2FaedTmWF3EaAFzc3Oz+wDTysB3rKM5owWMB0jBfIw18B0lYMYsyYB6xpjFDB4w9rzAPKWCGbqKGTxgVC8wX0Pf/AcNGNULzFsqmBQBQxk0YAx2Yf6GLAIGC5hUL5alYf7yuzrULGawgFG9wHIMVcUMEjCqF1iWoVaUBgkY1QsszxBVTO8Bk+rFC+theYaoYnoPmPwHOtAIy9R3cdB7wNj3AsuV2WmfBUKvAWPXLixbTlr3WST0HjDAsvXZJvUWMHl5mheowfLd3t72NuztLWA8ChPWo69upJeASd9maRrWo6/V4F4CJuFiaRrWI0VDH1VMLwFjuAvr00dX0jlgsixtuAvr00eb1DlgHGqE9eranQgYoFLXNqlTwKQ9ypo5sE5d26ROAaN6gfXr8nveKWDsfYH167Krt3XAWD2CbZgkYMZ47SQwvWy6a/v73jpgtEewHaMHjAoGtqPtOKRVwHgsJmxLtqO0+Z1vHTDAdmQO06aKETBALW021bYKGMvTsD1tFnYaB4zqBbZplApGwMA2ZQ7T9K0hAgaorenvf+OAcXoatqvp73+jgEl5ZP8LbNegAWP1CLZt0IDRHsG2NR30ChigkSY50HgGA2ybCgYYzCABY8ALxCABoz0CYpAZjPYICBUMMKi6eSBggMbq7uivHTDZYAMQdRd9VDBAY71WMKoXYF/dTPgfP9FATM38mnkAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0px 3px 15px #e3e3e3;
  position: relative;
  text-align: center;
}

.delete-pro-text {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #201E29;
  opacity: 0.3;
}

.all-content-main-edit-profile-header {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding: 24px;
}

.group-media-slider img,
.group-media-slider video {
  border-radius: 5px;
}

.group-media-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 16px;
  display: flex;
}

.group-media-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.cstm-media-all-main {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px;
}

.cstm-joined-group {
  margin-bottom: 20px;
}

.cstm-sg-join {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.cstm-sg-join a {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--navyblue);
}

.cstm-sg-join a:hover {
  color: var(--yellow);
}

.cstm-joined-group ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-joined-group ul li {
  padding: 6px 0px;
  display: flex;
  align-items: center;
  position: relative;
}

.cstm-cgyj-jg .card-header button {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.cstm-cgyj-jg .card-header {
  border-bottom: none;
}

.cstm-cgyj-jg {
  margin: 10px 16px;
}

.cstm-cgyj-main {
  margin: 10px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 10px;
}

.cstm-cgyj-main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-cgyj-main ul li {
  padding: 6px 0px;
  display: flex;
  align-items: center;
  position: relative;
}

.common-groups-you {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  padding: 0px 16px;
}

.user-pt {
  margin: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 17px;
}

.user-pt.cstm-user-pt {
  border: none;
  padding: 0;
}

.user-pt-main {
  background: var(--navyblue);
  padding: 8px 12px;
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
}

.user-pt img {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 5px;
}

.sd-detilas-info-in:last-child {
  margin-bottom: 0px;
}

.sd-detilas-info-in {
  position: relative;
  margin-bottom: 16px;
}

.sd-map img {
  width: 100%;
}

.sd-detilas-info-in-icon {
  position: absolute;
  left: 0;
  line-height: 18px;
}

.sd-detilas-info-in-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  display: table;
  width: 100%;
  word-break: break-all;
}

.sd-detilas-info-in-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

.sd-detilas-info {
  padding: 16px;
}

.sd-detilas-title {
  padding: 12px 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.sd-detilas {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
}

.follow-bf {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  cursor: pointer;
}

.follow-af {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #FF4852;
  cursor: pointer;
}

.pro-followers-following-cont {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px 16px 0px 16px;
}

.pro-followers-following-cont .pro-group-members {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 18px;
}

.pro-followers-following-cont .pro-group-members-list {
  border-bottom: none;
  margin-bottom: 0px;
}

.pro-followers-following-cont .pro-group-members-list-left-img img {
  border-radius: 50px;
}

.pd-ng {
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #c1c1c1;
}

.pd-rs {
  color: #351BCE;
}

.profile-detilas-flw-in {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.profile-detilas-all-username-left2 {
  padding-left: 76px;
}

.profile-detilas-user-photo img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  object-fit: cover;
}

.profile-detilas-user-photo {
  position: absolute;
  left: 16px;
}

.profile-detilas-comm {
  cursor: pointer;
}

.gm-active {
  background: var(--navyblue) !important;
  color: var(--white) !important;
}

.group-media-main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
}

.group-media-main ul li button:hover {
  background: var(--navyblue);
  color: var(--white);
}

.acvite-gm {
  background: var(--navyblue) !important;
  color: var(--white) !important;
}

.group-media-main ul li {
  display: inline-block;
  margin-right: 16px;
  float: left;
}

.group-media-main ul li button {
  background: #FFFFFF;
  border: 1px solid #cfcfcf;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #091F48;
  height: 32px;
  padding: 0px 24px;
  margin-bottom: 18px;
}

.user-photo-img {
  vertical-align: middle;
  margin: -16px 8px -10px 0px;
  display: inline-block;
}

.user-photo-img img {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  object-fit: cover;
  vertical-align: inherit !important;
  margin: 0px !important;
}

.search-topics-box {
  padding: 16px 16px 0px 16px;
  position: relative;
}

.search-topics-box input[type="text"] {
  height: 40px;
  border-radius: 10px;
  padding: 10px 42px 10px 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  background-color: #f4f4f4;
}

.search-topics-box:after {
  content: '';
  height: 21px;
  width: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%202C15.968%202%2020%206.032%2020%2011C20%2015.968%2015.968%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202ZM11%2018C14.867%2018%2018%2014.867%2018%2011C18%207.132%2014.867%204%2011%204C7.132%204%204%207.132%204%2011C4%2014.867%207.132%2018%2011%2018ZM19.485%2018.071L22.314%2020.899L20.899%2022.314L18.071%2019.485L19.485%2018.071Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 1;
  top: 26px;
  right: 30px;
  cursor: pointer;
  background-size: contain;
}

.group-topics-ls {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  position: absolute;
  padding: 11px 0px 0px 16px;
}

.loading-btn {
  position: relative;
}

.loading-btn-in {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffffeb;
  height: 54px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-btn-in img {
  width: 36px;
}

.loadind-post {
  text-align: center;
  position: relative;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 24px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.loadind-post img {
  width: 35px;
  position: absolute;
}

.loadind-post.cmt-loading {
  height: 50px !important;
}

.news-votes-cunt {
  position: absolute;
  right: 24px;
  top: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.newsfeed-agree-all {
  position: relative;
  padding-right: 80px;
  padding-left: 16px;
}

.selectedplan:before {
  content: '';
  height: 35px;
  width: 35px;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_182_129)'%3e%3cellipse%20cx='8.49997'%20cy='8.19753'%20rx='4.85714'%20ry='4.74074'%20fill='white'/%3e%3cpath%20d='M2.02851%205.95322C1.91803%205.67969%201.80437%205.4254%201.70983%205.16383C1.59723%204.84609%201.46922%204.52836%201.40495%204.20023C1.24083%203.36352%201.77675%202.66253%202.64621%202.58348C3.05253%202.54708%203.46735%202.57308%203.87685%202.59596C4.49456%202.63081%204.48128%202.63705%204.6454%202.06554C4.77075%201.63029%204.89132%201.18567%205.08943%200.780572C5.33747%200.271992%205.78946%200.0093816%206.3838%200.045783C6.72426%200.0671039%207.02488%200.21219%207.29204%200.409798C7.64578%200.672928%207.99101%200.947499%208.332%201.22675C8.45788%201.33075%208.54445%201.32451%208.66874%201.21947C9.01291%200.924618%209.35921%200.630286%209.72198%200.357796C10.0263%200.128986%2010.3737%20-0.0192197%2010.772%200.000541097C11.3308%200.0291422%2011.7366%200.312553%2011.9533%200.795133C12.1296%201.19035%2012.2337%201.61729%2012.3585%202.0333C12.5556%202.69061%2012.3707%202.56736%2013.0973%202.56996C13.4617%202.56996%2013.8271%202.5242%2014.1904%202.5398C15.2351%202.58452%2015.8247%203.34948%2015.5623%204.34011C15.4481%204.77121%2015.2505%205.18047%2015.1024%205.60324C14.9605%206.00834%2014.9366%205.88094%2015.2771%206.11599C15.6069%206.34427%2015.9617%206.53876%2016.2863%206.77381C16.6411%207.0307%2016.9141%207.35832%2016.9815%207.80397C17.0194%208.01387%2017.0014%208.22981%2016.9291%208.43087C16.8568%208.63194%2016.7327%208.81132%2016.5688%208.95166C16.3006%209.18827%2015.9846%209.37547%2015.684%209.57568C15.4646%209.71973%2015.2325%209.84557%2014.9818%209.9917C15.062%2010.1997%2015.1411%2010.3978%2015.2118%2010.5975C15.3451%2010.9771%2015.5145%2011.3505%2015.5931%2011.7416C15.7684%2012.6095%2015.2144%2013.3074%2014.3099%2013.3755C13.9194%2013.3961%2013.5278%2013.3897%2013.1382%2013.3562C12.5104%2013.3162%2012.5173%2013.3089%2012.358%2013.8955C12.2518%2014.2897%2012.1524%2014.6901%2011.9984%2015.0676C11.7493%2015.6771%2011.0854%2016.1191%2010.2701%2015.8357C9.86744%2015.7007%209.49815%2015.4846%209.18606%2015.2013C9.01238%2015.0416%208.82011%2014.9017%208.64112%2014.7468C8.54499%2014.663%208.46425%2014.6615%208.36652%2014.7442C8.09565%2014.974%207.83008%2015.2122%207.54486%2015.4202C7.30851%2015.5949%207.06259%2015.7717%206.79331%2015.8882C6.19525%2016.1446%205.55258%2015.9433%205.17654%2015.4202C4.92637%2015.0723%204.81961%2014.6703%204.7187%2014.2658C4.66558%2014.0453%204.60185%2013.8258%204.55139%2013.6043C4.52059%2013.4696%204.45579%2013.4077%204.30548%2013.4176C3.96821%2013.4389%203.62987%2013.4535%203.29207%2013.4592C3.07332%2013.4705%202.85399%2013.4626%202.63665%2013.4358C1.66893%2013.2798%201.19197%2012.5856%201.43895%2011.6547C1.54517%2011.2429%201.73957%2010.8523%201.87979%2010.4478C2.03913%209.97974%202.08534%2010.1227%201.67796%209.84661C1.37309%209.63861%201.05228%209.45452%200.750067%209.24391C0.605123%209.14056%200.473974%209.01985%200.359684%208.88457C-0.127897%208.31723%20-0.127897%207.60168%200.403237%207.07126C0.664023%206.81125%200.991733%206.61261%201.29926%206.39992C1.52765%206.24339%201.77091%206.11026%202.02851%205.95322ZM7.57992%208.83517L6.57607%207.84193C6.37743%207.64537%206.13683%207.5476%205.85586%207.58504C5.51168%207.63029%205.2647%207.81385%205.1521%208.13939C5.0395%208.46492%205.10589%208.75821%205.35234%209.00262C5.8941%209.53859%206.43833%2010.0721%206.98505%2010.6032C7.43916%2011.0453%207.96764%2011.0167%208.3713%2010.5242C9.46367%209.19156%2010.5543%207.85684%2011.6431%206.52004C11.9618%206.12847%2011.915%205.62041%2011.5369%205.32399C11.1587%205.02758%2010.6414%205.0957%2010.3211%205.4852C9.79386%206.12899%209.2675%206.77312%208.74204%207.4176L7.57992%208.83517Z'%20fill='%2382CDB8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_182_129'%3e%3crect%20width='17'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  top: -18px;
  z-index: 999;
  background-repeat: no-repeat;
  background-size: contain;
  right: 5px;
  margin: auto;
}

.StripeElement {
  border-radius: 15px;
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 600;
  color: var(--black2);
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  padding: 17px 20px;
  width: 100%;
}

.upcoming-group-events-box-cont-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 5px;
}

.upcoming-group-events-box-cont-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 5px;
}

.upcoming-group-events-box-wed {
  font-weight: 700;
  font-size: 12px;
  line-height: 8px;
  letter-spacing: 0.02em;
  color: #FF4852;
  margin-top: 12px;
}

.upcoming-group-events-box-cale {
  position: absolute;
  left: 16px;
  background: #FFFFFF;
  border: 1px solid #351BCE63;
  border-radius: 15px;
  height: 83px;
  width: 64px;
  text-align: center;
}

.upcoming-group-star {
  position: absolute;
  right: 16px;
}

.upcoming-group-events-box {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 57px 16px 98px;
  position: relative;
  margin-bottom: 16px;
}

.view-active img {
  filter: brightness(0) invert(1);
  opacity: 1 !important;
}

.view-by-btn button img {
  opacity: 0.4;
}

.view-active {
  background: #091F48 !important;
}

.view-by-btn button {
  border-radius: 10px;
  border: none;
  background: #FFF;
  padding: 8px 9px;
  display: flex;
}

.view-by-btn {
  background: #FFFFFF;
  border: 1px solid rgba(9, 31, 72, 0.1);
  border-radius: 10px;
  display: flex;
}

.pro-uge-view-btn {
  display: flex;
  align-items: center;
}

.view-by-title {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 16px;
}

.pro-uge-view-check input {
  height: 16px !important;
  width: 16px !important;
}

.pro-uge-view-check {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  border-right: 1px solid #afafaf;
  margin-right: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
}

.pro-uge-view {
  display: flex;
  align-items: center;
}

.pro-events-top {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.pro-uge-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.pro-group-members-list:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.pro-group-members-list-right-upload {
  line-height: 20px;
  cursor: pointer;
}

.pro-group-members-list-right-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  margin-right: 22px;
}

.pro-group-members-list-left-file {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.pro-group-members-list-left-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--blue);
  margin-bottom: 5px;
}

.btn-uf img {
  margin-right: 5px;
  vertical-align: -5px;
}

.btn-uf {
  background: #091F48;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 8px 18px;
  border: none;
}

.btn-uf:hover {
  background: var(--yellow);
}

.pro-group-members-list-left {
  padding-left: 75px;
}

.pro-group-members-list-right {
  display: flex;
  align-items: center;
}

.pro-group-members-list-left-img {
  position: absolute;
  margin-left: -75px;
  top: 0;
}

.pro-group-members-list-left-img img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 15px;
}

.pro-group-members-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 75px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  margin-bottom: 12px;
  position: relative;
}

.pro-group-members-search {
  position: relative;
}

.pro-group-members-search:after {
  content: '';
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%202C15.968%202%2020%206.032%2020%2011C20%2015.968%2015.968%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202ZM11%2018C14.867%2018%2018%2014.867%2018%2011C18%207.132%2014.867%204%2011%204C7.132%204%204%207.132%204%2011C4%2014.867%207.132%2018%2011%2018ZM19.485%2018.071L22.314%2020.899L20.899%2022.314L18.071%2019.485L19.485%2018.071Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 12px;
  cursor: pointer;
  background-size: cover;
}

.search-members-input {
  width: 276px !important;
  height: 36px !important;
  border-radius: 10px !important;
  padding: 0px 40px 0px 15px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0.02em !important;
  background: #f4f4f4 !important;
}

.pro-group-members-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.pro-group-members {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.pro-map {
  margin-bottom: 20px;
}

.pro-map img {
  width: 100%;
  border-radius: 15px;
}

.pro-post-list-main-in-link-view button {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #091F48;
  border: none;
  background: transparent;
  padding: 0px;
}

.pro-post-list-main-in-link-view button:hover {
  color: #ffcc00;
}

.pro-post-list-main-in-link-unfollow {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #091F48;
  cursor: pointer;
}

.pro-post-list-main-in-link {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro-post-green {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #82CDB8;
  background: #FFFFFF;
  border: 1px solid #82CDB8;
  border-radius: 10px;
  padding: 2px 8px;
  margin: 0px 5px 5px 0px;
  display: inline-block;
}

.pro-post-blue {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #351BCE;
  background: #FFFFFF;
  border: 1px solid #351BCE;
  border-radius: 10px;
  padding: 2px 8px;
  margin: 0px 5px 5px 0px;
  display: inline-block;
}

.pro-post-list-main-in-hobbies {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  margin-bottom: 3px;
}

.pro-post-list-main-in-cont {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.9;
  margin-bottom: 18px;
}

.pro-post-time-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.pro-post-user-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.pro-post-list-main-in-user-right {
  /* padding-left: 75px;
     */
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.pro-post-list-main-in-user-left img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.pro-post-list-main-in-admin {
  position: absolute;
  right: 13px;
  top: -12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  background: #FFCC00;
  border-radius: 10px;
  padding: 3px 10px;
}

.pro-post-list-main-in-user {
  display: flex;
  margin-bottom: 10px;
  min-height: 60px;
  align-items: center;
  gap: 12px;
}

.pro-post-list-main {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  list-style: none;
}

.pro-post-list-main-in {
  background: #FFFFFF;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  padding: 16px 10px;
  position: relative;
}

.pro-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 15px;
}

.cstm-grup-admin {
  margin-bottom: 16px;
}

.cstm-grup-admin .pro-title {
  margin-bottom: 24px;
}

.pro-about-list {
  margin-bottom: 15px;
}

.pro-about-list:last-child {
  margin-bottom: 0px;
}

.pro-about-list-cont {
  padding-left: 28px;
}

.pro-about-list-name img {
  margin-left: -28px;
  position: absolute;
}

.pro-about-list-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  padding-left: 27px;
}

.pro-about {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px;
}

.pd-invite-in {
  left: -166px !important;
}

.pd-invite-in ul li {
  padding: 8px 12px;
}

.pd-invite-in ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.pd-invite-in-sub {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #838fa2;
  padding-left: 20px;
  display: table;
  width: 100%;
}

.pd-invite-in-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: flex;
  width: 100%;
  padding-left: 20px;
  align-items: center;
}

.pd-invite-in-title img {
  position: absolute;
  width: 14px;
  margin-left: -20px;
}

.pd-invite-in {
  min-width: 300px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
}

.pd-dottod-in {
  min-width: 132px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  left: -118px !important;
}

.pd-dottod-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.pd-dottod-in ul li a {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: block;
}

.pd-dottod-in ul li a:hover {
  color: var(--yellow);
}

.profile-detilas-cmn {
  position: relative;
}

.pd-joind-in {
  min-width: 132px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
}

.pd-joind-in ul li a {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: block;
}

.pd-joind-in ul li a:hover {
  color: var(--yellow);
}

.pd-joind-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.pd-joind-btn {
  background: var(--navyblue);
  box-shadow: 0px -4px 8px -4px rgb(0 0 0 / 15%);
  border-radius: 10px;
  padding: 10px 16px;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: var(--white);
}

.pd-joind-btn:hover {
  background: var(--yellow);
  color: var(--white);
}

.pd-joind-btn i {
  margin-left: 20px;
  font-size: 20px;
  vertical-align: bottom;
  font-weight: 700;
}

.pd-dottod-btn {
  background: transparent;
  border: none;
  padding: 5px 8px 5px 8px;
  line-height: 10px;
}

.pd-invite-btn {
  border: 1px solid #201E29;
  border-radius: 10px;
  background: #FFF;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  padding: 9px 16px;
}

.pd-invite-btn:hover {
  background: var(--yellow);
  color: #FFF;
  border: 1px solid var(--yellow);
}

.pd-invite-btn i {
  margin-left: 20px;
}

.profile-detilas-all-username-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.profile-detilas-user-icon-list img {
  margin-right: 7px;
  vertical-align: -5px;
}

span.profile-detilas-user-icon-list {
  margin-right: 17px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}

.profile-detilas-user-icon-list {
  margin-right: 17px;
}

.profile-detilas-user-title {
  font-weight: 700;
  font-size: 24px;
  color: #091F48;
  margin-bottom: 8px;
}

.profile-detilas-all-nav {
  padding: 12px;
}

.profiledt-menu li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #838fa2;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 10px;
}

.profiledt-menu li a:hover {
  background-color: #351BCE;
  color: #FFF;
}

.profiledt-menu li a.active {
  background-color: #351BCE;
  color: #FFF;
}

.profile-detilas-all {
  background: #FFFFFF;
  margin: -96px 16px 24px;
  position: relative;
  border-radius: 5px;
}

.profile-detilas-all-username {
  padding: 16px;
  border-bottom: 1px solid #cfcfcf;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-bg-img-mn {
  width: 100%;
  border-radius: 5px;
  height: 250px;
  object-fit: cover;
  background: #FFF;
}

.social-checked:before {
  position: absolute;
  content: "\f058";
  font-family: FontAwesome;
  left: 29px;
  font-size: 26px;
  margin-top: 2px;
}

.um-membership-details-in.selectedplan {
  border: 1px solid var(--black);
}

.cstm-login input[type="text"],
.cstm-login input[type="email"],
.cstm-login input[type="password"],
.cstm-login input[type="number"],
.cstm-login input[type="date"],
.cstm-login input[type="time"],
.cstm-login input[type="file"] {
  border-radius: 10px;
  background: rgb(24 22 33);
  border: none;
  font-style: normal;
  font-weight: 600;
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  font-family: 'Inter', sans-serif;
}

.cstm-login .um-right-in-label {
  color: rgba(255, 255, 255, 0.7);
}

.cyt-lets-get-started-link {
  position: relative;
  z-index: 1;
}

.topics-img-title {
  font-weight: 700;
  font-size: 18px;
  color: #091F48;
}

.topic-file-image-left {
  margin-right: 18px;
}

.topic-file-image-left img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 50px;
}

.topic-file-image {
  display: flex;
  margin-top: 35px;
  align-items: center;
  margin-bottom: 40px;
}

.cyp-btm-btn .btn2 {
  vertical-align: top;
  margin-left: 20px;
}

.ct-down-box {
  position: relative;
}

.ct-down-box-in {
  position: absolute;
  background: #FFF;
  z-index: 1;
  border: 1px solid #d2d2d4;
  margin-top: -1px;
  width: 100%;
  display: none;
}

.ct-down-box-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.ct-down-box-in ul li {
  padding: 3px 20px;
  font-size: 14px;
  cursor: pointer;
}

.ct-lbl-main .form-group {
  margin-bottom: 0px;
}

.ct-fl-main {
  position: relative;
}

.ct-fl-main:before {
  content: '#';
  position: absolute;
  font-size: 25px;
  color: #091f48;
  left: 28px;
  top: 11px;
  font-weight: 500;
}

.ct-fl-main input {
  padding-left: 60px !important;
}

.cyt-lets-get-started-link a {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #091F48;
  margin-right: 14px;
}

.cyt-lets-get-started-link a:hover {
  color: var(--yellow);
}

.create-yuor-topic h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #091F48;
  margin-bottom: 16px;
}

.cyt-cont {
  margin-bottom: 32px;
  display: table;
  width: 100%;
}

.view-more-comments-link {
  text-align: center;
  padding-bottom: 6px;
}

.view-more-comments-link a {
  color: #2a72d1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.view-more-comments-link a:hover {
  color: #000;
}

.emoji-picker {
  position: absolute;
  right: 0;
  top: 40px;
}

.pu-progress-fil {
  background: #E6F5F1;
  border-radius: 30px;
  width: 100%;
  height: 5px;
}

.pu-progress-bar {
  background: #82CDB8;
  border-radius: 30px;
  height: 5px;
}

.pu-progress-title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.post-uploading-in-progress {
  background: #FFFFFF;
  border: 1px solid rgba(9, 31, 72, 0.3);
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px 20px 20px 20px;
}

.post-close-msg {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  position: absolute;
  right: 20px;
  color: #d5e7ff;
  font-size: 24px;
}

.post-close-msg:hover {
  color: #ffcc00;
}

.post-sucessfully {
  background: #351BCE;
}

.post-alert {
  background: #FF4852;
}

.post-msg-all {
  padding: 18px;
  display: flex;
  border-radius: 15px;
  margin-bottom: 20px;
  align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
  position: fixed;
  width: 52.1%;
  top: 12%;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}

.post-msg-all a {
  color: #FFF;
  text-decoration: underline;
  margin: 0px 5px;
}

.post-msg-all a:hover {
  color: #ffcc00;
}

.post-msg-all img {
  margin-right: 8px;
}

.newsfeed-votes-main {
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding: 0px 16px;
}

.cstm-poll-will-close {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #351BCE;
  cursor: pointer;
}

.cstm-votes-ct {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  margin-right: 20px;
}

.newsfeed-agree-main-color {
  position: absolute;
  height: 48px;
  z-index: 0;
  left: 0;
  width: 0%;
  transition: width 0.2s ease;
}

.newsfeed-agree-main-title {
  z-index: 1;
  position: relative;
}

.newsfeed-agree-main-ps {
  z-index: 1;
  position: relative;
}

.newsfeed-agree-main {
  display: flex;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 5px;
  height: 48px;
  padding: 6px 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #201E29;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.newsfeed-agree-dis {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  padding: 16px;
  margin-bottom: 16px;
}

.new-lbl {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 16px;
  padding: 3px 12px;
  background: #FF4852;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
  border-radius: 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

.announcements-list-image~span.new-lbl {
  top: 24px;
}

.announcements-list-image {
  margin-bottom: 16px;
  position: relative;
}

.announcements-list-image img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.announcements-list-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 10px;
}

.announcements-list-read a {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351BCE;
}

.announcements-list-read a:hover {
  color: #ffcc00;
}

.announcements-list-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 4px;
}

.cstm-announcements-list {
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding: 0px 16px;
  border-radius: 0px 5px;
}

.cstm-announcements-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-announcements-list ul li {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 16px;
  /* margin-bottom: 18px;
     */
  padding-top: 16px;
}

.cstm-announcements-list.cstm-announcements-list-main ul li {
  position: relative;
}

.cstm-announcements-list.cstm-announcements-list-main ul li:last-child {
  border-bottom: none;
}

.cstm-events-list-left-months {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #091F48;
  background: #e7f1fa;
  border-radius: 0px 0px 13px 13px;
  height: 21px;
}

.cstm-events-list-left-nubmer {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #091F48;
}

.cstm-events-list-right-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
}

.cstm-events-list-right-title a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
}

.cstm-events-list-right-join button {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #351BCE;
  border: none;
  background: transparent;
  padding: 0px;
  display: inherit;
}

.cstm-events-list-right-join button:hover {
  color: #ffcc00;
}

.cstm-events-list-right-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  line-height: 20px;
}

.cstm-events-list-left {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #351BCE63;
  border-radius: 15px;
  height: 64px;
  width: 64px;
  text-align: center;
}

.cstm-events-list-right {
  padding-left: 74px;
  min-height: 64px;
}

.cstm-events-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-events-list ul li {
  display: block;
  align-items: center;
  padding: 12px 16px;
}

.cstm-events-list {
  border-top: 1px solid #d8d8d8;
  padding: 4px 0px;
}

.cstm-newsfeed-post .newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px 16px;
  margin-top: 0;
}

.cstm-newsfeed-post .react-input-emoji--input {
  text-transform: none;
}

.cstm-newsfeed-post .react-input-emoji--placeholder {
  font-weight: normal;
  text-transform: none;
}

.newsfeed-write-your-comments-icon button {
  padding: 0px;
  border: none;
  margin: 5px 16px 0px 0px;
}

.newsfeed-write-your-comments-icon button {
  padding: 0px;
  border: none;
}

.newsfeed-write-your-comments-tx textarea {
  border-radius: 10px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 80px 10px 16px;
  text-transform: capitalize;
  height: 40px;
}

.newsfeed-write-your-comments-icon {
  position: absolute;
  right: 0;
  top: 0;
}


.newsfeed-post-right-cmt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.cstm-newsfeed-post .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.newsfeed-post-right-topik {
  margin-bottom: 16px;
}

.cstm-newsfeed-post .newsfeed-post-right-topik {
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.topik-in {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #351BCE;
  cursor: pointer;
}

.newsfeed-post-right-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #201E29;
  margin-bottom: 8px;
  word-break: break-word;
}

.cstm-newsfeed-post .newsfeed-post-right-text {
  padding: 0px 16px;
}

.yesicon {
  margin: 0px 3px;
}

.topics-select-bar {
  margin-bottom: 20px;
}

.topics-select-bar select {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  background-color: #ffffff;
  border: 1px solid #201E29;
}

.csstm-add-topic-listing {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.tag-csstm-add-topic-listing {
  height: 100%;
  overflow: hidden;
}

.csstm-add-topic-listing .topics-search-label {
  overflow: auto;
  flex-grow: 1;
  max-height: 140px;
  margin-bottom: 20px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-label {
  overflow: auto;
  flex-grow: 1;
  max-height: 200px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 80px;
}

.newfeed-dp button {
  background: transparent;
  padding: 0px;
  border: none;
}

.user-name-date {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  opacity: 0.7;
}

.newsfeed-post-right-header-name {
  display: flex;
  flex-direction: column;
}

.user-name-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 5px;
}

.newsfeed-post-right-header {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 110px;
  min-height: 60px;
  margin-bottom: 16px;
}

.cstm-newsfeed-post .newsfeed-post-right-header {
  padding-right: 110px;
  padding-top: 23px;
  margin-bottom: 16px;
  padding-left: 90px;
}

.newsfeed-post-right-header-icon {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
}

.cstm-newsfeed-post .newsfeed-post-right-header-icon {
  right: 24px;
}

.newsfeed-post {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 16px;
  position: relative;
}

.newsfeed-post-right {
  padding-left: 72px;
}

.cstm-newsfeed-post .newsfeed-post-right {
  padding-left: 0px;
}

.newsfeed-post-left {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  cursor: pointer;
}

.newsfeed-post-left img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.newsfeed-select-in {
  left: -124px !important;
  padding: 10px;
}

.newsfeed-select:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 6px;
  color: #000;
  font-size: 15px;
  cursor: pointer;
  font-weight: 200;
}

.newsfeed-select {
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
}

.newsfeed-sort-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 4px;
}

.newsfeed-sort {
  display: flex;
  align-items: center;
}

.newsfeed-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.newsfeed-main {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
  align-items: center;
}

.what-post-btn-all {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.what-post {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 16px;
}

.what-post-left {
  width: 48px;
  height: 48px;
}

.what-post-left img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.what-post-right {
  flex: 1;
}

.what-post-right-input {
  margin-bottom: 16px;
}

.what-post-right-input input {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px;
  text-transform: capitalize;
}

.what-is-happening-main {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 26px;
}

.nbr-rd {
  background: #FF4852;
  border-radius: 30px;
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  margin-left: 8px;
  padding: 2px 5px;
  min-height: 17px;
  display: inline-block;
  vertical-align: 2px;
}

.sort-by-main img {
  margin-left: 10px;
  cursor: pointer;
}

.sort-by-main {
  padding: 5px 20px 0px 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.cp-btn button.cp-btn-dotted {
  overflow: hidden;
}

.cp-btn button.cp-btn-dotted img {
  margin-right: 0px;
  margin-top: 0px;
}

#feeling,
#editfeeling {
  background: rgba(0, 0, 0, 0.3);
}

#topics {
  background: #000000db;
}

select.poll-duration-select {
  background-color: transparent;
  border: 1px solid rgba(32, 30, 41, 0.3);
}

.poll-duration-main {
  margin-bottom: 20px;
}

.addpoll-delete {
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  border: none;
  background: transparent;
  right: 16px;
  padding: 0px;
  top: 12px;
}

.add-poll-main-box2 input {
  background: transparent;
  padding-right: 44px;
}

.plus-add-btn {
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  border: none;
  background: transparent;
  right: 16px;
  padding: 0px;
}

.plus-add-btn:hover {
  color: #000;
}

.plus-add-btn img {
  margin-right: 6px;
}

.add-poll-main-box input {
  background: transparent;
  padding-right: 85px;
}

.add-poll-main-box {
  background: #351BCE17;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 10px;
}

.add-poll-main-box2 {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.add-poll-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 14px;
}

.add-poll-main {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  padding: 10px 20px;
  margin: 16px 0px 20px;
}

.create-topics-box-id {
  margin-right: 10px;
  margin-bottom: 6px;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #351BCE;
}

.feelings-emoji {
  margin-top: 10px;
  margin-bottom: 14px;
}

.feelings-emoji-close {
  background: #4d4b54;
  mix-blend-mode: multiply;
  border-radius: 15px;
  color: #FFF;
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  cursor: pointer;
}

.feelings-emoji-icon {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  border: 1px solid #351BCE;
  border-radius: 15px;
  background: #FFF;
  display: inline-block;
  justify-content: flex-start;
  padding: 5px 8px;
  margin-right: 8px;
}

.feelings-emoji-icon::first-letter {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 4px;
}

.remove-srarred-in b {
  font-size: 18px;
  vertical-align: -2px;
  margin-right: 4px;
}

.remove-srarred-img {
  cursor: pointer;
}

.remove-srarred-in {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  border-radius: 5px;
  padding: 7px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  min-width: auto;
  width: 130px;
  cursor: pointer;
  left: -16px !important;
}

.remove-srarred-in:hover {
  border: 1px solid #2a72d1;
  color: #2a72d1;
}

.cstm-files-main .cstm-sg-dotted {
  top: 0px;
}

.cstm-sg-date {
  position: absolute;
  right: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  bottom: 10px;
}

.cstm-sg-ttl-name {
  line-height: 17px;
  flex: 1 1;
}

.cstm-sg-sb {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.cstm-sg-ttl-main {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 165px;
  white-space: nowrap;
  display: block;
}

.cstm-sg-name {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 125px;
  white-space: nowrap;
}

.cstm-sg-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.cstm-sg-name a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.cstm-sg-dotted {
  position: absolute;
  right: 20px;
  cursor: pointer;
  display: flex;
}

.all-content-main-right .cstm-starred-group {
  border-top: 1px solid #d8d8d8;
}

.cstm-starred-group {
  padding: 10px 0px 16px 0px;
}

.cstm-starred-group.cstm-left-starred-group {
  padding-top: 0px;
}

.cstm-starred-group ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 8px;
}

.cstm-starred-group ul li {
  padding: 6px 46px 6px 16px;
  display: flex;
  align-items: center;
  position: relative;
}

img.sctm-pt-mn {
  border-radius: 15px;
  width: 40px;
  height: 40px;
  object-fit: cover;
}

img.sctm-pt-star {
  position: absolute;
  right: -8px;
  top: 0px;
}

.cstm-sg-list {
  position: relative;
  margin-right: 12px;
}

.modal-content .btn:hover {
  background: var(--yellow);
  border: 1px solid var(--yellow);
}

.cstm-lict-box-in ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-lict-box-in ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 16px;
  width: 100%;
  display: inline-block;
}

.cstm-lict-box-in ul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.cstm-all-content-center.all-content-main-center {
  max-width: 694px;
  grid-area: newsfeed;
}

.all-content-main-right {
  overflow: auto;
  height: calc(100vh - 96px);
  position: fixed;
  right: 16px;
}

.all-content-main-right::-webkit-scrollbar {
  width: 6px;
  background: #FFF;
}

.all-content-main-right:-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e800;
}

.all-content-main-right::-webkit-scrollbar-thumb {
  background: #e8e8e800;
  border-radius: 10px;
}

.all-content-main-right:hover::-webkit-scrollbar-thumb {
  background: #c9c9c9;
}

.cstm-ctg-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-ctg-list ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 16px;
  width: 100%;
  display: inline-block;
}

.cstm-ctg-listul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.all-content-main-right-sidebar {
  width: 100%;
}

.all-content-main-right-sidebar .card-header {
  padding: 0px;
  border: none;
}

.all-content-main-right-sidebar .card {
  box-shadow: none;
  background: #FFFFFF;
  border-radius: 5px;
  border: none;
  margin-bottom: 8px;
}

.cstm-topic-star-listing .cstm-sg-ttl-main {
  width: 220px;
}

.all-content-main-right-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 16px;
  text-align: left;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48 !important;
  text-decoration: initial;
  background-color: #FFF;
  border-radius: 5px 0px;
}

.all-content-main-right-sidebar .card-header button.btn-link.collapsed {
  border-radius: 5px;
}

.all-content-main-right-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

.all-content-main-right-sidebar .card-header button:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.all-content-main-right-sidebar .active2-sd {
  font-weight: 700 !important;
  color: #091F48 !important;
  background: #e7f1fa !important;
}

li.logout-only a {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #FF4852 !important;
  justify-content: space-between;
}

.mn-close {
  display: none;
}

.header-ft-search-select {
  width: 28%;
  border-left: 1px solid #bdbdbd;
  padding-left: 20px;
}

.header-ft-search-select select {
  height: 24px;
  padding: 0px;
  background-color: transparent;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
}

.create-pp-post-public-gl:before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url(http://localhost:3000/static/media/public.2c073a7….svg);
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 15px;
}

select.cp-public-select {
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 8px;
  height: 40px;
  background-color: #FFF;
  padding-right: 38px;
  padding-left: 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}

.create-pp-post-public-gl:before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99984%2018.3334C5.39734%2018.3334%201.6665%2014.6026%201.6665%2010.0001C1.6665%205.39758%205.39734%201.66675%209.99984%201.66675C14.6023%201.66675%2018.3332%205.39758%2018.3332%2010.0001C18.3332%2014.6026%2014.6023%2018.3334%209.99984%2018.3334ZM8.0915%2016.3892C7.26935%2014.6453%206.79306%2012.7586%206.689%2010.8334H3.38484C3.54699%2012.1158%204.07811%2013.3236%204.91364%2014.3098C5.74918%2015.2961%206.85318%2016.0185%208.0915%2016.3892ZM8.35817%2010.8334C8.484%2012.8659%209.06484%2014.7751%209.99984%2016.4601C10.9601%2014.7305%2011.521%2012.808%2011.6415%2010.8334H8.35817ZM16.6148%2010.8334H13.3107C13.2066%2012.7586%2012.7303%2014.6453%2011.9082%2016.3892C13.1465%2016.0185%2014.2505%2015.2961%2015.086%2014.3098C15.9216%2013.3236%2016.4527%2012.1158%2016.6148%2010.8334ZM3.38484%209.16675H6.689C6.79306%207.24157%207.26935%205.35482%208.0915%203.61091C6.85318%203.98165%205.74918%204.70404%204.91364%205.69033C4.07811%206.67661%203.54699%207.88433%203.38484%209.16675ZM8.359%209.16675H11.6407C11.5205%207.19225%2010.9598%205.26969%209.99984%203.54008C9.03957%205.26962%208.47863%207.19218%208.35817%209.16675H8.359ZM11.9082%203.61091C12.7303%205.35482%2013.2066%207.24157%2013.3107%209.16675H16.6148C16.4527%207.88433%2015.9216%206.67661%2015.086%205.69033C14.2505%204.70404%2013.1465%203.98165%2011.9082%203.61091Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 111;
}

.create-pp-post-public-gl {
  position: relative;
}

.create-pp-post-cont-text textarea {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
  height: auto;
  margin-top: 5px;
  min-height: 30px;
  margin-bottom: 20px;
}

.csm-main-pp-post .create-topics-box {
  margin-top: 30px;
}

.cstm-cp ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cstm-cp ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  padding: 8px 10px;
}

.cstm-cp ul li:hover {
  color: #2a72d1;
}

.cstm-cp ul li img {
  margin-right: 4px;
}

.cstm-cp-dp {
  position: relative;
}

.cstm-cp-dp:hover .cstm-cp {
  display: block;
}

.cp-btn-disable {
  pointer-events: none;
  opacity: 0.6;
  border: 1px solid #6e6e6e;
}

.cp-btn-disable img {
  filter: grayscale(100%);
}

.cstm-cp {
  position: absolute;
  right: -3px;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  border-radius: 5px;
  top: -43px;
  width: 129px;
  cursor: pointer;
  display: none;
  z-index: 2;
}

.what-are-you-feeling {
  display: flex;
  flex-wrap: wrap;
}

.wayf-main img {
  margin-right: 6px;
}

.wayf-main::first-letter {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 6px;
}

.wayf-main {
  width: 33.3%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #46444e;
  align-items: center;
  padding: 8px 12px;
  border-radius: 15px;
}

.wayf-main:hover {
  cursor: pointer;
  background: #82CDB8;
  border-radius: 15px;
}

.topics-search-label-in {
  background: rgba(19, 114, 209, 0.1);
  border: 1px solid rgba(32, 30, 41, 0.2);
  border-radius: 20px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: inline-block;
  padding: 8px 12px;
  margin: 0px 8px 8px 0px;
  cursor: pointer;
}

.topics-search-label-in:hover {
  border: 1px solid #2a72d1;
}

.topics-search-label-in button {
  border: none;
  background: transparent;
  padding: 0px;
  font-size: 18px;
  margin-left: 6px;
  vertical-align: -2px;
}

.add-topics-btn .btn {
  width: auto;
  padding: 10px 42px;
  margin: 0px;
}

.add-topics-btn {
  margin-top: 20px;
  text-align: right;
}

.csstm-add-topic-listing .topics-search-ovr {
  overflow: auto;
  flex-grow: 1;
  margin-top: 16px;
}

.topics-search-ovr::-webkit-scrollbar,
.topics-search-label::-webkit-scrollbar,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar {
  width: 6px;
}

.topics-search-ovr::-webkit-scrollbar-track,
.topics-search-label::-webkit-scrollbar-track,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.topics-search-ovr::-webkit-scrollbar-thumb,
.topics-search-label::-webkit-scrollbar-thumb,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.cstm-add-topic-btn {
  max-width: 160px;
  margin: 16px 0px 0px auto;
  width: 100%;
}

.tso-post {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
}

.tso-id {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #091F48;
  display: block;
  width: 100%;
}

.topics-search-ovr-in {
  padding: 6px 16px;
}

.topics-search-ovr-in:hover {
  background: #F3F5F7;
  border-radius: 15px;
  cursor: pointer;
}

.topics-search-bar input {
  background-color: #f4f4f4;
  border-radius: 15px;
  height: 48px;
  padding-right: 48px;
}

.topics-search-bar img {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
}

.topics-search-bar {
  position: relative;
  margin-bottom: 20px;
}

.back-btn-mn {
  opacity: 0.5;
  padding: 0px;
  border: none;
  margin-right: 16px;
  background: transparent;
}

.back-btn-mn:hover {
  opacity: 1;
}

.create-pp-cunt {
  position: absolute;
  top: 0;
  z-index: 2;
  background: #0000009c;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  color: #FFFFFF;
}

.create-pp-post-img3-left {
  width: 67%;
  position: relative;
}

.create-pp-post-img3-right-in {
  position: relative;
  width: 100%;
  max-height: 159px;
  overflow: hidden;
  height: 100%;
}

.create-pp-post-img3-right-in img,
.create-pp-post-img3-right-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.create-pp-post-img3-left img,
.create-pp-post-img3-left video {
  border-radius: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 320px;
}

.create-pp-post-img3 {
  margin-top: 12px;
}

.create-pp-post-img3 {
  display: flex;
  justify-content: space-between;
  gap: 2px;
}

.create-pp-post-img3-left {
  width: 65%;
  overflow: hidden;
}

.create-pp-post-img3-right {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.create-pp-post-img2-in img,
.create-pp-post-img2-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 340px;
}

.create-pp-post-img2-in {
  width: 50%;
  position: relative;
}

.create-pp-post-img2 {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  gap: 2px;
}

.bx-close {
  background: #201e29a3;
  border-radius: 15px;
  color: #FFF;
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  font-size: 18px;
  height: 24px;
  width: 24px;
  padding: 0px;
  line-height: normal;
  cursor: pointer;
  z-index: 1;
}

.bx-close:hover {
  background: #351BCE;
}

.create-pp-post-img1 {
  margin-top: 12px;
  position: relative;
}

.create-pp-post-img1 img,
.create-pp-post-img1 video {
  border-radius: 15px;
  width: 100%;
}

.create-pp-post-img1 div {
  width: 100% !important;
  height: 100% !important;
}

.cr-pp-name {
  display: none;
}

.create-pp-post-public-btn button {
  margin: 0px;
  padding: 12px 70px;
}

.cp-public-gl {
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 8px;
  background: #FFF;
  height: 40px;
  padding: 0px 35px 0px 15px;
  display: flex;
  align-items: center;
  min-width: 140px;
  position: relative;
}

.cp-public-gl:after {
  font-family: FontAwesome;
  position: absolute;
  content: "\f107";
  right: 15px;
  font-size: 19px;
}

.create-pp-post-public {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  align-items: center;
}

.cp-public-gl img {
  margin-right: 8px;
}

.cp-btn button {
  background: #FFF;
  border-width: 1px;
  border-radius: 25px;
  padding: 6px 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #091F48;
}

.cp-btn button span {
  line-height: 20px;
}

.cp-btn-photos {
  border: 1px solid #82CDB8;
}

.cp-btn-videos {
  border: 1px solid #FF4852;
}

.cp-btn-feelingn {
  border: 1px solid #351BCE;
}

.cp-btn-topics {
  border: 1px solid #091F48;
}

.cp-btn-dotted {
  border: 1px solid #FFCC00;
}

.cp-btn button img {
  margin-right: 7px;
  margin-top: -4px;
}

.cp-btn button:hover {
  border: 1px solid #000000;
  background: #f2f2f2;
}

.create-pp-post-btn {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.create-pp-post-cont-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.create-pp-post-btn span.cp-btn {
  width: 20%;
}

.create-pp-post-btn span.cp-btn:nth-child(4) {
  width: 25%;
}

.create-pp-post-btn span.cp-btn:nth-child(5) {
  width: 15%;
}

.create-pp-post-btn button {
  margin: 0px !important;
  width: 100%;
}

.create-pp-post-cont {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px 20px 20px;
  margin-bottom: 18px;
}

.poll-duration-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 8px;
  display: flex;
}

.cr-pp-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.create-pp-post-left {
  position: absolute;
}

.create-pp-post-right {
  padding-left: 65px;
}

.create-ps-title-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.create-ps-title-title.ccstm-creatr-post-main h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0px;
}

.create-ps-title-title.ccstm-creatr-post-main {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.create-ps-title-title.ccstm-creatr-post-main select {
  height: auto;
  padding: 2px 32px 2px 10px;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 1px;
  margin-left: 5px;
  margin-right: 10px;
  color: #091F48;
  font-weight: 600;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.create-ps-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  align-items: center;
}

.create-ps-title-title.ccstm-creatr-post-main input[type="text"] {
  height: auto;
  padding: 2px 10px 2px 10px;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 1px;
  margin-left: 5px;
  margin-right: 10px;
  color: #091F48;
  font-weight: 600;
  width: fit-content;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.create-ps-title-close .close {
  font-weight: 200;
  font-size: 21px;
}

form-check.um-cp-check {
  padding: 0px;
  margin-bottom: 10px;
}

span.um-fm-tl {
  margin-left: 5px;
}

select {
  border-radius: 15px;
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--input);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAICAYAAADqSp8ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABySURBVHjarNPRCcAgDEXRaydwpU7maI7gKt3g9aPpR220hfhAEAweMDFxJQMHPyKJSDbDKlAmdQVoVhtOtss0QIudNSBLIrK+0Ad2P+kK0ENf2GqwR+X1LQqmQU+r7fd+eqNTmiaDhPdVouAJAAD//wMAwPDg02RxKxQAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

.create-popup-post .modal-dialog {
  max-width: 730px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.create-popup-post .modal-content {
  border-radius: 15px;
  padding: 16px;
  max-height: calc(100vh - 124px);
  overflow: auto;
  position: relative;
}

.create-post-content-inner-main {
  height: 100%;
  position: relative;
}

span.um-ulpoad-close {
  float: right;
  font-size: 28px;
  margin-top: 5px;
  cursor: pointer;
}

.um-upload-msg .list-group-item-success {
  background: #82cdb8;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  margin-bottom: 10px;
}

.um-upload-msg img {
  margin-right: 14px;
  color: #000;
}

.um-drap-main-box img {
  width: 100%;
  margin-bottom: 20px;
}

.cstm-sm-form textarea:focus {
  box-shadow: 0 0 0 1px #351BCE;
  border: 1px solid #351BCE !important;
}

.create-pp-post.csm-main-pp-post {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.create-pp-post.csm-main-pp-post .create-pp-post-right {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.create-pp-post.csm-main-pp-post .create-pp-post-cont {
  flex-grow: 1;
  overflow: auto;
}

.um-channels-th {
  display: flex;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
  margin-top: 5px;
  color: var(--blue);
}

.um-channels {
  margin-bottom: 20px;
}

.um-channels-td-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--black);
  width: 39%;
  padding: 0px 1% 0px 3%;
}

.um-channels-td-checkbox {
  display: flex;
  width: 10.3%;
  justify-content: center;
}

.um-channels-td {
  background: #ffffff;
  border-radius: 15px;
  margin-bottom: 12px;
  display: flex;
  padding: 15px 0px;
  align-items: center;
}

.um-channels-td-checkbox .form-check-input {
  position: initial;
  margin: 0px;
  height: 18px;
  width: 18px;
}

.um-thank-you-left:before,
.um-thank-you-left:after {
  display: none;
}

.um-calendar-box-top {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: var(--text2);
  margin-bottom: 10px;
}

.um-calendar-box-bottom {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
}

.um-calendar {
  display: flex;
  align-items: center;
}

.um-calendar-box {
  background: #ffffff;
  border-radius: 15px;
  padding: 12px 16px;
  margin-right: 16px;
  text-align: center;
}

.um-drap-main {
  padding-left: 32px;
  margin-top: 15px;
}

.um-drap-main h3 {
  color: var(--black);
  font-weight: 700;
  line-height: 20px;
}

.um-drap-main h4 {
  line-height: 18px;
  margin-bottom: 20px;
}

.um-checkbox-main {
  margin-top: 12px;
}

.um-checkbox .form-check-input {
  margin: 15px 0px 0px 15px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.um-checkbox {
  margin-bottom: 12px;
}

.um-checkbox .form-check-label {
  margin-bottom: 0;
  width: 100%;
}

.um-cl-sl {
  width: 100%;
  background: #ffffff;
  border-radius: 15px;
  height: 48px;
  padding: 14px 18px 14px 45px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  cursor: pointer;
  border: 1px solid var(--white);
}

.form-check-input:checked+.um-cl-sl {
  border: 1px solid var(--black);
}

.um-ck-ac {
  pointer-events: none;
  background: #ffffff;
  border-radius: 15px;
  height: 48px;
  padding: 14px 18px 14px 42px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  width: 104px;
  cursor: pointer;
  border: 1px solid var(--white);
}

.form-check-input:checked+.um-ck-ac {
  border: 1px solid var(--black);
}

.um-radio {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
  width: 168px;
}

.um-radio .form-check-label {
  margin-bottom: 0;
  cursor: pointer;
}

.um-radio .form-check-input {
  margin: 15px 0px 0px 15px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.um-radio-main {
  margin-top: 12px;
}

.um-questions:before {
  display: none;
}

body .um-questions:after {
  content: "";
  position: absolute;
  background-image: url(/assets/questions-C0_Ba25y.png);
  height: 407px;
  width: 308px;
  z-index: 0;
  bottom: 0;
  right: 0;
}

.um-right-in-label b {
  color: var(--black);
}

.um-number {
  position: absolute;
  right: 0;
  line-height: 40px;
}

.um-number b {
  color: var(--black);
}

.um-credit-cards img {
  right: 12px;
  top: 6px;
  position: absolute;
}

.um-payment-left:before {
  display: none;
}

body .um-payment-left:after {
  content: "";
  position: absolute;
  background-image: url(/assets/payment-gWWoSXLA.png);
  height: 275px;
  width: 279px;
  z-index: 0;
  bottom: 52px;
  right: 25px;
}

.um-total-amout {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.um-total-amout-label {
  margin-right: 8px;
}

.um-cstm-rac-in-content {
  color: var(--black);
  font-weight: 600;
  width: 42%;
  text-align: right;
  word-break: break-word;
}

.um-plan-information .um-ysp-right {
  color: var(--text3);
}

.um-plan-information {
  box-sizing: border-box;
  border-radius: 15px;
  padding: 24px 24px 10px 24px;
  width: 100%;
  display: flex;
  background: var(--navyblue);
  margin-bottom: 30px;
}

.um-right-in-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-cstm-rac {
  margin-bottom: 32px;
}

.um-cstm-rac-in-label {
  width: 48%;
}

.um-cstm-rac-in-content {
  color: var(--black);
  font-weight: 600;
  width: 45%;
  text-align: right;
}

.um-total-amout-content {
  color: var(--black);
  font-weight: 600;
}

.um-cstm-rac-in {
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
}

.um-birthade {
  position: relative;
}

.um-birthade:before {
  content: "\f133";
  position: absolute;
  font-family: FontAwesome;
  right: 18px;
  color: var(--black);
  top: 10px;
  font-size: 21px;
  cursor: pointer;
}

.um-fm-tl i {
  color: var(--text);
  opacity: 0.7;
  cursor: pointer;
}

.um-captcha {
  margin-bottom: 40px;
  margin-top: 5px;
}

.um-ysp-price {
  margin-bottom: 16px;
  color: var(--white);
}

.um-ysp-price-in {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
}

.um-ysp-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  background: var(--yellow);
  margin-bottom: 20px;
}

.um-ysp-price sup {
  font-weight: 600;
  font-size: 24px;
  margin-right: 6px;
  top: -15px;
}

.um-ysp-left {
  width: 50%;
}

.um-ysp-right {
  width: 50%;
  color: var(--text2);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.um-ysp {
  background: var(--black);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  border-radius: 15px;
  max-width: 547px;
  padding: 24px;
  width: 100%;
  display: flex;
}

.um-left {
  background-color: var(--black);
  height: 100vh;
}

.cstm-um-main.cstm-login .um-left {
  background-image: url(/assets/mds-login-bg-B3DpCnlm.png);
  background-size: contain;
  background-position: right center;
  height: 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
  height: 100%;
  display: table;
}

.cstm-um-main.cstm-login .um-left::before,
.cstm-um-main.cstm-login .um-left::after {
  display: none;
}

.cstm-um-main .um-left,
.cstm-um-main .um-right {
  min-height: 750px;
}

.um-right {
  overflow: auto;
  height: 100vh;
  display: flex;
}

.um-right::-webkit-scrollbar {
  /* width: 10px;
     */
  width: 0px;
}

.um-right::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--grey2);
}

.um-right::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.um-right::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
  cursor: pointer;
}

.um-right-in {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 456px;
  margin: auto;
  width: 100%;
  padding-top: 20px;
}

.um-logo {
  margin-top: 28px;
}

.um-title {
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 72px;
  color: var(--white);
  margin-bottom: 18px;
}

.um-title h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 42px;
  line-height: 54px;
  color: var(--white);
  margin-bottom: -4px;
}

.um-title2 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
  color: var(--white);
  margin-bottom: 24px;
}

.um-title2 h2 {
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
}

.um-left-in-mn {
  padding-left: 50px;
  padding-top: 150px;
  padding-bottom: 50px;
}

.um-left-in-mn.csmt-um-left-in-mn.login-um-left-in-mn {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.cstm-um-main.login-um-main .um-left-in {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.um-text {
  margin-bottom: 30px;
  max-width: 440px;
  width: 100%;
  color: var(--text2);
}

.cstm-um-main.login-um-main .um-text {
  max-width: 100%;
}

.um-text p {
  margin-bottom: 30px;
  max-width: 440px;
  width: 100%;
  color: var(--text2);
}

.cstm-um-main.login-um-main .um-text p {
  max-width: 100%;
}

.um-left:before {
  content: "";
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWkAAAERCAYAAAC5ClbiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA7tSURBVHgB7d09cxRHGsDxp0c6kA1ULVUWXpeDW/kLmNAZIrMji+wushQ6MnwCRHaZIbsMkd1FiMwZIuMiy9llGoIr9ELVLVWCWwTa57pXWrFIK+3uaF6emfn/AoOkxXZbnr96e3pmXHN27qk4mRcAgCluSlqRAADMItIAYBiRBgDDiDQAGEakAcAwIg0AhhFpADDqwwe9SqQBwKipKWkQaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGEakAcAwIg0AhhFpADCMSAOAYZE4bQkAwCRm0gBgGJEGAMOINAAYRqQBwDAiDQCGEWkAMIxIA4BhRBoADCPSAGAYkQYAw4g0ABhGpAHAMCINAIYRaQAwjEgDgGHTgmpx8sKprHdVY+ek/fHT7ro6aYjKDakSP14/pjVVbQ+O13+h5b/WYrwoOyJdBU6e6b6uvvsgK+123D7rpY1Gq3Hhgsz7t1AL/g/+JGXkxytOVzodWR013qDZbM1LVxZV3I/O/yeQsqnbePEJ17zW2uj9FEb5HBy8y5ub8Zok4A/mVjiY/d/orpRBSuP18fqlFPGq23hxUqQ3iXQ5xf6bt5T04D2udzDvu4c+CvNiU/rj7cqy4XcSdRsvTuMjPXX5UuO2/+bxU7YkVGTdRfqDP4DXJSW7u+327tv2I///gp9wuXmxxM8mO3t689Wr+N+Skt5437RXGS/Mc/KImXSp6KPN7XhRMvTVF63bGrlfxYTsx9ucbS2K8+8iTKjbeDFSmElfunR12f94nRHY5mdY/gBekIz5GfXzK581XvsD+XspkBO3urm98VfJmB/vOuOFWX4mHXFCoRTizjvNPNB9L1/F953qAylO/L+97pLkhPHCMi5mKQP/lmecrVdpuvg+nGjyJ7CKUMB4X+7Et/2EJbV1/onUbbyYCJE2z634k4Sx5CwO0ehqbrO7j4oZb6BdvSM5Uz+jrdN4MTkibV3UvScF2XwVr4Wr2yQnKtKu23jdlNyXguQ9XiRDpE0rblZ5RDW3aPZOnjHefOU4XiRDpA3b127hJ3d6sy3RWHLAePOX53iRDJG2K97ZiU2c2HEqTyR7jLcgOY0XCRFps9yaGKEqq5I5xluUfMaLpIi0Ueq6f4gRMx+y36rFeIuTx3iRHJE2yjk7B07YjtfbeZEhxlucPMaL5Ig0xuJEa3UQM15YQaSNcs5tSI0wXmA4Im2Uqs5JjTBeYDgibVS3a+3GV64lGWK8RXMtgUlE2igXHipqxNezreuSMcZbnDzGi+SItFVq51FW7/MICuMtzHtDPzBwEpE2y90IT/YWAyKVHyVzjLco+YwXSRFpo8LDGGamxcTbUHUu8wcOMN4COZ57aBmRtsy5u1Kw8Ey83J7ew3hz13vmobDcYRmRtszJfPOL1rwUKc+QMN78GfhBgbMRaesKPIi+nP3mF8l7lsV4c8MsuhymLl+6uiywy595v3S58frNm/ZzyVGz0WrJtPwj9yfJM95cHIzXPRQeRG1beFq4wD51d2dz3Mva23VwwT0t7EnyjDf7f+QF91iYRZcCkS6BEI8p5x73Zj85mLkQ/SoFHsCMN1vNa9889P9MLmApCSJdHq0w28vyQA4zynAA+3nWohSP8WbA0HgxJiJdLi3/NvX3wxM+qQpxuOgjYewAZrwpCeP98trc7wS6fIh0yfTWTZ172Jz95mFas66wqyHEweJbYMZ7fpbHi9Fc89qcCkopPE3DqVuV9917m+04nuTPhrf6F6dl0UUu/21nCdVtvD3qVpKOd+ZPsuAP8Z/CfmxBOUV6k0hXhcqaqj7pOlk77SnUvZnZn8IBG91QpwuF7WZIA+M9oT9ef0B/62fji6UeLw4Q6UqLBz/w3+RGxQ/aePADxotK8JGeFlRVa/ADJ5XXGvyA8aIqOHEIAIYRaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGEakAcAwIg0AhhFpADCMSAOAYUQaAAwj0gBgWBRupC4AAJMiJ0qkAcAoljsAwDAiDQCGEWkAMIxIA4BhRBoADCPSAGAYkQYAw4g0ABhGpAHAMCINAIYRaQAwjEgDgFHOuQ0iDQCGRU4cd8EDAKMiVe4nDQBWsdwBAIYRaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGBY5x8UsAGBVpNJ9LQAAk1juAADDiDQAGEakAcColy83XoRIxwIAMImZNAAYpHJwh9LI/y4WAIAp7ijSAAB7nLwIvzCTBgCDVPVwJj1NpAHAnMMJdDTT4fFZAGCNc4dr0nE7bvfPIgIAbOiKrIdfo8O/xAIAMEP7yx29D0T/EACAGTs78ceZtDCTBgAz9HCpI4gOPxMLAMAIfdH/3UGkp2RNAAAmuOMz6c3NOGaHBwAYEX2cOB9dFu70Y7kBAMXpdI6vSUuYXrPDAwCKFk4attvx0cpGNPgFAQAUyon7pMVHkZ55L6sCAChUV7pPBj8+inTcm15rLACAwkSRDJ9JB/7k4RMBABTDybOw227wU59EWpUlDwAojOra8U99EumZD7LOfmkAKMb+kInyJ5EO69LslwaAQsT9myoNGvKMQ30kAIBcqerQc4InIh224rHkAQD5clNyf9jnT0SaJQ8AyFe4mPD4ro6+aPif0HsCAMiFU31w2teGRnrzVbzGkgcA5OSM20VHp33ByellBwCkxa2cttQRnBrpmb3hi9gAgBRF3TOXl0+NdO9eHsoTWwAgM0MuAz8uOuuLnEAEgAx1dWXUS9yoFzRn5576V80LACBN8eb2xtyoF0WjXsBsGgAyMGZbR86kA2bTAJCqsWbRweiZdMBsGgDSM0FTx5pJB8ymASAFYUfH1sb8uC8fbyYdTOmSAADOx+niJC+fGveFu7vt9uVLDT/zdvMCAEjArfhZ9ES3gx5/Ji1HVyHGAgCYVDzq6sJhJop07yrELsseADAxf7Jw1NWFw4x94nDQV9e+eayiCwIAGMfYW+6Om2gm3Xdxrxtm07EAAEaL9KYklCjSLHsAwLiSLXP0jb2747jdt+34yueNq+LcdwIAOCnsid6OF+UcEs2k+17uxLf9ojbPQwSAk+JJ90QPc65IBxrpLR61BQCf6oreOc8yR9+5Ix3+JVxXbwkA4JDe296OVyUFidekB/XWpz9rvPbr098LANSYE7e6ub3xs6QklUgHPtTPuWwcQM3FnT39odNpdyQlqUU62H3TXrv8eWPOz6ivCwDUSxz2Q796FW9KihJdcTgKtzUFUCdh88S06s3/7MSp73Y794nDYWbe6y225gGoCxVdyiLQQSaRDlckXtzTm4QaQOWpLqW1k2OYTCIdEGoAVadO72zuxCuSocwiHXwMtcvspwwAFCEEemsrvi8ZS3V3xzDtTruz++a//+Q+HwAqwy9xbG3Hf5ccZB7pvt237d/YRw2gzMIuDqf6c9ZLHINyi3QQ9lFzZSKAMupvs3u5E/8mOcpkn/QoX8+2ru8799j/tiUAYF/vQpU0bpg0qUIiHTSbrZZ03VMh1AAsc/Ks804X2uFhJwXIdblj0O5uu+2XPx6wTg3AKlV94E8Q/iXNe3FMqrBI9x3e7+PF4f0+GgIABeufINzaif8mBStsueO43vLHvnvIPT8AFMkHet1FequI9edhCp9J9/WWP962H4XdH+rcd/6nx4wAQI56yxs78a3QIzHCzEx6ELNqADkLuzeW/Ox5TYwxGem+5mxr0a9V3xV2gADIjN7r7Mn9onZvjGJmuWMYv/yxfvlK44lfJLrqf57wIAEA6XHyrLf3eSteLXL3xiimZ9KDwhKI67rHflGfWAM4D7NLG8OUJtJ9LIEASKK3rU70weZ2vCwlUrpI9xFrAOPox9nyuvNZShvpPmINYJiyx7mv9JHu68U6cov+O3NDANRXOCHY1ZU8byeapcpEuu/gDnty2w8txLolACovzJpF9ZGbktWynBAcV+UiPSjMrp1zC/4b+KMAqJ4wa3a60unIapmXNM5S6Uj3NRqtxoULMh+JLDDDBsqrt87s5A/d19V3H2SlqmEeVItIHxeWRD6oj3bk5rsiNxx33wPscvJCu7oaljL8jHm9DmEeVMtIHxei/d5Jy/lwu8hdV5VvCTeQv6OZclfX1cna3p6s1S3KxxHpU4QlkpmZ3tWNLen6gIuPt+uFu+X/T/qzAEjOz44lXPmnEveCHEkcRbJu5faglhDpBJrXWsv+P91dQeoO9rbKE1UNM6rcZ1D+XVTDn2yu0LsojaUg2vXfy+mj72E8tS/t/SlpE+LJTAtgwcFZ+uWtim2fAs6LSKNw6vTO1lZ8XwCcQKRRLNWlre1qXBkGZCESoCg+0FW5dBfICpFGMQg0MBYijfwRaGBsRBr5ItDARIg08kOggYkRaeSDQAOJEGlkj0ADiRFpZItAA+dCpJEdAg2cG5FGNgg0kAoijQzoPQINpINII2U+0NvxsgBIBZFGigg0kDYijZQQaCALRBopINBAVog0zolAA1ki0jgHAg1kjUgjIQIN5IFIIwECDeSFSGNCBBrIE5HGBAg0kDcijTERaKAIRBpjINBAUYg0RiDQQJGINM5AoIGiEWmcgkADFhBpDEGgASuINI4h0IAlRBoDCDRgDZHGIQINWESkIQQasItI1x6BBiwj0rVGoAHriHRtEWigDIh0LRFooCyIdO0QaKBMiHStEGigbIh0bRBooIyIdC0QaKCsiHTlEWigzIh0pRFooOyIdGURaKAKiHQlEWigKoh05RBooEqIdKUQaKBqiHRlEGigioh0JRBooKqIdOkRaKDKiHSpEWig6oh0aRFooA6IdCkRaKAuiHTpEGigToh0qRBooG6IdGkQaKCOiHQpEGigroi0eQQaqDMibRqBBuqOSJtFoAEQaaMINIADRNocAg3gIyJtCoEG8CkibQaBBnASkTaBQAMYjkgXjkADOB2RLhSBBnA2Il0YAg1gNCJdCAINYDxEOncEGsD4iHQSKrEkQqABTIZIJ5Eo0gQawOScIJHmtbkN/0trvFcTaADJMJNOqqtL472QQANIbkqQyO7bdnzls8Zrce77019FoAGcD5E+Bx/q55evNB75NeqrfuWo4T/VUJG2c/IviXRpcyteEQAAAFTT/wG1AcMfGqn1UgAAAABJRU5ErkJggg==);
  height: 273px;
  width: 361px;
  z-index: 0;
  right: 0;
}

.um-left:after {
  content: "";
  position: absolute;
  /* background-image: url(../Images/pl.png);
     */
  /* background-image: url(../Images/ppl-img.svg);
     */
  height: 100%;
  width: 100%;
  z-index: 0;
  bottom: 0;
  right: 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 38%;
}

.um-left-in {
  position: relative;
  z-index: 1;
}

.um-people {
  display: flex;
  align-items: center;
}

.um-people {
  display: flex;
  align-items: center;
}

.um-people-photo {
  margin-right: 44px;
}

span.um-people-photo-in img {
  border: 2px solid #ffffff;
  box-sizing: border-box;
  border-radius: 50px;
  height: 60px;
  width: 60px;
  object-fit: cover;
}

.um-people-joined a {
  font-weight: 700;
  color: var(--white);
  text-decoration: underline;
}

.um-people-joined a:hover {
  color: var(--yellow);
}

span.um-people-photo-in {
  margin-right: -20px;
  float: left;
}

.um-right-in-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-right-in-sub {
  display: flex;
  width: 100%;
  padding-bottom: 15px;
}

.um-not {
  padding-top: 8px;
}

.um-not a {
  font-weight: 700;
}

.um-rmb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.um-right-in-remember label {
  margin-bottom: 0px;
  cursor: pointer;
}

.um-right-in-remember {
  display: flex;
  align-items: center;
}

a.lets-get {
  font-weight: 700;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: var(--white);
  margin-right: 8px;
}

a.lets-get:hover {
  color: var(--yellow);
  -webkit-text-decoration-line: inherit;
          text-decoration-line: inherit;
}

body .um-meme-det-only {
  min-height: 410px;
}

.um-right-in2 {
  display: flex;
  flex-direction: column;
  max-width: 605px;
  margin: auto;
  width: 100%;
  height: 100%;
  padding: 50px 0px;
  position: relative;
}

.um-title-how {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-rgt-btn {
  padding-bottom: 30px;
  padding-top: 10px;
  display: block;
  width: 100%;
}

.um-rgt-btn .btn2 {
  float: right;
}

.um-member-step {
  margin-bottom: 40px;
  overflow-x: auto;
  width: 100%;
  overflow-y: hidden;
  min-height: 330px;
}

.um-member-step-in-box {
  width: 240px;
  background: #ffffff;
  border-radius: 15px;
  margin-right: 16px;
  padding: 16px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.um-member-step-in-box-number {
  background: #ffcc00;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: var(--black);
  text-align: center;
  width: auto;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  right: 25px;
  top: -11px;
}

.um-member-step-in-box-icon {
  margin-top: 15px;
  margin-bottom: 22px;
}

.um-member-step-in-box-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 7px;
  width: 208px;
}

.um-member-step-in-box-content {
  font-size: 14px;
  line-height: 24px;
}

.um-member-step-in {
  display: flex;
}

.um-member-step::-webkit-scrollbar {
  height: 10px;
}

.um-member-step::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--grey2);
}

.um-member-step::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.um-member-step::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
  cursor: pointer;
}

a.read-more {
  font-weight: 700;
  text-decoration: underline;
}

.back-btn {
  border: none;
  padding: 0px;
  background: transparent;
  color: var(--black);
  cursor: pointer;
}

.back-btn:hover {
  color: var(--yellow);
}

.back-btn img {
  margin-right: 3px;
  vertical-align: -1px;
}

.um-back {
  margin-bottom: 13px;
}

.um-membership-details {
  display: flex;
  gap: 20px;
  padding-top: 40px;
  margin-bottom: 0;
}

.um-membership-details-in {
  background: var(--white);
  border-radius: 15px;
  padding: 33px 16px 20px 16px;
  position: relative;
  border: 1px solid var(--white);
  cursor: pointer;
}

.um-membership-details-in:hover {
  border: 1px solid var(--black);
}

span.um-md-price {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  color: var(--title);
}

.um-membership-details-in-price sup {
  font-weight: 600;
  font-size: 24px;
  color: var(--black);
  margin-right: 6px;
  top: -15px;
}

.um-annual-payment {
  background: var(--yellow);
}

.um-quarterly-payments {
  background: var(--aqua);
}

.um-membership-details-in-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  text-transform: capitalize;
}

.um-save {
  position: absolute;
  right: 20px;
  top: -44px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--white);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABfCAYAAACOTBv1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAwMSURBVHgB7V1Ndhu5ES5Ak1jJxp4TTPsEozmB6UUS2xtLnpe1qRPYOoHFE1g6gel18mR6459kYeoEVk7g9gnGXo2ciECqCugmGg30D9kUJbO/9yT+AI1uFgpVhUKhAHCNoe/tDuAaQ8IVhr73aFhdY+vZctevF1eW+MjVCf5/XFM+0A8e/VTRzLOa8rVibcTXu7u3DAEjkH+4BSAGcdEizfcz2Au2b65LoOoZ8P7r7Jy1EV9MJl9Ai1fRCup/t2zNsGgR4qF5hZ/DDdjrlLwNUcgP4s3JZ1gT1it2pEj03x49D5aJrYz4Ye7Xese8wm6piEeUMNeoi1uh5lEfPMNrg2WXhZUSXw92a36cSJFzn0aI61wrC7JfP/g7ET4xTcCtsuiQ89EiZekZ9INduv4Q36WwRqyW87fl00q5DpCaF/ki0FGJ835YKFeznUJNR+7b+w3zMo+7uR0ljbgT4itEwPrg3qNDWCFWLXZSkqvRDtAq+/EJ3JCVZiN1ZP4+k/f5Z1fue+0IT7Rsy+eQdazWZxB6LH5e+QGUCpZ3hRVzvpoA/9BYB6DYyd+i+PnrriO/dbG+hic592fyfl7G1/E9REkH5CLJ2v3D+T3FF6/unPD03P+FKawQKyU+WzSgpxDvgLR4AYqfrI6QN4tlyMEkxlx575Tpv5Acl4OYErXtPqu6f4HwAKdiOvkCK8TqrR0hXtt3SbkDVFqsS4QTL/i9VmUiIvejvN+FEKQcQJm4BGtqsjhKvIvSvOki4eleE1gxliY+iQo0F5/GKyj3RyReB6TlC9C0jLVHnSOwA0KQECAu3V/f1A9+pWuGpbLZBXN2ifB8LxUlPrVXFJGLQUAHQFn6CV+myMkj8W6SRsoT5yuso+7CNnyBc/lbuUH8XgJ0YodXtCXenYgg4fH5sKw0ObPzBxyZIgmVt0VXYmcEzFnE1QFnltCvvW8S/sHnzMlluUoc3tUEKNYWdkqE8DRaXpeqE6cL+dFO3kbQyaN1BH1/7yO6CzIrZOyOAjOJ4h/pI+2U0G1AI8J0fFIulHfFu39OuRpZWH+SL5yZdNoF1/NdoCtofeB8GvIosHIRO2Ea5HD64eua4hv7Pyl9j52SE56YZhu5vejC6ITrzSN0CH1v70PuU8m/hCP4pkawLY6w7DFcdZDI+aaHyO3k+/EVf2dcT/ihaUX2h8zQxyLUcUip2lqjEvFx8oTcQ5wzhusAIX5DRiFuTwKlUa7P6YOM1nR+0Irz9X00ATXQ9HyMMv0lixO/Toj7vw/ELKCBcV8LmuAdiPcnR9AQrcUOEnfsiI8U/1CxnoyLDxNUrtcd+4XfeR/1mRZPHEYbY/k+tEB74uMKFNrmaHL5djsNSTUlkfQdcj9zPVs+2/IJi9KioZDCufqlrTtiIYXL8k0jd5ctlRR4sgWn+PcCvhegOEFK3QwQHdiK00j4qB6MY2Frx5H/m42Wct7FUqYmTqyOjNzbUGh9LN6/egoLImhqslz/hnauog/qlPzaQXl2Qx/COS9sJLB5SHE+cBgqYN3wRxigO+IOfhJUL0S/Ss4vWDa86iOmfmeYBQyeBa5nproOeHLeIza+Zm4Wjeb4q2G8mRrYdcyyn9ztjC2ZbJj8H/ESY4nYDhqIpEYyP9oBPWKguc9hXaXGCrfvgMZoRHhCO/fCvd0hhXlAjxgKs+A6tJ/h0rQa2L+9OQq2DqSAZ2pf/GvSat039+eTxq4JcDL3eYs3ELgEGFx/3UAQ4ZEeTQjPgVhO8FfO+ca2F4fOpCm1JfY1j7FxA0t7HUCWD5ueLAlMjBC9FxTuKBJbx7yiBeTa/CWxE13X7LE4tECzVBxkK2QZojK/t246AI0IhdZPxPdTM8PlUInDa7H8d/WAnl01rPJ2Np1kDQEiQUk9ijDy/6CJydliktWPglp4CrUOzUNHzin0A714AhbyXW8A0N+jx21Ws+amJnH2DE2kLbnDMS2KzaaEQ7WlSPpJVQuwoiUTnc3zFD9/ZUec5NilNNMDwqzJckwNeuh6mb5yGJ1wjGu+RwWZ72weuAM9ugata4+R6JPoJIvgKNd+NCwDI35egtia+BMsU1wDOxpoUeBn6NEUp0jZCfyuKhVwc1OTtuOoi6e9qRlBDZeH0MjU5Ci02eyxFUM9QjDW4B1cVn3YNBtKWOZnC8JSPuTdfb2ZuQhSoAAypV7Hoj/mdr7ZBDDEWdpDXhDuCd4xaFemeJmFVNI3goeIkE9COQx6rArYEUofzzmfFKpWCQ4TEwpBu7p77l8eZlL1Hw61EejXdzm/6jpj4cx2eMe34Kjj3tysBxF6yoSWW2fizT/OYhXbRi+QiHrVj4gAaIOdwrXcf0/Oml7S0J/v7L7oUYdxbD+yj7qVrEFP9IUxruuECt8O5yoYQo9lMY51gufV7Im+Qoz9TmDi271GFGU8hB6rxjjrBGdzhBpBts+U0ioqHbBocB7A0IPewVbAGIy/3iRQ0n4SpYs0dFH7WE1Kn6J0v45bxqF4dzJqc0FzlzKLJsqD2Vs+UVCCJKEOmu5MbGbn09ZPk5EvgR51SCmXUJMOqPXnGzFT2vTcI44EyfqpMvuWRTxWs7eAugAtmB/ElhKrJlnlSGXjofuMNc7AZIOlRteeFnctsGGBwDSiDXGcijLkeExjYigQIv4rmpAKGyVzSafGDYqE1rMzvwF9/9GrDV8HKCW7MJ5gNNOFotfE7lSkALSRH79ZJj6KmyYhb0j454FkQJsHDUfi/clBbbUAXVvb+dwQZeDmRNA9LFrb+IQF8u30hI+gdQe0SnBnk4MeBgtZ+YopfNegFSqIieRDoy+bozHxOVOg71YwD3JKqRDhd3Ub1pyP/jIg3p78iEp0j/IqlEv1uM0JRs1nuMXkRqWgTxtWuAEbpNlsnNI7Oxcia28IWXBxi+XEBrGauc3/ORZ/aB9iU2bBwZRelk4DMB3xUxMXQ31qRwE7SPDq/GEmB2UCm4HsoIWCeWkJPaY/u5mc/tKqhhYyNV3YHv8UaNlsAqCs39dxBmzS/R5DdDvsXPwsig7S+QbTOI6NAlbTa+t64HS/+PzAhkRAuYql9ygvRXxreibOV6cmCfTJvhFT8pqvdolnJE5MtijqBLtaZcoGTTyXla3DgvDSe6VI6H03Lj0qjsxdv1ybEXGufnT1XWFPMoumxdI6Epbg/PxUHnIY3S5vCJCDyIWj2Ck96wOf6xKenbqnFAEp1pMxp/UVnGuTJpYLm9cLEZ97X+uvJNcrsir5RyYR9+xz/VBOsnVCix3zXFB2kFHIfAA42Tri0y/QBF/0aNilrZ0QAvmUU5BqT7yZnNng249QfhIztFcpjqqOA5GQ0DmJ4SXT5S2bEFZ0WpCjaDWHRd8lwpvPWfiJh5naZ+KsEiYl416wTMFdrsLP6SVz0nIliVs7J37xeDw00b7NvJmeGgQuG1VkasIFnZY6guLhIw4we4pFSLzsOHVS2Fa/4H2P7VeD+nMe22MFnC8H9s2ITLTSzFh7S22Uf3KuN5JSc5onOqcQRsSFq6f2Oh8J/WN5PSesgXe0Kx2wJt5yXswR2APSoGN0T3yhaYjuRxVxUdme1iT+TE2iIOcYP7fMKMkAh4vU3j+NNWwIy1aOgQ4bAXNF3P1OzE6Jb2x/HU1vaLYe5coupWRANU0aztaBAyKz45RCHC6kra/2oQrbeg+yDgoe7WqbY8tmtt8kAWAbdEp8ng2+qXClzpVtWuv10+K104nlekrbMnIBeDi/OLPPMy1wt/+8fHYjKtds9FilG6zLM93FJlMxXPJJ0FbZktlZ90PELBdHXNcVLzhJy/zlJQLTUUuunpG6cnGb284sIP+00RXjcomveYfjQeXoMBiXO8eV+8JzdIm5QhZo6bgldC9fuXrILSBxuRv+Lpn4KEoimfY4749BasPVvQpqTlT/0Mht5bZZ9ifd0LlijpmMRq6LmFW1Elwa8Ym4lcdbnOeK+GVQJHHwFuPUL3fO3TU2vn8plWeK+c/eObtuvYYJqLvCpRHfEKgWaZwAudgZh4vtubu5pePBjI4UrhAuWeHWIh73omeZ+TgNlt9QY361Z9z6sJZNtenZIw70pr6oLt/7ANcIV43zqyFVpdUCsx9qYyavEv4PFhmd6yVOkPIAAAAASUVORK5CYII=);
  height: 95px;
  width: 95px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.um-membership-details-in-price {
  margin-top: 22px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey2);
  width: 250px;
}

a.linked-agreement {
  font-weight: 800;
  text-decoration: underline;
}

.webfooter {
  visibility: hidden;
  display: none;
}

.modal-content.cstm-modalcontent {
  padding: 20px;
}

span.msg-btn button {
  margin: 0;
}

/* 03-08-2022 */
.postdetailcontet {
  align-self: center;
  text-align: left;
  padding-left: 0;
}

.postdetailcontet h5 {
  font-size: 16px;
  font-weight: 700;
  color: #091F48;
  margin: 0;
}

.postdetailcontet p {
  font-weight: 400;
  font-size: 12px;
  color: #201E29;
  opacity: 0.7;
  margin: 0;
}

.postdetailtext1 {
  font-size: 14px;
  font-weight: 400;
  color: #201E29;
  text-align: left;
  margin: 0;
  padding-bottom: 8px;
}

.postdetailtext2 {
  font-size: 14px;
  font-weight: 700;
  color: #351BCE;
  text-align: left;
  margin: 0;
  padding-bottom: 26px;
}

.PostDetailLike {
  text-align: left;
}

.msg-popup .modal-content {
  padding: 30px 40px 30px 40px;
  width: 88%;
  margin: auto;
}

.postdetail {
  padding: 16px;
}

.border-bottom1 {
  border-bottom: 1px solid #CCCCCC;
  margin: 16px 0;
  padding: 0;
}

.header-chat-cont-head-top.post-detail {
  margin: 0;
  padding: 21px 21px 0 21px;
}

.cstm-starred-group ul li:last-child {
  padding-bottom: 0px;
}

.header-chat-cont-head-top.post-detail.post-detail-cstm {
  padding-top: 0;
}

.postdetail.cstm-postdetail {
  padding: 16px 16px 0 16px;
}

.um-back.cstm-um-back {
  margin-bottom: 10px;
}

.uic-title.cstm-uic-title {
  margin-bottom: 10px;
}

.gl-title-sub.cstm-gl-title-sub {
  margin-bottom: 0;
}

.error.cstm-error {
  margin: -14px 0 0 0;
}

.col-sm-6.form-group.cstm-fromgroup {
  margin-top: 9px;
}

.gl-title-sub.cstm-gl-title-sub {
  margin-bottom: 0;
}

.create-pp-post-img1 img {
  max-height: 675px;
  object-fit: contain;
  border-radius: 0px;
  height: 100%;
}

.create-pp-post-img1 video {
  max-height: 675px;
  object-fit: contain;
  border-radius: 0px;
  height: 100%;
}

.cstm-user-social-main {
  display: grid;
  align-items: center;
  height: 100vh;
  min-height: 650px;
}

.cstm-main-header {
  text-align: center;
}

.social-icon-main-row {
  display: flex;
  justify-content: center;
  gap: 15px;
  height: 100%;
}

.social-connet-main {
  display: flex;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.cstm-main-header h2 {
  line-height: 50px;
  color: #000000;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.social-col-main {
  width: 48%;
}

.cstm-main-social-box {
  min-height: 240px;
  height: 100%;
  border-radius: 13px;
  text-align: center;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
}

.main-soical-box-facebook {
  background-color: #4267B2;
  border: 1px solid #4267B2;
  transition: 0.3s ease-in-out;
}

.main-soical-box-linkdin {
  background-color: #0077b5;
  border: 1px solid #0077b5;
  transition: 0.3s ease-in-out;
}

.cstm-social-facebook-btn {
  background-color: transparent;
  border: 0;
  font-size: 38px;
}

.cstm-social-linkdin-btn {
  background-color: transparent;
  border: 0;
  font-size: 38px;
}

.box-label-content-facebook {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.box-label-content-linkedin {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.cstm-icon-main-facebook {
  font-size: 65px;
  color: #ffffff;
}

.cstm-icon-main-linkedin {
  font-size: 65px;
  color: #ffffff;
}

.main-soical-box-facebook:hover {
  background: #4267b2f2;
}

.main-soical-box-linkdin:hover {
  background-color: #0077b5e6;
}

.cstm-main-header p {
  margin: 0;
  padding-bottom: 20px;
}

.checkmark i {
  color: #ffffff;
  font-size: 35px;
}



/* New page */
.new-login-box-wrapper {
  height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.new-login-page .um-logo {
  margin: 18px 12px;
}

.new-login-page .cstm-sim-title {
  margin-bottom: 20px;
  letter-spacing: -0.36px;
}

.new-login-page .cstm-simplity {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}

.new-login-page .um-logo img {
  height: 28px
}

.new-login-page .btn-facebook {
  background-color: #0866FF;
}

.new-login-page .btn-facebook:hover {
  background: var(--color-bg-brand-strong-hovered, #0735AB);
}

button.apple-btn.new-login-page-btn:hover {
  background-color: #000000;
}

.new-login-page .cstm-register-now {
  font-size: 15px;
  margin: 32px 0 0;
}

button.new-login-page-btn {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.new-login-page-btn svg {
  margin-right: 6px;
  flex-shrink: 0;
}

.new-login-page .cstm-register-now a {
  color: var(--color-text-brand-strong, #0B42CF);
  font-weight: 700;
}

.new-login-page .cstm-apple-btn {
  margin-top: 12px;
}

@media(max-width:1440px) {
  .cstm-um-main.cstm-login .um-left {
    background-image: url(/assets/mds-login-bg-B3DpCnlm.png);
    background-size: cover;
  }

  .cstm-my-videos-list-box-img {
    width: 27%;
  }

  .cstm-my-videos-list-box-info {
    width: 73%;
  }
}

@media (max-width: 1250px) {
  .um-comm-prefe .col-sm-4 {
    flex: 100%;
    max-width: 100%;
  }

  .um-comm-prefe .col-sm-4:nth-child(2) {
    margin: 20px 0px;
  }
}

@media (max-width: 1200px) {
  .um-ysp-price sup {
    font-size: 18px;
    top: -12px;
  }

  .um-ysp-price-in {
    font-size: 36px;
    line-height: 42px;
  }

  .um-save {
    font-size: 14px;
    line-height: 18px;
    height: 75px;
    width: 75px;
  }

  .um-membership-details-in-price sup {
    font-size: 18px;
    top: -10px;
  }

  span.um-md-price {
    font-size: 32px;
    line-height: 42px;
  }

  .um-left:before {
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: right top;
  }

  .um-left:after {
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  .login-um-main .um-left:after {
    background-size: 38%;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  body .um-questions:after {
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  span.um-people-photo-in img {
    height: 40px;
    width: 40px;
  }

  .um-title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .um-title2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .um-left-in-mn {
    padding-left: 0px;
    padding-top: 110px;
  }
}

@media (max-width: 999px) {
  .cstm-vh-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }

  .cstm-my-videos-history-list-main-box-img {
    width: 45%;
    margin-right: 10px;
  }

  .cstm-my-videos-history-list-main-box-info {
    width: 55%;
  }

  .search-user-input {
    width: 200px !important;
  }

  .hf-m {
    display: flex !important;
  }

  .webfooter {
    visibility: visible;
    display: block;
  }

  .um-title h1 {
    font-size: 42px;
    line-height: 64px;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
  }

  .um-captcha {
    margin-bottom: 20px;
  }

  .um-rgt-btn .btn3 {
    width: 100%;
    margin-bottom: 20px;
  }

  .um-membership-details {
    margin-bottom: 20px;
  }

  .um-member-step {
    margin-bottom: 20px;
  }

  .um-rgt-btn .btn2 {
    width: 100%;
  }

  .um-logo {
    filter: grayscale(1) invert(0.95);
  }

  .um-logo {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .um-left {
    background-color: transparent;
  }

  .um-left-in-mn {
    display: none;
  }

  .um-left:before,
  .um-left:after {
    display: none;
  }

  .login-um-main .um-left:before,
  .login-um-main .um-left:after {
    display: block;
  }

  .um-rgt-btn {
    padding-bottom: 0;
  }

  .um-right-in2 {
    padding: 30px 0px;
  }

  .um-left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .um-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  span.um-people-photo-in img {
    height: 30px;
    width: 30px;
  }

  .um-people-photo {
    margin-right: 34px;
  }

  .um-left-in-mn {
    padding-left: 0px;
    padding-top: 45px;
  }

  .um-right {
    overflow: auto;
    height: inherit;
    display: flex;
  }

  .um-left {
    height: 100%;
  }

  .all-content-main-right,
  .sidebar-icon,
  .sidebar2-icon,
  .sidebar-icon.sidebarweb,
  .all-content-main-left,
  .header-ft-search-search input,
  .header-ft-search-select,
  span.header-ft-name-user {
    display: none;
  }

  .all-content-main-center {
    width: 100%;
  }

  .what-post-btn-all .cp-btn {
    margin-right: 2px;
  }

  .cp-btn button {
    font-size: 0 !important;
    padding: 8px !important;
    margin-right: 10px !important;
  }

  button.cp-btn-photos img,
  button.cp-btn-videos img {
    padding-right: 4px;
  }

  .newsfeed-post-right {
    padding-left: 0;
  }

  .newsfeed-post-right-header-name {
    padding-left: 70px;
  }

  .all-content-main {
    padding: 100px 0 0px 0;
  }

  .what-is-happening-main,
  .newsfeed-main {
    margin: 0 16px 24px 16px;
  }

  .newsfeed-post-right-header-icon {
    flex-direction: row-reverse;
  }

  .span.header-ft-photo-user {
    order: 2;
  }

  .header-ft-menu-view {
    order: 1;
  }

  .header-ft-search-search:after {
    height: 36px;
    width: 33px;
    top: -11px;
    right: -279px;
    background-repeat: no-repeat;
  }

  .newsfeed-write-your-comments-tx .react-input-emoji--button svg {
    margin-top: 1px;
  }

  .newsfeed-select-in {
    left: 0px !important;
  }

  .webfooter {
    visibility: visible;
    background-color: #fff;
    padding: 8px 0 20px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #b9b9b9;
    display: none;
  }

  .footer-icon {
    padding: 0 19px;
  }

  .newsfeed-post-right-cmt {
    margin-top: 19px;
  }

  .post-msg-all {
    width: 100%;
  }

  .profile-detilas-all-username {
    display: block;
  }

  .profile-detilas-all-username-left2 {
    padding-bottom: 22px;
  }

  .um-billing-info-right {
    width: 50%;
  }

  .cancle-subscription-link {
    margin-left: 0;
  }

  .um-billing-info-right-upgrade button {
    margin-bottom: 7px;
  }

  .profile-detilas-user-title {
    font-size: 18px;
  }

  .search-members-input {
    width: 258px !important;
  }

  .page-not-found {
    font-size: 18px;
  }

  .header-menu-dp.footer-menu ul li a {
    font-size: 16px;
    line-height: 17px;
  }

  .profile-bg-img-mn {
    height: 200px;
  }

  .profile-detilas-user-icon {
    margin-bottom: 15px;
  }

  .allpost-main {
    margin-bottom: 5rem;
  }

  .cstm-um-main .um-left,
  .cstm-um-main .um-right {
    min-height: auto;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    height: 100vh;
    min-height: 450px;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    background: var(--black);
  }

  .um-main.cstm-um-main.login-um-main .um-left .um-logo {
    filter: none;
  }

  .cstm-um-right-2 .um-right-in2 {
    max-width: 100%;
  }

  .cstm-um-right-2 .um-right-in2 .um-rgt-btn {
    text-align: center;
  }

  .cstm-um-right-2 .um-right-in2 .um-rgt-btn .btn2 {
    max-width: 200px;
    float: none;
    margin: auto;
  }
}

@media (max-width: 768px) {
  .header-ft-search-search:after {
    right: -258px;
  }
}

@media (max-width: 767px) {
  .something-icon {
    height: 18px;
  }

  .cstm-try-contact-btn button {
    width: 135px;
    padding: 5px;
    font-size: 13px;
  }

  .cstm-try-contact-btn {
    margin-top: 12px;
    gap: 12px;
  }

  .cstm-login-screen-popup p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .cstm-login-screen-popup h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .cstm-somr-icom img {
    width: 80px;
  }

  .cstm-somr-icom {
    margin-bottom: 10px;
  }

  .cstm-login-screen-popup .modal-content {
    padding: 20px;
  }

  .cstm-menu-responsive {
    display: block !important;
  }

  .cstm-hd-as {
    display: block !important;
  }

  .cstm-conten-listing-pg-only .cstm-cv-video {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 160px;
  }

  .edit-profile {
    padding-top: 54px !important;
  }

  .cstm-cstm-vpp-photo img {
    height: 320px;
  }

  .cstm-replace-pp .ReactCrop__child-wrapper img {
    height: 320px;
  }

  .globle-model-box {
    background: rgba(0, 0, 0, 0.5) !important;
  }

  .cstm-tabs-mv-cont {
    min-height: 200px;
    position: relative;
  }

  .cstm-my-videos-list-box-dt {
    background: #FFF;
    position: absolute;
    right: 8px;
    cursor: pointer;
    top: 8px;
    border-radius: 8px;
  }

  .cstm-my-videos-tabs ul li a {
    font-size: 13px;
    padding: 8px 10px;
  }

  .cstm-my-videos-list {
    margin-bottom: 70px;
  }

  .cstm-my-videos-list-box-info {
    width: 100%;
    padding: 0px;
    margin-top: 10px;
  }

  .cstm-my-videos-list-box-img {
    width: 100%;
  }

  .cstm-my-videos-list-box {
    flex-direction: column;
  }

  .cstm-profile-ct {
    min-height: inherit;
  }

  .cstm-ac-se-nav ul li a svg {
    margin-right: 2px;
  }

  .cstm-ac-se-nav ul li a {
    width: -webkit-max-content;
    width: max-content;
  }

  .cstm-ac-se-nav ul {
    display: flex;
    overflow: auto;
  }

  .btn4 {
    height: 42px;
    padding: 8px 22px;
  }

  .cstm-profile-sd {
    display: none;
    width: 100%;
    z-index: 3;
    background: #FFF;
    top: 54px;
    padding: 10px 15px 0px 15px;
    margin: 0px;
    height: 50px;
  }

  .cstm-profile-ct {
    flex-direction: column;
  }

  .all-content-main-edit-profile {
    width: 100%;
  }

  .apple-btn {
    height: 42px;
  }

  .cstm-sim-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #201E29;
    margin-bottom: 32px;
  }

  .cstm-didn span {
    font-size: 14px;
  }

  .cstm-didn {
    font-size: 14px;
  }

  .cstm-wlm-sub {
    font-size: 14px;
  }

  .cstm-wlm-email {
    background: rgba(19, 114, 209, 0.1);
    font-size: 14px;
    padding: 5px 20px;
  }

  .cstm-wlm-title {
    font-size: 24px;
  }

  .cstm-wlm-field {
    gap: 5px;
  }

  .cstm-wlm-field input {
    padding: 5px !important;
    height: 42px !important;
    width: 42px !important;
    border-radius: 8px !important;
    font-size: 20px !important;
  }

  .cstm-wlm-main {
    padding: 40px 20px 0px 20px;
  }

  .cstm-ca-search-box {
    display: block;
  }

  .cstm-ca-search-box .owl-nav {
    display: none;
  }

  .emptymsg {
    margin-top: 20px;
  }

  .cstm-ttl2 {
    height: inherit;
  }

  .uic-fl-search i {
    top: 11px;
  }

  .search-user-input {
    width: 100% !important;
  }

  .um-title h1 {
    font-size: 32px;
    line-height: 50px;
    text-align: center;
  }

  .cstm-um-main.login-um-main .um-text p {
    text-align: center;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
  }

  .um-not.cstm-um-note {
    text-align: center;
    color: rgba(255, 255, 255, 0.24);
  }

  .login-um-left-in-mn .um-login-sec {
    max-width: 450px;
    margin: auto;
  }

  .create-ps-title-title {
    font-size: 14px;
  }

  .topics-search-bar img {
    top: 8px;
  }

  .create-pp-post-cont {
    padding: 10px;
  }

  .addpoll-delete {
    top: 8px;
  }

  .add-poll-main {
    padding: 10px 10px;
  }

  .create-pp-post-public-btn {
    margin-left: 10px;
  }

  .wayf-main {
    width: 50%;
  }

  .create-pp-cunt {
    font-size: 16px;
  }

  .cp-public-gl:after {
    right: 0px;
  }

  .cp-public-gl {
    border: none;
    padding: 0px 25px 0px 0px;
    display: flex;
    min-width: 90px;
  }

  .create-pp-post-public-btn button {
    margin: 0px;
    padding: 2px 30px;
    height: 48px;
  }

  .cp-btn button {
    font-size: 0;
    padding: 6px 6px;
    margin-right: 16px;
  }

  .cp-btn button img {
    margin-right: 0;
  }

  .create-pp-post-btn {
    justify-content: flex-start;
  }

  .create-pp-post-right {
    padding-left: 0;
  }

  .cr-pp-img {
    width: 40px;
    height: 40px;
  }

  .create-pp-post-left {
    position: inherit;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #091F48;
    margin-bottom: 16px;
  }

  .cr-pp-name {
    display: block;
    margin-left: 8px;
  }

  .cr-pp-name {
    display: block;
    margin-left: 8px;
  }

  .um-member-step-in {
    width: 100%;
  }

  /* */
  .selectedplan:before {
    right: 0;
  }

  .um-membership-details {
    padding-top: 0;
  }

  /* */
  .um-member-step-in-box {
    width: 180px;
  }

  .um-credit-cards img {
    right: 10px;
    top: 10px;
    width: 100px;
  }

  .um-plan-information {
    padding: 15px 15px 10px 15px;
    flex-direction: column;
  }

  .um-back {
    margin-bottom: 18px;
  }

  .um-ysp-left {
    width: 100%;
  }

  .um-ysp-right {
    width: 100%;
  }

  .um-ysp {
    padding: 15px;
    flex-direction: column;
  }

  .um-cp-check .form-check-label {
    padding: 8px 12px;
  }

  .um-cp-check .form-check-input {
    top: 15px;
  }

  .um-membership-details {
    flex-direction: column;
  }

  .um-left {
    height: inherit;
  }

  input[type="checkbox"],
  input[type="radio"] {
    height: 21px;
    width: 21px;
  }

  .btn,
  .btn-facebook {
    border-radius: 8px;
    height: 42px;
  }

  .btn2 {
    height: 42px;
    padding: 8px 22px;
  }

  .btn3 {
    height: 42px;
    padding: 8px 22px;
  }

  select {
    border-radius: 8px;
    height: 40px;
    padding: 10px 15px;
  }

  input:not(.MuiInputBase-input)[type="text"],
  input:not(.MuiInputBase-input)[type="email"],
  input:not(.MuiInputBase-input)[type="password"],
  input:not(.MuiInputBase-input)[type="number"],
  input:not(.MuiInputBase-input)[type="date"],
  input:not(.MuiInputBase-input)[type="time"],
  input:not(.MuiInputBase-input)[type="file"] {
    /* border-radius: 8px;
    height: 40px;
    padding: 10px 15px; */
  }

  span.um-people-photo-in {
    margin-right: -10px;
  }

  .um-right-in-title {
    font-size: 24px;
    line-height: 30px;
  }

  .um-people-photo {
    margin-bottom: 15px;
  }

  .um-people {
    align-items: flex-start;
    flex-direction: column;
  }

  .um-title {
    font-size: 24px;
    line-height: 30px;
  }

  .um-title2 {
    font-size: 24px;
    line-height: 30px;
  }

  .um-title-how {
    font-size: 20px;
    line-height: 26px;
  }

  .all-content-main-right,
  .sidebar-icon,
  .sidebar2-icon,
  .sidebar-icon.sidebarweb,
  .all-content-main-left,
  .header-ft-menu-icon.header-noti-box,
  .header-ft-search-search input,
  .header-ft-search-select,
  span.header-ft-name-user {
    display: none;
  }
}

@media (max-width: 600px) {
  .cstm-cv-video {
    grid-gap: 10px;
  }

  .um-title h1 {
    font-size: 32px;
    line-height: 50px;
    text-align: left;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: left;
  }

  .cstm-um-main.login-um-main .um-text p {
    text-align: left;
  }

  .um-channels-main {
    overflow: auto;
  }

  .um-channels {
    width: 600px;
  }

  .um-left {
    height: inherit;
  }

  .cstm-um-main .um-left,
  .cstm-um-main .um-right {
    min-height: auto;
  }

  .header-ft-search-search:after {
    height: 36px;
    width: 33px;
    top: -11px;
    right: -60px;
    background-repeat: no-repeat;
  }
}

.sidebar2-icon2 i {
  transform: rotate(180deg);
}

.cstm-vd-box-in22 {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}

@media(max-width : 1365.98px) {


  .profile-detilas-all-username {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-detilas-all-username-left,
  .profile-detilas-all-username-right {
    width: 100%;
  }

  .profile-detilas-all-username-left {
    margin-bottom: 16px;
  }

  .profile-detilas-cmn {
    flex-grow: 1;
  }

  .pd-joind-btn {
    width: 100%;
    text-align: center;
  }

  .dropdown-menu.pd-joind-in.show {
    width: 100%;
  }

  button.pd-invite-btn {
    width: 100%;
    text-align: center;
  }

  .profile-detilas-cmn.pd-dottod {
    flex-grow: 0;
  }

  .pd-joind-btn i,
  .pd-invite-btn i {
    margin-left: 8px;
  }

  .profile-detilas-all-nav ul.nav.profiledt-menu {
    flex-wrap: nowrap;
    overflow: auto;
  }

  .profile-detilas-all-nav .profiledt-menu li a {
    white-space: nowrap;
  }

  .profile-detilas-all-nav {
    padding: 12px 12px 0px;
  }

  .profiledt-menu li a {
    border-radius: 0px !important;
    border-bottom: 3px solid #ffffff;
  }

  .profiledt-menu li a.active {
    background-color: white;
    color: #351BCE;
    border-bottom: 3px solid #351BCE;
    border-radius: 0px !important;
    /* font-weight: 800;
         */
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar-track {
    background: transparent;
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
  }
}

@media(max-width : 1199.98px) {
  .cstm-saved-single-video-title {
    font-size: 14px;
    line-height: 120%;
  }

  .cstm-saved-single-video-in {
    padding: 12px;
  }

  .cstm-cl-recent {
    padding-bottom: 6px;
  }

  span.cstm-vh-info-dt {
    /* margin: 0px 5px;
         */
    font-size: 8px;
  }

  .cstm-vh-info {
    font-size: 12px;
    line-height: 130%;
  }

  .cstm-my-videos-history-list-main-box-info {
    padding-right: 28px;
  }

  .cstm-hv-op-drop-dt img {
    padding: 3px;
  }

  .cstm-vh-title {
    font-size: 14px;
    line-height: 130%;
  }

  .cstm-video-history-col-2 {
    width: 180px;
  }

  .cstm-clear-all-watch-history {
    padding: 6px 35px 6px 10px !important;
  }

  .cstm-video-history-search img {
    right: 10px;
  }

  .cstm-all-content-library-main-only .all-content-main-left {
    width: 180px;
  }

  .cstm-videos-history-only {
    padding: 8px 210px 8px 10px;
  }

  .all-content-main.cstm-all-content-main {
    grid-template-columns: minmax(0, 6fr) minmax(500px, 500px) minmax(0px, 6fr);
  }

  .cp-btn button span {
    display: none;
  }

  .cp-btn {
    width: 20%;
  }

  .cp-btn button {
    width: 100%;
  }
}

@media(min-width : 1500px) {
  .cstm-um-main .um-left-in {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .um-left-in-mn.csmt-um-left-in-mn {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .um-left-in-content-sec {
    max-width: calc(100% - 40%);
  }

  .csmt-um-left-in-mn .um-text {
    max-width: 100%;
  }

  .um-text p {
    margin-bottom: 24px;
    max-width: 100%;
    width: 100%;
    color: var(--text2);
    font-size: 16px;
  }

  .cstm-login .um-text {
    margin-bottom: 24px;
  }

  .csmt-um-left-in-mn .um-people {
    margin-bottom: 20%;
  }

  .um-right-in.csmt-um-left-in-mn .um-right-in-title {
    font-size: calc(28px + (60 - 48) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right-in.csmt-um-left-in-mn .um-right-in-sub,
  .um-right-in.csmt-um-left-in-mn .um-not {
    font-size: calc(16px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-title2 h2 {
    font-size: calc(28px + (50 - 22) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (60 - 16) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-text.um-text-2 {
    margin-bottom: 30%;
  }

  .um-right-in2 .um-title-how {
    font-size: calc(16px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right-in2 p {
    font-size: calc(16px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right.cstm-um-right-2 .um-right-in2,
  .um-right.cstm-um-right-2-1 .um-right-in2 {
    max-width: 80%;
  }

  .cstm-um-right-2 .um-right-in2:before,
  .cstm-um-right-2 .um-right-in2:after {
    content: '';
    flex: auto;
  }
}

.all-content-main-left-sidebar.global-left-side .global-das {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.global-left-side .cstm-starred-group {
  padding-top: 0px;
}

.all-content-main-left-sidebar.global-left-side .card:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.all-content-main-left-sidebar.global-left-side .card:last-child .card-header {
  border-bottom: 0px;
}

.global-result {
  padding: 12px 16px;
  background: rgb(211, 239, 231);
  border-radius: 0;
}

.global-result span {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 0;
  opacity: 0.9;
}

.global-result p {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0;
}

.mobile.global-result,
.global-result-buttom {
  display: none;
}

@media (max-width:767.98px) {

  .cstm-cl-mv-ldr {
    display: block;
  }

  .cstm-contant-page {
    word-wrap: break-word;
  }

  .form-group {
    margin-bottom: 12px;
  }

  .um-right-in-label {
    margin-bottom: 2px;
  }

  .cstm-contant-page p {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 18px;
  }

  .cstm-contant-page h1 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .cstm-contant-page h2 {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .cstm-per-inf-title {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .cstm-ac-se-nav ul li a {
    padding: 4px 8px !important;
    font-size: 13px;
  }

  .all-content-main-edit-profile {
    width: 100%;
    padding-left: 0;
  }

  .header-menu-dp ul li a {
    margin: 0px 5px;
  }

  .cstm-history-top-title img {
    display: none;
  }

  .cstm-hv-op-drop {
    top: 12px;
    right: 0px;
  }

  .cstm-hv-op-drop-dt img {
    width: 25px;
  }

  span.cstm-vh-info-dt {
    font-size: 7px;
  }

  .cstm-vh-info {
    font-size: 11px;
  }

  .cstm-video-history-col-1 .cstm-cl-title {
    margin-bottom: 6px;
  }

  .cstm-vh-title {
    margin-top: 0;
  }

  .cstm-manage-history-title {
    margin-bottom: 6px;
  }

  .cstm-cawh {
    padding-bottom: 6px;
  }

  .cstm-video-history-search {
    margin-bottom: 6px;
  }

  .cstm-video-history-col-2 {
    width: 100%;
    position: fixed;
    left: 0;
    padding: 0px 15px;
    background: #FFF;
    top: 98px;
    display: none;
  }

  .cstm-videos-history-only {
    padding: 0px 15px 8px 15px;
    width: 100%;
  }

  .cstm-history-top-title {
    font-size: 16px;
  }

  .cstm-my-videos-only {
    padding: 10px 15px 15px 15px;
  }

  .icon-box {
    font-size: 12px;
  }

  .cstm-cv-video-in {
    margin-bottom: 20px;
  }

  body.menuview .all-content-main-left {
    width: 100% !important;
  }

  body.menuview .card-header button.btn-link .cstm-tlp {
    width: inherit;
    font-size: inherit;
    position: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inherit;
    color: inherit;
    background: inherit;
    border-radius: inherit;
    padding: 0px;
    left: inherit;
    top: inherit;
    z-index: inherit;
  }

  body.menuview .cstm-all-content-library-main-only .card-header button.btn-link {
    padding: 4px 8px !important;
    font-size: 13px !important;
  }

  .cstm-cv-video {
    display: block;
  }

  .cstm-cl-bottom {
    margin-bottom: 6px;
  }

  .cstm-cl-search img {
    right: 12px;
    top: 8px;
  }

  .cstm-cl-title {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .cstm-all-content-library-main-only .all-content-main-left {
    display: none !important;
    width: 100%;
    z-index: 3;
    top: 54px !important;
    padding: 10px 15px;
  }

  .mobile.global-result {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    z-index: 10;
    align-items: center;
    gap: 10px;
  }

  .global-menu-btn button {
    border: none;
    background-color: #ffffff;
    outline: none;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);
  }

  .global-result-inner {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .global-result-inner span {
    font-size: 14px;
  }

  .mobile.global-result p {
    font-size: 14px;
    line-height: 20px;
  }

  .all-content-main-left.cstm-all-content-main-left.glob-hidden {
    position: fixed;
    left: -100%;
    top: 76px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    max-height: calc(100vh - 80px);
  }

  .all-content-main-left.cstm-all-content-main-left.glob-hidden.active {
    left: 0%;
  }

  .global-das {
    display: none !important;
  }

  .global-left-side .global-result {
    display: flex;
    justify-content: space-between;
  }

  .global-left-side .global-result button {
    padding: 0 !important;
    border: none;
    background-color: #ffffff;
    outline: none;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);
  }

  .glob-hidden .all-content-main-left-sidebar .card-header button {
    padding: 10px;
  }

  .glob-hidden .all-content-main-left-sidebar .card-header button img {
    margin-right: 6px;
  }

  .global-result-buttom {
    display: block;
  }

  .global-search-active {
    height: 100vh;
    overflow: hidden;
  }

  .video-details-tabing .cstm-vd-tabs .nav {
    flex-wrap: nowrap;
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    flex-direction: row;
    width: 100%;
  }

  .cstm-vd-tabs {
    overflow: hidden;
  }

  .video-details-tabing .cstm-vd-tabs .nav li a {
    display: block;
  }
}

.cstm-rpp-main .desk-globle-model-box-inner {
  max-width: -webkit-fit-content;
  max-width: fit-content;
  width: 100%;
  max-height: 100%;
}

.cropImgDis {
  min-width: 300px;
  max-width: 600px;
  height: 100%;
}

.mds-purchase-details {
  background: #FFFFFF;
}

.mds-purchase-details .cstm-per-inf-title {
  padding: 0 0px 16px;
  margin-bottom: 0;
}

.mds-purchase-details .cstm-to-delete-request {
  padding: 16px 16px;
  max-width: 660px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.mds-purchase-details .cstm-sub-title {
  font-weight: 600;
  font-size: 16px;
}

.mds-purchase-cancel {
  display: block;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #351BCE !important;
}

.mds-plan-details-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mds-plan-details p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #111928;
}

.mds-plan-price h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  color: #111928;
  margin-bottom: 0;
}

.mds-cancel-membership-model {
  max-width: 360px !important;
  padding: 24px 20px 14px 20px;
  position: relative;
}

.mds-cancel-membership-model h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  margin-bottom: 12px;
  text-align: center;
}

.mds-cancel-membership-model p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  margin-bottom: 16px;
}

.mds-model-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mds-model-button button {
  padding: 10px 18px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  border: transparent;
  background: #fff !important;
  transition: 0.5s all;
}

.mds-model-button button.button-do-not-cancel {
  color: #201E29;
}

.mds-model-button button.button-do-not-cancel:hover {
  color: #351BCE;
}

.mds-model-button button.model-button-cancel {
  color: #351BCE;
}

.mds-model-button button.model-button-cancel:hover {
  color: #240ea7;
}@media only screen and (max-width: 1500px) {
  body .newsmanagement-main {
    padding: 0px 24px;
  }
}

@media (max-width: 1400px) {
  .partners-meet-slider {
    margin: 0px -24px -20px -24px !important;
  }
}

@media (max-width: 1200px) {
  .cstm-cl-top {
    flex-direction: column;
    gap: 12px;
    align-items: start !important;
  }

  .mds-partners-head {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0px !important;
  }

  .mds-partners-head-left {
    gap: 12px !important;
  }

  body .cstm-search-part-input {
    width: 320px !important;
  }

  .mds-partners-head-right-sort ul.cstm-drop-list {
    left: 0;
  }

  .partners-details-post-card {
    margin-right: 24px !important;
    padding: 12px 12px 48px !important;
    max-width: 35% !important;
  }
}

@media (max-width: 1100px) {
  .fresh-updates-slider button.slick-arrow {
    top: 29% !important;
  }

  .submit-your-document-btn {
    padding: 8px 15px !important;
  }

  .btn-unlock-section .partners-details-btn-main {
    padding: 12px 20px !important;
  }

  .news-details-main-list {
    margin-bottom: 40px !important;
  }

  .news-details-test-edit {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .news-details-pg-title {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  body .partners-meet-slider button.slick-arrow {
    top: 27% !important;
  }

  .partner-explore-offer-content {
    padding: 32px !important;
    min-height: auto !important;
  }

  .partner-explore-offer-content h1 {
    max-width: 450px !important;
    font-size: 32px;
    line-height: 32px;
  }

  .partner-explore-offer-content p {
    margin-bottom: 24px !important;
    max-width: 400px !important;
  }

  .partner-explore-offers-btn {
    padding: 8px 15px !important;
  }

  .partnes-banner-title {
    font-size: 36px !important;
    line-height: 42px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mds-about-partner-title {
    font-size: 30px !important;
    line-height: 38px !important;
  }

  .get-details-btn {
    padding: 8px 24px !important;
  }

  .partners-details-btn-main {
    padding: 8px 15px !important;
  }

  .partners-details-related-posts li {
    padding: 16px 60px 16px 16px !important;
  }
}

@media (max-width: 999px) {

  .see-offers-btn {
    padding: 4px 12px;
    font-size: 14px;
  }

  .fresh-updates-slider {
    margin: 0px -12px !important;
  }

  .all-content-main-section-in {
    padding-left: 0;
  }

  .doc-management-main {
    padding: 12px 16px !important;
  }

  .cstm-conten-listing-pg-only .cstm-cv-video {
    padding-right: 16px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
  }

  body .newsmanagement-main {
    padding: 16px;
  }

  .partners-details-main {
    padding: 12px 16px 48px !important;
  }

  .mds-partners {
    padding: 16px !important;
  }

  .category-slider-menu-in {
    height: 100vh;
  }

  .category-slider-menu {
    height: 100vh;
  }

  .any-category-could-slider {
    margin: 0px !important;
  }

  .partners-meet-slider {
    margin: 0px -12px -20px -12px !important;
  }

  .header-ft.cstm-header-bar .header-inner-ft {
    padding: 0px 16px 0px 6px !important;
  }

  .all-content-main-center {
    padding-left: 0px !important;
  }

  .groups-left-sidebar .sidebar-main {
    left: -100%;
    transition: 0.8s all;
  }

  .menuview .sidebar-main {
    left: 0;
  }

  .partners-news-main {
    padding: 16px !important;
  }

  .mds-partners-title {
    font-size: 30px !important;
    line-height: 42px !important;
  }
}

@media (max-width: 767.98px) {
  .mds-partners-head-right-sort ul.cstm-drop-list {
    width: 160px;
  }

  .docs-menu-section li {
    width: 100%;
  }

  .docs-menu-section li a {
    width: 100%;
  }

  .docs-menu-section {
    flex-direction: column !important;
  }

  .all-docs-main-section-search-right {
    width: 100% !important;
  }

  .all-docs-main-section-filters button {
    font-size: 12px !important;
    padding: 3px 12px !important;
  }

  .all-docs-main-section {
    padding: 12px 0px !important;
  }

  .all-docs-main-section-search-left {
    width: 100% !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .all-docs-main-section-search {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .table-fn-pagination-cont li a {
    line-height: 14px !important;
    font-size: 12px !important;
  }

  .pagination-right-arrow {
    min-width: 30px !important;
    width: 30px !important;
    padding: 5px !important;
  }

  .fresh-updates-slider {
    margin: 0px -24px !important;
  }

  .fresh-updates-slider .slick-slide {
    padding: 12px 12px !important;
  }

  .doc-management-main-banner-loading {
    margin-bottom: 12px !important;
  }

  h2.fresh-updates-title {
    font-size: 24px !important;
    line-height: 28px !important;
    padding: 12px 0px !important;
  }

  a.submit-your-document-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .doc-management-main-banner {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
  }

  .table-fn-pagination-cont li {
    height: 22px !important;
    width: 22px !important;
  }

  .table-fn-pagination {
    flex-direction: column;
    gap: 15px;
  }

  input.cstm-cl-search-input {
    width: 100% !important;
    height: 36px !important;
  }

  img.search-icon-field {
    right: 32px !important;
    top: 24px !important;
  }

  .select-partners-pp-search-img {
    padding: 0px 16px 16px 16px !important;
  }

  .select-partners-pp-search-field {
    padding: 16px !important;
  }

  .btn-footer-pp-only {
    padding: 16px !important;
  }

  .select-partners-pp-only {
    padding: 16px !important;
  }

  .leave-review-offer {
    padding: 16px !important;
  }

  .leave-review-offer-left {
    min-width: 125px !important;
  }

  .select-partners-pp-search-img {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
  }

  .partners-details-popup-your-review {
    padding: 24px 16px !important;
  }

  .btn-unlock-section span {
    min-width: auto !important;
  }

  .cstm-cl-only-sk {
    padding: 8px 16px 0px 16px !important;
  }

  .news-details-main-newsroom {
    padding: 16px !important;
  }

  .newsroom-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .news-details-pg-date {
    font-size: 12px !important;
  }

  .news-details-main-list-info h4 {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 5px !important;
  }

  /* .news-details-main-list-img img {
    min-width: 100px !important;
    height: 80px !important;
  }

  .news-details-main-list-img {
    max-width: 120px !important;
    height: 80px !important;
  } */

  .news-details-main-list ul li {
    gap: 12px !important;
  }

  .news-details-pg-h3 {
    margin-bottom: 24px !important;
  }

  /* .news-details-pg-line {
    margin: 20px 0px !important;
  } */

  .news-details-pg-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .cstm-cl-top {
    flex-direction: column;
  }

  .trending-posts-main-box {
    padding: 16px 48px 16px 40px !important;
  }

  .trending-posts-main {
    padding: 12px 0px 24px 0px !important;
  }

  .trending-posts-main-all {
    padding: 12px 0px !important;
  }

  .cstm-news-banner {
    margin-bottom: 12px !important;
  }

  .trending-posts-date {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .trending-posts-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .cstm-news-banner-loading {
    height: 150px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-prev {
    right: 60px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-arrow {
    height: 30px !important;
    width: 30px !important;
    bottom: 24px !important;
    background-size: 18px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-next {

    right: 16px !important;
  }

  .cstm-news-banner .slick-slide img {
    height: 150px;
  }

  .reviews-list-p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  button.btn-cancel {
    padding: 7px 24px !important;
    font-size: 14px !important;
  }

  button.btn-review {
    padding: 8px 24px !important;
    font-size: 14px !important;
  }

  .partners-details-popup-main-footer {
    padding: 12px 16px !important;
  }

  .partners-details-popup-leave-a-review {
    padding: 16px !important;
  }

  .partners-details-post-card-preferred {
    padding: 6px !important;
  }

  .get-details-btn {
    padding: 5px 24px !important;
    font-size: 14px !important;
  }

  .get-details-btn {
    padding: 3px 14px !important;
    font-size: 14px !important;
  }

  .partners-details-btn-main {
    padding: 3px 14px !important;
    font-size: 14px !important;
  }

  .partners-details-popup-main-cont {
    padding: 12px 16px 0px !important;
  }

  .partners-details-popup-offer-details-cont h3 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 6px !important;
  }

  .partners-details-popup-main-head {
    padding: 12px 16px !important;
  }

  .partners-details-popup-offer-details img {
    height: 100px !important;
  }

  .partnes-popup-offer-banner-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .partners-details-popup-offer-details-cont {
    padding: 16px !important;
  }

  .partnes-banner-title {
    font-size: 24px !important;
    line-height: 38px !important;
  }

  .partners-details-banner-img {
    height: 220px !important;
  }

  .partners-details-banner-img img {
    height: 220px !important;
  }

  .partners-details-reviews-list {
    margin: 16px 0px !important;
  }

  .partners-details-h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .partners-details-related-videos-cont h4 {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .partners-details-related-videos-cont h6 {
    font-size: 11px !important;
    line-height: 15px !important;
  }

  .related-videos-year-view {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .partners-details-related-videos-img {
    width: 100px !important;
    height: 80px !important;
  }

  ul.partners-details-related-videos li {
    gap: 12px !important;
  }

  .partners-details-about-cont hr {
    margin: 20px 0px !important;
  }

  .mds-other-offers-only {
    grid-gap: 20px 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  }

  .partners-details-related-posts {
    grid-template-columns: initial !important;
  }

  .partners-details-main-left-right {
    margin-top: 30px !important;
  }

  .partners-details-about-cont {
    max-width: 100% !important;
    margin: 0px !important;
  }

  .mds-about-partner-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .partners-details-post-card {
    margin-right: 0 !important;
    padding: 12px 24px 36px !important;
    max-width: 100% !important;
    margin-bottom: 60px !important;
    position: relative !important;
    top: initial !important;
  }

  .partners-details-reviews {
    margin-bottom: 24px !important;
  }

  .partners-details-post-card-logo {
    padding: 6px 0px 24px 0px !important;
  }

  .partners-details-main-left-right {
    flex-direction: column-reverse !important;
  }

  .mds-partners-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .mds-partners-head {
    gap: 12px !important;
  }

  .cstm-search-part {
    width: 100%;
  }

  body .cstm-search-part-input {
    width: 100% !important;
  }

  .mds-partners-head-left {
    gap: 12px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .see-offers-btn {
    padding: 2px 12px !important;
    font-size: 13px !important;
  }

  .category-slider-close {
    height: 54px !important;
  }

  .partners-browse-all-box {
    gap: 8px !important;
  }

  .partners-browse-all-box h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .any-categoty-title h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .partners-explore-offers-banner-loading {
    height: 250px;
    width: 100%;
  }

  .partners-browse-all-box {
    min-height: 250px !important;
  }

  .partners-explore-offers-banner {
    margin-bottom: 12px !important;
  }

  body .partners-meet-slider .slick-slide {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .partners-meet-slider {
    margin: 0px -15px 0px -15px !important;
    padding: 0px 15px !important;
  }

  .mds-partners-cont {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  }

  .any-categoryh4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .any-categoty-title {
    padding: 12px 0px !important;
  }

  .any-category-could-slider {
    margin: 0px !important;
    padding: 12px 0px !important;
  }

  .partners-have-an-awesome {
    padding: 24px !important;
    margin: 20px 0px !important;
    gap: 16px !important;
  }

  .partners-have-an-awesome h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .mds-partners-cont {
    grid-gap: 20px 12px !important;
    padding: 12px 0px !important;
  }

  .partners-title-sub {
    padding: 12px 0px !important;
    gap: 6px !important;
  }

  .partners-title-sub h2 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  .partners-title-sub p {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  .parners-link-all {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  .partner-explore-offers-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .partner-with-us-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .partner-explore-offer-content p {
    margin-bottom: 16px !important;
  }

  .partner-explore-offer-content h1 {
    margin-bottom: 8px !important;
  }

  .title-x-large {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .partner-explore-offer-content {
    min-height: auto !important;
  }

  .partner-explore-offer-content {
    padding: 16px !important;
  }

  body .all-content-main {
    padding: 64px 0 0px 0 !important;
  }

  .sidebar-main {
    height: calc(100vh - 54px) !important;
  }

  .header-ft-element-sec {
    justify-content: flex-end !important;
  }

  .header-ft-search {
    display: none !important;
  }

  hr.cstm-ssv-line {
    display: none;
  }

  .cstm-saved-single-video-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-bottom: 10px;
  }

  .cstm-saved-single-video-lbl {
    display: none;
  }

  .cstm-ssv-description {

    display: none;
  }

  .cstm-saved-single-video-desc {
    display: none;
  }

  .cstm-saved-single-video-in {
    height: inherit;
    margin-bottom: 12px;
  }

  .cstm-saved-single-video-gallery-img {
    display: none;
  }

  .cstm-my-videos-history-list-main-box-info {
    padding-right: 12px;
  }

  .cstm-all-content-library-main-only .card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
  }

  .cstm-all-content-library-main-only .card-header button.btn-link {
    padding: 4px 8px !important;
    font-size: 13px !important;
    width: -webkit-max-content;
    width: max-content;
  }

  .cstm-all-content-library-main-only .card-header button img {
    display: none !important;
  }

  body.menuview .all-content-main-center {
    padding-left: 0px !important;
  }

  .dropdown-menu.header-menu-dp {
    margin-left: 0;
  }

  .cstm-sg-ttl-main {
    width: 195px;
  }

  .newsfeed-sort-all.show ul li {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 12px;
  }

  .newsfeed-sort-all.show .dropdown-menu.newsfeed-select-in.show {
    left: 0px !important;
    border: transparent;
  }

  .loadind-post {
    height: 50px;
  }

  .shard-post-icons {
    padding-right: 0px;
    padding-top: 12px;
  }

  .post-shared-date-info {
    padding-top: 4px;
  }

  .shared-post-user-details {
    padding: 12px 8px;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    height: 100vh;
    min-height: 450px;
    /* height: var(--doc-height); */
    height: calc(var(--vh, 1vh) * 100);
  }

  /* Header */
  .header-ft-element-sec {
    justify-content: flex-end;
  }

  .header-ft-search {
    height: 40px;
    width: 40px;
    padding: 0px;
    max-width: 40px;
  }

  .header-ft-search-search {
    position: relative;
    width: 100%;
    padding-left: 0px;
  }

  .cstm-edit-delete-poll-inner {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }

  .cstm-edit-delete-poll ul li a,
  .cstm-save-dash-btn button,
  .cstm-link-dash-btn button {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px;
  }

  .cstm-save-dash-btn button img,
  .cstm-link-dash-btn button img {
    margin-right: 0;
  }

  .dropdown-menu.show {
    opacity: 1;
  }

  .all-content-main.cstm-all-content-main {
    grid-template-columns: minmax(0, 0fr) minmax(250px, 1fr) minmax(0px, 0fr);
  }

  .all-content-main.cstm-all-content-main {
    column-gap: 0px;
  }

  .what-is-happening-main,
  .newsfeed-main {
    width: calc(100% - 16px);
    margin: 0px auto 16px;
  }

  .what-post {
    align-items: center;
  }

  .what-post-right-input {
    margin-bottom: 0;
  }

  .what-post-btn-all.what-post-btn-all-desktop {
    display: none;
  }

  .what-post-btn-all.what-post-btn-all-mobile {
    display: flex !important;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #e5e5e5;
  }

  .what-post-btn-all-mobile .cp-btn button span {
    display: block;
    margin-top: -2px;
  }

  .what-post-btn-all-mobile .cp-btn {
    display: flex;
    width: 40%;
    align-items: end;
  }

  .what-post-btn-all-mobile .cp-btn button {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 12px !important;
    justify-content: center;
    max-width: inherit;
    margin-right: 0px !important;
    height: 36px;
  }

  .what-post-btn-all-mobile .cp-btn button span {
    display: block;
    margin-top: 0;
  }

  .what-post-btn-all-mobile .cp-btn.cstm-cp-dp {
    width: 20%;
  }

  .what-post-btn-all-mobile .cp-btn.topics {
    display: none;
  }

  .newsfeed-post-left img {
    height: 48px;
    width: 48px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header {
    padding: 12px 48px 8px 74px;
    margin-bottom: 8px;
  }

  .newsfeed-post-right-header-name {
    padding-left: 0px;
  }

  .user-name-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
  }

  .user-name-date {
    font-size: 10px;
    line-height: 14px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 14px;
  }

  .newfeed-dp {
    margin-left: 12px;
  }

  .newfeed-dp-save {
    order: 3;
  }

  .newfeed-dp-link {
    order: 2;
  }

  .cstm-dtl-poll {
    order: 1;
  }

  .create-pp-post-btn span.cp-btn {
    width: 20% !important;
  }

  .cstm-edit-delete-poll ul li img {
    margin-right: 6px;
    width: 20px;
  }

  .newsfeed-agree-main {
    height: auto;
    padding: 6px 16px;
    min-height: 48px;
  }

  .newsfeed-agree-main .newsfeed-agree-main-title {
    z-index: 1;
    text-align: left;
  }

  .newsfeed-agree-main .newsfeed-agree-main-color {
    height: 100%;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered {
    width: 100%;
    height: 100vh;
    margin: 0;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item-success {
    color: #0f5132;
    background: #2f2f2f;
  }

  .create-popup-post .cstm-img-peview-model .modal-content {
    height: 100%;
    max-height: 100%;
    background: #2f2f2f;
    border-radius: 0px;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered .awssld {
    max-height: 100%;
    height: 100%;
  }

  .create-popup-post .cstm-img-peview-model .awssld__wrapper {
    max-height: 100%;
  }

  .cstm-img-peview-model .awssld__bullets {
    display: flex;
    position: absolute;
    bottom: 12px;
    z-index: 10;
  }

  .cstm-img-peview-model .awssld__bullets button {
    width: 8px;
    height: 8px;
  }

  .cstm-img-peview-model .item.cstm-cl-items {
    height: 100%;
    max-height: calc(100vh - 140px);
    padding-bottom: 0px;
  }

  .cstm-img-peview-model .awssld__content {
    background-color: #2f2f2f;
  }

  .cstmcloseBnt {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 35px;
    margin: 8px 4px 0 auto;
    background: transparent;
    color: #ffffff;
    border: none;
    cursor: pointer;
  }

  .cp-btn button img {
    margin-right: 0;
    margin-bottom: -2px;
  }

  .bijausernoclass {
    display: block;
  }

  .bijausernoclass .cstm-edit-dash-btn,
  .bijausernoclass .cstm-delete-dash-btn,
  .newfeed-dp.newfeed-dp-link,
  .newfeed-dp.newfeed-dp-save {
    display: none;
  }

  .userpoteclass .cstm-link-dash-btn,
  .userpoteclass .cstm-save-dash-btn {
    display: block;
  }

  .newsfeed-post-left {
    top: 12px;
  }

  /* create post model box */
  .modal.create-popup-post .modal-dialog {
    transform: none;
    top: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
  }

  .create-popup-post .modal-content {
    border-radius: 0;
    max-height: 100%;
    height: 100%;
  }

  .create-popup-post .create-post-content-inner-sub {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .create-pp-post.csm-main-pp-post {
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-right {
    max-height: 100%;
    flex-grow: 1;
    height: 100%;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-cont {
    /* height: calc(100vh - 387px); */
    height: calc((var(--vh, 1vh) * 100) - 387px);
    border-radius: 5px;
    /* min-height : 150px; */
    transition: height 1s ease;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar,
  .csstm-add-topic-listing .topics-search-ovr::-webkit-scrollbar,
  .csstm-add-topic-listing .topics-search-label::-webkit-scrollbar,
  .edit-post-content-inner-main .edit-img-inner-main::-webkit-scrollbar {
    width: 0px;
  }

  .responsive-cr-heading-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .responsive-cr-heading-in {
    display: flex;
    align-items: center;
    gap: 8;
  }

  .responsive-cr-heading-in .cr-pp-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #091f48;
  }

  .responsive-cr-heading-sec .close {
    font-weight: 200;
    font-size: 21px;
  }

  .res-create-ps-title .close,
  .res-csm-main-pp-post .create-pp-post-left {
    display: none;
  }

  .create-ps-title-title.ccstm-creatr-post-main {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
  }

  .create-ps-title {
    align-items: start;
    margin-bottom: 4px;
  }

  .bx-close {
    font-size: 10px;
    height: 20px;
    width: 20px;
  }

  .create-popup-post .create-pp-post-img3,
  .create-popup-post .create-pp-post-img2 {
    gap: 8px;
    flex-direction: column;
  }

  .create-popup-post .create-pp-post-img3-left,
  .create-popup-post .create-pp-post-img3-right,
  .create-popup-post .create-pp-post-img2-in {
    width: 100%;
    overflow: hidden;
  }

  .create-popup-post .create-pp-post-img3-right {
    gap: 8px;
  }

  .create-popup-post .create-pp-post-img3-right-in,
  .create-popup-post .create-pp-post-img2-in img,
  .create-popup-post .create-pp-post-img2-in video {
    max-height: 320px;
  }

  .create-pp-cunt {
    font-size: 24px;
  }

  .modal.create-popup-post .create-pp-cunt {
    font-size: 48px;
  }

  .create-ps-title-title.ccstm-creatr-post-main h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
  }

  .create-ps-title-title.ccstm-creatr-post-main select,
  .create-ps-title-title.ccstm-creatr-post-main input[type="text"] {
    max-width: 100%;
    width: 100%;
    height: 40px;
    margin: 0 0 12px 0px;
  }

  .create-pp-post-cont-text textarea {
    margin-bottom: 16px;
  }

  .topics-search-label {
    margin-bottom: 8px;
  }

  .add-poll-main {
    margin-bottom: 16px;
  }

  .create-pp-post-btn {
    gap: 12px;
  }

  .create-pp-post-public-btn {
    margin-left: 0px;
    width: 100%;
  }

  .create-pp-post-public-btn button {
    width: 100%;
    max-width: 100%;
  }

  .add-poll-main-box input[type="text"] {
    padding: 10px 83px 10px 15px;
  }

  .add-poll-main-box2 input[type="text"] {
    padding-right: 54px;
  }

  .edit-img-cstm-btn-right button {
    margin: 0;
  }

  .csstm-add-topic-listing {
    max-height: calc(100vh - 80px);
    flex-grow: 1;
  }

  .modal-content.cstm-topic-model-box .create-ps-title {
    margin-bottom: 16px;
  }

  .csstm-add-topic-listing .topics-search-ovr {
    /* overflow: auto; */
    flex-grow: 1;
    margin-top: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .csstm-add-topic-listing .topics-search-label {
    overflow: auto;
    flex-grow: 0;
    max-height: 140px;
    background: #f4f4f4;
    border-radius: 8px;
    padding: 10px 10px 5px;
    margin-bottom: 20px;
  }

  .tag-a-friend {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
  }

  .csstm-add-topic-listing .edit-img-cstm-btn-right {
    margin-top: 20px;
  }

  .csstm-add-topic-listing .topics-search-ovr-in {
    padding: 12px 16px;
  }

  img.crt-post-dott,
  .cstm-cp-dp:hover .cstm-cp {
    display: none;
  }

  .crt-post-poll {
    display: block;
  }

  .msg-popup.create-popup-post .edit-img-modal-dialog .modal-content {
    padding: 16px;
  }

  .edit-post-content-inner-sub {
    height: auto;
    max-height: calc(100vh - 34px);
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount3,
  .editimgcount4,
  .editimgcount5,
  .editimgcount0 {
    width: 100%;
  }

  .editimgcount0 .edit-post-content-inner-sub {
    width: 100%;
  }

  .edit-post-content-inner-main {
    height: 100%;
    display: flex;
    height: auto;
  }

  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 100%;
  }

  .edit-cstm-img-inner-bg {
    background-position: center !important;
    background-size: cover !important;
  }

  .edit-post-content-inner-main.editimgcount2 {
    display: flex;
    height: auto;
    align-items: center;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }

  .edit-img-cstm-btn-left .cp-btn {
    width: auto;
  }

  .edit-img-cstm-btn-left .cp-btn button img {
    margin-right: 0;
    margin-bottom: -3px;
    padding: 0;
  }

  .post-uploading-in-progress {
    width: calc(100% - 16px);
    margin: auto auto 16px;
  }

  .post-msg-all {
    padding: 10px;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    position: fixed;
    width: 95%;
    left: 2.5%;
    right: 2.5%;
    top: 10%;
    z-index: 99;
    height: 40px;
    transform: translateX(0%);
  }

  .post-close-msg {
    padding: 0;
    font-size: 16px;
  }

  .newsfeed-post-right-cmt {
    margin-top: 10px;
  }

  .cmt-other-cunt,
  .cstm-ppl-comments {
    display: none;
  }

  .newsfeed-post-right-cmt-right .newfeed-img-name,
  .newsfeed-post-right-cmt-right .newfeed-img-name {
    margin-left: 0px;
  }

  .newsfeed-post-right-cmt-right {
    display: flex;
    gap: 12px;
  }

  /* Post Comment */
  .comment-main-box-right-box-name-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .comment-main-box {
    margin-left: 6px;
  }

  .comment-main-box-left img {
    height: 32px;
    width: 32px;
  }

  .comment-main-box-right {
    padding-left: 40px;
  }

  .comment-main-box-right-icon-left .newfeed-img-name {
    margin-right: 8px;
  }

  span.comment-time-st.res-comment-time-st {
    display: flex;
    gap: 2px;
    align-items: center;
  }

  .cstm-all-content-center.all-content-main-center {
    max-width: 100%;
  }

  .res-comment-time-st-inner {
    width: 50px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .cstm-delete-modelbox {
    justify-content: center;
  }

  .cstm-delete-modelbox h1 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .cstm-delete-modelbox .msg-icon {
    margin-bottom: 16px;
  }

  .cstm-delete-modelbox .msg-btn.cancle button.btn {
    background: transparent;
    color: #919191 !important;
    border: 1px solid #919191;
    box-shadow: none;
  }


  .globle-model-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #ffffff;
    overflow: hidden;
    padding: 76px 0px;
    z-index: 10;
  }

  .globle-model-box .globle-back-btn {
    background: none;
    border: none;
    padding: 16px 8px 10px 16px;

  }

  .globle-model-box .card {
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 16px;
  }

  .globle-model-box .card-header {
    padding: 0px;
  }

  .globle-model-box .card button {
    box-shadow: none;
    padding: 12px 16px;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #091F48 !important;
    text-decoration: none;
    background-color: #FFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .globle-model-box .cstm-starred-group.glob-cstm-starred-group ul {
    height: calc((var(--vh, 1vh) * 100) - 270px);
    overflow: auto;
  }

  .globle-model-box .collapse .cstm-starred-group.cstm-starred-group-sad {
    border-bottom: none;
    padding: 8px 0px 16px;
  }

  .globle-model-box .card button i {
    float: right;
    flex-grow: 1;
    font-size: 23px;
    text-align: right;
  }

  /* group post */
  .all-content-main.cstm-all-content-main.grup-cstm-all-content-main {
    padding-top: 70px;
  }

  .grup-cstm-all-content {
    grid-area: newsfeed;
  }

  .profile-detilas-all {
    margin: -46px 0px 24px;
  }

  .pro-group-members {
    flex-wrap: wrap;
  }

  .search-members-input {
    width: 100% !important;
  }

  .pro-map {
    margin-bottom: 16px;
    min-height: 130px;
  }

  .pro-map img {
    height: 100%;
    min-height: 240px;
  }

  .cstm-grup-admin .pro-title {
    margin-bottom: 16px;
    margin-top: 24px;
  }

  .pro-post-list-main-in {
    padding: 8px 8px;
    display: flex;
    width: 100%;
    align-items: center;
  }

  .pro-post-list-main-in-user {
    flex-grow: 1;
    margin-bottom: 0px;
  }

  .pro-post-list-main-in-link {
    align-items: end;
    flex-direction: column;
    gap: 5px;
  }

  .pro-post-list-main-in-link-view button {
    font-weight: 600;
  }

  .pro-post-list-main-in-link-unfollow {
    font-weight: bold;
  }

  .upcoming-group-events-box-cont-title {
    font-size: 14px;
    line-height: 20px;
    padding-right: 54px;
  }

  .upcoming-group-events-box-cont-sub {
    font-size: 12px;
    line-height: 18px;
    padding-right: 48px;
  }

  .upcoming-group-events-box-cont-brn {
    gap: 6px;
    padding-right: 16px;
  }

  .upcoming-group-events-box-cont-brn button {
    font-size: 12px;
    line-height: 14px;
  }

  .upcoming-group-events-box {
    padding: 16px 0px 16px 88px;
  }

  .pro-events-top {
    flex-wrap: wrap;
    padding: 0px 16px;
  }

  .pro-events-top .pro-uge-title {
    margin-bottom: 8px;
  }

  .pro-uge-view {
    width: 100%;
    justify-content: space-between;
  }

  .pro-events-top .pro-uge-view-check {
    margin-right: 0px;
    width: 50%;
  }

  .upcoming-group-events-box-cale {
    left: 12px;
  }

  .upcoming-group-star {
    top: 16px;
  }

  .upcoming-group-star img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
  }

  .profile-details-tabs .tab-pane {
    margin-bottom: 50px;
  }

  .group-media-slider img,
  .group-media-slider video {
    border-radius: 5px;
  }

  .files-post-tab-inner .pro-group-members-list-left-img img {
    height: 40px;
    width: 40px;
  }

  .files-post-tab-inner .pro-group-members-list-left-title {
    font-size: 14px;
    line-height: 20px;
  }

  .files-post-tab-inner .pro-group-members-list-left-img {
    margin-left: 0;
    left: 0px;
  }

  .files-post-tab-inner .pro-group-members-list-left {
    padding-left: 48px;
    flex-grow: 1;
    width: 70%;
  }

  .files-post-tab-inner .btn-uf {
    font-size: 12px;
    line-height: 19px;
  }

  .files-post-tab-inner .pro-group-members-list-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    flex-wrap: wrap;
    width: 30%;
    gap: 10px;
  }

  .files-post-tab-inner .pro-group-members-list-right-date {
    margin-right: 0;
  }

  /*  Content Library */
  .all-content-main.cstm-all-content-main.cstm-all-library-content-main {
    column-gap: 0;
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) !important;
  }

  .cstm-content-archive-main-top {
    flex-wrap: wrap;
  }

  .cstm-content-archive-main-top h3 {
    margin-bottom: 10px;
  }

  .cstm-content-archive-main-top .uic-fl-search {
    margin-right: 0px;
    width: 100%;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec {
    position: relative;
    width: 100%;
  }

  .cstm-content-sorting {
    display: none;
  }

  .cstm-back-video-detail-cl .back-link {
    padding: 0px 0px 16px 16px;
  }

  .cstm-content-sorting select.cstm-content-archive-sort-select {
    width: 90px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input {
    width: 100% !important;
    padding-right: 45px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search i {
    top: 12px;
  }

  .cstm-content-archive-main-top {
    padding: 16px;
  }

  .cstm-gallery-img {
    border-radius: 5px !important;
  }

  .cstm-cv-video-in video {
    object-fit: cover;
  }

  .cstm-cl-items-list {
    font-size: 12px;
    line-height: 16px;
  }

  /* content library video */

  .video-js.vjs-fullscreen .vjs-tech {
    object-fit: contain;
  }

  /* .cstm-back-video-detail-cl .cstm-content-details-video {
        position: sticky;
        top: 76px;
        z-index: 20;
        width: 100%;
    } */
  .cstm-all-library-video-details .all-content-main-right {
    display: block;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-video-details {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
    margin-bottom: 0px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-left {
    width: 100%;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    border-top: 1px solid #cccccc;
    margin-top: 24px;
    padding-top: 16px;
  }

  .cstm-vd-cnt-left h4 {
    font-size: 17px;
    padding-bottom: 8px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-video-innr-text-tag {
    margin-top: 12px;
  }

  .cstm-vd-cnt-right button,
  .cstm-vd-cnt-right .mark-btn-watched {
    width: 49%;
  }

  .cstm-vd-cnt-right .mark-btn-watched button {
    width: 100%;
  }

  .videodetailicon-sec {
    margin-top: 16px;
    flex-direction: row;
    width: 100%;
  }

  .videodetailicon {
    display: block;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
  }

  .videodetailicon-i {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto auto 4px;
  }

  .video-details-tabing .profile-details-tabs .tab-pane {
    margin-bottom: 4px;
    margin-top: 20px;
  }

  .cl-v-comment-sec .newsfeed-post-right-write,
  .cl-v-comment-sec .comment-main,
  .cl-v-comment-sec .view-more-comments-link {
    display: none;
  }

  .cl-v-comment-sec.res-v-comment .newsfeed-post-right-write,
  .cl-v-comment-sec.res-v-comment .comment-main,
  .cl-v-comment-sec.res-v-comment .view-more-comments-link {
    display: block;
  }

  .cstm-vd-tabs {
    padding-top: 24px;
    margin-bottom: 9px;
  }

  .cl-v-comment-sec .comment-main-title {
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
  }

  .cl-v-comment-sec.res-v-comment .comment-main-title {
    padding-bottom: 0px;
  }

  .cl-v-comment-sec .cmt-arrow-down {
    transform: rotate(180deg);
    display: block;
  }

  .cl-v-comment-sec.res-v-comment .cmt-arrow-down {
    transform: rotate(0deg);
  }

  .react-input-emoji--button {
    display: none !important;
  }

  .cstm-all-library-video-details .all-content-main-center,
  .cstm-back-video-detail-cl {
    margin-bottom: 0px;
  }

  .related-videos-main {
    margin: 0px 0px 0px;
  }

  .cstm-back-video-detail-cl .newsfeed-post-right-write {
    border-top: 0px;
    margin-top: 0px;
    padding-bottom: 4px;
  }

  .cstm-all-library-video-details .comment-main {
    margin-top: 16px !important;
    padding: 0 0px 0px 8px;
  }

  .cstm-all-library-video-details .react-input-emoji--placeholder {
    font-size: 13px;
  }

  .related-videos-contant-in {
    grid-template-columns: minmax(0, 136px) minmax(0, 1fr);
    padding: 0px 6px 12px 10px;
  }

  .related-videos-contant-in-right {
    padding: 0px;
    justify-content: start;
    gap: 6px;
  }

  .rvc-views-comment {
    display: flex;
    align-items: center;
  }

  .cstm-views-lk {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
  }

  .rvc-title {
    margin-bottom: 4px;
  }

  .related-videos-contant {
    margin-bottom: 60px;
  }

  .loading-video-loader-heading-sec {
    flex-direction: column;
  }

  .loading-video-loader-heading {
    width: 100%;
  }

  .loading-video-loader-left {
    width: 100%;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-video-details .all-content-main-right.cstm-all-content-main-right {
    margin-top: 16px;
  }

  .cl-v-comment-sec.res-v-comment .view-more-comments-link {
    padding: 0px 0px 16px;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-top: 5px;
    flex-grow: 1;
    padding-bottom: 0px;
  }

  .res-profile-detilas-all .profile-detilas-user-photo {
    position: absolute;
    left: 16px;
    top: 15px;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-size: 16px;
    padding-right: 32px;
    position: relative;
  }

  .res-profile-detilas-all .profile-detilas-comm .btn2 {
    display: none;
  }

  .res-profile-detilas-all .res-edit-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
  }

  .rs-joined-group {
    display: block;
  }

  .rs-group-media-inner-ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    width: 100%;
    gap: 12px;
    border-radius: 5px;
    margin-bottom: 8px;
    flex-wrap: wrap;
  }

  .rs-group-media-inner-ul li {
    padding: 8px 8px 12px;
    border: 1px solid #cecece;
    width: 48%;
    border-radius: 5px;
  }

  .rs-group-media-inner-li-div {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 4px;
  }

  .rs-group-media-inner-li-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .rs-group-media-inner-details {
    height: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .rs-group-media-inner-li-img-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #091F48;
    margin-bottom: 10px;
  }

  /* Edit profile */
  .all-content-main-edit-profile {
    grid-area: newsfeed;
  }

  .all-content-main.cstm-all-content-main.edit-profile {
    column-gap: 0;
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) !important;
    display: block;
  }

  .all-content-main-edit-profile-header {
    padding: 16px;
  }

  .cstm-edit-profile {
    font-size: 16px;
    line-height: 24px;
  }

  .back-btn img {
    vertical-align: -2.5px;
  }

  .all-content-main-edit-profile-main {
    padding: 15px;
    gap: 15px;
  }

  .all-content-main-edit-profile-upload {
    width: 100%;
  }

  .cstm-profile-upload-cont {
    width: 100%;
    margin-bottom: 30px;
  }

  .cstm-profile-upload-con .form-group {
    margin-bottom: 16px;
  }

  .um-comm-prefe .col-sm-4:nth-child(2) {
    margin: 12px 0px;
  }

  .um-cp-check .form-check-label {
    padding: 6px 12px;
  }

  .cstm-profile-upload-cont .btn {
    margin: 0;
  }

  .globle-model-box.globle-search-model-box {
    padding: 16px 16px 0;
    display: block;
  }

  .globle-search-heading-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .globle-search-heading-sec h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #091F48;
    margin-bottom: 0;
  }

  .globle-model-box.globle-search-heading-sec .globle-back-btn {
    border: none;
    padding: 8px;
  }

  .globle-search-model-box .header-ft-search {
    height: 48px;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    flex-wrap: wrap;
    background-color: #f4f4f4;
  }

  .globle-search-model-box .header-ft-search-search {
    width: 100%;
  }

  .globle-search-model-box .header-ft-search-select {
    display: block;
  }

  .globle-search-model-box .header-ft-search-search input {
    display: block;
    height: 48px;
  }

  .globle-search-model-box .header-ft-search-search-down {
    top: 0;
    position: relative;
    background: #FFFFFF;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    overflow: auto;
    margin-top: 8px;
    flex-grow: 1;
    height: 100%;
  }

  .globle-search-model-box .header-ft-search-search-down ul {
    height: calc(100% - 120px);
    overflow: scroll;
  }

  .globle-search-model-box .header-ft-search-search-down ul li {
    padding: 10px 16px 10px 16px;
    border-radius: 15px;
  }

  .cstm-change-password {
    display: block;
  }

  /* Billing info */
  .um-billing-info.cstm-um-billing-info {
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 0;
  }

  .cstm-um-billing-info .um-billing-info-details {
    flex-direction: column;
  }

  .cstm-um-billing-info .um-billing-info-left,
  .cstm-um-billing-info .um-billing-info-right {
    width: 100%;
  }

  .cstm-um-billing-info .um-billing-info-left {
    display: flex;
    justify-content: space-between;
  }

  .cstm-um-billing-info .um-billing-info-price {
    margin-bottom: 10px;
  }

  .cstm-um-billing-info .um-billing-info-lable {
    font-size: 12px;
    line-height: 16px;
  }

  .cstm-um-billing-info .um-billing-info-right-upgrade {
    margin-top: 16px;
  }

  .cstm-um-billing-info .cancle-subscription-link {
    margin-left: 16px;
  }

  .um-payment-info {
    border-radius: 0px;
    padding: 16px;
  }

  .um-billing-information {
    border-radius: 0px;
  }

  .um-billing-informatio-title {
    padding: 16px;
  }

  .um-billing-information-table {
    padding: 12px 16px 24px;
  }

  /* Upgrade Plan Model box */
  .globle-model-box {
    padding: 0px;
    z-index: 30;
  }

  .desk-globle-model-box-inner {
    max-height: 100%;
    overflow-y: hidden;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only h2.globle-hsk {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 40px;
  }

  .desk-globle-model-box .um-membership-details {
    flex-grow: 1;
    justify-content: start;
    overflow-y: auto;
  }

  .um-membership-details-in {
    padding: 20px 16px 20px 16px;
  }

  .desk-globle-model-box .um-membership-details-in {
    background-color: #E8F1FB;
    width: 100%;
  }

  .desk-globle-model-box .um-membership-details-in-price {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .desk-globle-model-box .um-membership-details-in.selectedplan span.um-md-price {
    font-size: 32px;
    line-height: 42px;
  }

  .desk-globle-model-box .um-membership-details-in p {
    margin-bottom: 8px;
  }

  .up-sbmit-btn {
    margin-bottom: 10px;
    margin-top: 5px;
  }

  .selectedplan:before {
    top: 16px;
    right: 16px;
  }

  .desk-globle-model-box-inner .globle-back-btn {
    padding: 0;
    margin: 5px 0 0 auto;
  }
}

@media (max-width: 575.98px) {

  .trending-posts-sub-title {
    font-size: 16px !important;
    line-height: 21px !important;
  }

  .news-updates-details-box-title {
    padding: 16px 16px 0px !important;
    height: auto !important;
  }

  /* .news-updates-top-img img {
    height: 250px !important;
  } */

  .news-updates-details-box {
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  .news-updates-details {
    flex-direction: column !important;
  }

  .news-updates-details-box-date {
    padding: 0px 16px 16px !important;
  }

  .news-updates-top-title {
    padding: 16px 16px 0px !important;
  }

  .news-updates-top-date {
    padding: 0px 16px 16px !important;
  }

  .what-post-btn-all-mobile .cp-btn.feeling {
    display: none;
  }

  .rvc-views-comment {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .rvc-dave {
    margin-bottom: 0;
  }

  .category-slider-menu {
    left: 0px !important;
  }

}



@media (min-width : 576px)and (max-width: 767.98px) {

  .editimgcount3,
  .editimgcount4,
  .editimgcount5 {
    width: 90%;
    margin: auto;
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount0 {
    width: 70%;
    margin: auto;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 10px;
  }

  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 48%;
  }

  .cstm-all-content-main-right .related-videos-contant {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(242px, 1fr)) !important;
    list-style: none;
    transition: 0.5s all;
    grid-area: auto;
    gap: 0;
  }

  .related-videos-contant-in {
    grid-area: auto;
  }

  .related-videos-contant-in {
    display: block;
  }

  .related-videos-contant-in-left {
    height: 150px;
    aspect-ratio: 16/9;
    width: 100%;
  }

  .related-videos-contant-in-right {
    margin-top: 10px;
    margin-bottom: 12px;
  }


}

@media (min-width: 768px) and (max-width: 1023.98px) {

  .header-ft-search {
    height: 42px;
    max-width: 360px;
    background-color: #f4f4f4;
    padding: 0px;
  }

  .header-ft-search-search input,
  .header-ft-search-select {
    display: block;
  }

  .header-menu-dp {
    margin-top: 15px;
  }

  /* .header-ft-menu-icon {
    margin-right: 20px;
  } */

  /* Dashboard */
  .what-post-right .cp-btn-dotted img {
    width: 16px;
    height: 16px;
  }

  .all-content-main {
    padding: 86px 0px 0px 16px;
  }

  .all-content-main.cstm-all-content-main {
    column-gap: 1rem;
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .all-content-main-left.cstm-all-content-main-left {
    display: block;
  }

  .all-content-main-left.cstm-all-content-main-left {
    top: 86px;
    max-height: calc(100vh - 86px);
  }

  /* Footer main */
  .webfooter {
    width: auto;
    padding: 0;
    border-radius: 50px;
    right: 16px;
    bottom: 20px;
    border: 1px solid #242424;
    box-shadow: 1px 7px 10px 5px #2424242e;
  }

  .webfooter .footer-icon {
    display: none;
  }

  .webfooter .header-ft-menu-view .footer-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  /* newsfeed section post */
  .what-post {
    gap: 12px;
  }

  .what-is-happening-main,
  .newsfeed-main {
    margin: 0px 0px 20px;
  }

  .newsfeed-post-right-header-name {
    padding-left: 0px;
  }

  .newsfeed-post-left img {
    height: 56px;
    width: 56px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header {
    padding-top: 20px;
    padding-left: 84px;
    padding-right: 130px;
  }

  .user-name-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 16px;
    top: 20px;
  }

  .comment-main-box-right-box-name-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
  }

  .newsfeed-write-your-comments-tx .react-input-emoji--button {
    top: 4px;
  }

  .cstm-img-peview-model .awssld__controls button {
    transform: translateY(-50%) scale(0.7);
    transform-origin: top center;
  }

  .cstm-img-peview-model .awssld__controls button.awssld__prev {
    margin-left: 10px;
  }

  .cstm-img-peview-model .awssld__controls button.awssld__next {
    margin-right: 10px;
  }

  .cstm-edit-delete-poll {
    left: -30px !important;
  }

  .create-popup-post button.cp-btn-photos img,
  .create-popup-post button.cp-btn-videos img {
    padding-right: 4px;
  }

  .create-popup-post .cp-btn button {
    font-size: 13px !important;
    padding: 8px !important;
    margin-right: 10px !important;
  }

  .newsfeed-post-right-header-icon {
    flex-direction: row;
  }

  .editimgcount3,
  .editimgcount4,
  .editimgcount5 {
    width: 90%;
    margin: auto;
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount0 {
    width: 70%;
    margin: auto;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 10px;
  }

  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 48%;
  }

  .create-pp-post-cont-text textarea {
    margin-bottom: 10px;
  }

  .add-poll-main {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .what-post button img,
  button img {
    margin-right: 0px;
    margin-top: 0px;
  }

  /* video details */
  .all-content-main.cstm-all-content-main.cstm-all-library-video-details {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-right: 16px;
  }

  .cstm-all-library-video-details .all-content-main-right {
    display: block;
  }

  .cstm-all-content-main-right .related-videos-contant {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(242px, 1fr)) !important;
    list-style: none;
    transition: 0.5s all;
    grid-area: auto;
    gap: 0;
  }

  .related-videos-contant-in {
    grid-area: auto;
  }

  .related-videos-contant-in {
    display: block;
  }

  .related-videos-contant-in-left {
    height: 150px;
    aspect-ratio: 16/9;
    width: 100%;
  }

  .related-videos-contant-in-right {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .all-content-main-center {
    margin-bottom: 0;
  }

  .related-videos-main {
    height: 100%;
    margin: 0px 0px 0px;
  }

  .related-videos-contant-in {
    padding: 0px 8px 12px 8px;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0px 23px;
  }

  .um-membership-details-in p {
    font-size: 14px;
    line-height: 17px;
  }

  .um-member-step .globle-hsk {
    font-size: 24px;
    line-height: 46px;
  }

  .desk-globle-model-box .um-membership-details {
    padding-top: 10px;
  }

  .um-membership-details-in-lable {
    font-size: 12px;
    line-height: 16px;
  }

  .desk-globle-model-box .um-membership-details-in {
    width: 200px;
    padding-top: 20px;
  }

  .desk-globle-model-box .um-membership-details-in-price {
    margin-top: 14px;
    margin-bottom: 4px;
    padding-bottom: 10px;
    border-bottom: none;
    /* width: 200px; */
  }

  body .desk-globle-model-box .um-meme-det-only {
    min-height: auto;
  }

  .up-sbmit-btn {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 20px;
  }
}

@media (max-width: 1023.98px) {
  .tab-content.header-noti-cont-tabs-main {
    overflow: auto;
    max-height: calc(100vh - 140px);
  }

  /* anouncement model */
  .an-globle-model-box,
  .for-globle-model-box,
  .noti-globle-model-box {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #2f2f2fbd;
    z-index: 30;
    padding: 0px;
  }

  .an-globle-model-box-inner {
    width: 100%;
    height: 100%;
    max-width: 400px;
    background: #fff;
    margin-left: auto;
  }

  .an-globle-back {
    padding: 0 8px 0 0;
    border: none;
    background: none;
  }

  .an-globle-model-heading {
    padding: 16px 8px 16px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d2d2d4;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .an-globle-model-heading h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    position: relative;
    color: #091F48;
  }

  .an-globle-model-heading-sec {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .an-globle-model-heading-sec span {
    height: auto;
    background: #FF4852;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 1px 14px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
  }

  .an-globle-model-box ul,
  .for-globle-model-box ul {
    padding: 0px 16px 16px;
    list-style-type: none;
    overflow: auto;
    height: 100%;
  }

  .an-globle-model-box ul li,
  .for-globle-model-box ul li {
    padding: 12px 0px;
    list-style-type: none;
    border-bottom: 1px solid #d2d2d4;
    position: relative;
  }

  .for-globle-model-box ul li {
    display: flex;
  }

  .for-globle-model-box ul li.cstm-sg-ttl-main {
    width: 100%;
    white-space: normal;
    display: block;
  }

  .an-globle-model-box ul li:last-child,
  .for-globle-model-box ul li:last-child {
    border-bottom: none;
  }

  .announcements-list-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
  }

  .other-user .res-profile-detilas-all .res-edit-icon {
    display: none;
  }

  .other-user .profile-detilas-all-username-right {
    padding-top: 24px;
  }

  .other-user .profile-detilas-comm {
    order: 2;
  }

  .other-user .profile-detilas-cmn.pd-joind {
    order: 1;
  }

  .other-user .profile-detilas-cmn.pd-dottod {
    order: 3;
  }

  .for-globle-model-box .cstm-sg-list {
    margin-right: 12px;
  }

  .noti-globle-model-box .header-noti-box-in {
    position: relative;
    display: block;
    left: 0px;
    height: 100%;
    border: none;
  }

  .noti-globle-model-box .header-noti-box-cont {
    border: none;
    box-shadow: none;
    width: 100%;
  }

  .noti-globle-model-box .header-noti-box-cont-title {
    display: none;
  }

  .noti-globle-model-box img.noti-usr-photo {
    height: 48px;
    width: 48px;
    border-radius: 50%;
  }

  .noti-globle-model-box .head-noti-user {
    left: 0;
  }

  .noti-globle-model-box .header-noti-box-cont-tabs-cont ul li {
    padding-left: 65px;
    margin-bottom: 12px;
  }

  .head-noti-new {
    font-size: 10px;
    line-height: 13px;
  }
}


@media (min-width: 768px) and (max-width: 1199.98px) {

  /* left side bar */
  .all-content-main-left-sidebar .card-header button {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-sg-ttl-main {
    max-width: 118px;
    width: 100%;
  }

  .cstm-starred-group ul li {
    padding: 6px 46px 6px 12px;
    gap: 12px;
  }

  .cstm-sg-list {
    margin-right: 0px;
  }

  img.sctm-pt-mn {
    border-radius: 12px;
    width: 32px;
    height: 32px;
  }

  img.sctm-pt-star {
    width: 16px;
    height: 16px;
  }

  li.cstm-opend-group {
    margin-top: 0px;
    border-radius: 4px 4px 0px 0px;
  }

  li.cstm-starred-group-sad-li.cstm-opend-group {
    padding-top: 10px !important;
  }

  .cstm-opend-group-topis {
    padding: 2px 8px 8px;
  }

  .cstm-opened-topic-list .group-topics-ls {
    padding: 8px;
  }

  .cstm-opened-topic-list .sort-by-main {
    padding: 8px 4px 0px 0px;
    align-items: center;
  }

  .sort-by-main img {
    margin-left: 4px;
  }

  .search-topics-box input[type="text"] {
    height: 32px;
    padding: 10px 34px 10px 16px;
  }

  .search-topics-box:after {
    height: 16px;
    width: 16px;
    top: 18px;
  }

  .cstm-opened-topic-list .cstm-starred-group .cstm-sg-dotted {
    right: 12px;
  }

  .cstm-opened-topic-list .cstm-starred-group ul li {
    padding: 6px 32px 6px 12px;
  }

  .cstm-opened-topic-list .cstm-starred-group ul li .cstm-sg-dotted {
    right: 8px;
  }

  .cstm-opened-topic-list .cstm-starred-group {
    padding-bottom: 4px;
  }

  .cstm-opened-topic-list .cstm-starred-group .cstm-sg-ttl-main {
    max-width: 146px;
  }

  .cstmcloseBnt {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    background: transparent;
    color: #ffffff;
    border: none;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
  }

  /* Group */
  .profile-detilas-all-nav {
    padding: 6px 12px 0px;
  }

  .profile-detilas-all {
    margin: -96px 8px 16px;
  }

  .pro-post-list-main-in {
    padding: 12px 8px;
    position: relative;
  }

  .pro-post-list-main-in-link {
    margin-top: -2px;
  }

  .pro-post-list-main-in-user-left img {
    height: 56px;
    width: 56px;
  }

  .group-media-slider img,
  .group-media-slider video {
    border-radius: 5px;
  }

  .pro-group-members-list-left-img img {
    height: 48px;
    width: 48px;
  }

  .pro-group-members-list-left-title {
    font-size: 14px;
    line-height: 20px;
  }

  .pro-group-members-list-left-img {
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .pro-group-members-list-left {
    padding-left: 60px;
    width: 70%;
    flex-flow: 1;
  }

  .pro-group-members-list-right {
    width: 30%;
    justify-content: end;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-content-main.mn-cnt3-wd {
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .cstm-cv-video {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .gallery-content1 {
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-gallery-img {
    border-radius: 5px !important;
  }

  a.gallery-main-icon.icon-1 {
    padding: 0;
  }

  .cstm-cv-video {
    padding: 0px 8px;
  }

  .cstm-content-archive-main-top {
    padding: 10px 14px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .cstm-content-archive-main-top h3 {
    margin-bottom: 12px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input,
  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search {
    width: 100% !important;
    margin-right: 0px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search i {
    top: 11px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    border-radius: 10px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec {
    position: relative;
    width: 100%;
  }

  .cstm-content-sorting {
    position: absolute;
    right: 0;
    top: -37px;
  }

  .cstm-cv-video-in video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-top: 5px;
    flex-grow: 1;
    padding-bottom: 0px;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-user-photo {
    position: absolute;
    left: 16px;
    top: 15px;
  }

  .user-pt-main {
    font-size: 14px;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-size: 16px;
    margin-bottom: 0px;
    padding-right: 32px;
    position: relative;
  }

  .cstm-cgyj-main ul li {
    align-items: start;
    gap: 9px;
  }

  .res-profile-detilas-all .profile-detilas-comm .btn2 {
    display: none;
  }

  .res-profile-detilas-all .res-edit-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
  }


  .all-content-main.cstm-all-content-main.edit-profile {
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .all-content-main-edit-profile-header {
    padding: 16px;
  }

  .all-content-main-edit-profile-header .um-back {
    margin-bottom: 8px;
  }

  .cstm-edit-profile {
    font-size: 20px;
    line-height: 24px;
  }

  .all-content-main-edit-profile-main {
    padding: 16px;
    gap: 16px;
  }

  .all-content-main-edit-profile-upload,
  .cstm-profile-upload-cont {
    width: 100%;
  }

  .cstm-profile-upload-cont .form-group {
    margin-bottom: 16px;
  }

  /* Billing info */
  .um-billing-info.cstm-um-billing-info {
    padding: 16px;
    margin-bottom: 16px;
  }

  .cstm-um-billing-info .um-billing-info-details {
    flex-direction: column;
  }

  .cstm-um-billing-info .um-billing-info-left,
  .cstm-um-billing-info .um-billing-info-right {
    width: 100%;
  }

  .cstm-um-billing-info .um-billing-info-left {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .cstm-um-billing-info .um-billing-info-price {
    margin-bottom: 10px;
  }

  .cancle-subscription-link {
    margin-left: 16px;
  }
}

@media(min-width:1024px) and (max-width : 1199.98px) {

  .header-ft-search {
    max-width: 380px;
  }

  .all-content-main {
    padding: 96px 16px 0px 16px;
  }

  .all-content-main-left.cstm-all-content-main-left,
  .all-content-main-right.cstm-all-content-main-right {
    top: 96px;
    max-height: calc(100vh - 104px);
  }

  /* Right side bar */
  .all-content-main-right-sidebar .card-header button {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-events-list ul li {
    padding: 8px 8px 8px 12px;
  }

  .all-content-main-right .cstm-starred-group {
    padding: 4px 0px 6px 0px;
  }

  .all-content-main-right .cstm-starred-group ul li:last-child {
    padding-bottom: 6px;
  }

  .all-content-main-right .cstm-starred-group ul li {
    align-items: top !important;
    gap: 8px !important;
  }

  .cstm-sg-date {
    bottom: 6px;
  }


  /* dashboard post */
  .what-post .cp-btn button img {
    margin-right: 0px;
    margin-top: 0;
  }

  .what-is-happening-main {
    margin-bottom: 16px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 16px;
    top: 32px;
  }

  .editimgcount0,
  .editimgcount1,
  .editimgcount2 {
    width: 50%;
  }

  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 31.33%;
  }

  .announcements-list-image img {
    height: auto;
    border-radius: 5px;
  }

  .new-lbl {
    right: 4px;
    font-size: 10px;
    line-height: 14px;
  }

  .announcements-list-image {
    margin-bottom: 8px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt {
    margin-bottom: 0px;
  }

  .related-videos-contant-in {
    display: flex;
    flex-direction: column;
    grid-area: auto;
  }

  .related-videos-contant-in-left {
    height: 150px;
    width: 100%;
  }

  .rvc-title {
    margin-bottom: 8px;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0px 30px;
  }
}

@media(min-width:1200px) and (max-width : 1439.98px) {
  .cstm-sg-ttl-main {
    width: 150px;
  }

  .related-videos-contant-in {
    display: flex;
    flex-direction: column;
    grid-area: auto;
  }

  .related-videos-contant-in-left {
    height: 150px;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-all-username {
    flex-direction: row;
    width: 100%;
    align-items: center;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-left: 76px;
    flex-grow: 1;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-all-username-right {
    width: 176px;
  }

  .res-profile-detilas-all .profile-detilas-all-username-right .btn2 {
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-weight: 700;
    font-size: 20px;
    color: #091F48;
    margin-bottom: -4px;
    padding-top: 4px;
  }
}

@media (max-width:350px) {
  .btn-unlock-section {
    align-items: center !important;
    flex-direction: column;
  }
}.emoji-messages .massages-ebox-right {
  padding: 0px;
}
.emoji-messages {
  background: none !important;
}
.emoji-messages-fontsize {
  font-size: 56px !important;
  line-height: normal!important;
}
.emoji-messages-small-fontsize {
  font-size: 28px !important;
  line-height: normal!important;
}

.unread-messages-label {
  border-bottom: 1px solid #fbbebe;
  text-transform: uppercase;
  color: #f66b6b;
  text-align: right;
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 12px;
}
.cstm-mention-list-user-photo {
  position: relative;
}
.cstm-chat-user-name {
  color: #201E29;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-right: 4px;
}
.pfl-tn-photo{
  object-fit: cover;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}
.cstm-moel-photo {
  margin-right: 8px;
  display: grid; 
  position: relative;
  margin-bottom: -25px;
}

.messages-other-ebox-left .cstm-mention-light {
  background: #c0c0c0;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 4px;
}
.messages-other-ebox-right .cstm-mention-light {
  background: #8479e7;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 4px;
}
.cstm-mention-list {
  position: absolute;
  bottom: 60px;
  border-radius: 8px;
  border: 1px solid var(--light-border-primary, #E6E6E6);
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  overflow: auto;
  max-height: 296px;
  min-width: 356px;
  left: 0px;
  padding: 8px;
}
.cstm-mention-list::-webkit-scrollbar {
  width: 5px;
}
.cstm-mention-list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-mention-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cstm-mention-list:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.cstm-mention-list-box {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
}
.cstm-mention-list-box-user {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #201E29;
}
.cstm-mention-list-box:hover {
  border-radius: 12px;
  background: var(--light-extra-grey, #F3F5F7);
  cursor: pointer;
}
.cstm-avat-mention {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  text-transform: capitalize;
}
img.cstm-mention-pt {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
}
.chat-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-image img {
  height: 60px!important;
  width: 60px!important;
}
.chatuserlistingloader-main-right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  justify-content: center;
}
.chatuserlistingloader-main-right1.skeleton-box { 
  height: 15px;
}
.chatuserlistingloader-main-right2.skeleton-box {
  height: 10px;
}
.chatuserlistingloader-main {
  display: flex;
  margin-bottom: 15px;
  gap: 12px;
  justify-content: flex-start;
}
.chatuserlistingloader {
  padding: 0px 24px;
}
.chatuserlistingloader-main-left {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  min-width: 48px;
}
.chatuserlistingloader-main {
  display: flex;
  margin-bottom: 15px;
  gap: 12px;
  justify-content: flex-start;
}
.chatuserlistingloader-main-left{
  border-radius: 50px;
  width: 48px;
  height: 48px;
}
.messages-other-ebox-left .qutted-chat span.url-msg {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #351bce;
}
.mini-chat-type-write-send {
  display: flex;
  align-items: center;
}
.mini-chat-type-write-text {
  flex-grow: 1;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  position: relative;
}
.mini-chat-type-write-send-btn {
  width: 36px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer; 
  justify-content: center;
}
.mini-chat-delete-attached {
  position: absolute;
  top: -6px; 
  right: -6px;
  z-index: 1;
}
.mini-chat-delete-close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: #201e29;
  color: #fff;
  border: 1px solid #ffffff;
  padding: 0px;
}
.mini-chat-type-filearea-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  overflow-y: auto;
  gap: 12px;
  padding: 15px 12px 12px;
  border-top: 1px solid #e6e6e6;
}
.mini-chat-type-filearea-box-item {
  width: 48px;
  height: 48px;
  position: relative;
  -webkit-aspet-ratio: 1;
  -o-aspet-ratio: 1;
  aspect-ratio: 1;
}
.mini-chat-type-filearea-box-item-innner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.mini-chat-type-write {
  display: flex;
  width: 100%;
  align-items: center;
  border-top: 1px solid #e6e6e6;
}
.mini-chat-header-left-photo-name a {
  font-style: normal; 
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #201e29 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 150px;
  white-space: nowrap;
  display: block;
}
.mini-chat-header-left-photo {
  position: relative; 
}
.mini-chat-header-left-photo img {
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 50px;
  object-fit: cover;
  position: relative;
}
.mini-chat-header {
  padding: 12px;
  border-bottom: 1px solid #e8e8e9;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mini-chat-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mini-chat-header-right {
  display: flex;
}
.chat-box-no-data-message {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9B9A9F;
}
.chat-box-no-data {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 48px;
}
.chat-box-no-data-icon {
  padding-bottom: 16px;
}
.chat-data-fine-size-links{
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: #32303A;
}
.chat-data-fine-link a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: var(--navyblue);
}
.chat-data-fine-link a:hover {
 color:var(--yellow);
}
.only-chat-files-use .chat-search-list-cont {
  padding-right: 50px;
}
.chat-video-play-icon {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.chat-search-list-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 12px;
  min-height: 48px;
} 
.chath4 {
  margin: 12px 8px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-search-list-box-main {
  padding: 0px 16px 8px 16px;
  overflow: auto;
  height: calc(100vh - 212px);
}
.chat-search-list-box-main::-webkit-scrollbar {
  width: 5px;
}
.chat-search-list-box-main::-webkit-scrollbar-track {
  border-radius: 10px;
}
.chat-search-list-box-main::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.chat-search-list-box-main:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.chat-data-list li {
  display: flex;
  align-items: flex-start;
  padding: 8px;
  position: relative;
}
.chat-data-list li:hover { 
  background: #F3F5F7;
  border-radius: 10px;  
  cursor: pointer; 
}
.chat-data-list {
  margin: 0px;
  padding: 0px; 
  list-style: none;
}
.chat-data-list li:hover .chat-search-list-icon {
  display: block;
}
.chat-search-list-icon {
  float: right;
  position: absolute;
  right: 8px;
  margin-top: 11px; 
  display: none;
}
.chat-data-fine-name {
  word-break: break-all;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.chat-data-fine-size {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-search-file-type  {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.only-chat-files-use .chat-search-list-img {
  display: block;
}

.chat-search-list-img {
  position: relative;
  display: contents;
  min-width: 48px;
}
.chat-search-list-img img {
  height: 48px;
  width: 48px;
  object-fit: cover;
  min-width: 48px;
  border-radius: 10px;
}
.chat-search-recent-box-search {
  position: relative;
}
.chat-search-recent-box-search input {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #201E29;
  padding: 0px 12px 0px 37px;
  width: 358px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  box-sizing: border-box;
}
.cstm-user-uplaod-input input::placeholder {
  font: weight 400;
  color: #606060;    
} 
.chat-search-recent-box-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1659_11699'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='14'%20height='14'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.33301%201.33301H14.3175V14.3177H1.33301V1.33301Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1659_11699)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.82568%202.33301C4.79701%202.33301%202.33301%204.79634%202.33301%207.82501C2.33301%2010.8537%204.79701%2013.3177%207.82568%2013.3177C10.8537%2013.3177%2013.3177%2010.8537%2013.3177%207.82501C13.3177%204.79634%2010.8537%202.33301%207.82568%202.33301ZM7.82568%2014.3177C4.24567%2014.3177%201.33301%2011.405%201.33301%207.82501C1.33301%204.24501%204.24567%201.33301%207.82568%201.33301C11.4057%201.33301%2014.3177%204.24501%2014.3177%207.82501C14.3177%2011.405%2011.4057%2014.3177%207.82568%2014.3177Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_1659_11699'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='11'%20y='11'%20width='4'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.4932%2011.8047H14.8425V15.1479H11.4932V11.8047Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_1659_11699)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3427%2015.1479C14.2153%2015.1479%2014.0873%2015.0992%2013.9893%2015.0019L11.64%2012.6592C11.4447%2012.4639%2011.444%2012.1472%2011.6393%2011.9519C11.834%2011.7552%2012.1507%2011.7565%2012.3467%2011.9505L14.696%2014.2939C14.8913%2014.4892%2014.892%2014.8052%2014.6967%2015.0005C14.5993%2015.0992%2014.4707%2015.1479%2014.3427%2015.1479Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 12px;
}
.chat-search-ntd {
  margin-top: -8px;
  right: 5px;
}
.chat-search-ntd button {
  padding: 6px 10px;
}
.chat-search-recent-box-recent {
  position: relative;
} 
.chat-recent-dropbox {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
}
.chat-recent-dropbox img {
  margin-left: 8px;
}
.chat-search-recent-box {
  position: relative;
  padding: 12px 14px 8px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-sg-msg2 {
  margin-left: 4px;
}
.chat-on-hover:hover {
  background: transparent!important;
} 
.massages-name-time img {
  vertical-align: -5px;
}
.chat-video-play-icon img {
  max-width: 24px!important;
  width: 24px!important;
  height: 24px!important;
  object-fit: contain!important;
}
.header-chat-new-search {
  position: relative;
}
.header-chat-new-search input {
  width: 100%;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.header-chat-new-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1; 
  top: 11px;
  left: 18px;
}
.header-chat-cont-link {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  border-radius: 0px 0px 10px 10px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  background: #FFF;
}
.view-in-chat-box-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  color: #201E29!important;
  font-family: 'Inter', sans-serif;
}
.view-in-chat-box-link:hover{
  color: #351bce!important;
}
.searchbaradd img.chat-user-phto {
  height: 40px!important;
  width: 40px!important;
}
.searchbaradd .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.searchbaradd .header-chat-cont-list-cont {
  padding: 0px 90px 0px 56px;
}
.searchbaradd ul.chat-list-user-box li {
  padding: 8px!important;
  height: 56px!important;
}
.group-info-main{
  transition: 0.4s;
  -webkit-animation-name: groupbar;
  -webkit-animation-duration: 4s;
  animation-name: groupbar;
  animation-duration: 4s;
}
@keyframes groupbar {
  0% {
      right: -600px;
 }
  25% {
     right: 0px;
 }
}
.header-chat-cont-list-cont {
 width: 100%;
}
.chat-module-left .searchbaradd{
 height: calc(100vh - 196px);
}
.cstm-upload-cgc {
  width: 112px;
  margin: auto;
}
.avatar-view-info {
  border-radius: 50px;
  width: 72px;
  height: 72px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.cstm-avat-box-left-sidechat-small {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  display: flex;
  color: #FFF;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  align-items: center;
  text-transform: uppercase;
}
.cstm-avat-box-left-sidechat {
  height: 72px;
  width: 72px;
  border-radius: 50px;
  object-fit: cover;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #FFF;
  display: flex;
  align-items: center;
}
.messages-groups-can-have {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  max-width: 320px;
  width: 100%;
  background: #F6F6F6;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  align-content: center;
  margin: 16px auto;
} 
.messages-groups-can-have b {
  font-weight:600; 
}
.messages-obhl-photo {
  position: relative;
} 
.new-message-empty-state {
  margin-top: 16px;
}
.cstm-add-members-back-button {
  margin: -8px;
  padding: 8px 24px 8px 8px;
  cursor: pointer;
} 
.create-group-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: #ffffffe0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-group-loader img {
  height: 25px;
}
.cstm-cgl {
  position: relative;
}
.viewinfo-transparent {
  background: transparent!important;
}
.chat-page-loader {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -32px;
}
.chat-page-loader img { 
  width: 64px;
}
.chat-header-tp {
  display: flex;
  align-items: center;
}
.chat-header-tp-left {
  width: 48px;
  height: 48px;
  background-color: #ececec;
  border-radius: 50px;
}
.chat-header-tp-right {
  width: 150px;
  height: 18px;
  background-color: #ececec;
  margin-left: 12px;
}
.chat-list-select-hover {
  background: #F3F5F7;
  border-radius: 12px;
}
.brn-arrow-remove {
  padding-left: 0px!important;
}
.brn-arrow-remove:before {
  display:none!important;
}
.brn-arrow-remove:hover {
  color: #201e29!important;
}
.discard-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  padding: 10px 20px;
  border: none;
  background: transparent;
}
.discard-btn {
  color: #351BCE;
}
.edit-group-info-box-btn {
  gap: 12px;
  display: flex;
  align-items: center;
}
.online-trading-field {
  border: 1px solid #9B9A9F!important;
  border-radius: 10px !important;
  background: #FFF !important;
}
.egi-img {
  height: 72px;
  width: 72px;
  min-width: 72px;
  object-fit: cover;
  border-radius: 50px;
}
.edit-group-info-mn-change-img-photo {
  margin-right: 28px;
}
.edit-group-info-info-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #414049;
  margin-bottom: 8px;
}
.edit-group-info-info{
  margin-bottom: 24px;
}
.edit-group-info-btn {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  padding: 0px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-group-info-btn:hover {
  color: #351bce;
}
.edit-group-info-mn {
  padding: 24px;
}
.edit-group-info-mn-change-img {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.edit-group-info-title {
  border-bottom: 1px solid #E6E6E6;
  padding: 24px;
  height: 72px;
  display: flex;
  align-items: center;
}
span.chat-popup-close {
  position: absolute;
  left: -60px;
  top: 16px;
  cursor: pointer;
}
.cstn-vgi-main-lf-photo {
  position: relative;
}
.group-ingo-add-members {
  overflow: auto;
  height: calc(100vh - 202px);
  padding: 0px 16px 16px 16px;
} 
.group-ingo-add-members::-webkit-scrollbar {
  width: 5px;
}
.group-ingo-add-members::-webkit-scrollbar-track {
  border-radius: 10px;
}
.group-ingo-add-members::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.group-ingo-add-members:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.group-info-meme-only {
  right: -4px!important;
  top: 23px!important;
  border: 1px solid #E6E6E6!important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08)!important;
  border-radius: 6px!important;
}
.cstn-vgi-main-rt {
  position: relative;
}
.cstm-vgi-dtd {
  padding: 0px;
  border: none;
  background: transparent; 
  width: 24px;
}
.cstn-vgi-main-lf-avat {
  position: relative;  
}
.cstn-vgi-main-lf-avat-text {
  background: #201E29;
  min-height: 48px;
  width: 48px;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #FFF;
  border-radius: 50px;
}
.cstn-vgi-main-lf {
  display: flex;
  align-items: center;
}
.cstn-vgi-main-lf-title {
  margin-left: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.cstn-vgi-main-lf-photo img {
  height: 48px;
  width: 48px;
  min-width: 48px;
  object-fit: cover;
  border-radius: 50px;
}
.group-ingo-add-members ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.group-ingo-add-members ul li:hover {
  background: #f3f5f7;
  border-radius: 12px;
  cursor: pointer;
}
.group-ingo-add-members ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.add-members-link-bt {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #351BCE!important; 
  padding: 0px;
  border: none;
  background: transparent;
}
.add-members-link-bt:hover {
  color: #000!important;
}
.group-info-main {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  width: 540px;
  height: 100vh;
  right: 0;
  position: fixed;
  top: 0;
  z-index: 5; 
}
.group-info-main-top-left-img img {
  height: 72px;
  width: 72px;
  object-fit: cover;
  border-radius: 50px;
}
.group-info-main-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 14px 24px;
}
.group-info-main-top-left {
  display: flex;
  align-items: center;
}
.group-info-main-top-left-info {
  display: flex;
  flex-direction: column;
}
.group-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 18px; 
  line-height: 150%;
  color: #201E29;
}
.group-info-main-top-left-img {
  margin-right: 20px;
} 
.group-info-menu-horizonta {
  cursor: pointer;
}
.group-info-main-tabs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  border-bottom: 1px solid #E6E6E6;
}
.group-info-main-tabs .active-gi a {
  color: #201E29!important;
  font-weight: 500;
}
.group-info-main-tabs .active-gi a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #351BCE;
  border-radius: 10px 10px 0px 0px;
  left: 0;
  bottom: 0px;
}
.group-info-main-tabs ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px; 
  line-height: 140%;
  color: #6E6D74;
  padding: 14px 24px;
  display: block;
  position: relative;
}
.group-info-main-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
  padding: 16px 20px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.group-info-dp {
  display: block;
  right: 22px;
  top: 67px!important;
}
.group-info-dp button {
  padding: 6px 10px!important;
}
.cstm-add-members .cstm-aml-box-left {
  display: flex;
  align-items: center;
}  
.cstm-add-members  .cstm-aml-box-left-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
  max-width: 374px;
}
.cstm-add-members ul.chat-list-user-box li {
  padding: 8px 12px;
  height: 56px; 
  cursor: pointer;
} 
.cstm-add-members .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.cstm-add-members a.chat-sg-ttl-main {
  padding-left: 56px;
  width: 80%;
}
.cstm-add-members ul.chat-list-user-box {
  margin: 0px 8px 5px 8px;
  overflow: auto;
  height: 534px;
}
.cstm-add-members .header-chat-cont-list-cont {
  padding: 0px; 
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cstm-add-members .header-chat-cont-list-cont input[type="checkbox"] {
  width: 18px; 
  height: 18px;
  margin: 0px 12px 0px 0px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar {
  width: 5px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar-thumb {
  background: #D9D9D9; 
  border-radius: 10px;
}
.chateditactive img {
  border: 1px solid #F3F5F7!important;
}
.chat-edit-sd img {
  border: 1px solid #E6E6E6!important;
  border-radius: 10px;
  height: 44px;
  width: 44px;
}
.input-chat-container{
  display: flex;
  margin: 5px 10px;
  align-items: flex-end;
}
.cstm-aml-box-right input {
  width: 18px;
  height: 18px;
  margin: 0px;
}
span.cstm-aml-am-text {
  background: #201E29;
  height: 40px;
  width: 40px;
  display: flex;
  border-radius: 50px;
  margin-right: 16px;
  color: #FFF; 
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  align-items: center;
  justify-content: center;
}
.cstm-add-members-list-box li {
  list-style: none;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstm-add-members-list-box ul {
  padding: 0px;
  margin: 0px;
}
.cstm-add-members-title-list {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
  padding: 16px 20px 8px;
}
span.cstm-aml-text {
  background: #111928;
  height: 32px;
  width: 32px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50px;
  justify-content: center;
}
span.cstm-aml-close {
  padding: 4px;
  cursor: pointer;
}
span.cstm-aml-close img {
  height: 20px;
  width: 20px;
}
span.cstm-aml-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
  padding: 0px 4px 0px 8px;
}
.cstm-add-members-list {
  padding: 16px 16px 0px;
}
span.cstm-aml-photo img {
  height: 32px;
  width: 32px;
  object-fit: cover;
  border-radius: 50px;
}
.cstm-add-members-list ul {
  margin: 0px;
  padding: 0px; 
}
.cstm-user-uplaod-edit {
  position: relative;
  width: 112px;
  margin: 0px auto 8px;
  border-radius: 150px;
  overflow: hidden;
}
span.cstm-uue-edit {
  padding-top: 4px;
  width: 100%;
  height: 30px;
  background: #00000096;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0px;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
} 
.cstm-user-uplaod-edit img {
  background: #F2F2F2;
  border-radius: 100px;
  height: 112px;
  width: 112px;
  object-fit: cover;
}
.cstm-add-members-header-close button {
  padding: 7px;
  margin: -7px;
}
.cstm-user-uplaod-input input {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  width: 174px;
  background: #FFF;
  border-radius: 0px;
  padding: 0px 8px 8px;
  height: 35px;
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
}
.cstm-user-uplaod-input input::placeholder {
  font-size: 18px;
  color: #9f9ea3;
} 
.cstm-user-uplaod-name {
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #201E29;
}
.cstm-user-uplaod-icon img {
  cursor: pointer;
}
.cstm-user-uplaod {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
.cstm-user-uplaod-icon {
  margin-bottom: 8px;
}
span.cstm-owner-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-align: right;
  color: #201E29;
  height: 26px;
  background: #DEDDDF;
  border-radius: 8px;
  display: block;
  padding: 4px 6px;
}
.cstm-cancel-btn {
  background: #FFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  border: none;
  padding: 10px 20px;
}
.cstm-cancel-btn:Hover {
  color: #351BCE;
}
.cstm-add-members-list ul li {
  list-style: none;
  float: left;
  background: #F6F6F6;
  border-radius: 40px;
  padding: 4px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 8px;
}
.cstm-add-members-search input {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6; 
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.chat-search-list-box {
  display: flex;
  justify-content: space-between;
  position: relative;
}
hr.cstm-cgc-line {
  opacity: 1;
  background: #E6E6E6;
  height: 0px;
  border: none;
  margin: 0px;
  padding-bottom: 1px;
}
span.cstm-aml-box-left-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.cstm-add-members-search {
  position: relative;
  padding: 0px 16px 16px 16px;
}
.cstm-add-members-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); 
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 32px;
}
.closeicon {
  padding: 0px;
  border: none;
  background: transparent;
}
span.cstm-aml-box-left-photo img {
  height: 40px;
  width: 40px;
  margin-right: 16px;
  border-radius: 50px;
  object-fit: cover;
}
.cstm-add-members-header-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #201E29;
  display: flex;
  align-items: center;
}
.cstm-add-members-header {
  padding: 16px 16px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-add-members-footer-left {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
}
.cstm-add-members-footer-right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.cstm-add-members-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 20px;
  height: 72px;
  border-top: 1px solid #E6E6E6;
}
.cstm-add-members {
  max-width: 580px;
  background: #FFFFFF;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  width: 100%;
  overflow: inherit!important;
}
.cstm-search-drop {
  right: 0!important;
  top: 46px!important;
  width: 145px!important;
  border: 1px solid #E6E6E6!important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08)!important;
  border-radius: 6px!important;
}
.cstm-search-drop button {
  padding: 6px 10px!important;
}
.messages-other-box-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messages-other-box-head-left {
  display: flex;
}
.messages-other-box-head-right {
  display: flex;
}
.cstm-gp-us {
  display: flex;
  margin-left: 12px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.cstm-gp-us-name a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29 !important;
  font-family: 'Inter', sans-serif;
}
.cstm-gp-us-name a:hover {
  color: #351BCE !important;
} 
.messages-other-box-type-text textarea {
  min-height: 25px;
  height: 25px;
  padding: 0px;
  border-radius: inherit !important;
  background: transparent;
  font-size: 14px;
  line-height: 20px;
  padding-left: 10px;
}
.cstm-mob-dtd {
  position: relative;
}
.cstm-mob-dtd img {
  cursor: pointer;
}
.messages-other-ebox-right {
  margin-bottom: 15px;
  text-align: right; 
}
.chat-coversation-box  .messages-other-ebox-left {
  margin-bottom: 8px;
  padding-right: 60px;
}
.cstm-profile-dox {
  position: absolute;
  width: 340px;
  height: 172px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  z-index: 2;
  bottom: 14px;
  left: -20px;
  padding: 20px;
  display: none;
}
.cstm-profile-dox:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 18px;
  width: 24px;
  height: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAHCAYAAAAS9422AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABnSURBVHgBrZFdDYAwDISvDiZhEpCAJCRUwiQgBSdIAAflSPa4Zd3Pl3xZlqZ3DwWImQW605PeNs5DNWcFlOAg0mT9pGpopUg7whUjOEsUMzRKFCsolPzHPDy7AicMjHy2/L1E5PXsfQpDILsmbp5yAAAAAElFTkSuQmCC);
  z-index: 111;
}
.header-chat-cont {
  width: 329px;
  height: calc(100vh - 90px);
  position: fixed !important;
  left: inherit !important;
  top: 72px !important;
  right: 16px !important;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  border-radius: 0px 0px 10px 10px;
  transform: inherit !important;
}
.view-in-chat-box a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #351BCE;
}
.view-in-chat-box-icon {
  line-height: 20px;
  border: none;
  background: transparent;
  padding: 0px;
  color: #000;
  font-size: 28px;
}
.header-chat-cont-list .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.header-chat-cont-list {
  overflow: auto;
  height: calc(100vh - 237px);
}
.header-chat-cont-list::-webkit-scrollbar {
  width: 6px;
}
.messages-other-box-type-text button.react-input-emoji--button svg {
  height: 20px;
  width: 20px;
}
.messages-other-box-type-text .react-input-emoji--button {
  padding: 0;
}
.messages-other-box-type-text .react-input-emoji--placeholder {
  left: 0;
  width: 100%;
}
.messages-other-box-type-text .react-input-emoji--container {
  margin: 0px;
  width: 189px;
  border: none;
  border-radius: 10px !important;
  background: #F3F5F7;
}
.messages-other-box-type-text .react-input-emoji--input {
  padding: 0px;
}
.messages-say-icon {
  margin-bottom: 16px;
}
.messages-say-hello {
  padding: 12px 32px;
  background: #351BCE;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.messages-say-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #201E29;
  margin-bottom: 16px;
}
.messages-other-minus {
  border: none;
  padding: 0px;
  line-height: 16px;
  background: transparent;
  font-size: 45px;
  margin-left: 15px;
  font-weight: 200;
}
.messages-other-minus:hover {
  color: var(--yellow);
}
.messages-other-close {
  border: none;
  padding: 0px;
  line-height: 16px;
  background: transparent;
  font-size: 25px;
  margin-left: 15px;
}
.messages-other-close:hover {
  color: var(--yellow);
}
.messages-obhl-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}
.messages-obhl-photo img {
  height: 48px;
  width: 48px;
  border-radius: 50px;
  object-fit: cover;
}
.messages-other-photo-in {
  margin-top: 8px;
  position: relative;
}
.messages-other-photo-in img {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
}
.messages-other-box {
  margin-right: 20px;
  background: #FFFFFF;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
  width: 320px;
}
.messages-other-photo {
  display: flex;
  flex-direction: column;
}
.messages-other {
  position: fixed;
  right: 365px;
  z-index: 9;
  bottom: 18px;
  display: flex;
  align-items: flex-end;
}
.header-chat-cont-list::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
  background-clip: padding-box;
}
.header-chat-cont-head {
  padding: 8px 16px 16px 16px;
  border-bottom: 1px solid #d9d9d9;
}
.header-chat-cont-head-top-left {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #201E29;
}
.header-chat-cont-head-top-right {
  display: flex;
}
.header-chat-cont-head-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.input-chat-container{
  display: flex;
  margin: 5px 10px;
  align-items: flex-end;
}
.emoji-opener{
  width: 25px;
  height: 25px;
  margin: 7px;
  cursor: pointer;
}
.emoji-container{
  position: absolute;
  right: 0px;
  bottom: 54px;
}
.drop-file-container{
  position: absolute;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: brightness(6.5);
          backdrop-filter: brightness(6.5);
  opacity: 0.9;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px dashed;
  color : black;
  padding: 41px;
  font-weight: 600;
}
span.chat-sg-edit-msg-icn {
  position: absolute;
  left: -25px;
  opacity: 0.5;
  margin-top: 2px;
}
.messages-other-ebox-right.cstm-pfl-search::before {
  right: -20px;
  left: initial;
}
.massages-ebox-left span.url-msg {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #351bce;
}
.cstm-video-only-main {
  position: relative;
}
.cstm-video-only-main:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='28'%20fill='%23201E29'%20fill-opacity='0.7'%20style='mix-blend-mode:multiply'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.742%2020.9816C23.4622%2020.8074%2023.1%2021.0086%2023.1%2021.3382V35.8196C23.1%2036.1575%2023.4786%2036.3571%2023.7573%2036.1661L34.8314%2028.5806C35.0814%2028.4094%2035.0733%2028.0378%2034.8161%2027.8776L23.742%2020.9816ZM21%2020.5819V36.6164C21%2038.3057%2022.8931%2039.3036%2024.2867%2038.3489L36.5485%2029.9499C37.7985%2029.0936%2037.758%2027.2357%2036.4718%2026.4347L24.2101%2018.7992C22.8112%2017.9282%2021%2018.934%2021%2020.5819Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M22.4004%2037.0998V20.2998L32.2004%2025.1998L36.4004%2028.6998L22.4004%2037.0998Z'%20fill='%23FDFDFD'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: -18px auto 0px;
}
span.url-msg {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #f3f5f7;
  margin-bottom: 8px;
  word-break: break-all;
  cursor: pointer;
}
.chat-cdv-file-type {
  display: flex;
  padding: 4px;
  background: #ffffff;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.chat-cdv-file-type-left {
  border-radius: 10px;
  width: -webkit-max-content;
  width: max-content;
  display: contents;
}
.chat-cdv-file-type-right {
  margin-left: 8px;
  cursor: pointer;
  overflow: hidden;
}
.cchat-cdv-file-type-right-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-cdv-file-type-left img {
  height: 56px;
  width: 56px;
  object-fit: cover;
  background: #f2f2f2;
  border-radius: 10px;
}
.cchat-cdv-file-type-right-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-attached-view-box span.cstm-ttl-tp {
  font-size: 23px;
  text-transform: uppercase;
  bottom: 19px;
}
.cstm-file-tp-all {
  position: relative;
}
.header-chat-cont .header-chat-cont-list-cont {
  padding-left: 64px;
}
span.cstm-ttl-tp {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  border: darkblue;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.chat-rd-msg-file-type-right-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.chat-rd-msg-file-type-right-md {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-rd-msg-file-type-left {
  margin-right: 8px;
}
.chat-rd-msg-file-type {
  display: flex;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 12px 4px 4px;
  align-items: center;
  position: relative;
  margin-bottom: 8px;
  width: auto;
}
.chat-pdf-name {
  padding-right: 30px;
  padding-left: 8px;
  overflow: hidden;
}
.chat-msg-ttl {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.chat-massages-file-type {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 4px;
}
.chat-massages-file-type {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.chat-massages-file-type-left {
  margin-right: 8px;
}
.chat-msg-mb {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.cstm-new-chat-input {
  position: relative;
}
.cstm-new-chat-input input {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 36px 10px 46px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.cstm-new-chat-input:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 18px;
}
img.cstm-new-chat-cancel {
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer;
}
.cstm-new-chat-input input:focus {
  border: 1px solid #9b9a9f;
}
.chat-write-block {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
  background: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  display: flex;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
}
.cstm-pfl-search {
  position: relative;
}
.cstm-pfl-search:before {
  content: "";
  width: calc(100vw - 336px);
  height: inherit;
  position: absolute;
  background: #a89dea;
  opacity: 0.1;
  z-index: 1;
  left: -24px;
  top: 0px;
  bottom: -8px;
  min-height: 53px;
}
.cstm-moel-photo:hover .cstm-profile-dox {
  display: block;
}
.view-profile-btn {
  padding: 10px 18px;
  gap: 12px;
  isolation: isolate;
  width: 300px;
  height: 44px;
  background: #351bce;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  border: none;
}
.view-profile-btn:hover {
  background: var(--yellow);
}
.cstm-profile-dox-prf-right-gmail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.cstm-profile-dox-prf-right-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 1px;
  color: #201e29;
}
.cstm-profile-dox-prf-left {
  margin-right: 12px;
  position: relative;
}
.pfl-on-off {
  border-radius: 50%;
  border: 2px solid #ffffff;
  height: 16px;
  width: 16px;
  position: absolute;
  content: "";
  bottom: 2px;
  right: 2px;
}
.pfl-photo {
  height: 72px;
  width: 72px;
  border-radius: 50px;
  object-fit: cover;
  background: #201e29;
}
.cstm-profile-dox-prf {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.cstm-avat-comment {
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.cstm-upload-avar {
  height: 72px;
  width: 72px;
  object-fit: cover;
  border: 2px solid #ffffff !important;
  box-shadow: 0px 3px 15px #e3e3e3;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 50px;
  background: #201e29;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 36px;
}
.cstm-avat-header-img {
  width: 72px;
  height: 72px;
  display: flex;
  border: 2px solid #ffffff;
  object-fit: cover;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1));
  border-radius: 400px;
  margin: auto;
  background: #201e29;
  color: #fff;
  font-size: 36px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
}
.cstm-avat-header-tp {
  height: 32px;
  width: 32px;
  background: #3a3842;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.cstm-bdr1 {
  border: 1px solid #9b9a9f;
}
.cstm-bdr2 {
  border: 1px solid #dedddf;
}
.cstm-messasewbm-main {
  border-top: 1px solid #e6e6e6;
}
.cstm-icon-all-ct:hover {
  background: #f3f5f7;
  border-radius: 10px;
}
.cstm-avat-box {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center; 
  color: #ffffff;
  text-transform: capitalize;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-inner-sec p {
  color: #f3f5f7;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-info {
  color: #e3e3e3;
}
.messages-right-box-sec .message-text {
  color: #ffffff;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-inner-sec {
  border-bottom: 1px solid #a89dea;
}
.messages-right-box-sec .quote-icons img {
  filter: invert(1000%) sepia(1000%) saturate(100%) hue-rotate(378deg) brightness(1000%) contrast(100%);
}
.chat-massages-file-type-right {
  padding-right: 8px;
}
.cstm-cstm-no-chat-found {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
  height: calc(100vh - 156px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg-load-more {
  width: 100%;
  text-align: center;
  padding: 13px 0px;
  position: absolute;
  top: 0;
  z-index: 9;
}
.msg-load-more img {
  background: #fff;
  padding: 0px 60px;
  width: 150px;
}
img.cstm-chat-cpc-ld {
  width: 30px;
}
.search-msg .messages-left-box-sec, .search-msg .messages-right-box-sec {
  background: #806fe0;
}
.chatimage .modal-dialog {
  max-width: 800px !important;
}
.chatimage .modal-dialog .list-group-item-success {
  display: flex;
  justify-content: center;
  align-items: center;
}
.videomsg:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='28'%20fill='%23201E29'%20fill-opacity='0.7'%20style='mix-blend-mode:multiply'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.742%2020.9816C23.4622%2020.8074%2023.1%2021.0086%2023.1%2021.3382V35.8196C23.1%2036.1575%2023.4786%2036.3571%2023.7573%2036.1661L34.8314%2028.5806C35.0814%2028.4094%2035.0733%2028.0378%2034.8161%2027.8776L23.742%2020.9816ZM21%2020.5819V36.6164C21%2038.3057%2022.8931%2039.3036%2024.2867%2038.3489L36.5485%2029.9499C37.7985%2029.0936%2037.758%2027.2357%2036.4718%2026.4347L24.2101%2018.7992C22.8112%2017.9282%2021%2018.934%2021%2020.5819Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M22.4004%2037.0998V20.2998L32.2004%2025.1998L36.4004%2028.6998L22.4004%2037.0998Z'%20fill='%23FDFDFD'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: -28px auto 0px;
}
.messages-only-main {
  /* max-width: 1170px; */
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.messages-other-box-type.message-write-box {
  margin: auto;
  width: 100%;
}
.cstm-mob-search {
  margin-right: 12px;
  cursor: pointer;
}
.active-search .cstm-src1 {
  display: none;
}
.active-search .cstm-src2 {
  display: block;
}
.cstm-src2 {
  display: none;
}
.cstm-loading-star {
  position: absolute;
  background: #fff;
}
.cstm-loading-star img {
  width: 24px;
}
.cstm-mob-star {
  position: relative;
}
.cstm-typing {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  padding: 3px 24px 8px;
  background: #fff;
  /* max-width: 1170px; */
  width: 100%;
  margin: auto;
}
.quote-msg-sec .quote-msg-inner-sec p {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  margin-bottom: 2px;
  margin-top: 6px; 
}
.quote-msg-sec .quote-msg-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
  padding-top: 6px;
}
.quote-msg-sec .quote-msg-inner-sec {
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  padding-bottom: 12px;
}
.quote-icons {
  margin-bottom: 12px;
}
.mobh-ar {
  width: 24px;
  height: 24px;
  padding: 0px;
  border: 0px;
  color: #afafaf;
  background: #f6f6f6;
  border-radius: 8px;
}
.mobh-ar:hover {
  background: #201e29;
  color: #fff;
}
.mobh-close {
  padding: 0px;
  border: none;
  background: transparent;
  position: absolute;
  right: 17px;
  top: 10px;
  font-size: 25px;
  font-weight: 300;
  color: #201e29;
  font-family: "Inter", sans-serif;
}
.cstm-smicc {
  height: 44px !important;
  border-radius: 10px !important;
  padding-left: 44px !important;
  padding-right: 35px !important;
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
}
.cstm-smicc:focus {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}
.cstm-smicc::placeholder {
  color: #201e29;
}
.cstm-cancel-link {
  border: none;
  padding: 0px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #6f7071;
}
.cstm-cancel-link:hover {
  color: #351bce;
}
.mobh-cont {
  margin-left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.mobh-updn {
  border-width: 0px 1px;
  border-style: solid;
  border-color: rgba(32, 30, 41, 0.1);
  height: 32px;
  display: flex;
  align-items: center;
  margin: 0px 16px;
  padding: 0px 16px;
  justify-content: space-between;
  gap: 8px;
}
.mobh-field {
  width: 100%;
  position: relative;
}
.mobh-field:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 16px;
}
.messages-other-box-head-bottom {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.messages-other-box-head {
  padding: 12px 24px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.massages-name-time {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: #606060;
}
.welcome-to-mds {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
}
.a-place-where {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #606060;
  max-width: 551px;
  width: 100%;
}
.welcome-to-icon img {
  margin: 0 auto 16px;
}
.welcome-chat-cm-icon img {
  margin: 0 auto 16px;
  width: 160px;
}
.welcome-chat-cm-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
}
.cstm-chat-loading {
  text-align: center;
  height: 100%;
}
.cstm-chat-loading img {
  height: 50px;
  position: absolute;
  top: 50%;
}
.cstm-gmc-admin {
  background: #ffcc00;
  border-radius: 10px;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  color: #201e29;
  padding: 3px 10px;
}
.cstm-gmc-view {
  margin-left: 6px;
  cursor: pointer;
}
.cstm-gmc-view img {
  vertical-align: -5px;
}
.cstm-group-member-cont ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.cstm-group-member-cont ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.cstm-group-member-cont ul li:last-child {
  margin-bottom: 0px;
}
.cstm-group-member-cont-left {
  display: flex;
  align-items: center;
}
.cstm-gmc-img img {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #cdcdcd !important;
}
.cstm-gmc-img {
  margin-right: 8px;
}
.cstm-gmc-title a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
}
.cstm-gmc-title a:hover {
  color: #ffcc00;
}
.cstm-group-member {
  padding: 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
}
.cstm-group-member-header {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-group-member-header-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
}
.add-members-link {
  padding: 0px;
  background-color: transparent;
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #351bce;
}
.add-members-link:hover {
  color: #ffcc00;
}
.cstm-gmc-img img {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #cdcdcd !important;
}
.add-members-link svg {
  height: 18px;
}
.cstm-group-member-cont-right {
  display: flex;
  align-items: center;
}
.react-emoji-picker--wrapper {
  width: 356px !important;
}
.emoji-mart-scroll {
  -ms-overflow-style: none;
 /* Internet Explorer 10+ */
  scrollbar-width: none;
 /* Firefox */
}
.emoji-mart-scroll::-webkit-scrollbar {
  display: none;
 /* Safari and Chrome */
}
.header-chat-widget .header-chat-cont-head-search {
  position: initial;
  padding: 0;
  border-bottom: 0;
}
.header-chat-cont-list-photo {
  position: absolute;
  border-radius: 50px;
}
.small-chat-widget .messages-obhl-photo {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  margin: 0 !important;
}
.small-chat-widget .messages-other-box-head-left {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
img.chat-user-phto {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.small-chat-widget .messages-obhl-name {
  flex-grow: 1;
  width: calc(100% - 50px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-chat-widget .messages-obhl-photo {
  margin-right: 12px;
  position: relative;
}
.small-chat-widget .message-text {
  font-size: 12px;
  line-height: 16px;
}
.small-chat-widget .massages-ebox-left, .small-chat-widget .massages-ebox-right {
  padding: 8px 10px;
}
.small-chat-widget .massages-name-time {
  display: block;
  font-size: 10px;
  line-height: 14px;
  margin-top: 5px;
}
.small-chat-widget .message-convo-img-div {
  width: 120px;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
}
.small-chat-widget .message-convo-img-div img, .small-chat-widget .message-convo-img-div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.small-chat-widget .massages-ebox-file-type .message-convo-img-div {
  padding: 8px 10px;
}
.massages-ebox-file-type .message-convo-img-div .file-type {
  font-size: 8px;
  line-height: 12px;
}
p.file-name {
  font-size: 12px;
  line-height: 14px;
}
.small-chat-widget .massages-ebox-content-sec .massages-ebox-left, .small-chat-widget .massages-ebox-content-sec .massages-ebox-right {
  padding: 6px 8px;
}
.small-chat-widget .messages-other-ebox-left, .small-chat-widget .messages-other-ebox-right {
  max-width: 240px;
  width: auto;
  margin-bottom: 10px;
}
.small-chat-widget .messages-other-ebox-right {
  margin-left: auto;
}
.small-chat-widget .quote-msg-sec {
  padding: 8px 8px;
}
.small-chat-widget .quote-icons {
  line-height: 10px;
}
.small-chat-widget .quote-icons svg {
  width: 12px;
  height: 12px;
}
.small-chat-widget .quote-msg-inner-sec {
  padding-left: 10px;
}
.small-chat-widget .quote-msg-inner-sec p {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.small-chat-widget .quote-msg-info {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}
.small-chat-widget .quote-msg-inner-sec .massages-ebox-file-type p {
  margin-bottom: 0;
}

.messages-other-box.small-chat-widget {
  height: 450px;
  display: flex;
  flex-direction: column;
}
.messages-other-box.small-chat-widget {
  transform: scale(0);
  transition: 0.5s all;
}
.messages-other-box.small-chat-widget.active {
  transform: scale(1);
  transition: 0.5s all;
  transform-origin: bottom right;
}
.messages-other-box.small-chat-widget .react-input-emoji--input::-webkit-scrollbar {
  width: 4px;
}
/* 
.messages-other-box.small-chat-widget .messages-other-box-main {
  overflow: hidden;
}
.messages-other-box.small-chat-widget .messages-other-box-type {
  padding: 0px;
}
.messages-other-box.small-chat-widget .message-write-box-main {
  padding: 8px 12px 10px;
  display: flex;
  width: 100%;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
}
.messages-other-box.small-chat-widget .file-attached-view-box {
  padding: 8px 10px;
  gap: 16px 12px;
  border-radius: 0px;
  max-height: 130px;
}
.messages-other-box.small-chat-widget .attached-item {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
.messages-other-box.small-chat-widget .delete-attached-items button.messages-other-close {
  width: 20px;
  height: 20px;
}
.messages-other-box.small-chat-widget .attached-item-innner {
  border-radius: 10px;
}
.messages-other-box.small-chat-widget .delete-attached-items {
  right: -10px;
}
.messages-other-box.small-chat-widget .attached-item-innner.file-type-item {
  padding: 8px 12px; 
}
.messages-other-box.small-chat-widget .messages-other-box-main-ebox {
  height: 100%;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box {
  padding: 8px 32px 8px 10px;
  border-radius: 0 0;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box .massages-ebox-file-type {
  max-width: 240px;
  width: fit-content;
}
.messages-other-box.small-chat-widget .quote-model button {
  width: 100%;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
}
.messages-other-box.small-chat-widget .quote-model button svg {
  margin-right: 4px;
  width: 18px;
  height: 18px;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box {
  max-height: 150px;
  min-height: 50px;
}
.messages-other-box.small-chat-widget .close-icons {
  top: 4px;
  z-index: 10;
  right: 12px;
}
.messages-other-box.small-chat-widget .close-icons svg {
  width: 20px;
  height: 20px;
}
.messages-other-box.small-chat-widget .react-input-emoji--wrapper {
  margin: 4px 0px 2px 0px !important;
}
.messages-other-box.small-chat-widget .messages-other-box-type-icon {
  gap: 8px;
}
.messages-other-box.small-chat-widget .react-emoji {
  align-items: flex-end;
  gap: 8px;
}
.messages-other-box.small-chat-widget .react-input-emoji--button {
  width: 28px;
  height: 28px;
}
.messages-other-box.small-chat-widget .react-input-emoji--container {
  width: 186px;
}
.messages-other-box.small-chat-widget .messages-send-btn {
  padding: 0;
  font-size: 12px;
  margin-left: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-other-box.small-chat-widget .react-input-emoji--input {
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
}
.messages-other-box.small-chat-widget .react-input-emoji--placeholder {
  left: 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
} */
.messages-other-photo-in {
  border-radius: 50px;
  background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
}
.messages-other-photo-in img {
  height: 48px;
  width: 48px;
  border-radius: 50px;
  object-fit: cover;
}

.chat-module-main {
  padding: 72px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
  margin: auto;
  display: flex;
}
.cstm-mob-star {
  margin-right: 12px;
  cursor: pointer;
}
.chat-noti-lt2 {
  border-radius: 50px;
  border: 2px solid #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0;
}
.mobile-back-arrow, .user-chat-listing-back {
  display: none;
  margin-right: 16px;
  cursor: pointer;
}
.chat-module-left {
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
  width: 330px;
  border-right: 1px solid #e6e6e6;
  position: fixed;
  border-top: 1px solid #e6e6e6;
  z-index: 1;
}
.chat-module-right {
  height: calc(100vh - 96px);
  max-height: calc(100vh - 96px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
}
.chat-module-center {
  width: 100%;
  margin: auto;
  grid-area: chatmsg;
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
  padding-left: 330px;
  border-top: 1px solid #e6e6e6;
}
.chat-module-left .userlist {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  float: none;
  display: block;
  margin: 0 auto;
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0 !important;
}
.chat-module-left .card {
  box-shadow: none;
  border: none !important;
}
.cstm-new-chat-right img {
  cursor: pointer;
}
.cstm-new-chat-left {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
}
.chat-edit-sd {
  cursor: pointer;
}
.cstm-new-chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.header-chat-cont-head-search {
  position: -webkit-sticky;
  position: sticky;
  padding: 24px 12px 16px 24px;
}
.chat-search-list-box {
  display: flex;
  justify-content: space-between;
}
.chat-left-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.chat-left-heading h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 0px;
}
.chat-left-heading a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #351bce;
}
.chat-search-list {
  position: relative;
}
.header-chat-cont-head-search {
  position: relative;
}
.chat-search-close {
  padding: 0px;
  border: none;
  background: transparent;
  position: absolute;
  right: 14px;
  top: 8px;
  font-size: 25px;
  font-weight: 300;
  display: none;
  color: #201e29;
  font-family: "Inter", sans-serif;
}
.chat-search-list:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 18px;
}
.chat-search-list input {
  width: 238px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.cstm-chat-mn-sd {
  overflow: auto;
  height: calc(100vh - 156px);
  transition: all 0.3s;
  padding: 0px 8px 0px 12px;
  margin-right: 4px;
}
.cstm-chat-mn-sd::-webkit-scrollbar {
  width: 5px;
}
.cstm-chat-mn-sd::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-chat-mn-sd::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cstm-chat-mn-sd:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.chat-card-header .btn-link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  text-decoration: initial;
  padding: 0px 0px 0px 24px;
  border: 0px;
  position: relative;
  font-family: 'Inter', sans-serif;
}
.chat-card-header .btn-link:hover {
  color: var(--navyblue);
}
.chat-card-header .btn-link:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_427_6092'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='5'%20y='6'%20width='10'%20height='8'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.52148%206.1123H14.9994V13.8882H5.52148V6.1123Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_427_6092)'%3e%3cpath%20d='M9.73764%2013.5994C9.85136%2013.7798%2010.0483%2013.8886%2010.2609%2013.8886C10.4727%2013.8886%2010.6704%2013.7798%2010.7833%2013.5994L14.9043%207.05911C15.0246%206.86958%2015.032%206.62897%2014.9224%206.43203C14.8136%206.23426%2014.6068%206.1123%2014.3818%206.1123H6.13996C5.91418%206.1123%205.70735%206.23426%205.59857%206.43203C5.4898%206.62897%205.4964%206.86958%205.6167%207.05911L9.73764%2013.5994Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/svg%3e");
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  transform: rotate(270deg) !important;
}
.chatarrow .btn-link:before {
  transform: rotate(0deg) !important;
}
.chat-card-header {
  padding: 8px 12px;
}
.chat-module-left img.chat-user-phto {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.header-chat-cont-list-cont {
  padding: 0px 90px 0px 72px;
}
.chat-module-left ul.chat-list-user-box li {
  padding: 12px;
  position: relative;
  height: 72px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 3px 0px;
}
.chat-module-left ul.chat-list-user-box li:hover {
  background: #f3f5f7;
  border-radius: 12px;
}
.chat-sg-count {
  background: #f05252;
  border-radius: 30px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  height: 18px;
  min-width: 18px;
  text-align: center;
  padding: 0px 4px;
}
.chat-sg-msg {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 185px;
  white-space: nowrap;
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-sg-ttl-main {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #201e29 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 122px;
  white-space: nowrap;
  display: block;
  margin-bottom: 2px;
}
.chat-noti-lt {
  border-radius: 6px;
  border: 2px solid #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  content: "";
  bottom: 0;
  right: 0px;
}
ul.chat-list-user-box {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.chat-list-user-box li {
  padding: 9px 16px;
  position: relative;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
li.chat-list-select {
  background:#EBE8FA!important;
  border-radius: 12px;
}
.header-chat-cont-list-date {
  position: absolute;
  right: 12px;
  top: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat-sg-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-coversation-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.messages-other-box-main {
  flex-grow: 1;
  /* overflow-y: auto; */
  overflow-y: hidden; 
  position: relative;
  overflow-x: hidden;
}
.messages-other-box-main-ebox {
  display: block;
  overflow: auto;
  padding: 0px 24px 0px;
  height: 100%;
  /* height: 300px; */
}
.messages-other-box-main-ebox::-webkit-scrollbar {
  width: 6px;
  background-color: #e8e8e8;
}
.messages-other-box-main-ebox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #e8e8e8;
  border-radius: 10px;
  background-color: #e8e8e8;
}
.messages-other-box-main-ebox::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
  background-color: #d8d8d8;
}
.messages-other-box-main {
  height: 100%;
}
.messages-other-box-main-say {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.chat-status-log-sec {
  width: 100%;
  text-align: center;
  padding: 13px 0px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.chat-status-log-sec p {
  margin-bottom: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  display: inline-block;
  background: #fff; 
  padding: 3px 80px;
  border-radius: 10px;
}
.chat-coversation-box .messages-other-ebox-left,
 .chat-coversation-box .messages-other-ebox-right {
  max-width: -webkit-fit-content;
  max-width: fit-content;
  width: auto;
}
.chat-coversation-box .messages-other-ebox-right {
  margin-left: auto;
  padding-left: 70px;
}
.chat-coversation-box .massages-ebox-left, .chat-coversation-box .massages-ebox-right {
  text-align: left;
  max-width: 100%;
  width: 100%;
  display: block;
}
.messages-left-box-sec, .messages-right-box-sec {
  position: relative;
  padding: 0 0px;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 600px;
}
.messages-left-box-sec {
  background: #edf0f2;
  border-radius: 10px 10px 0px 10px;
  margin-left: 48px;
}
.messages-right-box-sec {
  margin-left: auto;
  border-radius: 10px 10px 0px 10px;
  background: #5646e5;
  text-align: left;
}
.dotted-icon {
  position: absolute;
  top: 0px;
  border: none;
  background: 0;
  display: none;
  z-index: 2;
}
.dotted-icon.quote-active {
  display: block;
}
.messages-other-ebox-left .dotted-icon {
  right: -35px;
}
.messages-other-ebox-left:hover .dotted-icon {
  display: block;
}
.messages-other-ebox-right .dotted-icon {
  left: -50px;
}
.messages-other-ebox-right:hover .dotted-icon {
  display: block;
}
.massages-ebox-left, .massages-ebox-right {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  display: inline-block;
}
.massages-ebox-left {
  color: #201e29;
  background: transparent;
  border-radius: 0px 0px 10px 0px;
}
.massages-ebox-right {
  color: #fff;
  background: transparent;
  border-radius: 0px 0px 0px 10px;
}
.media-only .massages-ebox-right .message-convo-img-div {
  border-bottom-right-radius: 0px;
}
.media-only .massages-ebox-left .message-convo-img-div {
  border-bottom-right-radius: 0px; 
}
.media-only .massages-ebox-right {
  padding: 0px;
}
.media-only .quote-msg-sec {
    padding: 0px;
}
.media-only .quote-icons {
  padding: 12px 16px 0px 16px;
}
.media-only p.message-text {
  padding: 12px 16px;
  max-width: 200px;
}
.media-only .quote-msg-info {
  padding: 6px 16px 0px 16px;
}
.media-only .quote-msg-inner-sec p {
  padding: 12px 16px 0px 16px;
  max-width: 200px;
  word-wrap: break-word;
}
.media-only .massages-ebox-left {
  padding: 0px;
}
.chat-coversation-box .message-convo-img-div {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  position: relative; 
} 
.chat-coversation-box .message-convo-img-div img, .chat-coversation-box .message-convo-img-div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.chating-empty {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.chating-start-screen {
  text-align: center;
}
.chat-pdf-icon {
  cursor: pointer;
  position: absolute;
  right: 12px;
}
.massages-ebox-content .file-name {
  color: #201e29;
}
.chat-pdf-name-title { 
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.chat-pdf-name-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-pdf-download {
  margin-right: 8px;
  display: contents;
}
.chat-pdf-size {
  height: 48px;
  width: 48px;
  object-fit: cover;
  min-width: 48px;
}
.massages-ebox-file-type {
  display: flex;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 12px 4px 4px;
  align-items: center;
  position: relative;
}
.massages-ebox-file-type .message-convo-img-div {
  width: 48px;
  height: 48px;
  padding: 5px 10px;
  border-radius: 13px;
  background: #351bce;
}
.chat-coversation-box .massages-ebox-file-type .message-convo-img-div {
  width: 64px;
  height: 64px;
  padding: 8px 14px;
  border-radius: 20px;
}
.file-name {
  flex: 1 1;
  margin-bottom: 0;
  width: calc(100% - 72px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.massages-ebox-file-type .message-convo-img-div {
  position: relative;
}
.massages-ebox-file-type .message-convo-img-div .file-type {
  position: absolute;
  bottom: 12px;
  width: 100%;
  text-align: center;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.chat-coversation-box .message-convo-img-div .file-type {
  bottom: 16px;
}
.chat-coversation-box .message-write-box-main {
  display: flex;
  width: 100%;
  align-items: end;
  padding: 16px 76px 16px 16px;
  /* padding: 16px 12px; */
  /* max-width: 1222px; */ 
  margin: auto;
}
.chat-coversation-box .messages-other-box-type-text {
  flex-grow: 1;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  position: relative;
}
.message-write-box-main-mn {
  border-top: 1px solid #e6e6e6;
}
.messages-send-btn {
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  margin-left: 16px;
}
.messages-other-box-type-icon {
  display: flex;
  align-items: center;
}
.messages-send-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.chat-coversation-box .react-input-emoji--button {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-coversation-box .react-input-emoji--wrapper {
  margin: 13px 0px;
}
.chat-coversation-box .messages-other-box-type-text .react-input-emoji--input {
  padding: 0px;
  word-break: break-all;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  font-family: "Inter", sans-serif;
}
.chat-coversation-box .react-emoji {
  align-items: end !important;
}
.chat-coversation-box .react-input-emoji--button svg {
  fill: #53637f;
}
.chat-coversation-box .messages-other-box-type-text .react-input-emoji--container {
  width: 100%;
  background: transparent !important;
}
.messages-other-box-type-text .react-input-emoji--placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  font-family: "Inter", sans-serif;
}
.react-input-emoji--input::-webkit-scrollbar {
  width: 6px;
}
.react-input-emoji--input::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
}
.chat-coversation-box .react-input-emoji--input::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 4px solid transparent;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
}
.file-attached-view-box {
  /* padding: 22px 20px 14px 20px; */
  padding: 22px 24px 14px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  overflow-y: auto;
  gap: 16px;
  /* max-width: 1218px; */
  margin: auto;
}
.file-attached-view-box::-webkit-scrollbar {
  width: 6px;
}
.file-attached-view-box::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
  background-clip: padding-box;
}
.attached-item {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
  -webkit-aspet-ratio: 1;
  -o-aspet-ratio: 1;
  aspect-ratio: 1;
}
.attached-item-innner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.attached-item img, .attached-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.delete-attached-items {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.attached-item-innner.file-type-item {
  position: relative;
}
.chat-coversation-box .attached-item-innner.file-type-item .file-type {
  position: absolute;
  bottom: 16px;
  width: 100%;
  text-align: center;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.chat-coversation-box .message-convo-img-div .file-type {
  bottom: 16px;
}
.delete-attached-items button.messages-other-close {
  width: 20px;
  height: 20px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: none;
  background: #201e29;
  color: #fff;
  border: 1px solid #ffffff;
}
.quote-model {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius:6px;
  overflow: hidden;
  position: absolute;
  top: 38px;
  z-index: 10; 
  width: -webkit-max-content; 
  width: max-content;
  display: none;
  min-width: 120px;
}
.quote-model.quote-active {
  display: block;
}
.cstm-mob-dtd .quote-model {
  right: 5px;
}
.quote-model button {
  width: 100%;
  padding: 8px 10px;
  border: none;
  outline: none;
  box-shadow: none;
  background: #fff;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.quote-model button:hover {
  background: #f3f5f7;
}
.quote-model button svg {
  margin-right: 8px;
}
.quote-model button img {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.cstm-delete-only {
  color: #ff4852 !important;
}
.chat-profile-sec {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}
.chat-user-basic-details {
  padding: 24px 24px 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  text-align: center;
  position: relative;
}
.chat-user-profile-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  background: #f3f5f7;
  filter: drop-shadow(0px 2px 8px rgba(39, 39, 53, 0.1));
  border-radius: 120px;
  overflow: hidden;
  position: relative;
}
.chat-user-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-user-profile-details h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 12px;
}
.chat-user-profile-details p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  opacity: 0.7;
}
.chat-user-details-sec {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat-user-details-content {
  flex-grow: 1;
  height: auto;
  overflow-y: hidden;
}
.chat-user-details-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.chat-user-tabs {
  width: 33.33%;
  font-style: normal;
  text-align: center;
}
.chat-user-tabs-a {
  padding: 8px 0px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: rgba(9, 31, 72, 0.7);
}
.chat-user-tabs-a.active {
  color: #351bce;
  border-bottom: 1px solid #351bce;
}
.chat-tab-content {
  height: 100%;
  overflow: hidden;
}
.chat-tab-content .tab-pane {
  height: 100%;
  overflow: auto;
  padding: 16px;
}
.message-write-box-bx {
  border-top: 1px solid #e6e6e6;
}
.chat-tab-content .tab-pane::-webkit-scrollbar {
  width: 3px;
  background-color: #e8e8e8;
}
.chat-tab-content .tab-pane::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ffffff;
  border-radius: 10px;
  background-color: #ffffff;
}
.chat-tab-content .tab-pane::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
  background-color: #d8d8d8;
}
.chat-user-grid-box {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(96px, 96fr));
}
.chat-user-grid-img {
  width: 96px;
  height: 96px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #f3f5f7;
}
.chat-user-grid-img img, .chat-user-grid-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-user-file-box, .chat-user-link-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.chat-user-link-box {
  padding: 8px;
  border: 1px solid rgba(32, 30, 41, 0.2);
  border-radius: 10px;
}
.chat-user-file-icon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #351bce;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-user-link-icon {
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-user-file-content, .chat-user-link-content {
  flex-grow: 1;
  padding: 0px 16px 0px 10px;
}
.chat-user-file-content {
  width: calc(100% - 56px);
}
.chat-user-link-content {
  width: calc(100% - 40px);
}
.chat-user-file-content h4, .chat-user-link-content h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chat-user-link-content h4 {
  margin-bottom: 0;
}
.chat-user-file-content p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
  margin-bottom: 0;
}
.message-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 0;
  color: #201e29;
}
.massages-ebox-left .message-text {
  color: #201e29;
  word-break: break-all;
}
.massages-ebox-right .message-text {
  word-break: break-all;
  text-align: left;
}
.messages-other-ebox-right .massages-name-time {
  margin-left: auto;
}
.messages-other-ebox-left .massages-name-time {
  display: flex;
  margin-top: 4px;
  align-items: center;
  position: relative;
  margin-bottom: 6px;
}
.quote-msg-sec {
  padding: 12px 16px 0px 16px;
  border-radius: 10px 10px 0px 0px;
}
.messages-right-box-sec .quote-msg-sec {
  text-align: left;
}
.messages-left-box-sec .quote-msg-sec {
  text-align: left;
}
.quote-icons, .close-icons {
  color: #201e29;
}
.message-write-quote-filearea .quote-msg-inner-sec p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  opacity: 1;
  margin-bottom: 7px;
  word-break: break-all;
  text-align: left;
}
.message-write-quote-filearea .quote-msg-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}

.massages-ebox-right.msg-media-div .message-convo-img-div, .massages-ebox-right.msg-media-div .massages-ebox-file-type, .massages-ebox-left.msg-media-div .message-convo-img-div, .massages-ebox-left.msg-media-div .massages-ebox-file-type {
  /* margin-bottom: 8px; */
}
.quotedmsg-send-box .message-convo-img-div {
  margin-bottom: 12px;
}
.quotedmsg-send-box {
  padding: 14px 40px 14px 24px;
  position: relative;
  overflow-y: auto;
}
.quotedmsg-send-box::-webkit-scrollbar {
  width: 6px;
}
.quotedmsg-send-box::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
  background-clip: padding-box;
}
.quote-msg-inner-sec .massages-ebox-file-type .message-convo-img-div {
  margin-bottom: 0px;
}
.quote-msg-inner-sec .massages-ebox-file-type {
  margin-bottom: 10px;
}
.massages-ebox-file-type .message-convo-img-div {
  margin-bottom: 0px !important;
}
.message-write-box .quotedmsg-send-box .massages-ebox-file-type {
  max-width: 240px;
  margin-bottom: 10px;
}
.quote-msg-written-box-mn {
  border-top: 1px solid #e6e6e6;
}
.quote-close-btn-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quote-msg-written-box {
  position: relative;
  width: 100%;
  margin: auto;
}
.close-icons {
  position: absolute;
  top: 13px;
  z-index: 10;
  right: 24px;
  cursor: pointer;
}
.chat-coversation-box .messages-obhl-name {
  font-weight: bold;
  margin-left: 8px;
}
.small-chat-widget .typing-div {
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.typingdot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  margin-left: 2px;
  display: inline-block;
}
.typingdot:nth-child(1) {
  animation-delay: 200ms;
}
.typingdot:nth-child(2) {
  animation-delay: 300ms;
}
.typingdot:nth-child(3) {
  animation-delay: 400ms;
}
.typingdot:first-child {
  margin-left: 0;
}
@keyframes mercuryTypingAnimation {
  0% {
      transform: translateY(0px);
 }
  28% {
      transform: translateY(-7px);
 }
  44% {
      transform: translateY(0px);
 }
}
.messages-other-ebox-left .quote-msg-inner-sec .massages-ebox-file-type {
  background: #f3f5f7;
}
.chat-back-cta {
  display: none;
  position: absolute;
  cursor: pointer;
}
.chat-back-cta svg {
  fill: #091f48;
}
.chat-mobile {
  display: none;
}
@media screen and (max-height:930px) {
.cstm-add-members ul.chat-list-user-box {
  height: 350px;
}
}
@media screen and (max-height:750px) {
  .cstm-add-members ul.chat-list-user-box {
    height: 200px;
  }
  }

@media screen and (max-width: 1439.98px) {
  .header-chat-cont-list-cont {
      width: 100%;
 }
  .chat-user-grid-box {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
 }
  .chat-user-grid-img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1;
 }
}
@media screen and (max-width: 1365.98px) {
  .chat-module-main {
      grid-template-columns: minmax(0, 6fr) minmax(584px, 584px) minmax(0px, 6fr);
 }
  .chat-sg-msg {
      width: calc(100% - 12px);
 }
}
@media screen and (max-width: 1279.98px) {
  .chat-user-grid-box {
      grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
 }
  .file-attached-view-box {
      grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
 }
}
@media screen and (max-width: 1199.98px) {
  .chat-module-main {
      grid-template-columns: minmax(0, 6fr) minmax(500px, 500px) minmax(0px, 6fr);
      padding-top: 80px;
 }
  .chat-coversation-box .messages-other-ebox-left, .chat-coversation-box .messages-other-ebox-right {
      max-width: 380px;
 }
  .chat-coversation-box .message-convo-img-div {
      width: 120px;
      height: 90px;
      aspect-ratio: 4/3;
 }
  .massages-ebox-left, .massages-ebox-right {
      padding: 8px;
 }
  .chat-module-left, .chat-module-right, .chat-module-center {
      height: calc(100vh - 80px);
      max-height: calc(100vh - 80px);
 }
}
@media screen and (max-width: 1099.98px) {
  .chat-module-main {
      position: relative;
      grid-template-areas: "leftside chatmsg";
      grid-template-columns: minmax(0, 300px) minmax(500px, 1fr);
 }
  .chat-module-center {
      max-width: 100%;
 }
  .chat-module-right {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      max-height: 100%;
      z-index: 4;
      background: rgba(9, 31, 72, 0.6);
      transition: all 0.2s;
 }
  .chat-module-right.active {
      display: block;
      opacity: 1;
      visibility: visible;
      pointer-events: all;
 }
  .chat-module-right .chat-profile-sec {
      width: 300px;
      margin-left: auto;
      background: #ffffff;
      position: relative;
      transform: translateX(100%);
      transition: all 0.5s;
 }
  .chat-module-right.active .chat-profile-sec {
      transform: translateX(0%);
 }
  .chat-user-basic-details {
      position: relative;
 }
  .chat-back-cta {
      display: block;
      left: 8px;
      top: 16px;
 }
  .header-noti-box-in {
      left: auto;
      right: 0;
 }
}
@media screen and (max-width: 1023.98px) {

  .header-ft-menu .header-ft-menu-view {
      display: block;
 }
}
@media screen and (max-width: 999.98px) {
  .header-ft-menu-view {
      display: none;
 }
  .header-ft-menu .header-menu-icon {
      display: flex;
      width: 100%;
      height: 100%;
 }
}
@media screen and (max-width: 839.98px) {
  .webfooter.active {
      border-radius: 00px;
      right: 0px;
      bottom: 0px;
      box-shadow: none;
      visibility: visible;
      background-color: #fff;
      padding: 8px 16px 20px;
      display: flex;
      justify-content: space-between;
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 10;
      border-top: 1px solid #b9b9b9;
 }
  .webfooter.active .footer-icon {
      display: block;
 }
  .webfooter.active .header-ft-menu-view .footer-icon {
      width: auto;
      height: auto;
 }
  .webfooter.active .header-ft-menu-view {
      padding: 0 19px;
 }
  .chat-module-main {
      padding-top: 56px;
 }
  .chat-module-left, .chat-module-center {
      height: calc(100vh - 76px);
      max-height: calc(100vh - 76px);
 }
  .quote-msg-sec {
      padding: 7px 8px;
 }
  .chat-module-right {
      position: fixed;
      z-index: 99;
      height: 100%;
      max-height: 100%;
 }
  .chat-module-main {
      grid-template-columns: minmax(200px, 270px) minmax(auto, 1fr);
 }

 .chat-left-heading {
      margin-bottom: 8px;
 }
}
@media screen and (max-width: 767.98px) {
  .close-icons {
      right: 10px;
 }
  .quotedmsg-send-box {
      padding: 14px 30px 14px 15px;
 }
  .messages-other-box-main-ebox {
      padding: 0px 15px 0px;
 }
  .mobh-cont {
      margin-right: 16px;
 }
  .mobh-updn {
      display: none;
 }
  .messages-other-box-head {
      padding: 12px;
 }
  .chat-module-center {
      padding-left: 0px;
 }
  .chat-search-list {
      width: 83%;
 }
  .chat-module-left {
      width: 100%;
      border-right: none;
 }
  .chat-module-center {
      position: fixed;
      z-index: 10;
      left: 100%;
      transition: 0.5s all;
 }
  .chat-module-center.active {
      left: 0%;
 }
  .messages-other-box-head-left, .messages-other-box-head-left .messages-obhl-photo {
      display: flex;
      align-items: center;
 }
  .chat-module-main {
      grid-template-columns: minmax(100%, 100%) minmax(0, 0);
      grid-gap: 0;
      padding-left: 0;
      padding-right: 0;
 }
  .mobile-back-arrow, .user-chat-listing-back {
      display: block;
 }
  .chat-sg-ttl-main {
      width: calc(100% - 40px);
 }
  .header-ft-menu-view {
      display: block;
 }
  .header-ft-menu .header-menu-icon {
      display: none;
 }
  .chat-heading-mobile {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
 }
  .chat-heading-mobile .user-chat-listing-back {
      margin-right: 10px;
 }
  .quote-icons svg {
      width: 18px;
      height: 18px;
 }
}
body.menuview .card-header button.btn-link img.cstn-cl-arrow {
  display: none;
}
.category-slider-menu-list {
  height: calc(100vh - 72px);
  overflow: auto;
  padding: 0px 8px;
}
.category-slider-menu-list::-webkit-scrollbar {
  width: 6px;
}
.category-slider-menu-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}
.category-slider-menu-list::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}
.category-slider-menu-list::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}
.delete-video-modal .ctsm-modal-body {
  position: relative;
}
.delete-video-modal .ctsm-modal-body button {
  position: absolute;
  top: 12px;
  right: 12px;
}
ul.category-slider-menu-list li a {
  padding: 12px 16px;
  display: flex;
  color: #201e29 !important;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
  position: relative;
}
ul.category-slider-menu-list li a:hover {
  background-color: #f3f5f7 !important;
}
ul.category-slider-menu-list li .active-cs {
  color: #351bce !important;
}
.ctm-ldr-only .video-list-datetime {
  height: 12px;
  width: 50%;
}
.ctm-ldr-only .video-list-heading {
  margin-top: 0;
}
.ctm-ldr-only .video-list-main {
  flex-direction: row;
  margin-bottom: -10px;
}
.ctm-ldr-only .video-list-thumb {
  width: 46%;
  height: 98px;
}
.ctm-ldr-only .ctm-ldr-rt {
  width: 54%;
}
.video-list-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.video-list-thumb {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
}
.video-list-heading {
  margin-top: 8px;
  height: 32px;
  width: 100%;
}
.video-list-datetime {
  height: 8px;
  width: 100%;
}
.video-list-view-cmt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.video-list-view,
.video-list-cmt {
  height: 12px;
  width: 30%;
}
.loading-video-loader-inner {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.loading-video-loader-heading-sec {
  display: flex;
  gap: 16px;
  margin: 12px 16px;
  justify-content: space-between;
}
.loading-video-loader-left {
  width: 60%;
}
.loading-video-loader-right {
  width: 100%;
  max-width: 180px;
}
.loading-video-loader-heading {
  height: 32px;
  width: 50%;
}
.loading-video-loader-butn {
  height: 32px;
  width: 100%;
  margin-bottom: 4px;
}
.loading-video-loader-butn.loading-butn {
  height: 16px;
  width: 100%;
}
.loading-video-tag-sec {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.loading-video-tag {
  width: 110px;
  height: 24px;
  border-radius: 50px;
}
.vjs-caption-settings .vjs-tracksetting select {
  margin-bottom: 8px !important;
  color: #201e29 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  height: 36px !important;
  border-radius: 10px !important;
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
}
.vjs-caption-settings {
  border: 1px solid white !important;
}
.vjs-caption-settings .vjs-tracksetting span {
  margin-left: 0 !important;
}
.show-more-less-clickable:hover {
  color: #351bce;
}
.newsfeed-write-your-comments-tx .react-input-emoji--container {
  margin: 0px;
}
.wyc-send {
  position: absolute;
  right: 17px;
  top: 10px;
  color: var(--navyblue);
  font-size: 18px;
  cursor: pointer;
}
.wyc-send:hover {
  color: #201e29 !important;
}
.react-input-emoji--placeholder {
  left: 0 !important;
}
body .newsfeed-write-your-comments-tx .react-input-emoji--container {
  max-height: 72px !important;
  overflow: auto;
  border: none;
  height: auto !important;
  padding-bottom: 0px;
  text-transform: none !important;
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar {
  width: 5px;
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar-track {
  background: var(--btn3);
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}
.newsfeed-post-right-write2 {
  margin-bottom: 15px;
  position: relative;
}
.newsfeed-post-right-write2 .newsfeed-post-right-write-left {
  top: 1px;
}
.cstm-content-details-main .newsfeed-post-right-write2 {
  margin-bottom: 15px;
  position: relative;
  margin-top: 16px;
}
.comment-time-st {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #666666;
  cursor: pointer;
  vertical-align: middle;
}
.comment-time-st img {
  vertical-align: text-bottom;
}
.newsfeed-post-right-cmt-right .newfeed-img-name {
  margin-left: 16px;
}
.newfeed-img-name img {
  margin-right: 5px;
}
.newfeed-img-name {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #3b3943;
  cursor: pointer;
}
.video-details-tabing .cstm-vd-tabs ul li a {
  padding: 12px;
}
.video-details-tabing .cstm-vd-box-in-main {
  float: none;
  max-width: 100px;
  margin-right: 0px;
  width: auto;
}
.video-details-tabing .cstm-vd-box-in-main img {
  cursor: pointer;
  width: 48px !important;
  height: 48px;
  padding: 4px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  object-fit: cover;
  margin: auto;
}
.cstm-vd-box-in-main {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 10px;
  height: 100%;
  float: left;
  width: 150px;
  margin-right: 15px;
  position: relative;
  text-align: center;
}
.cstm-vd-box-in-main img {
  height: 60px;
  object-fit: contain;
  cursor: pointer;
  width: 48px !important;
  height: 48px;
  padding: 4px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  object-fit: cover;
  margin: auto;
}
.cstm-vd-box-in-main {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 10px;
  height: 100%;
  float: left;
  width: 150px;
  margin-right: 15px;
  position: relative;
  text-align: center;
}
.cstm-vd-box-in-main img {
  height: 60px;
  object-fit: contain;
  cursor: pointer;
}
span.cstm-vd-box-in-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #091f48;
  display: block;
  width: 100%;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cstm-all-library-video-details
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container {
  padding-right: 80px;
  background: #ffffff;
  border: 1px solid #e6e6e6 !important;
}
.cstm-back-video-detail-cl .comment-main-box:last-child {
  border-bottom: 0px;
  margin-left: 54px;
}
.cstm-back-video-detail-cl .comment-main-box-right-icon {
  margin-bottom: 0px;
}
.cstm-edit-delete-poll {
  padding: 0px;
  margin-top: 8px;
  left: -107px !important;
  min-width: 130px !important;
}
.cstm-edit-delete-poll ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.cstm-edit-delete-poll ul li a {
  padding: 9px 10px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.cstm-edit-delete-poll ul li a:hover {
  color: #ffcc00;
}
.cstm-edit-delete-poll ul li img {
  margin-right: 6px;
}
.cstm-poll-ad {
  cursor: pointer;
}
.newfeed-dp {
  margin-left: 20px;
}
.comment-main-box-right-icon-left .newfeed-img-name {
  margin-right: 18px;
  vertical-align: middle;
}
.comment-main-box-right-icon {
  display: table;
  width: 100%;
  margin-bottom: 12px;
}
.comment-main-box-right-icon-left {
  float: left;
}
.comment-main-box-right-icon-right {
  float: right;
}
.comment-main-box-right-box-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #3b3943;
}
.comment-main-box-right-box-name-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 5px;
  padding-right: 40px;
}
.comment-main-box-right-box {
  background: #f3f5f7;
  padding: 8px 12px;
  border-radius: 10px;
  margin-bottom: 6px;
}
.comment-main-box-right-box-name-dotted {
  position: absolute;
  right: 0;
  top: 0;
}
.comment-main-box-right-box-name {
  display: block;
  width: 100%;
  position: relative;
}
.comment-main-box {
  margin-left: 54px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.cstm-newsfeed-post .comment-main-box {
  padding-bottom: 0px;
}
.comment-main-box-left {
  position: absolute;
}
.comment-main-box-right {
  padding-left: 54px;
}
.comment-main-box-left img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50px;
}
.comment-main {
  margin-top: 16px;
  padding: 16px 16px;
}
.comment-main-box-right-box-cont b {
  color: #351bce;
}
.comment-main-box-right-recmt-left {
  position: absolute;
}
.comment-main-box-right-recmt-left img {
  height: 36px;
  width: 36px;
  object-fit: cover;
  border-radius: 50px;
}
.comment-main-box-right-recmt-right {
  padding-left: 44px;
}
.cstm-content-details-main .comment-main {
  margin-top: 0px !important;
  padding: 0;
}
.cstm-content-details-main .comment-main-box-right-recmt-right {
  padding-left: 44px;
  margin-top: 12px;
}
.newsfeed-write-your-comments-tx .react-input-emoji--button svg {
  padding: 2px;
  fill: #201e29;
  margin-top: -4px;
}
.newsfeed-write-your-comments-tx .react-input-emoji--container {
  border-radius: 10px !important;
  background: rgb(32 30 41 / 6%);
  padding: 0px 50px 10px 0px;
  text-transform: capitalize;
  height: 40px !important;
  border: none;
}
.newsfeed-write-your-comments-tx .react-input-emoji--button {
  position: absolute;
  right: 41px;
  z-index: 1;
  top: 10px;
}
.react-input-emoji--wrapper {
  margin-left: 20px !important;
}
.react-input-emoji--input {
  padding-left: 0px !important;
}
.cstm-wlm-email img {
  margin-right: 9px;
  vertical-align: -5px;
}
.historyvideo-clearall-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
  line-height: 46px;
}
.historyvideo-clearall-loading-image img {
  width: 24px;
}
a.historyvideo-remove-all-videos-loader {
  position: relative;
}
.mark-btn-watched {
  position: relative;
}
.savedvideo-loading-image {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffffe8;
  line-height: 36px;
}
.savedvideo-loading-image img {
  width: 24px;
}
.confirm-account-deletion-btn button {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #e02424;
  padding: 10px 18px;
  border: none;
  background: transparent;
}
.confirm-account-deletion-btn button:hover {
  color: #351bce;
}
.gallery-img {
  position: relative;
}
.video_progress_wrapper {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 4px;
  left: 0px;
  background: #ffffff66;
}
.video_progress_bar {
  background-color: #f1343d;
  height: 4px;
}
.cstm-gallery-img {
  border-radius: 10px;
}
.cstm-my-videos-history-list-main-box-img {
  border-radius: 10px;
  overflow: hidden;
}
.cstm-conten-listing-pg-only .cstm-cv-video {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 22px;
}
.cstm-all-content-library-main-only {
  grid-template-columns: inherit !important;
  column-gap: inherit !important;
  display: flex !important;
  width: 100%;
  background: #fff;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 64px !important;
}
.cstm-cl-only-sk {
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  z-index: 2;
  background: #fff;
  padding: var(--spacing-12) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  z-index: 3;
}
.cstm-cl-only-sk .dropdown-wrapper {
  position: relative;
}
/* .cstm-cl-only-sk .dropdown-wrapper .dropdown-list {
  right: 0;
} */
.cstm-cl-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstm-cl-bottom {
  /* margin-bottom: 22px; */
  padding-bottom: 22px;
}
.cstm-cl-search {
  position: relative;
}
.search-videolist {
  position: absolute;
  left: 18px;
  top: 12px;
}
.cstm-all-content-library-main-only .owl-carousel .owl-stage-outer {
  margin: 0px 30px 0px 0px;
  z-index: 1;
}
.cstm-all-content-library-main-only .owl-stage-outer:after {
  height: 32px;
  width: 40px;
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  background-image: linear-gradient(to right, #ffffff00, white);
}

.cstm-cl-items-list {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  cursor: pointer;
  white-space: pre;
  padding: 6px 12px;
}
.cstm-cl-items-list:hover {
  background: #f3f5f7;
  border-radius: 8px;
}
.cstm-cl-recent-box {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.cstm-cl-recent-box img {
  height: 11px;
  width: 9px;
}
.cstm-cl-recent-box:hover {
  color: #351bce;
}
.cstm-cl-recent {
  padding-bottom: 16px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.cstm-cv-video {
  display: grid;
  grid-gap: 19px;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.cstm-cv-video-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cstm-cv-video-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #fff;
}
.csg-video-inner video {
  object-fit: cover;
}
.gallery-content1 {
  padding-top: 6px;
  margin-bottom: 2px;
}
.icon-box img {
  color: #091f48;
  align-self: center;
  padding-right: 6px;
}
.icon-box {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
}
.gallery-main-icon span {
  vertical-align: middle;
}
.cstm-cv-video-in {
  transition: transform 0.2s;
  background: #fff;
  margin-bottom: 7px;
  box-shadow: 0px 2px 10px transparent;
}
/* .cstm-cv-video-in:hover {
  cursor: pointer;
  z-index: 1;
  box-shadow: 0px 2px 10px #b1b1b1;
  border-radius: 10px;
  border: none;
  margin-bottom: 0px;
} */
.cstm-cl-title {
  font: var(--title-large);
  letter-spacing: -0.4px;
  color: var(--color-text-neutral-strong);
}
.gallery-img img {
  position: relative;
}
.gallery-img > img {
  width: 100%;
}
.cstm-ttl2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.cstm-rv-time {
  right: 12px;
  z-index: 1;
  background: rgba(32, 30, 41, 0.8);
  border-radius: 15px;
  bottom: 12px;
  position: absolute;
  padding: 3px 4px;
  letter-spacing: 0.3px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
}
.cstm-vh-sh {
  display: flex;
  margin-bottom: 16px;
}
.cstm-vh-sh-left {
  width: 100%;
  max-width: 180px;
  height: 98px;
  margin-right: 20px;
  border-radius: 10px;
}
.cstm-vh-sh-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.cstm-vh-sh-right-top {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}
.cstm-vh-sh-right-bottom {
  width: 60%;
  height: 18px;
}
.cstm-video-history-col-1 .cstm-cl-title {
  margin-bottom: 16px;
}
.cstm-video-history-col-1 {
  width: 100%;
  max-width: 788px;
  margin: auto;
  min-height: 500px;
}
.cstm-video-history-col-2 {
  width: 320px;
  float: left;
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 2;
}
.cstm-videos-history-only {
  padding: 8px 370px 8px 20px;
  width: 99%;
  position: relative;
  margin-bottom: 20px;
}
.cstm-saved-single-video-in {
  background-image: url(/assets/BackgroundBackdrop-DNjjKd3q.png) !important;
  padding: 24px;
  border-radius: 10px;
  height: calc(100vh - 110px);
  margin-top: 10px;
}
.cstm-saved-single-video-gallery-img-main {
  aspect-ratio: 16/9;
}
.cstm-saved-single-video-gallery-img-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background-color: #000;
}
.cstm-saved-single-video-gallery-img {
  position: relative;
  margin-bottom: 12px;
}
.cstm-saved-single-video-gallery-img-over {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}
.cstm-saved-single-video-gallery-img-over img {
  position: relative;
  top: 50%;
  margin-top: -28px;
  cursor: pointer;
}
.cstm-my-videos-history-list-main {
  position: relative;
}
.cstm-my-videos-history-list-main:hover {
  background: #f3f5f7;
  border-radius: 10px;
}
.cstm-my-videos-history-list-main-box-img {
  aspect-ratio: 16/9;
  width: 24%;
  position: relative;
  margin-right: 20px;
}
.cstm-my-videos-history-list-main-box-info {
  width: 76%;
  padding-right: 40px;
}
.cstm-my-videos-history-list-main-box {
  display: flex;
  padding: 8px;
}
.cstm-saved-single-video-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cstm-saved-single-video-lbl {
  font-weight: 400;
  font-size: 10px;
  line-height: 150%;
  color: #c7c7ca;
}
hr.cstm-ssv-line {
  border-top: 1px solid #d9d9d9;
  opacity: 0.3;
  margin: 12px 0px;
}
.cstm-ssv-description {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 8px;
}
.cstm-saved-single-video-desc {
  max-height: calc(100vh - 550px);
  overflow: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #c7c7ca;
  margin-bottom: 28px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar {
  width: 5px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar-track {
  background: #48454e;
  border-radius: 5px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 5px;
}
.cstm-ssvpl-pv-dtd {
  cursor: pointer;
}
.cstm-ssvpl-dp {
  position: relative;
  min-width: 40px;
}
.cstm-ssvpl-btn {
  width: 100%;
  padding-right: 12px;
}
.cstm-ssvpl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-play-video-ssv {
  width: 100%;
  background: #351bce;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #ffffff;
  border: none;
  height: 40px;
}
.cstm-vh-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 4px;
  margin-top: 8px;
}
.cstm-vh-info {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
}
span.cstm-vh-info-dt {
  margin: 0px 8px;
  font-size: 10px;
  color: #5c5b63;
  vertical-align: 2px;
}
.cstm-hv-op-drop {
  position: absolute;
  top: 13px;
  z-index: 1;
  right: 6px;
  display: none;
}
.cstm-hv-op-drop-dt {
  cursor: pointer;
}
.cstm-hv-op-drop-dt img {
  padding: 3px 10px;
}
.cstm-removeOpen-saved-btns {
  width: 214px !important;
}
.cstm-dropin {
  position: absolute;
  right: 13px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  width: -webkit-max-content;
  width: max-content;
}
.cstm-dropin ul {
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 0px;
}
.cstm-dropin ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29 !important;
  display: block;
  padding: 6px 10px;
}
.cstm-dropin ul li a img {
  margin-right: 3px;
  vertical-align: -3px;
}
.cstm-dropin ul li a:hover {
  color: #351bce !important;
}
.cstm-cl-only button i.fa.fa-angle-up,
.cstm-cl-only button i.fa.fa-angle-down {
  display: none;
}
.all-content-main-left-sidebar .active2-sd {
  font-weight: 700 !important;
  color: #091f48 !important;
  background: #e7f1fa !important;
}
.cstm-all-content-library-main-only .all-content-main-center {
  width: 100%;
  background: #fff;
  padding-left: 248px;
  margin-right: inherit !important;
  margin-bottom: inherit !important;
}
.event-detail-container-page .all-content-main-center {
  padding-left: 0;
}
.gallery-content1 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  padding-top: 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.gallery-content2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
  margin-bottom: 2px;
}
.cstm-gallery-img {
  aspect-ratio: 16/9;
  position: relative;
}
.cstm-my-videos-only .icon-box {
  font-size: 12px;
}
.cstm-bullet {
  margin: 0px 8px;
  font-size: 10px;
  color: #5c5b63;
  vertical-align: 2px;
}
.cstm-my-videos-only {
  padding: 8px 20px 20px 20px;
}
.cstm-history-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}
.cstm-history-top-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  display: flex;
  gap: 10px;
}
.cstm-history-top-seeall {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #351bce;
  cursor: pointer;
}
.cstm-history-top-seeall:hover {
  color: #201e29;
}
.cstm-gallery-img.cstm-gallery-img-main .cstm-videoPlayericons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
  display: none;
}
.cstm-conten-listing-pg-only {
  padding-bottom: 20px;
}
.cstm-conten-listing-pg-only .cstm-cl-mv-ldr {
  padding-right: 20px;
  padding-left: 20px;
}
.cstm-cl-mv-ldr {
  display: grid;
  grid-gap: 19px;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.cstm-cl-mv-ldr-title {
  width: 100%;
  height: 42px;
  margin-bottom: 12px;
}
.cstm-cl-mv-ldr-time {
  width: 40%;
  height: 20px;
  margin-bottom: 6px;
}
.cstm-cl-mv-ldr-view.skeleton-box {
  width: 70%;
  height: 20px;
}
.cstm-cl-mv-ldr-main {
  margin-bottom: 16px;
}
.cstm-cl-mv-ldr-video {
  aspect-ratio: 16/9;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 10px;
}
.cstm-open-in .owl-stage-outer:before {
  display: block !important;
}
.cstm-open-in .owl-stage-outer {
  margin-left: 35px !important;
}
.cstm-my-videos-only .cstm-cv-video {
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}
.cstm-my-videos-only .gallery-content1 {
  font-size: 14px;
}
.cstm-my-videos-only .gallery-content2 {
  font-size: 12px;
}
span.cstm-ssv-dt {
  font-size: 7px;
  margin: 0px 5px;
}
.cstm-dropin.cstm-ssvpl-pv-drop {
  width: -webkit-max-content;
  width: max-content;
  right: 14px;
  margin-top: -6px;
}
.cstm-dropin.cstm-ssvpl-pv-drop ul {
  margin-bottom: 0px;
}
.cstm-vl-time {
  background: #201e29;
  border-radius: 40px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 2px 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
}
.cstm-vh-vi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background-color: #000;
}
.cstm-vh-vi {
  aspect-ratio: 16/9;
  position: relative;
}
.cstm-saved-single-video-gallery-img:hover
  .cstm-saved-single-video-gallery-img-over {
  display: block;
  cursor: pointer;
}
.cstm-cawh {
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
}
.cstm-cawh:hover {
  color: #351bce;
}
.cstm-cawh img {
  margin-right: 8px;
  vertical-align: text-bottom;
}
.cstm-video-history-search {
  position: relative;
  margin-bottom: 28px;
}
.cstm-video-history-search img {
  position: absolute;
  right: 18px;
  top: 8px;
}
.cstm-clear-all-watch-history {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 140% !important;
  display: flex !important;
  align-items: center !important;
  color: #606060 !important;
  padding: 6px 45px 6px 16px !important;
  height: 36px !important;
}
.cstm-clear-all-watch-history:hover {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details {
  grid-template-columns: minmax(375px, 2.4fr) minmax(0, 1fr);
  grid-template-areas: "videoinnerleft videorightside";
  column-gap: 24px;
  padding-top: 88px;
  padding-bottom: 15px;
}
.all-content-main.cstm-all-content-main.video-details-grid {
  grid-template-columns: 880px 392px;
  max-width: 1296px;
  padding-right: 0;
  padding-left: 0;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details
  .all-content-main-center {
  grid-area: videoinnerleft;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details
  .all-content-main-right.cstm-all-content-main-right {
  grid-area: videorightside;
}
.cl-main-all-sec {
  height: 100%;
}
.cstm-back-video-detail-cl {
  background: #ffffff;
  border-radius: 5px 5px 0px 0px;
  height: 100%;
}
.cstm-back-video-detail-cl .back-link {
  padding: 0px 0px 16px;
  border-radius: 5px 5px 0px 0px;
}
.cstm-back-video-detail-cl .back-link h3 {
  margin-bottom: 0px;
  width: -webkit-max-content;
  width: max-content;
}
.mark-btn-watched button {
  opacity: 0.7;
}
.mark-btn-watched button:hover {
  opacity: 1;
  background: #201e29;
}
.back-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  cursor: pointer;
}
.back-link:hover {
  color: var(--yellow);
}
.back-link img {
  margin-right: 8px;
}
.cstm-all-library-video-details
  .all-content-main-right.cstm-all-content-main-right {
  max-height: 100%;
  overflow: hidden;
  position: unset;
  height: 100%;
}
.related-videos-main-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #201e29;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  padding-bottom: 10px;
}
.related-videos-contant-in {
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  column-gap: 16px;
  grid-template-areas: "newsfeed rightside";
  grid-template-columns: minmax(0, 168px) minmax(0, 1fr);
  padding-bottom: 16px;
}
.related-videos-contant-in-left img {
  width: 100%;
  height: 100%;
  background: #000;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
}
.related-videos-contant-in-left {
  height: 98px;
  position: relative;
}
.related-videos-contant-in-left img {
  object-fit: cover;
}
.related-videos-contant-in-right {
  display: flex;
  flex-direction: column;
  padding: 0px 0px;
  cursor: pointer;
}
.rvc-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cstm-content-details-video {
  margin-bottom: var(--spacing-40);
  border-radius: 12px;
  overflow: hidden;
}
.cstm-content-details-video .video-js .vjs-tech {
  top: 0 !important;
  left: 0 !important;
}
.cstm-video-sponsor-card {
  background-color: #1e1e1f;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  gap: 16px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-icon {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-name {
  font: var(--title-small);
  color: #fff;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link a svg path {
  color: #fff;
  fill: #fff;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link {
  margin-left: auto;
}
/* .cstm-back-video-detail-cl .cstm-content-details-video, */
.cstm-back-video-detail-cl .csg-video-inner,
.cstm-back-video-detail-cl .video-js {
  /* aspect-ratio: 16/9; */
  aspect-ratio: 2/1;
}
.no-aspect-ratio {
  aspect-ratio: unset !important;
}
.vjs-poster {
  background-size: cover;
}
.no-aspect-ratio.video-js .vjs-tech {
  position: relative;
  top: unset !important;
  left: unset !important;
}
.cstm-back-video-detail-cl .video-js {
  height: 100%;
}
.cstm-vd-cnt.csmt-front-vd-cunt {
  column-gap: 2.4rem;
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  row-gap: 1.4rem;
  grid-template-areas: "vleftcontent vrightcontent";
  grid-template-columns: minmax(0, 1fr) minmax(0px, 180px);
  margin-bottom: 16px;
}
.video-details-heading-text h4 {
  font: var(--title-medium);
  color: var(--color-text-neutral-strong);
  margin: 0;
  padding-bottom: 8px;
  letter-spacing: -0.3px;
}
.tab-conten {
  padding-top: 48px;
}
.tab-conten .text-wrapper:not(:last-child) {
  padding-bottom: 20px;
}
.tab-conten .text-wrapper p {
  color: var(--color-text-neutral-secondary);
  font: var(--body-medium);
}
.tab-conten .text-wrapper h5 {
  margin-top: 12px;
  color: var(--color-text-neutral-strong);
}
.tab-conten .text-wrapper h3 {
  margin-bottom: 24px;
}
.hashtag-list {
  display: flex;
  align-items: center;
  gap: 12px 8px;
}
.chips-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}
.speakers-wrapper {
  display: flex;
  flex-direction: column;
}
.speakers-wrapper a {
  width: -webkit-fit-content;
  width: fit-content;
  padding: var(--spacing-6) 0;
}
.speakers-wrapper .speakers-item {
  display: flex;
  align-items: center;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}
.speakers-wrapper a:first-child {
  padding-top: 0;
}
.speakers-wrapper a:last-child {
  padding-bottom: 0;
}
.speakers-wrapper .speakers-item .profile-card-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.speakers-wrapper a:hover .profile-card-wrapper {
  top: 100%;
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.speakers-wrapper a:hover .top.profile-card-wrapper {
  top: 0px;
  transform: translateY(-100%);
}
.speakers-wrapper .speakers-item .avtar-container {
  margin-right: 16px;
}
.speakers-wrapper .speakers-item .type-text-only .table-h5 {
  margin-top: 0;
}
.cstm-vd-cnt.csmt-front-vd-cunt .cstm-video-innr-text-tag {
  margin-top: 24px;
}
.cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-right {
  margin-left: auto;
}
.cstm-vd-cnt-right {
  min-width: 180px;
  margin-left: 30px;
}
.cstm-vd-cnt-right button {
  background-color: var(--navyblue);
  border: none;
  border-radius: 8px;
  width: 100%;
  color: var(--white);
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
  font-weight: 500;
  height: 32px;
}
.video-card .video-card-text .video-details-view-date span,
.video-details-wrapper .video-details-buttons .video-details-view-date span {
  color: #394046;
  font: var(--body-medium);
  letter-spacing: -0.1px;
}
.video-card .video-card-text .video-details-view-date span:not(:first-child),
.video-details-wrapper
  .video-details-buttons
  .video-details-view-date
  span:not(:first-child) {
  display: flex;
  align-items: center;
}
.video-card
  .video-card-text
  .video-details-view-date
  span:not(:first-child)::before,
.video-details-wrapper
  .video-details-buttons
  .video-details-view-date
  span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
  margin: 0 6px 0px;
}
.related-event-video-card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.video-card.card-spacing {
  /* padding: var(--spacing-6) var(--spacing-20); */
  padding: var(--spacing-6) var(--spacing-48) var(--spacing-6) var(--spacing-20);
  border-radius: 0;
}
.has-dotmenu .video-card.card-spacing {
  /* padding: var(--spacing-6) var(--spacing-48) var(--spacing-6) var(--spacing-20); */
  border-radius: 0;
  outline: none;
}
.has-dotmenu .video-dot-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}
.has-dotmenu:focus-visible .video-dot-btn,
.has-dotmenu:hover .video-dot-btn {
  opacity: 1;
  visibility: visible;
}
.video-card {
  display: flex;
  border: 2px solid transparent;
  transition: all 0.5s ease;
}
.video-card.card-spacing:hover {
  background-color: var(--color-bg-neutral-tertiary-hovered);
}
.video-card.card-spacing:focus-visible {
  border-color: var(--color-border-inverse-neutral);
  outline: none;
}
.video-card:not(.card-spacing):focus-visible {
  border-color: var(--color-border-inverse-neutral);
  outline: none;
  padding: 2px;
  margin: -2px;
  border-radius: var(--radius-8);
}
.video-card .video-card-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--spacing-2) 0;
}
.video-card .video-card-text .video-details-view-date,
.video-details-wrapper .video-details-buttons .video-details-view-date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.video-card .video-card-text .video-card-title {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-neutral-strong);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-card .video-card-text .video-type-text,
.video-card .video-card-text .video-details-view-date span {
  font: var(--body-x-small);
  color: #394046;
}
.video-card .video-thumb-image img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-card .video-thumb-image {
  position: relative;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 128px;
  border-radius: var(--radius-8);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--spacing-16);
  flex-shrink: 0;
}
.video-card .video-thumb-image .video-duration {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: var(--color-text-static-white);
  background: var(--color-bg-blackout-strong);
  padding: 4px 8px;
  border-radius: 6px;
  font: var(--body-2x-small-bold);
}
.video-card .video-thumb-image.img-file {
  background-color: #394046;
}
.video-card .video-thumb-image.img-file .file-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}
.video-card .video-thumb-image.img-sponsor {
  background-color: #1e1e1f;
}
.video-card .video-thumb-image.img-sponsor .sponsor-icon {
  width: 72px;
  height: 28px;
  object-fit: contain;
  object-position: center;
}
.video-details-wrapper .video-details-buttons .video-details-btns .btn-item {
  width: -webkit-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  /* gap: 5px; */
  position: relative;
}
.video-details-wrapper
  .video-details-buttons
  .video-details-btns
  .btn-item
  .btn-item-text {
  font: var(--body-x-small);
  letter-spacing: -0.1px;
}
.video-details-wrapper .video-details-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-details-buttons .video-details-btns {
  display: flex;
  gap: 16px;
}
.comment-option,
.download-option {
  position: absolute;
  left: 0;
  top: 100%;
  width: 240px;
  padding: 12px 0;
  box-shadow: 0px 2px 6px 0px #04152733;
  border-radius: var(--radius-8);
  margin-top: 5px;
  background-color: var(--color-bg-static-white);
  z-index: 1;
}
.comment-option button,
.download-option button {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font: var(--body-medium);
  border: 0;
  background-color: transparent;
}
.content-list {
  margin-bottom: 12px;
}
.video-details-right-box:not(:last-child) {
  margin-bottom: 20px;
}
.video-details-right-box {
  border: 1px solid #0d0d0d1a;
  border-radius: var(--radius-12);
}
.video-details-right-box.same-event-videos-wrapper .video-listing {
  max-height: 452px;
  overflow: auto;
}
.video-details-right-box .video-listing {
  padding-bottom: var(--spacing-12);
}
.video-details-right-box h4 {
  padding: 16px 20px;
}
.main-comment-box {
  gap: 8px;
  padding: 24px 0;
  border-bottom: 1px solid #0d0d0d1a;
  position: relative;
}
.reply-comment-box {
  gap: 8px;
  padding: 24px 0;
  position: relative;
}
.comment-field .react-input-emoji--container {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0;
}
.comment-field svg {
  cursor: pointer;
}
.comment-field .react-input-emoji--container .react-input-emoji--wrapper {
  margin-left: 0 !important;
}
.reply-comment-box .comment-field .comment-input,
.main-comment-box .comment-field .comment-input {
  display: block;
  width: 100%;
  /* margin-left: 16px; */
  word-break: break-word;
  outline: none;
  /* max-height: 180px; */
  overflow: auto;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong);
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
/* .reply-comment-box .comment-field .comment-input {
  max-height: 150px;
} */
.reply-comment-box .comment-field p.comment-input::before,
.main-comment-box .comment-field p.comment-input::before {
  content: attr(aria-label);
  color: var(--color-text-neutral-tertiary);
  font: inherit;
}
.reply-comment-box .comment-field p.comment-input:not(:empty)::before,
.main-comment-box .comment-field p.comment-input:not(:empty)::before {
  display: none;
}
.reply-comment-box .comment-field p.comment-input *,
.main-comment-box .comment-field p.comment-input * {
  background-color: transparent !important;
  color: var(--color-text-neutral-secondary) !important;
  font-size: inherit !important;
  font-family: inherit !important;
}
.emoji-modal {
  position: absolute !important;
  z-index: 111;
  left: 0;
  top: 100%;
}
.comment-emoji-btn {
  margin-right: auto;
  flex-shrink: 0;
  height: 40px;
}
.comment-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  position: relative;
}
.comment-list-item {
  padding: var(--spacing-8) 0;
  position: relative;
}
.comment-list-wrapper {
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-20);
}
.comment-list-item .comment-wrapper {
  display: flex;
  align-items: flex-start;
}

.comment-list-item .comment-wrapper .comment-text .comment-dot-btn {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 6px !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.comment-list-item .comment-wrapper .comment-text .comment-dot-btn svg {
  transition: all 0.5s ease;
}
.comment-list-item .comment-wrapper .comment-text {
  padding-right: 40px;
  position: relative;
}
.comment-list-item .comment-wrapper .comment-text:hover .comment-dot-btn {
  opacity: 1;
  visibility: visible;
}
.comment-field .avtar-container,
.reply-comment-box .avtar-container,
.comment-list-item .comment-wrapper .avtar-container {
  margin-right: 16px;
  flex-shrink: 0;
}
.comment-list-item .comment-wrapper .comment-details {
  width: 100%;
}
.comment-list-item .comment-wrapper .comment-details .comment-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.comment-list-item .comment-wrapper .comment-details h5 {
  color: var(--color-text-neutral-strong);
  font: var(--body-small);
  font-weight: 600;
}
.comment-list-item .comment-wrapper .comment-text p {
  font: var(--body-small);
  color: var(--color-text-neutral-secondary);
  word-break: break-word;
}
.comment-list-item .comment-wrapper .comment-text .show-more-less-clickable {
  font: var(--body-small);
  color: var(--color-text-info-strong);
  letter-spacing: -0.1px;
  cursor: pointer;
  display: inline-block;
}
.comment-list-item .comment-wrapper .comment-text p b {
  color: var(--color-text-info-strong);
  font: inherit;
  letter-spacing: -0.1px;
  display: inline-block;
  padding-right: 5px;
}
.comment-list-item .comment-wrapper .comment-details .comment-date {
  font: var(--body-x-small);
  color: var(--color-text-neutral-secondary);
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .reply-wrapper
  .reply-btns {
  margin-left: -16px;
  margin-top: 4px;
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .reply-wrapper
  .reply-btns
  button {
  font: var(--body-small);
  font-weight: 600;
}
.comment-list-item .comment-wrapper .comment-details .comment-reply-btn {
  color: #007be5;
}
.comment-list-item .comment-wrapper .comment-details .comment-reply-btn svg {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .comment-reply-btn.collapsed
  svg {
  transform: rotate(180deg);
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .comment-reply-btn
  svg
  path {
  fill: #007be5;
}
.reply-comment-list {
  margin-top: 8px;
}
.comment-option {
  min-width: 160px;
  right: 0;
  left: unset;
  width: auto;
  z-index: 99;
}
.comment-option.top {
  top: -8px;
  transform: translateY(-100%);
}
.comment-option button.danger-text {
  color: #c90007;
}
.comment-option button.danger-text svg path {
  fill: #c90007;
}
.comment-option button {
  position: relative;
  border: 2px solid transparent;
  width: 100%;
}
.comment-option button:hover {
  background-color: var(--color-bg-neutral-tertiary-hovered);
}

.comment-option button:focus-visible {
  outline: none;
  border-color: var(--color-text-neutral-strong);
}
.report-modal .ctsm-modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.sponsor-modal .modal-sponsor-banner {
  height: 144px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  background-color: var(--color-bg-static-black);
}
.sponsor-modal .modal-sponsor-banner .sponsor-image {
  max-width: 188px;
  max-height: 72px;
  object-position: center;
  object-fit: contain;
}
.sponsor-modal .sponsor-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sponsor-modal h3.sponsor-title {
  color: var(--color-text-neutral-strong);
  letter-spacing: -0.3px;
  margin-bottom: 0;
}
.sponsor-modal .sponsor-disc,
.sponsor-modal .sponsor-type {
  color: var(--color-text-neutral-secondary);
  font: var(--body-medium);
  letter-spacing: -0.1px;
}
.sponsor-modal hr {
  margin: 24px 0 !important;
}
.sponsor-modal .sponsor-link {
  color: var(--color-icon-brand-strong);
  display: flex;
  align-items: center;
  gap: 6px;
}

.Heart3FillIcon1.active,
.Heart3LineIcon.active {
  display: flex;
}
.Heart3FillIcon1,
.Heart3LineIcon {
  display: none;
}
.videodetailicon-sec {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.videodetailicon {
  display: block;
}
.videodetailicon-i {
  color: #201e29;
  margin-right: 4px;
}
.videodetailicon {
  font-size: 12px;
  font-weight: 500;
}
.video-details-tabing {
  padding-bottom: 16px;
}
.video-details-tabing .tabs-fluid {
  padding-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  justify-content: flex-start;
}
.video-details-tabing .tabs-fluid .tabs-button {
  width: auto;
}
.cstm-vd-tabs {
  padding-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
}
.cstm-vd-tabs ul li a {
  display: block;
  font: var(--title-x-small);
  letter-spacing: 0.02em;
  padding: 14px 12px;
  position: relative;
  color: var(--color-text-neutral-strong);
}
.cstm-vd-tabs ul li .active {
  border-radius: 10px;
}
.cstm-vd-tabs ul li .active::before {
  content: "";
  /* border-top: 5px solid var(--color-bg-brand-strong); */
  background-color: var(--color-bg-brand-strong);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 50px 50px 0 0;
  height: 5px;
}
.cstm-vd-cnt.csmt-front-vd-cunt a.musicvideobtn {
  display: inline-block;
  margin-left: 0;
}
span.cstm-vd-ttl-sb {
  font-weight: 600;
  font-size: 16px;
  color: #201e29;
  margin: 0px;
  margin-bottom: 10px;
  display: flex;
}
.comment-main-title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}
.cstm-back-video-detail-cl .comment-main-title {
  padding-top: 12px;
  margin-bottom: 0px;
  border-top: 1px solid #e6e6e6;
}
.cl-v-comment-sec .comment-main.cstm-no-comment-sec {
  min-height: 120px;
  height: 100%;
  display: flex;
  align-items: center;
}
.comment-main .emptymsg {
  padding: 0px 0px 16px;
}
.emptymsg {
  text-align: center;
  display: table;
  width: 100%;
  color: #dc3305;
}
.cstm-cl-active {
  background: #201e29;
  border-radius: 8px;
  color: #fff !important;
}
.cstm-cl-active:hover {
  background: #201e29 !important;
  border-radius: 8px;
  color: #fff !important;
}
span.cstm-bullet img {
  width: 4px;
  height: 4px;
  padding: 0px;
}
.video-js .vjs-tech {
  top: 1px !important;
  left: 1px !important;
}
.cstm-vd-cnt {
  display: flex;
  justify-content: space-between;
}
.related-videos-contant-in-left .cstm-rv-time {
  right: 8px;
  bottom: 8px;
}
.cstm-back-video-detail-cl .newsfeed-post-right-write {
  border-top: 0px;
  margin-top: 0px;
  padding: 16px 0px;
}
.newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px;
  margin-top: 16px;
}
.newsfeed-post-right-write-left {
  position: absolute;
  top: 18px;
}
.newsfeed-post-right-write-left img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50px;
}
.newsfeed-post-right-write-right {
  padding-left: 54px;
  position: relative;
}
.cstm-recent-dropdown-menu {
  position: absolute;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  top: 32px;
  z-index: 1;
  width: 120px;
}
.cstm-recent-dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.cstm-recent-dropdown-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29 !important;
  display: block;
  padding: 6px 10px;
}
.cstm-recent-dropdown-menu ul li a:hover {
  color: #351bce !important;
}
.cstm-no-history {
  text-align: center;
  margin-top: 120px;
}
.cstm-oops-main-img {
  margin-bottom: 16px;
}
.cstm-oops-main-ctn {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
  max-width: 290px;
  margin: auto;
}
/* Video library new css 31-05-2024 */
.clif-notes-wrapper p,
.clif-notes-wrapper ul li {
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
}
.video-library-grid {
  padding: var(--spacing-24);
  display: grid;
  grid-gap: var(--spacing-24) var(--spacing-16);
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.video-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-12);
}
.video-filter-container .video-buttons-tabs-wrapper {
  display: flex;
  gap: var(--spacing-12);
  align-items: center;
  max-width: calc(100% - 122px);
  width: 100%;
}
.video-filter-container .video-buttons-tabs-wrapper .vertical-seprator {
  width: 1px;
  height: 24px;
  background: var(--color-border-neutral-secondary);
  flex-shrink: 0;
}
.video-filter-container .filter-button-wrapper,
.video-filter-container .video-buttons-tabs-wrapper .video-browse-tabs {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}
.videos-history-saved-grid {
  padding: var(--spacing-24);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-16);
}
.scrollbar-wrapper {
  position: relative;
  max-width: calc(100% - 350px);
}
.video-filter-container .hidden-scrollbar {
  overflow: auto;
  width: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.video-filter-container .grediant-shadow .hidden-scrollbar::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 32px;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.video-filter-container .hidden-scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.video-filter-container .hidden-scrollbar::-webkit-scrollbar-thumb {
  border: 0px solid var(--color-border-inverse-screen);
  min-height: 0px;
}

.video-filter-container .hidden-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}

/* Video player icons */

.video-container {
  position: relative;
}
.video-container.fullscreen .label {
  bottom: 100px;
}
.right-icon svg,
.left-icon svg,
.center-icon svg {
  width: 40px;
  height: auto;
  fill: #fff;
}
.right-icon svg path,
.left-icon svg path,
.center-icon svg path {
  fill: #fff;
}
.center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.left-icon {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.right-icon {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.volume-top {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 10px 25px;
  font-size: 30px;
  line-height: 1.25;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: var(--radius-4);
}
.volume-text {
  color: var(--white);
}
.animate {
  animation: zoom-in-zoom-out 0.15s linear forwards;
  opacity: 1;
  visibility: visible;
}
@keyframes zoom-in-zoom-out {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.75, 0.75);
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1, 1);
    visibility: hidden;
  }
}

@media screen and (max-width: 767px) {
  .video-filter-container {
    overflow: auto;
    gap: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }
  .video-buttons-tabs-wrapper .scrollbar-wrapper {
    max-width: unset;
  }
  .video-filter-container .video-buttons-tabs-wrapper {
    width: auto;
    max-width: unset;
    flex-shrink: 0;
    flex-grow: 1;
  }
}
/* Fonts */
@font-face {
  font-family: "Muller";
  src: url("/assets/Muller-Medium-DQpz1MO-.eot");
  src: url("/assets/Muller-Medium-DQpz1MO-.eot?#iefix") format("embedded-opentype"),
    url("/assets/Muller-Medium-4yktslxS.woff2") format("woff2"),
    url("/assets/Muller-Medium-BIW0yyoN.woff") format("woff"),
    url("/assets/Muller-Medium-CWC680QT.ttf") format("truetype"),
    url("/assets/Muller-Medium-CCUagXUG.svg#Muller-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.mds-model-box-main {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}
.mds-model-box-body {
  padding: 16px;
  background: linear-gradient(0deg, #01143f 0%, #0e327a 100%);
  border-radius: 20px;
  max-width: 640px;
  max-height: 840px;
  /* height: calc(100vh - 80px); */
  width: 100%;
}
.close-btn {
  text-align: right;
  width: -webkit-fit-content;
  width: fit-content;
  margin-left: auto;
  cursor: pointer;
}
.mds-model-logo {
  text-align: center;
  margin: 8px 0 24px;
}
.mds-model-heading {
  max-width: 412px;
  margin: 0 auto 45px;
}
.mds-model-heading h3 {
  font-family: "Muller";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%; /* or 38px */
  text-align: center;
  color: #ffffff;
}
.mds-model-main-img {
  max-width: 446px;
  margin: 0 auto 45px;
}
.mds-model-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mds-model-button-container {
  max-width: 390px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.mds-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 24px;
  gap: 4px;
  background: #f6f6f6;
  border-radius: 400px;
  text-decoration: none;
  transition: 0.5s all;
}
.mds-button:hover {
  background: #e4e4e4;
}

.mds-button p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 0;
}
.mds-button p span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  margin-bottom: -5px;

}

@media (max-width: 1439.98px) {
  .mds-model-box-main {
  padding: 40px;
  }
  .mds-model-box-body {
    padding: 16px;
    max-width: 370px;
    width: 100%;
    /* overflow-y: scroll; */
    height:auto;
}
  .mds-model-logo {
    text-align: center;
    margin: 0 0 16px;
  }
  .mds-model-logo img {
    width: 100%;
    height: 32px;
  }
  .mds-model-heading {
    margin: 0 auto 24px;
  }
  .mds-model-heading h3 {
    font-size: 24px;
  }
  .mds-model-main-img {
    max-width: 240px;
    margin: 0 auto 24px;
  }
  .mds-button p {
    font-size: 16px;
  }
  .mds-button {
    padding: 7px 16px;
  }
  .mds-model-button-container {
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
}

@media (max-width:919.98px){
  .mds-model-box-body {
    max-width: 450px;
}
  .mds-model-heading {
    max-width: 300px;
  }

}
@media (max-width:767.98px){
  .mds-model-box-body {
    max-width: 360px;
  }
  .mds-model-heading h3 {
    font-size: 20px;
  }
  .mds-button p {
    font-size: 14px;
  }
  .mds-button p span {
    font-size: 10px;
}
.mds-model-heading {
  max-width: 252px;
}
}

@media (max-width:575.98px){
  
  .mds-model-logo img {
    width: 100%;
    height: 24px;
  }
  
  .mds-model-heading h3 {
    font-size: 18px;
  }
  .mds-model-button-container {
    margin: 0 auto 16px;
    gap: 12px;
    flex-wrap: wrap;
}
}

@media (max-width:374.98px){
  .mds-model-box-main {
    padding: 20px;
    }
}.header-ft {
  display: flex;
  padding: 0px var(--spacing-24, 24px);
  /* padding: 0px var(--spacing-24, 24px) 0px var(--spacing-16, 16px); */
  padding: 0px var(--spacing-24, 24px);
  /* padding: 0px var(--spacing-24, 24px) 0px var(--spacing-16, 16px); */
  justify-content: space-between;
  background: var(--color-bg-screen);
  align-items: center;
  align-self: stretch;
  /* height: 56px; */
  position: fixed;
  /* top: 0; */
  width: 100%;
  z-index: 5;
  background: var(--color-bg-static-white);
}

.header-ft-logo {
  display: flex;
  padding: var(--spacing-8) 0px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.header-ft-element-sec {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  align-items: center;
  gap: var(--spacing-16);
}

.cstm-menu-mobile {
  margin-left: -8px;
}

.header-ft-vn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header-ft-vn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.header-ft-vn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header-ft-vn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.header-ft-vn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-ft-view-nav {
  cursor: pointer;
  border-radius: 50px;
  display: flex;
}
.header-ft-icon {
  position: relative;
}
.header-ft-icon .badge-notification-point {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1;
}

.red-on {
  background: var(--color-bg-accent-pink);
  height: 12px;
  width: 12px;
  display: inherit;
  position: absolute;
  border-radius: 50px;
  top: 2px;
  right: 2px;
  border: 2px solid var(--color-bg-static-white);
}

.header-ft-menu-icon {
  cursor: pointer;
  position: relative;
}

.chat-photo-mn {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.chat-photo-mn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.chat-photo-mn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.chat-photo-mn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.chat-photo-mn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-ft-menu-user {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: var(--spacing-8);
}

.header-ft-photo-user {
  position: relative;
  display: flex;
}

.header-ft-photo-user {
  position: relative;
  display: flex;
}

.header-ft-photo-user img {
  height: 32px;
  width: 32px;
  min-width: 32px;
  object-fit: cover;
  border-radius: 50px;
}

.header-ft-menu-user-main {
  order: 1;
}

.chat-on-off {
  border-radius: 50px;
  border: 2px solid var(--color-bg-static-white);
  border: 2px solid var(--color-bg-static-white);
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: -1px;
  right: -1px;
  bottom: -1px;
  right: -1px;
}

.dropdown-menu.header-menu-dp {
  order: 2;
  margin-left: -200px;
}

.header-ft-menu-view.show .mn-close {
  display: block;
}

.header-ft-menu-view.show .mn-open {
  display: none;
}

.header-menu-dp {
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 240px;
  padding: 0px;
  margin-top: 8px;
}

.header-menu-dp ul {
  margin: 0px;
  padding: 0px 0px 6px 0px;
  list-style: none;
}

.header-menu-dp ul li a {
  display: flex;
  padding: 8px 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  margin: 0px 8px;
  border-radius: 10px;
}

.header-menu-dp.footer-menu ul li a {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  padding: 12px 16px;
}

.header-menu-dp ul li a:hover {
  background-color: #f3f5f7;
}

.header-menu-dp ul li a img {
  margin-right: 17px;
}

.header-menu-dp ul li a svg {
  margin-right: 17px;
}
.header-menu-dp ul li:last-child {
  border-bottom: none;
}

.header-ft-search-search-down {
  top: 50px;
  position: absolute;
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.2);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 15px;
  max-width: 476px;
  width: 100%;
  overflow: hidden;
}

.header-ft-search-search-down ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.header-ft-search-search-down ul li {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}

.header-ft-search-search-down ul li img {
  margin-right: 8px;
}

.header-ft-search-search-down ul li:hover {
  background: #f3f5f7;
  cursor: pointer;
}

.header-menu-icon {
  height: 40px;
  width: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-ft-name-user:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='6'%20viewBox='0%200%2012%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%206L0%200H12L6%206Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  content: "";
  width: 12px;
  height: 6px;
  position: absolute;
  top: 6px;
  right: 12px;
}

.header-ft-name-user {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
  position: relative;
  padding-right: 35px;
}

.header-ft-menu {
  display: flex;
  align-items: center;
}

.cstm-profile-info {
  padding: 20px 20px 16px 20px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.1);
  text-align: center;
  margin-bottom: 6px;
}

.cstm-profile-info-user {
  margin-bottom: 16px;
}

.cstm-profile-info-user img {
  width: 72px;
  height: 72px;
  border: 2px solid #ffffff !important;
  object-fit: cover;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1));
  border-radius: 400px;
}

.cstm-profile-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  word-break: break-word;
}

.cstm-hd-as {
  display: none;
}

.cstm-pt-link {
  border-top: 1px solid rgba(32, 30, 41, 0.1);
  text-align: center;
  margin-top: 7px;
  padding-top: 5px;
  display: flex;
  justify-content: center;
}

.cstm-pt-link a {
  margin: 0px !important;
}

.chat-desk {
  position: relative;
}

.header-cont-lib .header-inner-ft .header-ft-element-sec {
  justify-content: end;
}

.header-ft-search {
  background-color: #f4f4f4;
  height: 48px;
  max-width: 476px;
  display: flex;
  width: 100%;
  border-radius: 15px;
  align-items: center;
  padding: 12px 0px;
  position: relative;
}

.cstm-menu-responsive {
  display: none !important;
}

body.menuview .header-ft-view-nav {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-search {
  max-width: 480px;
  width: 100%;
  height: 40px;
}

.header-search .text-field-search-main {
  max-width: 100%;
}

.header-search .text-field-search {
  width: 480px;
}

.header-search .dropdown-list {
  width: 480px;
  max-height: 350px;
}

.header-ft.video-header-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.header-ft.video-header-grid .header-ft-logo {
  justify-content: start;
}

.header-ft.video-header-grid .header-ft-element-sec {
  justify-content: end;
}

.header-ft.video-header-grid .header-search {
  margin: auto;
}
.header-search .header-search-close-btn,
.header-ft-element-sec .header-search-btn {
  display: none;
}

.header-referral-btn-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  flex-shrink: 0;
}

.header-icon-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  flex-shrink: 0;
}

@media only screen and (min-width: 999px) {
  .header-ft-view-nav {
    display: none;
  }
}

@media only screen and (max-width: 1280px) {
  .header-ft.video-header-grid {
    grid-template-columns: 1fr minmax(auto, 380px) 1fr;
  }
  .header-search .text-field-search {
    width: 100%;
  }
}

@media only screen and (max-width: 999px) {
  .header-ft.video-header-grid {
    grid-template-columns: auto minmax(auto, 380px) auto;
    gap: var(--spacing-12);
  }
}

@media (max-width: 767.98px) {
  .header-ft {
    padding-right: var(--spacing-16);
    padding-left: var(--spacing-8);
  }

  .header-ft-element-sec {
    gap: var(--spacing-12);
  }
  .header-icon-container {
    gap: var(--spacing-2);
  }
  .header-referral-btn-container {
    gap: var(--spacing-4);
  }
  .header-referral-btn-container .header-referral-btn {
    display: none;
  }
  .header-search .header-search-close-btn,
  .header-ft-element-sec .header-search-btn {
    display: block;
  }
  .header-ft.video-header-grid {
    grid-template-columns: 1fr auto;
  }
  .header-ft.video-header-grid .header-search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: var(--spacing-8) var(--spacing-16) 7px var(--spacing-8);
    z-index: 11;
    background-color: #fff;
    align-items: center;
    gap: var(--spacing-8);
    border-bottom: 1px solid var(--color-border-neutral-tertiary);
  }
  .header-ft.video-header-grid .header-search.search-show {
    display: flex;
  }

  .header-search #suggestion-list {
    top: 100%;

    right: 16px;
    min-width: calc(100% - 72px);
    width: calc(100% - 72px);
  }
}
.loadind-post-colla {
  text-align: center;
  height: 100vh;
}

.loadind-post-colla img {
  width: 80px;
  position: relative;
  top: 50%;
  margin-top: -25px;
}

.header-collaborator {
  margin: 18px 12px;
}

.collaborator-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* height: calc(100vh - 100px); */
  max-width: 580px;
  width: 100%;
  margin: 120px auto;
  gap: 48px;
}

.collaborator-h2 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-large);
  margin: 0px;
  letter-spacing: -0.36px;
}

.collaborator-h4 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  letter-spacing: -0.24px;
  margin: 0px;
}

.collaborator-h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-large);
  margin: 0px;
  display: flex;
  padding: 0px var(--spacing-space-2-x-large, 32px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.collaborator-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
  align-self: stretch;
}

.collaborator-email {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-x-large, 24px);
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-secondary, #dfedff);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-large-bold);
}

.collaborator-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
}

.collaborator-field {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.collaborator-field input {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-large, 16px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  color: var(--color-text-neutral-strong);
  text-align: center;
  font: var(--title-large);
  letter-spacing: -0.36px;
  background-color: var(--color-bg-elevated);
}

.collaborator-field input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input::-moz-placeholder {
  /* Firefox 19+ */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:-ms-input-placeholder {
  /* IE 10+ */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:-moz-placeholder {
  /* Firefox 18- */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:focus {
  border: 2px solid var(--color-border-inverse-neutral);
}

.collaborator-fill-field {
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
}

.collaborator-error-field {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.collaborator-field-error {
  color: var(--color-text-danger-strong);
  text-align: center;
  font: var(--body-x-small);
}

.collaborator-field-sucessfully {
  color: var(--color-text-success-strong);
  text-align: center;
  font: var(--body-x-small);
}

.collaborator-field-msg {
  display: none;
}

.collaborator-send {
  color: var(--color-text-neutral-secondary);
  text-align: center;
  font: var(--body-medium);
  position: relative;
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-2-x-large, 32px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.collaborator-send-loader-img img {
  width: 26px;
}

.collaborator-send-loader-img {
  width: 100%;
  background-color: #ffffffdb;
  position: absolute;
}

.collaborator-send-in {
  position: relative;
}

.collaborator-link {
  color: var(--color-text-brand-strong, #0b42cf);
  font: var(--body-large-bold);
  cursor: pointer;
}

.collaborator-emailicon {
  height: 120px;
  width: 100%;
  text-align: center;
}

/* .collaborator-info-registration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-space-2-x-large, 32px);
  align-self: stretch;
} */

.collaborator-registration-info {
  display: flex;
  padding: 0px var(--spacing-space-2-x-large, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
  align-self: stretch;
}

.collaborator-registration-agree {
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-2-x-large, 40px);
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
}

.collaborator-registration-agree a {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.collaborator-registration-agree a:hover {
  color: var(--color-bg-brand-strong);
  -webkit-text-decoration-line: inherit;
          text-decoration-line: inherit;
}

.collaborator-registration-btn {
  width: 100%;
}

.btn-connect {
  display: flex;
  padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  align-self: stretch;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  width: 100%;
  background-color: var(--color-bg-elevated);
}

.btn-connect:hover {
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.btn-connect:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.collaborator-registration-btn-label {
  display: flex;
  padding: 0px var(--spacing-space-4-x-small, 4px);
  align-items: flex-start;
}

.collaborator-succesfully {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-large, 32px);
  align-self: stretch;
}

.btn-log {
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  display: flex;
  padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 28px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
}

.btn-log:hover {
  background: var(--color-bg-brand-strong-hovered);
  color: var(--color-text-static-white);
}

.collaborator-revoke-popup-main {
  max-width: 420px;
  position: relative;
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  overflow: inherit;
}

/* New Sign-Up page */
.new-signup-page.collaborator-main {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}
.new-login-page .btn-facebook:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}
button.apple-btn.new-login-page-btn:hover {
  background-color: #000000;
}
.new-login-page .apple-btn i,
.new-login-page .btn-facebook i,
.new-signup-page .apple-btn i,
.new-signup-page .btn-facebook i {
  font-size: 20px;
}
.new-signup-page .btn-facebook {
  background-color: #0866ff;
}
.new-signup-page .collaborator-registration-info {
  padding: 0;
  gap: 12px;
}
.new-signup-page .collaborator-registration-agree {
  color: var(--color-text-neutral-tertiary, #84898f);
  font-size: 13px;
  line-height: 1.3;
  padding-top: 0;
  padding-bottom: 0;
}
.new-signup-page .collaborator-registration-agree a {
  color: var(--color-bg-brand-strong, #0b42cf);
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
}
.header-spacing {
  padding: 18px 24px;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background-color: #fff;
}
.new-email-verify {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}
.new-email-verify .collaborator-h6 {
  padding: 0;
}
.new-email-verify .collaborator-info {
  gap: 24px;
}
.new-email-verify .text-field-main {
  max-width: 100%;
}
.new-email-verify .button {
  width: 100%;
  display: block;
}
.new-email-verify a {
  color: var(--color-text-brand-strong, #0b42cf);
  font-weight: 700;
}
.new-check-email .collaborator-info {
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
  gap: 0;
}
.new-check-email .collaborator-info .collaborator-h2 {
  margin-top: 32px;
}
.new-check-email .collaborator-info .collaborator-h6 {
  padding: 8px 0 24px;
}
.new-contact-support .collaborator-info {
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
  gap: 32px;
}
.new-contact-support .collaborator-info .collaborator-h6 {
  padding: 0;
}
.new-contact-support .collaborator-info .button {
  width: 100%;
  display: block;
}
button .btn-loader-img-cover {
  width: 60px;
  height: 20px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .collaborator-field {
    gap: 8px;
  }

  .collaborator-field input {
    font-size: 18px !important;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 8px;
  }

  .collaborator-h2 {
    font-size: 24px;
    line-height: 28px;
    padding: 0px 10px;
  }

  .collaborator-emailicon {
    height: 80px;
  }

  .collaborator-emailicon img {
    height: 80px;
  }

  .collaborator-main {
    margin: 50px auto;
    gap: 18px;
  }

  .collaborator-h6 {
    font-size: 14px;
    line-height: 21px;
  }

  .collaborator-email {
    padding: 5px 10px;
  }

  .collaborator-email {
    font-size: 14px;
    line-height: 21px;
  }

  .collaborator-send {
    font-size: 13px;
  }
}
.cstm-doc-pdf {
    height: calc(100vh - 56px);
    overflow-y: auto;
}

.cstm-doc-pdf::-webkit-scrollbar {
    width: 0px;
}

.doc-preview-img {
    overflow: hidden;
    margin: 56px 16px 0px;
    height: calc(100vh - 56px);
}


.doc-preview-media {
    /* margin: 72px 16px 24px 16px; */
    height: calc(100vh - 56px);
    margin: 56px 16px 0px 16px;
}

.doc-preview-img .react-transform-wrapper {
    text-align: center;
    width: 100%;
    height: 100%;
}

.doc-preview-img .react-transform-component {
    width: inherit;
    height: 100%;
}

.doc-preview-img .react-transform-component img {
    max-height: calc(100vh - 56px);

    margin: auto;
}

/* .custom-transform-component {
    touch-action: pan-y;
    overscroll-behavior-x: none;
} */

.doc-preview-media .react-transform-wrapper {
    margin: auto;
    width: initial;
}

.doc-preview-media .react-transform-component {
    /* margin: auto; */
    width: 100%;
    /* width: unset */
}


.doc-modal-only-left .react-transform-component {
    /* margin: auto; */
    /* width: 100%; */
}

.doc-modal-only-left-top-center .doc-modal-icon img {
    filter: invert(99%) sepia(0%) saturate(2476%) hue-rotate(199deg) brightness(100%) contrast(119%);
}

.doc-modal-only-left-top-left .doc-modal-icon {
    min-width: 40px;
}

.doc-modal-only-left-top-right button {
    border: none;
    font: var(--body-small);
    font-weight: 600;
    line-height: 24px;
}


.doc-preview-media .react-transform-wrapper .react-pdf__Page__canvas {
    /* width: 100% !important;
    height: calc(100vh - 72px) !important;
    margin: auto;
    padding-bottom: 16px;
    object-fit: contain; */
    margin: auto;
}

.react-pdf__Page {
    background: transparent !important;
    margin: 20px auto !important;
    min-width: unset !important;
}


.react-pdf__Page__textContent.textLayer {
    display: block;
    margin: auto;
}

.react-pdf__Page__annotations.annotationLayer {
    display: block !important;
    margin: auto;
    right: 0;
}

.doc-management-main-banner-detials {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.have-docs-you-title {
    margin: 0px;
    color: var(--color-text-static-white, #FFF);
    font: var(--title-small)
}

.docs-no-data-only {
    height: inherit !important;
}

.wereon-sub-title {
    margin: 0px;
    overflow: hidden;
    color: var(--color-text-static-white, #FFF);
    text-overflow: ellipsis;
    font: var(--body-small);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
}

.submit-your-document-btn {
    display: flex;
    padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-2-x-small, 8px);
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white, #FFF);
    color: var(--color-text-static-darkgray, #060D14);
    font: var(--body-large-bold);
}

.submit-your-document-btn:hover:hover {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white-pressed);
    color: var(--color-text-static-darkgray) !important;
}

.fresh-updates-title {
    color: var(--color-text-neutral-strong);
    font: var(--title-large);
    margin-bottom: 0px;
    padding: 24px 0px;
}

.fresh-updates-slider {
    padding: 0px 24px;
    margin: 0px -36px;
    overflow: hidden;
}

.all-docs-main-section {
    padding: 24px 0px;
}

.docs-menu-section {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.docs-menu-section li {
    display: flex;
}

.docs-menu-section li a {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-large-bold);
    padding: var(--spacing-12, 12px);
    align-items: center;
    gap: var(--spacing-2, 2px);
    position: relative;
}

.docs-menu-section li a:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.docs-menu-section li a:active {
    background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5);
}

.docs-menu-section li a.active:before {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--color-text-brand-strong, #0B42CF);
    position: absolute;
    left: 0;
    bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.all-docs-main-section-tabs {
    margin-bottom: 24px;
}

.all-docs-main-section-search {
    margin-bottom: 24px;
}

.all-docs-main-section-filters {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.all-docs-main-section-filters button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4, 4px);
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.20));
    background-color: var(--color-bg-static-white);
}

.all-docs-main-section-filters button:hover {
    border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.50));
}

.all-docs-main-section-filters button:active {
    border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.70));
}


.all-docs-main-section-filters .active {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-inverse-neutral, #041527);
    color: var(--color-text-inverse, #FFF);
}

.all-docs-main-section-search {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.all-docs-main-section-search-left {
    display: flex;
    gap: 24px;
    align-items: center;
}

.all-docs-main-section-search-right {
    position: relative;
}


/* Start Slider */
.fresh-updates-slider .slick-slide {
    padding: 24px 12px;
}

.fresh-updates-slider-cont {
    transition: transform .8s;
    position: relative;
    transform: translateZ(0);
}

.fresh-updates-slider-cont-img {
    border-radius: 12px;
    aspect-ratio: 16/8;
    overflow: hidden;
    border: 1px solid var(--color-bg-static-white-pressed);
    transform: translateZ(0);
    background: var(--gray-800, #394046);
    cursor: pointer;
}

.fresh-updates-slider-cont:hover .fresh-updates-slider-cont-img img {
    transform: scale(1.05);
}

.fresh-updates-slider-cont:hover .fresh-updates-slider-cont-img video {
    transform: scale(1.05);
}

.fresh-updates-slider-cont-img img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
    transition: transform .8s;
}

.fresh-updates-slider-cont-img video {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .8s;
}

.fresh-updates-slider-cont-file-icon {
    position: absolute;
    top: 12px;
    left: 8px;
    z-index: 1;
}

.fresh-updates-slider-cont-file-icon img {
    height: 48px;
    width: 48px;
    object-fit: cover;
}

.fresh-updates-slider-cont-dot {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.fresh-updates-slider-cont-img-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    position: relative;
    padding-right: 40px;
    margin-bottom: 4px;
}

.fresh-updates-slider-title {
    font: var(--title-small);
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    margin: 0px;
}

.fresh-updates-slider-cont-by {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-small);
    margin-bottom: 8px;
}

.fresh-updates-slider-cont-text {
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-secondary, #394046);
    text-overflow: ellipsis;
    font: var(--body-small);
}

.fresh-updates-slider button.slick-arrow {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
    background: var(--color-bg-static-white, #FFF);
    box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04), 0px 4px 25px 0px rgba(4, 21, 39, 0.10);
    height: 36px;
    width: 36px;
    top: 115px;
    right: -6px;
    z-index: 1;
}

.fresh-updates-slider button.slick-arrow:hover {
    border: 1px solid var(--color-border-neutral-tertiary-hovered, rgba(13, 13, 13, 0.30));
}

.fresh-updates-slider .slick-next:after {
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.64155%2016.2752C6.41966%2016.0534%206.3995%2015.7061%206.58104%2015.4615L6.64155%2015.3914L12.0327%209.99996L6.64155%204.60857C6.41966%204.38668%206.3995%204.03946%206.58104%203.79478L6.64155%203.72468C6.86345%203.50279%207.21066%203.48263%207.45534%203.66417L7.52544%203.72468L13.3587%209.55804C13.5807%209.77988%2013.6008%2010.1271%2013.4192%2010.3718L13.3587%2010.4419L7.52544%2016.2752C7.28136%2016.5193%206.88563%2016.5193%206.64155%2016.2752Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.fresh-updates-slider .slick-arrow:after {
    content: '';
    height: 20px;
    position: absolute;
    width: 20px;
    top: 7px;
    left: 7px;
}

.fresh-updates-slider .slick-arrow:before {
    display: none !important;
}

.fresh-updates-slider .slick-prev {
    left: -6px;
    z-index: 1;
}

.fresh-updates-slider .slick-prev:after {
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4193%2015.4615C13.6008%2015.7061%2013.5807%2016.0534%2013.3588%2016.2752C13.1147%2016.5193%2012.719%2016.5193%2012.4749%2016.2752L6.64157%2010.4419L6.58107%2010.3718C6.39949%2010.1271%206.41965%209.77988%206.64157%209.55804L12.4749%203.72468L12.545%203.66417C12.7897%203.48263%2013.1369%203.50279%2013.3588%203.72468L13.4193%203.79478C13.6008%204.03946%2013.5807%204.38668%2013.3588%204.60857L7.96765%209.99996L13.3588%2015.3914L13.4193%2015.4615Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.fresh-updates-slider .slick-disabled {
    display: none !important;
}

/* End Slider */

.doc-detial-main {
    width: 100%;
    max-width: 712px;
    margin: auto;
    padding: 0px 32px 40px 32px;
}

.doc-detial-main hr {
    border-color: #e5e5e5;
    margin: 0px;
}

.submit-you-document {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding: var(--spacing-40, 40px) 0px;
    gap: 93px;
}

.submit-you-document-left h2 {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-large);
    letter-spacing: -0.36px;
    margin: 0px;
}

.submit-you-document-left p {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
    margin: 0px;
}

.submit-you-document-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.submit-you-document-right {
    min-width: 160px;
}

.select-document-type {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.doc-detail-title-sub {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.doc-detail-title-sub h3 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-medium);
    letter-spacing: -0.24px;
}

.doc-detail-title-sub p {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-detail-select-label {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.doc-detail-select-label button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4, 4px);
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.20));
    background-color: var(--color-bg-static-white);
}

.doc-detail-select-label button:hover {
    border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.50));
}

.doc-detail-select-label button:active {
    border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.70));
}

.doc-detail-select-label .active {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-inverse-neutral, #041527);
    color: var(--color-text-inverse, #FFF);
}

.examples-of-documents {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.describe-your-document {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.describe-your-textarea {
    width: 100%;
}

.doc-detail-btn {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    align-items: flex-start;
    justify-content: space-between;
}

.btn-back {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-2-x-small, 8px);
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--body-large-bold);
    background-color: transparent;
}

.btn-back:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered);
    color: var(--color-text-neutral-strong, #060D14);
}

.btn-submit {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-brand-strong, #0B42CF);
    display: flex;
    padding: var(--spacing-16, 15px) var(--spacing-24, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8, 8px);
    color: var(--color-text-brand-onstrong, #FFF);
    text-align: center;
    font: var(--body-large-bold);
    border: none;
}

.btn-submit:hover {
    background: var(--color-bg-brand-strong-hovered);
    color: var(--color-text-static-white);
}

.btn-submit:active {
    background: var(--color-bg-brand-strong-pressed, #052D93);
    color: var(--color-text-brand-onstrong, #FFF);
}


.btn-disabled-sumit {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-disabled-strong, #DADDE0);
    display: flex;
    padding: var(--spacing-16, 15px) var(--spacing-24, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8, 8px);
    color: var(--color-text-disabled-onstrong, #84898F);
    text-align: center;
    font: var(--body-large-bold);
    border: none;
    pointer-events: none;
    position: relative;
}

.examples-of-documents-blog {
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;

}

.drag-files-upload {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.drag-files-upload-box {
    display: flex;
    padding: var(--spacing-48, 48px) var(--spacing-32, 32px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-24, 24px);
    align-self: stretch;
    border-radius: var(--radius-medium, 12px);
    border-radius: var(--radius-medium, 12px);
    border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    margin: 0px;
    cursor: pointer;
}

.drag-files-upload-box:hover {
    border: 2px dashed var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.drag-files-upload-box:active {
    border: 2px dashed var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.active-drag-files {
    border: 2px dashed var(--color-border-danger-strong, #DB1D26) !important;
}

.drag-files-upload-box-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.drag-files-upload-box-top-icon {
    width: 100%;
    height: 48px;
    text-align: center;
}

.drag-files-upload-box-top-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.drag-files-upload-box-top-info h5 {
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--title-small);
    margin: 0px;
}

.drag-files-upload-box-top-info p {
    color: var(--color-text-neutral-tertiary, #84898F);
    text-align: center;
    font: var(--body-x-small);
    margin: 0px;
}

.browse-files-btn {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-space-small, 12px) var(--spacing-20, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-3-x-small, 6px);
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--body-large-bold);
    background-color: transparent;
}

.browse-files-btn:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered);
    color: var(--color-text-neutral-strong, #060D14);
}

.drag-files-upload-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.drag-files-upload-load {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2, 2px);
    align-self: stretch;
}

.drag-files-upload-load-box {
    display: flex;
    padding: var(--spacing-8, 8px) var(--spacing-4, 4px);
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    border-radius: var(--radius-medium, 12px);
    position: relative;
    overflow: hidden;
}

.drag-files-upload-load-box-info h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--title-x-small);
    margin: 0px;
}

.drag-files-upload-load-box-info h6 {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
    margin: 0px;
}

.drag-files-upload-load-box-info {
    flex: 1;
}

.drag-files-upload-load-box-img {
    min-width: 48px;
}

.drag-files-upload-load-box-img img {
    min-width: 48px;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.drag-files-upload-load-box-icon {
    min-width: 40px;
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    cursor: pointer;
}

.drag-files-fill {
    background: var(--color-bg-neutral-secondary, #EAEDF1);
}

.drag-files-fill {
    background: var(--color-bg-neutral-secondary, #EAEDF1);
    position: absolute;
    height: 100%;
    z-index: -1;
    left: 0;
}

.your-document-main {
    display: flex;
    max-width: 648px;
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: auto;
}

.your-document-main-icon {
    width: 100%;
    height: 164px;
    text-align: center;
}

/* Start Loading page */
.doc-management-main-banner-loading {
    width: 100%;
    height: 120px;
    margin-bottom: 24px;
    border-radius: 12px;
}

.fresh-updates-slider-loading {
    grid-gap: 40px 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
    padding: 24px 0px;
}

.fresh-updates-slider-post-loading {
    position: relative;
}

.fresh-updates-slider-post-img-loading {
    border-radius: 12px;
    margin-bottom: 16px;
    aspect-ratio: 16/8;
    width: 100%;
}

.fresh-updates-slider-post-title-loading {
    width: 100%;
    height: 25px;
}

.fresh-updates-slider-partnesh5-loading {
    width: 35%;
    height: 15px;
}

.fresh-updates-slider-partnesh6-loading {
    width: 100%;
    height: 50px;
}

.docs-table-only-in-loading {
    width: 100%;
    height: 60px;
    margin-bottom: 16px;
}

.submit-you-document-loading {
    width: 100%;
    height: 148px;
    margin: 24px 0px;
    border-radius: 12px;
}

.doc-detail-select-label-loading {
    display: flex;
    align-items: center;
    gap: 10px 10px;
    align-self: stretch;
    flex-wrap: wrap;
    margin: 24px 0px;
}

.doc-detail-select-label-in-loading {
    width: 100px;
    height: 40px;
    border-radius: 50px;
}

.examples-of-documents-blog-loading {
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
}

.drag-files-upload-loading {
    width: 100%;
    height: 306px;
    border-radius: 12px;
    margin: 24px 0px;
}

.describe-your-document-loading {
    width: 100%;
    height: 144px;
    border-radius: 12px;
    margin: 24px 0px;
}

.doc-detail-btn-loading {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    align-items: flex-start;
    justify-content: space-between;
}

.doc-detail-btn-loading-in-loading {
    width: 30%;
    height: 58px;
    border-radius: 50px;
}

/* .doc-file-modal-only {
    background: var(--color-bg-blackout-secondary);
} */
.doc-file-modal-only {
    background: transparent;
}

.doc-modal-only {
    max-width: 100%;
    height: 100%;
    border-radius: 0px;
    background: var(--black-900, rgba(13, 13, 13, 0.90));
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0px !important;
    max-height: initial !important;
}

.doc-modal-only-left {
    width: 75%;
    position: relative;
}

.doc-modal-only-right {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-text-static-white, #FFF);
}

.doc-modal-only-left-sldier {
    width: 100%;
    height: 100%;

}


.doc-modal-only-left-top {
    width: 100%;
    position: fixed;
    display: flex;
    z-index: 1;
    display: flex;
    height: 56px;
    padding: 0px 8px;
    justify-content: space-between;
    background-color: #000;
    align-items: center;
    flex-shrink: 0;
    top: 0;
}

.doc-modal-lsi {
    height: 100%;
    margin: 0px 10px;
    overflow: hidden;
    position: relative;
}

.doc-modal-only-left-sldier-in {
    display: flex !important;
    align-items: center;
    /* align-items: flex-end; */
    justify-content: center;
    height: 100%;
    margin: auto;
}

.doc-modal-only-left-sldier-in img {
    pointer-events: none;
    max-width: inherit;
    width: 100%;
}

.doc-modal-only-left-sldier .slick-slider {
    height: 100%;
    transition: 0.5s all;
}

.doc-modal-only-left-sldier .slick-list {
    height: 100%
}

.doc-modal-only-left-sldier .slick-track {
    height: 100%
}

.doc-modal-only-left-sldier .slick-track .slick-slide>div {
    height: 100%;
}

.doc-modal-only-left-top-left {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    width: 40%;
}

h5.doc-modal-filename {
    margin: 0px;
    color: var(--color-text-static-white, #FFF);
    font: var(--body-small);
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.doc-modal-icon {
    background: transparent;
    padding: 8px;
    border: none;
    border-radius: 50px;
}

.doc-modal-icon:hover {
    background: var(--color-bg-lightening-tertiary-hovered, rgba(255, 255, 255, 0.10));
}

.doc-modal-icon:active {
    background: var(--color-bg-lightening-tertiary-pressed, rgba(255, 255, 255, 0.20));
}

.doc-modal-only-left-top-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.doc-modal-cont {
    display: flex;
    width: 48px;
    padding: 2px 0px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-x-small, 4px);
    background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.50));
    flex: 1 0 0;
    color: var(--color-text-static-white, #FFF);
    text-align: center;
    font: var(--body-small-bold)
}

.doc-modal-only-left-top-right {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-16, 16px);
    width: 40%;
}

.doc-modal-btn {
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px) var(--spacing-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-4-x-small, 4px);
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white, #FFF);
    color: var(--color-text-static-darkgray, #060D14);
    text-align: center;
    font: var(--body-medium-bold);
}

.doc-modal-btn:hover {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white-pressed);
    color: var(--color-text-static-darkgray) !important;
}

.doc-modal-only-left-sldier button.slick-arrow {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    height: 40px;
    width: 40px;
    z-index: 1;
}

.doc-modal-only-left-sldier button.slick-arrow:hover {
    background: var(--color-bg-lightening-tertiary-hovered, rgba(255, 255, 255, 0.10));
}

.doc-modal-only-left-sldier button.slick-arrow:active {
    background: var(--color-bg-lightening-tertiary-pressed, rgba(255, 255, 255, 0.20));
}

/* .doc-modal-only-left-sldier  button.slick-arrow:hover {
    background: var(--color-bg-lightening-secondary-hovered, rgba(255, 255, 255, 0.30));
}
.doc-modal-only-left-sldier  button.slick-arrow:active {
    background: var(--color-bg-lightening-secondary-pressed, rgba(255, 255, 255, 0.40));
} */
.doc-modal-only-left-sldier .slick-next:after {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.79289%204.29289C8.40237%204.68342%208.40237%205.31658%208.79289%205.70711L15.0858%2012L8.79289%2018.2929C8.40237%2018.6834%208.40237%2019.3166%208.79289%2019.7071C9.18342%2020.0976%209.81658%2020.0976%2010.2071%2019.7071L17.9142%2012L10.2071%204.29289C9.81658%203.90237%209.18342%203.90237%208.79289%204.29289Z'%20fill='white'/%3e%3c/svg%3e");
}

.doc-modal-only-left-sldier .slick-next {
    right: 16px
}

.doc-modal-only-left-sldier .slick-prev:after {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.207%2019.7071C15.5975%2019.3166%2015.5975%2018.6834%2015.207%2018.2929L8.91412%2012L15.207%205.70709C15.5975%205.31657%2015.5975%204.6834%2015.207%204.29288C14.8165%203.90235%2014.1833%203.90235%2013.7928%204.29288L6.08569%2012L13.7928%2019.7071C14.1833%2020.0976%2014.8165%2020.0976%2015.207%2019.7071Z'%20fill='white'/%3e%3c/svg%3e");
}

.doc-modal-only-left-sldier .slick-prev {
    left: 16px
}

.doc-modal-only-left-sldier .slick-arrow:after {
    content: '';
    height: 24px;
    position: absolute;
    width: 24px;
    top: 8px;
    left: 8px;
}

.doc-modal-only-left-sldier .slick-arrow:before {
    display: none !important;
}

.doc-modal-only-left-page {
    padding: 10px 16px 10px 24px;
    gap: 4px;
    align-items: center;
    border-radius: 28px;
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    position: fixed;
    bottom: 16px;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-flex;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
    color: var(--color-text-static-white, #FFF);
    text-align: center;
    font: var(--body-small);
    font-weight: 600;
}

.doc-page-cont {
    display: flex;
    width: 32px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-x-small, 4px);
    background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.50));
}

.doc-page-cont2 {
    width: 25px;
}

.doc-modal-tabs {
    padding: 8px 20px 0px 20px;
    justify-content: space-between;
    width: 100%;
    display: flex;
    padding-top: 8px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.doc-modal-tabs .docs-menu-section li {
    width: 100%;
}

.doc-modal-tabs .docs-menu-section li a {
    width: 100%;
    text-align: center;
}

.doc-modal-icon-btn {
    display: flex;
    padding: 8px 0px;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.doc-modal-icon-btn ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.doc-modal-icon-fill {
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    width: 40px;
    min-width: 40px;
    cursor: pointer;
}

.doc-modal-icon-fill:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.doc-modal-tabs1 {
    width: 100%;
    height: 100%;
}

.doc-modal-icon-box {
    display: flex;
    padding: var(--spacing-16, 16px) var(--spacing-20, 20px);
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.doc-modal-icon-box-photo img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-modal-icon-box-icon img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
}

.doc-modal-icon-box-intup input {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0;
    overflow: hidden;
    color: var(--color-text-neutral-tertiary, #84898F);
    text-overflow: ellipsis;
    font: var(--body-large);
    height: auto;
    padding: 0px;
    background: transparent;
    border-radius: 0px;
}

.doc-modal-icon-box-intup input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font: var(--body-large);
}

.doc-modal-icon-box-intup input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font: var(--body-large);
    opacity: 1;
}

.doc-modal-icon-box-intup input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font: var(--body-large);
    opacity: 1;
}

.doc-modal-icon-box-intup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font: var(--body-large);
}

.doc-modal-icon-box-intup input::-ms-input-placeholder {
    /* Microsoft Edge */
    font: var(--body-large);
}

.doc-modal-icon-box-intup {
    flex: 1;
}

.doc-modal-info-cont-main {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
    overflow: auto;
    height: calc(100vh - 307px);
}

.doc-modal-info-cont-main::-webkit-scrollbar {
    width: 5px;
}

.doc-modal-info-cont-main::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-info-cont-main::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-modal-info-cont {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
}

.doc-modal-info-cont-photo img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-modal-info-cont-detail-head {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    align-self: stretch;
}

.doc-modal-info-cont-detail-head h5 {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-x-small);
    margin: 0px;
}

.doc-modal-info-cont-detail-head h6 {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
    margin: 0px;
}

.doc-modal-info-cont-detail-text {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
}

.doc-modal-info-cont-detail-text a {
    color: var(--color-text-info-strong, #007BE5);
    font: var(--body-medium);
}

.doc-modal-no-data {
    display: flex;
    padding: var(--spacing-48, 48px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-24, 24px);
    flex: 1 0 0;
    align-self: stretch;
    height: calc(100% - 132px);
}

.doc-modal-no-data-text {
    color: var(--color-text-neutral-secondary, #394046);
    text-align: center;
    font: var(--body-small);
    margin: 0px;
}

.doc-modal-tabs2 {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.doc-modal-tabs2::-webkit-scrollbar {
    width: 5px;
}

.doc-modal-tabs2::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-tabs2::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-details-info {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-info-top {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.doc-details-info-top-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.doc-details-info-top-photo {
    display: flex;
    min-width: var(--avatar-large, 48px);
    height: var(--avatar-large, 48px);
    justify-content: center;
    align-items: center;
}

.doc-details-info-top-photo img {
    width: 48px;
    min-width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-details-info-top-info h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-small)
}

.doc-details-info-top-info h6 {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.doc-details-info-bottom {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
}

.sidebar .doc-modal-only-left {
    width: 100%;
}

.sidebar .doc-modal-only-right {
    display: none;
}

.sidebar .doc-modal-only-left-sldier-video {
    padding: 72px 126px;
}

img.ili {
    display: none;
}

.sidebar img.ili {
    display: block;
}

.sidebar img.iri {
    display: none;
}

.hrdtl {
    border-color: #e5e5e5;
    margin: 0px 16px;
}

.doc-details-experience {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-experience-banner {
    position: relative;
    height: 180px;
    width: 100%;
}

.doc-exp-banner-img {
    border-radius: var(--radius-medium, 12px);
    object-fit: cover;
    height: 180px;
    width: 100%;
}

.doc-experiece-label {
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: var(--radius-8, 8px);
    background: var(--color-bg-static-white, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(4, 21, 39, 0.30), 0px 0px 1px 0px rgba(4, 21, 39, 0.40);
    display: inline-flex;
    padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-6, 6px);
    color: var(--color-text-static-darkgray, #060D14);
    font: var(--Regular);
    letter-spacing: -0.3px;
}

.doc-experiece-label b {
    font-weight: 600;
}

.doc-details-experience-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    width: 100%;
}

.doc-details-experience-cont h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-small);
}

.doc-details-experience-cont h6 {
    margin: 0px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-exp-cur {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-details-file-list {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-file-list-box {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    width: 100%;
}

.doc-details-file-list-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
    word-break: break-all;
}

.doc-details-file-list-box-right img {
    min-width: 32px;
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.doc-details-file-list-box-left h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-small);
    font-weight: 500;
}

.doc-details-file-list-box-left h6 {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.doc-modal-only-left-sldier-video {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
    padding: 122px 36px;
}

.doc-modal-only-left-sldier-video video {
    max-width: 100%;
}

.doc-video-list-box {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    gap: 8px;
}

.doc-video-list {
    display: flex;
    padding-right: var(--spacing-24, 0px);
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    border-radius: 10px;
}

.doc-video-list-right {
    display: flex;
    padding: var(--spacing-2, 2px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4, 4px);
    flex: 1 0 0;
}

.doc-video-list-right h4 {
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--title-x-small);
}

.doc-video-list-left img {
    width: 104px;
    min-width: 104px;
    height: 56px;
    border-radius: var(--radius-8, 8px);
    object-fit: cover;
}

.doc-modal-file {
    height: 100%;
    overflow-x: hidden;
    display: grid !important;
}

.doc-modal-file::-webkit-scrollbar {
    /* width: 5px; */
    width: 0px;
}

.doc-modal-file::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-file::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-modal-only-left-file-in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* height: 100%; */
    margin: auto;
}

.doc-modal-only-left-file-in img {
    max-width: inherit;
    width: 100%;
}

.only-file-doc {
    padding-top: 72px;
}

/* Doc Popup End */

.cstm-slider-arrow-only {
    position: absolute;
    z-index: 1;
    top: 50%;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cstm-slider-arrow-only:hover {
    background: var(--color-bg-lightening-secondary-hovered, rgba(255, 255, 255, 0.30));
}

.cstm-slider-arrow-only:active {
    background: var(--color-bg-lightening-secondary-pressed, rgba(255, 255, 255, 0.40));
}


.cstm-modal-slider-left {
    left: 16px;
}

.cstm-modal-slider-right {
    right: 16px;
}body > iframe {
  display: none;
}
.userlist {
  /* Rectangle 26 */
  position: absolute;
  width: 337px;
  height: 957px;
  top: 88px;
  float: left;
  display: inline-block;
  margin-right: 0;
  margin-left: auto;
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 4px 16px rgba(154, 154, 154, 0.25);
  border-radius: 5px 5px 10px 10px;
}

.minichatwindow {
  /* Rectangle 39 */
  padding: 10px;
  position: relative;
  width: 320px;
  height: 420px;
  top: 592px;
  display: inline;
  float: right;
  margin-right: auto;
  background: #ffffff;
  box-shadow: 0px -8px 20px rgba(115, 115, 115, 0.1);
  border-radius: 15px;
}

.ellipse {
  /* Ellipse 18 */
  display: inline;
  position: relative;
  width: -webkit-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: fit-content !important;
  border-radius: 30px !important;
  top: 700px;
  padding: 0%;
  float: right;
  margin-right: auto;
  margin-left: auto;
}
.ellipseimg {
  width: 30px !important ;
  height: 30px !important;
}

.search-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9999; /*this will keep the icon appearing all time, even when on input::focus*/
}

.inputfield {
  /* Rectangle 36 */
  border-radius: 10px 10px 10px 10px;
}

.chatheaddiv {
  display: flex;
  flex-direction: column;
  z-index: 9999;
  position: relative;
  min-height: 1px;
  width: 53px;
}

.sendMessageButton {
  /* Rectangle 1633 */
  position: absolute;
  width: 40px;
  height: 40px;

  /* Bright Navy Blue */
  background: #1372d1;
  border-radius: 10px;
}
.sendMessageButton img {
  align: "center";
}
.dynamic-header-logo img {
    max-height: 40px;
    width: 100%;
    max-width: 110px;
    object-fit: contain;
}

.admin-header-user {
    display: flex;
    align-items: center;
    position: relative;
}

.admin-profile-dropdown {
    position: absolute;
    top: 100%;
    margin-top: var(--spacing-8);
    width: 100%;
    min-width: 304px;
    max-width: 304px;
    max-height: 80vh;
    right: -8px;
    box-shadow: var(--shadow-small);
    border-radius: var(--radius-8);
    border: 0;

    z-index: 99;
    background-color: var(--color-bg-elevated);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    overflow: auto;
}

.admin-profile-dropdown.show {
    opacity: 1;
    visibility: visible;
}

.admin-profile-dropdown .admin-profile-detail {
    padding: var(--spacing-16);
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
}

.admin-profile-dropdown .admin-profile-detail .admin-details {
    min-height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.admin-profile-dropdown .admin-profile-detail .admin-details .admin-title {
    font: var(--body-small);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
}

.admin-profile-dropdown .admin-profile-detail .admin-details .admin-email {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
}

.admin-profile-dropdown .dropdown-menu-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    padding: var(--spacing-12) 0;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    padding: var(--spacing-8) var(--spacing-16);
    font: var(--body-small);
    color: var(--color-text-neutral-strong, #060D14);
    transition: all .5s ease;
    cursor: pointer;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item svg {
    flex-shrink: 0;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item:hover {
    background: var(--color-bg-neutral-tertiary-hovered);
    color: var(--color-text-neutral-strong-hovered);
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item.active {
    background: var(--color-bg-neutral-secondary);
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item:focus {
    background: var(--color-bg-neutral-tertiary-pressed);
    color: var(--color-text-neutral-strong-pressed);
    outline: none;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item .dropdown-menu-item-text {
    font: var(--body-small);
    color: var(--color-text-neutral-strong);
    padding: var(--spacing-2) 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.admin-profile-dropdown .dropdown-menu-group-link {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8) var(--spacing-16);
    align-items: center;
    padding: var(--spacing-4) var(--spacing-16) var(--spacing-8);
}

.admin-profile-dropdown .dropdown-menu-group-link .link-text {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-underline-offset: 3px;
}

.admin-profile-dropdown .communities-back-header {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: var(--spacing-8);
    gap: var(--spacing-4);
}

.admin-profile-dropdown .communities-back-header .communities-back-title {
    font: var(--body-large);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-profile-dropdown .communitie-menu-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
}

.admin-profile-dropdown .communitie-menu-item .communitie-img {
    flex-shrink: 0;
}

.admin-profile-dropdown .communitie-menu-item .communitie-info {
    margin-right: auto;
}

.admin-profile-dropdown .communitie-menu-item .communitie-info .communitie-info-name {
    font: var(--body-small);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
}

.admin-profile-dropdown .communitie-menu-item .communitie-info .communitie-info-type {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
    text-transform: capitalize;
}

.custom-overlay.admin-profile-dropdown-overlay {
    position: fixed;
    z-index: 1;
    background-color: transparent;
}.badges-neutral.medium,
.badges-neutral.medium,
.badges-neutral.medium,
.badges-danger.medium {
  display: inline-block;
  max-height: 20px;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: var(--AvatarSizeMedium, 50px);
  text-align: center;
  font: var(--body-x-small-bold);
  line-height: 16px;
}

.badges-danger.medium {
  background: var(--color-bg-accent-pink);
  color: var(--color-text-inverse, #fff);
}

.badges-neutral.medium {
  background: var(--color-bg-inverse-neutral);
  color: var(--color-text-inverse, #fff);
}

.badges-neutral.large,
.badges-danger.large {
  min-width: 24px;
  max-height: 24px;
  padding: 2px 8px;
  display: inline-block;
  border-radius: var(--AvatarSizeMedium, 40px);
  text-align: center;
  font: var(--body-x-small-bold);
  line-height: 20px;
}

.badges-neutral.large {
  background: var(--color-bg-inverse-neutral);
  color: var(--color-text-inverse, #fff);
}

.badges-danger.large {
  background: var(--color-bg-accent-pink);
  color: var(--color-text-inverse, #fff);
}

.filter-button .badges-danger,
.filter-button .badges-neutral {
  position: absolute;
  right: -2px;
  top: -2px;
}

/* Start badge-status css */
.status-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font: var(--link-small);
  text-transform: capitalize;
}

.status-badge:hover {
  box-shadow: 0px 1px 2px 0px rgba(4, 21, 39, 0.3),
    0px 0px 1px 0px rgba(4, 21, 39, 0.4);
  cursor: pointer;
}

.status-medium {
  padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
}

.status-small {
  padding: 0px var(--spacing-4, 4px);
  border-radius: var(--radius-x-small, 4px) !important;
}

.status-radius-small {
  border-radius: var(--radius-small, 8px);
}

.status-radius-full {
  border-radius: var(--radius-full, 120px);
}

.status-badge.accent-yellow {
  background: var(--color-bg-accent-yellow, #ffd71d);
  color: var(--color-text-static-darkgray, #060d14);
}

.status-badge.danger {
  background: var(--color-bg-danger-strong, #f1343d);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.warning {
  background: var(--color-bg-warning-strong, #fac505);
  color: var(--color-text-static-darkgray, #060d14);
}

.status-badge.success {
  background: var(--color-bg-success-strong, #14ae5c);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.success {
  background: var(--color-bg-success-strong, #14ae5c);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.accent-pink {
  background: var(--color-bg-accent-pink, #f73558);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.brand {
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.neutral {
  background: var(--color-bg-neutral-strong);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.blackout {
  background: var(--black-600, rgba(13, 13, 13, 0.6));
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.white {
  background: var(--color-bg-static-white, #fff);
  color: var(--color-text-static-darkgray, #060d14);
}

/* End badge-status css */

.online-status {
  border-radius: 50px;
}

.online {
  background-color: var(--color-bg-success-strong, #14ae5c);
}

.offline {
  background-color: #dadde0;
}

.online-status.small {
  width: 10px;
  height: 10px;
  border: 2px solid var(--color-bg-static-white, #fff);
}

.online-status.medium {
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-bg-static-white, #fff);
}

.online-status.large {
  width: 18px;
  height: 18px;
  border: 3px solid var(--color-bg-static-white, #fff);
}

.badge-notification-point {
  background: var(--color-bg-accent-pink, #f73558);
  width: 12px;
  height: 12px;
  border-radius: 50px;
  display: flex;
  border: 2px solid var(--color-bg-static-white);
}

/* Start Badge css */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
  color: var(--color-text-neutral-strong);
  padding: calc(var(--spacing-4) - var(--border-width)) calc(var(--spacing-8) - var(--border-width));
}

.badge.badge-rounded {
  border-radius: var(--radius-full);
}

.badge svg {
  height: 16px;
  width: auto;
  fill: currentColor;
}

.badge svg path {
  fill: inherit;
}

.badge.contained {
  --border-width: 0px
}

.badge.outline {
  --border-width: 1px;
  border: var(--border-width) solid var(--color-border-neutral-secondary);
}

.badge.medium {
  font: var(--body-small);
  border-radius: var(--radius-8);
}

.badge.small {
  font: var(--body-2x-small);
  border-radius: var(--radius-6);
}

.badge.small.badge-strong,
.badge.medium.badge-strong {
  font-weight: 600;
}

.badge.brand:is(.contained) {
  background-color: var(--color-bg-brand-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.neutral:is(.contained) {
  background-color: var(--color-bg-neutral-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.white:is(.contained) {
  background-color: var(--color-bg-static-white);
  color: var(--color-text-static-black);
}

.badge.info:is(.contained) {
  background-color: var(--color-bg-info-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.success:is(.contained) {
  background-color: var(--color-bg-success-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.accent-yellow:is(.contained) {
  background-color: var(--color-bg-accent-yellow-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.warning:is(.contained) {
  background-color: var(--color-bg-warning-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.danger:is(.contained) {
  background-color: var(--color-bg-danger-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.blackout:is(.contained) {
  background-color: var(--color-bg-blackout-secondary);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.disabled:is(.contained) {
  background-color: var(--color-bg-disabled-secondary);
  color: var(--color-text-disabled-onsecondary);
}

/* Strong badge */
.badge.badge-strong.brand:is(.contained) {
  background-color: var(--color-bg-brand-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.neutral:is(.contained) {
  background-color: var(--color-bg-neutral-strong);
  color: var(--color-text-static-white);
}

.badge.badge-strong.white:is(.contained) {
  background-color: var(--color-bg-static-white);
  color: var(--color-text-static-black);
  box-shadow: var(--shadow-x-small);
}

.badge.badge-strong.info:is(.contained) {
  background-color: var(--color-bg-info-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.success:is(.contained) {
  background-color: var(--color-bg-success-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.accent-yellow:is(.contained) {
  background-color: var(--color-bg-accent-yellow);
  color: var(--color-text-static-black);
}

.badge.badge-strong.warning:is(.contained) {
  background-color: var(--color-bg-warning-strong);
  color: var(--color-text-static-black);
}

.badge.badge-strong.danger:is(.contained) {
  background-color: var(--color-bg-danger-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.blackout:is(.contained) {
  background-color: var(--color-bg-blackout-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.disabled:is(.contained) {
  background-color: var(--color-bg-disabled-strong);
  color: var(--color-text-disabled-onstrong);
}

/* End Badge css */.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  font: var(--body-medium);
  font-weight: 600;
}

.button.button-carousel:not(.button-visible) {
  opacity: 0;
  visibility: hidden;
}

.button-text {
  padding: 0 var(--spacing-4);
}

.button:focus-visible::before {
  content: '';
  display: block;
  position: absolute;
  inset: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  outline: 2px solid #000;
  border-radius: 555px;
}

.button:focus-visible {
  position: relative;
}

/* =========== Size ================= */
/* Large Button */
.button.large {
  padding: calc(var(--border-spacing-16, 16px) - var(--border-width)) calc(var(--border-spacing-24, 24px) - var(--border-width));
  gap: var(--spacing-8);
}

.button.large.icon-only {
  padding: var(--spacing-16);
}

/* medium Button */
.button.medium {
  padding: calc(var(--border-spacing-12, 12px) - var(--border-width)) calc(var(--border-spacing-16, 16px) - var(--border-width));
  gap: var(--spacing-6);
}

.button.medium.icon-only {
  padding: var(--border-spacing-12);
}

/* small */
.button.small {
  font: var(--body-small);
  font-weight: 600;
  padding: calc(var(--border-spacing-8, 8px) - var(--border-width)) calc(var(--border-spacing-12, 12px) - var(--border-width));
  gap: var(--spacing-4);
  line-height: 24px;
}

.button.small.icon-only {
  padding: var(--spacing-8);
}

/* extrasmall */
.button.extrasmall {
  padding: var(--spacing-6) var(--spacing-12);
  gap: var(--spacing-4);
}

.button.extrasmall.icon-only {
  padding: var(--spacing-6);
}

/* ================= Varient ================= */

/* Primary */
.button.primary {
  --border-width: 0px;
  background: var(--color-bg-brand-strong);
  color: var(--color-text-brand-onstrong);
}

.button.primary svg path {
  fill: var(--color-icon-brand-onstrong);
}

.button.primary:hover {
  background: var(--color-bg-brand-strong-hovered);
}

.button.primary:active {
  background: var(--color-bg-brand-strong-pressed);
}

.button.primary:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.primary:disabled svg path {
  fill: var(--color-icon-disabled-onstrong);
}

/* secondary */
.button.secondary {
  --border-width : var(--border-width-1);
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong);
  background: var(--color-text-brand-onstrong);
}

.button.secondary svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.secondary:hover {
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong-hovered);
}

.button.secondary:active {
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong-pressed);
}

.button.secondary:disabled {
  pointer-events: none;
  border: 1px solid var(--color-border-disabled-strong);
  color: var(--color-text-disabled-onstrong);
}

.button.secondary:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tertiary */
.button.ghost {
  --border-width : 0px;
  background: var(--color-bg-neutral-tertiary);
  color: var(--color-text-neutral-strong);
}

.button.ghost svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.ghost:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.button.ghost:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.button.ghost:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.disabled-ghost:disabled {
  background: none !important;
  pointer-events: none;
}

.button.ghost:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tonal */
.button.tonal {
  --border-width : 0px;
  background: var(--color-bg-neutral-secondary);
  color: var(--color-text-neutral-strong);
}

.button.tonal svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.tonal:hover {
  background: var(--color-bg-neutral-secondary-hovered);
}

.button.tonal:active {
  background: var(--color-bg-neutral-secondary-pressed);
}

.button.tonal:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.tonal:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tonal-blackout */
.button.tonal-blackout {
  --border-width : 0px;
  background: var(--color-bg-blackout-strong);
  color: var(--color-text-static-white);
}

.button.tonal-blackout svg path {
  fill: var(--color-text-static-white);
}

.button.tonal-blackout:hover {
  background: var(--color-bg-blackout-strong-hovered);
}

.button.tonal-blackout:active {
  background: var(--color-bg-blackout-strong-pressed);
}

.button.tonal-blackout:disabled {
  background: var(--color-bg-blackout-secondary) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.tonal-blackout:disabled .button-text{
  opacity: 0.5;
}
.button.tonal-blackout:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
  opacity: 0.5;
}

/* static-white */
.button.static-white {
  --border-width : 0px;
  background: var(--color-bg-static-white);
  color: var(--color-text-static-darkgray);
}

.button.static-white svg path {
  fill: var(--color-icon-static-darkgray);
}

.button.static-white:hover {
  background: var(--color-bg-static-white-hovered);
}

.button.static-white:active {
  background: var(--color-bg-static-white-pressed);
}

.button.static-white:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.static-white:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* soft-white */

.button.ghost-white {
  --border-width : 0px;
  background: var(--color-bg-lightening-tertiary);
  color: var(--color-text-static-white);
}

.button.ghost-white svg path {
  fill: var(--color-icon-static-white);
}

.button.ghost-white:hover {
  background: var(--color-bg-lightening-tertiary-hovered);
}

.button.ghost-white:active {
  background: var(--color-bg-lightening-tertiary-pressed);
}

.button.ghost-white:disabled {
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.ghost-white:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* Danger */
.button.danger {
  --border-width : 0px;
  background: var(--color-bg-danger-strong);
  color: var(--color-text-brand-onstrong);
}

.button.danger:disabled svg path {
  fill: var(--color-icon-brand-onstrong);
}

.button.danger:hover {
  background: var(--color-bg-danger-strong-hovered);
}

.button.danger:active {
  background: var(--color-bg-danger-strong-pressed);
}

.button.danger:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.danger:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}


/* Button Tooltip(New) */

button[data-title]:hover::before {
  opacity: 0;
}

button.ghost[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
  flex-direction: column;
  align-items: center;
  border-radius: var(--radius-small, 8px);
  background: var(--gray-800, #394046);
  color: var(--color-text-static-white, #FFF);
  text-align: center;
  font: var(--body-x-small);
  width: max-content;
  box-sizing: border-box;
  opacity: 1;
  z-index: 10;
}

button.ghost.tool-tip-botom[data-title]:hover::before {
  top: 100%;
  margin-top: 4px;
}

button.ghost.tool-tip-top[data-title]:hover::before {
  bottom: 100%;
  margin-bottom: 4px;
}

/* Button Carousel */
.button-carousel {
  --border-width: 0px;
  width: 36px;
  height: 36px;
  background-color: var(--color-bg-static-white);
  border-radius: var(--radius-full);
  border: var(--border-width) solid var(--color-border-neutral-tertiary);
  box-shadow: var(--shadow-medium);
  padding: calc(var(--spacing-8) - var(--border-width));
}
.button-carousel.outline {
  --border-width: 1px;
}
.button-carousel:hover {
  border-color: var(--color-border-neutral-tertiary-hovered);
  background-color: var(--color-bg-static-white-hovered);
}
.button-carousel:active {
  border-color: var(--color-border-neutral-tertiary-pressed);
  background-color: var(--color-bg-static-white-pressed);
}
.button-carousel:focus-visible {
  border-color: transparent;
  background-color: var(--color-bg-static-white);
}.spinners.white2 {
    border-color: var(--color-bg-lightening-secondary-pressed);
    border-style: solid;
    border-top-color: var(--color-bg-static-white);
    border-radius: 50px;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

.spinners.brand {
    border-color: var(--color-bg-neutral-secondary-pressed);
    border-style: solid;
    border-top-color: var(--color-bg-brand-strong);
    border-radius: 30px;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.spinners.wh-16 {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

.spinners.wh-20 {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

.spinners.wh-24 {
    width: 24px;
    height: 24px;
    border-width: 2px;
}

.spinners.wh-32 {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

.spinners.wh-40 {
    width: 40px;
    height: 40px;
    border-width: 3px;
}

.spinners.wh-48 {
    width: 48px;
    height: 48px;
    border-width: 3px;
}/* Avtar size */
.avtar-60 {
  width: 60px;
  height: 60px;
  min-width: 60px; 
}

.avtar-48 {
  width: var(--spacing-48);
  height: var(--spacing-48);
  min-width: 48px;
}

.avtar-40 {
  width: var(--spacing-40);
  height: var(--spacing-40);
  min-width: 40px;
}

.avtar-32 {
  width: var(--spacing-32);
  height: var(--spacing-32);
  min-width: 32px;
}

.avtar-24 {
  width: var(--spacing-24);
  height: var(--spacing-24);
  min-width: 24px;
}

.avtar-16 {
  width: var(--spacing-16);
  height: var(--spacing-16);
  min-width: 16px;
}

/* Avtar rounded */
.avtar-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-inverse-neutral);
}

.rounded .avtar-wrapper {
  border-radius: var(--radius-full) !important;
}

.avtar-60 .avtar-wrapper,
.avtar-48 .avtar-wrapper {
  border-radius: var(--radius-12);
}

.avtar-40 .avtar-wrapper,
.avtar-32 .avtar-wrapper {
  border-radius: var(--radius-8);
}

.avtar-24 .avtar-wrapper,
.avtar-16 .avtar-wrapper {
  border-radius: var(--radius-4);
}

/* Avtar type "Image" */

.avtar-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Avatar type "Icon" */

.avtar-wrapper.avtar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.avtar-60 .avtar-icon svg {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-48 .avtar-icon svg,
.avtar-40 .avtar-icon svg {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-32 .avtar-icon svg {
  width: var(--spacing-20);
  height: var(--spacing-20);
}

.avtar-24 .avtar-icon svg {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

.avtar-16 .avtar-icon svg {
  width: var(--spacing-12);
  height: var(--spacing-12);
}

/* Avatar type "Letter" */
.avtar-wrapper.avtar-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-inverse);
  text-align: center;
  text-transform: uppercase;
}

.avtar-60 .avtar-letter,
.avtar-48 .avtar-letter {
  font: var(--body-2x-large-bold);
}

.avtar-40 .avtar-letter {
  font: var(--body-x-large-bold);
}

.avtar-32 .avtar-letter {
  font: var(--body-medium-bold);
}

.avtar-24 .avtar-letter {
  font: var(--body-small-bold);
}

.avtar-16 .avtar-letter {
  text-align: center;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

/* Avtar type "Logo" */

.avtar-wrapper.avtar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-neutral-secondary);
}

.avtar-60 .avtar-logo img,
.avtar-48 .avtar-logo img,
.avtar-40 .avtar-logo img {
  width: var(--spacing-40);
  height: var(--spacing-40);
}

.avtar-32 .avtar-logo img {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-24 .avtar-logo img {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-16 .avtar-logo img {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

/* Avtar type "MDS LOGO" */
.avtar-60 .avtar-mds svg {
  width: 60px;
  height: 60px;
}

.avtar-48 .avtar-mds svg {
  width: var(--spacing-48);
  height: var(--spacing-48);
}

.avtar-40 .avtar-mds svg {
  width: var(--spacing-40);
  height: var(--spacing-40);
}

.avtar-32 .avtar-mds svg {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-24 .avtar-mds svg {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-16 .avtar-mds svg {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

/* Avtar Badge positions */
.avtar-badge {
  position: absolute;
}

/* Badge postion while Roundted= True */
.rounded.avtar-60 .avtar-badge {
  bottom: -1px;
  right: -1px;
}

.rounded.avtar-48 .avtar-badge {
  bottom: 0px;
  right: 0px;
}

.rounded.avtar-40 .avtar-badge,
.rounded.avtar-32 .avtar-badge {
  bottom: -2px;
  right: -2px;
}

.rounded.avtar-24 .avtar-badge {
  bottom: -3px;
  right: -3px;
}

/* Badge postion while Roundted= False */
.avtar-60 .avtar-badge {
  bottom: -6px;
  right: -6px;
}

.avtar-48 .avtar-badge,
.avtar-40 .avtar-badge,
.avtar-32 .avtar-badge,
.avtar-24 .avtar-badge {
  bottom: -4px;
  right: -4px;
}.notification-card {
    display: flex;
    width: 100%;
    padding: var(--spacing-16, 16px) var(--spacing-20, 20px);
    flex-direction: column;
    align-items: flex-start;
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.notification-card:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.notification-card:active {
    background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5);
}

.notification-card-badge {
    top: 8px;
    left: 12px;
    position: absolute;
}

.notification-card-body {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-8, 8px);
    align-self: stretch;
}

.notification-card-body-container {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
}

.notification-card-body-thumbnail {
    display: flex;
    width: 96px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-4, 4px);
}

.notification-card-body-thumbnail img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius-4, 4px);
}

.notification-card-body-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    opacity: 0;
}
/* .notification-card-body-btn button { 
    display: none;
}
.notification-card:hover .notification-card-body-btn button {
    display: block;
} */

.notification-card:hover .notification-card-body-btn {
    opacity: 1;
}

.notification-card-body-container-avtar {
    display: flex;
    width: var(--AvatarSizeSmall, 32px);
    height: var(--AvatarSizeSmall, 32px);
    justify-content: center;
    align-items: center;
}

.notification-card-body-container-text {
    display: flex;
    padding-right: var(--spacing-12, 12px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}

.notification-card-body-container-text-sub {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-2, 2px);
    align-self: stretch;
}

.notification-card-body-container-text-sub h6 {
    font: var(--body-small);
    color: #060D14 !important;
}

.notification-card-body-container-text-subtitle {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.notification-card-body-container-text-date {
    display: flex;
    /* padding: var(--spacing-4, 4px) 0px; */
    padding-top: var(--spacing-4, 4px);
    justify-content: center;
    align-items: flex-start;
    color: var(--color-text-neutral-tertiary, #84898F);
    font: var(--body-x-small);
}

.notification-card-body-btn .dropdown-list {
    right: 24px;
    top: 56px;
}
h1 {
  font: var(--title-x-large);
  letter-spacing: -0.48px;
  margin: 0px;
}
h2:not(.MuiTypography-root, .epr-emoji-category-label) {
  font: var(--title-large);
  letter-spacing: -0.36px;
  margin: 0px;
}
h3 {
  font: var(--title-medium);
  /* line height changed on 21-05-2024 */
  letter-spacing: -0.26px;
  margin: 0px;
}
h4 {
  font: var(--title-small);
  margin: 0px;
}
h5 {
  font: var(--title-x-small);
  margin: 0px;
}
h6 {
  font: var(--title-2x-small);
  margin: 0px;
}
p {
  font: var(--body-large);
  margin: 0px;
  word-break: break-word;
}.dropdown-active {
  background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5)!important;
}
.dropdown-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 420px;
  z-index: 2;
}


.dropdown-list li {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li.suggetion-list {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 0px;
  align-items: center;
  padding-right: var(--spacing-16, 16px);
  gap: 0;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li .dropdown-list-item-warpper {
  display: flex;
  align-items: center;
  gap: var(--spacing-12, 12px);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  width: 100%;
}

.dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.dropdown-list li:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.dropdown-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.dropdown-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -webkit-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
}

.dropdown-label:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.dropdown-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.dropdown-label b {
  font-weight: 700;
}


.dropdown-list.large {
  min-width: 400px;
}

.dropdown-list.medium {
  min-width: 296px;
}

.dropdown-list.small {
  min-width: 160px;
}


.doc-suggestion-dropdown-list {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}

.doc-suggestion-dropdown-list h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  word-break: break-all;
}


.doc-suggestion-dropdown-list h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  word-break: break-all;
}

.dropdown-list li.empty-list-item {
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.error-item-li {
  color: var(--color-text-danger-strong);
}

@media screen and (max-width: 767px) {
  .dropdown-list.large {
    min-width: 100%;
  }
}
.empty-state {
  display: flex;
  width: 100%;
  max-width: 648px;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  margin: auto;
}
.empty-state-icon {
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.empty-state-icon img {
  height: 120px;
  width: 120px;
  object-fit: cover;
}
.empty-state-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.empty-state-info-title {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}
.empty-state-info-p {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  margin: 0px;
  font: var(--body-small);
}

.empty-emoji-state .empty-state-info .empty-state-info-title:empty {
  display: none;
}
.empty-emoji-state .empty-state-icon {
  height: auto;
}
.empty-emoji-state .empty-state-icon .emoji-img {
  width: 96px;
  height: 96px;
}
.notifications {
    display: flex;
    max-width: 480px;
    width: 100%;
    flex-direction: column;
    border-radius: var(--radius-8, 8px);
    background: var(--color-bg-elevated, #FFF);
    box-shadow: var(--shadow-small);
    height: calc(100vh - 76px);
    position: fixed;
    right: 24px;
    top: 52px;
}
.notifications-heading {
    display: flex;
    padding: 8px 12px 8px var(--spacing-20, 20px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: relative;
}
.notifications-heading .dropdown-list {
    right: 12px; 
    top: 50px;  
}
.notifications-in-body {
    display: flex;
    padding: var(--spacing-12, 12px) 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    height: 100%; 
}

.notifications hr {
    z-index: 1;
}
.notifications-in-emptystate {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}

.notification-card-body-list-loading {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 10px 20px;
}
.notification-card-body-list-in-loading {
    height: 42px;
    width: 100%;
    border-radius: 8px;
}
/* .notification-card-body-container-text-sub h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}   */.onebutton-btn-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: var(--spacing-16, 16px);
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.twobuttons-btn-footer {
  --border-width: var(--border-width-1);
  margin-top: calc(var(--border-width)*-1);
  display: flex;
  width: 100%;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  border-top: var(--border-width) solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.fluidbutton-btn-footer {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16, 16px);
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.fluidbutton-btn-footer button {
  width: 100%;
}

.fluidbutton-p {
  display: flex;
  padding: 0px var(--spacing-16, 16px);
  gap: 10px;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  text-align: center;
  font: var(--body-medium);
  justify-content: center;
}

.fluidbutton-p a {
  color: var(--color-text-brand-strong, #0b42cf);
  font-weight: 700;
  cursor: pointer;
}
.model-header-popup {
  --border-width: var(--border-width-1);
  display: flex;
  width: 100%;
  padding: var(--spacing-12, 12px) var(--spacing-12) calc(var(--spacing-12) - var(--border-width));
  align-items: center;
  gap: var(--spacing-16, 16px);
  border-bottom: var(--border-width) solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  border-radius: 12px 12px 0px 0px;
}

.model-header-content {
  padding: 0px var(--spacing-12);
}

.model-header-popup h4 {
  color: var(--color-text-static-darkgray);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.model-counts {
  gap: var(--spacing-2);
}

.model-header-popup span {
  font: var(--body-x-small);
  color: var(--color-text-neutral-tertiary);
}.model-popup-main {
  background: var(--color-bg-blackout-secondary);
  display: flex;
  width: 100%;
  height: 100%;
  padding: var(--spacing-40, 40px) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
}
.model-popup-main.modal-direction-right {
  align-items: flex-end;
  padding: 0;

}
.model-popup-main.modal-direction-right .model-popup {
  min-height: 100%;
  border-radius: 0;
  position: relative;
}

.model-popup-main.overlay {
  background: unset;
}
.model-popup-main.overlay .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-blackout-secondary);
  z-index: 0;
}

.model-popup {
  border-radius: var(--radius-12, 12px);
  background: var(--color-bg-elevated);
  box-shadow: var(--shadow-small);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 720px;
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.popup-size-480 {
  max-width: 480px;
  width: 100%;
}

.popup-size-648 {
  max-width: 648px;
  width: 100%;
}

.popup-size-880 {
  max-width: 880px;
  width: 100%;
}

.popup-size-1200 {
  max-width: 1200px;
  width: 100%;
}

.fadein {
  opacity: 1;
  transition: all 0.3s ease-in;
  visibility: visible;
}

.fadeout {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
  visibility: hidden;
}

@media (max-height: 768px) {
  .model-popup {
    max-height: 100%;
  }
}
.text-field-main {
    display: flex;
    max-width: 269px;
    width: 100%;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.label-text {
    font: var(--body-small);
    font-weight: 600;
}

.text-field {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-16, 16px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-12, 12px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    color: var(--color-text-neutral-strong);
}

.text-field.field-icon {
    padding-right: 52px;
}

.text-field::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    opacity: 1;
    font: 'inherit';
    letter-spacing: -0.6px;
}

.text-field::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    letter-spacing: -0.6px;
    font: inherit;
}

.text-field:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field:active {
    border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field:focus {
    border: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-box {
    position: relative;
}

.text-field-box .input-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.helper-text-field {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.text-field-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.text-field.radius {
    border-radius: var(--radius-full, 120px) !important;
}

.text-field-error-border {
    border: 1px solid var(--color-border-danger-strong, #DB1D26) !important;
}

.text-field-search {
    border-radius: var(--radius-small, 8px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-8, 8px) var(--spacing-48, 48px) var(--spacing-8, 8px) var(--spacing-48, 48px);
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    background-color: var(--bg-screen-strong);
}

.text-field-search::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
    opacity: 1;
}

.text-field-search::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
}

.text-field-search:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field-search:active {
    border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible:focus,
.text-field-search-main.tonal-search-field .text-field-search:focus-visible,
.text-field-search:focus {
    border: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-search-main {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.text-field-search-main.tonal-search-field .text-field-search {
    background-color: var(--color-bg-neutral-secondary);
    border-color: var(--color-bg-neutral-secondary);
}
.text-field-search-main.tonal-search-field .text-field-search:hover {
    background-color: var(--color-bg-neutral-secondary-hovered);
    border-color: var(--color-bg-neutral-secondary-hovered);
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible:focus,
.text-field-search-main.tonal-search-field .text-field-search:focus-visible {
    background-color: transparent;
    /* border-color: transparent; */
}

.text-field-search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.text-field-cancel-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.text-field-search.radius {
    border-radius: var(--radius-full, 120px) !important;
}.text-field-main {
    display: flex;
    max-width: 269px;
    width: 100%;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.text-field {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-16, 16px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-12, 12px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    color: var(--color-text-neutral-strong);
}

.text-field.field-icon {
    padding-right: 52px;
}

.text-field::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    opacity: 1;
    font: 'inherit';
    letter-spacing: -0.6px;
}

.text-field::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    letter-spacing: -0.6px;
    font: inherit;
}

.text-field:hover {
    border: var(--border-width) solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field:active {
    border: var(--border-width) solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field:focus {
    border: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-box {
    position: relative;
}

.text-field-box .input-icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.helper-text-field {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.text-field-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.text-field.radius {
    border-radius: var(--radius-full, 120px) !important;
}

.text-field-error-border {
    border: var(--border-width) solid var(--color-border-danger-strong, #DB1D26) !important;
}

.text-field-search {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-48, 48px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width)) calc(var(--spacing-48, 48px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    background-color: var(--bg-screen-strong);
}

.text-field-search::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
    opacity: 1;
}

.text-field-search::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
}

.text-field-search:hover {
    border: var(--border-width) solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field-search:active {
    border: var(--border-width) solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field-search:focus {
    border: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-search-main {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.text-field-search-main.tonal-search-field .text-field-search {
    background-color: var(--color-bg-neutral-secondary);
    border-color: var(--color-bg-neutral-secondary);
}
.text-field-search-main.tonal-search-field .text-field-search:hover {
    background-color: var(--color-bg-neutral-secondary-hovered);
    border-color: var(--color-bg-neutral-secondary-hovered);
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible {
    background-color: transparent;
    border-color: transparent;
}

.text-field-search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.text-field-cancel-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.text-field-search.radius {
    border-radius: var(--radius-full, 120px) !important;
}.dropdown-active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5) !important;
}
.dropdown-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 420px;
  z-index: 2;
}

.dropdown-list li {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li.suggetion-list {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 0px;
  align-items: center;
  padding-right: var(--spacing-16, 16px);
  gap: 0;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li .dropdown-list-item-warpper {
  display: flex;
  align-items: center;
  gap: var(--spacing-12, 12px);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  width: 100%;
}

.dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.dropdown-list li:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.dropdown-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.dropdown-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -webkit-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
}

.dropdown-label:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.dropdown-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.dropdown-label b {
  font-weight: 700;
}

.dropdown-list.large {
  min-width: 400px;
}

.dropdown-list.medium {
  min-width: 296px;
}

.dropdown-list.small {
  min-width: 160px;
}

.doc-suggestion-dropdown-list {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}

.doc-suggestion-dropdown-list h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  word-break: break-all;
}

.doc-suggestion-dropdown-list h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  word-break: break-all;
}

.dropdown-list li.empty-list-item {
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.error-item-li {
  color: var(--color-text-danger-strong);
}

@media screen and (max-width: 767px) {
  .dropdown-list.large {
    min-width: 100%;
  }
}hr {
    background: var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
    height: 1px;
    border: none;
    margin: 0px;
    width: 100%;
    opacity: 1!important;
}.sidebar-main-in {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cstn-cl-arrow {
  position: absolute;
  right: 12px;
}

.cstn-cl-arrow .mds-icons {
  display: block !important;
}

.sidebar-main {
  width: 248px;
  position: fixed;
  overflow: auto;
  top: inherit;
  height: calc(100vh - 56px);
  background: var(--color-bg-static-white);
  z-index: 3;
  display: flex;
  /* height: 100%; */
  justify-content: space-between;
  flex-direction: column;
}

.sidebar-footer hr {
  margin: 0px !important;
}

#wrapper {
  overflow: hidden;
  transition: height 0.5s;
}

.sidebar-main::-webkit-scrollbar {
  width: 6px;
}

.sidebar-main::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary);
}

.sidebar-main::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary);
  border-radius: 10px;
}

.sidebar-main:hover::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.sidebar-main-ul {
  margin: 0px;
  padding: 12px;
  list-style: none;
}

.sidebar-link {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px) var(--spacing-space-small, 12px);
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  position: relative;
  font: var(--body-small);
  background: var(--color-bg-neutral-tertiary);
  color: var(--color-text-neutral-strong) !important;
  transition: 0.1s all;
}

.sidebar-link:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
  transition: all 0.1s ease-in-out;
}

.hovered {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.sidebar-link:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

/* Navbar is active */
.sidebar-link.active {
  background: var(--color-bg-neutral-secondary);
  transition: 0.3s all;
}

.sidebar-link.active:hover {
  background: var(--color-bg-neutral-secondary-hovered);
}

.sidebar-link.active:active {
  background: var(--color-bg-neutral-secondary-pressed);
}

.sidebar-link .mds-icons svg {
  fill: var(--color-icon-neutral-strong);
}

.sidebar-link.active .mds-icons {
  display: none;
}

.sidebar-link .mds-icons.filled {
  display: none;
}

.sidebar-link.active .mds-icons.filled {
  display: block;
}

.sidebar-label-name {
  margin-right: 4px;
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.sidebar-link.active .sidebar-label-name {
  font-weight: 600;
}

.sidebar-icon-active {
  display: none;
}

.sidebar-icon-img {
  margin-right: 24px;
  position: relative;
}

.sidebar-icon-img span.badge-notification-point {
  position: absolute;
  right: -3px;
}

.sidebar-line {
  margin: 0px 24px;
  background: var(--color-border-neutral-tertiary);
  height: 1px;
  border: 0px;
  width: auto;
}

.sidebar-title {
  color: var(--color-text-neutral-strong, #060D14);
  font: var(--title-x-small);
  margin: 4px 12px 8px;
}

.sidebar-on-off {
  width: 6px;
  height: 6px;
  display: block;
  background: var(--color-bg-accent-pink);
  border-radius: 50px;
  position: absolute;
  right: 12px;
  top: 18px;
}

.sidebar-footer {
  margin: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar-footer-link {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-footer-link li a {
  color: var(--color-text-neutral-secondary);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.sidebar-footer-link li a:hover {
  color: var(--color-text-brand-strong, #0B42CF);
}

.sidebar-copy {
  color: var(--color-text-neutral-tertiary, #84898F);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.category-slider-menu {
  position: fixed;
  background: var(--color-bg-blackout-secondary);
  width: 100%;
  top: 0;
  z-index: 9;
  left: 248px;
}

.category-slider-menu-in {
  background: var(--bg-screen-strong);
  width: 248px;
  border-left: 1px solid var(--color-border-neutral-tertiary);
}

.category-slider-close {
  height: 72px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.category-slider-close img {
  cursor: pointer;
}

.category-slider-menu-all {
  height: calc(100vh - 72px);
  overflow: auto;
}

.category-slider-menu-all::-webkit-scrollbar {
  width: 6px;
}

.category-slider-menu-all::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary);
}

.category-slider-menu-all::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary);
  border-radius: 10px;
}

.category-slider-menu-all:hover::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.cstm-menu-pp-top {
  align-items: center;
  display: flex;
  height: 56px;
  padding-left: 14px;
  gap: 16px;
}

.stm-menu-pp-top-view {
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  margin-right: 16px;
}

.stm-menu-pp-top-logo img {
  height: 28px;
  vertical-align: text-top;
}

.sidebar-menu-popup-main {
  animation-duration: 2s;
  animation-name: menupp;
  background: #0000 !important;
}

.sidebar-menu-popup-main.hide-menu {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.sidebar-menu-popup-main.show-menu {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  align-items: flex-start;
}

.sidebar-menu-popup {
  background: var(--color-bg-static-white);
  height: 100vh;
  width: 248px;
}

.sidebar-main-ul-sub {
  display: flex;
  width: 300px;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #FFF);
  box-shadow: var(--shadow-small);
  list-style: none;
  /* display: none; */
  /* max-height: calc(100vh - 95px); */
  /* max-height: 600px; */
}

.sidebar-main-ul li {
  position: relative;
  width: 100%;
}

/* .sidebar-main-ul li:hover .sidebar-main-ul-sub {
  display: block; 
} */
.sidebar-main-ul-sub li a {
  display: flex;
  color: var(--color-text-neutral-strong, #060D14);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
  font: var(--body-medium);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  gap: 4px;
  align-items: center;

  /* min-width: 120px; */
  /* gap: var(--spacing-12, 12px); */
  /* align-self: stretch; */
  /* display: -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 1; */
  /* flex: 1 0 0; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}

.sidebar-main-ul-sub li a:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.sidebar-main-ul-sub li a:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.sidebar-main-ul-sub li .active {
  background: var(--color-bg-neutral-secondary) !important;
}

.sidebar-main-all:not(.sidebar-menu-list) {
  position: absolute;
  left: 224px;
  top: -20px;
  /* padding: 20px 20px 20px 0px; */
  padding: 0;
}

.sidebar-main-ul-sub {
  margin-top: 0px;
}

/* .sidebar-main-all {
  position: absolute;
  left: 42px;
  top: 41px;
  padding-right: 20px;
  z-index: 1;
} */
.sidebar-main-all-loading {
  display: flex;
  gap: 12px;
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.sidebar-main-all-loading-in {
  width: 100%;
  height: 20px;
  border-radius: 5px;
}

/* Sidebar menu list */
.sidebar-menu-list {
  display: none;
  left: 245px;
  z-index: 111;
  position: fixed;
  max-height: calc(100vh - 80px);
  overflow: auto;
  box-shadow: var(--shadow-small);
}

.sidebar-main-li:hover .sidebar-menu-list {
  display: block;
}

@media only screen and (max-width: 999px) {

  .sidebar-main-all {
    left: 0;
    z-index: 1;
    position: initial !important;
  }

  .sidebar-main-ul-sub {
    width: 100%;
    position: initial !important;
  }

  .sub-menu-open .cstn-cl-arrow {
    rotate: 90deg;
  }
  .sidebar-main-li .sidebar-link:focus + .sidebar-menu-list {
    display: block;
  }
}

@media only screen and (max-height : 600px) {
  .sidebar-main-ul-sub {
    top: 70px !important;
    max-height: calc(100vh - 80px) !important;
  }
}



/* Chat Icons */

.nav-beta-bedge-chat {
  background: #FFF;
  padding: 1px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #351bce;
  color: #201e29;
  line-height: 1.5;
  margin-left: auto;
}.notification-banner-box {
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  background-color: var(--color-bg-info-secondary);
}
.notification-banner-box .notification-banner-text-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 16px;
  width: 100%;
  word-break: break-word;
}
.notification-banner-box.notification-banner-medium {
  gap: var(--spacing-24);
  padding: var(--spacing-24);
}
.notification-banner-box.notification-banner-small {
  gap: var(--spacing-16);
  padding: var(--spacing-12) var(--spacing-16);
}
.notification-banner-box.notification-banner-action.notification-banner-small {
  padding-right: var(--spacing-12)
}
.notification-banner-box.notification-banner-small .notification-banner-text-wrapper {
  flex-direction: row;
  justify-content: space-between;
}
.notification-banner-box.notification-banner-bg-success {
  background-color: var(--color-bg-success-secondary);
}
.notification-banner-box.notification-banner-bg-warning {
  background-color: var(--color-bg-warning-secondary);
}
.notification-banner-box.notification-banner-bg-danger {
  background-color: var(--color-bg-danger-secondary);
}
.notification-banner-box.notification-banner-bg-info {
  background-color: var(--color-bg-info-secondary);
}
.notification-banner-box.notification-banner-bg-neutral {
  background-color: var(--color-bg-neutral-secondary);
}
.notification-banner-box .notification-banner-icon {
  flex-shrink: 0;
  display: flex;
}
.notification-banner-box .notification-banner-icon svg {
  width: 24px;
  height: auto;
}
.notification-banner-box .notification-banner-title {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-static-darkgray);
}
.notification-banner-box.notification-banner-small .notification-banner-title {
  display: none;
}
.notification-banner-box .notification-banner-text {
  font: var(--body-small);
  color: var(--color-text-static-darkgray);
}
.notification-banner-box .notification-banner-action-text {
  cursor: pointer;
  font: var(--body-small);
  padding: var(--spacing-2) var(--spacing-8);
  font-weight: 600;
  flex-shrink: 0;
}
.notification-banner-box.notification-banner-medium .notification-banner-action-text {
  margin-top: var(--spacing-4);
}
.notification-banner-box.notification-banner-bg-success .notification-banner-action-text {
  color: var(--color-text-success-onsecondary);
}
.notification-banner-box.notification-banner-bg-warning .notification-banner-action-text {
  color: var(--color-text-warning-onsecondary);
}
.notification-banner-box.notification-banner-bg-danger .notification-banner-action-text {
  color: var(--color-text-danger-onsecondary);
}
.notification-banner-box.notification-banner-bg-info .notification-banner-action-text {
  color: var(--color-text-info-onsecondary);
}
.notification-banner-box.notification-banner-bg-neutral .notification-banner-action-text {
  color: var(--color-text-neutral-onsecondary-strong);
}
.modal-success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    padding: var(--spacing-16);
}

.modal-success .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg-blackout-secondary);
    z-index: 0;
}

.modal-success .modal-success-body {
    border-radius: var(--radius-12);
    background-color: var(--color-bg-elevated);
    max-width: 480px;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-48);
    gap: var(--spacing-24);
    text-align: center;
}

.modal-success .modal-success-body .modal-success-title-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

.modal-success .modal-success-body .modal-success-title-text .modal-success-title {
    font: var(--title-medium);
    color: var(--color-text-neutral-strong);
}

.modal-success .modal-success-body .modal-success-title-text p {
    font: var(--body-medium);
    color: var(--color-text-neutral-secondary);
}

.modal-success .modal-success-body .modal-success-btn {
    padding-top: var(--spacing-8);
}.public-header {
  min-height: 64px;
}
.admin-sidebar {
    padding: var(--spacing-16);
    padding-bottom: 0;
    overflow: auto;
    border-right: 1px solid var(--color-border-neutral-tertiary);
    flex-shrink: 0;
    transition: all .5s ease;
    width: 72px;
}

.admin-sidebar.collapsed {
    width: 224px;
}

.admin-sidebar .admin-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24);
    height: 100%;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group {
    display: flex;
    flex-direction: column;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    padding: var(--spacing-8);
    border-radius: var(--radius-8);
    position: relative;
    overflow: hidden;
    min-width: 40px;
    transition: all .5s ease;
}

/* .admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .admin-sidebar-item-icon {
    position: relative;
}
.admin-sidebar .admin-sidebar-list .collapse-icon {
    min-width: 40px;
}
.admin-sidebar .admin-sidebar-list .collapse-icon .admin-sidebar-item-icon {
    transform: rotate(0deg);
    transition: all .5s ease;
}
.admin-sidebar.collapsed .admin-sidebar-list .collapse-icon .admin-sidebar-item-icon {
    transform: rotate(180deg);
} */
.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .admin-sidebar-item-text {
    padding: 0 var(--spacing-4);
    display: none;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .badge-notification-point {
    position: absolute;
    top: -2px;
    right: -2px;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item.active {
    background-color: var(--color-bg-neutral-secondary);
    font-weight: 600;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item:hover {
    background-color: var(--color-bg-neutral-secondary);
}.cstm-all-admin {
    height: 100vh;
    overflow: hidden;
}

.admin-layout {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.admin-subsidebar {
    border-right: 1px solid var(--color-border-neutral-tertiary);
    max-width: 224px;
    width: 100%;
    flex-shrink: 0;
    overflow: auto;
    height: 100%;
}
.admin-subsidebar .admin-subsidebar-group {
    padding: var(--spacing-12);
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item {
    border-radius: var(--radius-8);
    display: block;
    width: 100%;
    padding: var(--spacing-8) var(--spacing-12);
    transition: all .5s ease;
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item:focus {
    outline: none;
    background-color: var(--color-bg-neutral-secondary);
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item:hover {
    background-color: var(--color-bg-neutral-secondary);
}
@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}

/* .carousel-cell {
  width: 100%; 
  height: 200px;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-cell img {
  display: block;
  max-height: 100%;
} */

.choose-media-attachment-details-right {
  height: 715px;
}
.madl-body-images-videos label {
  aspect-ratio: 1/1;
  margin: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.li-disabled {
  pointer-events: none;
  background: var(--color-bg-neutral-tertiary-hovered,#eaedf1);
  opacity: 0.3;
}

#imageuploadurl {
  width: 300px; /* Set your preferred width */
  height: 300px; /* Set your preferred height */
}

.media-attachment-details .modal-content {
  display: initial!important;
}

.share-btn-details {
  border-radius: 50px;
  opacity: 1;
  font-size: 14px;
  padding: 4px 8px;
}

.savedata-loader-img {
  background: #ffffffe6;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.savedata-loader-img img {
  width: 24px;
}

.empty-attament-media {
  height: 630px;
  max-height: calc(100vh - 302px);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.attachement-media-data-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  max-height: calc(100vh - 302px);
  height: 630px;
}

.attachement-media-data-loading img {
  width: 70px;
}

.admin-content-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  justify-content: space-between;
  margin-bottom: 24px;
}

.admin-content-header h2 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-large);
  letter-spacing: -0.36px;
}

.upload-media-btn {
  position: relative;
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.upload-media-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.upload-media-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.upload-media-tabs {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.upload-media-tabs button {
  display: flex;
  padding: var(--spacing-12, 12px);
  align-items: center;
  gap: var(--spacing-2, 2px);
  border: none;
  background-color: var(--bg-screen-strong);
  color: var(--color-text-neutral-strong-pressed, #060d14);
  font: var(--body-large-bold);
  cursor: pointer;
  position: relative;
  text-align: center;
  justify-content: center;
}

.upload-media-tabs button:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.upload-media-tabs button:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.upload-media-tabs button.active:after {
  height: 4px;
  width: 100%;
  border-radius: var(--radius-x-small, 4px) var(--radius-x-small, 4px) 0px 0px;
  background: var(--color-bg-brand-strong, #0b42cf);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.upload-media-fillers {
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.upload-media-chips {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-medium);
  cursor: pointer;
  background-color: var(--color-text-static-white);
  padding: var(--spacing-8, 8px) var(--spacing-20, 20px);
}

.upload-media-chips:hover {
  border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.upload-media-chips:active {
  border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.upload-media-chips-main {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.upload-media-chips.tab-active {
  background: var(--color-bg-inverse-neutral, #041527);
  color: var(--color-text-inverse, #fff);
}

.upload-media-filler-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.upload-media-filler-main-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-24, 24px);
}

.filter-list-grid {
  display: flex;
  padding: var(--spacing-2, 2px);
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #e7ebf1;
}

.filter-list-grid button {
  border: none;
  display: flex;
  padding: var(--spacing-6, 6px) var(--spacing-8, 8px);
  align-items: center;
  align-self: stretch;
}

button.filter-list-grid-active {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px #04152705;
}

.upload-media-filler-search {
  position: relative;
  min-width: 440px;
}

.upload-media-filler-search-input {
  border-radius: var(--radius-full, 120px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  font: var(--body-medium) !important;
  height: auto !important;
  padding: 8px 56px 8px 16px !important;
}

.upload-media-filler-search-input::placeholder {
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  opacity: 1;
}

.upload-media-filler-search-input::-ms-input-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f) !important;
}

.upload-media-filler-search-input:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5)) !important;
}

.upload-media-filler-search-input:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.upload-media-filler-search-icon {
  position: absolute;
  right: 16px;
  top: 8px;
  cursor: pointer;
}

.upload-media-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -webkit-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize !important;
}

.upload-media-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.upload-media-dropdown-list {
  display: flex;
  width: 200px;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 280px;
  overflow: auto;
  z-index: 3;
}

.upload-media-dropdown-list::-webkit-scrollbar {
  width: 14px;
}

.upload-media-dropdown-list::-webkit-scrollbar-thumb {
  background: #b2b7bd;
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid #fff;
}

.upload-media-dropdown-list::-webkit-scrollbar-thumb:hover {
  background: #808992;
}

.upload-media-dropdown-list li {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
}

.upload-media-dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.upload-media-dropdown-list li:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.sort-by-label {
  font-weight: 400 !important;
}

.upload-media-filler-main-right .upload-media-dropdown-list {
  right: 24px;
}

.file-uploader-medium {
  /* max-width: 648px; */
  width: 100%;
  display: flex;
  padding: var(--spacing-48, 48px) var(--spacing-32, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  border-radius: var(--radius-medium, 12px);
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  box-sizing: border-box;
  cursor: pointer;
}

.file-uploader-medium:hover {
  border: 2px dashed var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.file-uploader-medium:active {
  border: 2px dashed var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.7));
}

.file-uploader-medium:focus {
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.file-uploader-medium-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
}

.file-uploader-medium-body-icon {
  text-align: center;
  height: 32px;
  width: 100%;
}

.file-uploader-medium-body-icon img {
  vertical-align: middle;
}

.file-uploader-medium-body-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.file-uploader-medium-body-title-text h5 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}

.file-uploader-medium-body-title-text h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-x-small);
  margin: 0px;
}

.upload-media-drop {
  padding: var(--spacing-24, 24px) 0px;
}

/* .upload-media-drop .file-uploader-medium {
  max-width: 100%;
  height: 300px;
} */

.file-uploader-medium-button button {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: transparent;
}

.file-uploader-medium-button button:hover {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.file-uploader-medium-button button:active {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.file-uploader-error-border {
  border: 2px dashed var(--color-border-danger-strong, #db1d26) !important;
}

.file-uploader-error {
  color: var(--color-text-danger-strong, #db1d26);
  font: var(--body-x-small);
}

.media-images-videos {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.media-active-select {
  border-radius: 12px;
  outline: 2px solid var(--blue-500, #0b42cf);
  outline-offset: 4px;
  position: relative;
}

.media-active-select:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  right: 4px;
  top: 4px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2022C6.486%2022%202%2017.514%202%2012C2%206.486%206.486%202%2012%202C17.514%202%2022%206.486%2022%2012C22%2017.514%2017.514%2022%2012%2022ZM10.5938%2015.0258L8.21975%2012.6528C7.92675%2012.3598%207.92675%2011.8858%208.21975%2011.5928C8.51275%2011.2998%208.98675%2011.2998%209.27975%2011.5928L11.1238%2013.4348L15.3398%209.21975C15.6328%208.92675%2016.1068%208.92675%2016.3998%209.21975C16.6928%209.51275%2016.6928%209.98675%2016.3998%2010.2798L11.6538%2015.0258C11.3625%2015.319%2010.8865%2015.3205%2010.5938%2015.0258Z'%20fill='white'/%3e%3c/svg%3e");
}

.media-images-videos-column {
  aspect-ratio: 1/1;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* background: var(--color-bg-static-white-pressed); */
  background-image: url("data:image/svg+xml,%3csvg%20width='120'%20height='97'%20viewBox='0%200%20120%2097'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='120'%20height='97'%20rx='12'%20fill='%23EAEDF1'/%3e%3cpath%20d='M46.4688%2059.8872C45.8656%2059.3178%2045.8416%2058.3634%2046.4127%2057.7639L49.4749%2054.5298C51.0962%2052.8074%2053.8317%2052.7232%2055.5612%2054.3473L57.4811%2056.2962C58.0162%2056.8376%2058.8859%2056.8476%2059.423%2056.3182C59.6254%2056.0796%2063.9902%2050.7763%2063.9902%2050.7763C65.6833%2048.7224%2068.8099%2048.4236%2070.8661%2050.1127C70.9523%2050.1828%2071.0304%2050.251%2075.4313%2054.7724C76.0105%2055.3659%2076.0005%2056.3182%2075.4053%2056.8977C74.8121%2057.4812%2073.8582%2057.4631%2073.279%2056.8696C73.279%2056.8696%2069.1727%2052.653%2068.8801%2052.3683C68.1201%2051.7453%2066.9152%2051.9578%2066.3129%2052.6891C61.6577%2058.3386%2061.5995%2058.3954%2061.5234%2058.4695C59.8039%2060.1578%2057.0282%2060.1298%2055.3388%2058.4055C55.3388%2058.4055%2053.475%2056.5127%2053.4429%2056.4746C52.98%2056.0456%2052.1543%2056.0736%2051.6593%2056.5969L48.5931%2059.8311C48.0179%2060.4377%2047.0688%2060.4584%2046.4688%2059.8872Z'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.1256%2043.3019C48.1256%2046.0708%2050.3762%2048.3245%2053.1437%2048.3245C55.9113%2048.3245%2058.1639%2046.0708%2058.1639%2043.3019C58.1639%2040.5369%2055.9133%2038.2833%2053.1437%2038.2812C50.3762%2038.2812%2048.1256%2040.5329%2048.1256%2043.3019ZM51.1315%2043.3016C51.1315%2042.1908%2052.0337%2041.2886%2053.1425%2041.2886C54.2553%2041.2906%2055.1596%2042.1928%2055.1596%2043.3016C55.1596%2044.4124%2054.2553%2045.3167%2053.1445%2045.3167C52.0337%2045.3167%2051.1315%2044.4124%2051.1315%2043.3016Z'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M68.6586%2069.0004H51.3236C44.5499%2069.0004%2040.0007%2064.2465%2040.0007%2057.1727V40.8277C40.0007%2033.7539%2044.5499%2029%2051.3236%2029H68.6586C75.4423%2029%2080.0015%2033.7539%2080.0015%2040.8277V57.1727C80.0015%2064.2465%2075.4423%2069.0004%2068.6586%2069.0004ZM51.3234%2032.0078C46.2712%2032.0078%2043.0066%2035.4705%2043.0066%2040.828V57.173C43.0066%2062.5324%2046.2712%2065.9931%2051.3234%2065.9931H68.6584C73.7226%2065.9931%2076.9952%2062.5324%2076.9952%2057.173V40.828C76.9952%2035.4705%2073.7226%2032.0078%2068.6584%2032.0078H51.3234Z'%20fill='%230B42CF'/%3e%3c/svg%3e");
  width: calc(14.28% - 21px);
}

.media-upload-images {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  background: #f3f5f7;
}

.media-upload-videos {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.compression-loader-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-icon-brand-onsecondary);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  z-index: 2;
}

.compression-loader-img img {
  height: 60px;
  width: 60px;
}

.media-upload-images-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-icon-brand-onsecondary);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  border: 1px solid #dedede;
  border-radius: 12px;
}

.media-upload-images-loader-in {
  display: flex;
  width: 94px;
  height: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #fff;
}

.media-reupload-img {
  font-size: 42px !important;
  color: #0b42cf;
}

.media-upload-images-loader-fill {
  border-radius: 12px;
  background: var(--color-bg-brand-strong, #0b42cf);
  height: 8px;
}

.media-upload-videos-loader {
  background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.5));
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  top: 0;
}

.media-upload-videos-loader img {
  cursor: pointer;
  width: 21%;
}

.media-no-data-found {
  text-align: center;
  grid-column: 12/1;
  margin-top: 100px;
  color: #d40606;
  font-size: 16px;
}

.empty-state {
  display: flex;
  width: 100%;
  max-width: 648px;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  margin: auto;
  grid-column: 12/1;
}

.empty-state-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.empty-state-icon img {
  height: 120px;
  width: 120px;
  object-fit: cover;
}

.empty-state-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.empty-state-info-title {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}

.empty-state-info-p {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  margin: 0px;
  font: var(--body-small);
}

.empty-state-buttun {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: transparent;
}

.empty-state-buttun:hover {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.empty-state-buttun:active {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.media-attachment-details .modal-dialog {
  max-width: 1344px;
  width: 90%;
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: 0px auto;
}

.media-attachment-details .modal-content {
  border-radius: 12px;
  margin: 24px 0px;
}

.media-attachment-details-header {
  border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  /* background: var(--color-bg-elevated, #FFF); */
  display: flex;
  width: 100%;
  padding: var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-24, 24px);
  align-items: center;
  gap: 10px;
}

.madh-h4 {
  flex: 1 0 0;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-small);
  margin: 0px;
}

.madh-close {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
}

.madh-close:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.madh-close:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.media-attachment-details-body {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.media-delete-message-alert {
  position: absolute;
  width: 100%;
  background: #c4dec4c7;
  z-index: 4;
  font-size: 16px;
  padding: 24px;
  color: #496e49;
}

.alert-for-media-processing {
  width: 100%;
  background: #c4dec4c7;
  z-index: 4;
  font-size: 16px;
  padding: 24px;
  color: #496e49;
  margin-bottom: 16px;
  border-radius: 8px;
}

.media-attachment-details-right {
  border-left: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  width: 304px;
  flex-shrink: 0;
  max-height: calc(100vh - 120px);
  overflow: auto;
  height: 760px;
}

.media-attachment-details-left {
  width: calc(100% - 304px);
  width: -o-calc(100% - 304px);
  position: relative;
}

.media-attachment-details-left-main {
  max-height: calc(100vh - 120px);
  height: 760px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px 24px 24px;
}

.mad-slider-img {
  border-radius: 12px;
  max-height: 100%;
}

.mad-image-box {
  display: flex;
  padding: 16px;
  gap: 12px;
}

.mad-image-box-left {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  border-radius: 12px;
  width: 120px;
  height: 97px;
  position: relative;
}

.media-details-video {
  min-width: 120px;
  width: 120px;
  height: 97px;
  border-radius: 12px;
  object-fit: cover;
}

.media-popup-video {
  align-items: center;
  background: var(--color-bg-blackout-secondary, #0d0d0d80);
  border-radius: 12px;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mad-image-box-right h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--link-x-small);
  margin: 0px;
  word-break: break-all;
}

.mad-image-box-right h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.mad-image-box-right {
  display: flex;
  gap: 4px;
  flex-direction: column;
}

.mad-hr {
  border-top-color: var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  margin: 0px;
}

.mad-field-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
}

.mad-field-box-main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8, 8px);
}

.mad-field-box-main h6 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.mad-text-field {
  border-radius: var(--radius-small, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px) !important;
  align-items: center !important;
  gap: var(--spacing-16, 16px) !important;
  align-self: stretch !important;
  font: var(--body-medium) !important;
  height: auto !important;
}

.mad-text-field:hover {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5)) !important;
}

.mad-text-field:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.mad-text-textarea {
  border-radius: var(--radius-small, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px) !important;
  align-items: center !important;
  gap: var(--spacing-16, 16px) !important;
  align-self: stretch !important;
  font: var(--body-medium) !important;
  height: 80px !important;
}

.mad-text-textarea:hover {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5)) !important;
}

.mad-text-textarea:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.mad-text-error-border {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.mad-copy-url {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  padding: 12px 16px;
  width: 100%;
  flex-direction: column;
}

.mad-copy-url h5 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.mad-copy-url-list-icon {
  opacity: 0.6;
  display: none;
}

.mad-copy-url-list-icon {
  height: 20px;
  width: 20px;
}

.mad-copy-url-list {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
  gap: 0px;
}

.mad-copy-url-list li {
  border-radius: 6px;
  padding: 5px 12px;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  cursor: pointer;
}

.mad-copy-url-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.mad-copy-url-list li:hover .mad-copy-url-list-icon {
  display: block;
}

.mad-copy-url-list li:active {
  background: #bdbdbd;
}

.mad-copy-url-list-text {
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}

.mad-copy-url-list-text:before {
  height: 5px;
  width: 5px;
  background: var(--color-bg-inverse-neutral, #041527);
  position: absolute;
  content: '';
  left: 0;
  border-radius: 50px;
}

.mad-copy-url-list .active {
  border: 1px solid var(--color-border-neutral-strong, #0d0d0d4d);
}

.mad-field-box-left h5 {
  color: #060d14;
  font-family: Muller;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0px;
}

.mad-field-box-left h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: #060d14;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  word-break: break-all;
  cursor: pointer;
  margin: 0px;
}

.mad-field-box-left h6:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-copy-url {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 6px;
}

.copy-url-icon-btn {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
}

.copy-url-icon-btn:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.copy-url-icon-btn:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.mad-field-box-right {
  min-width: 44px;
  width: 44px;
}

.mad-delete-download {
  display: flex;
}

.mad-delete-download {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.mad-delete-link {
  color: var(--red-500, #f1343d);
  font: var(--title-2x-small);
  cursor: pointer;
  position: relative;
}

.mad-delete-link:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-delete-loader-img {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffffdb;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.mad-delete-loader-img img {
  width: 24px;
}

.mad-download-link {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
  cursor: pointer;
}

.mad-download-link:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-categories-badge {
  display: inline-flex;
  padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  font: var(--body-x-small);
}

.mad-categories-badge img {
  width: 16px;
}

.mad-save-btn {
  position: relative;
  display: flex;
  padding: var(--spacing-6, 6px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.mad-save-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.mad-save-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.mad-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

.categories-select-box {
  position: relative;
}

.categories-select-label {
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  border-radius: var(--radius-small, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  cursor: pointer;
  color: var(--color-text-neutral-strong, #060d14);
}

.categories-select-label:hover {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5));
}

.categories-select-label:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.categories-select-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.46967%207.96967C4.73594%207.7034%205.1526%207.6792%205.44621%207.89705L5.53033%207.96967L12%2014.439L18.4697%207.96967C18.7359%207.7034%2019.1526%207.6792%2019.4462%207.89705L19.5303%207.96967C19.7966%208.23594%2019.8208%208.6526%2019.6029%208.94621L19.5303%209.03033L12.5303%2016.0303C12.2641%2016.2966%2011.8474%2016.3208%2011.5538%2016.1029L11.4697%2016.0303L4.46967%209.03033C4.17678%208.73744%204.17678%208.26256%204.46967%207.96967Z'%20fill='black'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-size: cover;
  top: 8px;
  right: 12px;
}

.categories-up-arrow::after {
  rotate: 180deg !important;
}

.categories-select-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 200px;
  width: 100%;
  z-index: 1;
}

.categories-select-list li {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
}

.categories-select-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.categories-select-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.media-attachment-details-footer {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.madl-header {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  align-items: center;
  gap: var(--spacing-24, 24px);
  justify-content: space-between;
}

.madl-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
}

.madl-body {
  max-height: calc(100vh - 302px);
  height: 630px;
  /* min-height: 622px; */
  padding: 0px var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: 6px;
  margin-top: -6px;
}

.madl-body-main {
  /* display: grid; */
  /* grid-gap: 24px; */
  /* grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); */
  padding-bottom: 24px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.madl-body-images-videos {

  position: relative;
  cursor: pointer;
  background: var(--color-bg-static-white-pressed);
  border-radius: 12px;
  width: calc(16.66% - 20px);
}

.choose-upload-images {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.choose-upload-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.choose-media-attachment-details-right {
  border-left: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  width: 304px;
  flex-shrink: 0;
  max-height: calc(100vh - 210px);
  overflow: auto;
  height: 715px;
}

.choose-media-attachment-details-left {
  width: 100%;
  position: relative;
}

.upload-media-data-loading {
  text-align: center;
  margin-top: 200px;
}

.upload-media-data-loading img {
  width: 60px;
}

.choose-media-multipie-item {
  display: flex;
  padding: 16px;
  gap: 12px;
  border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.choose-media-multipie-item-left img {
  min-width: 120px;
  width: 120px;
  height: 97px;
  border-radius: 12px;
  object-fit: cover;
}

.choose-media-multipie-item-right h5 {
  font: var(--body-x-small-bold);
  color: var(--color-text-neutral-secondary, #394046);
  margin: 0px;
}

.choose-media-multipie {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: 100%; */
  min-width: 304px;
  border-left: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.choose-media-multipie-link {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

.media-drag-main {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: #000000bf;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  flex-direction: column;
}

.media-drag-main h3 {
  color: var(--color-text-inverse, #fff);
  font-size: 30px;
  font-weight: 600px;
  margin-bottom: 24px;
}

.media-drag-main h4 {
  color: var(--color-text-inverse, #fff);
  font-size: 16px;
  margin: 0px;
}

.crop-media-footer {
  display: flex;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.change-image-btn {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--link-large);
  background-color: var(--color-bg-static-white);
}

.change-image-btn:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.change-image-btn:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.crop-media-body {
  /* height: 736px; */
  max-height: calc(100vh - 210px);
  display: flex;
  justify-content: center;
}

.input-checkbox-popup-media {
  position: absolute !important;
  left: 10px;
  top: 10px;
  z-index: 2;
  display: none;
}

.crop-media-body .ReactCrop__child-wrapper {
  height: 100%;
}

.crop-media-image {
  height: 100%;
  /* width: 100%; */
  margin: auto;
}

.media-attachment-slider {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-slider {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-list {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-track {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-slide div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-slider-img-only {
  width: auto !important;
  max-height: 100% !important;
}

.media-slider-video-only {
  max-height: 100% !important;
  background-color: #000;
}

.media-attachment-slider .slick-prev:before {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4193%2015.4615C13.6008%2015.7061%2013.5807%2016.0534%2013.3588%2016.2752C13.1147%2016.5193%2012.719%2016.5193%2012.4749%2016.2752L6.64157%2010.4419L6.58107%2010.3718C6.39949%2010.1271%206.41965%209.77988%206.64157%209.55804L12.4749%203.72468L12.545%203.66417C12.7897%203.48263%2013.1369%203.50279%2013.3588%203.72468L13.4193%203.79478C13.6008%204.03946%2013.5807%204.38668%2013.3588%204.60857L7.96765%209.99996L13.3588%2015.3914L13.4193%2015.4615Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.media-attachment-slider .slick-next:before {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.64155%2016.2752C6.41966%2016.0534%206.3995%2015.7061%206.58104%2015.4615L6.64155%2015.3914L12.0327%209.99996L6.64155%204.60857C6.41966%204.38668%206.3995%204.03946%206.58104%203.79478L6.64155%203.72468C6.86345%203.50279%207.21066%203.48263%207.45534%203.66417L7.52544%203.72468L13.3587%209.55804C13.5807%209.77988%2013.6008%2010.1271%2013.4192%2010.3718L13.3587%2010.4419L7.52544%2016.2752C7.28136%2016.5193%206.88563%2016.5193%206.64155%2016.2752Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.media-attachment-slider button.slick-arrow {
  position: absolute;
  top: 50%;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-static-white, #fff);
  box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
  display: inline-flex;
  padding: 7px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 36px;
  width: 36px;
  cursor: pointer;
  z-index: 1;
}

.media-attachment-slider button.slick-arrow:hover {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-tertiary-hovered, rgba(13, 13, 13, 0.3));
  background: var(--color-bg-static-white-hovered, #fff);
  box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
}

.media-attachment-slider button.slick-arrow:active {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-tertiary-pressed, rgba(13, 13, 13, 0.5));
  background: var(--color-bg-static-white-pressed, #e8eaed);
  box-shadow: var(--shadow-small);
}

.media-attachment-slider .slick-prev {
  left: 24px;
}

.media-attachment-slider .slick-next {
  right: 24px;
}

.media-attachment-slider button.slick-arrow.slick-disabled {
  display: none !important;
}
 
.media-images-videos-colum-loading {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  vertical-align: middle;
}
.madl-body-images-videos-loading {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  vertical-align: middle;
  aspect-ratio: 1/1;
}/* sidebar */
.border-sidebar {
  border-right: 1px solid #e5e5e5 !important;
}

.avtar-text-small-sidebar {
  color: white;
  text-align: center;
  font-family: inter;
  font-size: 9px;
  font-style: normal;
  line-height: 16px;
}

.font-heading-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.text-title-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
}

.font-title-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

.font-medium-sidebar-popover {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
}

.font-small-sidebar-popover {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
}

.menu-item-font-popover {
  overflow: hidden;
  color: #09090b;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.menu-item-small-font-popover {
  /* overflow: hidden; */
  color: #09090b;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  opacity: 0.6;
}


/* for popover default class */
[data-radix-popper-content-wrapper] {
  position: fixed !important;
  bottom: 45px;
  top: unset !important;
  transform: translate(3%, 00%) !important;
}


/* sub-sidebar */

.font-title-subSidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.4px;
}

.sub-sidebar-bg-active-radius {
  border-radius: 6px;
}


/* icon width */
.avtar-width {
  width: 16px;
  height: 16px;
}

.avtar-medium-width {
  width: 32px;
  height: 32px;
}


/* font-size */

/* font-small */
.font-size-small {
  font-family: inter;
  font-size: 12px;
  color: #18181b;
  font-style: normal;
  line-height: 16px;
}

/* fon-medium */
.font-size-medium {
  font-family: inter;
  font-size: 14px;
  color: #18181b;
  font-style: normal;
  line-height: 20px;
} 

/* font-large */
.font-size-large {
  font-family: inter;
  font-size: 16px;
  color: #18181b;
  font-style: normal;
  line-height: 24px;
}

/* font-dialog-heading */
.font-dialog-heading {
  font-family: inter;
  font-size: 18px;
  color: #18181b;
  font-style: normal;
  line-height: 18px;
  letter-spacing: -0.4px;
}

/* font-extra-large */
.font-size-extra-large {
  font-family: inter;
  font-size: 20px;
  color: #18181b;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.4px;
}


/* for underlined alert message */
.alert-action {
  color: #18181b;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* main content css */

/* main-heading */
.main-container-heading {
  color: #09090b;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.4px;
}

/* main-sub-heading */
.main-container-subheading {
  font-family: inter;
  font-size: 14px;
  color: #71717a;
  font-style: normal;
  line-height: 20px;
}

/* small-font */
.main-small-font-heading {
  font-family: inter;
  font-size: 12px;
  color: #71717a;
  font-style: normal;
  line-height: 16px;
}

.max-width-container {
  max-width: 896px;
  width: 100%;
}

.min-width-card {
  min-width: 85px;
}


.checkbox-dialog{
  width: 16px !important;
  height: 16px !important;
  margin-right: 0px !important;
}
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-zinc-700:oklch(37% .013 285.805);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-inter:var(--font-family-inter)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-9{top:calc(var(--spacing)*9)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-\[--sidebar-width\]{left:--sidebar-width}.left-\[50\%\]{left:50%}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-0{grid-column:0}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-5{grid-column:5}.col-6{grid-column:6}.col-12{grid-column:12}.col-auto{grid-column:auto}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-left{float:left}.float-none{float:none}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-6{margin-block:calc(var(--spacing)*6)}.my-auto{margin-block:auto}.ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}.me-0{-webkit-margin-end:calc(var(--spacing)*0);margin-inline-end:calc(var(--spacing)*0)}.me-1{-webkit-margin-end:calc(var(--spacing)*1);margin-inline-end:calc(var(--spacing)*1)}.me-5{-webkit-margin-end:calc(var(--spacing)*5);margin-inline-end:calc(var(--spacing)*5)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-32{margin-bottom:calc(var(--spacing)*32)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-full{width:100%;height:100%}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-100{height:calc(var(--spacing)*100)}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[52px\]{height:52px}.h-\[180px\]{height:180px}.h-\[296px\]{height:296px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[256px\]{max-height:256px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-15{width:calc(var(--spacing)*15)}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-25{width:calc(var(--spacing)*25)}.w-50{width:calc(var(--spacing)*50)}.w-65{width:calc(var(--spacing)*65)}.w-100{width:calc(var(--spacing)*100)}.w-\[16px\]{width:16px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[67\%\]{width:67%}.w-\[100\%\]{width:100%}.w-\[240px\]{width:240px}.w-\[256px\]{width:256px}.w-\[320px\]{width:320px}.w-\[400px\]{width:400px}.w-\[448px\]{width:448px}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-4{flex:4}.flex-6{flex:6}.flex-auto{flex:auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-grow-1,.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-end{align-content:flex-end}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-16{gap:calc(var(--spacing)*16)}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#22C55E\]{border-color:#22c55e}.border-\[\#18181B\]{border-color:#18181b}.border-\[\#E4E4E7\]{border-color:#e4e4e7}.border-\[\#F97316\]{border-color:#f97316}.bg-\[\#18181B\]{background-color:#18181b}.bg-\[\#DCFCE7\]{background-color:#dcfce7}.bg-\[\#E5E5E5\]{background-color:#e5e5e5}.bg-\[\#F5F5F4\]{background-color:#f5f5f4}.bg-\[\#FFEDD5\]{background-color:#ffedd5}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[8px\]{padding-inline:8px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-\[6px\]{padding-block:6px}.py-\[12px\]{padding-block:12px}.ps-2{-webkit-padding-start:calc(var(--spacing)*2);padding-inline-start:calc(var(--spacing)*2)}.pe-2\.5{-webkit-padding-end:calc(var(--spacing)*2.5);padding-inline-end:calc(var(--spacing)*2.5)}.pe-3{-webkit-padding-end:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*3)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.\!font-inter{font-family:var(--font-inter)!important}.\!font-sans{font-family:var(--font-sans)!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#3F3F46\]{color:#3f3f46}.text-\[\#15803D\]{color:#15803d}.text-\[\#71717A\]{color:#71717a}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.text-zinc-700{color:var(--color-zinc-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-\[0\.5\]{opacity:.5}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.file\:inline-flex::-webkit-file-upload-button{display:inline-flex}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::-webkit-file-upload-button{height:calc(var(--spacing)*7)}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::-webkit-file-upload-button{border-style:var(--tw-border-style);border-width:0}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:#0000}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::-webkit-file-upload-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::-webkit-file-upload-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}@media (hover:hover){.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-\[\#18181B\]:focus-visible{border-color:#18181b}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[1px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:\!hidden[data-state=open]{display:none!important}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media (min-width:0){.min-\[0px\]\:hidden{display:none}.min-\[0px\]\:flex-col{flex-direction:column}.min-\[0px\]\:flex-col-reverse{flex-direction:column-reverse}.min-\[0px\]\:items-center{align-items:center}.min-\[0px\]\:items-start{align-items:flex-start}.min-\[0px\]\:justify-center{justify-content:center}.min-\[0px\]\:gap-4{gap:calc(var(--spacing)*4)}.min-\[0px\]\:gap-6{gap:calc(var(--spacing)*6)}.min-\[0px\]\:p-4{padding:calc(var(--spacing)*4)}.min-\[0px\]\:text-center{text-align:center}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-\[64px\]{height:64px}.sm\:h-\[180px\]{height:180px}.sm\:max-w-\[384px\]{max-width:384px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:basis-1\/2{flex-basis:50%}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-16{gap:calc(var(--spacing)*16)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-0{padding-block:calc(var(--spacing)*0)}.sm\:pb-4{padding-bottom:calc(var(--spacing)*4)}.sm\:text-left{text-align:left}.sm\:text-start{text-align:start}}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:px-\[32px\]{padding-inline:32px}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}