@charset "UTF-8";
/* Text Fonts
 * -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face {
 font-family:"Aeonik";src:url(https://cdn.smmspot.net/smm1stv4/assets/Aeonik-Medium.woff2) format("woff2"),
 url(https://cdn.smmspot.net/smm1stv4/assets/Aeonik-Medium.woff) format("woff");
 font-weight:500;
 font-style:normal;
 font-display:swap
 }

/*@font-face {
  font-family: "AEONIK";
  src: url("https://i.23robo.info/projects/framegrowers/fonts/Aeonik-Medium.woff2") format("woff2");
  font-display:wap;
}
*/
/*
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-Thin.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "THICCCBOI";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/THICCCBOI-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
}*/
/* Icon Fonts
 * -------------------------------------------------- */
@font-face {
  font-family: "Famegrowers";
  src: url("https://cdn.smmspot.net/famegrowers/fonts/Famegrowers.ttf") format("truetype"), url("https://cdn.smmspot.net/famegrowers/fonts/Famegrowers.woff") format("woff"), url("https://cdn.smmspot.net/famegrowers/fonts/Famegrowers.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: "Famegrowers" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-account-circle-line::before {
  content: "";
}
.icon-add-line::before {
  content: "";
}
.icon-arrow-down-s-line::before {
  content: "";
}
.icon-arrow-left-line::before {
  content: "";
}
.icon-arrow-left-s-line::before {
  content: "";
}
.icon-arrow-right-line::before {
  content: "";
}
.icon-arrow-right-s-line::before {
  content: "";
}
.icon-bookmark-line::before {
  content: "";
}
.icon-check-line::before {
  content: "";
}
.icon-close-line::before {
  content: "";
}
.icon-code-s-slash-line::before {
  content: "";
}
.icon-customer-service-2-line::before {
  content: "";
}
.icon-dashboard-2-line::before {
  content: "";
}
.icon-exchange-funds-line::before {
  content: "";
}
.icon-external-link-line::before {
  content: "";
}
.icon-facebook-fill::before {
  content: "";
}
.icon-file-list-3-line::before {
  content: "";
}
.icon-filter-2-line::before {
  content: "";
}
.icon-heart-2-line::before {
  content: "";
}
.icon-image-line::before {
  content: "";
}
.icon-information-line::before {
  content: "";
}
.icon-instagram-line::before {
  content: "";
}
.icon-key-line::before {
  content: "";
}
.icon-link::before {
  content: "";
}
.icon-list-check-2::before {
  content: "";
}
.icon-list-up::before {
  content: "";
}
.icon-lock-unlock-line::before {
  content: "";
}
.icon-logout-circle-line::before {
  content: "";
}
.icon-mail-line::before {
  content: "";
}
.icon-menu-line::before {
  content: "";
}
.icon-message-3-line::before {
  content: "";
}
.icon-money-dollar-box-line::before {
  content: "";
}
.icon-money-dollar-circle-line::before {
  content: "";
}
.icon-money-lira-box::before {
  content: "";
}
.icon-notification-3-line::before {
  content: "";
}
.icon-percent-line::before {
  content: "";
}
.icon-play-fill::before {
  content: "";
}
.icon-reddit-line::before {
  content: "";
}
.icon-refund-2-line::before {
  content: "";
}
.icon-restart-line::before {
  content: "";
}
.icon-search-line::before {
  content: "";
}
.icon-settings-5-line::before {
  content: "";
}
.icon-shield-keyhole-line::before {
  content: "";
}
.icon-shield-user-line::before {
  content: "";
}
.icon-shopping-basket-line::before {
  content: "";
}
.icon-shopping-cart-line::before {
  content: "";
}
.icon-star-fill::before {
  content: "";
}
.icon-star-line::before {
  content: "";
}
.icon-star-smile-line::before {
  content: "";
}
.icon-store-2-line::before {
  content: "";
}
.icon-subtract-line::before {
  content: "";
}
.icon-telegram-line::before {
  content: "";
}
.icon-terminal-box-line::before {
  content: "";
}
.icon-tiktok::before {
  content: "";
}
.icon-timer-flash-line::before {
  content: "";
}
.icon-timer-line::before {
  content: "";
}
.icon-twitter-fill::before {
  content: "";
}
.icon-twitter-line::before {
  content: "";
}
.icon-user-line::before {
  content: "";
}
.icon-wallet-3-line::before {
  content: "";
}
.icon-wireless-charging-line::before {
  content: "";
}
.icon-youtube-line::before {
  content: "";
}

.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
#order-category img {
  transform: translateY(10px);
  margin-right: 14px;
}
#dropdownMenu3 .fs-one img {
  background: #0139ff;
  padding: 5px;
  border-radius: 50px;
}

#order-dd .fs-one img {
  background: #0139ff;
  padding: 5px;
  border-radius: 50px;
}

#order-services img {
  transform: translateY(-1px);
  margin-right: 14px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}
