a {
      outline: none;
  }

  .owl-carousel {
      width: 100%;
      max-width: 600px;
      height: 100vh;
      position: relative;
      overflow: hidden;
      margin: auto;
  }

  .slide {
      position: relative;
      text-align: center;
      height: 100vh;
      background-size: cover;
      background-position: center;
      max-width: 600px;
      width: 100%;
  }

  .slide::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgb(0 0 0 / 41%);
  }

  .content {
      position: absolute;
      top: 47%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 85%;
  }

  .image-box {
      width: 400px;
      height: 400px;
      margin: 0 auto 25px;
      overflow: hidden;
      border-radius: 100%;
  }

  .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  h2 {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5;
  }

  .btn {
      width: 100%;
      background-color: #7dcf28;
      color: #fff;
      border: none;
      padding: 8px 39px;
      font-size: 14px;
      border-radius: 36px;
      cursor: pointer;
      font-weight: 500;
      outline: none;

  }


  .btn:hover,
  .btn:focus,
  .btn:active {
      background-color: #7dcf28 !important;
      color: #ffffff !important;
  }

  .owl-dots {
      position: absolute;
      bottom: 120px;
      left: 50%;
      transform: translateX(-50%);
  }

  .owl-dot span {
      background: #fff !important;
      opacity: 0.5;
  }

  .owl-dot.active span {
      opacity: 1;
  }

  @font-face {
      font-family: Roboto-Medium;
      src: url("../../../assets/font/Roboto-Light.ttf");
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  span,
  p {
      font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
  }

  a {
      text-decoration: none;
  }

  .hero img {
      width: 100%;
      max-width: 100px;

  }

  .acc-box-text_section {
      background: #ffffff;
      border-radius: 10px;
  }

  .acc-box__input-section {
      background: transparent !important;
  }

  .hero-section__main-heading {
      font-weight: 700;
      font-size: 250%;
      color: var(--theme-color-1);
  }

  .hero-section-button-box a {
      text-decoration: none;
      font-weight: 700;
      color: #000;
      font-size: 15px;
  }

  .hero-section-button-box span {
      border: 1px solid #000;
      padding: 0px 12px 0px 12px;
      border-radius: 65px;
      text-align: center;
  }

  .hero-section-exchange__btn span {
      border-color: var(--theme-color-1);
      padding-bottom: 4px;
      padding-top: 3px;
      background: var(--theme-color-1);
  }

  .hero-section-exchange__btn a {
      color: #fff;
  }

  .middle-box-heading {
      text-align: center;
      line-height: 1;
  }

  .middle-box-heading h2 {
      text-wrap: nowrap;
      font-size: 16px;
      font-weight: 700;
      padding-bottom: 0.5px;
      margin-bottom: 0.5px;
      color: #bdb5b5;
  }

  .middle-box-heading p {
      font-weight: 700;
      font-size: 22px;
      color: #fff;
  }

  .middle-box {
      background: var(--theme-bg-line-1);
      border-radius: 28px;
      position: relative;
  }

  .middle-box::after {
      content: "";
      width: 93%;
      height: 100%;
      display: block;
      background: var(--theme-color-2);
      position: absolute;
      top: 15px;
      border-radius: 25px;
      z-index: -1;
      left: 3%;
  }

  .middle-box::before {
      content: "";
      width: 87%;
      height: 100%;
      display: block;
      background: var(--theme-color-3);
      position: absolute;
      top: 30px;
      border-radius: 25px;
      z-index: -3;
      left: 5%;
  }

  .owl-carousel .owl-item img {
      height: 100%;
  }

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

  .modal-box--text p {
      margin: 0;
      font-size: 13px;
      font-weight: 600;
      color: #000;
      line-height: 1.8;
  }

  .modal-box--text h3 {
      margin: 0;
      font-size: 19px;
      color: #000;
      font-weight: 600;
  }

  .modal-bottom__image {
      max-width: 80px;
      width: 100%;
  }

  .back-button-box img {
      width: 20px;
  }

  footer {
      position: fixed;
      bottom: 33px;
      width: 93%;
      background: #fff;
      z-index: 11;
      left: -50%;
      right: -50%;
      transform: translate(58%, -4%);
      padding: 10px 10px;
      border-radius: 23px;
  }

  .content p {
      font-size: 15px;
      font-weight: 600;
      color: gray;
  }

  .content-bottom__text-box p {
      color: var(--theme-color-1);
  }

  .heading-box--text {
      background: #f8f8f8;
  }

  .heading-box--text h3 {
      color: #000;
      font-weight: 700;
      font-size: 110%;
  }

  .heading-box--text img {
      width: 3.375rem;
      height: 3.375rem;
  }

  .heading-box h2 {
      justify-content: space-between;
      align-items: center;
      color: #000;
      font-weight: 700;
      font-size: 120%;
  }

  .quantity-box {
      background: #f8f8f8;
  }

  .btn-primary {
      color: #fff;
      background-color: #21c45d;
      border-color: #21c45d;
  }

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active {
      color: #fff;
      background-color: linear-gradient(45deg, #b9932c, #ff3600) !important;
      border-color: linear-gradient(45deg, #b9932c, #ff3600) !important;
      box-shadow: 0 0 0 .25rem rgb(243 77 26 / 12%);
  }

  .quantity__rupee {
      color: var(--theme-color-1);
  }

  .quantity-box img {
      margin-left: 1.5rem;
      width: 3.875rem;
  }

  .quantiy-box-top p {
      color: #000;
      font-size: 15px;
      font-weight: 800;
      padding-left: 5px;
  }

  .quantiy-box--log h3 {
      font-size: 13px;
      font-weight: 900;
      margin-bottom: 0;
      color: #000;
  }

  .quantiy-box--log h3:first-child {
      margin-top: 10px;
  }

  .quantiy-box--log img {
      width: 100%;
      max-width: 32px;
      margin: auto;
  }

  .quantiy-box--link h4 {
      margin-top: 0.75rem;
      font-weight: 700;
      text-align: center;
      color: var(--black1);
      font-size: 1rem;
      margin-bottom: 1rem;
      text-wrap: wrap;
  }

  .quantity-box--main-btn {
      background: var(--theme-color-1);
      border-radius: 20px;
      margin-left: 5px;
      margin-right: 5px;
  }

  .quantity-box--main-btn a {
      text-decoration: none;
      color: #fff;
      display: inline-block;
      padding: 10px;
      font-weight: 600;
  }

  .download-app-box h4 {
      font-size: 15px;
      font-weight: 700;
      color: #000;
  }

  .download-app-box h3 {
      font-size: 19px;
      font-weight: 700;
      margin: 0;
      margin-top: 8px;
  }

  .download-app-box p {
      color: var(--theme-color-1);
      font-weight: 700;
  }

  .download-app-box button {
      background: var(--theme-color-1);
      color: #fff;
      border-color: #fff;
      padding: 4px 18px;
      border-radius: 20px;
      font-weight: 700;
  }

  .footer-logo--box-size {
      height: 24px;
  }

  .footer-logo--box-size img {
      background: #f6f6f6;
      padding: 3px;
      border-radius: 5px;
      width: 30px;
      height: 30px;
      filter: drop-shadow(0.5px 0.5px 0.5px black);
      box-shadow: 0.2px 0.2px 0.5px 1px darkgray;
      display: block;
      transition: trasform 0.5s ease-in-out;
  }

  .deposit-button-box {
      flex: 0 0 27.3%;
      text-align: center;
      width: 100%;
      margin: 15px 8px;
      padding: 15px 18px;
      border-radius: 10px;
      background: #f9f9f9;
      font-weight: 700;
      font-size: 15px;
  }

  .input-box-section input {
      width: 100%;
      padding: 13px;
      border-radius: 48px;
      border: 0.3px solid gray;
  }

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

  #exchangeModel {
      background: #1b1464;
      border: navajowhite;
      color: #fff;
      font-weight: 700;
  }

  #exchangeInput {
      width: 100%;
      padding: 15px 10px;
      margin-top: 20px;
      border-radius: 20px;
      border-width: 0;
      background: #f9f9f9;
      font-size: 14px;
      font-weight: 800;
      opacity: 0.6;
  }

  /* login css start*/
  .login-box {
      box-sizing: border-box;
      height: 100vh;
      position: relative;

  }

  .register-box {
      padding: 1rem 1rem;
      box-sizing: border-box;
      min-height: 100vh;
      position: relative;
  }

  .login__box--fixed {}


  .top__image--box::after {
      content: '';
      background-color: #00000066;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      top: 0;
  }

  .top__image--back-button {
      padding-top: 26px;
      padding-left: 20px;
      cursor: pointer;
  }

  .brb-card {
      position: relative;
      top: -72px;
      max-width: 95%;
      display: block;
      margin: auto;
      width: 100%;
      background: #121212;
      border-radius: 30px;
  }

  .brb-middle-break--line {
      color: #bfb6b6;
      text-align: center;
      display: inline-block;
      background-color: #121212;
      padding: 0px 1px;
      position: relative;
      font-weight: 900;
      text-transform: lowercase;
      font-size: 20px;
      height: 35px;
      width: 33px;
      z-index: 9;
  }

  .line-break--brb {
      color: gray;
      position: relative;
      top: 35px;
      margin-right: 10px;
      margin-left: 10px;
  }


  .card-icon--box h1 {
      color: #fff;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
      text-transform: capitalize;
      font-weight: 900;
      font-size: 26px;
  }

  .brb__col {
      background-color: #1D1D1D;
      height: 100vh;
  }

  .let_you--button--box {
      margin-top: 26px;
      text-align: center;
      margin-bottom: 35px;
  }

  .footer-box h2 {
      color: gray;
  }





  .login-box_input input {
      letter-spacing: 1.3px;
      font-weight: 600;
      padding: 10px 5px;
      border-radius: 10px;
  }

  .login-box_input .form-control:focus,
  .register-box_input .form-control:focus {
      border: none;
      box-shadow: none;
  }

  .login-btn__now {}

  .login-bottom_box a {
      color: #ffff;
  }

  .register-box_input label {
      opacity: 0.9;
      font-size: 13px;
      font-weight: 600;
  }

  .main-logo {
      text-align: center;
      margin-top: 20px;
  }

  .main-logo img {
      width: 100%;
      max-width: 126px;
      background: black;
      border-radius: 28px;
      padding: 14px;
  }

  .icon__box--social {
      display: flex;
      justify-content: center;
  }

  .icon__box--social--list {
      margin-left: 10px;
      margin-right: 10px;
      border: 0px solid gray;
      width: 70px;
      text-align: center;
      height: 55px;
      padding-top: 13px;
      background: #181414;
      border-radius: 10px;
      box-shadow: 1px 1px 1px black;
  }

  .social__list-img {
      width: 25px;
  }

  .register-box_input input {
      padding: 11px 8px;
      border-radius: 10px;
      font-size: 15px;
  }

  .forget-hero__sub-text {
      line-height: 1.3;
      font-weight: 400;
      opacity: 0.9;
      font-size: 14px;
      color: #000;
  }

  .level-hero-text h4 {
      font-size: 14px;
      font-weight: 600;
      opacity: 0.9;
  }

  .level-hero-text h3 {
      font-size: 14px !important;
      font-weight: 500;
      margin: 0;
      margin-top: 11px;
  }

  .level-box__sub {
      font-weight: 700;
  }

  .level-box__sub-text {
      color: var(--theme-color-1);
      font-size: 18px;
      padding-left: 3px;
  }

  .card-level__box {
      border: none;
      background: #f8f8f8;
  }

  .level-box--inner h3 {
      font-size: 15px;
      font-weight: 600;
      opacity: 0.6;
  }

  .card-box--level {
      padding: 10px 14px;
      margin: 7px 12px;
      border-radius: 12px;
      min-height: 84px;
      display: flex;
      align-items: center;
      justify-content: space-between;

  }

  .level-ratio {
      border: 4px solid #c1b9b982;
      padding: 16px;
      border-radius: 100%;
      color: #0c0c0c;
      height: 60px;
      width: 60px;
      font-size: 12px;
      font-weight: 700;
      text-wrap-mode: nowrap;
  }

  /* login css end */
  .hero-setting img {
      width: 22px;
      max-width: 30px;
      margin-left: 11px;
      margin-top: -4px;
      filter: invert(1);
  }

  .hero-setting {
      margin-bottom: 19px;
      padding-top: 12px;
  }

  .hero-setting h1 {
      font-size: 21px;
      font-weight: 800;
      font-family: "Libre Franklin", Arial, Helvetica, sans-serif;
  }

  .setting-hero-text h3 {
      font-size: 18px;
      font-weight: 700;
      margin-top: 7px;
  }

  .setting-hero-text h4 {
      font-size: 13px;
      font-weight: 700;
  }

  .card-setting-right-text h3 {
      font-size: 15px;
      font-weight: 700;
  }

  .brb__passage-text {

      max-width: 449px;
      text-align: center;
      margin: auto;
      color: #fff;

      text-shadow: 0 0 black;
      line-height: 1.5;
      position: relative;
      top: -17px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 60px;
      font-weight: 900;
      text-transform: uppercase;
      font-family: 'Bebas Neue', sans-serif;
  }

  h1.brb__passage-text:nth-child(1) {
      color: #00B8F4;

  }

  h1.brb__passage-text:nth-child(2) {
      color: #dfdfdf;
  }


  .card-setting-right-text p {
      opacity: 0.8;
      font-size: 14px;
      font-weight: 800;
  }

  .card-setting-right-text {
      font-weight: 600;
  }

  .main-setting-text {
      font-size: 15px;
      font-weight: 700;
      position: relative;
      display: inline-block;
  }

  .main-setting-text::after {
      content: "";
      width: 20%;
      height: 3px;
      display: block;
      background: rgb(223, 34, 87);
      margin: 5px auto;
      text-align: center;
  }

  .setting-card img {
      width: 30px;
      display: inline;
  }

  .setting__card-image-arrow {
      height: 25px;
      margin-top: 5px;
      width: 25px !important;
  }

  @font-face {
      font-family: standard;
      src: url("../../../application/libraries/assets/fonts/standard_07_53.ttf");
  }

  .catchpa {
      background-color: transparent;
      border-color: transparent;
  }

  .catchpa span {
      font-family: standard !important;
  }

  .catchpa span:nth-child(1) {
      font-size: 28px !important;
  }

  .catchpa span:nth-child(2) {
      font-size: 15px !important;
  }

  .catchpa span:nth-child(3) {
      font-size: 32px !important;
  }

  .catchpa span:nth-child(4) {
      font-size: 25px !important;
  }

  .catchpa span:nth-child(5) {
      font-size: 17px !important;
  }

  .setting-card h3 {
      margin: auto;
      padding-top: 0px;
      font-size: 14px;
      text-indent: initial;
      padding-left: 10px;
      font-weight: 800;
  }

  .setting-card {

      border: 0;
      border-radius: 13px;
      text-align: center;
      max-width: 100%;
      margin-bottom: 13px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding-top: 3px;
      padding-bottom: 9px;
      align-items: center;
      padding-left: 7px;
      padding-right: 7px;
      background: linear-gradient(135deg, #FF9D00, #FFFFFF);
  }

  .card-setting__card--box {
      display: flex;
      max-width: 70%;
      text-indent: 10px;
      padding-bottom: 0;
      padding-top: 7px;
  }

  .Withdraw-box_input label {
      font-size: 15px;
      font-weight: 700;
      color: #000;
  }

  .Withdraw-box_input input,
  .Withdraw-box_input select {
      background: rgb(239, 239, 242);
      margin-top: 6px;
      font-weight: 700;
      padding: 11px;
      border-radius: 10px;
      white-space: pre;
  }

  .Withdraw-box_input p {
      font-size: 12px;
      font-weight: 700;
      color: blue;
      margin-top: 5px;
  }

  .purchased-box-hero__text h6 {
      font-weight: 700;
      font-size: 15px;
      color: #000;
      line-height: 1.3;
  }

  .purchased-icon-box01,
  .purchased-icon-box02,
  .purchased-icon-box03 {
      text-align: center;
  }

  .purchased-icon-box01 img,
  .purchased-icon-box02 img,
  .purchased-icon-box03 img {
      width: 100%;
      max-width: 30px;
  }

  .purchased-icon-box h5 {
      font-size: 13px;
      font-weight: 700;
      padding-left: 5px;
      padding-right: 5px;
      opacity: 0.8;
  }

  .purchased-icon-box h5 span {
      color: #000;
      font-weight: 800;
  }

  .purchased-box-hero__text p {
      opacity: 0.6;
      font-weight: 700;
  }

  .purchased-quantity-box h4,
  .invest-box h4 {
      font-size: 17px;
      font-weight: 700;
  }

  .quantiy-box button {
      width: 27px;
      height: 31px;
      border: 0;
      font-size: 33px;
      color: #ffff;
      padding: 0;
      margin: 0 12px;
      background: #1b1464;
      line-height: 0.9;
  }

  .invest-box h5 {
      font-size: 15px;
      font-weight: 700;
      margin: 0;
      opacity: 0.7;
  }

  .invest-box p {
      font-size: 20px;
      color: #1b1464;
      font-weight: 600;
  }

  .invest-box .invest-text-box {
      background: #f3f3f3;
      padding: 8px 0px;
      margin-bottom: 21px;
  }

  .user-details_page p {
      background: #fff;
      padding: 7px;
      border-radius: 7px;
  }

  .user-details_page p b {}

  .card-setting__box a {
      color: black;
  }

  .container__fixed,
  footer .container-fluid {
      max-width: 730px;
      width: 100%;
  }

  .container-fluid {
      background: linear-gradient(135deg, #00c6ff, #A8E6CF);
  }

  .slider_image__box {
      margin-top: 5px;
  }

  .slider_image__box span {
      display: block;
      flex: 0 0 48%;
      margin-left: 4px;
      margin-top: 5px;
  }

  .slider_image__box span img {
      max-width: 100%;
      width: 100%;
      height: 210px;
      border-radius: 5px;
  }

  .tr_slider_bottom--image {
      width: 100%;
      max-width: 100%;
      margin-top: 10px;
      padding-left: 5px;
      padding-right: 5px;
      border-radius: 10px;
  }

  #marketTable {
      font-size: 1rem;
      padding-top: 14px;
      padding-left: 6px;
      width: 100%;
  }

  #marketTable td {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px dotted #a9a9a9a3;
      border-top: 1px dotted #a9a9a9a3;
      padding-left: 7px;
  }

  .market_dashboard-table {
      background-color: #ffffff;
      padding-bottom: 7px;
      margin-bottom: 90px;
      border-radius: 10px;
  }

  .market_table--box {
      background: #fff;
      margin-top: 70px;
      padding-top: 10px;
  }

  #marketTable tr th {
      padding-left: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 0.9rem;
  }

  #marketTable td:nth-child(3) {
      color: #fff;
      text-align: right;
      padding-right: 10px;
      font-weight: 600;
  }

  #marketTable .negative {
      background: #e74c3c;
  }

  #marketTable .positive {
      background: #2ecc71;
  }

  td:nth-child(2):has(.positive) {
      color: rgba(46, 204, 113, 1) !important;
  }

  .market__heading {
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      color: #fff !important;
      width: -webkit-fill-available;
      z-index: 99;
      max-width: 100%;
      top: 0;
      text-align: center;
      background: transparent;
  }

  .table_logo img {
      width: 28px;
      padding-right: 3px;
  }

  .footer-logo--box {
      /* background: #3498db; */
      padding-top: 9px;
      padding-bottom: 26px;
      border-radius: 5px 5px 0px 0px;
  }

  .fx__team-box {
      display: flex;
      flex-wrap: wrap;
      background: #16a085;
      border-radius: 5px;
  }

  .fx__team-box .fx__team-text {
      display: inline-block;
      flex: 0 0 50%;
      max-width: 100%;
      text-align: center;
  }

  .fx__team-box .fx__team-text h2 {
      font-size: 13px !important;
      color: #fff;
      font-weight: 700;
  }

  .fx__team-box .fx__team-text a {
      padding-top: 13px;
      display: inline-block;
      width: 100%;
      max-width: 100%;
  }

  .assets-section-col img {
      width: 50px;
      max-width: 100%;
  }

  .assets-section-box {
      display: flex;
  }

  .assets-section-col {
      flex: 0 0 33.33%;
      max-width: 100%;
      text-align: center;
  }

  .assets-section-box h2 {
      font-size: 13px;
      padding-top: 6px;
      color: #fff;
  }

  .assets-card--right img {
      width: 50px;
  }

  .assets-card {
      display: flex;
      justify-content: space-between;
      padding-top: 14px;
      padding-bottom: 6px;
      padding-left: 10px;
      color: #fff;
      border-radius: 20px;
      background-image: linear-gradient(to right,
              #fff2df,
              #ffedd3,
              #ffe8c7,
              #ffe2bc,
              #ffddb0);
  }

  .assets-card__row {
      flex: 0 0 97%;
  }

  .card--footer--text {
      font-size: 18px;
  }

  .card--footer--number {
      font-size: 22px;
  }

  .card--footer--col {
      flex: 0 0 50%;
      text-align: center;
      max-width: 100%;
  }

  .assets-section {
      margin-top: 20px;
  }

  span.footer-logo--box-size a {
      font-size: 12px;
      color: #101010;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }

  .acc-box__input-section--text {
      margin-bottom: 6px;
      font-size: 16px !important;
  }

  .acc-box__input-section--text span {
      font-size: 18px !important;
  }

  .footer-logo--box-size.changebg img {
      background: #ffc77d;
      filter: drop-shadow(1px 1px 5px black);
      transform: scale(1.1);
  }

  .recharge__card-details {
      cursor: pointer;
  }

  .recharge_usdt--tab__box {
      display: flex;
      flex-wrap: wrap;
  }

  .recharge_usdt--tab__left {
      flex: 0 0 90%;
      max-width: 90%;
      margin-bottom: 5px;
      display: block;
      width: 100%;
  }

  .recharge_usdt--tab__right .fa-regular {
      font-size: 24px;
      cursor: pointer;
      padding-left: 5px;
  }

  .usdt-box~.usdt__box--relation-tab {
      display: none;
  }

  .usdt-box.select-recharge~.usdt__box--relation-tab {
      display: block;
  }

  .recharge__box--level .recharge__level--box {
      cursor: pointer;
  }

  .userwithdraw__card--tab-heading,
  .userwithdraw__card--tab-fee {
      font-size: 14px !important;
      margin-bottom: 0;
      font-weight: 600;
      margin-top: 3px;
  }

  .level-hero-text {
      background: transparent;
      color: #ffffff;
      padding: 5px 10px;
      margin-top: 10px;
      border-radius: 5px;

  }

  /* Custom Language Selector Dropdown */
  .custom-language-selector {
      position: fixed;
      top: 7px;
      right: 10px;
      z-index: 1000;
      background: #ffffff00;
      border: 0px solid #ddd;
      border-radius: 6px;
      padding: 5px 15px;
      box-shadow: none;
  }

  .back-button-box h2 {
      font-size: 16px !important;
      width: 243px !important;
      margin-top: 5px;
  }

  select {
      padding: 0px 0px;
      border: none;
      font-size: 14px;
      cursor: pointer;
      outline: none;
      background-color: #ffffff;
  }

  h1 {
      color: #0077b6;
  }

  p {
      font-size: 16px;
  }

  body {
      top: 0px !important;
  }

  .translated-ltr iframe {
      display: none;
  }

  /* Hide default Google branding */
  .goog-logo-link {
      display: none !important;
  }

  .goog-te-gadget span {
      display: none !important;
  }

  /* Hide translation toolbar */
  .goog-te-banner-frame.skiptranslate {
      display: none !important;
  }

  .setting__user__details {
      display: flex;
      flex-wrap: wrap;
      margin-top: 26px;
      margin-bottom: 20px;
  }

  .setting__user__details-box {
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
      color: #ffffff;
      margin-bottom: 7px;
      margin-top: 8px;
      font-weight: 600;
  }

  .setting__user__details-box--heading {
      font-size: 13px !important;
      margin-bottom: 0;
  }

  .setting__user__details-text {
      font-size: 20px !important;
      margin-bottom: 5px;
  }

  .setting__user__details-box:nth-child(odd) {
      border-right: 1px solid darkgray;
  }

  .referral_link--box {
      display: flex;
      justify-content: center;
  }

  .referral_link--icon {
      max-width: 100%;
      height: 43px;
      width: 43px;
      border-radius: 20px;
      filter: drop-shadow(2px 4px 6px gray);
      cursor: pointer;
      margin-left: 5px;
  }

  .owl-demo .owl-carousel {
      padding-top: 5px;
  }

  #language {
      background-color: transparent;
  }

  @media (max-width: 750px) {




      .assets-section {
          margin-top: 28px;
      }

      .brb__passage-text {
          font-size: 45px;
      }

      p,
      span {
          font-size: 14px !important;
      }

      #marketTable td {
          font-size: 13px;
      }

      .footer-logo--box-size span {
          font-size: 10px !important;
          padding-top: 3px;
      }

      .acc-box__input-section--text {
          margin-bottom: 6px;
          font-size: 16px !important;
      }

      .acc-box__input-section--text span {
          font-size: 15px !important;
      }

      .slider_image__box span img {
          max-height: 111px;
          height: 100%;
      }

      .recharge_card--details__text {
          padding-right: 7px;
      }
  }

  @media (max-width: 500px) {
      .recharge__card-details>.fa-solid.fa-circle-check {
          display: block;
          width: 100%;
          text-align: right;
          margin-bottom: 5px;
          position: absolute;
          top: 0px;
          right: 0;
      }

      .recharge__card-details {
          flex-wrap: wrap;
          position: relative;
      }

      .userwidthdraw_usdt--tab--input {
          margin-left: 6px;
          max-width: 109%;
          width: 100%;
      }

      .userwidthdraw__input {
          width: 100%;
          max-width: 74%;
      }
  }

  /* popup css start */
  /* div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"],
  div:where(.swal2-icon).swal2-success .swal2-success-fix,
  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"],
  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"],
  div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"],
  div:where(.swal2-icon).swal2-success .swal2-success-fix {
      background-color: transparent !important;
  }

  div:where(.swal2-container) div:where(.swal2-html-container) {
      color: #ffffff !important;
  }

  div:where(.swal2-container) h2:where(.swal2-title) {
      font-size: large !important;
  } */

  /* div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover,
  div:where(.swal2-actions):not(.swal2-loading) .swal2-styled {
      background-image: linear-gradient(to top,
              #dd0074,
              #e33a88,
              #e9579c,
              #ed70af,
              #f186c0);
  } */

  div:where(.swal2-icon).swal2-success {
      background-image: url("../../application/libraries/assets/Successfully.gif");
      height: 168px;
      width: 168px;
      background-repeat: no-repeat;
      background-size: cover;
  }

  /* 
  div:where(.swal2-container).swal2-center>.swal2-popup {
      background-image: linear-gradient(to right top,
              #fa8100,
              #fb942a,
              #fca647,
              #feb762,
              #ffc77d) !important;
  } */

  /* div:where(.swal2-container) h2:where(.swal2-title) {
      color: #ffff00 !important;
      font-size: 21px !important;
  } */

  /* loader css start */
  /* Full-screen overlay for loader */
  #page-loader {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000000ba;
      z-index: 99999;
      transition: opacity 600ms ease, visibility 600ms ease;
      opacity: 1;
      visibility: visible;
  }

  /* When loaded: fade out */
  #page-loader.loaded {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
  }

  /* The round logo */
  #page-loader .logo {
      width: 120px;
      /* size adjust karna ho to yahin */
      height: 120px;
      border-radius: 50%;
      object-fit: cover;
      /* ring/outline and slight shadow */
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
      padding: 8px;
      background: transparent;
      /* agar logo transparent ho to accha lagta hai */
      /* rotation animation */
      animation: spin 1.2s linear infinite;
      /* optional: thoda scale pulse */
      will-change: transform, opacity;
  }

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

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



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

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

  /* Make sure page content hidden under loader is visible after loader removed */
  body.page-ready {
      /* koi special style nahi chahiye, bas example ke liye */
  }

  /* Accessibility: reduce motion preference */
  @media (prefers-reduced-motion: reduce) {

      #page-loader .logo,
      #page-loader .ring {
          animation: none;
      }
  }

  #language {
      color: #fff;
  }

  #language option {
      color: #000;
  }

  .brb-dashboard-top--box-heading {
      text-align: left;
      margin-top: 70px;
  }

  .brb-dashboard-top--box-heading h1 {
      font-weight: 900;
      color: #d7b148;
  }

  .social-media--break-line {
      text-align: center;
      color: gray;
      font-weight: 900;
      letter-spacing: 3.1px;
  }

  .social-icon img {
      max-width: 59px;
      width: 100%;
      padding-top: 14px;
      padding-bottom: 2px;
  }

  .social-icon {
      text-align: center;
      margin-left: 21px;
      padding: 11px;
      border-radius: 10px;
      margin-bottom: 21px;
  }

  .social-icon p {
      color: #979797;
      font-size: 13px !important;
      padding-top: 6px;
      text-transform: uppercase;
      font-weight: 500;
      margin-top: 7px;
      text-wrap-mode: nowrap;
      display: block;
      text-align: center;
  }

  /* loader css end */

  /* popup css end */
  * {
      box-sizing: border-box;


  }

  h1,
  h2,
  h3,
  h5,
  h6,
  p,
  span {
      padding: 0;
      margin: 0;
      font-family: 'Poppins', sans-serif;
  }

  body {
      background: #34495e;
      font-family: "Poppins", sans-serif;
  }

  .ai__dashbaord__container {
      overflow-y: auto;
      position: relative;
      padding: 0;
      max-width: 690px;
      padding-bottom: 120px;
      background: linear-gradient(135deg, #00c6ff, #A8E6CF);
  }

  .card-box {
      background: #fff;
      border-radius: 15px;
      padding: 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      margin-bottom: 18px;
      background: linear-gradient(135deg, #141E30, #243B55);
  }

  .earn-header {
      background: linear-gradient(135deg, #141E30, #243B55);
      padding: 18px;
      text-align: center;
      border-radius: 0;
  }

  .tp-value {
      font-weight: 500;
      color: #020202;
      font-size: 28px;
      margin-top: 10px;
  }

  .btn-green {
      background: #06d6a0;
      color: #fff;
      font-weight: 600;
  }

  .btn-pink {
      background: #ff4d6d;
      color: #fff;
      font-weight: 600;
  }

  .small-text {
      font-size: 14px;
      opacity: 0.8;
  }

  .btn-success {
      color: #fff;
      background-color: #38598b;
      border-color: #38598b;
  }

  .ai_dashbaord__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      left: 0px;
      right: 0px;
      z-index: 99999;
      padding-bottom: 10px;
      padding-top: 10px;
      max-width: 690px;
      width: 100%;
      margin: auto;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }

  .ai__header-left--text {
      font-weight: 600;
      color: #858488;
      font-size: 14px;
      max-width: 85px;
      width: 100%;
  }



  .ai__header-left--text-number {
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      color: #50af95;
      font-size: 17px !important;
  }

  .ai__header--left-box {
      display: inline-flex;
      align-items: center;
      padding-left: 10px;
      max-width: 311px;
      width: 100%;
  }

  .ai__header-left--text-number img {
      margin-right: 4px;
      margin-left: 3px;
  }

  .ai__header--button {
      color: #020202;
      background: linear-gradient(135deg, #00c6ff, #A8E6CF);
      font-size: 12px;
      font-weight: 500;
      padding: 7px 8px;
      max-width: 104px;
      width: 100%;
      border-radius: 2px;
      border: none;
      box-shadow: 0 6px 15px rgba(106, 90, 224, 0.35);
      transition: all 0.3s ease;
      letter-spacing: 0.5px;
  }

  .ai__header--button img {
      width: 17px;
  }

  .ai__header--button:hover,
  .ai__header--button:focus,
  .ai__header--button:active {
      color: #fff !important;
      box-shadow: 0 8px 20px rgba(106, 90, 224, 0.45) !important;
      transform: translateY(-1px);

  }

  .ai__header-right {
      display: inline-flex;
      align-items: center;
      color: #777575;
      font-weight: 500;
      font-size: 16px;
      padding-right: 10px;
  }

  .ai__header-right img {
      width: 32px;
  }

  .ai__header-right p {
      padding-left: 4px;
      font-weight: 500 !important;
      font-size: 20px;
  }

  .ai__dashbaord_hero--section {
      margin-top: 60px;
      text-align: center;
  }

  .ai__section--banner {
      padding: 9px 14px;
      background: #303d27;
      color: #fff;
      font-weight: 500;
      font-size: 19px;
      margin-top: -4px;
  }

  .ai__banner--text span {
      font-size: 12px;
      display: inline-block;
      margin-left: 26px;
      background: #4994d4;
      border-radius: 20px;
      padding-left: 10px;
      padding-right: 10px;
      outline: 1px groove #243d56;
  }

  .ai__banner--text span a {
      color: #fff;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
  }

  .ai__banner--text {
      display: inline-flex;
      align-items: center;
  }

  .ai__hero__section--details {
      margin-top: 15px;
  }

  .ai__hero__section--details h6 {
      font-weight: 500;
      font-size: 16px;
      color: #000;
  }

  .ai__hero__section--details img {
      margin-left: 3px;
  }

  .ai_details__history--text {
      font-weight: 500;
      text-transform: capitalize;
      padding-left: 0px;
      font-size: 12.4px;
      color: #ffffff;
      margin-left: -4px;
  }

  .ai__investment--table tbody tr td:nth-of-type(1) {
      color: #ffffff;
  }

  .ai_details__history--img {}

  .ai_details__history--earn {
      font-weight: 400;
  }

  .ai_details__history--earn span:nth-of-type(1) {
      color: #2b2b2b;
      font-weight: 500;
      font-size: 14px;
  }

  .ai_details__history--earn span:nth-of-type(2) {
      color: #000;
      font-weight: 500;
  }

  .ai_details__history--earn span:nth-of-type(3) {
      color: #5db700;
      font-weight: 400;
  }

  .ai_details__earn {
      font-size: 17px;
  }

  .ai_details__history--time {
      margin-top: 10px;
      background-color: #ddd3f2;
      display: inline-block;
      padding: 5px 10px;
      border-radius: 10px;
      font-size: 14px;
      color: #6e5b99;
  }

  .ai_details__history--time span {
      color: #000;
  }

  .ai_details__history--time .fa-regular.fa-clock {
      font-size: 12px;
      padding-right: 3px;
  }

  .ai_details__history--buttons-box {
      padding: 5px 10px;
  }

  .ai_details__history--buttons-box button:nth-of-type(1),
  .ai_details__history--buttons-box button:nth-of-type(2) {
      background: linear-gradient(135deg, #00c6ff, #A8E6CF);
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      max-width: 177px;
      padding: 13px 10px;
      border-radius: 18px;
      border: 1px solid darkgray;
      box-shadow: rgb(50 50 93 / 69%) 0px 50px 100px -20px, rgb(0 0 0 / 82%) 19px 30px 69px -25px;
  }

  .ai_details__history--buttons-box button:nth-of-type(1):active,
  .ai_details__history--buttons-box button:nth-of-type(1):focus,
  .ai_details__history--buttons-box button:nth-of-type(1):hover {
      background-color: #7dcf28 !important;
      color: #fff !important;
      box-shadow: none;
  }

  .ai_details__history--buttons-box button:nth-of-type(2) {
      background-color: #ddd3f2 !important;
      color: #000;
      font-weight: 400;
  }

  .ai_details__history--buttons-box button:nth-of-type(2):active,
  .ai_details__history--buttons-box button:nth-of-type(2):focus,
  .ai_details__history--buttons-box button:nth-of-type(2):hover {
      background-color: #ddd3f2 !important;
      color: #000 !important;
      box-shadow: none;
  }

  .ai__card__box--main-line {
      text-align: center;
      color: #fff;
      font-size: 15px;
      font-weight: 500 !important;
  }

  .ai__investment--table thead tr th {
      color: #a19898;
      font-weight: 500;
      font-size: 12px;
      background-color: #ffffff;
      border: none;
      padding-left: 20px;
  }

  .ai__investment--table thead tr th:nth-of-type(2) {
      text-align: right;
      padding-right: 20px;
  }

  .ai__investment--table tbody tr td:nth-of-type(2) {
      text-align: right;
      padding-right: 20px;
      color: #76d910;
  }

  .ai__investment--table tbody tr td {
      border: none;
      font-size: 12.5px;
      padding-left: 20px;
      padding-top: 4px;
      padding-bottom: 4px;
  }


  .tab-box {
      background: white;
      padding: 20px;
      border-radius: 20px;
      box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
      margin-top: 30px;
  }

  .nav-tabs .nav-link {
      border: none;
      font-weight: 500;
      color: #646592;
      font-size: 13px;
  }

  .nav-tabs .nav-link.active {
      color: #886bc7;
      border-bottom: 1px solid #886bc7;
      background: transparent;
      font-weight: 700;
      border-radius: 0;
  }

  .trade-card {
      padding: 18px 0;
      border-bottom: 1px solid #eee;
  }

  .trade-title {
      font-size: 16px;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }

  .tag {
      padding: 2px 8px;
      font-size: 11px;
      border-radius: 10px;
      background: #e8e8e8;
      margin-left: 6px;
  }

  .profit {
      font-size: 22px;
      font-weight: 700;
  }

  .trade-power-box {
      background: white;
      padding: 20px;
      margin-top: 20px;
      border-bottom: 1px solid #b9b9b9;
      border-radius: 0;
  }

  .progress-ring {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 5px solid #d8c0ff;
      border-top-color: #8b4bff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      color: #606060;
      font-size: 12.4px;
      line-height: 1;
      text-align: center;
      flex-direction: column;
  }

  .progress-ring span {
      font-size: 8px;
      color: #2a2929;
  }

  .trade-card .trade-title span {
      font-size: 14.5px;
      font-weight: 400;
  }

  .trade-card .trade-title span span {
      color: gray;
      font-size: 10px !important;
      padding: 5px 8px;
  }

  .ai__tab--table--row {
      display: flex;
      font-size: 10px;
      max-width: 141px;
      width: 100%;
      justify-content: space-between;
      margin-top: -38px;
  }

  .ai__tab--table--time {
      text-align: right;
      font-size: 11px;
  }

  .ai__tab--table--time .profit p {
      margin-top: 10px;
      font-weight: 400;
      color: #0aa52a;
      font-size: 20px !important;
  }

  .ai__tab__entry-price {
      font-size: 13px;
      padding-top: 2px;
      color: #000;
  }

  .ai__tab--table--time .small {
      color: gray;
      font-weight: 500;
      font-size: 9px;
  }

  .ai__tab--table--time .small p,
  .ai__tab__enter--text,
  .ai__tab__enter--number {
      font-size: 9px !important;
  }

  .ai__tab__enter--text {
      font-size: 9px;
  }

  .ai__table__trading-more-btn {
      text-align: center;
  }

  .ai__table__trading-more-btn button {
      margin-top: 28px;
      padding: 11px 90px;
      border-radius: 20px;
      border: 1px solid #b9b9b9;
      background: #ffffff;
      font-size: 13px;
      color: #000;
      font-weight: 500;
      letter-spacing: 0.5px;
  }

  .ai__table-trade--right-text {
      font-size: 19px;
      font-weight: 500;
      color: #7dcf28;
  }

  .ai__trade-power-left-text {
      font-size: 14px;
      color: darkslategray;
      line-height: 1;
      font-weight: 500;
  }

  .ai__trade-power-left-time {
      font-size: 12px;
      color: #959595;
      font-weight: 500;
  }

  .footer-box img {
      width: 20px;
  }

  footer {
      position: fixed;
      bottom: 35px;
      width: 93%;
      background: linear-gradient(135deg, #141E30, #243B55);
      z-index: 11;
      left: -50%;
      right: -50%;
      transform: translate(58%, -4%);
      padding: 3px 10px;
      border-radius: 33px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

  .footer-logo--box-size img {
      width: 27px;
      height: 27px;
  }

  .footer-logo--box-size span {
      font-size: 13px !important;
      padding-top: 6px;
      font-weight: 600;
      color: gray;
  }

  .footer-logo--box-size.changebg img {
      background: transparent;
      filter: none;
      transform: none;
      box-shadow: none;
  }

  .footer-logo--box-size.changebg span {
      color: red;
  }

  .footer-logo--box-size img {
      background: transparent;
      filter: none;
      transform: none;
      box-shadow: none;

  }

  .ai__button__buytb--img {
      background: black;
      border-radius: 100%;
      padding: 0;
      margin-right: 4px;
      width: 28px;
  }

  /* Bottom sheet modal */
  .modal-bottom {
      position: fixed;
      bottom: 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
  }

  .bottom-sheet {
      border-radius: 20px 20px 0 0;
      animation: slideUp 0.35s ease;
  }

  @keyframes slideUp {
      from {
          transform: translateY(100%);
      }

      to {
          transform: translateY(0%);
      }
  }

  .est-card {
      width: 30%;
      background: #ffffff;
      border-radius: 10px;
      border: 1px solid lightgray;
      font-weight: 300;
      font-size: 13px;
  }

  .est-card h6 {
      font-weight: 400;
  }

  .modal-backdrop.show {
      opacity: 0.4;
  }

  .modal.fade .modal-dialog {
      transform: translate(0%, 24%);
  }

  .ai__modal--titel {
      font-size: 14px;
      text-align: center;
      width: 100%;
  }



  .modal.fade .modal-dialog input {
      text-align: center;
      font-size: 12px;
      font-weight: 400;
      width: 100%;
      height: 50px;
      border-radius: 20px;
      border: 1px solid gray;
      text-align: center;
      font-size: 16px;
      padding-left: 57px;
  }

  .modal.fade .modal-dialog input:focus,
  .modal.fade .modal-dialog input:active,
  .modal.fade .modal-dialog input:focus-visible {
      border: 1px solid gray !important;
      outline: none;
  }

  .modal.fade .modal-dialog input::placeholder {
      text-align: center;
      color: rgb(192, 191, 191);
      font-size: 14px;
      font-weight: 400;
  }

  .ai__modal--logo {
      position: absolute;
      left: 8px;
      top: 7px;
      background: black;
      border-radius: 100%;
  }

  .ai__modal--total--tp {
      display: flex;
      justify-content: space-around;
  }

  .ai__modal--total--tp h5 {
      font-weight: 400;
      font-size: 15px;
      color: #000;
  }

  .ai__modal__bottom--text {
      font-size: 12px;
      margin-bottom: 12px;
      text-align: left;
  }

  .modal-footer button {
      background: #7dcf28;
      color: #fff;
      border-radius: 19px;
      font-size: 13px;
      padding-top: 12px;
      padding-bottom: 12px;
      font-weight: 500;
  }

  .modal-footer button:hover,
  .modal-footer button:active,
  .modal-footer button:focus {
      background: #7dcf28 !important;
      color: #fff !important;
  }

  /* withdraw page */
  .ai__withdraw__container {
      padding-bottom: 200px;
  }

  .ai__withdraw--top-box {
      text-align: center;
      margin-top: 49px;
  }

  .ai__withdraw--box--heading {
      font-weight: 500;
      font-size: 16px;
      color: #3c3c3c;
      margin-bottom: 3px;
  }

  .ai__withdraw--box--number-text {
      font-weight: 500;
      margin-bottom: 7px;
  }

  .ai__withdraw--box--button {
      width: 100%;
      padding: 14px;
      border: none;
      background: #3caedd;
      color: #ffff;
      font-weight: 700;
      border-radius: 23px;
      display: inline-flex;
      align-items: center;
      text-align: center;
      justify-content: center;
  }

  .acc-box__input-section--text {
      margin-bottom: 6px;
      font-size: 14px !important;
      padding-left: 20px;
  }

  .acc-box__input-section--text span {
      font-size: 15px !important;
  }

  .acc-box__input-section--text:nth-of-type(odd) {
      background: #f2f2f2;
  }

  .acc-box__input-section {
      background: transparent !important;
      border-bottom: 1px solid #0a133036;
      margin-top: 15px;
      margin-bottom: 20px;
  }

  .ai__withdraw--box--button img {
      background: #000000ab;
      border-radius: 100%;
      margin-right: 5px;
  }

  .ai__withdraw--box--card {
      background-color: #ffffff;
  }

  .ai__withdraw--section {
      margin-left: 15px;
      margin-right: 15px;

  }

  .ai__withdraw--middle-box {
      padding-top: 5px;
      margin-top: 15px;
  }

  .ai__withdraw--box--card {
      background-color: #ffffff;
      border-radius: 20px;
  }

  .ai__withdraw--card--top--text {
      padding-top: 10px;
      padding-left: 15px;
  }

  .ai__withdraw--card--top--text p {
      font-size: 12px;
      text-transform: capitalize;
  }

  .ai__withdraw--card--top--text p:nth-of-type(2) {
      color: #577acc;
  }

  .ai__withdraw--card--top--text {
      padding-top: 22px;
      padding-left: 20px;
      display: flex;
      justify-content: space-between;
      padding-right: 15px;
  }

  .ai__withdraw--card--top--input {
      margin-top: 10px;
  }

  .ai__withdraw--card--top--input {
      margin-top: 19px;
      text-align: center;
  }

  .ai__withdraw--card--top--input input {
      width: 79%;
      padding-top: 13px;
      padding-bottom: 13px;
      text-align: center;
      border-radius: 18px;
      border: 1px solid darkgray;
  }

  .ai__withdraw--card--top--input input:active,
  .ai__withdraw--card--top--input input:focus,
  .ai__withdraw--card--top--input input:hover,
  .ai__withdraw--card--top--input input:focus-visible {
      outline: none;
      border: 1px solid darkgray;
  }

  .ai__withdraw--card--top--input input::placeholder {
      color: #c8c9cf;
      font-weight: 600;
  }

  .ai__withdraw--card--input--box {
      display: flex;
      padding-left: 18px;
      align-items: center;
      padding-bottom: 18px;
  }

  .ai__withdraw-card-button {
      margin-left: 0px;
      margin-top: 10px;
      width: 80%;
      margin-right: 5px;
      padding-top: 12px;
      padding-bottom: 12px;
      border: none;
      background: #7dcf28;
      color: #ffff;
      font-weight: 600;
      border-radius: 20px;
  }

  .ai__withdraw--button--box {
      text-align: center;
      padding-bottom: 32px;
  }

  .ai__withdraw--card--input--heading {
      font-size: 14px;
  }

  .ai__withdraw--card--input--heading span {
      font-size: 12px;
  }

  .ai__withdraw {
      margin-top: 15px;
  }

  .ai__withdraw--heading {
      font-size: 15px;
      font-weight: 600;
      padding-left: 20px;
  }

  .ai__withdraw__card {
      margin-top: 18px;
      background: #fff;
      border-radius: 12px;
  }

  .ai__withdraw__card-box {
      display: flex;
      padding: 15px;
      padding-top: 19px;
      justify-content: space-between;
      align-items: center;
  }

  .ai__withdraw__card-first,
  .ai__withdraw__card-second,
  .ai__withdraw__card-third {
      padding-left: 0px;
      padding-right: 10px;
  }

  .ai__withdraw__card-second h2,
  .ai__withdraw__card-second p {
      font-size: 13px;

      line-height: 18px;
  }

  .ai__withdraw__card-third i {
      font-size: 18px;
      color: #97adde;
  }

  .ai__withdraw__card-third a {
      text-decoration: none;
  }

  .ai__withdraw__card-third a span {
      color: #829dd8;
      font-size: 10px !important;
      font-weight: 700;
      display: inline-block;
      line-height: 14px;
      text-transform: capitalize;
  }

  .ai__withdraw__card-first p {
      font-size: 12px;
      text-align: center;
      line-height: 23px;
      font-weight: 700;
      color: #b3b3b3;
  }

  .ai__withdraw__card-second p:nth-of-type(1) {}

  .ai__withdraw__card-second p:nth-of-type(2) {
      color: #608dfd;
      line-height: 1.1;
      word-break: break-all;
  }

  .ai__withdraw__card-second p:nth-of-type(1) {
      color: gray;
  }

  .ai__withdraw__card-first h2 {
      color: #73d132;
      font-weight: 500;
      font-size: 22px;
      max-width: 97px;
  }

  /* withdraw page end */

  .intro-slider {
      position: fixed;
      bottom: -100%;
      left: 0;
      width: 100%;
      height: 38%;
      background: #fff;
      z-index: 9999;
      border-radius: 22px 22px 0 0;
      transition: 0.4s ease;
      box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
  }

  .intro-slider.active {
      bottom: 0;
  }

  .slider-header {
      display: flex;
      justify-content: space-between;
      padding: 12px 16px;
      font-weight: 600;
      border-bottom: 1px solid #eee;
  }

  .slider-body,
  .intro-carousel,
  .owl-stage-outer,
  .owl-stage,
  .owl-item {
      height: 100%;
  }

  .intro-carousel img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      display: block;
  }