* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  /* overflow-x: hidden !important; */
}

body {
  font-size: 16px;
  font-family: "Montserrat, sans-serif", "Roboto";
  background: #EEF2F5;
}

p {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #000;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  margin: 0;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #000;
}

.ri-loader-line {
  animation: 2s linear infinite ri-spin;
  display: inline-block;
  font-size: 19px;
  color: #ffffff;
}

@keyframes ri-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #000000e0 !important;
  color: #dadada !important;
}

button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.acc-data {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* align-items: center; */
}

.form-heading h1 {
  font-weight: 500;
  font-size: 46px;
  line-height: 69px;
  color: #ec1e27;
}

.form-heading p {
  font-weight: 400;
  font-size: 22px;
  line-height: 33px;
  color: #6b6b6b;
}

.acc-inner-data {
  width: 50%;
  border-radius: 6px;
  padding: 30px;
  flex-direction: column;
  display: flex;
  align-items: center;
  position: relative;
  margin: auto 0px;
  z-index: 9;
  min-height: 100vh;
  justify-content: center;
  box-shadow: 0px 2px 14px #0000001c;
  background: rgb(237 237 237);
  backdrop-filter: blur(16.399999618530273px);
}

.datepicker td,
.datepicker th {
  border: none;
}

.inner-checkbox {
  align-items: center;
  margin-bottom: 4px;
}

.datepicker td,
.datepicker th {
  border: none !important;
}

.acc-data .acc-inner-data label {
  color: #000000;
  font-size: 16px;
}

.acc-inner-data .acc-field .custom-list-dropdown {
  background-color: transparent;
  border: 1px solid #d9d9d9;
  padding: 14px 22px;
}

.acc-inner-data .acc-field .custom-list-dropdown .selected-display {
  font-size: 14px;
}

.acc-inner-data .acc-field .custom-list-dropdown .selected-display img {
  margin-right: 9px;
  width: 17px;
}

.acc-data .acc-inner-data .form-group {
  margin: 15px 0px 0px 0px;
  position: relative;
  width: 100%;
}

.acc-form-control:focus {
  box-shadow: none;
  background: #fff;
  color: #000000;
  outline: none;
  border: 1px solid #9292926b;
}

.acc-text-box {
  width: 100%;
  display: grid;
  gap: 19px;
  grid-template-columns: repeat(2, 2fr);
}

.form-group label {
  color: #000000;
  font-size: 16px;
  /* padding: 0px 4px; */
  margin-bottom: 3px;
  font-style: normal;
  background: transparent;
  font-weight: 500;
}

.acc-field {
  position: relative;
  text-align: left;
  width: 100%;
}

.input-icon a:hover {
  color: #0a4e47;
}

.acc-title h1 {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 0;
  color: #141415;
}

.acc-title p {
  color: #131313;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-top: 2px;
}

::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #969696;
}

.input-icon i {
  color: gray;
  font-size: 21px;
}

.acc-field .fa {
  position: absolute;
  top: 40%;
  right: 15px;
}

.input-icon a {
  position: absolute;
  top: -7px;
  right: 0px;
  font-size: 21px;
}

.inner-checkbox.agreeterms-info {
  margin-bottom: 30px;
  margin-top: 13px;
  margin-right: auto;
  position: relative;
}

.check-lable-info {
  position: absolute;
  top: -3px;
  left: 28px;
}

.acc-title img {
  margin-bottom: 12px;
  width: 192px;
}

.acc-title {
  margin-bottom: 39px;
  text-align: center;
}

.account-right {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ec1e27;
}

.form-check-input:focus {
  box-shadow: none;
}

.create-btn a {
  color: #ec1e27 !important;
}

.acc-btn {
  width: 100%;
  height: 54px;
  background: #383838;
  border-radius: 5px;
  border: none;
  color: #fff;
  margin-top: 2px;
  font-size: 19px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 15px;
  transition: all 0.4s;
  border: 1px solid #383838;
}

.acc-btn:hover {
  color: #383838;
  background: #fff;
  border: 1px solid #383838;
}

.create-btn:hover a {
  color: #fff !important;
}

.acc-inner-data.acc-inner-info form {
  max-width: 82%;
}

.small-button:hover {
  background: #fff;
  border: 1px solid #383838;
  color: #383838;
}

.create-btn:hover {
  background: #383838 !important;
  border: 1px solid #383838 !important;
}

.forgot-password {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-bottom: 36px;
  margin-top: 10px;
}

.forgot-password a {
  color: #000000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 14.5px;
}

.forgot-password a:hover {
  color: #ec1e27;
}

.is-invalid {
  border: 1px solid #dc3545 !important;
}

.error {
  color: #dc3545 !important;
  display: block;
  font-weight: 400 !important;
  font-size: 15px !important;
  padding-left: 2px;
  margin-bottom: 0px !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow: none;
}

.acc-field input::placeholder {
  color: #838383;
  font-size: 15px;
  font-weight: 400;
}

.copyright {
  position: absolute;
  bottom: 20px;
  left: 39%;
  text-align: center;
}

.acc-form-control {
  font-size: 17px !important;
  height: 46px;
  width: 100%;
  padding: 9px 14px;
  color: #000;
  background: #fff;
  border: 1px solid #d9d9d9f5;
  border-radius: 5px;
}

.form-control {
  font-size: 17px !important;
  height: 46px;
  width: 100%;
  position: relative;
  padding: 6px 14px;
  color: #000000;
  border: 1px solid #00000047;
  background: #ffffff;
  border-radius: 6px;
}

.form-control:focus {
  box-shadow: none;
  background: #fff;
  outline: none;
  border-color: #848484;
}

.copyright p {
  color: #000000;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0px;
}

.acc-field .input-icon {
  position: absolute;
  top: 16px;
  right: 14px;
  color: #ec1e27;
  height: 22px;
}

.acc-button-info {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.acc-button-info p {
  color: #515151;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 400;
}

.acc-button-info a {
  color: #000000;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 14.5px;
}

.acc-button-info a:hover {
  color: #ec1e27;
}

/* register */
.acc-inner-data select {
  color: #6b6b6b;
  font-size: 15px !important;
  font-weight: 400;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  width: 100%;
  cursor: pointer;
}

.acc-inner-data select option {
  color: #000;
  background-color: #fff;
}

.country-down-arrow i {
  position: absolute;
  top: 35px;
  right: 12px;
  font-size: 27px;
}

.acc-inner-data select option:hover {
  background-color: #000 !important;
}

.acc-inner-data select::-ms-expand {
  display: none;
}

.dropdown-icon i {
  color: #ffefefdb;
  font-size: 28px;
}

.acc-field .dropdown-icon {
  top: 6px;
}

.title-label-info {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 5px;
  font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}

.title-label-info i {
  color: #fff;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  font-size: 28px;
}

.inner-checkbox input {
  margin: 0px 7px 0px 0px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #00000885;
}

.form-check-input:checked {
  background-color: #ec1e27;
  color: #fff;
  border: 1px solid #ec1e27;
  box-shadow: none;
}

.inner-checkbox label {
  color: #fff;
  font-size: 12px;
}

.acc-button-info a {
  display: inline-block;
}

.acc-mob-logo {
  display: none;
}

/* reset password */
.otp-verifiction {
  position: relative;
}

.otp-btn {
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #01f0e3;
  outline: none;
  background-color: transparent;
  position: absolute;
  border: none;
  top: 9px;
  border-radius: 6px;
  right: 6px;
}

.otp-btn span {
  color: #fff;
}

.otp-btn:hover {
  color: #fff;
}

.reset-information {
  color: #838383 !important;
  margin-top: -7px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal;
}

.mail-text {
  color: #b5b5b5 !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-bottom: 50px;
}

.acc-inner-data .acc-field .custom-list-dropdown {
  background-color: transparent;
  border: 1px solid #a0a0a0;
}

.acc-inner-data .acc-field .custom-list-dropdown .selected-display {
  font-size: 14px;
}

.custom-list-dropdown {
  position: relative;
  padding: 9px 40px 9px 16px;
  background: #222725;
  text-align: left;
  border: 1px solid #aaeae1;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  min-width: 164px;
}

.arrow {
  margin-left: 10px;
  margin-right: 10px;
  color: #ffffffcd;
  font-size: 20px;
}

.selected-display {
  display: flex;
  align-items: center;
}

.custom-list-dropdown i {
  position: absolute;
  right: 11px;
  top: 9px;
  font-size: 22px;
}

.custom-list-dropdown::before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}

.rotated {
  transform: rotate(-180deg);
}

.custom-list-dropdown .list-item-dropdown {
  transition: 0.3s;
  position: absolute;
  top: 120%;
  right: 0;
  left: 0;
  margin: 0;
  max-height: 400px;
  height: auto;
  overflow-y: auto;
  padding: 0px !important;
  border-radius: 5px !important;
  border: 2px solid #aaeae124;
  background: #161616;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.custom-list-dropdown .list-item-dropdown li {
  padding: 0 15px;
  line-height: 45px;
  overflow: hidden;
}

.custom-list-dropdown .list-item-dropdown li:last-child {
  border-bottom: none;
}

.list-item-dropdown {
  padding: 0.5rem !important;
}

.custom-list-dropdown .list-item-dropdown li:hover {
  background: linear-gradient(270deg,
      rgba(170, 234, 225, 0.1) 0%,
      rgba(197, 240, 220, 0.1) 100%);
}

.custom-list-dropdown.active .list-item-dropdown {
  opacity: 1;
  visibility: visible;
  border-radius: 15px;
}

.account {
  position: relative;
  min-height: 100vh;
}

.acc-form {
  width: 100%;
}

.acc-right-img {
  width: 60%;
  min-height: 100%;
  background: -webkit-linear-gradient(135deg,
      hsl(0deg 100% 98.32%) 0%,
      hsl(0deg 75.18% 78.85%) 100%);
  position: relative;
  display: flex;
  background-blend-mode: color;
}

.acc-right-img a {
  margin: auto;
}

.acc-right-img img {
  width: 400px;
}

.acc-inner-details {
  max-width: 528px;
  width: 100%;
}

.account::after {
  content: "";
  background-color: #ec1e273b;
  width: 100%;
  height: 657px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  clip-path: polygon(100% 100%,
      0% 100%,
      0% 61.85%,
      1.67% 61.22%,
      3.33% 61.45%,
      5% 62.53%,
      6.67% 64.37%,
      8.33% 66.83%,
      10% 69.71%,
      11.67% 72.79%,
      13.33% 75.81%,
      15% 78.54%,
      16.67% 80.76%,
      18.33% 82.3%,
      20% 83.03%,
      21.67% 82.9%,
      23.33% 81.91%,
      25% 80.14%,
      26.67% 77.74%,
      28.33% 74.9%,
      30% 71.83%,
      31.67% 68.79%,
      33.33% 66.02%,
      35% 63.73%,
      36.67% 62.11%,
      38.33% 61.29%,
      40% 61.32%,
      41.67% 62.22%,
      43.33% 63.9%,
      45% 66.24%,
      46.67% 69.05%,
      48.33% 72.1%,
      50% 75.16%,
      51.67% 77.97%,
      53.33% 80.32%,
      55% 82.03%,
      56.67% 82.94%,
      58.33% 83%,
      60% 82.2%,
      61.67% 80.6%,
      63.33% 78.32%,
      65% 75.56%,
      66.67% 72.52%,
      68.33% 69.45%,
      70% 66.6%,
      71.67% 64.19%,
      73.33% 62.4%,
      75% 61.4%,
      76.67% 61.24%,
      78.33% 61.95%,
      80% 63.47%,
      81.67% 65.67%,
      83.33% 68.4%,
      85% 71.41%,
      86.67% 74.49%,
      88.33% 77.38%,
      90% 79.85%,
      91.67% 81.71%,
      93.33% 82.81%,
      95% 83.07%,
      96.67% 82.45%,
      98.33% 81.02%,
      100% 78.88%);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}