.select2-results__option {
  color: #fff;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #dee2e6;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #dee2e6;
  border-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #dee2e6;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: var(--app-height);
  background-color: #121826 !important;
  font-family: "AEONIK", sans-serif;
  color: #fff;
}
body a {
  color: #0038FF;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
body a:hover {
  color: #002dcc;
}
body.lock {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

.icon {
  min-width: 1em;
  color: #FFFFFF;
  text-align: center;
}

.bubble {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bubble;
  animation-name: bubble;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.bubble--little {
  animation-direction: alternate-reverse;
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: translateY(10px) rotate(8deg);
    transform: translateY(10px) rotate(8deg);
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: translateY(10px) rotate(8deg);
    transform: translateY(10px) rotate(8deg);
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@media (min-width: 576px) {
  .scroll::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    height: 7px;
    width: 7px;
  }
  .scroll::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.header {
  padding-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 116px;
  transition: 0.5s;
}

.header__logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.header__nav a {
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  padding: 16px 30px;
  border-radius: 50px;
  border-bottom: 2px solid transparent;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.header__nav a:hover {
  background-color: #1c2334;
}
.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.header__actions-button {
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 2;
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.header__actions-button:hover {
  background-color: #202738;
}
.header__actions-button--primary {
  background-color: #0038FF;
  gap: 14px;
}
.header__actions-button--primary .icon {
  font-size: 24px;
}
.header__actions-button--primary:hover {
  background-color: #0032e6 !important;
}
.header__open {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: none;
  margin-left: auto;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.header__open i {
  font-size: 24px;
}
@media (max-width: 1199.98px) {
  .header {
    gap: 60px;
  }
  .header__nav a {
    padding: 12px 20px;
  }
}
@media (max-width: 995.98px) {
  .header {
    padding-top: 18px;
  }
  .header__nav {
    display: none;
  }
  .header__actions {
    display: none;
  }
  .header__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header-mobile {
  --bs-gutter-x: 8px;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 8px 0;
  visibility: hidden;
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
}
.header-mobile__card {
  background-color: #192032;
  border-radius: 8px;
  padding: 10px 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: right 40px;
  transform-origin: right 40px;
}
.header-mobile__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-mobile__top-close {
  margin-right: -10px;
}
.header-mobile__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  gap: 18px;
  padding-bottom: 34px;
}
.header-mobile__nav a {
  margin: -10px -12px;
  padding: 10px 12px;
  border-radius: 6px;
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #FFFFFF !important;
}
.header-mobile__nav a:hover {
  background: rgba(255, 255, 255, 0.04);
}
.header-mobile__actions {
  margin: -16px -18px;
  padding: 16px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.header-mobile__actions-button {
  background: rgba(255, 255, 255, 0.04);
}
.header-mobile__actions a, .header-mobile__actions button {
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 14px;
}
.header-mobile.active {
  visibility: visible;
}
.header-mobile.active .header-mobile__card {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.app {
  position: relative;
  overflow: hidden;
}
/*.col {
  flex: 1 0 0%;
}*/
.footer-body {
  padding: 70px 0 60px;
}
 .footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}
.footer-description {
  color: #A6ACB8;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}
.footer-email {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}
.footer-email .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: radial-gradient(42.73% 42.73% at 50% 96.36%, #1D4FFF 0%, #0039FF 100%),#effdff;
} 
.footer-email .icon {
  --icon-size: 24px;
  color: #fff;
}
.footer-menu--wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer-menu--title {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}
.footer-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.footer-menu li > a {
  color: #A6ACB8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: .14s ease;
}
.footer-menu {
  list-style: none;
}
 .footer-menu li > a:hover {
  color: #fff;
}
.footer-item {
  display: flex;
  padding: 18px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex: 1 0 0;
  margin-bottom: 10px;
  border-radius: 100px;
  border: 1px solid #212B42;
  background: #171E30;
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10,39,83,.03);
  transition: .14s ease all;
  cursor: pointer;
}
.footer-item__icon {
  font-size: 24px;
  height: 34px;
  width: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2px;
  opacity: .8;
}
.footer-items {
  margin-top: 20px;
}
.footer-item__label {
  color: var(--body-text, #fff);
  font-size: 17px;
  font-weight: 500;
  line-height: 32.4px;
  letter-spacing: -0.36px;
}
.footer-item:hover {
  transform: translateY(-5px);
  box-shadow: 0px 42px 80px 0px rgba(10,39,83,.1);
/*  border-color: #363a44;*/
}
.footer-card {
  border-radius: 100px;
  border: 1px solid #212B42;
  background: #171E30;
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10,39,83,.03);
  padding: 18px 35px 18px 20px;
  display: flex;
  align-items: center;
  /* gap: 30px; */
  margin-top: 50px;
}
.footer-card .copyright {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.4px;
  letter-spacing: -0.36px;
}
.footer-card .menu {
  margin: 0;
  margin-left: auto;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.footer-card .menu li > a {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.28px;
  text-decoration: none;
  transition: .14s ease;
}

/*.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 154px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.footer__logo {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.footer__nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 50px;
}
.footer-icon{
  text-align:right;
}
.footer-icon .icon{
  border: 1px solid white;
  padding: 8px 9px 10px;
  border-radius: 30px;
}
.footer__nav li a {
  color: #fff !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}
.footer__nav li a:hover {
  text-decoration: underline;
}
.footer__copy {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.25);
  margin-left: auto;
}*/
@media (max-width: 1199.98px) {
  .footer {
    gap: 76px;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 995.98px) {
  .footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .footer__logo {
    font-size: 36px;
  }
  .footer__nav li a {
    font-size: 18px;
  }
  .footer__copy {
    margin: 0;
  }
}
@media (max-width: 767px){
  .footer-card {
  margin-top: 0;
  }
  .footer-card {
  padding: 15px;
  display: flex;
  align-items: center;
  margin-top: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-card .menu {
  margin: 0;
  margin-left: unset;
  padding: 0;
  list-style: none;
  display: flex;
  /* gap: 20px; */
  justify-content: center;
  align-items: center;
}
}
@media (max-width: 575.98px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer__logo {
    font-size: 30px;
  }
  .footer__nav {
    gap: 24px;
  }
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.form-check {
  min-height: unset;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.form-check .form-check-input {
  float: unset;
  margin: unset;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.form-check-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #FFFFFF;
}
.form-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0;
  color: #C0C7D6 !important;
}
.platform{
  margin-top:5px
}
.form-label-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-label-detail span:nth-child(2) {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #455067;
}
.form-control {
  width: 100%;
  -moz-appearance: textfield;
  background: #1C243A !important;
  border: 1px solid #283457;
  border-radius: 10px;
  padding: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: all 0.2s;
  margin-bottom: 5px;
  transition: all 0.2s;
  outline: none;
  color: #fff !important;
}
.form-control:focus {
  border-color: #0038FF;
}
.form-control::-webkit-outer-spin-button, .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-textarea {
  height: 146px;
  background: #1C243A;
  border: 1px solid #283457;
  resize: none;
  border-radius: 10px;
  padding: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
  color: #fff !important;
}
.form-textarea:focus {
  border-color: #0038FF;
}
.form-select {
  position: relative;
  padding: 20px 50px 20px 20px !important;
  border: 1px solid #283457 !important;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  line-height: 16px;
  color: #fff;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #1C243A url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5832 13.3405L17.5332 8.3905L18.9472 9.8045L12.5832 16.1685L6.21924 9.8045L7.63324 8.3905L12.5832 13.3405Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat right 18px center !important;
  background-size: 24px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.form-select option {
  font-weight: 600;
  font-size: 14px;
}
.form-select:focus {
  border-color: #0038FF;
}
@media (max-width: 767.98px) {
  .form-item {
    gap: 10px;
  }
}

.select2 {
  width: 100% !important;
  border: 1px solid #283457 !important;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #1C243A !important;
  background-size: 24px;
}
.select2-selection {
  height: 58px !important;
  padding: 0 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.select2-selection__rendered {
  padding: 0 !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.select2-selection__arrow {
  width: 24px !important;
  height: 24px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  right: 16px !important;
  font-size: 24px;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Famegrowers" !important;
}
.select2-selection__arrow b {
  display: none;
}
.select2-selection__arrow::before {
  content: "";
}
.select2-selection--single {
  background-color: transparent !important;
  border: none !important;
}
.select2-container--open {
  border-color: #0038FF !important;
}
.select2-dropdown {
  z-index: 4 !important;
  border: 1px solid #283457 !important;
  border-radius: 10px !important;
  padding: 8px !important;
  background-color: #1C243A !important;
}
.select2-dropdown--above {
  margin-top: -4px;
}
.select2-dropdown--below {
  margin-top: 4px;
}
.select2-search {
  margin-bottom: 10px;
  padding: 0 !important;
}
.select2-search__field {
  border: 1px solid #283457 !important;
  border-radius: 6px !important;
  padding: 12px !important;
  outline: none !important;
  background-color: #171E30 !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
.select2-search__field:focus {
  border-color: #0038FF !important;
}
.select2-results__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  margin-right: -4px !important;
  padding-right: 4px !important;
  overflow-x: hidden;
}
.select2-results__option {
  padding: 10px 12px !important;
  border-radius: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
.select2-results__option[aria-selected=true] {
  background: #0038FF !important;
}

.btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 30px rgba(12, 36, 71, 0.15);
  box-shadow: 0 5px 30px rgba(12, 36, 71, 0.15);
  border: 1px solid !important;
  border-radius: 50px;
}
.btn-primary {
  border-color: #4F75FF !important;
}
.btn-secondary {
  background: #1C243A;
  border-color: #2C3A5E !important;
}
.btn-secondary:hover {
  background: #192034;
}

.card {
  padding: 30px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
}
.card-wrapping .card-header__title {
  background: #0038ff;
  padding: 12px 14px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  border: 1px solid var(--Button-Button_Stroke, rgba(255, 255, 255, 0.15));
  box-shadow: 0px 0px 3px 0px #0139ff,0px 0px 0px 1.182px #0139ff;
}
.quick-amount__item.active .smmspot-radio__icon {
  border-color: #315eff;
  background: #023aff;
}
.smmspot-radio {
  display: flex;
  align-items: center;
  gap: 8px;
}
.smmspot-radio__title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.45px;
  color: #fff;
}
.quick-amount {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-radius: 15px;
  border: 1px solid #212b42;
  background: #171e30;
  box-shadow: 0px 15.11px 59.06px 0px rgba(0,0,0,.03);
/*  width: 49%;*/
  margin-top: 10px;
}

.quick-amount__item {
  cursor: pointer;
  flex: 1;
  padding: 25px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .14s ease all;
}
.quick-amount__item:hover {
  background-color: #121826;
}
.smmspot-radio__icon {
  border-radius: 100px;
  border: 2px solid #212b42;
  background: #121826;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.addfunds-buttons {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
}
.card-wrapping {
  background: #171e30;
  width: max-content;
  padding: 14px;
  border-radius: 50px;
}
.card-wrapping .card-two {
  margin-left: 10px;
}
/*.card-wrapping .addfunds-buttons {
  margin-left: 14px;
}*/
.card-wrapping .card-headers {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-header__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  margin: 0;
}
.hide-category {
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  background-color: #016CF220;
  border-radius: 6px;
  text-align: center;
  border-radius: 20px;
  padding: 6px;
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.card-pin.active {
  padding: 2px;
  height: auto;
  transition: 0.3s linear all;
}
.card-pin:not(.active) {
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.3s linear all;
}
.addfunds-method__icon img {
  display: block;
  height: 30px;
}
.form-item2 {
  display: none;
}
.card-header__icon {
  height: 36px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0038FF;
  border-radius: 25px;
}
[data-page="addfunds"] .addfunds-method input {
  display: none;
}
[data-page="addfunds"] .addfunds-method {
  position: relative;
  width: 356px;
}
[data-page="addfunds"] .addfunds-method__box {
  cursor: pointer;
  border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #212b42;
  background: #171e30;
  padding: 20px 20px 16px;
  transition: .14s ease;
  margin: 4px;
}
[data-page="addfunds"] .addfunds-method input:checked + .addfunds-method__box {
  border: 1px solid #0139ff;
  background: #0038ff;
  box-shadow: 0px 0px 0px 4px rgba(1,57,255,.2);
}
[data-page="addfunds"] .addfunds-method__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
[data-page="addfunds"] .addfunds-method__check {
  /* width: 20px; */
  /* height: 20px; */
  flex: 0 0 15px;
  border-radius: 100px;
  border: 2px solid #212b42;
  background: #121826;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-page="addfunds"] .addfunds-method input:checked + .addfunds-method__box .addfunds-method__check i {
  transform: scale(1);
  color: #fff;
}
[data-page="addfunds"] .addfunds-method__check i {
  transition: .14s ease all;
  transform: scale(0);
  font-size: 13px;
}
[data-page="addfunds"] .addfunds-method__name {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.48px;
}
[data-page="addfunds"] .addfunds-method__box {
  cursor: pointer;
}
[data-page="addfunds"] .addfunds-method__bottom {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 27px;
}
[data-page="addfunds"] .addfunds-method__icon {
  display: block;
  flex: 1;
  user-select: none;
  pointer-events: none;
}
[data-page="addfunds"] .addfunds-method__box .badge {
  border-radius: 100px;
  border: 1px solid #212b42;
  background:#121826;
  display: flex;
  padding: 8px 15px 8px 10px;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.3px;
}
.icon {
  width: var(--icon-size);
  height: var(--icon-size);
  margin: 0;
}
.addfunds-wrap {
  margin-top: 20px;
}
.card-header__icon i {
  font-size: 20px;
}
.card.card-addfunds .card-head {
  border-radius: 20px;
  background: #111725;
  padding: 30px 20px;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.57px;
  letter-spacing: -0.57px;
  text-align: center;
}
.card.card-addfunds .card-body, .card.card-addfunds .card-body p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.42px;
}
@media (max-width: 767.98px) {
  .card {
    padding: 16px;
    gap: 16px;
  }
  .card-header {
    margin-bottom: 0;
    gap: 12px;
  }
  .card-header__title {
    font-size: 16px;
  }
}
#fields{
  display:flex;
  flex-direction: column;
  gap: 5px;
}
#fields .fields .control-label{
  margin-bottom: 3px;
}
.modal {
  --padding: 32px;
}
.modal-content {
  background: #171E30;
  border: 1px solid #263152;
  padding: var(--padding);
  border-radius: 24px;
}
.modal-header {
  border: 0;
  padding: 0;
  margin-bottom: 50px;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
  gap: 24px;
}
.modal-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
}
.modal-icon {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0038FF;
  border-radius: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.modal-icon i {
  font-size: 22px;
}
.modal-dialog {
  max-width: 586px;
}
.modal-body {
  padding: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-y: overlay;
}
.modal-close {
  background: transparent;
  outline: none;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-size: 22px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-right: -9px;
  margin-left: auto;
}
.modal-close:hover {
  background: rgba(255, 255, 255, 0.05);
}
.modal-backdrop {
  background: rgba(18, 24, 38, 0.5);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.modal-backdrop.show {
  opacity: 1;
}
@media (min-width: 768px) {
  .modal-body {
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal-body::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    height: 7px;
    width: 7px;
  }
  .modal-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 1199.98px) {
  .modal-header {
    margin-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  .modal {
    --padding: 24px;
  }
}
@media (max-width: 575.98px) {
  .modal {
    --padding: 20px;
    overflow: hidden;
    opacity: 1 !important;
  }
  .modal-header {
    gap: 12px;
    margin-bottom: 20px;
    padding: 0 var(--padding);
  }
  .modal-title {
    font-size: 18px;
  }
  .modal-dialog {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
    margin: 0;
    height: 100%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
  }
  .modal-content {
    max-height: 80% !important;
    border-radius: 20px 20px 0 0;
    border: none;
    padding: var(--padding) 0 0 0;
  }
  .modal-body {
    padding: 0 var(--padding) var(--padding);
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 1;
  }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    opacity: 1 !important;
  }
}

.pagination {
  margin: 0;
  border: 1px solid #212B42;
  border-radius: 10px;
  background: #171E30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: overlay;
  overflow: auto;
  position: relative;
}
.pagination .page-link {
  background: #171E30;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  border: none;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #5A6081;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pagination .page-link:first-child {
  border-right: 1px solid #212B42;
  margin-right: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pagination .page-link:last-child {
  border-left: 1px solid #212B42;
  margin-left: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagination .page-link:hover {
  color: #fff;
}
.pagination .page-link:hover i {
  color: #fff;
}
.pagination .page-link.active {
  background-color: #171E30;
  position: relative;
  color: #0083FF;
  z-index: 1;
}
.pagination .page-link.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  max-width: 34px;
  background-color: #0083FF;
}
.pagination .page-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination .page-icon i {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #5A6081;
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .pagination .page-link {
    padding: 14px;
  }
  .pagination .page-link:last-child {
    margin-left: 12px;
    position: sticky;
    z-index: 3;
    right: 0;
    top: 0;
  }
  .pagination .page-link:first-child {
    margin-right: 12px;
    position: sticky;
    z-index: 3;
    left: 0;
    top: 0;
  }
}

.dropdown {
  position: relative;
}
.dropdown-icon {
  font-size: 16px !important;
}
.dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: #fff;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -moz-appearance: none;
  background-size: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  border: 1px solid #364260;
  min-height: 54px;
  padding: 8px 16px;
  background: #27314A;
}
.dropdown-toggle span {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.dropdown-toggle i {
  font-size: 24px;
}
.dropdown-toggle:focus {
  border-color: #0038FF;
}
.dropdown-toggle::after {
  display: none !important;
}
.dropdown-menu {
  overflow-y: overlay;
  max-height: 300px;
  background-color: #1C243A;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #283457;
  border-radius: 10px;
  margin-top: 6px !important;
}
.dropdown-menu.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dropdown-item {
  color: #fff !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 10px 12px;
  border-radius: 6px;
}
.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
.dropdown-item.active {
  background-color: #0038FF !important;
}
.dropdown--primary .dropdown-toggle {
  background: #0038FF;
  border-color: #0038FF;
}
@media (max-width: 995.98px) {
  .dropdown-toggle {
    width: 100%;
    height: 100%;
  }
  .dropdown-icon {
    margin-left: auto;
  }
}

.api {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 98px;
  margin-bottom: 270px;
}
.api-list {
  --bs-gutter-x: 30px;
  margin-bottom: 24px;
}
.api-list__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #171E30;
  border-radius: 15px;
  border: 1px solid #212B42;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 26px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  word-break: break-all;
}
.api-list__card-title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.api-list__card-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #92969D;
}
.api-header {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
}
.api-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 94px;
  width: 100%;
}
.api-service__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.api-service__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.api-service__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #92969D;
}
.api-service .api-service__item:first-child {
  margin-right: auto;
}
.api-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 60px;
  width: 100%;
  background-color: #171E30;
  border-radius: 15px;
  border: 1px solid #212B42;
  margin-bottom: 24px;
}
.api-card__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9FA2B0;
}
.api-card__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.api-code {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}
.api-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.api-order__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.api-order__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 50px 108px;
}
.api-order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.api-order__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.api-order__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9FA2B0;
}
.api-dropdown {
  max-width: 200px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .api-list {
    --bs-gutter-y: 16px !important;
    --bs-gutter-x: 16px !important;
  }
}
@media (max-width: 995.98px) {
  .api {
    margin-bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .api {
    margin-bottom: 60px;
  }
  .api-card {
    padding: 36px;
  }
  .api-list__card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .api-list__card-title {
    margin-bottom: 0;
  }
  .api-header {
    font-size: 20px;
    line-height: 24px;
  }
  .api-service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .api-service__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .api-service .api-service__item:first-child {
    margin-right: unset;
  }
}
@media (max-width: 575.98px) {
  .btn-wrap .btn.btn-primary {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin: 5px;
}
.zero-order-box .btn-wrap {
  width: 100% !important;
  margin: auto;
}
  .api {
    margin-top: 40px;
  }
  .api-header {
    font-size: 18px;
    line-height: 22px;
  }
  .api-card {
    padding: 24px;
    margin-bottom: 16px;
  }
  .api-order__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .api-order__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .api-order__title {
    font-size: 16px;
    line-height: 18px;
  }
  .api-dropdown {
    max-width: 160px;
  }
}

.hero {
  margin-top: 130px;
  margin-bottom: 84px;
  overflow: hidden;
}
.hero-content__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px 14px 20px;
  border-radius: 50px;
  background: #0038FF;
  margin-bottom: 42px;
}
.hero-content__badge-icon {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
.hero-content__badge-icon::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  opacity: 0.75;
  -webkit-animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
  border-radius: 100%;
}
.hero-content__badge-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}
.hero-content__title {
  font-weight: 600;
  font-size: 45px;
  line-height: 50px;
  color: #fff;
  margin-bottom: 30px;
}
.hero-content__title span {
  position: relative;
  display: inline-block;
}
.hero-content__title span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: calc(100% + 3px);
  height: 18px;
  background-color: #0038FF;
  z-index: -1;
}
.hero-content__description {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #A6ACB8;
  margin-bottom: 42px;
}
.hero-image {
  position: relative;
  width: 475px;
  margin-left: auto;
  margin-right: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero-image__main {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-image__avatar {
  height: 104px;
  width: 104px;
}
.hero-image__avatar--middle {
  position: absolute;
  top: 160px;
  left: -56px;
}
.hero-image__avatar--corner {
  position: absolute;
  top: -40px;
  right: -60px;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/home/hero/background.svg");
  background-repeat: no-repeat;
  background-position: top right;
  z-index: -4;
  opacity: 0.5;
}
.hero::before {
  content: "";
  position: absolute;
  top: -280px;
  right: -280px;
  height: 670px;
  background: #1F2A42;
  -webkit-filter: blur(400px);
  filter: blur(400px);
  pointer-events: none;
  z-index: -3;
}
@media (max-width: 1199.98px) {
  .hero-content__badge {
    margin-bottom: 32px;
  }
  .hero-content__title {
    font-size: 38px;
  }
  .hero-content__description {
    margin-bottom: 20px;
  }
  .hero-image {
    max-width: 456px;
    margin-right: 0;
  }
  .hero-image__main {
    width: 390px;
  }
  .hero-image__avatar {
    height: 94px;
    width: 94px;
  }
  .hero-image__avatar--middle {
    top: 130px;
    left: -20px;
  }
  .hero-image__avatar--corner {
    top: -50px;
    right: -6px;
  }
}
@media (max-width: 995.98px) {
  .hero {
    margin-top: 60px;
  }
  .hero-content__title {
    font-size: 45px;
  }
  .hero-image {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hero {
    margin-bottom: 60px;
  }
  .hero-content__badge {
    margin-bottom: 20px;
  }
  .hero-content__title {
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}
@media (max-width: 575.98px) {
  .hero-content__badge {
    margin-bottom: 20px;
  }
  .hero-content__title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .hero-content__title span::before {
    bottom: 4px;
    height: 16px;
  }
}

.login {
  margin-bottom: 126px;
}
.login__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
.lgicon{
  display:
  flex;
  align-items: center;
}
.lgicon .icon{
  margin-right: 10px;
  border: 1px solid white;
  padding: 9px;
  border-radius: 30px;
}
.lgicon b{
  color: #2c5aff;
}
.login__title span {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.login__form {
  z-index: 3;
  position: relative;
  padding: 18px;
  background-color: #1C243A;
  border: 1px solid #27324C;
  -webkit-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.login__form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.login__form-input {
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
.login__form-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 23px;
  background-color: #313C5B;
}
.login__form-icon i {
  font-size: 30px;
}
.login__form-entry {
  height: 100%;
  background-color: #222C47;
  border: none;
  outline: none;
  padding: 0 26px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
}
.login__form-entry::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #757FAC;
}
.login__form-entry::-moz-placeholder {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #757FAC;
}
.login__form-entry::-ms-input-placeholder {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #757FAC;
}
.login__form-entry::placeholder {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #757FAC;
}
.login__form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.login__form-toggle input:checked + label {
  background-color: #0038FF;
}
.login__form-toggle input:checked + label:hover {
  background-color: #0034eb;
}
.login__form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 76px;
  width: 76px;
  border-radius: 15px;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #222C47;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  cursor: pointer;
}
.login__form-button i {
  font-size: 30px;
}
.login__form-button:hover {
  background: #1f2841;
}
.login__form-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 22px;
  padding: 28px 44px;
  border-radius: 10px;
  background-color: #0038FF;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
  border: none;
  border-radius: 50px;
}
.login__form-submit span {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #fff !important;
  width: 60px;
}
.login__form-submit i {
  font-size: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.login__form-submit:hover {
  background-color: #002dcc;
}
.login__form-submit:hover i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.login__banner {
  z-index: 1;
  position: relative;
  margin-top: -54px;
  width: 100%;
  padding-top: 106px;
  padding-bottom: 56px;
  background-color: #0038FF;
}
.login__banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.login__banner-title {
  width: 244px;
}
.login__banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 70px;
}
@media (max-width: 1199.98px) {
  .login__form {
    gap: 14px;
  }
  .login__banner-list {
    gap: 14px 24px;
  }
}
@media (max-width: 995.98px) {
  .login {
    margin-bottom: 100px;
  }
  .login__title {
    margin-bottom: 20px;
  }
  .login__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .login__form-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .login__form-input {
    max-width: unset;
  }
  .login__form-actions {
    gap: 14px;
    width: 100%;
  }
  .login__form-submit {
    width: 100%;
  }
  .login__banner-container {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .login__banner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .login__banner-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .login {
    margin-bottom: 60px;
  }
  .login__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 12px;
  }
  .login__banner {
    padding-top: 80px;
  }
  .login__banner-list a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 575.98px) {
  .login__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .login__form-input {
    height: 64px;
  }
  .login__form-icon {
    padding: 17px;
  }
  .login__form-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
  }
  .login__form-button {
    height: 64px;
    width: 64px;
  }
  .login__form-submit {
    padding: 22px 14px;
  }
}

.total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 38px;
  gap: 40px;
  margin-bottom: 178px;
}
.total__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 26px;
}
.total__item-image {
  height: 86px;
  width: 86px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.total__item-image img {
  height: 100%;
  width: 100%;
}
.total__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.total__item-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
}
.total__item-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 995.98px) {
  .total {
    margin-bottom: 100px;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .total {
    margin-bottom: 60px;
  }
  .total__item {
    gap: 18px;
  }
  .total__item-image {
    height: 70px;
    width: 70px;
  }
  .total__item-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .total__item-description {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .total__item-image {
    height: 80px;
    width: 80px;
  }
  .total__item-description {
    font-size: 16px;
  }
}

.features {
  background-image: url("https://storage.perfectcdn.com/be71ii/13nqiub1mp3azm6a.png");
  background-repeat: no-repeat;
  background-position: 30px 30px;
  margin-bottom: 100px;
  overflow: hidden;
}
.features__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.features__image img {
  width: 100%;
}
.features__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 50px;
  gap: 32px;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.features__content-top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #A6ACB8;
}
.features__content-title {
  font-weight: 600;
  font-size: 44px;
  line-height: 44px;
}
.features__content-title span {
  position: relative;
  z-index: 1;
}
.features__content-title span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  background: #0038FF;
  z-index: -1;
  bottom: 6px;
}
.features__content-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #A6ACB8;
}
@media (max-width: 1199.98px) {
  .features__content {
    padding: 0 20px;
  }
}
@media (max-width: 995.98px) {
  .features {
    margin-bottom: 100px;
  }
  .features__image {
    margin-bottom: 40px;
  }
  .features__content {
    margin-top: 0;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .features {
    margin-bottom: 60px;
  }
}
@media (max-width: 575.98px) {
  .features__image {
    margin-bottom: 24px;
  }
  .features__content {
    margin-bottom: 24px;
    gap: 14px;
  }
  .features__content-title {
    font-size: 36px;
    line-height: 1;
  }
  .features__content-title span::before {
    height: 12px;
  }
}

.guarantee {
  margin-bottom: 140px;
}
.guarantee__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 36px;
}
.guarantee__content-top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #A6ACB8;
}
.guarantee__content-title {
  font-weight: 600;
  font-size: 44px;
  line-height: 44px;
}
.guarantee__content-title span {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.guarantee__content-title span::before {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: 14px;
  background: #0038FF;
  z-index: -1;
  left: -4px;
  bottom: 4px;
}
.guarantee__content-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  max-width: 440px;
  color: #A6ACB8;
}
.guarantee__image {
  position: relative;
  margin-right: 52px;
  margin-left: auto;
  width: 350px;
}
.guarantee__image-avatar {
  position: absolute;
}
.guarantee__image-avatar--middle {
  top: 306px;
  height: 185px;
  left: -78px;
}
.guarantee__image-avatar--corner {
  top: 95px;
  right: -53px;
  height: 86px;
}
.guarantee__image::before {
  content: "";
  position: absolute;
  height: 180px;
  width: 180px;
  top: 100px;
  left: 26px;
  background: #D13B9C;
  -webkit-filter: blur(60px);
  filter: blur(60px);
  -webkit-transform: rotate(39.96deg);
  transform: rotate(39.96deg);
  z-index: -1;
}
.guarantee__image::after {
  content: "";
  position: absolute;
  height: 180px;
  width: 180px;
  top: 40px;
  right: -28px;
  background: #00ADFF;
  -webkit-filter: blur(60px);
  filter: blur(60px);
  -webkit-transform: rotate(39.96deg);
  transform: rotate(39.96deg);
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .guarantee__content-title {
    font-size: 36px;
    line-height: 1;
  }
  .guarantee__content-title span::before {
    height: 12px;
  }
}
@media (max-width: 995.98px) {
  .guarantee {
    margin-bottom: 100px;
  }
  .guarantee__content {
    gap: 24px;
  }
  .guarantee__content-title {
    font-size: 48px;
  }
}
@media (max-width: 767.98px) {
  .guarantee {
    margin-bottom: 60px;
  }
  .guarantee__content {
    gap: 16px;
  }
  .guarantee__content-title {
    font-size: 40px;
    line-height: 1.2;
  }
  .guarantee__image {
    width: 100%;
  }
  .guarantee__image-avatar--middle {
    top: 220px;
    height: 112px;
    left: -42px;
  }
  .guarantee__image-avatar--corner {
    top: 64px;
    right: -34px;
    height: 60px;
  }
  .guarantee__image::before {
    height: 120px;
    width: 120px;
    top: 80px;
    left: 32px;
  }
  .guarantee__image::after {
    height: 120px;
    width: 120px;
    top: 20px;
    right: -12px;
  }
}
@media (max-width: 575.98px) {
  .guarantee__content-title {
    font-size: 30px;
  }
  .guarantee__image {
    margin: 0;
  }
  .guarantee__image-avatar--middle {
    top: 150px;
    height: 82px;
    left: -32px;
  }
  .guarantee__image-avatar--corner {
    top: 34px;
    right: -34px;
    height: 50px;
  }
  .guarantee__image::before {
    height: 76px;
    width: 76px;
    top: 60px;
    left: -38px;
  }
  .guarantee__image::after {
    height: 76px;
    width: 76px;
    top: 30px;
    right: 0;
  }
}

.benefit {
  margin-bottom: 100px;
}
.benefit__container {
  --bs-gutter-x: 32px;
}
.benefit__mobile {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 100px;
  gap: 16px;
}
.benefit__mobile-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-left: 16px;
  padding-bottom: 16px;
  -ms-scroll-snap-type: x proximity;
  scroll-snap-type: x proximity;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.benefit__mobile-list::after {
  content: "";
  display: block;
  height: 1px;
  width: 1px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: -1px;
}
.benefit__content-title {
  font-weight: 600;
  font-size: 38px;
  line-height: 45px;
  margin-bottom: 36px;
}
.benefit__content-title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.benefit__content-title span::before {
  content: "";
  position: absolute;
  height: 14px;
  width: 100%;
  background-color: #0038FF;
  bottom: 6px;
  z-index: -1;
}
.benefit__content-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #A6ACB8;
}
.benefit__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.benefit__list--middle {
  margin-top: 22px;
}
.benefit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px;
  background: #1B2031;
  border: 1px solid #212C3D;
  border-radius: 15px;
  letter-spacing: -0.02em;
}
.benefit__item-avatar {
  width: 108px;
  height: 108px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
  margin-left: -10px;
}
.benefit__item-avatar img {
  width: 190px;
  height: 190px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.benefit__item-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 12px;
}
.benefit__item-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #A6ACB8;
}
@media (max-width: 1199.98px) {
  .benefit__content-title {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
  .benefit__content-title span::before {
    height: 10px;
  }
}
@media (max-width: 995.98px) {
  .benefit {
    margin-bottom: 40px;
  }
  .benefit__content {
    text-align: center;
    margin-bottom: 0;
  }
  .benefit__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .benefit__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 320px;
    padding: 20px;
    scroll-snap-align: center;
  }
  .benefit__item-avatar {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .benefit {
    margin-bottom: 10px;
  }
  .benefit__list {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
  .benefit__mobile {
    margin-bottom: 60px;
  }
  .benefit__item {
    padding: 24px;
    max-width: 280px;
  }
}
@media (max-width: 575.98px) {
  .benefit__content-title {
    font-size: 24px;
  }
  .benefit__content-title span::before {
    height: 6px;
  }
}

.tabs {
  margin-bottom: 100px;
}
.tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 74px;
}
.tabs__header-top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px;
}
.tabs__header-title {
  font-weight: 600;
  font-size: 35px;
  line-height: 25px;
}
.tabs__header-title span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tabs__header-title span::before {
  content: "";
  position: absolute;
  bottom: -7px;
  height: 14px;
  width: calc(100% + 2px);
  background-color: #0038FF;
  z-index: -1;
}
.tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 30px;
  margin-bottom: 116px;
}
.tabs__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 22px;
  padding: 11px 14px;
  background-color: #171E30;
  border: 1px solid #212B42;
  color: #fff;
  border-radius: 100px;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tabs__nav-item i {
  font-size: 42px;
}
.tabs__nav-item span {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.tabs__nav-item.active {
  background: #0038FF;
  border: 1px solid #5D80FF;
}
.tabs__nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tabs-item__title {
  font-weight: 600;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 22px;
}
.tabs-item__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #A6ACB8;
  margin-bottom: 34px;
}
.tabs-item__image {
  padding: 0 34px;
}
.tabs-item__image img {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .tabs-item__image {
    padding: 0 16px;
  }
}
@media (max-width: 995.98px) {
  .tabs {
    margin-bottom: 100px;
  }
  .tabs__nav {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 60px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 16px;
    padding-bottom: 10px;
    position: relative;
  }
  .tabs-item__image {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .tabs {
    margin-bottom: 60px;
  }
  .tabs__header {
    margin-bottom: 40px;
  }
  .tabs__header-title {
    font-size: 36px;
    line-height: 1.3;
    text-align: center;
  }
  .tabs__header-title span::before {
    bottom: 4px;
  }
  .tabs__nav {
    margin-bottom: 36px;
  }
  .tabs__nav-item {
    gap: 16px;
  }
  .tabs__nav-item i {
    font-size: 30px;
  }

  .tabs-item__description {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .tabs__header {
    margin-bottom: 24px;
  }
  .tabs__header-title {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
  }
  .tabs__header-title span::before {
    bottom: 8px;
  }
  .tabs__nav {
    gap: 16px;
    margin: 0 -16px 4px;
    padding: 0 0 16px 16px;
  }
  .tabs__nav::after {
    content: "";
    width: 1px;
    height: 1px;
    margin-left: -1px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .tabs__nav-item {
    padding: 14px;
  }
  .tabs__nav-item i {
    font-size: 24px;
  }
  .tabs-item__title {
    font-size: 20px;
    line-height: 24px;
  }
  .tabs-item__image {
    padding: 0;
  }
}
.guide {
  margin-bottom: 100px;
  overflow: hidden;
}
.guide__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
}
.guide__header-top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px;
}
.guide__header-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 1.3;
}
.guide__header-title span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.guide__header-title span::before {
  content: "";
  position: absolute;
  height: 14px;
  width: calc(100% + 2px);
  background-color: #0038FF;
  bottom: 0;
  z-index: -1;
}
.guide__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 0 26px;
}
.guide__item-image {
  margin-bottom: 40px;
  height: 160px;
}
.guide__item-image img {
  max-width: 100%;
  height: 100%;
}
.guide__item-title {
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
}
.guide__item-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #A6ACB8;
}
@media (max-width: 1199.98px) {
  .guide__header {
    margin-bottom: 80px;
  }
  .guide__item {
    padding: 0 10px;
  }
}
@media (max-width: 995.98px) {
  .guide {
    margin-bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .guide {
    margin-bottom: 60px;
  }
  .guide__header {
    margin-bottom: 40px;
  }
  .guide__item {
    padding: 0;
  }
}

.testimonial {
  max-width: 754px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 100px;
}
.testimonial__text {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.5);
}
.testimonial__title {
  font-weight: 600;
  font-size: 35px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -0.02em;
  max-width: 620px;
  margin: 0 auto 40px;
}
.testimonial__title span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.testimonial__title span::before {
  content: "";
  position: absolute;
  height: 14px;
  width: calc(100% + 8px);
  bottom: 4px;
  background-color: #0038FF;
  z-index: -1;
}
.testimonial__member {
  width: 100%;
  margin-bottom: 44px;
}
.testimonial__member .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 110px;
}
.testimonial__member .swiper-slide img {
  height: 76px;
  width: 76px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 100%;
  opacity: 0.25;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.testimonial__member .swiper-slide img:hover {
  opacity: 0.5;
}
.testimonial__member .swiper-slide-active img {
  width: 110px;
  height: 110px;
  opacity: 1 !important;
}
.testimonial__comments {
  width: 100%;
}
.testimonial__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #121826;
}
.testimonial__item-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-bottom: 30px;
  font-size: 22px;
}
.testimonial__item-stars i {
  color: #FAB43D;
}
.testimonial__item-text {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}
.testimonial__item-name {
  font-weight: 600;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 12px;
}
.testimonial__item-tag {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 995.98px) {
  .testimonial {
    margin: 0 auto 100px;
  }
}
@media (max-width: 767.98px) {
  .testimonial {
    margin: 0 auto 60px;
  }
  .testimonial__text {
    line-height: 1.2;
  }
  .testimonial__title {
    font-size: 28px;
    margin: 0 auto 24px;
  }
  .testimonial__member {
    margin-bottom: 24px;
  }
  .testimonial__item-stars {
    margin-bottom: 16px;
  }
  .testimonial__item-text {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .testimonial__text {
    margin-bottom: 6px;
  }
  .testimonial__title {
    font-size: 26px;
  }
  .testimonial__member .swiper-slide img {
    height: 66px;
    width: 66px;
  }
  .testimonial__member .swiper-slide-active img {
    width: 100px;
    height: 100px;
  }
}

.faq {
  margin-bottom: 100px;
}
.faq-container {
  --bs-gutter-x: 32px;
}
.faq-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.faq-content__top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.faq-content__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
}
.faq-content__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #A6ACB8;
  margin-bottom: 16px;
}
.faq-content__text {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.faq-page{
  margin-top:50px;
  margin-bottom:50px;
}
.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
}
.faq-list__item {
  background: #1D2537;
  border: 1px solid #2D3955;
  border-radius: 15px;
}
.faq-list__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  min-height: 66px;
  border: none;
  gap: 14px;
}
.faq-list__item-header.collapsed .faq-list__item-icon::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.faq-list__item-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.faq-list__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.faq-list__item-icon::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #fff;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.faq-list__item-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
}
.faq-list__item-inner {
  padding: 0 42px 24px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #A6ACB8;
}
@media (max-width: 995.98px) {
  .faq {
    margin-bottom: 100px;
  }
  .faq-content {
    margin-bottom: 40px;
    gap: 18px;
  }
  .faq-content__title {
    font-size: 32px;
    line-height: 1.2;
  }
  .faq-content__description {
    margin-bottom: 0;
  }
  .faq-list__item-title {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .faq {
    margin-bottom: 60px;
  }
}

.start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 108px;
  margin-bottom: 100px;
}
.start__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  gap: 32px;
}
.start__content-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 1.3;
  max-width: 530px;
}
.start__content-title span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.start__content-title span::before {
  content: "";
  position: absolute;
  height: 14px;
  width: calc(100% + 2px);
  background-color: #0038FF;
  bottom: 0;
  z-index: -1;
}
.start__content-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #A6ACB8;
  max-width: 674px;
}
.start__avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  gap: 32px;
  top: 0;
}
.start__avatars--left {
  left: -18px;
}
.start__avatars--right {
  right: -18px;
}
.start__avatars-item {
  height: 124px;
  width: 124px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.start__avatars-item img {
  height: 172px;
  width: 172px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.start__avatars-item:last-child {
  height: 406px;
  width: 300px;
}
.start__avatars-item:last-child img {
  height: 300px;
  width: 300px;
}
@media (max-width: 995.98px) {
  .start {
    padding-top: 0;
    margin-bottom: 100px;
  }
  .start__avatars {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .start {
    margin-bottom: 60px;
  }
}
@media (max-width: 575.98px) {
  .start__content {
    gap: 20px;
  }
  .start__content-title {
    font-size: 32px;
    max-width: unset;
  }
  .start__content-description {
    max-width: unset;
  }
}

.blog {
  padding-top: 120px;
  padding-bottom: 270px;
}
.blog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 58px;
}
.blog__header-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 30px;
  color: #fff;
}
.blog__header-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: #9FA2B0;
  max-width: 620px;
}
.blog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #212B42;
  border-radius: 15px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.blog__item-image {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 24px;
}
.blog__item-image img {
  width: 100%;
  height: auto;
}
.blog__item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
.blog__item:hover {
  background-color: #171E30;
}
.blog__list {
  --bs-gutter-y: 36px;
  --bs-gutter-x: 26px;
}
@media (max-width: 1199.98px) {
  .blog__item-image {
    margin-bottom: 18px;
  }
}
@media (max-width: 995.98px) {
  .blog {
    padding-bottom: 100px;
    padding-top: 80px;
  }
  .blog__item-title {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .blog {
    padding-bottom: 60px;
    padding-top: 20px;
  }
  .blog__header {
    margin-bottom: 20px;
    gap: 16px;
  }
  .blog__header-title {
    font-size: 28px;
  }
  .blog__item {
    padding: 16px;
  }
  .blog__item-image {
    margin-bottom: 16px;
    border-radius: 8px;
  }
  .blog__item-title {
    font-size: 18px;
    line-height: 20px;
  }
  .blog__list {
    --bs-gutter-y: 16px;
    --bs-gutter-x: 16px;
  }
}

.detail {
  padding-top: 116px;
  padding-bottom: 182px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.detail__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.1;
  text-align: center;
  margin-bottom: 40px;
}
.detail__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 54px;
}
.detail__social-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
}
.detail__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.detail__social-item {
  height: 38px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #212B42;
  background: #171E30;
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.detail__social-item i {
  font-size: 24px;
}
.detail__social-item:hover {
  background-color: #23293a;
}
.detail__image {
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 64px;
  background-color: #171E30;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/detail/empty.svg");
  background-size: 16%;
  background-repeat: no-repeat;
  background-position: center;
}
.detail__image--empty {
  max-width: 960px;
  width: 100%;
  height: 348px;
}
.detail__image img {
  width: 100%;
  height: auto;
}
.detail__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 56px;
  max-width: 960px;
  margin-bottom: 86px;
}
.detail__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26px;
}
@media (max-width: 1199.98px) {
  .detail__image--empty {
    max-width: unset;
  }
  .detail__content {
    max-width: unset;
  }
}
@media (max-width: 995.98px) {
  .detail {
    padding-bottom: 100px;
    padding-top: 80px;
  }
}
@media (max-width: 767.98px) {
  .detail {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .detail__title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .detail__social {
    margin-bottom: 24px;
  }
  .detail__image {
    margin-bottom: 24px;
  }
  .detail__image--empty {
    max-width: unset;
    width: 100%;
    height: 280px;
  }
  .detail__content {
    gap: 24px;
    margin-bottom: 32px;
  }
  .detail__content-item {
    gap: 16px;
  }
}
@media (max-width: 575.98px) {
  .detail__image {
    margin-bottom: 24px;
  }
  .detail__image--empty {
    height: 200px;
  }
}

.auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--app-height, 100vh);
  min-height: var(--app-height, 100vh);
  max-height: var(--app-height, 100vh);
  width: 100%;
  overflow: auto;
}

