.alert-popup{
    background: #10d876;
    color: #fff;
    padding: 10px 10px;
    position: fixed;
    z-index: 9999;
    right: 20px;
    top: 20px;
    width: 100%;
    max-width: 420px;
    height: auto;
    display: block;
    font-size: 0.9em;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
    border-radius: 5px;
  }
  .alert-popup.error{
    /* background: #FF6666; */
  }
  .alert-popup::after{
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 99;
    animation: move-and-change-color 5s forwards;
  }
  @media (max-width: 420px){
  .alert-popup{ right: 0px; top: 0px; }
  }
  @keyframes move-and-change-color {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
  }
  .usd-before:before{
    content: '$ ';
  }
  .usd-after:after{
    content: ' $';
  }
  .coin-after:after{
    content: ' MLFY';
  }
  .bg{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: both;
  }
  .text-nowrap{ text-wrap: nowrap; }
  .text-dotted-line{ text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .dp-small{
    width: 50px; height: 50px; object-fit: cover; aspect-ratio: 4/2; border: 1px solid #ddd; border-radius: 100em;
    margin-right: 10px;
  }
  .scroll-btn{ overflow-x: scroll; }
  .flexbox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; flex-wrap: wrap; margin-left: -1px; }
  .flexbox.nowrap{ flex-wrap: nowrap; }
  .flexbox.column{ flex-direction: column; }
  .flexbox.hscroll{ overflow-x: scroll; }
  .flexbox.align-center{ align-items: center; }
  .flexbox.align-content{ align-content: center; }
  .flexbox.align-items-end{ align-items: end; }
  .flexbox.justify-content{ justify-content: center; }
  .flexbox.align-stretch{ align-content: stretch; }
  .flexbox.space-between{ align-content: space-between !important; }
  .flexbox.justify-space-between{ justify-content: space-between !important; }
  .flexbox > .noshrink{ flex-shrink: 0; }
  .flexbox > .flex-header{ flex: 1; }
  .flexbox > .flex-1{ flex: 1; }
  .flexbox > .flex-2{ flex: 2; }
  .flexbox > .flex-3{ flex: 3; }
  .flexbox > .flex-4{ flex: 4; }
  .flexbox > .flex-5{ flex: 5; }
  .flexbox > .flex-6{ flex: 6; }
  .flexbox > .flex-7{ flex: 7; }
  .flexbox > .flex-8{ flex: 8; }
  .flexbox > .flex-9{ flex: 9; }
  .flexbox > .flex-10{ flex: 10; }
  .flexbox > .flex-11{ flex: 11; }
  .flexbox > .flex-12{ flex: 12; }
  .flexbox > .flex-body{ flex: 14; }
  .flexbox > .flex-md-5{ width: 5%; }
  .flexbox > .flex-md-10{ width: 10%; }
  .flexbox > .flex-md-15{ width: 15%; }
  .flexbox > .flex-md-18{ width: 18%; }
  .flexbox > .flex-md-20{ width: 20%; }
  .flexbox > .flex-md-24{ width: 24%; }
  .flexbox > .flex-md-25{ width: 25%; }
  .flexbox > .flex-md-30{ width: 30%; }
  .flexbox > .flex-md-32{ width: 32%; }
  .flexbox > .flex-md-33{ width: 33.33%; }
  .flexbox > .flex-md-35{ width: 35%; }
  .flexbox > .flex-md-40{ width: 40%; }
  .flexbox > .flex-md-45{ width: 45%; }
  .flexbox > .flex-md-48{ width: 48%; }
  .flexbox > .flex-md-50{ width: 50%; }
  .flexbox > .flex-md-60{ width: 60%; }
  .flexbox > .flex-md-65{ width: 65%; }
  .flexbox > .flex-md-70{ width: 70%; }
  .flexbox > .flex-md-75{ width: 75%; }
  .flexbox > .flex-md-80{ width: 80%; }
  .flexbox > .flex-md-85{ width: 85%; }
  .flexbox > .flex-md-90{ width: 90%; }
  .flexbox > .flex-md-95{ width: 95%; }
  .flexbox > .flex-md-100{ width: 100%; }
  @media(max-width: 768px){
  .flexbox > .flex-xs-10{ width: 10%; }
  .flexbox > .flex-xs-20{ width: 20%; }
  .flexbox > .flex-xs-60{ width: 60%; }
  .flexbox > .flex-xs-80{ width: 80%; }
  .flexbox > .flex-xs-100{ width: 100%; }
  }
  .bg-white{ background: #fff; }
  .pos-rel{ position: relative; }
  .disp-block{ display: block; }
  .disp-inline-block{ display: inline-block; }
  .block-ht100-30px{ min-height: calc(100% - 30px); }
  .tree span{ display: block; }
  .tree-user{ width: 45px; }
  .tree-user.sm{ width: 30px; }
  .tree-txt-sm{ font-size: 0.7em; width: max-content; }
  .tree-btn{ color: #fff; line-height: 1.3em; font-size: 0.6em; background: #00B0ED; display: inline-block; margin: 0 auto; padding: 3px 5px; border-radius: 5px; }
  .treearea{ padding: 20px 0px 50px; }
  .treearea .tree{ width: 100%; }
  @media(max-width: 768px){
  .flex-xs-100{ width: 100%; }
  .treearea{ overflow-x: scroll; }
  .treearea .tree{ width: 120vh; }
  .tree-user{ width: 45px; }
  }
  .icon-xl{ width: 250px; }
  .icon-xxl{ width: 300px; }
  [ondblclick],[onclick]{ cursor: pointer; }
  .sat-10{ filter: saturate(0.10) opacity(0.5); }
  .scale-in-center{-webkit-animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both}
  @-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
  .webg-modal{ display: none; width: 100%; height: 100vh; padding-bottom: env(safe-area-inset-bottom); display: block; position: fixed; left: 0; top: 0; z-index: 1021; background-color: rgba(0, 0, 0, 0.5); display: none; }
  .webg-dialogue{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-70%); width: 100%; max-width: 500px; background: #fff; 
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
  .webg-dialogue.upgrade{
    left: 35%; top: 10%;
  }
  @media(max-width: 768px){
  .webg-dialogue.upgrade,
  .webg-dialogue{ left: 0%; top: auto; bottom: 0%; border-radius: 0px; padding-bottom: 40px; }
  }
  .bdr-rad-sm{ border-radius: 5px; }
  .hide{ display: none; }
  .show{ display: block; }
  @media(max-width: 768px){
  .col-xs-12{ width: 100%; }
  }
  .btn-pagi{
    background: #10d876;
    color: #fff !important;
    border-radius: 100em;
    padding: 0px 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 0.8em;
  }
  .btn-pagi.first,
  .btn-pagi.last{
    background: #999;
  }
  .label{ padding: 1px 5px 0px; line-height: 1.7em; }
  .pos-rel{ position: relative; }
  .tltip{
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-110%,-130%);
    background-color: #FFF8F3;
    box-shadow: calc(clamp(0px, var(--horiz), 2px)) calc(clamp(0px, var(--vert), 2px)) 2px calc(var(--spread)) rgba(0, 0, 0, 0.233), calc(2 * var(--horiz)) calc(2 * var(--vert)) calc(var(--blur)) calc(var(--spread)) rgba(0, 0, 0, 0.20), calc(3 * var(--horiz)) calc(3 * var(--vert)) calc(var(--blur)) calc(var(--spread)) rgba(0, 0, 0, 0.123), calc(5 * var(--horiz)) calc(5 * var(--vert)) calc(var(--blur)) calc(var(--spread)) rgba(0, 0, 0, 0.076), calc(8 * var(--horiz)) calc(8 * var(--vert)) calc(var(--blur)) calc(var(--spread)) rgba(0, 0, 0, 0.047), calc(13 * var(--horiz)) calc(13 * var(--vert)) calc(var(--blur)) calc(var(--spread)) rgba(0, 0, 0, 0.028);
    border: 1px solid rgba(0, 0, 0, 0.068);
    border-radius: 5px;
    display: none;
    text-align: left;
    color: #000;
  }
  .tltip table{
    width: 150px;
  }
  .tltip table tr{
    border-bottom: 1px solid #F7E7DC;
  }
  .tltip table tr:last-child{
    border: none;
  }
  .tltip span{
    font-size: 0.7em;
    font-weight: 500;
    line-height: 1.8em;
    padding: 3px 0px 2pxw;
  }
  @media (max-width: 768px) {
    .tltip {
      left: 10%;
      transform: translate(0, -130%);
    }
  }
  
  @media (max-width: 480px) {
    .tltip {
      left: 5%;
      transform: translate(0, -130%);
    }
    /* .col-sm-6{ width: 50%; }
    .col-sm-12{ width: 100%; }
    .marg-tp-10{ margin-top: 10px !important; }
    .pad-xs-0{ padding-left: 0px !important; } */
  }
  .sat-xs{
    filter: saturate(0%);
  }
  input[type="radio"]:checked + .verify .verified .sat-xs{
    filter: saturate(100%) !important;
  }
  .perc-after:after{ content: '%'; }
  .month-after:after{ content: ' Month'; }
  @media (max-width: 390px){
    /* .mt-xs-1{ margin-top: 0.25rem !important; }
    .mt-xs-2 { margin-top: 0.5rem !important; }
    .mt-xs-3 { margin-top: 0.75rem !important; } */
  }
  .bg-grd1{
    background: linear-gradient(45deg, #e3ffe7 0%, #d9e7ff 100%);
    background: -webkit-linear-gradient(45deg, #e3ffe7 0%, #d9e7ff 100%);
    background: -moz-linear-gradient(45deg, #e3ffe7 0%, #d9e7ff 100%);
  }
  .waiting-cover{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999; background: rgba(255, 255, 255, 0.839); display: none; }
  .waiting-modal{ width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99; }
  [data-otp-form][readonly]{ background: rgba(0, 0, 0, 0.028); }
  .inr-before:before{ content: '₹ '; }
  .inr-after:after{ content: ' ₹'; }
  .usd-before:before{ content: '$ '; }
  .usd-after:after{ content: ' $'; }
.flexbox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; flex-wrap: wrap; margin-left: -1px; }
.flexbox.nowrap{ flex-wrap: nowrap; }
.flexbox.column{ flex-direction: column; }
.flexbox.hscroll{ overflow-x: scroll; }
.flexbox.align-center{ align-items: center; }
.flexbox.align-content{ align-content: center; }
.flexbox.align-items-end{ align-items: end; }
.flexbox.justify-content{ justify-content: center; }
.flexbox.align-stretch{ align-content: stretch; }
.flexbox.space-between{ align-content: space-between !important; }
.flexbox.justify-space-between{ justify-content: space-between !important; }
.flexbox > .noshrink{ flex-shrink: 0; }
.flexbox > .flex-header{ flex: 1; }
.flexbox > .flex-1{ flex: 1; }
.flexbox > .flex-2{ flex: 2; }
.flexbox > .flex-3{ flex: 3; }
.flexbox > .flex-4{ flex: 4; }
.flexbox > .flex-5{ flex: 5; }
.flexbox > .flex-6{ flex: 6; }
.flexbox > .flex-7{ flex: 7; }
.flexbox > .flex-8{ flex: 8; }
.flexbox > .flex-9{ flex: 9; }
.flexbox > .flex-10{ flex: 10; }
.flexbox > .flex-11{ flex: 11; }
.flexbox > .flex-12{ flex: 12; }
.flexbox > .flex-body{ flex: 14; }
.flexbox > .flex-md-5{ width: 5%; }
.flexbox > .flex-md-10{ width: 10%; }
.flexbox > .flex-md-15{ width: 15%; }
.flexbox > .flex-md-16{ width: 16%; }
.flexbox > .flex-md-18{ width: 18%; }
.flexbox > .flex-md-19{ width: 19%; }
.flexbox > .flex-md-20{ width: 20%; }
.flexbox > .flex-md-23{ width: 23%; }
.flexbox > .flex-md-24{ width: 24%; }
.flexbox > .flex-md-25{ width: 25%; }
.flexbox > .flex-md-30{ width: 30%; }
.flexbox > .flex-md-32{ width: 32%; }
.flexbox > .flex-md-33{ width: 33.33%; }
.flexbox > .flex-md-35{ width: 35%; }
.flexbox > .flex-md-40{ width: 40%; }
.flexbox > .flex-md-45{ width: 45%; }
.flexbox > .flex-md-48{ width: 48%; }
.flexbox > .flex-md-49{ width: 49%; }
.flexbox > .flex-md-50{ width: 50%; }
.flexbox > .flex-md-60{ width: 60%; }
.flexbox > .flex-md-65{ width: 65%; }
.flexbox > .flex-md-70{ width: 70%; }
.flexbox > .flex-md-75{ width: 75%; }
.flexbox > .flex-md-80{ width: 80%; }
.flexbox > .flex-md-85{ width: 85%; }
.flexbox > .flex-md-90{ width: 90%; }
.flexbox > .flex-md-95{ width: 95%; }
.flexbox > .flex-md-100{ width: 100%; }
.wt-vw-100{ width: 100vw; }
@media(max-width: 768px){
/* .wt-vw-100{ min-width: 100vh; } */
}
.absright{ position: absolute; right: 0px; top: 0px; z-index: 3; }
.opacity-50{ opacity: 0.5; }
.icon-dp-vmd{ width: 50px; height: 50px; }
.text-dotted-line{ text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-xxxs{ height: 15px; }
.box-shad-xxs{ box-shadow: 0px 0px 3px 1px rgba(119, 124, 126, 0.15); }
.pos-rel { position: relative; }