/* ---------------------------dashboard------------------ */
.head-dropdown {
  position: relative;
  transition: 0.9s;

}

.head-dropdown:hover .ri-arrow-down-s-line {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.navbar-light .navbar-nav .nav-link .nav-link img {
  width: 16px;
  margin-right: 9px;
  height: 16px;
  filter: invert(1);
}

.navbar-light .navbar-nav .nav-link i {
  padding-right: 5px;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #ec1e27;
}

.table .text-danger {
  color: #721c24 !important;
}

.table .text-gray {
  color: #383d41 !important;
}

.table .text-success {
  color: #155724 !important;
}



.header-submenu {
  position: absolute;
  top: 28px;
  width: 232px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: all 0.3s ease;
  box-shadow: 0px 8px 43px 0px rgba(0, 0, 0, .13);
}

.head-dropdown:hover .header-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(17px);
}

.head-dropdown-menu {
  background: #fff7f7;
  border-radius: 11px;
  border: 1px solid #ec1e276b;
}

.header-submenu ul li i {
  font-size: 21px;
  padding-right: 1px;
}

.header-submenu::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fcdadb;
  top: -5px;
  left: 20px;
  z-index: -1;
  transform: rotate(45deg);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: #ec1e27;
}

.header-submenu ul li a {
  color: #000000;
  font-size: 16px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  border-bottom: 1px solid #5e5e5e2e;
}

.header-submenu ul li:first-child a {
  border-radius: 11px 11px 0px 0px;
}

.header-submenu ul li:last-child a {
  border-radius: 0px 0px 11px 11px;
}


.head-dropdown-menu ul li a:hover {
  background-color: #ec1e27;
  color: #fff !important;
}

.header-logo img {
  width: 200px;
}

.navbar-light .navbar-nav .nav-link {
  line-height: 24px;
  font-size: 18px;
  align-items: center;
  color: #fff;
  padding: 10px 8px;
  display: flex;
  font-weight: 500 !important;
  margin-right: 16px;
}

.navbar-light .navbar-nav .nav-link.active {
  color: #ec1e27;
}

.header-profile img {
  width: 31px;
  height: 31px;
  border: 2px solid #ec1e27;
  border-radius: 50%;
}

.header-profile span {
  color: #fff;
}

.main-body-info.main-body-bg {
  background-color: transparent;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid white;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

button.button.dropdown-toggle {
  border: none;
  padding: 4px 12px;
  background: transparent;
  border-radius: 8px;
}

.main-header {
  padding: 16px 30px;
  background: #000;
  display: flex;
  box-shadow: 0px 5px 6px #0000001a;
  align-items: center;
  border-radius: 0px 0px 20px 20px;
  justify-content: space-between;
}

.logout-btn {
  font-size: 16px;
  color: #ffffff !important;
  font-weight: 400;
}

.admin-user.circle img {
  width: 67px;
}

.header-submenu ul li:last-child {
  border-bottom: none;
}

.main-body-info {
  background-color: #fff;
  padding: 10px;
  margin-top: 31px;
}

.small-button {
  background: #383838;
  border: 1px solid transparent;
  color: #fff;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 9px 29px;
}

.title-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #70707052;
  margin-bottom: 27px;
  padding-top: 4px !important;
  padding: 11px 7px;
}

.title-inner h2 {
  font-size: 20px;
  font-weight: 600;
}

.entry-length label {
  display: flex;
  align-items: center;
}

.main-data-bg {
  flex: 1;
  margin: auto;
  max-width: 1650px;
}

.text-danger-bg {
  background: #f8d7da;
  color: #721c24 !important;
  padding: 5px 13px;
  border-radius: 16px;
}

.text-gray-bg {
  color: #383d41 !important;
  padding: 5px 13px;
  background-color: #e2e3e5;
  border-radius: 16px;
}

.text-success-bg {
  background: #d4edda;
  color: #155724 !important;
  padding: 5px 13px;
  border-radius: 16px;
}

.chat-info-text {
  color: #ec1e27;
  font-weight: 800;
  cursor: pointer;
  border-bottom: 1px dashed;
}

.chat-info-text:hover {
  color: #000;
}

.text-warning-bg {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
  padding: 5px 13px;
  border-radius: 16px;
}

.text-pending {
  color: #664d03;
}

.entry-length {
  display: flex;
  height: 36px;
  margin: 18px 7px;
  cursor: pointer;
}

.table thead th {
  color: #fff;
  padding: 16px 12px;
  background: #2d2d2d;

}

.tbl-inner-loader th {
  background: transparent !important;
}

.chat-ticket-info {
  display: flex;
  gap: 8px;
}

.inner-form-box {
  max-width: 73%;
}

.inner-form-box .modal-body {
  padding: 0px;
}

.modal-header {
  padding: 9px 18px;
  padding-bottom: 3px !important;
}

.modal-title {
  margin-bottom: 0;
  font-size: 19px;
}

.withdraw-details-box {
  background: #f6f6f6;
  padding: 12px;
  margin-bottom: 16px;
  border-radius: 8px;
}

.modal.fade.withdraw-step-2.show {
  background: #000000b8;
}

.txid-copy.withdraw-add {
  position: relative;
}

.copy-link.form-control {
  padding-right: 41px;
}

.txid-copy.withdraw-add i {
  position: absolute;
  bottom: 0px;
  right: 0px;
  line-height: 37px;
  height: 42px;
  width: 40px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  color: #141415bf;
}

.txid-copy.withdraw-add i:hover {
  color: #000;
}

.withdraw-step-2 .apy-success img {
  animation: zoom-in-zoom-out 1s ease-out infinite;
  width: 63px;
}

.withdraw-step-2 .modal-dialog {
  max-width: 441px;
}

.withdraw-step-2 .apy-success h2 {
  font-size: 21px;
  margin-top: 21px;
  margin-bottom: 4px;
}

.withdraw-step-2 .apy-success p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.withdraw-step-2 .assets-btn .small-button {
  width: max-content;
  margin-top: 22px !important;
  padding: 6px 26px;
  margin: auto;
  font-size: 16px;
}

.withdraw-details-box li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #0000002b;
  padding: 7px 1px;
}

.withdraw-step-info .profile-verification {
  margin-top: 15px;

}

.withdraw-step-info .profile-verification p {
  background: transparent;
  padding: 4px 6px;
  margin-bottom: 0;
}

.resend-btn span i {
  font-size: 12px;
}

.copy-link.form-control {
  background: #ebebeb;
}

.withdraw-details-box li:last-child {
  border: none;
}

.inner-custom-label .float-right {
  font-size: 14px;
  font-weight: 400;
}

.close-btn {
  border: none;
  background-color: transparent;
  font-size: 25px;
}

.inner-custom-label {
  display: flex;
  justify-content: space-between;
}

.inner-custom-box-info {
  width: 100% !important;
}

.alert-notes {
  background: #00000014;
  padding: 11px 18px;
  border-radius: 8px;
  margin-bottom: 32px;
}

.alert-notes p {
  font-weight: 400;
  font-size: 15px;
}

.alert-notes p span {
  color: #ec1e27;
  font-weight: 700;
}

.inner-custom-box {
  width: 49%;
}