.verifyauth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--app-height, 100vh);
  min-height: var(--app-height, 100vh);
  max-height: var(--app-height, 100vh);
  width: 100%;
  overflow: auto;
  justify-content: center;
}

.auth-content {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: calc((var(--app-width) - var(--container-width) + 32px) / 2);
  align-items: center;
}

.verifyauth .verify-content{
  width: 50%;
  display: flex;
}
.auth-form {
  padding: 60px 0;
  margin: auto 0;
  max-width: 464px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.verifyauth .verify-content .auth-form{
  max-width: none;
}
.auth-form__link {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 30px rgba(12, 36, 71, 0.15);
  box-shadow: 0 5px 30px rgba(12, 36, 71, 0.15);
  background: #1C243A;
  border: 1px solid #2C3A5E !important;
}
.auth-logo {
  height: 38px;
  display: block;
  margin-bottom: 26px;
}
.auth-logo img {
  height: 100%;
}
.auth-info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  position: sticky;
  top: 0;
  height: 100%;
  width: 100%;
  border-left: 1px solid #212B42;
  background: #171E30;
  padding-right: calc((var(--app-width) - var(--container-width) + 32px) / 2);
  padding-left: 94px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.auth-info__container {
  max-width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
  margin-bottom: 350px;
}
.testi-card .tc-top {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 8px;
}
.testi-card .tc-top .tc-name {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.testi-card .tc-top .tc-stars {
  color: #fbbc05;
}
.panel-sidebar__button i {
  font-size: 17px !important; 
}
.testi-card .tc-content .tc-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.04em;
  color: #fff;
}
.register-page .testi-card .tc-text {
  margin: 0 !important;
}
.auth-info__image {
  max-width: 312px;
}
.auth-info__image img {
  width: 100%;
}
.auth-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.auth-info__title {
  font-weight: 600;
  font-size: 44px;
  line-height: 50px;
}
.auth-info__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.auth-info::before {
  content: "";
  position: absolute;
  height: 208px;
  width: 208px;
  right: -38px;
  top: -38px;
  background: #EE5A40;
  -webkit-filter: blur(180px);
  filter: blur(180px);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: 1;
}
.auth-info::after {
  content: "";
  position: absolute;
  height: 208px;
  width: 208px;
  left: -47px;
  bottom: -56px;
  background: -webkit-gradient(linear, left bottom, left top, from(#016CF2), to(#016CF2)), #EE5A40;
  background: linear-gradient(0deg, #016CF2, #016CF2), #EE5A40;
  -webkit-filter: blur(180px);
  filter: blur(180px);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.auth-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  gap: 34px;
}
.auth-feature__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.auth-feature__item--primary i {
  background: #00E0FF !important;
}
.auth-feature__item i {
  font-size: 24px;
  height: 46px;
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: #FF6188;
}
.auth-feature__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #A6ACB8;
}
@media (max-width: 1199.98px) {
  .auth-content {
    padding-right: 40px;
  }
}
@media (max-width: 995.98px) {
  .auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .auth-logo {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .auth-content {
    padding: 0 calc((var(--app-width) - var(--container-width) + 32px) / 2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .auth-form {
    padding: 32px 0;
    max-width: unset;
    gap: 20px;
  }
  .auth-info {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .auth-content {
    padding: 0 16px;
  }
}

.dashboard-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 15px;
  padding: 16px;
  margin-bottom: 24px;
}
.dashboard-banner__logo {
  height: 52px;
  width: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0038FF;
  border: 1px solid #426BFF;
  border-radius: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.dashboard-banner__logo img {
  height: 30px;
  width: auto;
}
.dashboard-banner__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  margin-right: auto;
}
.dashboard-banner__button {
  padding: 20px 46px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF !important;
  background-color: #0038FF;
  border: 1px solid #4B72FF;
  border-radius: 100px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.dashboard-banner__button:hover {
  background-color: #0032e6 !important;
}
.dashboard-content {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
.dashboard-total {
  --bs-gutter-x: 16px;
  height: 100%;
}
.dashboard-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  padding: 30px 26px 30px 24px;
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/background.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
  overflow: hidden;
}
.dashboard-card__icon {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard-card__icon img {
  position: absolute;
  width: 120px;
  height: 120px;
  left: -30px;
  top: -30px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.dashboard-card__title {
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 8px;
}
.dashboard-card__total {
  font-weight: 600;
  font-size: 22px;
  line-height: 25px;
}
.dashboard-card--blue::before {
  left: -238px;
  top: -64px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/blue-line.svg");
  height: 482px;
  width: 462px;
}
.dashboard-card--blue::after {
  left: -238px;
  top: -64px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/blue-line.svg");
  height: 482px;
  width: 462px;
}
.dashboard-card--blue .dashboard-card__title {
  color: #027CFF;
}
.dashboard-card--pink::before {
  left: -186px;
  top: -226px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/pink-line.svg");
  background-repeat: no-repeat;
  height: 482px;
  width: 464px;
}
.dashboard-card--pink::after {
  left: -186px;
  top: -226px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/pink-line.svg");
  height: 482px;
  width: 464px;
}
.dashboard-card--pink .dashboard-card__title {
  color: #FE026C;
}
.dashboard-card--orange::before {
  left: 0;
  top: -318px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/orange-line.svg");
  height: 477px;
  width: 474px;
}
.dashboard-card--orange::after {
  left: 0;
  top: -318px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/cards/orange-line.svg");
  height: 477px;
  width: 474px;
}
.dashboard-card--orange .dashboard-card__title {
  color: #FE8A03;
}
.dashboard-card::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard-card::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: blur(80px);
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard-hero {
  position: relative;
  padding: 58px 50px;
  background-color: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  overflow: hidden;
}
.dashboard-hero__content {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  max-width: 298px;
}
.dashboard-hero__title {
  font-weight: 600;
  font-size: 25px;
  line-height: 29px;
  color: #FFFFFF;
}
.dashboard-hero__title span {
  color: #FF0099;
}
.dashboard-hero__description {
  font-weight: 500;
  font-size: 12px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
}
.dashboard-hero__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: none;
  outline: none;
  color: #fff !important;
}
.dashboard-hero__link span {
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
}
.dashboard-hero__link i {
  font-size: 24px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.dashboard-hero__link:hover i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.dashboard-hero__image {
  position: absolute;
  width: 62%;
  right: -40px;
  top: -8px;
}
.dashboard-hero::before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -298px;
  background-image: url("https://cdn.smmspot.net/famegrowers/images/panel/dashboard/hero-line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 560px;
  height: 664px;
  -webkit-filter: blur(80px);
  filter: blur(80px);
  z-index: 0;
}
.dashboard-info {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 26px;
}
.dashboard-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.dashboard-info__definition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
.dashboard-info__definition i {
  font-size: 14px;
  height: 25px;
  width: 25px;
  background-color: var(--icon-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dashboard-info__definition span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.dashboard-info__content, .dashboard-info__box {
  min-height: 58px;
  padding: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 10px;
}
.dashboard-info__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  line-height: 1.5;
}
.dashboard-info__box p {
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .dashboard-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dashboard-card--blue::before {
    left: -88px;
    top: -104px;
    height: 482px;
    width: 462px;
  }
  .dashboard-card--blue::after {
    left: -88px;
    top: -104px;
    height: 482px;
    width: 462px;
  }
  .dashboard-card--pink::before {
    left: -246px;
    top: -176px;
    background-repeat: no-repeat;
    height: 482px;
    width: 414px;
  }
  .dashboard-card--pink::after {
    left: -246px;
    top: -176px;
    height: 482px;
    width: 414px;
  }
  .dashboard-card--orange::before {
    left: 210px;
    top: -228px;
    height: 477px;
    width: 474px;
  }
  .dashboard-card--orange::after {
    left: 210px;
    top: -228px;
    height: 477px;
    width: 474px;
  }
  .dashboard-hero__image {
    width: auto;
  }
  .dashboard-hero__content {
    max-width: 450px;
  }
}
@media (max-width: 995.98px) {
  .dashboard-banner {
    margin-bottom: 20px;
    gap: 14px;
  }
  .dashboard-banner__button {
    padding: 20px 24px;
  }
  .dashboard-content {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .dashboard-hero {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .dashboard-hero__image {
    display: none;
  }
  .dashboard-hero__content {
    max-width: unset;
    gap: 16px;
  }
  .dashboard-hero__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dashboard-card {
    padding: 18px;
  }
  .dashboard-card::after {
    left: 0;
    top: 0;
  }
  .dashboard-card::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .dashboard-total {
    --bs-gutter-y: 16px;
  }
  .dashboard-hero {
    padding: 20px 16px 16px;
  }
  .dashboard-hero__content {
    gap: 12px;
  }
  .dashboard-info__header {
    margin-bottom: 0 !important;
  }
  .dashboard-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
  }
  .dashboard-banner__button {
    text-align: center;
    width: 100%;
  }
  .dashboard-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
  }
  .dashboard-card__icon {
    margin-bottom: 0;
  }
}

.childpanel {
  margin-top: 32px;
}
.childpanel-list {
  --bs-gutter-y: 24px;
}
.childpanel-dns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}
.childpanel-dns__title, .childpanel-dns__content {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
}
.childpanel-dns__content {
  color: rgba(255, 255, 255, 0.5);
}
.childpanel-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.childpanel-feature__icon {
  height: 45px;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.childpanel-feature__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.childpanel-feature__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.childpanel-feature__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.childpanel-feature__description {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
  max-width: 250px;
}
@media (max-width: 767.98px) {
  .childpanel {
    margin-top: 16px;
  }
  .childpanel-list {
    --bs-gutter-y: 16px;
    --bs-gutter-x: 16px;
  }
  .childpanel-dns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: unset;
  }
  .childpanel-feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.profile-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.profile-nav__button {
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 100px;
  padding: 20px 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;

}
.profile-nav__button.active {
  background: #0038FF;
  border: 1px solid #5379FF;
}
.profile-api {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
  word-break: break-all;
}
.profile-api__icon {
  height: 56px;
  width: 56px;
}
.profile-api__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.profile-api__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.profile-api__top {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.profile-api__id {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.profile-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 34px;
}
.profile-password__form {
  --bs-gutter-y: 34px;
}
.profile-card {
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  padding: 22px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  word-break: break-all;
}
.profile-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  background: #0038FF;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.profile-card__icon i {
  font-size: 33px;
}
.profile-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.profile-card__top {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.profile-card__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .profile-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .profile-nav__button {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .profile-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .profile-nav__button {
    text-align: center;
  }
  .profile-card {
    padding: 16px;
    gap: 16px;
  }
  .profile-card__icon {
    height: 48px;
    width: 48px;
  }
  .profile-card__icon i {
    font-size: 24px;
  }
  .profile-password__form {
    --bs-gutter-y: 20px;
  }
  .profile-other {
    gap: 20px;
  }
  .profile-api {
    margin-bottom: 20px;
  }
}

.affiliate-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 28px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  margin-top: 32px;
  margin-bottom: 32px;
  gap: 12px;
}
.affiliate-gift__text {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.affiliate-gift__button {
  padding: 20px 60px;
  background: #0038FF;
  border: 1px solid #4B72FF;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.affiliate-gift__button:hover {
  background: #0032e6;
}
.affiliate-list {
  margin-bottom: 84px;
  --bs-gutter-y: 26px;
}
.affiliate-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  word-break: break-word;
  gap: 20px;
}
.affiliate-card__icon {
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--icon-bg);
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.affiliate-card__icon i {
  font-size: 33px;
}
.affiliate-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.affiliate-card__top {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.affiliate-card__text {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
}
.affiliate-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}
.affiliate-info__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  word-break: break-all;
  gap: 24px;
}
.affiliate-info__icon {
  height: 65px;
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--icon-bg);
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.affiliate-info__icon i {
  font-size: 33px;
}
.affiliate-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.affiliate-info__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #92969D;
}
.affiliate-info__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #FFFFFF;
}
.affiliate-info__box {
  padding: 46px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
}
.affiliate-info__box ul {
  padding-left: 16px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .affiliate-gift {
    padding: 16px;
  }
  .affiliate-list {
    margin-bottom: 32px;
  }
  .affiliate-info {
    gap: 24px;
  }
  .affiliate-info__box {
    padding: 24px;
  }
}
@media (max-width: 995.98px) {
  .affiliate-gift__text {
    font-size: 14px;
  }
  .affiliate-gift__button {
    padding: 16px 32px;
  }
  .affiliate-card {
    padding: 16px;
    gap: 10px;
  }
  .affiliate-card__content {
    gap: 4px;
  }
  .affiliate-card__text {
    font-size: 14px;
  }
  .affiliate-card__icon {
    height: 48px;
    width: 48px;
  }
  .affiliate-card__icon i {
    font-size: 24px;
  }
  .affiliate-info {
    gap: 16px;
  }
  .affiliate-info__header {
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .affiliate-info__icon {
    height: 48px;
    width: 48px;
  }
  .affiliate-info__icon i {
    font-size: 24px;
  }
  .affiliate-info__title {
    font-size: 18px;
  }
  .affiliate-info__box {
    padding: 16px;
  }
}
@media (max-width: 767.98px) {
  .affiliate-gift {
    margin-top: 16px;
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 20px 16px;
  }
  .affiliate-gift__text {
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }
  .affiliate-list {
    --bs-gutter-y: 16px;
    --bs-gutter-x: 16px;
  }
}

.addfunds-list {
  margin-top: 32px;
  margin-bottom: 32px;
}
.addfunds-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 34px 28px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 15px;
  gap: 20px;
}
.addfunds-card__icon {
  height: 62px;
  width: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0038FF;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.addfunds-card__icon i {
  font-size: 35px;
}
.addfunds-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.addfunds-card__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.addfunds-card__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.addfunds-button {
  position: absolute;
  right: 30px;
  top: 23px;
  background: #27314A;
  border: 1px solid #364260;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 18px;
  color: #fff !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 200px;
  text-align: center;
  outline: none;
}
.addfunds-button:hover {
  background-color: #232c43;
}
.addfunds-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.addfunds-select {
  max-width: 132px;
  position: absolute;
  padding: 16px 20px;
  right: 30px;
  top: 23px;
  font-size: 14px;
  border: 1px solid #303E62;
  border-radius: 12px;
  background: #27314A url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5832 13.3405L17.5332 8.3905L18.9472 9.8045L12.5832 16.1685L6.21924 9.8045L7.63324 8.3905L12.5832 13.3405Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat right 16px center !important;
  background-size: 16px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.addfunds-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
}
.addfunds-info__logo {
  height: 26px;
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.addfunds-info__logo img {
  width: auto;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.addfunds-info__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.addfunds-info__text p {
  margin: 0;
}
.addfunds-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.addfunds-modal__card {
  grid-template-columns: 64px 4fr 100px 1fr !important;
}
@media (max-width: 1199.98px) {
  .addfunds-list {
    --bs-gutter-x: 24px;
  }
  .addfunds-card {
    padding: 20px;
    gap: 16px;
  }
  .addfunds-card__icon {
    height: 48px;
    width: 48px;
  }
  .addfunds-card__icon i {
    font-size: 24px;
  }
  .addfunds-card__content {
    gap: 8px;
  }
  .addfunds-card__title {
    font-size: 18px;
  }
}
@media (max-width: 995.98px) {
  .addfunds-list {
    margin-top: 0;
    --bs-gutter-y: 24px;
    margin-bottom: 24px;
  }
  .addfunds-modal__card {
    display: grid !important;
    grid-template-columns: 64px 4fr 100px 1fr !important;
  }
}
@media (max-width: 767.98px) {
  .addfunds-list {
    --bs-gutter-y: 16px;
    margin-bottom: 16px;
  }
  .addfunds-card {
    padding: 16px;
  }
  .addfunds-button {
    right: 16px;
    top: 12px;
  }
  .addfunds-select {
    top: 9px;
    right: 16px;
  }
  .addfunds-info {
    gap: 16px;
  }
  .addfunds-info__logo {
    height: 20px;
  }
  .addfunds-info__text {
    gap: 10px;
  }
  .addfunds-form {
    gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .addfunds-button {
    padding: 12px;
    max-width: 157px;
  }
  .addfunds-modal__card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.support-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.support-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 90px;
}
.support-nav__button {
  background-color: #0038FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 20px;
  width: 100%;
  max-width: 162px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF !important;
}
.support-nav__button i {
  font-size: 22px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.support-nav__button--secondary {
  background: #192134;
  border: 1px solid #212B42;
}
.support-nav__button--secondary:hover {
  background-color: #171e2f !important;
}
.support-nav__button:hover {
  background-color: #0032e6;
}
.support-nav__button:hover i {
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px);
}
.support-nav__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  color: #FFFFFF;
}
.support-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.support-status__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #FFFFFF;
}
.support-status__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}
.support-status__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 34px;
  background: #192134;
  border: 1px solid #212B42;
  border-radius: 15px;
  padding: 24px 28px;
}
.support-status__card-title, .support-status__card-state {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.support-status__card-title {
  color: #444E69;
}
.support-status__card-state {
  color: #FFFFFF;
}
.support-status__hero {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.support-status__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.support-status__text {
  position: absolute;
  left: 34px;
  top: 34px;
  right: 10px;
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  color: #FFFFFF;
}
.support-chat {
  background: #192134;
  border: 1px solid #212B42;
  border-radius: 15px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.support-chat__input {
  position: absolute;
  height: 96px;
  border-top: 1px solid #283249;
  bottom: 0;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 32px;
  padding-right: 32px;
  gap: 12px;
}
.support-chat__input input {
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  padding: 0;
  height: 100%;
  width: 100%;
  color: #fff;
}
.support-chat__input input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B98B8;
}
.support-chat__input input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B98B8;
}
.support-chat__input input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B98B8;
}
.support-chat__input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B98B8;
}
.support-chat__input button {
  padding: 20px 32px;
  color: #fff;
  font-weight: 600;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 14px;
  line-height: 16px;
  background: #0038FF;
  border-radius: 15px;
  border: none;
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.support-chat__input button:hover {
  background: #0032e6;
}
.support-chat__content {
  position: absolute;
  padding: 32px 25px 32px 32px;
  height: calc(100% - 96px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
  overflow-y: scroll;
  width: 100%;
}
.support-chat__box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  max-width: 60%;
  min-width: 20%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.support-chat__box-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  gap: 10px;
  font-size: 12px;
  line-height: 26px;
  color: #8B98B8;
}
.support-chat__box-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  padding: 12px 18px;
}
.support-chat__box--user {
  margin-left: auto;
}
.support-chat__box--user .support-chat__box-detail {
  margin-left: auto;
}
.support-chat__box--user .support-chat__box-text {
  border-radius: 15px 15px 0 15px;
  background: #242E49;
}
.support-chat__box--support .support-chat__box-text {
  border-radius: 0 15px 15px 15px;
  background-color: #0038FF;
}
@media (max-width: 1199.98px) {
  .support-status__list {
    display: grid;
    grid-template-columns: auto auto;
  }
  .support-status__hero {
    display: none;
  }
  .support-chat {
    height: 600px;
  }
}
@media (max-width: 995.98px) {
  .support-nav {
    margin-bottom: 40px;
  }
  .support-form {
    gap: 20px;
  }
  .support-status__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .support-status__hero {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .support-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 80px;
  }
  .support-nav__title {
    grid-column: span 2;
    text-align: center;
  }
  .support-nav__button {
    max-width: unset;
  }
  .support-status__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .support-chat__content {
    height: calc(100% - 70px);
    padding: 24px 17px 24px 24px;
  }
  .support-chat__input {
    height: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .support-chat__input button {
    padding: 16px;
    border-radius: 8px;
  }
  .support-chat__box {
    max-width: 70%;
  }
}
@media (max-width: 575.98px) {
  .support-nav {
    margin-bottom: 24px;
    gap: 24px 60px;
  }
  .support-nav__button {
    padding: 14px;
    gap: 12px;
  }
  .support-nav__button i {
    font-size: 16px;
  }
  .support-status__card {
    padding: 16px;
  }
  .support-chat__input {
    padding-left: 16px;
    padding-right: 16px;
    gap: 12px;
  }
  .support-chat__content {
    padding: 16px;
    gap: 16px;
  }
  .support-chat__box {
    gap: 0;
    max-width: 90%;
  }
  .support-chat__box-text {
    padding: 14px;
  }
}

.updates-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
  margin-bottom: 42px;
}
.updates-item {
  padding: 10px 20px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 5fr 3fr 280px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}
.updates-item__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.updates-item__date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #3E4954;
}
.updates-item__status {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background: #0038FF;
  border-radius: 10px;
  padding: 16px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .updates-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 16px;
  }
  .updates-item {
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .updates-item__title {
    white-space: unset;
  }
  .updates-item__date {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .updates-item__status {
    grid-column: unset;
    padding: 14px;
  }
}
@media (max-width: 995.98px) {
  .updates-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .updates-list {
    margin-top: 10px;
    grid-template-columns: 1fr;
    margin-bottom: 24px;
    gap: 10px;
  }
}

.services {
  margin-top: 20px;
}
.services-header {
  display: grid;
  grid-template-columns: 40px 1fr repeat(3, 104px) 1fr 150px;
  gap: 34px;
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 10px;
  background: #232b3fa1;
  align-items: center;
  backdrop-filter: blur(21px);
}

.services-header span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.services-header span:last-child {
  margin-left: auto;
}
.services-title {
  padding: 15px 14px;
  text-align: left;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  /* font-weight: 600; */
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 11px;
  background: url(https://storage.perfectcdn.com/be71ii/7lrqnr559xj1nxk0.png) #171e30;
  background-size: cover;
  background-position: right center;
  margin-top: 20px;
  background-color: #0038ff;
}
.services-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}
.services-item {
  padding: 12px 24px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 34px;
  grid-template-columns: 40px 1fr repeat(3, 104px) 1fr auto;
}
.services-item__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  gap: 10px;
  background: #002BFF;
  border: 1px solid #242E5E;
  border-radius: 100px;
  padding: 10px 20px;
  color: #fff !important;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.services-item__button i {
  font-size: 24px;
}
.services-item__button:hover {
  background: #0027e6;
}
.services-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  gap: 6px;
}
.services-item__content-title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 500;
  display: none;
}
.services-item__content-box {
  padding: 14px 18px;
  border-radius: 100px;
  background: #202B46;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  width: 100%;
}
.services-item__content-box--primary {
  background: #002BFF;
  border: 1px solid #242E5E;
}
.services-item__content--id, .services-item__content--price, .services-item__content--time {
  color: rgba(255, 255, 255, 0.5);
}
.services-item__content--price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .services {
    margin-top: 16px;
  }
  .services-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .services-title {
    margin-bottom: 16px;
  }
  .services-header {
    display: none;
  }
  .services-item {
    border-radius: 12px;
    padding: 16px 0;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px;
  }
  .services-item__content {
    font-size: 14px;
    line-height: 18px;
    padding: 0 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .services-item__content-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-item__content-box {
    background-color: transparent;
    padding: 0;
    font-size: 16px;
  }
  .services-item__content-box--primary {
    background-color: transparent;
    border: none;
  }
  .services-item__content--id {
    grid-column: span 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    color: #fff;
  }
  .services-item__content--service {
    grid-column: span 3;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-bottom: 1px solid #212B42;
    padding-bottom: 14px;
  }
  .services-item__content--order {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .services-item__content--price {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    color: #fff;
  }
  .services-item__content--time {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    grid-column: span 3;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px;
    border-top: 1px solid #212B42;
    color: #fff;
  }
  .services-item__button {
    margin-top: 8px;
    padding: 9px 16px;
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    grid-area: unset;
    grid-column: span 3;
    border-radius: 8px;
    font-size: 18px;
    line-height: 20px;
  }
  .services-item__button span {
    font-size: 14px;
    line-height: 14px;
  }
  .services-item__button i {
    font-size: 20px;
  }
}
@media (max-width: 995.98px) {
  .services-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .services {
    margin-top: 10px;
  }
  .services-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .services-title {
    text-align: center;
    padding: 16px;
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.orders {
  margin-top: 34px;
}
.orders-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 54px;
}
.orders-item {
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 15px;
  padding: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.orders-item__main {
  display: grid;
  grid-template-columns: minmax(auto, 114px) minmax(auto, 270px) minmax(auto, 314px) 20px auto minmax(auto, 180px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #212B42;
  margin-bottom: 22px;
}
.orders-item__link {
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 15px;
  padding: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 22px;
}
.orders-item__link i {
  color: #637990;
  font-size: 16px;
}
.orders-item__link span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #637990;
  opacity: 0.8;
}
.orders-item__dot {
  background: rgba(154, 172, 189, 0.25);
  margin-left: auto;
  margin-right: auto;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.orders-item__badge {
  text-align: center;
  color: #FFFFFF;
  padding: 22px;
  width: 100%;
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 15px;
}
.orders-item__badge--warning {
  background: #FA3C3C;
  border-color: #FF9393;
}
.orders-item__badge--success {
  background: #14DE95;
  border-color: #B8F5DF;
}
.orders-item__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFFFFF;
  padding: 18px 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 15px;
}
.orders-item__button--primary {
  border-color: #242E5E;
  background-color: #0038FF;
}
.orders-item__button--primary:hover {
  background-color: #0032e6 !important;
}
.orders-item__button i {
  font-size: 24px;
}
.orders-item__button:hover {
  background-color: #192034;
}
.orders-item__badge, .orders-item__button {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.orders-item__state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.orders-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 44px;
  flex-wrap: wrap;
}
.orders-item__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.orders-item__total-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #72879D;
}
.orders-item__total-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.orders-item__total-content i {
  font-size: 24px;
}
.orders-item__total-content span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.orders-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
.orders-item__content-title {
  display: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
}
.orders-item__content-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}
.orders-item__content--id {
  text-align: center;
  padding: 16px;
  white-space: nowrap;
  min-width: 110px;
  background-color: #0038FF;
  border-radius: 10px;
  border: 1px solid #4F75FF;
}
.orders-item__content--title .orders-item__content-text {
  line-height: 20px;
}
.orders-modal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  border-bottom: 1px solid #212B42;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.orders-modal__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  opacity: 0.5;
}
.orders-modal__link {
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 12px;
  padding: 18px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.orders-modal__link i {
  color: #637990;
  font-size: 20px;
}
.orders-modal__link span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #637990;
  opacity: 0.8;
}
.orders-modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: 16px;
}
.orders-modal__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.orders-modal__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.orders-modal__total-content {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}
@media (max-width: 1440px) {
  .orders-item__main {
    gap: 20px;
    grid-template-columns: minmax(auto, 114px) minmax(auto, 270px) minmax(auto, 260px) 20px auto minmax(auto, 140px);
  }
  .orders-item__detail {
    gap: 20px;
  }
}
@media (max-width: 1199.98px) {
  .orders {
    margin-top: 16px;
  }
  .orders-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .orders-item {
    padding: 16px;
    position: relative;
  }
  .orders-item__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .orders-item__state {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    padding-top: 8px;
  }
  .orders-item__button {
    gap: 10px;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
  }
  .orders-item__link {
    display: none;
  }
  .orders-item__dot {
    display: none;
  }
  .orders-item__button, .orders-item__badge {
    padding: 9px 30px;
    line-height: 20px;
  }
  .orders-item__badge {
    border-radius: 8px;
  }
  .orders-item__detail {
    display: none;
  }
  .orders-item__content-title {
    display: block;
    text-align: left;
  }
  .orders-item__content--id {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    background-color: transparent;
    border: none;
  }
  .orders-item__content--title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-bottom: 1px solid #212B42;
    padding-bottom: 10px;
  }
  .orders-item__content--date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media (max-width: 995.98px) {
  .orders-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .orders {
    margin-top: 10px;
  }
  .orders-list {
    margin-bottom: 24px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .orders-modal__top, .orders-modal__detail {
    padding-left: var(--padding);
    padding-right: var(--padding);
  }
}

.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
.actions__button {
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  gap: 14px;
  padding: 14px 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.actions__button--primary {
  background-color: #0038FF !important;
  border: none;
}
.actions__button--primary:hover {
  background-color: #002dcc !important;
}
.actions__button--outline {
  background-color: transparent !important;
  border: 1px solid #fff;
}
.actions__button--outline:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.actions__button i {
  font-size: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.actions__button:hover {
  background-color: #1c2334;
}
.actions__button:hover i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
@media (max-width: 575.98px) {
  .actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    gap: 16px;
  }
  .actions__button {
    width: 100%;
    background-color: rgba(23, 30, 48, 0.7);
  }
}

.banner {
  background-color: #0038FF;
}
.banner__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 94px;
  padding-bottom: 94px;
  gap: 12px;
}
.banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
}
.banner__content-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 26px;
}
.banner__content-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
}
@media (max-width: 995.98px) {
  .banner__container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner__content-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .banner__container {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }
  .banner__content {
    gap: 14px;
  }
  .Footer_bottom {
    text-align: center;
}
.footer__nav {
    justify-content: center;
    text-align: center;
    margin: 35px 0;
}
.footer-icon {
    text-align: center;
}
  
}

