body {background-color: rgb(9, 18, 37);
  background-position: 0% 0%, 0% 0%, 0% 0%;
  background-repeat: repeat, repeat, repeat;
  background-image: radial-gradient(at 20% 80%, rgba(133, 11, 255, 0.18) 5%, transparent 40%), radial-gradient(at 80% 20%, rgba(37, 98, 255, 0.18) 5%, transparent 40%), none;
  background-size: auto, auto, auto;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  background-attachment: fixed;
  font-family: "Inter", serif;}


.login-content { max-width: 500px; background: #0A0E31;
  padding: 20px; position: relative; margin: auto; color: #fff; border-radius: 10px;}
.eye_show_box{ position: absolute; top: 15px; right: 20px; cursor: pointer;}

.light_gradient_btn{color: #fff; border: none; background: #5A2EFF;}
.light_gradient_btn:hover{background: #5731e3; color: #fff;}
.btn {
  border-radius: 3px;
}
.login_logo{display: block; margin-bottom: 40px;}
.login_logo img{width: 150px;}
.color_A0AEBF{color: #A0AEBF;}
.color_A6B3C4{color: #A6B3C4;}
.register_box {max-width: 700px;}
.login{padding-bottom:20px ;}

.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;} 
.fw-600{font-weight: 600 !important;} 
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}
.css-o2c9dn {
  display: flex;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(224, 225, 226, 0) 0%, rgb(224, 225, 226) 49.52%, rgba(224, 225, 226, 0) 100%);
}
.gradient_bg{background: linear-gradient(175.77deg, rgb(62, 93, 255) -87.91%, rgb(31, 4, 197) 96.63%) !important; border-radius: 16px;}

.sidebar-menu > li > a:hover i {
  animation: swing .5s ease-in-out 1 alternate;
}
@keyframes swing {
  0%,
  30%,
  50%,
  70%,
  to {
    transform:rotate(0deg)
  }
  10% {
    transform:rotate(10deg)
  }
  40% {
    transform:rotate(-10deg)
  }
  60% {
    transform:rotate(5deg)
  }
  80% {
    transform:rotate(-5deg)
  }
}
.sidebar-menu .treeview-menu > li > a.active{background: transparent;}

.sidebar-menu > li .active {background-color: #00a0ff1a; color: #05b0d8;}
.sidebar-menu > li .active i{color: #05b0d8;}

.sidebar-menu > li .active:hover {background: rgba(255, 255, 255, 0.08);}

.nav-pills .nav-link {color: #fff;}
.treeview.active{background: transparent !important;}
.rd3t-node {stroke: transparent !important;}
.card.card-bg{border-radius: 20px; border: 1px solid #2d2bdf4a; background: linear-gradient(127.09deg, rgba(6, 11, 40, 0.94) 19.41%, rgba(10, 14, 35, 0.49) 76.65%);}
.rd3t-link {stroke: #ffffff3b !important;}
.card{border-radius: 20px;background: linear-gradient(rgb(15, 25, 56) 0%, rgba(9, 18, 37, 0) 100%);}
.paymentGatewayLogo{width: 100px;}
.login_btn{transition: all 0.5s ease;
  background-image: linear-gradient(to right, #3e56ff 0%, #0217d8 51%, #3e56ff 100%);
  background-size: 200% 100%;
  border: none;
  padding: 16px 10px;
  border-radius: 10px;
  color: #fff;}  

.login_btn:hover {
    background-position: 100% 0;
    color: #fff;
  }

  .dropdown-300 {
    min-width: 300px;
    max-width: 320px;
  }
.login-form {border-radius: 10px; padding-top:20px; max-width: 500px; margin: 0 auto;}
.login-form.register-form{max-width: 600px;}
.login_logo_mobile{max-width: 150px; display: block;}
.login_logo_mobile img{width: 100%;}
.notification-card{background: linear-gradient(rgb(15, 25, 56) 0%, rgb(9, 18, 37) 100%);}
.Pagination_input {padding: 7px 15px;}

.login_right{ min-height: 100vh; padding: 20px 20px;}
.login_form_padding{padding: 30px 20px; position: relative; background: linear-gradient(rgb(15, 25, 56) 0%, rgba(9, 18, 37, 0) 100%);
  border-radius: 20px;}
.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-31{font-size: 31px !important;}
.font-32{font-size: 32px !important;}
.font-33{font-size: 33px !important;}
.font-34{font-size: 34px !important;}
.font-35{font-size: 35px !important;}
.font-50{font-size: 50px !important;}
.font-60{font-size: 60px !important;}


.width-15{width: 15px;}
.width-20{width: 20px;}
.width-25{width: 25px;}
.width-30{width: 30px;}
.width-35{width: 35px;}
.width-40{width: 40px;}

.height-15{height: 15px;}
.height-20{height: 20px;}
.height-25{height: 25px;}
.height-30{height: 30px;}
.height-35{height: 35px;}
.height-40{height: 40px;}

.alert-light{background: #fff; color: #000;}
.alert-light .btn-close {color: #000; filter: unset; opacity: 1;}
.page-header{font-weight: 700;}
.d_icon_box{display: flex; position: absolute; right: 15px; top: 22px; padding: 10px; align-items: center; justify-content: center; border-radius: 12px; height: 45px; width: 45px; background: #ffffff1c;}
.d_icon_box img{filter: brightness(0) invert(1); width: 100%;}


.gradient3{background-color: rgb(39, 18, 108); min-height: 590px;}
.Guaranteed_box{padding: 50px 40px; overflow: hidden; padding-right: 150px; border-radius: 20px; }
.Guaranteed_box .trading-platform{position: absolute; z-index: 1; width: 350px; right: 0; bottom: 0;}
.Guaranteed_box .green_shadow {width: 550px; position: absolute; bottom: -5%;right: -2%; height: 550px;border-radius: 50%;background: #db40b4;opacity: 0.2;filter: blur(125px);}
.Guaranteed_box .box_img_p{position: absolute; top:10%; left: 0; width: 400px; height: 500px;}
.zindex{z-index: 11; position: relative;}
.trading_bg_img {background: url(../img/trading-bg.png) no-repeat;border-radius: 10px; background-size: 100% 100%; padding: 30px 20px;}
.rd3t-leaf-node {stroke: unset !important;}
.text_btn {background: transparent; border: none; color: #fff;}
.img-white {filter: brightness(0) invert(1);}
.form-control option{color: #000;}
.form-select option{color: #000;}
table thead th{color: #A6B3C4 !important; font-weight: 600;}
table thead th strong{font-weight: 600;}

.toggle-sidebar{background-color: #5A2EFF; 
  margin: 0 0 0 1rem; border: none; height: 35px; width: 35px; border-radius: 5px; color: #fff; font-size: 18px; }
.css-1uqqhca{background: linear-gradient(108.82deg, rgb(120, 59, 255) 33.45%, rgb(65, 11, 185) 99.53%);
  padding: 20px;
  border-radius: 10px;}
  .toggle-sidebar {
    display: none;
  }

  .header-actions .dropdown-toggle.action-icon {
    background: #eee3; cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative; height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .7rem;

  }

.box_bg0{background: linear-gradient(180deg, #8055FF 0%, #4D19E0 100%); border-radius: 20px;}
.box_bg1{background: linear-gradient(180deg, #009BF3 0%, #0050AE 100%); border-radius: 20px;}
.box_bg2{background-color: rgb(39, 18, 108); min-height: 550px; border-radius: 20px;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {-moz-appearance: textfield;}
.sidebar-wrapper {overflow-y: auto;}
.modal-content {background-color: #0A0E31; border: none;} 
.modal-header{border-bottom: 1px solid #ffffff21;}
.modal-footer{border-top: 1px solid #ffffff21;}
.modal-dialog .btn-close{filter: brightness(0) invert(1);}
.modal-dialog .btn-close:focus{box-shadow: none;}
.dropdown-menu::after {background: #0A0E31;}
.dropdown-menu {background: #0A0E31;}

.chatRaise {
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatRaiseM {
  display: none;
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatHead {
  display: none;
}

.chatListM {
  display: block;
  opacity: 1;
}

@media only screen and (max-width: 990px) {
  .chatListM {
    z-index: 50;
    position: absolute !important;
    display: block;
    background: darkslategray;
    height: inherit;
    min-width: 40% !important;

  }

  .card-task .emoji-task {
    display: block;
    gap: 5px;
    font-size: 15px;
    align-items: baseline;
  }

  .banner_graph {
    height: 100%;
  }

  .chatMsgM {
    width: 100% !important;
  }

  .chatRaise {
    display: none !important;
  }

  .chatRaiseM {
    display: block !important;
  }

  .chatHead {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }
}

.btn-left-side-reg {
  display: none;
}

@media only screen and (max-width: 550px) {
  .btn-header-reg {
    display: none;
  }

  .btn-left-side-reg {
    display: block;
  }
}

.main-income-gain-pie {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.income-gain-pie {
  width: 100%;
}

.package .form-check-input {
  width: 3rem !important;
  height: 1.5rem !important;
}

.package .form-check-label {
  padding-left: 10px;
}
.link1_bg{background: linear-gradient(rgb(37, 27, 67) 0%, rgb(9, 18, 37) 100%); border-radius: 15px;}
.link2_bg{background: linear-gradient(rgb(10, 55, 57) 0%, rgb(9, 18, 37) 100%); border-radius: 15px;}
.c_card_box.c_card_box_active {
  border: 1px solid #ad6e09;
}
.pl-container{background: rgb(17, 27, 53);
  border: 2px solid rgb(30, 46, 82); z-index: 1; overflow: hidden; position: relative; border: 1px solid #2962ff; padding:30px 20px; border-radius: 15px;}
.pl-container_text1{position: relative; padding-left: 25px; }
.pl-container_text1::before{content: "\f26e"; position: absolute; left: 0; top: -4px; font-family: bootstrap-icons !important; font-size: 25px;}
.pl-main_number {font-size: 50px;font-weight: 700;}
h1.page-header{font-size: 30px;}
.c_card_box {
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  padding: 20px 20px;
  position: relative;
  border-radius: 15px;
  margin: auto;
  background: #253f86;
  background-size: cover;
}

.c_card_box::after {
  content: "";
  height: 100px;
  width: 150px;
  filter: brightness(0) invert(0);
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  opacity: .2;
}

.c_card_box::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  filter: blur(180px);
  background-color: #f4a11be3;
}

.qrimage {
  width: 80%;
}

.error-icon {
  width: 120px;
  height: 120px;
  margin: 40px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-icon svg {
  width: 60px;
  height: 60px;
  color: #666;
}

.error-message {
  font-size: 18px;
  line-height: 1.5;
  color: #d6cccc;
  margin-bottom: 16px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.error-try-again-button {
  background: linear-gradient(to right, #6674e9, #ad53f3);
  color: white;
  border: none;
  padding: 16px 32px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

.try-again-button:hover {
  opacity: 0.9;
}

.clear-fillter {
  width: 25px;
  margin-left: 10px;
  cursor: pointer;
  filter: invert(1);
}


.steps .step {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center
}

.steps .step .step-icon-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  text-align: center
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 3px;
  margin-top: -1px;
  background-color: #e1e7ec;
  content: '';
  z-index: 1
}

.steps .step .step-icon-wrap::before {
  left: 0
}

.steps .step .step-icon-wrap::after {
  right: 0
}

.steps .step .step-icon {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #e1e7ec;
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #374250;
  font-size: 38px;
  line-height: 32px;
  z-index: 5
}

.steps .step .step-title {
  margin-top: 16px;
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

.steps .step:first-child .step-icon-wrap::before {
  display: none
}

.steps .step:last-child .step-icon-wrap::after {
  display: none
}

.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
  background-color: #0da9ef
}

.steps .step.completed .step-icon {
  border-color: #0da9ef;
  background-color: #0da9ef;
  color: #fff
}




/*for mobile*/
@media only screen and (max-width:760px) {
  .toggle-sidebar{display: inline-block;}
  .mobile_none{display: none;}
  .trading_bg_img {padding: 20px 10px;}
  .login_logo {margin-top: 20px; margin-bottom: 20px;}
  .login_logo img {width: 200px;}


}

/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {
  .toggle-sidebar{display: inline-block;}
  .mobile_none{display: none;}

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
}

/*for sm destop*/
@media only screen and (min-width:1000px) and (max-width:1200px) {

 }



 .qrimage{width: 80px; border-radius: 10px;}
 .chatBox .text-center {color: #fff;}
 .chatBox .hr {color: #fff;}
 .chat-messages { display: flex; flex-direction: column; padding: 5px; overflow-y: auto; gap: 2px; height: 100%;}
 .user-message {display: flex;justify-content: end;}
 .user-message-text { width: fit-content;border-radius: 5px;padding: 0.5rem; background: #333336; max-width: 16rem;}
 .wallet-address {word-wrap: anywhere;}
 .bot-message {display: flex; justify-content: start;flex-direction: column; gap: 2px;}
 .bot-message-text { width: fit-content; border-radius: 5px; padding: 0.5rem; background: #333336; max-width: 16rem;}
 .chat-input { display: flex; padding: 3px; gap: 3px;}
 .chat-input-input {flex-grow: 1; flex-shrink: 1; border: 2px black; border-radius: 5px; padding: 5px;}
 .chat-input-button {background: #333336; color: white; padding: 8px 20px; cursor: pointer; border: 0;}
 .chat-input-button:hover {background: #333336;}
 .chatBox {height: 70vh; display: flex;}
 .chatRaise { justify-content: flex-end; display: flex; margin: 5px;}
 .chatRaiseM {display: none; justify-content: flex-end; display: flex; margin: 5px;}
 .chatHead {display: none;}
 .chatListM {display: block; opacity: 1;}
 
 @media only screen and (max-width: 990px) {
   .chatListM { z-index: 1; position: absolute !important; display: block; background: #121d44;height: inherit; min-width: 40% !important;}
   .card-task .emoji-task {display: block; gap: 5px; font-size: 15px; align-items: baseline;}
   .banner_graph {height: 100%;}
   .chatMsgM {width: 100% !important;}
   .chatRaise {display: none !important;}
   .chatRaiseM {display: block !important;}
   .chatHead {display: flex !important; justify-content: space-between; align-items: center;}
 }

.cursor-pointer{
  cursor:pointer;
}

/* tbody{display: block; max-height: 400px; overflow-y: auto;}
thead, tbody tr{display: table;width: 100%;} */

select.form-control {
  background-size: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjY5NTU2NSAwLjgyNjY2OEMwLjkzNjE2NCAwLjU4NjA2OSAxLjMxMjY2IDAuNTY0MTk2IDEuNTc3OTcgMC43NjEwNUwxLjY1Mzk4IDAuODI2NjY4TDcuNSA2LjY3MjM4TDEzLjM0NiAwLjgyNjY2OEMxMy41ODY2IDAuNTg2MDY5IDEzLjk2MzEgMC41NjQxOTYgMTQuMjI4NCAwLjc2MTA1TDE0LjMwNDQgMC44MjY2NjhDMTQuNTQ1IDEuMDY3MjcgMTQuNTY2OSAxLjQ0Mzc3IDE0LjM3MDEgMS43MDkwOEwxNC4zMDQ0IDEuNzg1MDhMNy45NzkyMSA4LjExMDMxQzcuNzM4NjEgOC4zNTA5MSA3LjM2MjExIDguMzcyNzggNy4wOTY4IDguMTc1OTNMNy4wMjA3OSA4LjExMDMxTDAuNjk1NTY1IDEuNzg1MDhDMC40MzA5MDUgMS41MjA0MyAwLjQzMDkwNSAxLjA5MTMzIDAuNjk1NTY1IDAuODI2NjY4WiIgZmlsbD0iI0JBQkFCQSIvPgo8L3N2Zz4K) !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 15px) !important;
  background-position-y: center !important;
  padding-right: 36px !important;
}

.add_img_icon{
  filter: invert(1);
}