body{font-weight: 400; font-family: "Poppins", sans-serif; color: #fff; background: #000; font-size: 14px;}

.login{ z-index: 111; position: relative;overflow: auto; display: flex;
  justify-content: center; margin-top: 30px; margin-bottom: 20px;
  align-items: center;}
.login-content{max-width: 500px; background: #191919c7; border-radius: 10px; position: relative; margin: auto;backdrop-filter: blur(7px); border: 1px solid #39393999; padding: 20px 20px;}

.container-fluid{padding: 0;}
.cursor-pointer{
  cursor: pointer;
}
.login-content h1 {
 font-size: 25px;
}
.eye_show_box{ position: absolute; top: 12px; right: 20px; cursor: pointer;}
.theme_color {color: #19aa4d;}
.home-banner-video { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; object-fit: cover; z-index: 1;}
.home-banner-video video.bg-video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0;}
.video-color-filter, .video-color-filter-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-color-filter {background: #3cc966; mix-blend-mode: hue;}
.video-color-filter-1 { background: linear-gradient(0deg,#000,#000 26%,rgba(6,5,12,0) 96%);}

.login-content.register_box{max-width: 700px;margin-bottom: 20px;}
.login_logo{margin: auto; width: 140px;}
.login_logo img{width: 100%;}
.auth-logo img {max-width: 200px;}
.form-control{background: #323133;
  color: #fff; border-radius: 5px !important;
  padding: .7rem 1rem;
  border: 1px solid #444343;}
.form-control:focus {background: #323133; color: #fff;}
.form-control:disabled {background:#323133; color: #fff;}
.form-select{background: #323133;
  color: #fff;

  border: 1px solid #444343;
  padding: .7rem 1rem;
}
.form-select:focus {background: #323133; color: #fff;}
.form-select:disabled {background: #323133; color: #fff;}

.login_video{max-width: 600px;
  height: auto;
  position: fixed;
  top: -300px;
  z-index: -1;
  transform-origin: center;}
.login_video video {
  width: 100%;
}
.app-footer{display: none;}

.light_gradient_btn {
  border: none;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 14px; transition: all 0.5s ease;
  padding: 12px 10px; font-weight: 600;
  border-radius: 0px;
  background: #9a7af4;
  background-size: 200% 100%;
}
.light_gradient_btn:hover {
  color: #fff;
  background: #8058ee;
}



.w_100{width: 100%;}
.login-content .text-decoration-underline{color: #fff;}
.login-content .text-decoration-underline:hover{color: #19aa4d;}
.login .input-group .btn-outline-secondary{background-color: rgba(255,255,255,.2); color: #fff; border: 1px solid #444343;}
.top_section p{margin-bottom: 0px;}
.top_section {background: #19aa4d;font-weight: 600; margin-bottom: 20px; color: #fff; text-align: center; padding: 10px 0px; }
.login .green_shadow {width: 400px; height: 700px;}
.left_p_shadow {position: fixed; top: -10%; left: 0%;}
.green_shadow {width: 450px; height: 450px; z-index: -1; border-radius: 50%; background: #19aa4d33; filter: blur(125px);}
.right_p_shadow {position: fixed; top: -10%; right: 0%;}
.green_shadow {width: 450px; height: 450px; z-index: -1; border-radius: 50%; background: #19aa4d33; filter: blur(125px);}
label .text-danger {color: #19aa4d !important;}
label .required {color: #19aa4d !important;}
.left_token_img{width: 80px; top: 24%; position: absolute; right: 10%;}
.right_token_img{width: 80px; bottom: 15%; position: absolute; left: 5%;}
.modal-header .btn-close{filter: brightness(0) invert(1);}


.moveup_down {-webkit-animation: moveup_down 3000ms infinite ease-in-out;animation: moveup_down 3000ms infinite ease-in-out;}
@keyframes moveup_down {
  0% { -webkit-transform: translateY(0px); transform: translateY(0px);}
  50% {-webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.moveHorizontal {-webkit-animation: moveHorizontal 3000ms infinite ease-in-out; animation: moveHorizontal 3000ms infinite ease-in-out;}
@keyframes moveHorizontal {
  0% {-webkit-transform: translateX(0px); transform: translateX(0px);}
  50% {-webkit-transform: translateX(-20px); transform: translateX(-20px);}
  100% {-webkit-transform: translateX(0px);transform: translateX(0px);}
}

.modal-content {background-color: #141316; border-radius: 0px; position: relative;
  border: 1px solid #ffffff21;}
  
.modal-header {border-bottom: 1px solid #ffffff21}
.modal-footer {border-top: 1px solid #ffffff21;}
.btn-close{opacity: .7;}
.btn-close:focus {box-shadow: none;}

.app-brand .favicon{display: none; width: 38px; }
.pinned .app-brand .favicon{display: block;}
.sidebar-hovered .app-brand .favicon{display: none;}
.sidebar-hovered.pinned .app-brand .logo{display: block;}
.pinned .app-brand .logo{display: none;}



.green_shadow_full_top { 
  width: 100%;
  height: 250px;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #19aa4d33;
  filter: blur(125px);
}


.card-bg-icon{position: absolute; right: 20px; top: 28px;width: 30px; filter: brightness(0) invert(1);}

.card-bg .card-body h3{font-weight: 500;
  color: #19aa4d; font-size: 18px;
  }

.steps .step { display: block; position: relative; text-align: center; width: 100%; margin-bottom: 20px;}
.step-title{font-size: 15px; margin-top: 5px}
.steps .step .step-icon { display: inline-block; text-align: center; position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: #e3e3e3; color: #000; font-size: 21px; line-height: 38px; z-index: 5}
.steps .step::before, .steps .step::after {content: ""; position: absolute; left: -50%; top: 22px; width: 100%; height: 3px; background: #e3e3e3; transform: translateY(-50%);}
.steps .step.completed .step-icon{background: #19aa4d; color: #fff;}
.steps .step:first-child::before, .steps .step:first-child::after {display: none;}
.steps .step.completed::after {background: #19aa4d; width: 100%;}
.step.completed .step-title{color: #19aa4d;}

.icon-40{width: 40px;}

.sidebar-hovered.pinned .main-container{padding: 0 0 0 250px; transition: padding-left .1s ease;}
.sidebar-wrapper .green_shadow {width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.app-container {background: #000; border-radius: 0px;}
.paymentGatewayLogo{width: 150px;}
.pin-sidebar {background: #1f1d22;
  color: #fff; display: none;}
  .toggle-sidebar {
    border: 0;
    background: #19aa4d; color: #fff;}

a {color: #19aa4d;}
a:hover {color: #19aa4d;}
.card{background: #0f0f0f;}
.card-bg{font-size: 19px; transition: all 0.3s; overflow: hidden; position: relative; border: 1px solid #19aa4d7a}
.card-bg:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 170, 77, 0.32);
}
.card-bg::before{border-radius: 50%; content: "";
  width: 80px;
  position: absolute;
  bottom: 0px;
  left: 0px;

  height: 80px;
  background: #19aa4d;
  filter: blur(125px)}
.card-header {background-color: transparent !important; color: #fff; border-bottom: 1px solid #cccccc38 !important;}
.btn-outline-theme:hover{color: #fff;}
.modal-dialog { max-width: 600px;}
.modal-dialog.blog_modal { max-width: 500px;}
.rws-header{color: #fff;}
.page-link:hover {color: #fff;}
.spinner-grow.text-primary {color: #19aa4d !important;}
.welocme_back_box{margin-top: 30px; color: #fff; margin-bottom: 20px;}
.welocme_usdt_icon{width: 180px; display: none; position: absolute; right: 10px; top: -50px;}
.welocme_back_box h4 span{color: #9a7af4;}
.packageBuy{color: #000;}

.page-wrapper.toggled::before{content: ""; z-index: 11; background: #00000096; position: fixed; left: 0; right: 0; top:0; bottom: 0;}



.pl-container{ z-index: 1; overflow: hidden; position: relative; border: 1px solid #19aa4d; 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: 35px;font-weight: 700;}

.rd3t-node {fill: #fff !important; stroke: none !important;}
.rd3t-leaf-node {stroke: none !important;}
.rd3t-link {stroke: #ffffff59 !important;}
::-webkit-scrollbar {
  width: 7px;
  height: 7px
}
::-webkit-scrollbar-button {
  background: #ccc
}
::-webkit-scrollbar-track-piece {
  background: #eee
}
::-webkit-scrollbar-thumb {
  background: #9ed395
}
/*for mobile*/
@media only screen and (max-width:760px) {
.top_section p {font-size: 13px;} 
.left_token_img {display: none;}
.right_token_img {display: none;}
.welocme_usdt_icon {width: 110px;}
.app-header {padding: 0 .6rem}
.app-body {padding: 1rem 1rem; margin: 0px 10px;}
.login-content{padding: 15px 15px;}
.p-5 {padding: 1.5rem !important;}
.mt-5, .my-5 {margin-top:1.5rem !important;}
.mb-5, .my-5 {margin-bottom:1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 2rem !important;}
.pt-5, .py-5 {padding-top: 2rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.p-3 {padding: .7rem !important;}
.gap-2 {gap: .3rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-6 {--bs-gutter-y: 2rem;  --bs-gutter-x: 2rem;}
.g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 { --bs-gutter-x: 1rem;}
.fs-4 {font-size: calc(0.8rem + .3vw) !important;}
.fs-1 {font-size: calc(1.1rem + 1.5vw) !important;}
.fs-2 {font-size: calc(1rem + 1.5vw) !important;}
.h5, h5 {font-size: 1rem;}
.mb-2 {margin-bottom: .2rem !important;}
.pb-3 {padding-bottom: .5rem !important;}
.pt-3 {padding-top: .5rem !important;}
.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}
.p-4 {padding: .8rem !important;}

}

@media only screen and (max-width: 450px) {
  .twofa{
    flex-direction:column-reverse;
   }
}

#checkbox {
  display: none;
}

.toggle {
  position: relative;
  width: 35px;
  height: 26px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition-duration: .5s;
}

@media(max-width: 992px) {
  .toggle {
      display: none
  }
}

.bars {
  width: 100%;
  height: 4px;
  /* background-color: rgb(176, 92, 255); */
  background-color: #19aa4d;
  border-radius: 4px;
}

#bar2 {
  transition-duration: .8s;
}

#bar1,#bar3 {
  width: 70%;
}

#checkbox:checked + .toggle .bars {
  position: absolute;
  transition-duration: .5s;
}

#checkbox:checked + .toggle #bar2 {
  transform: scaleX(0);
  transition-duration: .5s;
}

#checkbox:checked + .toggle #bar1 {
  width: 100%;
  transform: rotate(45deg);
  transition-duration: .5s;
}

#checkbox:checked + .toggle #bar3 {
  width: 100%;
  transform: rotate(-45deg);
  transition-duration: .5s;
}

#checkbox:checked + .toggle {
  transition-duration: .5s;
  transform: rotate(180deg);
}


.loader {
  position: relative;
  width: 240px;
  height: 130px;
  margin-bottom: 10px;
  border: 1px solid #d3d3d3;
  padding: 15px;
  /* background-color: #e3e3e3; */
  overflow: hidden;
}

.loader:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(110deg, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 0) 40%, rgba(227, 227, 227, 0.5) 50%, rgba(227, 227, 227, 0) 60%, rgba(227, 227, 227, 0) 100%);
  animation: gradient-animation_2 1.2s linear infinite;
}

.loader .wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.loader .wrapper > div {
  background-color: #cacaca;
}

.loader .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.loader .button {
  display: inline-block;
  height: 32px;
  width: 75px;
}

.loader .line-1 {
  position: absolute;
  top: 11px;
  left: 58px;
  height: 10px;
  width: 100px;
}

.loader .line-2 {
  position: absolute;
  top: 34px;
  left: 58px;
  height: 10px;
  width: 150px;
}

.loader .line-3 {
  position: absolute;
  top: 57px;
  left: 0px;
  height: 10px;
  width: 100%;
}

.loader .line-4 {
  position: absolute;
  top: 80px;
  left: 0px;
  height: 10px;
  width: 92%;
}

@keyframes gradient-animation_2 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.expendHash{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:9rem;
  cursor: pointer;
}

.expendHash:hover{
  /* width: unset; */
  white-space: wrap;
}
 .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: #e1e1e133; 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: #e1e1e133; 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: #000;height: inherit; min-width: 200px !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;}
 }

    .accordion-item-custom {
        border-bottom: 1px solid #353535f0;
    }

    .accordion-item-custom:last-child {
        border-bottom: none;
    }

    .accordion-header-custom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px;
        cursor: pointer; 
        transition: all 0.2s;
       background: #323133;
    }

    .accordion-header-custom:hover {
       background: #424142;
    }

    .accordion-header-custom.level-0 {
        background: #0f0f0f;
      
    }

    .header-left-custom {
        display: flex;
        align-items: center;
        gap: 12px;
        flex: 1;
        min-width: 0;
    }

    .expand-icon-custom {
        color: #666;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        font-size: 18px;
    }

    .status-indicator-custom {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border: 2px solid white;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        font-size: 20px;
    }

    .status-indicator-custom.paid {
        background: #34a853;
        color: white;
    }

    .status-indicator-custom.unpaid {
        background: #FF0000;
        color: white;
    }

    .member-basic-info-custom {
        flex: 1;
        min-width: 0;
    }

    .member-name-row-custom {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 4px;
    }

    .member-username-custom {
        font-weight: 600;
      
        font-size: 15px;
    }

    .member-real-name-custom {
        color: #b4b0b0;
        font-size: 13px;
    }

    .status-badge-custom {
        padding: 3px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .status-badge-custom.paid {
        background: #e8f5e9;
        color: #2e7d32;
    }

    .status-badge-custom.unpaid {
        background: #ffebee;
        color: #c62828;
    }

    .member-sponsor-custom {
        font-size: 12px;
        color: #999;
    }

    .header-right-custom {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-shrink: 0;
    }

    .stat-box-custom {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        background: #ffffff30;
        border-radius: 8px;
        font-size: 13px;
     
    }

    .stat-box-custom.rank {
        background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
        color: #000;
        font-weight: 600;
    }

    .stat-label-custom {
        font-weight: 500;
    }

    .stat-value-custom {
        font-weight: 600;
        color: #19aa4d;
    }

    .stat-box-custom.rank .stat-value-custom {
        color: #000;
    }

    .copy-btn-custom {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        border: none;
        background: #f0f0f024;
        color: #fff;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        font-size: 16px;
    }

    .copy-btn-custom:hover {
        background: #19AA4D;
        color: white;
        transform: scale(1.1);
    }

    .accordion-content-custom {
        background: #fafbfc;
    }

    .loading-bar-custom {
        padding: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #666;
        font-size: 13px;
        background: #f8f9fa;
    }

    .stats-grid-custom {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 16px;
        margin-bottom: 24px;
    }

    .stat-card-custom {
        background: white;
        padding: 20px; position: relative;
        border-radius: 12px;
        border: 1px solid #19aa4d7a;
        background: #0f0f0f; overflow:hidden;
        transition: all 0.3s;
    }
    .stat-card-custom::before{border-radius: 50%; content: "";
    width: 80px;
    position: absolute;
    bottom: 0px;
    left: 0px;

    height: 80px;
    background: #19aa4d;
    filter: blur(125px)}
    .stat-card-custom:hover {
  
        transform: translateY(-2px);
        box-shadow:0 4px 12px rgba(25, 170, 77, 0.32);
    }

    .stat-card-header-custom {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        
        font-size: 13px;
        font-weight: 500;
    }

    .stat-card-icon-custom {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #19aa4d;
        color: white;
        font-size: 18px;
    }

    .stat-card-value-custom {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 4px;
    }

    .stat-card-change-custom {
        font-size: 12px;
        color: #28C76F;
        font-weight: 500;
    }

    .accordion-container-custom {
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        overflow: hidden;
    }

    @media (max-width: 1024px) {
        .header-right-custom {
            gap: 8px;
        }

        .stat-box-custom {
            padding: 4px 8px;
            font-size: 12px;
        }

        .stat-label-custom {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .header-right-custom {
            flex-wrap: wrap;
            gap: 6px;
        }

        .accordion-header-custom {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .header-right-custom {
            width: 100%;
            justify-content: flex-start;
        }

        .stat-box-custom {
            font-size: 11px;
            padding: 4px 8px;
        }
    }