.feature {
  padding: 44px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 34px;
  overflow: hidden;
}
.feature__icon {
  height: 86px;
  width: 86px;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.feature__icon img {
  position: absolute;
  height: 160px;
  width: 160px;
  left: -36px;
  top: -36px;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.feature__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
  gap: 14px;
}
.feature__content-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.feature__content-description {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.feature__hero {
  position: absolute;
  z-index: 1;
  right: 74px;
  top: 6px;
  width: 248px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.feature__hero img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.feature::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 206px;
  width: 206px;
  border-radius: 50%;
  background-color: var(--hero-bg);
  -webkit-filter: blur(190px);
  filter: blur(190px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1199.98px) {
  .feature__hero {
    display: none;
  }
}
@media (max-width: 995.98px) {
  .feature {
    padding: 24px;
  }
}
@media (max-width: 767.98px) {
  .feature {
    gap: 24px;
  }
  .feature__icon {
    height: 66px;
    width: 66px;
  }
  .feature__icon img {
    height: 120px;
    width: 120px;
    left: -26px;
    top: -26px;
  }
}
@media (max-width: 575.98px) {
  .feature {
    padding: 16px;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 10px;
  }
  .feature__content {
    gap: 6px;
  }
}

.history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.history__card {
  padding: 24px 28px;
  background: #1C243A;
  border: 1px solid #283457;
  border-radius: 15px;
  display: grid;
  grid-template-columns: 74px 3fr 100px 2fr;
  gap: 16px;
}
.history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.history__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #505C7C;
}
.history__text {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #FFFFFF;
}
.history__item:last-child {
  margin-left: auto;
}
.history__item:last-child .history__text {
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .history__card {
    grid-template-columns: 64px 3fr 100px 2fr;
  }
}
@media (max-width: 995.98px) {
  .history__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .history__item {
    gap: 8px;
  }
  .history__text {
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }
  .history__item:last-child {
    margin-left: unset;
  }
  .history__item:last-child .history__text {
    white-space: unset;
  }
}
@media only screen and (min-width:962px) {
  .sort-box{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .sort-item{
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1C243A;
    border: 1px solid #283457;
    color: white;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    gap: 5px;
  }
}
@media only screen and (max-width:962px) {
  .sort-box{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sort-item{
    padding: 15px;
    display: flex;
    background: #1C243A;
    border: 1px solid #283457;
    color: white;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    width: 47.9%;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
  }
}
.sort-box .selected{
  background-color: #0038FF;
  border-radius: 10px;
  border: 1px solid #4F75FF;
}
.search {
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  align-items: flex-end;
}
.search__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  padding-left: 32px;
  padding-right: 32px;
  gap: 22px;
  background: #171E30;
  border-radius: 10px;
  border: 1px solid #212B42;
  width: 100%;
  justify-content: center;
  margin-left: 15px;
  align-items: center;
}
.search__input input {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  height: 54px;
  margin-left: 10px;
}
.search__input input::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #636B82;
}
.search__input input::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #636B82;
}
.search__input input::-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #636B82;
}
.search__input input::placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #636B82;
}
.search__input i {
  font-size: 24px;
  color: #636B82;
}
.search__body {
  padding: 0px;
}
@media (min-width: 995.98px) {
  .search form{
    width: 50%;
  }
  .search__input{
    margin-left:15px;
  }
}
@media (max-width: 995.98px) {
  .search form{
    width: 100%;
  }
  .search__input{
    margin-left: 0px;
  }
}
.search__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.search__select {
  position: relative;
}
.search__select-icon {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
  left: 16px;
  top: 16px;
  font-size: 22px;
}
.search__select-item {
  max-width: 200px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #fff;
  outline: none;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  line-height: 16px;
  position: relative;
  border-radius: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -moz-appearance: none;
  background-size: 24px;
  word-break: break-all;
  width: auto;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  border: 1px solid #364260;
  padding: 18px 48px 18px 18px;
  background: #27314A url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5832 13.3405L17.5332 8.3905L18.9472 9.8045L12.5832 16.1685L6.21924 9.8045L7.63324 8.3905L12.5832 13.3405Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat right 16px center !important;
}
.search__select-item option {
  font-weight: 600;
  font-size: 14px;
}
.search__select-item:focus {
  border-color: #0038FF;
}
.search__select--icon .search__select-item {
  padding: 18px 48px 18px 60px;
}
.search__select--primary .search__select-item {
  background-color: #0038FF !important;
  border: 1px solid #516EFE !important;
}
@media (max-width: 995.98px) {
  .search {
    background: transparent;
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .search__body {
    padding: 0;
    width: 100%;
  }
  .search__list {
    display: grid;
    grid-template-columns: auto auto;
  }
  .search__input {
    background: #171E30;
    border: 1px solid #212B42;
    border-radius: 15px;
    padding: 0 18px;
  }
  .search__input input {
    height: 64px;
  }
  .search__select {
    width: 100%;
  }
  .search__select-item {
    width: 100%;
    max-width: unset;
  }
}

.panel {
  --sidebar-width: 254px;
  --container-padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--app-height);
}
.panel-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.panel-container {
  max-width: calc(1450px + (var(--container-padding, 32px) * 2));
  margin: 0 auto;
  padding: var(--container-padding, 32px);
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .panel-container {
    padding: 16px;
  }
}

