:root {
      --theme-color: rgb(28 40 88 / 60%);
      --theme-bg: rgba(255, 255, 255, 0.1);
      scroll-behavior: smooth;
      --white: #ffffff;
      --gray: #a9a9ca;
      --black-deep: #0b0a16;
      --black: #232a4b;
      --green: #18E579;
      --green-dark: #14EA4C;
      --color-bg: rgba(255, 255, 255, 0.1);
      --blue: #131626;
      --green-dark: #01d676;
      --blue: #121020;
      --header-bg: rgba(29, 30, 48, 0.98);
      --dropdown-bg: rgb(30, 30, 48);
      --theme-bg: rgb(29, 30, 48);
      --chat-bg: #222339;

      --border-color: rgba(109, 119, 160, 0.227);
      --offer-bg: rgb(28 40 88 / 60%);
      --webkit-blur-filter: blur(15px);
      --blur-filter: blur(15px);
      --backdrop-filter: blur(10px);
      --secondary: #252539;
      --brand: #01d676;
      --earn: #01d676;
    }

    
    
    .color-bg {
      background-color: var(--color-bg);
    }

    .bg-gradient-primary {
      background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
    }

    .offer-bg {
      background-color: var(--offer-bg);
    }

    .btn-primary:hover {
      background-color: #01FF97;
      /* Change to your desired color */
      /*border-color: #004085;*/
    }

    .btn-danger {
      border-color: #dc3545;
      background-color: var(--theme-bg);
    }

    .btn-danger:hover {
      background-color: #dc3545;
      color: var(--white) !important;
    }

    .text-success-light {
      color: var(--green) !important;
    }

    .text-success-dark {
      color: var(--green-dark) !important;
    }

    .color-green {
      color: var(--green) !important;
    }

    .color-update {
      color: var(--earn) !important;
    }

    .theme-color {
      background-color: var(--black-deep);
    }

    .border-1px {
      border: 1px solid var(--border-color);
    }

    .border-radius-10 {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
    }

    .border-radius-15 {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
    }

    .border-radius-50 {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
    }

    .blur-filter-5 {
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }

    .blur_10px {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
    }

    .blur-filter-15 {
      -webkit-backdrop-filter: var(--blur-filter);
      backdrop-filter: var(--blur-filter);
    }

    .text-gray {
      color: var(--gray);
    }

    .theme-bg {
      background-color: var(--theme-bg);
    }

    .text_green {
      color: var(--green);
    }

    a {
      text-decoration: none;
    }

    .text_gradient_2 {
      color: transparent;
      background: linear-gradient(92deg, rgb(0 255 78) 4.72%, rgb(0 239 144) 103.94%) text;
      letter-spacing: 0.8px;
      white-space: nowrap;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      color: var(--white);
    }

    .green {
      color: var(--green);
    }

    .right {
      text-align: right;
    }

    .margin-r-20 {
      margin-right: 20px;
    }

    .Offery {
      background: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
    }

    .ShusiAds {
      background: linear-gradient(-20deg, #ff6a00 0%, #ffcc00 100%);
    }

    .Taskwall {
      background: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
    }

    .Revto {
      background: linear-gradient(230deg, #ffc480, #ff763b);
    }

    .Bit {
      background: linear-gradient(-20deg, #28a745 0%, #17a2b8 100%);
    }

    .Rediant {
      background: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
    }

    .Up {
      background: linear-gradient(230deg, #0e4cfd, #6a8eff);
    }

    .Tplayed {
      background-image: linear-gradient(180deg, rgb(19 27 39) 9.2%, #3e4757 103.9%);
      ;
    }

    /*    .Prime {*/
    /*background: linear-gradient(-20deg, #8e2de2 0%, #4a00e0 100%);*/
    /*    }*/
    .Prime {
      background-image: linear-gradient(180deg, rgb(19 27 39) 9.2%, rgb(22 52 50) 103.9%);
    }