.inner-custom-details {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.table tbody td {
  padding: 16px 12px;
  font-size: 15px;
  vertical-align: middle;
}

.table-head {
  background: #fff;
  padding-bottom: 27px;
}

.loader {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.loader .dot {
  width: 16px;
  height: 16px;
  background: #ec1e27;
  border-radius: 50%;
  animation: bounce 0.6s infinite ease-in-out;
}

.loader .dot:nth-child(2) {
  background: #141415;
  animation-delay: 0.1s;
}

.loader .dot:nth-child(3) {
  background: #ec1e27;
  animation-delay: 0.2s;
}

.loader .dot:nth-child(4) {
  background: #141415;
  animation-delay: 0.3s;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.tbl_loader_bg {
  height: 330px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.table-responsive {
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}

.table-head .entry-length.form-control.form-select {
  padding: 5px 10px;
  height: 34px;
}

.table tbody tr:nth-child(even) {
  background-color: #0000000f;
}

.small-button i {
  padding-right: 5px;
}

.small-button span i {
  padding-right: 0px !important;
  font-size: 15px;
}


.pagination {
  column-gap: 5px;
  margin-top: 33px;
  justify-content: center;
}

.pagination .page-link {
  color: #000000;
  padding: 5px 14px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px !important;
  background-color: #ffffff;
  border: 1px solid #868686;
}

.page-item.pagination-btn.disabled a {
  background: #dedede;
  color: #000000c7;
  opacity: 0.8;
}

.page-item.active .page-link {
  background-color: #ec1e27;
  border-color: #ec1e27;
  color: #ffffff;
  font-weight: 600;
  padding: 5px 15px;
}

.pagination .page-item:last-child .page-link {
  border: none;
}

.page-item:last-child .page-link {
  background-color: #ec1e27;
  color: #fff;
  border-color: #ec1e27;
}

.tbl_loader_bg {
  height: 200px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.tbl-inner-loader {
  background-color: transparent;
}

.table_loader {
  width: 40px;
  height: 40px;
  border: 4px solid #5a5a5a;
  border-top-color: transparent;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

.pagination .page-link:hover {
  border-color: #ec1e27;
  background-color: #ec1e27;
  color: #fff;
}

.page-link:focus {
  box-shadow: none;
}

.table-filter .form-group {
  margin-bottom: 16px;
}

.offcanvas-header {
  background: #ec1e2717;
}

.offcanvas-end {
  background: #f4f4f4;
}

.btn-close:focus {
  box-shadow: none;
}

.header-profile .dropdown-menu {
  display: none;
  position: absolute;
  right: -10px;
  top: 45px;
  list-style: none;
  padding: 0px 0px !important;
  border-radius: 5px;
  z-index: 1000;
  background: #fff7f7;
  border: 1px solid #ec1e276b;
}

.header-profile .dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-bottom: 1px solid #5e5e5e2e;
  font-weight: 400;
  font-size: 15px;
  color: #000;
}

.header-profile .dropdown-menu li:last-child a {
  border-bottom: none;
}

.header-profile .dropdown-item:focus,
.header-profile .dropdown-item:hover {
  background-color: #ec1e27;
  color: #fff;
}

.header-profile .dropdown-menu.show {
  display: block;
}

.view-referrel-link {
  display: flex;
  gap: 37px;
  margin-top: 75px;
}

.view-referrel {
  width: 70%;
  background: #ffffff;
  align-items: center;
  padding: 55px 25px;
  border-radius: 10px;
  display: flex;
  gap: 15px;
  padding-right: 295px;
  position: relative;
}

.view-referrel a {
  border: 1px solid #00000029;
  padding: 11px 26px;
  background: #f4f4f4;
  border-radius: 5px;
  max-width: 615px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.view-referrel a:hover {
  color: #000;
}

.view-referrel img {
  top: -68px;
  width: 368px;
  position: absolute;
  right: 0;
}

.referrel-register-info {
  background: #fff;
  width: 30%;
  padding: 21px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.profile-register-info h4 {
  font-size: 14px;
  color: #00000094;
}

.profile-register-info h2 {
  font-size: 35px;
  margin-bottom: 8px;
  margin-top: 21px;
  font-weight: 700;
  color: #2a2a2a;
}

.referrel-register-info::after {
  width: 183px;
  height: 140px;
  background-color: #ec1e2742;
  position: absolute;
  right: 0;
  filter: blur(50px);
  bottom: -46px;
  border-radius: 20%;
  content: "";
}

/* -----support--------- */
.main-title h2 {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 23px;
}

.support-left-box {
  width: 30%;
}

.support-ticket-data {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.support-create-tickets {
  width: 66%;
}

.tickets-inner {
  display: flex;
  gap: 22px;
  position: relative;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0px 1px 10px 3px #00000014;
  align-items: center;
}

.ticket-invoice {
  font-size: 34px;
  width: 50px;
  height: 50px;
  color: #3e3e3e;
  background-color: #6a6a6a1f;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tickets-inner h4,
.tickets-inner h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #1b1b1b;
  margin-bottom: 10px;
}

.tickets-inner h3 {
  margin-bottom: 0px;
  font-size: 25px;
}

.open-tickets h4,
.open-tickets h3 {
  color: #155724;
}

.close-tickets h4,
.close-tickets h3 {
  color: #721c24;
}

.tickets-inner::after {
  width: 150px;
  height: 140px;
  background-color: #ec1e274a;
  position: absolute;
  right: -46px;
  filter: blur(60px);
  top: -72px;
  border-radius: 20%;
  content: "";
}

.support-main-info {
  display: flex;
  gap: 69px;
}

.card-data-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 1px 10px 3px #00000014;
}

.chat-history-modal {
  max-width: 649px;
  width: 100%;
}

.chat-history-body ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.user {
  max-width: 70%;
  margin-right: 0;
  margin-left: auto;
  float: right;
  display: inline-block;
}

.ticket-num {
  color: #1b1b1b;
  text-align: right;
  margin-bottom: 8px;
  font-size: 14px;
  font-style: normal;
  display: flex;
  justify-content: end;
  font-weight: 600;
}

.user-info {
  background: #2d2d2d;
}

.message {
  border-radius: 10px 10px 0px 10px;
  padding: 13px;
}

.user .message p {
  color: #fff;
  font-size: 15px;
}

.message p {
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.message.user-info a {
  color: #ff4a54;
  font-size: 12px;
  display: flex;
  margin-bottom: 4px;
  text-decoration: underline;
  margin-top: 8px;
}

.user .message-data-time {
  text-align: end;
  font-size: 11px !important;
  color: #d3d3d3 !important;
  margin-top: 18px;
}

.admin {
  margin-right: auto;
  margin-left: 0;
  float: left;
  max-width: 70%;
  display: inline-block;
}

.admin .ticket-num {
  justify-content: start;
}

.admin .message {
  flex-direction: row-reverse;
  justify-content: start;
}

.message.admin-info a {
  font-size: 13px;
  display: flex;
  margin-bottom: 1px;
  color: #ce0008;
  text-decoration: underline;
  margin-top: 6px;
}

.admin .message-data-time {
  text-align: left;
  color: #3b3a3a !important;
  margin-top: 16px;
  font-size: 11px !important;
}

.admin .message p {
  color: #000;
  text-align: end;
  height: 100%;
  font-size: 15px;
  font-weight: 500;
}

.admin-info {
  background: #ffcbcd;
  border-radius: 0px 10px 10px 10px;
}

.closebtn {
  display: none;
}

/*  */

/* tab */
.main-body-bg {
  background-color: transparent;
}

.custom-tab-sec {
  gap: 50px;
  overflow: hidden;
}

.custom-tabs-inner {
  display: flex;
  margin-bottom: 13px;
  gap: 13px;
}

.custom-tab {
  padding: 7px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 5px;
  font-weight: 600;
  border-radius: 5px;
}

.custom-tab.active,
.custom-tab-sec .custom-tab:hover {
  background-color: #ec1e27;
  color: #fff;
}

.custom-tab.active::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ec1e27;
  display: block;
  width: 0;
}

.tab-content {
  width: 100%;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.security-qrcode {
  display: flex;
  gap: 50px;
}

.security-code {
  width: calc(45% - 10px);
}

.qr-code-bg {
  position: relative;
  z-index: 1;
}

.qr-code {
  border-right: 1px solid #00000040;
  padding-right: 33px;
}

.qr-code-bg::after {
  width: 100%;
  height: 100%;
  background-color: #fae7e7;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  z-index: -1;
}

.security-features {
  width: calc(55% - 10px);
}

.qr-code p {
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 400;
}

.qr-code p a {
  color: #ec1e27;
  font-weight: 400;
}

.qr-code p a:hover {
  font-weight: 600;
}

.qr-code svg {
  width: 182px;
  display: flex;
  background-color: #fff;
  justify-content: center;
  margin: auto auto 22px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 12px 14px;
  border-radius: 13px;
}

.authentication-info {
  display: flex;
  gap: 15px;
}

.security-btn {
  margin-top: 28px;
}

.modal.fade.apy-success-modal.show {
  background: #000000b8;
}

.security-features-info {
  margin-top: 40px;
}

.security-features-info h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}

.security-features-info p {
  font-size: 16px;
  margin-bottom: 9px;
  font-weight: 400;
}

.acc-form-control:disabled,
.acc-form-control[readonly] {
  background-color: #f4f4f4;
  opacity: 1;
}

.security-btn .small-button {
  font-size: 15px;
  padding: 9px 33px;
}

.changer-password-tab .form-group {
  margin: 0px 0px 15px 0px;
  position: relative;
}

.changer-password-tab {
  max-width: 600px;
}

.next-btn .small-button {
  width: 100%;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.personal-info-main {
  display: flex;
  gap: 50px;
}

.personal-info-head {
  width: calc(35% - 10px);
  display: flex;
  padding: 20px;
  justify-content: center;
  flex-direction: column;
  background: -webkit-linear-gradient(135deg,
      hsl(0deg 100% 92% / 65%) 0%,
      hsl(0deg 100% 50.76% / 22%) 100%);
  border-radius: 10px;
}

.profile-info-body {
  width: calc(65% - 10px);
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.personal-user-image img {
  width: 140px;
  height: 140px;
  padding: 3px;
  background: #e4030d;
  border-radius: 50%;
}

.personal-user-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-select {
  width: 100%;
  padding: 6px 14px;
  font-size: 15px;
  height: 46px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: transparent !important;
  transition: border-color 0.3s ease;
}

.profile-details-input .form-select {
  padding: 10px 14px;
}

.form-select:focus {
  box-shadow: none;
  outline: none;
  border-color: #dadada;
}

.profile-details {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.profile-details-input {
  width: calc(50% - 10px);
}

.personal-data {
  text-align: center;
  margin-top: 17px;
}

.personal-data h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.announcement-info .modal-content{
  border: none;
}

.personal-data p {
  font-size: 16px;
  margin-top: 6px;
  color: #363636;
}

.file-uploader {
  max-width: 346px;
  margin: auto;
  margin-top: 17px;
}

.file-uploader input[type="file"] {
  margin: auto;
  border: 1px solid #dadada;
  border-radius: 8px;
  background-color: #fff;
  transition: border-color 0.25s ease-in-out;
  display: flex;
  width: 100%;
}

.file-uploader input[type="file"]::file-selector-button {
  padding: 10px 10px;
  border-width: 0;
  background-color: #474747f5;
  color: #fff;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  width: 30%;
  margin-right: 16px;
}

.uploader-btn {
  margin: auto;
  display: flex;
  margin-top: 14px;
  justify-content: center;
}

.uploader-btn .small-button {
  gap: 7px;
  width: 50%;
}

.table tbody tr td p {
  font-weight: 400;
}

.table tbody tr td b {
  font-weight: 600;
  padding-right: 5px;
}

textarea.form-control {
  min-height: 100px;
}

.card-data-box .form-group {
  margin-bottom: 17px;
}

.card-data-box input[type="file"] {
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 999;
}

.form-select {
  cursor: pointer;
}

.form-select option:hover {
  cursor: pointer;
}

.card-data-box .form-control i {
  position: absolute;
  right: 14px;
  top: 4px;
  font-size: 25px;
}

.ticket-history-info {
  margin-top: 60px;
}

.ticket-history-info .table {
  background-color: #fff;
}

.mess-text-box {
  width: 100%;
  column-gap: 15px;
  display: flex;
  align-items: baseline;
}

.message-send-input {
  margin: 0;
  width: 100%;
  position: relative;
}

.message-handle {
  display: flex;
  gap: 12px;
}

.file-upload-message {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  height: 100%;
  border-radius: 5px;
  background-color: #ec1e27;
  border: 1px solid #ec1e27;
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  box-shadow: none;
}

.file-upload-message label {
  cursor: pointer;
}

.message-handle i {
  font-size: 24px;
  cursor: pointer;
  color: #fffffff2;
}

.file-upload-message input {
  display: none;
}

.send-message {
  cursor: pointer;
  padding: 5px 10px;
  height: 100%;
  display: flex;
  border-radius: 5px;
  background-color: #ec1e27;
  border: 1px solid #ec1e27;
}

.message-handle i {
  font-size: 24px;
  cursor: pointer;
  color: #fffffff2;
}

.chat-msg-menu {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0px;
  padding: 20px 8px;
  background: #161616;
  margin: auto;
  max-width: 649px;
}

.chat-history-modal .offcanvas-body {
  max-height: calc(100% - 145px);
  overflow-x: auto;
}

.acc-data .acc-inner-data label a {
  font-weight: 600;
}

.acc-data .acc-inner-data label a:hover {
  color: #ec1e27;
}

.profile-btn {
  width: 100%;
  margin: auto;
  justify-content: center;
  display: flex;
  margin-top: 21px;
  text-align: center;
}

.counter-otp {
  position: absolute;
  top: 7px;
  padding: 4px 13px;
  right: 7px;
  border-radius: 5px;
  background: #383838;
}

.counter-otp span {
  color: #fff !important;
}

.modal-content {
  border-radius: 10px;
}

.resend-btn {
  position: absolute;
  top: 10px;
  color: #fff;
  padding: 5px 13px;
  right: 8px;
  font-size: 13px;
  border: none;
  border-radius: 5px;
  background: #383838;
}

.profile-verification p {
  font-size: 14px;
  background: -webkit-linear-gradient(135deg, hsl(0deg 100% 92% / 65%) 0%, hsl(0deg 100% 50.76% / 22%) 100%);
  font-weight: 400;
  padding: 10px;
  margin-bottom: 22px;
  border-radius: 10px;
  color: #363636;
}

.profile-verification p b {
  font-weight: 700;
}

.save-btn {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.save-btn .small-button {
  gap: 6px;
}

/*  */
.main-body-info.main-body-bg.main-sec {
  margin-top: 21px;
}

.history-tab-info {
  margin-top: 46px;
}

.history-tab-info .custom-tabs-inner {
  margin-bottom: 8px;
}

.wallet-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 32px;
}

.wallet-inner-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wallet-inner-sec a:hover i {
  color: #ec1e27;
}

.deposit-wallet-total a:hover i {
  color: #000;
}

.wallet-sec {
  box-shadow: 0px 4px 8px 0px #0000001a;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  width: 20%;
  position: relative;
}

.wallet-info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.wallet-info img {
  background: #fae7e7;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 6px;
}

.wallet-info h3 {
  color: #4c4c4c;
  font-size: 19px;
  font-weight: 500;
}

.wallet-inner-sec .arrow {
  color: #4c4c4c;
  position: absolute;
  right: 6px;
  top: 16px;
  font-size: 24px;
  cursor: pointer;
}

.wallet-amt h4 {
  color: #141415;
  font-size: 23px;
  font-weight: 600;
  padding: 22px 0px;
}

.wallet-btn {
  display: flex;
  gap: 15px;
  border-radius: 5px;
  justify-content: end;
}

.wallet-btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-weight: 600;
}

.withdraw-btn {
  background: #383838;
  color: #fff;
  width: 100%;
  border: 1px solid transparent;
}

.withdraw-btn:hover {
  background: #fff;
  color: #383838;
  border: 1px solid #383838;
}

.withdraw-btn:hover img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(1%) saturate(728%) hue-rotate(8deg) brightness(88%) contrast(93%);
}

.buy-btn {
  border: 1px solid #ec1e27;
  color: #ec1e27;
  width: 100%;
}

.buy-btn:hover {
  background-color: #ec1e27;
  color: #fff;
}

.buy-btn:hover img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(95%) saturate(158%) hue-rotate(131deg) brightness(115%) contrast(100%);
}

.wallet-btn .active-btn {
  color: #155724;
  width: fit-content;
  background-color: #d4edda;
  padding: 3px 12px;
  border-radius: 6px;
  margin-top: 8px;
}

.wallet-btn .active-btn:hover {
  background-color: #fff;
  border: 1px solid #155724;
}

.referrel-link {
  width: 40%;
  box-shadow: 0px 4px 8px 0px #0000001a;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  position: relative;
}

.referral-icon {
  background: #fae7e7;
  border-radius: 50px;
  width: 53px;
  height: 53px;
  display: flex;
  padding: 12px;
  justify-content: center;
}

.referral-link-content {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 30px 0 0;
}

.referral-text span {
  color: #4C4C4C;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}

.referral-text p {
  color: #141415;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.wallet-btn .copy-icon {
  color: #EC1E27;
  border: 1px solid #EC1E27;
  border-radius: 6px;
  padding: 2px 10px;
}

.copy-icon:hover {
  color: #fff;
  background-color: #EC1E27;
}

.inner-title {
  color: #141415;
  font-weight: 600;
  font-size: 25px;
}

.main-wrapper {
  box-shadow: 0px 4px 8px 0px #0000001a;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  position: relative;
}

.main-wrapper.deposit-wrapper-inner {
  width: calc(60% - 10px);
}

.main-wrapper.total-participants {
  width: calc(40% - 10px);
}

.title-inner.main-title h2 {
  font-size: 23px;
  margin-bottom: 0;
}

.deposit-sec {
  display: flex;
  justify-content: space-between;
}

.deposit-info {
  width: 45%;
  border-right: 1px solid #4c4c4c52;
  padding-right: 40px;
}

.minimum-deposit {
  padding: 19px 0px;
  width: 73%;
}

.minimum-deposit h3 {
  color: #721C24;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 5px;
}

.minimum-deposit p {
  color: #721C24;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
}

.deposit-address {
  position: relative;
}

.deposit-address label {
  color: #141415;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}

.deposit-address .input-icon i {
  position: absolute;
  bottom: 0px;
  right: 0px;
  line-height: 37px;
  height: 42px;
  width: 40px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  color: #141415;
}

.deposit-address .form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
}

.deposit-address .form-control {
  border: 1px solid #141415;
  border-radius: 10px;
  padding: 10px 30px 10px 12px;
  color: #4C4C4C;
  font-size: 16px !important;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.qr-image .deposit-btn {
  text-align: center;
  margin: auto;
  margin-top: 10px !important;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* Optional: Enables smooth scrolling on iOS */
}

.qr-image .deposit-btn .small-button {
  padding: 7px 29px;
  font-size: 14px;
}

.qr-image.deposit-chain-address1.chain-main-div1 {
  display: flex;
  flex-direction: column;
  width: 62%;
  text-align: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.qr-image.deposit-chain-address1.chain-main-div1::after {
  width: 100%;
  height: 100%;
  background-color: #fae7e7;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  z-index: -1;
}

.select-chain-box {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

.qr-info {
  width: 36%;
}

.deposit-chain-span1.active i {
  color: #ec1e27;
}

.deposit-qr {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: space-between;
  gap: 20px;
}

.qr-info h3 {
  font-size: 20px;
  color: #141415;
  font-weight: 500;
  margin-bottom: 10px;
}

.qr-info p {
  font-size: 14px;
  font-weight: 500;
  color: #141415;
}

.deposit-chain-span1.active i {
  color: #ff0000;
  background: #fae7e7;
}

.deposit-chain-span1.active {
  color: #ec1e27;
  border: 1px solid #ec1e27;
  background-color: #fae7e7;
}

.deposit-chain-span1 i {
  right: -7px;
  width: 20px;
  top: -10px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.deposit-chain-span1:hover {
  background-color: #fae7e7;
}

.deposit-chain-span1 {
  border-radius: 6px;
  border: 1px solid #00000080;
  width: fit-content;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  display: flex;
  position: relative;
  background: #f2f2f263;
  cursor: pointer;
  padding: 5px 10px;
}

.qr-image svg {
  border: 1px solid #8f8f8f70;
  border-radius: 5px;
  padding: 12px;
  background-color: #fff;
  width: 175px;
  box-shadow: 0px 4px 8px 0px #0000001a;
  margin: auto;
  height: 175px;
  margin-top: 10px;
}

.deposit-wallet-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  padding: 12px 0px;
}
.blog-details-main {
   max-width: 1100px;
    margin: auto;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 45px;
    margin-top: 51px;
    background: #5c5c5c5e;
    color: #fff;
}
.blog-details-main img {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    object-fit: cover;
}
.blog-details-main span {
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: end;
    color: #d9d9d9;
    gap: 5px;
    margin-top: 10px;
}
.blog-social a img {
    width: 20px;
   filter: brightness(0) saturate(100%) invert(21%) sepia(86%) saturate(3033%) hue-rotate(344deg) brightness(90%) contrast(106%);
    height: 21px;
}
.blog-details-main h2 {
    font-size: 26px;
    color: #ec1e27;
    font-weight: 700;
    margin-bottom: 19px;
    margin-top: 18px;
}
.blog-social {
    display: flex;
    align-items: center;
    column-gap: 10px;
  
}
.modal.fade.announcement-info.show{
  background: #000000ab;
}

.modal-body.announcement-content{
   text-align: center;
    padding: 75px 30px;
    color: #000000;
    background: #ec1e27;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.modal-body.announcement-content::after{
      content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -14;
    top: 0;
    background-color: #ffffff26;
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.modal-body.announcement-content p {
    color: #fff;
    font-size: 20px;
}
button.close-btn-info {
    position: absolute;
    top: -37px;
    right: -20px;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    background: #ec1e27;
    height: 30px;
    border: none;
    justify-content: center;
    display: flex;
    width: 30px;
}
.blog-social-media span {
    font-weight: 600;
    margin-bottom: 9px;
    color: #bbbbbb;
}
.blog-social a {
    color: #ec1e27;
    font-size: 22px;
    width: 40px;
    height: 40px;
    transition: all 0.5s;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #000000;
    border: 1px solid #ec1e27;
    display: flex;
}
.blog-social a:hover{
  background-color: #ec1e27 ;
  color: #fff;
}
.blog-social a:hover img{
   filter: invert(1);
}
.blog-social-media span {
    display: flex;
    justify-content: left;
    margin-top: 20px;
}

.deposit-wallet-total:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.wallet-card-content {
  display: flex;
  align-items: center;
  gap: 20px;
}

.participants-icon {
  background: #fae7e7;
  border-radius: 50px;
  width: 53px;
  height: 53px;
  display: flex;
  padding: 12px;
  justify-content: center;
}

.participants-info p {
  font-size: 16px;
  color: #4C4C4C;
  font-weight: 500;
  margin-bottom: 5px;
}

.participants-info h3 {
  color: #141415;
  font-weight: 600;
  font-size: 20px;
}

.deposit-wallet-total i {
  color: #EC1E27;
  cursor: pointer;
  font-size: 24px;
}

.main-wrapper.total-income {
  width: 100%;
  border-radius: 12px;
  padding: 12px 20px;
  margin-bottom: 15px;
}

.total-income {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.total-income p {
  color: #4C4C4C;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
}

.total-income h3 {
  font-size: 21px;
  color: #141415;
  font-weight: 600;
}

.staking-income {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
}

.staking-income-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.income-img {
  width: 45px;
  height: 45px;
  box-shadow: 0px 2px 5px 0px #00000033;
  background: #fae7e7;
  border-radius: 50px;
  padding: 9px;
  display: flex;
}

.staking-income-img i {
  font-size: 24px;
  color: #171717;
  cursor: pointer;
}

.staking-income-img a:hover i {
  color: #ec1e27;

}

.staking-income-info p {
  font-size: 16px;
  font-weight: 500;
  color: #4C4C4C;
  margin-bottom: 2px;
}

.staking-income-info h3 {
  font-size: 20px;
  font-weight: 600;
  color: #141415;
}

.wallet-time {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  width: 100%;
  gap: 20px;
}

.business-closing p {
  color: #141415;
  font-size: 20px;
  font-weight: 600;
}

.main-wrapper.business-closing {
  padding: 12px 20px;
  border-radius: 12px;
  margin-bottom: 15px;
}

.closing-details {
  display: flex;
  gap: 20px;
}

.closing-details .main-wrapper {
  width: 100%;
}

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


.time-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.closing-details .main-wrapper {
  border-radius: 10px;
  padding: 33px 20px;
}

.main-wrapper.date-time-info {
  border-radius: 10px;
}

.time-details p {
  font-size: 16px;
  font-weight: 500;
  color: #4C4C4C;
}

.time-details h3 {
  font-size: 20px;
  font-weight: 600;
  color: #EC1E27;
}

.current-time {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  text-align: center;
}

.date-time-info h3 {
  color: #4C4C4C;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 3px;
}

.date-time-info p {
  font-size: 18px;
  font-weight: 600;
  color: #EC1E27;
  margin-bottom: 0;
}

.switch-wrapper {
  display: flex;
  position: relative;
  background: #666666;
  border-radius: 26px;
  padding: 5px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: 800px;
  box-shadow: 0px 4px 8px 0px #0000001A;
}

.tab-radio {
  display: none;
}

.switch-wrapper label {
  flex: 1;
  text-align: center;
  padding: 4px 0;
  cursor: pointer;
  font-weight: 600;
  border-radius: 30px;
  z-index: 2;
  transition: color 0.3s ease;
  color: #fff;
  font-size: 18px;
}

.switch-wrapper label.active {
  color: #141415;
}

.highlighter {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(51% - 0px);
  height: calc(100% - -2px);
  background: #fff;
  border-radius: 30px;
  z-index: 1;
  transition: left 0.3s ease;
}

.switch-wrapper .highlight-right {
  left: calc(50% + 0px);
}

.tab-content-wrapper .tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content-wrapper {
  margin-top: 30px;
}

.tab-content-wrapper .tab-content {
  width: 100%;
  background: transparent;
}

.staking-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.staking-table thead tr {
  background-color: #fff;
}

.staking-table th {
  text-align: left;
  padding: 16px 24px;
  font-weight: 600;
  color: #4C4C4C;
  font-size: 16px;
}

.staking-table tbody tr {
  background-color: #fff;
  transition: transform 0.2s ease;
  border-radius: 12px;
  box-shadow: 0px 4px 8px 0px #0000001A;
}

.staking-table td {
  padding: 14px 16px;
  border-bottom: none;
  font-size: 16px;
  font-weight: 600;
  color: #141415;
}

.staking-table td:first-child,
.staking-table th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.staking-table td:last-child,
.staking-table th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.staking-table .small-button {
  font-size: 16px;
}

.staking-table tbody tr.basic {
  box-shadow: 0 0 0 1px #FF6F61;
}

.staking-table tbody tr.basic td:first-child {
  border-left: 1px solid #ff6f61;
}

.staking-table tbody tr.basic td:last-child {
  border-right: 1px solid #ff6f61;
}

.staking-table tbody tr .basic-left {
  border-left: 4px solid #ff6f61;
}

.staking-table tbody tr .standard-left {
  border-left: 4px solid #4B0082;
}

.staking-table tbody tr.standard {
  box-shadow: 0 0 0 1px #4B0082;
}

.staking-table tbody tr.standard td:first-child {
  border-left: 1px solid #4B0082;
}

.staking-table tbody tr.standard td:last-child {
  border-right: 1px solid #4B0082;
}

.staking-table tbody tr .premium-left {
  border-left: 4px solid #2ECC71;
}

.staking-table tbody tr.premium {
  box-shadow: 0 0 0 1px #2ECC71;
}

.staking-table tbody tr.premium td:first-child {
  border-left: 1px solid #2ECC71;
}

.staking-table tbody tr.premium td:last-child {
  border-right: 1px solid #2ECC71;
}

.staking-table tbody tr .seed-left {
  border-left: 4px solid #4498DB;
}

.staking-table tbody tr.seed {
  box-shadow: 0 0 0 1px #4498DB;
}

.staking-table tbody tr.seed td:first-child {
  border-left: 1px solid #4498DB;
}

.staking-table tbody tr.seed td:last-child {
  border-right: 1px solid #4498DB;
}

.staking-table tbody tr .angel-left {
  border-left: 4px solid #F1C40F;
}

.staking-table tbody tr.angel {
  box-shadow: 0 0 0 1px #F1C40F;
}

.staking-table tbody tr.angel td:first-child {
  border-left: 1px solid #F1C40F;
}

.staking-table tbody tr.angel td:last-child {
  border-right: 1px solid #F1C40F;
}

.staking-table tbody tr .treasurer-left {
  border-left: 4px solid #1ABC9C;
}

.staking-table tbody tr.treasurer {
  box-shadow: 0 0 0 1px #1ABC9C;
}

.staking-table tbody tr.treasurer td:first-child {
  border-left: 1px solid #1ABC9C;
}

.staking-table tbody tr.treasurer td:last-child {
  border-right: 1px solid #1ABC9C;
}

.staking-table tbody tr .venture-left {
  border-left: 4px solid #C0392B;
}

.staking-table tbody tr.venture-capital {
  box-shadow: 0 0 0 1px #C0392B;
}

.staking-table tbody tr.venture-capital td:first-child {
  border-left: 1px solid #C0392B;
}

.staking-table tbody tr.venture-capital td:last-child {
  border-right: 1px solid #C0392B;
}

.staking-table tbody tr h3 {
  font-size: 16px;
  height: 30px;
  padding-left: 10px;
  line-height: 2;
}

.fixed-staking {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.fixed-staking-table {
  border: 1px solid #383838;
  box-shadow: 0px 4px 8px 0px #0000001A;
  background: #fff;
  padding-top: 35px !important;
  border-radius: 20px;
  position: relative;
  padding: 20px;
}

.fixed-staking-table.active {
  border: 1px solid #EC1E27;
}

.fixed-staking-table ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #4c4c4c78;
  padding: 8px 0px;
}

.fixed-staking-table ul li p {
  font-weight: 500;
  font-size: 16px;
  color: #4C4C4C;
  margin-bottom: 0;
}

.fixed-staking-table ul li h2 {
  font-size: 16px;
  font-weight: 600;
  color: #141415;
}

.staking-btn .small-button {
  width: 100%;
  margin-top: 25px;
  font-size: 16px;
}

.sidebar-header {
  display: none;
}

.staking-month {
  background: #383838;
  color: #fff;
  font-size: 14px;
  width: fit-content;
  padding: 8px 23px;
  border-radius: 20px;
  margin-bottom: 0;
  position: absolute;
  left: 28%;
  top: -16px;
}

.fixed-staking-table.active .staking-month {
  background: #EC1E27;
}

.buy-staking-modal {
  width: 100%;
  max-width: 550px !important;
}

.staking-duration-sec {
  margin-top: 10px;
}

.staking-title {
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  font-weight: 600;
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: none;
}

.staking-modal {
  max-width: 550px;
  width: 100%;
}

.duration-month {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 17px;
}

.duration-check p {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: center;
}

.duration-check p span {
  font-size: 10px;
  font-weight: 500;
  color: #4C4C4C;
}

.duration-check h3 {
  color: #4C4C4C;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}

.duration-checkbox {
  display: none;
}

.duration-check {
  position: relative;
  display: inline-block;
  padding: 16px;
  border: 1px solid #4C4C4C;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.duration-checkbox:checked+.duration-check {
  border-color: #EC1E27;
}

.duration-checkbox:checked+.duration-check h3 {
  color: #EC1E27;
}

.duration-checkbox:checked+.duration-check::after {
  content: "✓";
  position: absolute;
  top: -9px;
  right: -9px;
  font-size: 12px;
  width: 20px;
  height: 20px;
  display: flex;
  color: #EC1E27;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #EC1E27;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.lock-amt {
  padding: 21px 0px;
}

.lock-amt .form-group {
  position: relative;
  margin-bottom: 5px;
}

.lock-amt .form-group label {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.lock-amt .form-group input {
  border: 1px solid #4C4C4C;
  border-radius: 10px;
  background-color: transparent;
}

.lock-amt .form-control {
  padding: 10px 11px !important;
}

.lock-amt .form-group input::placeholder {
  color: #4C4C4C;
}

.lock-amt .form-group span {
  position: absolute;
  right: 11px;
  font-weight: 600;
  color: #4C4C4C;
  top: 45px;
}

.available-amt p {
  color: #4C4C4C;
  font-weight: 500;
  font-size: 15px;
}

.available-amt p span {
  color: #EC1E27;
  font-weight: 600;
}

.amt-limit-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lock-amt-limit {
  padding: 21px 0;
  border-top: 1px dashed #4C4C4C;
  border-bottom: 1px dashed #4C4C4C;
}

.lock-amt-list ul {
  padding: 10px 0px 0 24px;
}

.lock-amt-list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0px;
  border-bottom: 1px solid #E4E4E4;
}

.lock-amt-list ul li p {
  color: #4C4C4C;
  font-size: 16px;
  font-weight: 500;
}
.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    padding: 12px 15px;
    border-radius: 7px;
    border-color: #664d034f;
}
.lock-amt-list ul li h3 {
  font-size: 16px;
  font-weight: 600;
  color: #141415;
}

.amount-locked {
  padding-bottom: 21px;
}

.amount-locked h2 {
  margin-bottom: 5px;
}

.invest-apy p {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 5px;
}

.invest-apy p span {
  color: #EC1E27;
}

.inner-checkbox.staking-checkbox label {
  color: #4C4C4C;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

.inner-checkbox.staking-checkbox label a {
  color: #EC1E27;
  text-decoration: underline;
}

.agree-box {
  padding: 10px 0px;
}

.confirm-btn .small-button {
  width: 100%;
}

.kyc-step-inner {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 800px;
}

.kyc-process {
  position: relative;
  z-index: 111;
  height: 36px;
}

.kyc-process p {
  color: #4c4c4cbd;
  font-size: 14px;
  margin-top: 6px;
  text-align: center;
}

.kyc-step-sec {
  width: 100%;
  /* margin-top: 50px; */
}

.kyc-first-step {
  margin-top: 60px;
}

.kyc-first-step .input-block {
  margin-top: 0px;
}

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

.select-wrapper label {
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.kyc-first-step .select-wrapper {
  margin-bottom: 25px;
}

.select-wrapper select {
  width: 100%;
  padding: 10px 14px;
  font-size: 16px;
  color: #4C4C4C;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.select-wrapper select:focus {
  outline: none;
  border-color: #4C4C4C;
}

.select-wrapper small {
  height: 46px;
  width: 46px;
  position: absolute;
  font-size: 28px;
  top: 31px;
  right: -8px;
  color: #4C4C4C;
}

.kyc-success-info .kyc-step-box {
  display: block;
  text-align: center;
}

.select-wrapper select::-ms-expand {
  display: none;
}

.input-block h4 {
  font-size: 18px;
  font-weight: 600;
  color: #141415;
}

.input-block p {
  font-weight: 400;
  font-size: 14px;
  color: #4C4C4C;
  margin-top: 3px;
  margin-bottom: 20px;
}

.kyc-final-step.kyc-complete-box.kyc-success-info {
  margin-top: 63px;
  background: #01a6010f;
}

.kyc-final-step.kyc-complete-box.kyc-success-info img {
  margin-bottom: 19px;
  animation: zoom-in-zoom-out 1s ease-out infinite;

}

.input-block .custom-form-group {
  position: relative;
  margin-bottom: 16px;
}

.input-block .custom-form-group .custom-form-control {
  display: none;
}

.input-block .custom-form-group label {
  border-radius: 13px;
  padding: 0 25px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #00000021;
  padding-left: 50px;
  background: #f8f8f8;
  height: 57px;
  cursor: pointer;
}

.input-block .custom-form-group label:before {
  position: absolute;
  top: 17px;
  left: 20px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.12);
  content: '';
  opacity: 1;
}

.input-block .custom-form-group label .text {
  font-size: 15px;
  color: #444444;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s ease;
}

.input-block .custom-form-group label:hover .icon {
  opacity: 1;
}

.input-block .custom-form-group label:hover .text {
  color: #000;
}

.input-block .custom-form-group label .icon {
  opacity: .5;
  transition: all .3s ease;
}

.input-block .custom-form-group label::after {
  content: "✓";
  position: absolute;
  top: 17px;
  left: 19px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  background: #ec1e27;
  border-radius: 50%;
  opacity: 0;
  font-weight: 900;
  transition: opacity .3s ease;
}

.input-block .custom-form-control:checked+label::before {
  border-color: #ec1e27;
}

.input-block .custom-form-control:checked+label::after {
  opacity: 1;
}

.input-block .custom-form-control:checked+label .icon {
  opacity: 1;
}

.icon img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(77%) saturate(3450%) hue-rotate(342deg) brightness(88%) contrast(112%);
}

.step-btn .small-button {
  width: 100%;
  padding: 10px 20px;
}

.kyc-main-wrapper {
  /* height: 100dvh; */
  display: grid;
  place-items: center;
}

.steps-wrapper {
  max-width: 700px;
  width: 100%;
}

.steps-wrapper .steps {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.steps-wrapper .steps .step {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dedede;
  border-radius: 50%;
  color: #878787;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  transition: 200ms ease;
  transition-delay: 0ms;
}

.steps-wrapper .steps .step.active {
  color: #ec1e27;
  border-color: #ec1e27;
  transition-delay: 100ms;
}

.steps-wrapper .steps .progress-bar {
  position: absolute;
  width: 98%;
  height: 3px;
  background: #dedede;
  z-index: -1;
}

.steps-wrapper .steps .progress-bar .progress {
  position: absolute;
  height: 100%;
  background: #ec1e27;
  transition: 300ms ease;
}

.steps-wrapper .buttons {
  margin-block-start: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.steps-wrapper .buttons .btn-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  /* border: 1px solid #ec1e27; */
  /* background: #fff; */
  color: #ec1e27;
  cursor: pointer;
  transition: 200ms linear;
}

.steps-wrapper .buttons .btn:active {
  scale: 0.9;
}

.steps-wrapper .buttons .btn self:hover:not(&:disabled) {
  background: transparent;
}

.steps-wrapper .buttons .btn:disabled {
  cursor: not-allowed;
  /* background: var(--lighter); */
  pointer-events: none;
}

.file-input-wrap {
  margin: 20px auto;
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: space-between;
  gap: 20px;
}

.custom-file-input {
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-file-input input[type="file"] {
  display: none;
}

.custom-file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  border-radius: 6px;
  height: 193px;
  width: 100%;
  cursor: pointer;
  transition: border-color 0.3s ease;
  background-color: #f9f9f9;
}

.custom-file-label img {
  object-fit: fill;
  margin-bottom: 10px;
}

.preview {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 193px;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  display: none;
}

.preview.preview-img {
  display: block;
  z-index: 111;
  opacity: 0.9;
}

.file-desc {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #141415;
  font-weight: 500;
}

.input-block .conditions {
  margin-top: 40px;
}

.input-block .conditions ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 7px;
  align-items: flex-start;
  background: #f9f9f9;
}

.input-block .conditions ul li:nth-child(odd) {
  flex: 0 0 55%;
}

.input-block .conditions ul li:first-child {
  display: block;
  flex: 0 0 76%;
  margin-bottom: 10px;
}

.input-block .conditions ul li {
  position: relative;
  font-size: 13px;
  font-weight: 500;
  color: #4c4c4c;
  display: flex;
  align-items: center;
  gap: 6px;
}

.input-block {
  margin-top: 40px;
}

.input-block .form-group {
  margin-bottom: 17px;
}

.kyc-final-step {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fae7e7;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  width: 80%;
  margin: auto;
}

.kyc-step-box {
  display: flex;
  gap: 18px;
  align-items: center;
}

.kyc-img {
  max-width: 55px;
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
  border: 2px solid;
}

.kyc-final-step.kyc-pending-box {
  background: #ffe3b05c;
  max-width: 500px;
  border: 1px solid #fdb42cde;
}

.kyc-final-step.kyc-pending-box .kyc-step-box h2 {
  color: #da9005;
}

.kyc-final-step.kyc-pending-box .kyc-img {
  border-color: #ebd3a9;
}

.kyc-final-step.kyc-pending-box .kyc-step-box p {
  font-size: 12px;
  line-height: 16px;
}

.kyc-final-step.kyc-reject-box {
  background: #fbeeee;
  max-width: 500px;
  margin-bottom: 29px;
  border: 1px solid #ffa1a1;
}

.kyc-final-step.kyc-reject-box .kyc-step-box h2 {
  color: #e22f2f;
}

.kyc-final-step.kyc-complete-box .kyc-img {
  border-color: #a8e8a8;
}

.kyc-final-step.kyc-reject-box .kyc-img {
  border-color: #f0c7c7;
}

.kyc-final-step.kyc-complete-box {
  background: #d0f3d06b;
  max-width: 500px;
  border: 1px solid #58cf58;
}

.kyc-final-step.kyc-complete-box h2 {
  color: #129512;
}

.kyc-step-box img {
  width: 69px;
}

.kyc-step-box h2 {
  color: #0a0a0a;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 6px;
}

.kyc-step-box p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #0a0a0a;
  margin: 0px;
}

.complete-kyc {
  color: #000;
}

.reject-kyc {
  color: #ff4141;
}

.pending-kyc {
  color: #ffa600;
}

.kyc-sec-wrapper {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 111;
  position: relative;
  max-width: 900px;
  margin: auto;
}

.apy-success {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.apy-success h3 {
  color: #212121;
  font-size: 18px;
  padding: 14px 0 23px 0;
}

.apy-success-modal .modal-body {
  padding: 25px;
}

.apy-success-modal .lock-amt-list ul {
  padding: 0px;
}

.assets-btn .small-button {
  width: 100%;
  margin-top: 37px;
  padding: 11px 20px;
  font-size: 16px;
}

.staking-amt-plan ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E4E4;
  padding: 7px 0px;
}

.staking-amt-plan ul li p {
  color: #4C4C4C;
  font-weight: 500;
  font-size: 15px;
}

.staking-amt-plan ul li h3 {
  color: #141415;
  font-weight: 600;
  font-size: 15px;
}

.agree-box.staking-agree-box {
  margin-top: 20px;
}

.staking-amt-locked {
  padding-top: 28px;
  border-top: 1px dashed #4C4C4C;
}

.offcanvas-header h5 {
  font-weight: 600;
  font-size: 18px;
}

.main-header-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;

}

header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 13px 0px;
  z-index: 999;
  background: #000;
  box-shadow: 0 2px 8px rgb(255 12 12 / 30%);
}

header {
  z-index: 9999;
  position: sticky;
  top: 0;
  padding: 37px 0px;

}

.right-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-btn .btn {
  padding: 5px 20px;
  font-size: 18px;
  border-radius: 30px;
  font-weight: 600;
}

.menu-main ul {
  display: flex;
  flex-wrap: wrap;
}

.wrapper-bg {
  background-color: #000000;
}

.wrapper-bg::-webkit-scrollbar {
  width: 5px;
  background-color: #1e1e1e;
}

.wrapper-bg::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #969696;
}

.menu-main ul li a {
  color: #fff;
  padding: 11px 20px;
  font-size: 20px;
  font-weight: 500;
}

.hero-main-bg {
  background-image: url('../img/hero-bg.png');
  background-position: center;
  background-size: cover;
  width: 100%;
  margin-top: -136px;
  background-attachment: fixed;
  min-height: 100vh;
}

.container {
  max-width: 1436px;
  margin: auto;
}

.small-btn {
  background: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
  position: relative;
  padding: 6px 21px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  color: #000;
  border: 1px solid #fff;
  transition: all 0.3s;
  z-index: 1;
}

.menu-main .active {
  color: #EC1E27;
}

.small-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: #EC1E27;
  background-size: 100% 100%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.4s ease-in-out;
  border-radius: 50%;
  z-index: -1;
}

.small-btn:hover::before {
  transform: translate(-50%, -50%) scale(1);

}

.small-btn:hover {
  color: #fff;
}

.small-btn.login {
  background: transparent;
  color: #ffff;
}

.header-btn {
  display: flex;
  gap: 10px;
}

.hero-content-left {
  width: 50%;
}

.hero-main {
  align-items: center;
  position: relative;
  min-height: calc(100vh - -137px);
  display: flex;
}

.hero-right-img {
  width: 50%;
  position: absolute;
  right: 0;
  top: 29%;
  text-align: end;
}

.hero-content-left h1 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
}

.hero-content-left span {
  color: #EC1E27;
}

.hero-content-left p {
  color: #fff;
  font-weight: 400;
  margin: 22px 0px;
}

.about-us {
  padding: 90px 0px;
}

.sec-title h2 {
  font-size: 35px;
  color: #fff;
  text-align: center;
}

.about-us-content {
  width: 23%;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
  padding: 32px 0px;
  border-left: 1px solid #282828;
  height: 300px;
}

.about-us-img {
  width: 44%;
  text-align: center;
}

.about-us-img img {
  animation: zoom-in-zoom-out 5s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

.about-info-content {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
  align-items: center;
}

.about-us-box p {
  color: #fff;
  font-size: 23px;
  border-left: 2px solid #ec1e27;
  margin-bottom: 7px;
  padding-left: 27px;
  font-weight: 600;
}

.about-us-box span {
  color: #969696;
  font-size: 16px;
  padding-left: 27px;
  font-weight: 500;
}

.about-us-info {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(to right, #ec1e2791, #ec1e2721) border-box;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  border-radius: 20px;
  padding: 74px 67px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.about-us-info::after {
  width: 500px;
  height: 500px;
  background-color: #ec1e2778;
  border-radius: 50%;
  content: '';
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  filter: blur(295px);
  z-index: -1;

}

.with-us-main {
  row-gap: 16px;
  width: 66.5%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 22px;
  justify-content: space-between;
}

.with-us-box.advantage-data p {
  font-size: 14px;
}

.with-us-box.advantage-data:hover {
  transform: scale(1.02);
}

.with-us-box .sec-title h2 {
  text-align: left;
}

.with-us-box .sec-title h2 span {
  color: #ec1e27;
}

.with-us-info {
  padding: 90px 0px;
}

.with-us-box p {
  color: #969696;
  font-size: 18px;
  font-weight: 400;
}

.with-us-details {
  max-width: 1250px;
  justify-content: space-between;
  margin: auto;
  display: flex;
  gap: 27px;
}

.with-us-box.advantage-data h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 14px;
}

.with-us-box.advantage-data {
  border: 1px solid #EC1E27;
  border-radius: 20px;
  padding: 42px 20px;
  padding-top: 75px;
  transition: all 0.9s;
}

.with-us-box.advantage-data.with-us-img {
  border: none;
  padding-top: 0px;
}

.with-us-box.advantage-data.with-us-img img {
  width: 316px;
}

.with-us-right {
  width: 32.5%;
}

.with-us-box.advantage-content {
  margin-bottom: 24px;
}

.with-us-box.with-us-border {
  position: relative;
}

.with-us-box.with-us-border::after {
  content: '';
  width: 1px;
  height: 75%;
  position: absolute;
  right: 0;
  top: 0px;
  background: linear-gradient(179deg, rgb(0 0 0) 0%, rgb(236 30 39) 46%, rgb(0 0 0) 100%);
}

.blog-content-info h3 {
  color: #fff;
  font-size: 19px;
  margin-bottom: 22px;
}

.our-blog-box {
  border: 1px solid #373737;
  border-radius: 20px;
  background: #141415;
}

.our-blog-box img {
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}

.blog-content-info {
  padding: 20px;
}

.blog-content-info a {
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #ec1e27;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
  height: 207px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.blog {
  padding: 70px 0px;
}

.slider-btn {
  margin-top: 24px;
  display: flex;
  margin-left: 21px;
  justify-content: center;
  width: 100%;
}

.blog-content-info div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-content-info div b {
  color: #ffffffa6;
  display: flex;
  align-items: center;
  font-weight: 400;
  gap: 7px;
}

button.custom-prev.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.custom-prev,
.custom-next {
  background: #141415;
  color: #fff;
  padding: 0px 7px;
  font-size: 26px;
  font-weight: 700;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  border: 1px solid #59595942;
  cursor: pointer;
  margin: 0 5px;
}

button.custom-next.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.our-blog-info {
  margin-top: 46px;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: transparent;
  box-shadow: none;
}

.accordion-item:first-of-type {
  border-radius: 20px;
}

.accordion-item:last-of-type {
  border-radius: 20px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.accordion-button {
  font-size: 18px;
  font-weight: 500;
}

.accordion-item {
  background-color: #141415;
  border-radius: 20px;
  margin-bottom: 13px;

  border: 1px solid #373737;
}

.accordion-button {
  background-color: transparent;
  color: #fff;
}

.accordion-button::after {
  opacity: 1;
  filter: contrast(0);
}

.accordion-body {
  font-size: 16px;
  color: #969696;
  padding-left: 0px;
  margin-left: 48px;
  padding-right: 0px;
  margin-right: 22px;
  border-top: 1px solid #373737;
}

.faqs-info .accordion {
  margin-top: 46px;
  width: 100%;
}

section.faqs-info {
  padding: 70px 0px;
}

.accordion-button i {
  padding-right: 15px;
}

.faqs-footer {
  text-align: center;
  margin-top: 36px;
}

.faqs-footer p {
  color: #969696;
  font-size: 19px;
  margin-bottom: 15px;
  font-weight: 400;
}

.get-in-info {
  background: #EC1E27;
  max-width: 1250px;
  padding: 30px;
  border-radius: 20px;
  margin: auto;
  background: linear-gradient(179deg, rgb(16 16 17) 0%, rgb(20 20 21) 100%);
}

.get-in-touch {
  padding: 80px 0px;
  padding-bottom: 130px;
}

.sec-title p {
  text-align: center;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 20px;
}

.get-in-form {
  max-width: 740px;
  margin: auto;
  margin-top: 47px;
}


.get-in-form .form-group label {
  color: #fff;
  font-weight: 400;
  margin-bottom: 7px;
}

.get-in-form .form-group .acc-form-control {
  background-color: #48484880;
  color: #fff;
  border-color: transparent;
}

.get-in-form .acc-field input::placeholder {
  color: #6c757d;
}

.get-in-form .acc-field textarea::placeholder {
  color: #6c757d;
  font-size: 15px;
}

.get-in-form .acc-field textarea {
  height: 100px;
}

.get-in-form .form-group {
  margin-bottom: 22px;
}


.get-in-form .small-btn {
  margin-top: 30px !important;
  margin: auto;
  display: flex;
}

.footer-menu h4 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
}

.footer-menu ul li {
  margin-bottom: 10px;
}

.footer-menu ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #969696;
  transition: 0.3s;
}

.footer-menu ul li a:hover {
  color: #fff;
}

.footer-container {
  padding: 0px 80px;
  margin: auto;
}

.footer-menu.footer-inner-text-box p {
  color: #969696;
}

.footer {
  padding-top: 68px;
  border-top: 1px solid #525252;
}

.email-input-box .form-control {
  background-color: #2d313594;
  border: 1px solid #ffffff87;
  color: #fff;
}

.email-input-box .small-btn {
  margin-top: 20px;
}

.footer-copyright {
  padding: 20px 0px;
  text-align: center;
  margin-top: 41px;
  border-top: 1px solid #525252;
}
.table-responsive::-webkit-scrollbar {
  height: 3px; /* Change height (thickness) */
}

.footer-copyright p {
  color: #ffffffbd;
  font-size: 16px;
}

.blog-content-info a:hover {
  color: #EC1E27;
}

.menu-main ul li a:hover {
  color: #EC1E27;
}


@media (max-width : 1800px) {
  .main-data-bg {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width : 1600px) {
  .deposit-qr {
    gap: 13px;
    padding: 0 0px 0 0px;
  }

  .hero-content-left {
    width: 49%;
  }

  .qr-info {
    width: 45%;
  }

  .minimum-deposit {
    padding: 20px 0px;
    width: 100%;
  }

  .footer-container {
    max-width: 1300px;
  }

  .container {
    max-width: 1380px;
  }

  .hero-content-left h1 {
    font-size: 60px;
  }

  .inner-custom-box {
    width: 48.8%;
  }
}

@media (max-width : 1500px) {
  .staking-month {
    left: 23%;
  }

  .header-logo img {
    width: 151px;
  }

  .acc-inner-data.acc-inner-info form {
    max-width: 93%;
  }

  .about-us-box p {
    color: #fff;
    font-size: 21px;
  }
}

@media (max-width : 1400px) {
  .wallet-wrapper {
    gap: 13px;
  }

  .inner-form-box {
    max-width: 80%;
  }

  .referral-text p {
    font-size: 16px;
  }

  .deposit-info {
    width: 42%;
    padding-right: 16px;
  }

  .deposit-qr {
    width: 55%;
  }

  .container {
    max-width: 1240px;
  }

  .footer-container {
    max-width: 1200px;
  }

  .wallet-info h3 {
    font-size: 17px;
  }

  .wallet-amt h4 {
    font-size: 20px;
    padding: 15px 0px;
  }

  .wallet-btn .btn {
    font-size: 14px;
    gap: 3px;
  }

  .wallet-btn {
    gap: 5px;
  }

  .referral-link-content {
    padding: 20px 0 0;
  }

  .wallet-btn .active-btn {
    margin-top: 0;
  }

  .wallet-inner-sec .arrow {
    right: 0px;
    top: 6px;
    font-size: 19px;
  }

  .participants-icon {
    width: 48px;
    height: 48px;
    padding: 10px;
  }

  .participants-info p {
    margin-bottom: 0;
  }

  .staking-income,
  .closing-details {
    gap: 11px;
  }

  .staking-income-info p {
    font-size: 15px;
  }

  .staking-income-info h3 {
    font-size: 18px;
  }

  .participants-info h3 {
    font-size: 18px;
  }

  .current-time {
    gap: 13px;
  }

  .file-uploader input[type="file"]::file-selector-button {
    width: fit-content;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-right: 0px;
    font-size: 16px;
  }

  .staking-month {
    left: 21%;
  }

  .support-main-info {
    gap: 26px;
  }

  .tickets-inner h4,
  .tickets-inner h3 {
    font-size: 18px;
  }

  .tickets-inner h3 {
    font-size: 21px;
  }

  .security-btn .small-button {
    font-size: 15px;
    padding: 8px 13px;
  }

  .fixed-staking {
    gap: 10px;
  }

  .fixed-staking-table ul li h2 {
    font-size: 14px;
  }

  .fixed-staking-table ul li p {
    font-size: 14px;
  }

  .with-us-details {
    align-items: end;
  }
}

@media (max-width: 1300px) {
  .wallet-info h3 {
    font-size: 15px;
  }

  .wallet-sec {
    padding: 13px;
  }

  .referral-text p {
    font-size: 14px;
  }

  .referral-link-content {
    padding: 13px 0 0;
  }

  .referrel-link {
    width: 37%;
  }

  .main-wrapper.deposit-wrapper-inner {
    width: calc(70% - 10px);
  }

  .main-wrapper.total-participants {
    width: calc(35% - 10px);
  }

  .main-wrapper {
    padding: 13px;
  }

  .closing-details .main-wrapper {
    padding: 25px 20px;
  }

  .qr-image svg {
    width: 150px;
    height: 150px;
  }

  .staking-month {
    top: -14px;
    font-size: 12px;
  }

  .fixed-staking {
    gap: 10px;
  }

  .staking-table tbody tr {
    overflow: auto;
    white-space: nowrap;
  }

  .authentication-info {
    flex-wrap: wrap;
  }

  .container {
    padding: 0px 30px;
  }

  .hero-main {
    min-height: calc(100vh - -125px);
  }

  .hero-content-left h1 {
    font-size: 37px;
  }
}

@media (max-width: 1200px) {
  .staking-income-img i {
    font-size: 19px;
  }
    .navbar-light .navbar-nav .nav-link{
    padding: 10px 6px;
            font-size: 14px;
  }
    .header-logo img {
      width: 119px;
  }

  .inner-form-box {
    max-width: 100%;
  }

  .deposit-qr {
    width: 62%;
    padding-left: 20px;
  }

  .income-img {
    width: 35px;
    height: 35px;
    padding: 7px;
  }

  .deposit-info {
    width: 50%;
    padding-right: 22px;
  }

  .blog,
  .about-us,
  .with-us-info,
  section.faqs-info {
    padding: 50px 0px;
  }

  .hero-main-bg {
    height: 77vh;
    min-height: 73vh;
  }

  .hero-main {
    min-height: calc(100vh - 62px);
  }

  .about-us-box p {
    font-size: 17px;
  }

  .about-us-box span {
    font-size: 14px;
  }

  .business-closing p {
    font-size: 18px;
  }

  .fixed-staking-table ul li p,
  .fixed-staking-table ul li h2 {
    font-size: 14px;
  }

  .personal-info-main {
    gap: 20px;
  }

  .staking-income-info p {
    font-size: 14px;
  }

  .security-code {
    width: calc(55% - 10px);
  }

  .acc-inner-data {
    width: 67%;

  }

  .fixed-staking {
    row-gap: 42px !important;
    grid-template-columns: repeat(2, 1fr);

  }

  .staking-month {
    top: -14px;
    font-size: 15px;
    left: 32%;
  }
  
  .wallet-sec {
    width: 32.4%;
  }

  .main-wrapper.deposit-wrapper-inner {
    width: 100%;
  }

  .main-wrapper.total-participants {
    width: 100%;
  }
  .wallet-wrapper{
    flex-wrap: wrap;
  }
      .referrel-link {
        width: 100%;
    }
}

@media (max-width: 1100px) {
  .date-time-info h3 {
    font-size: 14px;
  }
  .blog-details-main{
    margin-top: 9px;
  }


  .date-time-info p {
    font-size: 16px;
  }

  .menu-main ul li a {
    padding: 11px 10px;
  }

  .referrel-link {
    width: 100%;
  }

  .wallet-wrapper {
    flex-wrap: wrap;
  }

}

@media (max-width: 992px) {
  .inner-custom-box {
    width: 47.8%;
  }
  .main-body-info.main-inner-wrapper {
    margin-top: 29px;
    padding: 15px;
}
.header-profile span{
  display: none;
}
.header-profile {
    display: flex;
    align-items: center;
}
.main-header{
  padding: 16px 16px;
    padding-right: 3px;
}
.main-header .sidebar-header{
       margin-left: 0px !important;
}
.inner-header-info{
  width: 100%;
}
.inner-header-info ul li a {
    padding: 14px 10px !important;
    border-bottom: 1px solid #ffffff38;
}

  .staking-month {
    left: 27%;
  }

  .wallet-time {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .main-body-info {
    padding: 0px;
  }

  .main-data-bg {
    padding-right: 15px;
    padding-left: 15px;
  }

  .wallet-sec {
    width: 48%;
  }

  .acc-inner-data {
    margin: auto;
  }

  .acc-desk-logo {
    display: none;
  }

  .acc-data {
    flex-direction: column;
  }

  .with-us-box p {
    font-size: 15px;
  }

  .with-us-box.advantage-data {
    padding-top: 42px;
  }

  .footer-top .row {
    row-gap: 25px;
  }

  .sidebar-header {
    display: block;
    margin-left: 12px;
    cursor: pointer;
  }

  #mob-menu {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: -270px;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 7px;
    display: block;
    border-right: 1px solid #cc1a229e;
    box-shadow: 0px 4px 8px 0px rgb(204 94 99 / 16%);
    transition: all 0.5s;
  }

  .menu-main ul li a {
    width: 100%;
    padding: 6px 0px;
    font-size: 20px;
  }

  #mob-menu .closebtn {
    position: absolute;
    top: -13px;
    padding: 10px;
    right: 6px;
    font-size: 41px;
    margin-left: 50px;
    color: #ffffffad;
  }

  .header-btn.header-btn-mob {
    display: block;
    margin-top: 18px;
  }

  .menu.open #mob-menu {
    width: 295px;
    margin-left: 0px;
    padding-top: 0px;
    display: block;
    text-align: left;
    left: 0px;
    transition: all 0.5s;
  }

  .header-menu ul {
    display: block;
    margin: 0;
    padding: 0px 20px;
  }

  div#menu-1 {
    z-index: 99;
    position: relative;
  }

  .menu.open .overlay-1 {
    display: block;
  }

  .sidebar-header {
    display: block;
    text-align: end;
  }

  .sidebar-header,
  a.closebtn {
    display: block;
  }

  .overlay-1 {
    display: none;
  }

  .overlay-1:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #0000005e;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .menu-main ul {
    display: block;
    margin-top: 34px;
  }

  .menu-main ul li {
    margin: 2px 0px;
    padding: 8px 34px;
    border-bottom: 1px solid #ffffff30;
  }

  .header-btn {
    padding: 8px 34px;
    margin-top: 23px;
  }

  .logo.d-block.d-lg-none.d-md-block {
    margin: 28px;
  }

  .sidebar-header {
    font-size: 26px;
    color: #fff;
    border-radius: 5px;
    align-items: center;
    padding: 0px 12px;
  }

  .logo img {
    width: 149px;
  }

  .sidebar-header:hover {
    color: #ffff;
  }

  .about-us-box p {
    font-size: 15px;
  }

  .acc-inner-data {
    background-color: #fff;
  }

  .copyright {
    position: static;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 21px;
    margin-bottom: 20px;
  }

  .acc-right-img {
    width: 100%;
  }

  .acc-inner-data {
    width: 93%;
  }

  .acc-right-img {
    background: transparent;
  }

  .acc-mob-logo {
    display: block;
  }
 .personal-info-main{
    display: block;
  }
  .personal-info-head {
    width: 100%;
    margin-bottom: 21px;
  }
  .profile-info-body {
    width: 100%;
  }
  .profile-details-input {
    width: 100%;
}
.main-body-info{
      margin-top: 6px;
}
.personal-data p {
    font-size: 13px;
    margin-top: 2px;
}
.profile-info-body{
      padding: 16px 13px;
}
.personal-user-image img {
    width: 116px;
    height: 116px;
}
.uploader-btn .small-button{
      width: 40%;
      padding: 9px 22px;
      font-size: 14px;
}
}

@media (max-width: 768px) {
  .inner-custom-box {
    width: 100%;
  }
  .support-create-tickets {
    width: 100%;
}
.support-left-box .main-title h2{
    margin-top: 17px;
}
.support-main-info{
      flex-direction: column;
}
.support-left-box {
    width: 100%;
}
  .fixed-staking {
    grid-template-columns: repeat(1, 1fr);
  }

  .staking-month {
    left: 35%;
  }

  .tab-content-wrapper .tab-content {
    padding: 12px 0px;
  }


  .acc-inner-data.acc-inner-info form {
    max-width: 100%;
  }

  .acc-inner-data {
    width: 100%;
  }

  .acc-inner-data {
    padding: 21px 16px;
  }

  .about-info-content {
    margin-top: 39px;
  }

  .sec-title h2 {
    font-size: 23px;
  }

  .about-us-info {
    padding: 32px 30px;
  }

  .hero-main-bg {
    height: 61vh;
    min-height: 35vh;
  }

  .hero-main {
    min-height: calc(100vh - 200px);
  }

  .with-us-box.advantage-data.with-us-img {
    display: none;
  }

  /* -----table box resposive--- */
  .staking-table,
  .staking-table thead,
  .staking-table tbody,
  .staking-table th,
  .staking-table td,
  .staking-table tr {
    display: block;
    width: 100%;
  }

  .staking-table thead {
    display: none;
  }

  .staking-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background: #f9f9f9;
  }

  .staking-table tbody tr.standard td:first-child,
  .staking-table tbody tr .standard-left,
  .staking-table tbody tr.standard td:last-child,
  .staking-table tbody tr.basic td:first-child,
  .staking-table tbody tr .basic-left,
  .staking-table tbody tr.basic td:last-child,
  .staking-table tbody tr .premium-left,
  .staking-table tbody tr .seed-left,
  .staking-table tbody tr .angel-left,
  .staking-table tbody tr.treasurer td:first-child,
  .staking-table tbody tr .treasurer-left {
    border: none;
  }

  .staking-table tbody tr.standard {
    box-shadow: none;
    border: 1px solid #4B0082;
  }

  .staking-table tbody tr {
    box-shadow: none !important;
  }

  .staking-table td {
    border-left: none !important;
    border-right: none !important;
  }

  .staking-table tbody tr.premium {
    border: 1px solid #2ECC71;
  }

  .staking-table tbody tr.seed {
    border: 1px solid #4498DB;
  }

  .staking-table tbody tr.angel {
    border: 1px solid #F1C40F;
  }

  .staking-table tbody tr.treasurer {
    border: 1px solid #1ABC9C;
  }

  .staking-table tbody tr.venture-capital {
    border: 1px solid #C0392B;
  }

  .staking-table tbody tr.basic {
    box-shadow: none;
    border: 1px solid #FF6F61;
  }

  .staking-table td {
    padding: 7px 8px;
    text-align: right;
    font-size: 14px;
    border-bottom: 1px solid #00000030 !important;
    position: relative;
  }

  .staking-table tbody tr h3 {
    font-size: 15px;
    height: 20px;
    padding-left: 10px;
    line-height: normal;
  }

  .staking-table td:first-child,
  .staking-table th:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .staking-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
  }

  .staking-table button {
    width: 100%;
    margin-top: 14px;
  }

  /* ----------- */
  .with-us-main {
    width: 100%;
  }

  .with-us-right {
    width: 100%;
    display: grid;
    margin-top: 16px;
    grid-column-gap: 22px;
    grid-template-columns: repeat(2, 1fr);
  }

  .with-us-details {
    display: block;
  }

  .about-us-content {
    width: 40%;
    height: 208px;
  }

  .hero-content-left h1 {
    font-size: 30px;
  }

  .about-us-img {
    display: none;
  }

  .get-in-touch {
    padding: 46px 0px;
    padding-bottom: 71px;
  }

  .about-us-img {
    width: 36%;
  }

  .blog,
  .about-us,
  .with-us-info,
  section.faqs-info {
    padding: 43px 0px;
  }

  .container {
    padding: 0px 15px;
  }
  .personal-info-head{
        width: 100%;
  }
  .security-qrcode{
    flex-direction: column;
    gap: 33px;
  }
 .qr-code{
  border-right: none;
    padding-right: 0px;
 }
 .security-code,
 .security-features {
   width: 100%;
 }

 .authentication-info {
   flex-direction: column;
 }

 .security-btn {
   margin-top: 2px;
}
.toggle-switch {
    margin-top: 17px;
}
}

@media (max-width: 575px) {
  .about-info-content {
    display: block;
  }
  .withdraw-step-2 .apy-success p{
    text-align: center;
  }
  .withdraw-step-info .profile-verification p{
    font-size: 12px;
  }
  .withdraw-details-box li p{
    font-size: 14px;
  }
   .withdraw-details-box li span{
    font-size: 14px;
  }
  .main-body-info.main-inner-wrapper{
            margin-top: 29px;
        margin-bottom: 20px;
        padding: 0px 15px;
  }
  .inner-custom-label .float-right {
    font-size: 12px;
    font-weight: 500;
}
  .custom-tab{
    text-align: center;
  }
  .tab-content{
        padding: 12px;
  }
  .duration-month{
    gap: 5px;
    margin-top: 24px;
  }
  .duration-checkbox:checked+.duration-check::after{
        top: -10px;
    right: -2px;
    font-size: 12px;
  }
  .duration-check h3{
    font-size: 11px;
  }
  .duration-check p{
        margin-bottom: 2px;
        font-size: 16px;
  }
  .blog-details-main img{
      width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: fill;
  }
  .blog-details-main{
        padding: 20px 14px;
  }
  .blog-details-main h2 {
    font-size: 21px;
  }
  .duration-check{
    padding: 7px;
  }

  .custom-tabs-inner {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  gap: 10px; 
  padding: 8px 0;
}
.file-input-wrap{
      flex-direction: column;
      gap: 34px;
}

.kyc-step-box p{
      line-height: 18px;
}
.kyc-step-box img {
    width: 48px;
}
.kyc-final-step.kyc-complete-box.kyc-success-info img {
    margin-bottom: 7px;
}
.input-block .conditions ul{
      padding: 12px;
}
.steps-wrapper .buttons {
    margin-block-start: 25px;
}
.kyc-sec-wrapper {
    padding: 19px;
}

.custom-tab {
  flex: 0 0 auto; 
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.custom-tabs-inner::-webkit-scrollbar {
  height: 3px;
}
.kyc-final-step{
       width: 100%;
      padding: 15px;
}

  .staking-month {
    left: 29%;
  }

  .switch-wrapper label {
    font-size: 14px;
  }

  .custom-tab {
    padding: 7px 14px;
  }
.security-features-info {
    margin-top: 23px;
}
.changer-password-tab .acc-btn {
      height: 47px;
      font-size: 16px;
}
  .referral-link-content {
    flex-direction: column;
    gap: 14px;
    align-items: baseline;
  }
  .title-inner .small-button{
        padding: 5px 15px;
  }
  .wallet-sec {
    width: 100%;
  }

  .wallet-wrapper {
    margin-bottom: 16px;
  }

  .title-inner {
    margin-bottom: 17px;
    padding-top: 18px !important;
    padding: 8px 7px;
  }

  .staking-income-info p {
    font-size: 16px;
  }

  .wallet-info h3 {
    font-size: 16px;
  }
  button.close-btn-info{
        right: 3px;
  }

  .wallet-inner-sec .arrow {
    right: 14px;
    top: 14px;
  }

  .title-inner.main-title h2 {
    font-size: 19px;
  }
  .modal-body.announcement-content {
    text-align: center;
    padding: 20px 15px;
  }
  .modal-body.announcement-content p {
    font-size: 16px;
}
  .deposit-info {
    width: 100%;
    padding-right: 0;
  }

  .deposit-sec {
    display: flex;
    gap: 25px;
    flex-direction: column-reverse;
    justify-content: space-between;
  }

  .qr-image.deposit-chain-address1.chain-main-div1 {
    flex-direction: column;
    width: 100%;
  }

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

  .deposit-qr {
    width: 100%;
    gap: 28px;
    flex-direction: column;
    padding-left: 0;
  }

  .staking-income {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .main-title h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 13px;
  }
  .acc-inner-data {
    padding: 20px 15px;
    min-height: auto;
  }
  .tickets-inner{
        padding: 17px 14px;
  }
  .mess-text-box{
        column-gap: 7px;
        align-items: flex-start;
  }
  .file-upload-message{
        padding: 3px 10px;
  }
  .send-message{
        padding: 3px 10px;
  }
  .message-handle {
    gap: 6px;
  }
  .ticket-history-info {
    margin-top: 29px;
}

  .account::after {
    display: none;
  }

  .acc-data {
    min-height: auto;
  }

  .with-us-main {
    grid-template-columns: repeat(1, 1fr);
  }

  .with-us-box.with-us-border::after {
    display: none;
  }

  .about-us-content {
    width: 100%;
    height: auto;
    padding: 0px;
  }

  .blog,
  .about-us,
  .with-us-info,
  section.faqs-info {
    padding: 22px 0px;
  }

  .about-us-box {
    margin-bottom: 19px;
  }

  .hero-right-img {
    display: none;
  }

  .hero-content-left {
    width: 100%;
    text-align: center;
  }

  .hero-main {
    min-height: auto;
    padding-top: 152px;
    padding-bottom: 38px;
  }

  header {
    padding: 18px 0px;
  }

  .hero-main-bg {
    height: auto;
    min-height: auto;
  }

  .our-blog-info {
    margin-top: 21px;
  }

  .accordion-button {
    font-size: 15px;
    font-weight: 500;
  }

  .hero-content-left p {
    font-size: 13px;
    margin: 11px 0px;
  }

  .hero-content-left h1 {
    font-size: 22px;
  }

  .hero-content-left .small-btn {
    padding: 6px 15px;
  }

  .accordion-body {
    margin-left: 16px;
    padding-right: 0px;
    margin-right: 16px;
    line-height: 21px;
  }

  .faqs-info .accordion {
    margin-top: 27px;
  }

  .footer {
    padding-top: 36px;
  }

  .faqs-footer p {
    font-size: 17px;
    line-height: 20px;
  }

  .get-in-info {
    padding: 13px;
  }

  .acc-text-box {
    grid-template-columns: repeat(1, 2fr);
    row-gap: 0px;
  }

  .get-in-touch {
    padding: 11px 0px;
    padding-bottom: 31px;
  }

  .about-us-box p {
    margin-bottom: 0px;
    padding-left: 14px;
  }

  .about-us-box span {
    padding-left: 14px;
  }

  .with-us-box.advantage-data {
    padding: 20px 14px;
    padding-top: 20px;
  }

  .footer-container {
    padding: 0px 20px;
  }

  .with-us-right {
    grid-template-columns: repeat(1, 1fr);
  }

  .with-us-box.advantage-data h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .sec-title h2 {
    font-size: 18px;
  }

  .about-info-content {
    margin-top: 29px;
  }

  .about-us-info {
    padding: 21px 15px;
  }

  .total-income h3 {
    font-size: 18px;
  }

  .total-income p {
    font-size: 16px;
  }

  .current-time {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 400px) {
  .staking-month {
    left: 23%;
  }


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

}