.panel-sidebar {
  width: var(--sidebar-width);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background: #171E30;
  border-right: 1px solid #212B42;
  min-height: var(--app-height);
  max-height: var(--app-height);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  position: sticky;
  top: 0;
  z-index: 4;
}
.panel-sidebar__logo {
  background: #171E30;
  padding: 32px;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
.panel-sidebar__container {
  padding: 12px 16px 16px;
}
.panel-sidebar__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
.panel-sidebar__user-avatar {
  height: 46px;
  width: 46px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.panel-sidebar__user-avatar img {
  height: 100%;
  width: 100%;
}
.panel-sidebar__user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.panel-sidebar__user-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.panel-sidebar__user-wallet {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #797D89;
}
.panel-sidebar__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 32px;
}
.panel-sidebar__button {
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 100px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.panel-sidebar__button-notification {
  height: 24px;
  width: 24px;
  background: #0038FF;
  border: 1px solid #3461FF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff !important;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  z-index: 1;
}
.panel-sidebar__button-notification::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #3461FF;
  opacity: 0.75;
  -webkit-animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
  border-radius: 100%;
  z-index: -1;
}
.panel-sidebar__button-title {
  color: #505C7C !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.panel-sidebar__button i {
  color: #505C7C;
  font-size: 24px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.panel-sidebar__button.active {
  background-color: #0038FF !important;
  border-color: #4B72FF;
}
.panel-sidebar__button.active span {
  color: #fff !important;
  font-weight: 600;
}
.panel-sidebar__button.active i {
  color: #fff;
}
.panel-sidebar__button:hover {
  background-color: #202738;
}
.panel-sidebar__button:hover span {
  color: #fff !important;
}
.panel-sidebar__button:hover i {
  color: #fff;
}
.panel-sidebar__logout {
  background-color: #FF6188;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  padding: 20px;
  width: 100%;
  border: none;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.panel-sidebar__logout span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.panel-sidebar__logout i {
  font-size: 24px;
}
.panel-sidebar__logout:hover {
  background-color: #e6577a;
}
@media (max-width: 1440px) {
  .panel-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0);
  }
  .panel-sidebar.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 1200px) {
  .panel-sidebar::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    height: 8px;
    width: 8px;
  }
  .panel-sidebar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #171E30;
  }
}

.panel-header {
  background: rgba(23, 30, 48, 0.85);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #212B42;
  padding: 24px 36px;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  z-index: 4;
}
.panel-header__open {
  height: 48px;
  width: 48px;
  background: rgba(0, 56, 255, 0.2);
  border-radius: 14px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  border: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.panel-header__open i {
  font-size: 24px;
}
.panel-header__open:hover {
  background: rgba(0, 56, 255, 0.5);
}
.panel-header__content {
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.panel-header__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.panel-header__title span {
  color: #0038FF;
}
.panel-header__description {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.panel-header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.panel-header__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
  gap: 10px;
  padding: 0;
  text-align: left;
}
.panel-header__button-icon {
  --icon-bg: #002CFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: var(--icon-bg);
  border: 1px solid #446DFF;
}
.panel-header__button-icon--green {
  --icon-bg: #18D9AA;
  border-color: #6CFFDB;
}
.panel-header__button-icon--gray {
  --icon-bg: #28324C;
  border-color: #364365;
}
.panel-header__button-icon i {
  font-size: 22px;
}
.panel-header__button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  color: #fff;
  font-weight: 600;
}
.panel-header__button-title {
  font-size: 14px;
  line-height: 16px;
}
.panel-header__button-description {
  font-size: 12px;
  line-height: 14px;
  color: #797D89;
}
@media (max-width: 1440px) {
  .panel-header__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 1200px) {
  .panel-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .panel-header__description {
    display: none;
  }
}
@media (max-width: 996px) {
  .panel-header__actions {
    gap: 24px;
  }
  .panel-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
  }
  .panel-header__button-description {
    display: none;
  }
}
@media (max-width: 780px) {
  .panel-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .panel-header__content {
    display: none;
  }
}
@media (max-width: 576px) {
  .panel-header {
    padding: 18px 16px;
  }
  .panel-header__actions {
    gap: 12px;
  }
  .panel-header__button-icon {
    height: 42px;
    width: 42px;
  }
  .panel-header__button-icon i {
    font-size: 24px;
  }
  .panel-header__button-content {
    display: none;
  }
}

.panel-menu {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #171E30;
  border-top: 1px solid #212B42;
  padding: 6px;
  z-index: 5;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.panel-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.panel-menu__item span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #72879D;
  white-space: nowrap;
}
.panel-menu__item i {
  color: #72879D;
  font-size: 26px;
}
.panel-menu__item.active span, .panel-menu__item.active i {
  color: #fff;
}
@media (max-width: 575.98px) {
  .panel-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.alert {
  margin: 20px auto;
  padding: 18px;
  position: relative;
  border-radius: 5px;
  width: 100%;
}
.alert.alert-success.my-message {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
.message-data {
  width: 50%;
  margin: auto;
  background-color: #171e30;
  padding: 25px;
  border-radius: 25px;
  border: 1px solid #212b42;
  flex: 0 0 100%;
  max-width: 50%;
}
.close-wraps {
  /* position: absolute; */
  /* bottom: 125px; */
  /* right: unset; */
  /* left: 55%; */
  /* top: unset; */
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 25px;
  text-align: center;
}
.close-wraps .btn-cl {
  background: #171e30;
  padding: 15px 30px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  gap: 8px !important;
  width: 105px;
  height: 45px;
  border: 1px solid #212b42 !important;
  font-size: 14px;
  margin: auto;
  cursor: pointer;
}

.close-wraps i {
  font-size: 14px;
  transform: translateY(2px);
}
.message-data h4 {
  text-align: center;
  font-size: 34px;
  padding-bottom: 20px;
}
.wrap-p ul li h6 {
  color: #8c929e;
}
.wrap-p ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.alertclose {
  position: absolute;
  width: 30px;
  height: 30px;
  opacity: 0.7;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  right: 15px;
  top: 15px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-wrap {
  border-radius: 30px;
}
.my-message.active {
  display: block !important;
}
.alert-success {
  background-color: #121826;
  /* border-left: 5px solid #178344; */
  /* color: #178344; */
}
.alert-success .alertclose {
  border-color: #fff;
  color: #fff;
}

.alert-danger {
  background-color: #1D2537;
/*  border-left: 5px solid #2D3955;
  border-right: 5px solid #2D3955;*/
  color: #fff;
  border-radius: 50px;
  border: 1px solid #2D3955;
}
.alert-danger .alertclose {
  border-color: #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-warning {
  background-color: #ffd48a;
  border-left: 5px solid #8a5700;
  color: #8a5700;
}
.alert-warning .alertclose {
  border-color: #8a5700;
  color: #8a5700;
}
.hidden{
  display:none;
}

.nonebtn{
  border:0;
  background:none;
}

.os-cancel {
  color: #fff;
  background: #c31331;
  border: 1px solid #f02245;
}

.os-partial {
  background: #fe6a3b;
  border: 1px solid #ff916f;
}

.os-iprogress {
  background: #e83088;
  border: 1px solid #ff63ae;
}

.os-processing {
  background: #3b66fe;
  border-color: #6586fe;
}

.os-pending {
  background: #23252e;
  border: 1px solid #2b2e38;
}

.os-completed {
  background: #0fba7d;
  border: 1px solid #2effb4;
}

.select-container {
  position: relative;
  width: 100%;
}

.select-container.open .select-options-wrapper {
  display: flex;
}

.select-container.open .select-arrow {
  transform: rotate(180deg);
}

.select-button {
  width: 100%;
  display: none;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  background-color: transparent;
  transition: 0.14s ease;
  outline: none;
  line-height: 20px;
  background: #1c243a;
  border: 1px solid #283457;
  box-sizing: border-box;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 20px 25px;
}

.select-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
}

.selected-text {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.select-arrow {
  position: absolute;
  right: 14px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.14s ease;
}

.select-options-wrapper {
  border-radius: 10px;
  position: absolute;
  z-index: 6;
  display: none;
  align-items: center;
  flex-direction: column;
  transition: 0.14s ease;
  background: #1c243a;
  border: 1px solid #283457;
  top: 70px;
  width: 100%;
}

.select-options {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px 8px;
  display: flex;
  gap: 2px;
  flex-direction: column;
  max-height: 240px;
  overflow-y: auto;
}


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

/* Track */
.select-options::-webkit-scrollbar-track {
  background: #2e384c;
  border-radius: 3px;
}

/* Handle */
.select-options::-webkit-scrollbar-thumb {
  background: #3b4456;
  border-radius: 3px;
}

/* Handle on hover */
.select-options::-webkit-scrollbar-thumb:hover {
  background: #434e64;
}

.select-option {
  display: block;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 7px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  color: #8598ac;
}

.select-option:hover,
.select-option:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.select-option.active {
  color: #fff;
  background: #0038FF;
}

.lg-title {
  display: flex;
  align-items: center;
  gap: 20px;
}
.m-dropdown{
  position: relative;
}
.m-dropdown-title{
  display: flex;
  padding: 20px 28px;
  background: #1c243a;
  border: 1px solid #283457;
  border-radius: 10px;
  height: 58px;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}
.m-dropdown-title span{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-dropdown-list{
  display: flex;
  position: absolute;
  width: 100%;
  padding: 10px;
  background: #1c243a;
  border: 1px solid #283457;
  flex-direction: column;
  border-radius: 10px;
  transform: translateY(37px);
  z-index: 1;
  gap: 5px;
}
.m-dropdown-item{
  color: #8598ac;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 10px;
  background: transparent;
  border-radius:7px;
  transition: .3s ease;
  border:0px;
  text-align:
  left;
  align-items: center;
}
.m-dropdown-container{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.m-dropdown-item:hover{
  background:#0038FF;
  color:white;
}
.m-dropdown-item i{
  margin-right: 5px;
}
.m-dropdown-item span{
  margin-right:5px;
}
.order-form-list{
  display:flex;
  gap:7px;
  margin-top:10px;
}
@media only screen and (max-width:962px) {
  .pay-methods-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width:962px) {
  .pay-methods-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: nowrap;
    flex-flow: nowrap;
    padding: 0px;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.pay-methods-nav li {
  padding: 5px;
  width: 33.3333%;
}

.pay-methods-nav li input[type="radio"] {
  display: none;
}

.pay-methods-nav li input[type="radio"]:checked ~ .nav-link {
  background: #0038ff !important;
}

.pay-methods-nav li input[type="radio"]:checked ~ .nav-link:hover {
  background: #0cbf74;
}

.pay-methods-nav li .active {
  background: #01B76C !important;
}

.pay-methods-nav li .active:hover {
  background: #0cbf74;
}

.pay-methods-nav li .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 73px;
  padding: 19px 8px;
  background: #1c243a;
  border-radius: 12px;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pay-methods-nav li .nav-link:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  background: #162138;
}

.pay-methods-nav li .nav-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
          box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.pay-methods-nav li .nav-link .onav-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-methods-nav li .nav-link .onav-icon img {
  max-width: 80%;
  max-height: 40px;
}

.pay-methods-nav li .nav-link i {
  font-size: 40px;
  line-height: 120%;
  margin-bottom: 6px;
}

.pay-methods-nav li .nav-link .onav-text {
  margin-top: 4px;
}
.tabs2 {
  margin: 0;
  background: #242a3863;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin-top: 70px;
  position: relative;
  margin-bottom: 21px;
  border-radius: 20px;
}
@media screen and (max-width: 512px) {
  .tabs {
    /* height: 40px; */
  }
}

/* Tab Links */
.tablinks {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  width: 33.333%;
  /*change depending on the number of tabs*/
  height: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
  overflow: hidden;
  transition: 0.3s ease;
}
@media screen and (max-width: 512px) {
  .tablinks {
    height: 40px;
    font-size: 12px;
  }
}

.tablinks:before {
  background: #0038ff;
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0;
  border-radius: 20px;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

/*tab buttons hover*/
.tablinks:hover::before {
  height: 100%;
  z-index: 2;
  bottom: 0;
}
@media screen and (max-width: 512px) {
  .tablinks:hover::before {
    height: 0;
  }
}

/* Tab active */
.tablinks.active {
  color: white;
  background-color: #242a38;
  z-index: 0;
  border-right: 0px;
  border-left: 0px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (max-width: 512px) {
  .tablinks.active {
    height: 75px;
  }
}

.tablinks.active:before {
  content: "";
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
}

/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
  opacity: 1;
  background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tablinks p {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.5s ease;
  padding: 0;
  margin: 0;
  color: white;
  backface-visibility: hidden;
  font-weight: 400;
}

.tablinks:hover p {
  color: white;
  opacity: 1;
}
@media screen and (max-width: 512px) {
  .tablinks:hover p {
    color: #686868;
    opacity: 0.6;
  }
}

/* Tabs text bigger */
.tablinks p:before {
  content: attr(data-title);
  position: absolute;
  height: auto;
  width: auto;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  font-size: 40px;
  transition: 1s ease-out;
  z-index: -1;
  font-weight: 600;
  top: 110%;
}
@media screen and (max-width: 512px) {
  .tablinks p:before {
    display: none;
  }
}

.tablinks:hover p:before {
  opacity: 0.1;
  font-size: 40px;
  top: -80%;
}

/* tab content */
.wrapper_tabcontent {
  background-color: #242a38;
  margin-top: 0px;
  z-index: -3;
  position: relative;
  opacity: 1;
  padding: 40px 60px;
  color: white;
  overflow: hidden;
  transition: all 1s ease;
  border-radius: 20px;
  top: 0;
  margin-bottom: 50px;
}

.tabcontent {
  display: none;
  min-height: 180px;
}

@keyframes tabEffect {
  from {
    top: -40px;
  }
  to {
    top: 0px;
  }
}
.tabcontent.active {
  transition: all 1s ease;
  display: block;
}

/* Tab content line */
.wrapper_tabcontent:after {
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -2;
  transition: all 1s ease;
}

/* Title */
.tabcontent h3 {
  font-size: 26px;
  top: 81px;
  transform: rotate(90deg);
  position: absolute;
  left: -89px;
  opacity: 0.1;
  width: 196px;
  height: 60px;
  background: #e5e5e5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  animation: city 1s ease;
}
@media screen and (max-width: 512px) {
  .tabcontent h3 {
    top: 65px;
  }
}

@keyframes city {
  from {
    left: -150px;
  }
  to {
    left: -90px;
  }
}
/* Text*/
.tabcontent p {
  color: white;
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  transition: all 1s ease;
  animation: fadeEffect 0.6s ease;
  width: 100%;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}
.ticket-order-list{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ticket-payment-list{
  display:flex;
  gap: 10px;
}
.ticket-request-list{
  display:flex;
  gap: 10px;
}
.ticketsec{
  padding: 7px 22px;
  background: #1c243a;
  border:0px;
  color: white;
  border-radius: 10px;
  width: 100%;
}
.info-box{
  display:
  flex;
  gap: 10px;
  margin-top: 50px;
}
.info-text{
  display:
  flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 18px;
}
.info-text span{
  display:
  flex;
  font-weight: 400;
  font-size: 14px;
}
/* Design Issues fixing codes start */


#header {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.header {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header__nav a.active {
  background: transparent!important;
  border-radius: 0px!important;
  border-bottom: 2px solid #0038ff;
  border-radius: 0px;
  color: #0038ff!important;
}

#header.bodyscrolled {
  background: #171c2ba3;
  backdrop-filter: blur(10px);
}


main.notauth {
  padding-top: 100px;
}

.bodyscrolled .header {
  padding-top: 10px;
  padding-bottom: 10px;
}

nav.header-mobile__nav a.active{
  background: #0038ff;
}
.footer_logo p {
  font-size: 14px;
  margin-top: 10px;
}
.footer__payment h4 {
  font-size: 20px;
  font-weight: 800;
}
.footer_menu{
  margin-bottom: 15px;
}
.footer_menu a {
  display: block;
  color: #fff;
  padding: 5px 0px;
  transition: 0.5s;
  color: #92969D;
}

.footer_menu a:hover{
  transform: translateX(5px);
}

.footer___link h4 {
  font-size: 20px;
  font-weight: 800;
}

.footer {
  border-top: 2px solid;
  border-color: rgb(45, 57, 85);
  background: #1d2537;
}

.services__infos ~ .modal-close {
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 30px;
  padding: 20px;
  background: red;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.services__infos {
  text-align: center;
  width: 100%;
}

.services__infos .services_id {
  padding: 5px 30px;
  display: inline-block;
  background: #0038ff;
  border-radius: 10px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.service_title {
  width: 100%;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}

.services_descriptions_box {
  min-height: 100px;
  background: #202d57;
  border: 1px solid #293972;
  padding: 20px 15px;
  border-radius: 10px;
}

.card.card-body.card__blog {
  padding: 0px;
  gap: 0px;
}

.blog__author {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}


.avatar img {
  width: 50px;
}

.author_info h4 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-weight: 800;
  margin-bottom: 3px;
}

.author_info p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #ddd;
}

.blog__image{
  width: 100%;
  height: 300px;
  overflow: hidden;
  object-fit: cover;
}

.blog__title h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 15px 25px;
  padding-bottom: 20px;
  padding-top: 15px;
  border-bottom: 1px solid #545454;
}

.blog__content {
  padding: 10px 25px;
  font-size: 14px;
  height: 170px;
  max-height: 170px;
  overflow: scroll;
}
.blog__content::-webkit-scrollbar{
  display: none;
}

.blog_footer {
  margin: 25px 25px;
  border-top: 1px solid #545454;
  padding-top: 20px;
}

.blog-share-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}


.blog-share-wrapper a {
  display: inline-block;
  color: #fff;
  width: 35px;
  height: 35px;
  background: #1f2841;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  border: 1px solid #2f3d62;
  border-radius: 8px;
  transition: 0.5s;
}


.blog-share-wrapper a:hover{
  background: #002CFF;
  color: #fff;
  text-decoration: none;
  border-color: #002CFF;
}

.blog-read-more{
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 0;
  display: flex;
  align-items: center;
}

.page__banner{
  position: relative;
  min-height: 200px;
}

.page__banner h4{
  font-size: 25px;
  font-weight: 800;
  color: #fff;
}

.main_page_banner img {
  float: right;
  position: absolute;
  bottom: 0;
  width: 350px;
  right: 30px;
}

.sort-item {
  display: flex;
  flex-direction: row;
}

.faq__card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 15px;
}

.faq__card__header img {
  width: 50px;
}

.faq_sectns .faq-list__item {
  margin-bottom: 5px;
}

.back_to_home_btn {
  color: #fff;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-top: 20px;
}

.back_to_home_btn:hover{
  color: #fff;
}

.sign_up_title{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  color: #fff;
  font-weight: 800;
}

.sign_up_title .sign_up_icons{
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  background: #002CFF;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 20px #002cffa3;
}

.lebel-v2 {
  color: #002cff!important;
}

.lebel-v2 .icon {
  width: 30px;
  height: 30px;
  background: #002cff40;
  display: inline-block;
  line-height: 30px;
  border-radius: 9px;
  color: #002cff;
}

.lebel-v2.color1{
  color: #ff5aa5!important;
}

.lebel-v2.color1 .icon{
  color: #ff5aa5!important;
  background: rgba(255, 90, 165, 0.2)!important;
}

.lebel-v2.color2{
  color:  #5AD7FF!important;
}

.lebel-v2.color2 .icon{
  color: #5AD7FF!important;
  background: rgba(90, 215, 255, 0.2)!important;
}

.lebel-v2.color3{
  color: #ED7E58!important;
}

.lebel-v2.color3 .icon{
  color: #ED7E58!important;
  background: rgba(237, 126, 88, 0.2)!important;
}

.auth-form .form-control{
  padding: 15px;
}


.feature__icon.feature_icon_v2 img {
  width: 80px;
  height: 80px;
  position: relative;
  left: 0;
  top: 0;
}

.form-group{
  margin-bottom: 20px;
}

.filter_btn_wrap{
  overflow: hidden;
  overflow-y: hidden;
  margin-bottom: 10px;
}



.filter_btn_wrap  button {
  display: flex;
  border: none;
  height: auto!important;
  padding: 5px 15px!important;
  max-height: 45px;
  height: 45px!important;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  background: transparent;
  color: #fff;
  border: 1px solid transparent;
  max-width: 100%!important;
  min-width: 100%!important;
  justify-content: center;
}

.filter_btn_wrap  button.activeItem{
  color: #ff5aa5!important;
  background: rgba(255, 90, 165, 0.2)!important;
  border-color:#ff5aa5!important;
}

.filter_btn_wrap  button > i,
.filter_btn_wrap  button > span{
  pointer-events: none;
}

.show_on_mob{
  display: none;
}

.has__bg{
  background: linear-gradient(to right, #00000090, #00000090),url(https://storage.perfectcdn.com/be71ii/xob60gs9z8zdwbur.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer__hr{
  margin: 0;
  padding: 0px;
  background: #ddd;
}

#bottom__footer {
  background: #1d2537;
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0rem;
  color: #92969D;
}

.footer__bottom__left h6{
  font-size: 16px;
}
.footer_bottom_menu a {
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    border-bottom: 1px solid transparent;
    color: #92969D
}

.footer_bottom_menu a:hover{
  color: #fff;
  border-color: #fff;
}


#select__platform .dropdown-menu{
  width: 100%;
}
#select__platform .btn-secondary{
  background: #1c243a!important;
}
#select__platform .dropdown-menu li{
  border-bottom: 1px solid #121826;
}
#select__platform .dropdown-menu li > button {
  width: 100%;
  background: transparent;
  color: #fff;
  margin-bottom: 5px;
  padding: 10px 15px;
  border: 0px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  border-radius: 15px;
  transition: 0.5s ease-in-out;
}

#select__platform .dropdown-menu li > button:hover{
  background: #121826;
}
.form-textarea{
  width: 100%;
}

@media only screen and (max-width:992px){
  .main_page_banner img{
    display: none;
  }
    
  .show_on_mob{
    display: block;
  }
  .header-mobile__actions-button{
    border-radius: 50px!important;
  }
  .header__actions-button--primary{
    border-radius: 50px!important;
  }
  .header-mobile__actions a, 
  .header-mobile__actions button{
    border-radius: 50px!important;
  }
}


@media only screen and (max-width:768px){
  .footer__bottom {
    flex-direction: column;
  }
  .header-mobile__nav a.active{
    border-radius: 50px!important;
  }
  .header-mobile__actions-button{
    border-radius: 50px!important;
  }
  .header__actions-button--primary{
    border-radius: 50px;
  }
  #select__platform .dropdown-menu li > button {
    font-size: 16px;
  }
}

@media only screen and (max-width:550px){
  [data-page="addfunds"] .addfunds-method {
  width: 100%;
}
  .services__modals .modal-dialog{
    align-items: center;
    width: 98%;
    margin: 0 auto;
  }
  .header-mobile__actions-button{
    border-radius: 50px!important;
  }
  .header__actions-button--primary{
    border-radius: 50px;
  }
}

@media only screen and (max-width: 400px) {
  .header-mobile__actions a, .header-mobile__actions button{
    border-radius: 50px!important;
  }
  .header-mobile__nav > a{
    display: block!important;
    margin: 0px!important;
    border-radius: 50px;
  }
  .header-mobile__nav{
    gap: 5px!important;
  }
  .login__form-list{
    gap: 0px!important;
  }
  .login__form-list .login__form-input{
    margin-bottom: 15px!important;
  }
  .login__form{
    gap: 0px!important;
    margin-bottom: 14px!important;
  }
  .login__form-actions{
    gap: 0px!important;
  }

  .login__form-actions .login__form-toggle{
    margin-right: 8px!important;
  }

  .login__form-actions .login__form-button{
    margin-right: 8px!important;
  }

  .actions{
    gap: 0px!important;
  }
  .actions .actions__button.actions__button--primary{
    margin-bottom: 15px!important;
  }
  .auth-form{
    gap: 0!important;
    height: auto!important;
  }
  .sign_up_title{
    margin-bottom: 15px;
  }
 /* .form-item{
    display: block;
    margin-bottom: 15px;
  }*/
  .form-item .form-label{
    display: block;
    margin-bottom: 10px;
  }
  .feature::before{
    width: 100%!important;
    height: 100%!important;
  }
  .panel-menu{
    z-index: 9;
  }
}



/* New Requirement */

.mycard .tabs button {
  padding: 0 0 15px;
  border-width: 0 0 1px !important;
    border-bottom-color: transparent !important;
  width: max-content;
  display: inline-flex;
  align-items: center;
  align-content: center;
  color: #fff;
  text-shadow: none !important;
  box-shadow: none;
    margin-right: 15px;
}
.mycard .tabs button .card-header__icon {
  margin-right: 12px;
}
.mycard .tabs button:hover, .mycard .tabs button:focus, .mycard .tabs button:focus-visible, .mycard .tabs button.active:hover, .mycard .tabs button.active {
  border-bottom: 1px solid #0038ff !important;
  border-radius: 0 !important;
}
.mycard .sections .content {
  display: none;
}
.mycard .sections .content.active {
  display: block;
}
.mycard .tabs {
  margin-bottom: 10px;
}
.btn-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.btn-wrap .btn.btn-primary {
  flex: 0 0 49%;
  max-width: 49%;
}
.btn.btn-primary.btn-secondary {
  background-color: #ff006a;
  border-color: #ff006a !important;
}
.btn-wrap .btn.btn-primary i {
  margin-right: 5px;
}
.mycard .tabs button .card-header__title {
  font-size: 16px;
  font-weight: 600;
}
.mycard .tabs button .card-header__icon {
  margin-right: 6px;
  width: 26px;
  height: 26px;
}
.mycard .tabs button .card-header__icon i {
  font-size: 15px;
}
.mycard .tabs button {
  padding: 0 0 10px;
  margin-right: 6px;
  margin-bottom: 10px;
}
.mycard .sections .content3 .faq-list__item {
  margin-bottom: 12px;
}
.read-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
}
.read-txt {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.read-title i {
  margin-right: 5px;
  background-color: #0038ff;
  width: 30px;
  height: 30px;
  display: inline-flex;
  font-size: 15px;
  line-height: 1;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.navbar-icon {
  font-size: 14px;
  margin-left: 4px;
}
.header__nav a {
  padding: 16px 25px;
}
.order-sort-item {
  align-items: center;
  flex-direction: column;
  min-width: 60px;
  align-content: center;
  justify-content: center;
}
.order-nav-icon {
  font-size: 25px;
  line-height: 1.4;
}
.search form {
  width: 40%;
}
.search {
  align-items: center;
}
.order-sort-item:hover {
  color: #fff;
  background-color: #0038FF;
}
.order-report {
  min-width: 160px;
  font-size: 14px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 10px 15px;
  line-height: 1.4;
}
.order-report i {
  font-size: 19px;
  margin-right: 8px;
}
.zero-order-img-wrap img {
  display: block;
  margin: auto auto 20px;
}
.zero-order-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #72879D;
  text-align: center;
}
.zero-order-box .btn-wrap {
  width: 50%;
  margin: auto;
}
.panel-sidebar__button[href="/tickets"] .badge {
  display: none;
}
.panel-sidebar__button-title {
  font-weight: 600;
  font-size: 16px;
}
.panel-sidebar__user::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #016CF2;
  display: block;
  visibility: visible;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  filter: blur(120px);
  z-index: -1;
}
.panel-sidebar__user {
  border: 1px solid #212B42;
  border-radius: 10px;
  padding: 20px 15px;
  position: relative;
  overflow: hidden;
}
.panel-sidebar__user-wallet {
  color: rgba(255,255,255,80%);
}
.panel-sidebar__user-name {
  color: #fff;
}
.panel-sidebar__user-wallet-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.services_descriptions_box + .row.dashboard-total {
  margin-top: 20px;
}
.ser-cat-btn .brand-category {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 15px;
  background: #171E30;
  border: 1px solid #212B42;
  border-radius: 10px;
  margin-bottom: 20px;
  color: #fff;
  text-decoration: none;
}
.ser-cat-btn .icon {
  font-size: 20px;
  margin-right: 10px;
}
/*.ser-cat-btn .brand-category:hover {
  background-color: #0038ff;
  border-color: #0038ff;
}*/
.support-chat__box--user .support-chat__box-text {
  white-space: normal;
  word-break: break-word;
}
.panel-sidebar__user-info {
  flex: 0 0 calc(100% - 90px);
  max-width: calc(100% - 90px);
}
.mycard .tabs button {
  padding: 8px 3px;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
}
.mycard .tabs button:hover, 
.mycard .tabs button:focus, 
.mycard .tabs button:focus-visible, 
.mycard .tabs button.active:hover, 
.mycard .tabs button.active {
  border: 1px solid #0038ff !important;
  border-radius: 5px !important;
  background-color: #0038ff20;
}
.mycard .tabs button .card-header__icon {
  margin-right: 5px;
  width: auto;
  height: auto;
  background-color: transparent;
}

.mycard .tabs button.active:hover, 
.mycard .tabs button.active, 
.mycard .tabs button:focus, 
.mycard .tabs button:focus-visible, 
.mycard .tabs button.active:focus-visible, 
.mycard .tabs button.active:focus {
  border: 1px solid #0038ff !important;
  border-radius: 100px !important;
  background-color: #0038ff;
}
.mycard .tabs button:hover, 
.mycard .tabs button:focus, 
.mycard .tabs button:focus-visible {
    background-color: #202738;
    border-color: #202738 !important;
    border-radius: 100px !important;
}
.mycard .tabs button {
  padding: 8px 9px;
}
.dropdown button {
  text-align: left;
}
#orderform-category + .dropdown button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    min-height: 58px;
}
#category-drop,
#orders-drop {
  max-height: 350px;
  overflow-y: auto;
  width: 100%;
  text-align: left;
}
#select__platform .dropdown-menu {
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
}
#category-drop #order-cItem {
  justify-content: flex-start;
}
#category-drop #order-cItem span,
#order-category span,
#order-services span,
#order-sItem span,
.platform-icon {
  margin-right: 5px;
  width: 25px;
  height: 25px;
/*  background-color: #121826;*/
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
/*  border: 1px solid #2c3a5e;*/
}
#order-category {
  transform: translateY(-6px);
}
.dash-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
/*#order-services {
  display: flex;
  align-items: center;
  align-content: center;
}*/
#orderform-service + .dropdown button {
  display: flex;
  align-items: center;
  height: 58px;
  min-height: 58px;
}
#order-services {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.fg{
  position: relative;
}
.fg .btn-primary {
  position: absolute;
  width: 200px;
  right: 8px;
  top: 7px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.fg .fg-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: absolute;
  background-color: #0038ff50;
  border-radius: 8px;
  border: 1px solid #0038ff;
  left: 10px;
  top: 9px;
}
.platform-icon i {
  font-size: 16px;
}
.addfunds-form .bootstrap-select {
  width: 100% !important;
  overflow: visible !important;
  padding-right: 15px !important;
}
.addfunds-form .bootstrap-select button {
  border: 0 !important;
  background: transparent !important;
  padding: 0;
  min-height: 18.5px;
  line-height: 18.5px;
  width: 100%;
  box-shadow: none !important;
}
.addfunds-form .bootstrap-select button + .dropdown-menu {
  top: 65px !important;
  left: 0 !important;
  right: 0;
  margin: auto !important;
  width: 100%;
  transform: none !important;
}
.panel-sidebar {
  position: fixed;
  z-index: 6;
}
.panel-content {
  margin-left: var(--sidebar-width);
}
.fg .fg-icon + input {
  padding-left: 65px;
}
#s_name,
.dp-service-text,
.dp-service-text p {
  font-weight: 400;
  font-family: Arial, sans-serif;
}
#s_names {
  font-size: 25px;
  color: #5ad7ff;
}
/*neworder new design*/
.neworder-wrap {
  padding: 25px 0;
}
.fav-cat-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #171E30;
    border: 1px solid #212B42;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    transition: box-shadow 0.3s linear;
    position: relative;
}
.fav-cat-wrap::before{
  transition: all .3s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  background: url(https://i.23robo.info/projects/framegrowers/img/triangle1.svg) no-repeat center center;
  bottom: -2px;
  right: 75%;
  height: 6px;
  width: 55px;
  z-index: 1;
}

.fav-cat-wrap:hover::before{
  right: 3.7em;
}
.fav-cat {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, rgba(37,44,65,1) 0%, rgba(28,75,126,1) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 100px;
  border: 1px solid #212B42;
    font-size: 35px;
    position: relative;
    z-index: 1;
}
.fav-cat-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.fav-cat-wrap::after {
  content: '';
  position: absolute;
  width: 70%;
  height: 70%;
  background-color: #016CF2;
  filter: blur(50px);
  right: 0;
  bottom: 0;
  z-index: 0;
    opacity: 0.4;
    transition: 0.3s linear;
}
.btn-youtube.active {
 background: #db182c;
}
.btn-instagram.active{
  background: linear-gradient(206.3deg, #5B00C4 11.66%, #D00049 123.55%);
}
.btn-twitch.active{
  background: #5c16c5;
}
.btn-spotify.active {
  background: #1ed760;
}
.btn-facebook.active {
  background: #395693;
}
.btn-tiktok.active {
  background: #060606;
}
.btn-telegram.active{
  background: #239fdb;
}
.btn-twitter.active{
  background: #1d9bf0;
}
.btn-google.active{
  background: #4285f4;
}
.btn-other.active {
  background: #3140EE;
}
.btn-sound.active {
  background: #ff5500;
}
.btn-discord.active {
  background: #5765F2;
}
/*.fav-cat-wrap:hover,
.fav-cat-wrap.active {
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255,255,255,80%);
  transition: box-shadow 0.3s linear;
}*/
.fav-cat-wrap:hover::after {
  left: 0;
  bottom: 0;
  transition: 0.3s linear;
}
#order-form label {
  margin-bottom: 12px !important;
  display: block;
  font-weight: 400 !important;
}
#order-form .btn-wrap {
  margin-top: 25px;
}
.neworder-wrap .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 0;
  border: 0;
  margin-bottom: 25px;
  gap: 10px;
}
.neworder-wrap .nav-tabs li {
  flex: 0 0 24.5%;
  max-width: 24.5%;
}
.deep-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 15px;
}
.deep-wrap .item-full {
  background: #1c243a;
  padding: 12px;
  width: 100% !important;
  border-radius: 15px;
}
.deep-wrap .info-item2 {
  background: #1c243a !important;
  padding: 12px;
  width: 48% !important;
  border-radius: 15px;
}
.info-item i {
  padding-right: 6px;
}
.neworder-wrap .nav-tabs li a i {
  padding-right: 6px;
}
.neworder-wrap .nav-tabs li a {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background-color: #016CF220;
  border-radius: 6px;
  text-align: center;
  border-radius: 20px;
}
.neworder-wrap .nav-tabs li.active a, 
.neworder-wrap .nav-tabs li.active a:hover, 
.neworder-wrap .nav-tabs li a:hover, 
.neworder-wrap .nav-tabs li a:focus, 
.neworder-wrap .nav-tabs li a:focus-visible {
  background-color: #016CF2 !important;
  color: #fff;
}
.neworder-wrap .nav-tabs li a.show, 
.neworder-wrap .nav-tabs li a.show:hover, 
.neworder-wrap .nav-tabs li a:hover, 
.neworder-wrap .nav-tabs li a:focus, 
.neworder-wrap .nav-tabs li a:focus-visible,
.neworder-wrap .nav-tabs .nav-link.active,
.neworder-wrap .nav-tabs .nav-link.show,
.neworder-wrap .nav-tabs .nav-item.show .nav-link {
    background-color: #016CF2 !important;
    color: #fff;
    border: 1px solid #016CF2;
}
.neworder-wrap #s_name {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  display: block;
}
.neworder-wrap #s_desc {
    font-family: 'Roboto', serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 16px;
    color: #92969D;
}
.neworder-wrap .faq-list__item {
  margin-bottom: 20px;
}
#fields .form-group .form-group {
  margin-bottom: 0 !important;
}
#order-form label {
  font-weight: 700 !important;
}
/*.fav-cat-outer-wrap .card-header__title {
  margin-bottom: 15px;
}*/
.addfunds-form .bootstrap-select button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.bootstrap-select .dropdown-menu li a:focus {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.mob-show {
  display: none;
}














@media (max-width: 1440px) { 
  .panel-content {
  margin-left: 0;
}
}
@media (max-width:991px) {
.fav-cat-wrap {
  padding: 15px;
  flex-direction: column;
  justify-content: center;
}
.fav-cat {
  width: 40px;
  height: 40px;
  font-size: 16px;
  margin-bottom: 10px;
}
.fav-cat-name {
  font-size: 18px;
  line-height: 1.4;
}
.neworder-wrap .nav-tabs li {
  flex: 0 0 49%;
  max-width: 49%;
  margin-bottom: 10px;
}
.neworder-wrap .nav-tabs {
  margin-bottom: 10px;
}
.neworder-wrap .btn-wrap .btn.btn-primary {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 15px;
  line-height: 1.4;
}
}
@media (max-width:767px){
  .row.fav-cat-row .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .fav-cat-name {
    font-size: 16px;
    font-weight: 500;
  }
  .neworder-wrap .card {
    margin-bottom: 15px;
  }
}
@media (max-width:550px) {
    .dashboard-total .dashboard-card__icon {
        display: none;
    }
    .row.dashboard-total .col-md-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .row.dashboard-total .dashboard-card {
        padding: 10px;
    }
    .row.dashboard-total .dashboard-card .dashboard-card__title {
        font-size: 12px;
        margin-bottom: 0;
    }
    .row.dashboard-total .dashboard-card .dashboard-card__total {
        font-size: 16px;
        font-weight: 700;
    }
    .services_descriptions_box + .row.dashboard-total {
      margin-top: 0px;
    }
  .ser-cat-btn .brand-category .cat-name {
    display: none;
  }
  .ser-cat-btn .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
  .ser-cat-btn .icon {
  margin-right: 0;
}
  .ser-cat-btn .brand-category {
  justify-content: center;
}
  .mainauth {
  padding-bottom: 85px;
}
  .panel-sidebar.open + .panel-content .panel-header__actions {
    display: none;
  }
  .panel-sidebar.open + .panel-content .panel-header__open {
    margin-left: auto;
  }
  .panel-sidebar.open .panel-sidebar__container .panel-sidebar__logout {
    margin-bottom: 71px;
  }
  .search form {
    width: 100%;
  }
  .auth-form .form-check {
    min-height: 1.7rem;
  }
  .auth-form .btn.btn-primary {
    height: 70px;
    max-height: 70px;
    min-height: 70px;
    margin-top: 15px !important;
  }
  .fav-cat-right {
    display: none;
  }
  .fav-cat {
    margin-bottom: 0;
  }
  .fav-cat-wrap {
    padding: 10px;
    border-radius: 10px;
  }
  .row.fav-cat-outer-wrap {
    margin-bottom: 0 !important;
  }
  .panel-menu {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }
  .panel-menu .panel-menu__item.active i, 
  .panel-menu .panel-menu__item:hover i, 
  .panel-menu .panel-menu__item.active:hover i, 
  .panel-menu .panel-menu__item:focus i, 
  .panel-menu .panel-menu__item:focus-visible i,
  .panel-menu .panel-menu__item.active span, 
  .panel-menu .panel-menu__item:hover span, 
  .panel-menu .panel-menu__item.active:hover span, 
  .panel-menu .panel-menu__item:focus span, 
  .panel-menu .panel-menu__item:focus-visible span {
    color: #fff;
  }
  #order-sItem {
    white-space: normal;
    word-break: break-word;
  }
  .mob-show {
  display: block;
}
  .panel-header__button.mob-show .panel-header__button-content {
  display: block;
}
  .user-balance {
    background-color: #002cff;
    border: 1px solid #446DFF;
    padding: 5px 8px;
    border-radius: 5px;
  }
  
}

.fs-ig .fab.fa-instagram {
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.fs-yt .fab.fa-youtube {
    color: rgb(205, 32, 31) !important;
}
.fs-telegram .fab.fa-telegram {
    color: #229ED9 !important;
}
}

.fs-fb .fab.fa-facebook-f {
    color: #4267B2 !important;
}
.fs-twc .fab.fa-twitch {
    color: #6441A4 !important;
}
.fs-fb .fab.fa-facebook-square {
    color: #4267B2 !important;
}
  .fs-tw .fab.fa-twitter {
    color: #1DA1F2 !important;
}
.fs-tiktok .fa-music {
    color: black !important;
}
.fs-sp .fab.fa-spotify {
    color: #1ED760 !important;
}
.no-bg {
    background: none;
    border: none;
    box-shadow: none;
    color: inherit;
}
span.fs-yt {
  background: none !important;
  border: none !important;
}
span.fs-ig {
  background: none !important;
  border: none !important;
}
span.fs-fb {
  background: none !important;
  border: none !important;
}
span.fs-sp {
  background: none !important;
  border: none !important;
}
span.fs-twc {
  background: none !important;
  border: none !important;
}
span.fs-tiktok {
  background: none !important;
  border: none !important;
}
span.fs-telegram {
  background: none !important;
  border: none !important;
}
span.fs-tw {
  background: none !important;
  border: none !important;
}
.fas.fa-star {
  color: yellow;
}
.login-with-google {
	position: relative;
	width: 20%;
	height: 62px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 50px;
	background: #0038ff;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin: auto;
	margin-bottom: 0;
	border: none;
	margin-top: 15px;
  animation: pulsing 3s infinite;
}
.login-with-google1 {
	position: relative;
	width: 100%;
	height: 76px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 50px;
	background: #0038ff;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin: auto;
	margin-bottom: 15px;
	border: 1px solid #4F75FF;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	cursor: pointer;
}
.login-with-google:hover,
.login-with-google1:hover {
	background-color: #0030d9;
}
.login-g-svg {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 5px;
}
.google-btn {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 76px;
	overflow: hidden;
	opacity: 0;
	margin: auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-width: 100%;
}
@keyframes pulsing {
  0%, 100% {
    box-shadow: 1px 0px 19px 2px rgba(255, 255, 255, 0.4), inset 0px 0px 8px rgba(255, 255, 255, 0.3);
  }

  50% {
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
  }
}
#items-content {
	display: flex;
}
.product-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  justify-content: center;
  text-align: center;
	border-radius: 15px;
	border: 1px solid #212b42;
	background: #171e30;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0,0,0,.03);
	margin-right: 8px;
	padding: 15px;
  transition: 0.3s ease-in-out;
}
.product-info:hover {
  border: 1px solid #0139ff;
  background: #0038ff;
  box-shadow: 0px 0px 0px 4px rgba(1,57,255,.2);
}
.product-info input {
	order: 0;
}
.product-info h3 {
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	order: 1;
	padding-top: 7px;
}
.product-info p {
	margin: 0;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.45px;
	color: #fff;
	border: 1px solid #212b42;
	background: #121826;
	border-radius: 100px;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	order: 3;
}
.product-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

input[type="radio"]:checked + .product-info::before {
  border-color: #315eff;
  background: #fff !important;
}
@media (max-width: 767px) {
    .login-with-google {
	width: 100%;
}
}
@media (max-width: 550px) {
    .login__form-actions .login__form-button {
	margin-left: 0;
}
.login__form-submit {
	width: 100%;
	margin-top: 10px;
}
.login__form-actions {
	flex-wrap: wrap;
	justify-content: center;
}
}
<style>
  .tickets-uploader {
    color: white !important;
    background-color: black; /* Dodaję tylko po to, aby zobaczyć, czy zmiany są widoczne */
  }
  .tickets-uploader * {
    color: white !important;
  }
</style>