@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Fp2ywxg089UriCZa4Hz-D.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Hp2ywxg089UriCZ2IHSeH.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Hp2ywxg089UriCZOIHQ.woff2') format('woff2');
}
input::-webkit-input-placeholder { 
    color: #eaecef;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #648f07;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset -3px -3px 5px #2d2c2c;
}
input::placeholder {
    color: #eaecef;
}
.form-group input.form-control::placeholder {
  color: #eaecef;
}
body{
  margin: 0;
  padding: 0;
  font-family: 'DM Sans';
  background-color: #0F0F0F;
  color: #eaecef;
  letter-spacing: -0.4px;
  font-weight: 300;
  font-size: 14px;
}
/* =========================================================================================================================================== */
.main-wrapper::after{
    content: '';
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #87c00d30;
    z-index: -1;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.cancel-request{
    background: transparent;
    padding: 0px;
    text-align: left;
    justify-content: left;
    border-radius: 0;
    color: #e71717;
    width: auto;
    border-bottom: 1px dotted !important;
    font-size: 12px;
    border: none;
}
.cancel-request:hover{
    background-color: transparent;
    color: #e71717;
    transform: translateY(0px);
}
.main-wrapper{
    background-color: #181818;
}
.button.small-btn i {
    padding-left: 4px;
}
.subscription_text p{
    font-size: 18px;
}
.subscription_text b{
    color: #24eb2e;
    font-weight: 500;
}
.subscription_text img {
    width: 183px;
    margin-right: 11px;
    margin-bottom: 27px;
    margin-top: 12px;
}
.custom_header.custom_header_info .button {
    width: auto;
}
button[disabled]:hover::after {
    opacity: 0;
} 
button[disabled]:hover::before {
    opacity: 0;
}  
.button {
    background-color: #87C00D;
    color: #000;
    font-weight: 600;
    border: 0;
    border-radius: 4px;
    padding: 10px 20px;
    transition: all 0.3s 0s;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.btn-close:focus{
    box-shadow: none;
}
.custom_box {
    background-color: #181818;
    margin-bottom: 30px;
    margin-top: 25px;
    border-radius: 10px;
}  
.button2 {
    background-color: #474d57;
    color: #fff;
}
.button::before {
  background: #fff;
  content: "";
  height: 155px;
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  width: 30px;
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button::after {
  background: #fff;
  content: "";
  height: 20rem;
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 7rem;
}
.small-btn::before {
  left: -50%;
}

.small-btn::after {
  left: -100%;
}

.button:hover,
.button:active {
  transform: translateY(-3px);
  color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.small-btn:hover::before {
  left: 120%;
  opacity: 0.5s;
}

.small-btn:hover::after {
  left: 200%;
  opacity: 0.6;
}
.button span {
  z-index: 20;
}
.button:hover {
    background: #87C00D;
    color: #000;
}
.header_socials ul {
    list-style: none;
    margin-bottom: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_socials a svg {
    width: 20px;
}

.header_socials a {
    color: #b8ff21;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background-color:#0f0f0f;
    display: flex;
    align-items: center;
    border: 1px solid #87c00d;
    justify-content: center;
    margin: 0 5px;
    border-radius: 4px;
    font-size: 18px;

}
.announcement-info .btn-close {
 background: #81bd04;
 padding: 7px 8px;
 height: 20px;
 width: 20px;
 font-weight: 800;
 font-size: 20px;
 border-radius: 50%;
 top: -36px;
 line-height: 10px;
 opacity: 1;
 border: none !important;
 z-index: 999;
 position: absolute;
 right: -37px;
 background-image: none;
}
.announcement-info {
    max-width: 778px;
    border-radius: 6px;
}
.announcement-info img {
    width: 138px;
    border-radius: 6px;
    margin-right: 10px;
}
.announcement-timer {
    display: flex;
    justify-content: center;
    gap: 2.7vw;
}
.lquid-text {
    color: #39B640;
}
.announcement-timer div small{
    position: absolute;
    font-weight: 500;
    color: #fff;
    top: -14px;
    right: -22px;
    font-size: 55px;
}
.announcement-timer div {
    background: transparent;
    color: #fff;
        font-size: 3vw;
    padding-bottom: 10px !important;
    text-align: center;
    position: relative;
    text-shadow: 0px 3px 3px #000;
    padding-block-start: inherit;
    margin-top: 38px;
    width: 5.2vw;
    margin-bottom: 81px;
    border-radius: 7px;
    -webkit-text-stroke: 1px #0000006e;
    font-weight: 800;
    padding: 4px 12px;
}
.announcement-timer div span{
    padding-left: 6px;
}

.announcement-timer-info b {
    font-weight: 800;
    font-size: 44px;
}
.announcement-timer-info p {
    font-size: 24px;
    margin: 0;
}

.announcement-info .modal-body{
    padding: 0px !important;
    background-color: transparent;
}
.announcement-bg{
    background-image: url('../img/announcement_banner_bg.png');
    background-size: cover;
    padding: 55px 10px;
    border: none;

}
.account-title {
    text-align: center;
}
.account-box {
    max-width: 600px;
    width: 100%;
    margin: 97px auto 30px;
    padding: 2.3rem;
    position: relative;
    border-radius: 10px;
    background: #0F0F0F;
    z-index: 1;
    overflow: hidden;
}
.account-box .form-control {
    background: #181818;
}
.account-box::after {
    background-image: url('../img/bg-shape.svg');
    background-size: cover;
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    z-index: -1;
    height: 344px;
}
.form-control::placeholder{
    color: #ffffff69 !important;
}

.login-bottom span {
    font-size: 17px;
    font-weight: 500;
}

.input-icon-right a {
    color: #c0c0c0b3;
    font-size: 21px;
}

label {
    display: block;
    margin-bottom: 5px;
    color: #9ea1a6;
    font-size: 15px;
    font-weight: 500;
}
.forgot-password a {
    color: #cecececc;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

.input-icon-right {
    position: absolute;
    right: 20px;
    top: 54%;
    transform: translate(0px, -50%);
}
.navbar-brand img {
    max-width: 200px;
    max-height: 80px;
    margin-bottom: 18px;
}

.navbar-nav .nav-link.active {
    color: #af1f72;
    font-weight: bold;
}

.navbar-nav .nav-link {color: #eaecef;
    padding: 10px 40px !important;
    display: block;
}

.navbar-nav {
    justify-content: flex-end;
    width: 100%;
}

.navbar-nav .nav-link:hover {
    color: #87c00d;
}

.navbar-nav .button {
    margin-left: 10px;

}
.input-icon-right a:hover {color: #fff;}
.account-box.custom-box {
    max-width: 64%;
}
.captcha-info {
    margin: 26px 0px;
}
.form-check-input:checked {
    background-color: #618e01;
    border-color: #87c00d;
}
.form-check-input:focus{
    box-shadow: none;
} 
.form-check-label a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}
.register-success-title {
    text-align: center;
}   
.register-success p {
    margin-bottom: 9px  !important;
    color: #ffffffc7 !important;
}
.register-success-title {
    text-align: center;
    margin-bottom: 42px;
}
.custom_body.withdraw_info .small-btn {
    width: auto;
}
li.no-data-info {
    text-align: center;
    background: #8888881f;
    padding: 17px;
    font-size: 16px;
    margin-top: 19px;
}
.register-success-title h1{
    color: #89ca00;
}
.register-success a {
    color: #8fd200;
    text-decoration: underline;
}
.register-success a:hover{
    color: #fff;
}

body .datepicker {
    background-color: #181818;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 10px;
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
    display: none !important;
}

.datepicker thead, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.day:hover, .datepicker table tr td.day.focused, .datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background: #4f7402 !important;
    color: #ffffff !important;
}

body .datepicker table tr td.active, body .datepicker table tr td.active:hover, body .datepicker table tr td.active.disabled, body .datepicker table tr td.active.disabled:hover{
    background: rgb(79 116 2) !important;
}

body .datepicker table tr td.day:hover, body .datepicker table tr td.day.focused {
    background-color: #4f7402;
    color: #fff;
}

body .datepicker table tr td.old, .datepicker table tr td.new{
    color: #9ea1a6;
}

body .datepicker thead {
    background-color: #4f7402;
}
.datepicker-days thead th{
    cursor: pointer;
}

body .datepicker td {
    color: #fff;
    padding: 8px 10px; 
    border-radius: 0 !important;
    font-size: 14px;
}

body .datepicker th {
    padding: 8px;
    text-align: center;
    border-radius: 0 !important;
    font-weight: normal;
    font-size: 14px;
}

body .datepicker table tr td.today, body .datepicker table tr td.today:hover, body .datepicker table tr td.today.disabled, body .datepicker table tr td.today.disabled:hover {
    background: #4f7402;
}

body .datepicker table tr td.day:hover, body .datepicker table tr td.day.focused {
    background-color: #4f7402;
    color: #fff;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background-color: #4f7402 !important;
}

.notif.language .dropdown-menu.show{
    min-width: unset;
    width: 100%;
}
.notif.language .dropdown-menu.show a {
    display: flex;
    align-items: center;
    gap:5px;
    padding: 7px 15px;
    font-size: 16px;    
}
.notif.language .dropdown-menu.show a.active {
    background-color: #87c00d;
    font-weight: 600;
    background-color: #474d57;
}
.notif.language .dropdown-menu.show a:hover{
    background-color: #74747429;
    color: #aff716;
}
.home-right-main {
    width: 40%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.home-right-main .notif.language .notif-dropdown.dropdown-menu.show {
    min-width: 170px;
}
#eventPopup  .modal-dialog {
    transform: none;
    max-width: 45%;
}
#eventPopup img{
    width: 100%;
}
#eventPopup .modal-body{
    background-color: transparent;
    padding: 0;
}
#eventPopup .modal-header{
    background-color: #0f1013;
}
.withdraw_btn a.button.button2 {
  display: inline;
}
.withdraw_btn {
    text-align: end;
    margin: auto;
    justify-content: end;
    display: flex;
    margin-top: 21px;
    margin-bottom: 26px;
}
.withdraw_btn .small-btn{
    width: auto;
}
.event-days-num {
    display: flex;
    position: absolute;
    letter-spacing: 5px;
    font-size: 26px;
    color: #fff;
    left: 50%;
    font-weight: 500;
    transform: translate(-50%, 0px);
    bottom: 6.2vw;
}

.event-days-num div {
   margin: 0 0px;
}

.pd-5{
    padding: 15px;
}
.filter_btn {
    font-size: 23px;
    background: transparent;
    padding: 0px 6px;
    width: auto;
    color: #87c00d;
}

.notification-info a{

    padding: 0px !important;

}
.notification-info-bg{
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
    background-color: #181818;
    color: #eaecef;
}
.notification-info-bg a{
    padding: 0px !important;
}
.notification-info:hover{
    background-color:#fefefe0a;
}
.notification-info{
    padding: 15px;
    border-bottom: 1px solid #ffffff2e;
}

.notif .see-all {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #a3e90e;
    text-transform: uppercase;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 6px 6px;
}

.notif .see-all i {
    margin-left: 10px;
}

.notif .see-all:hover {
    background-color: #a3e90e;
    color: #000;
}
.notif-dropdown li b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 2px;
    color: #9ea1a6;
    font-weight: normal;

}
.notif-dropdown li a {
    margin-left: 0 !important;
    display: block;
    font-weight: 400;
    border: none;
    font-size: 14px;
    /* border-bottom: 1px solid #2b3139; */
}
.notif-dropdown li a:hover {
  color: #a6ea15;
}
.forgot-password {
    text-align: right;
    margin-bottom: 30px;
}
a {
    transition: all 0.3s 0s;
    text-decoration: none;
}
.forgot-password a:hover {
    color: #ffffff;
}
.login-bottom{
    margin-bottom: 30px;
    text-align: center;
}
.login-bottom a {
    color: #9cdb15;
    text-decoration: none;
}
.login-bottom a:hover {
    color: #ffffff;
}
.account-box h1 {
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.account-box h1 {
    margin-bottom: 10px;
}
.account-box p {
    margin-bottom: 30px;
    color: #9ea1a6;
    font-size: 16px;
}
.register-box{
    max-width: 700px;

}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.current_date_time_box span {
    color: #9ea1a6;
    display: block;
}
.current_date_time_box b {
    font-size: 14px;
}
.current_date_time_box {
    font-size: 14px;
}
.text-right {
    text-align: right;
}
.profile_basic_info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.profile_basic_info li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 14px 0px;
    background: #0F0F0F;
}
.profile_info .button {
    padding: 8px 14px;
    font-size: 14px;
    color: #87C00D;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #87C00D;
}
.profile_img_dash {margin-bottom: 16px;
    display: flex;align-items: center;
}
.profile_img_dash img {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    object-fit: cover;
    margin-right: 15px;
}
.profile_img_upload_btn {
    position: relative;
    display: inline-block;
}
.profile_img_upload_btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9999;
}
.right b {
    color: #87C00D;
}
.profile_basic_info li b {
    display: flex;
    align-items: center;
    text-align: right;
    font-size: 16px;
}
.profile_basic_info li span {
    color: #8C8C8C;
    font-weight: 400;
    font-size: 16px;
}
.profile_income_info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.profile_income_info li {
    background-color: #1e2026;
    padding: 10px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
}
.profile_income_info li span {
    color: #9ea1a6;
    padding-right: 5px;

}
.profile_income_info li .right {
    display: flex;
    align-items: center;

}
.profile_income_info li b {
    color: #87C00D;
    border: 1px solid #474d57;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
}
.profile_income_info li .dash_view_detail_link {
    opacity: 1;
    visibility: visible;
    position: inherit;
    margin-left: 10px;
}
.wallet_head {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #87C00D;
    padding: 20px;
    z-index: 1;
    position: relative;
}
.wallet_head i {
    font-size: 3rem;
    margin-right: 15px;
    color: #000;
}
.wallet_head h2 {
    margin: 0;
    color: #1A1A1A;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}
.wallet_head span {
    font-size: 18px;
    font-weight: 400;
}
.main_wallet_info .row{
    row-gap: 25px;
}
.t_link {
    color: #87C00D;
    text-decoration: underline dashed;
}

.t_link:hover{
    color: #fff;
}
.custom_box button.small-btn {
    padding: 8px 15px;
    font-size: 15px;
}
.profile_form button.small-btn{
    width: auto;
    margin: auto;
    padding: 9px 26px;

}
.secondStepProfile button.small-btn {
    width: auto;
    margin: inherit;
}
.profile_info_right .right img {
    margin-right: 7px;
}
.chat_mess {
    padding: 15px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid #85858570;
    background-color: #121315;
    width: 80%;
}
.chat_mess_head p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 7px;
    font-weight: 500;
}
.chat_mess_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chat_mess_foot p {
    margin-bottom: 0;
    font-size: 12px;
    margin-left: auto;
    color: #9ea1a6;
}
.d-flex.user {
    justify-content: flex-end;
}
.admin .chat_mess {
    background-color: #000000;
    border-color: #70a5007a;
}
.send_msg {
    display: flex;
    width: 100%;
    column-gap: 6px;
}

.modal-footer {
    background-color: #181818;
    border: 0;
}

.send_msg .form-control {
    background: #e2e2e212 !important;
    border: 0 !important;
    color: #fff;
    font-weight: 500;
}

.send_msg .button {
    font-size: 20px;
    line-height: normal;
    width: 55px;
    background: #70a500;
    position: relative;
    padding: 10px;
}

.send_msg .button input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
}
.send_msg .submit_btn {
    background-color: #87C00D;
    color: #fff;
    width: 60px;
    padding: 0;
}
.create_ticket textarea.form-control{
    height: 150px !important;
}
.chat_mess_foot a {
    color: #97da0b;
    text-decoration: underline dashed;
}
.chat_mess_foot a:hover {
    color: #fff;
}
.filter_popup .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    margin: 0;
    height: 100%;
    background-color: #2b3139;
    display: block;
}
.deposit_qr {
    margin-top: 30px;
    text-align: center;
}
.deposit_popup {
    padding: 10px;
}
.deposit_qr svg {
    border: 1px solid rgb(255 255 255 / 20%);
    padding: 10px;
    background-color: #fff;
    max-width: 180px;
    border-radius: 8px;
    margin-bottom: 25px;
}

.profile-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
    border-radius: 50%;
    border: 2px dashed #87c00d;
    padding: 7px;
}
.profile-col {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto 50px;
}
div#thirdStepKYC {
    max-width: 593px;
    margin: auto;
}
.edit-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(100% - 20px);
    left: calc(50% - 20px);
    border-radius: 4px;
    background-color: #87c00d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
}
.edit-icon .form-control {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box h4 {
    font-size: 16px;
}
.profile_show {
    background-color: #181818;
    padding: 30px;
    color: #ffffff;
    border-radius: 4px;
}
.profile_img img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #000000;
    object-fit: cover;
    border: 2px dashed #87c00d;
    padding: 8px;
}
.profile_img {
    text-align: center;
    margin-bottom: 30px;
}
.profile_img h6 {
    font-size: 20px;
    margin: 20px 0 5px;
}
.profile_img small {
    font-size: 16px;
}
.security_lavel span {
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
}

.modal-body::-webkit-scrollbar, .sidebar_menu::-webkit-scrollbar, .notif-dropdown ul::-webkit-scrollbar {
    width: 8px;
}
.modal-body::-webkit-scrollbar-track, .sidebar_menu::-webkit-scrollbar-track, .notif-dropdown ul::-webkit-scrollbar-track {
    background: #474d57;
}
.modal-body::-webkit-scrollbar-thumb, .sidebar_menu::-webkit-scrollbar-thumb, .notif-dropdown ul::-webkit-scrollbar-thumb {
    background: #888;
    
}
.modal-body::-webkit-scrollbar-thumb:hover,
.sidebar_menu::-webkit-scrollbar-thumb:hover,
.notif-dropdown ul::-webkit-scrollbar-thumb:hover
{
  background: #87C00D;
}
button[disabled] {
    opacity: .5;
    cursor: not-allowed;
    background-color: #385100 !important;
    color: #fff !important
}
.custom_box.profile_form {
    margin-top: 0px;
}
.custom_box.profile_form .custom_body{
    padding: 20px;
}
.kyc_step_col .custom_body{
    padding: 20px;
}
.security_info .custom_body {
    padding: 20px;
}
.security_info button.button.small-btn {
    width: auto;
    padding: 9px 30px;
    margin-top: 23px;
}

span.inprocess {
    position: absolute;
    font-size: 23px !important;
    font-weight: 700 !important;
}
li.no-data {
    text-align: center;
    background: #c7c7c730;
    font-size: 17px;
    margin-top: 15px;
    padding: 11px 10px;
}
.custom_header img {
    margin-right: 5px;
}
.subscription_text {
    padding-left: 23px;
}




















/* ============================================================================================================== */



/* =======flip wallet== */
.wallet-flip {
  display: inline-block;
  width: 400px;
  height: 179px;
  border: none;
  perspective: 600px;
}
.wallet-flip-btn p{
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
}

.wallet_card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}

.dash_view_detail_link {
    color: #eaecef;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #474d57;
    transition: all 0.3s 0s;
    font-size: 14px;
}
.main_wallet_card:hover .dash_view_detail_link {
    opacity: 1;
    visibility: visible;
}
.wallet_card.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}

.main_wallet_card{
    position: absolute;
    width: 100%;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    height: 100%;
    border-radius: 6px;
    backface-visibility: hidden;
    border: 1px solid #474d57;
}
.wallet_border{
  background: #87c00d;
  padding: 1px;
  display: flex;
  justify-content: center;
  margin-top: 6px;
  align-items: center;
  border-radius: 6px;
}
.wallet_border span{
  color: #000 !important;
  display: flex;
}
.wallet_card_back {
  transform: rotateY(180deg);
}
.flip-btn{
    display: flex;
    align-items: center;
    justify-content: end;
}

.flip-btn i{
    color: #eaecef;
    text-decoration: none;
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background-color: #474d57;
    font-size: 14px;
}
.wallet-flip-btn{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: end;
  position: absolute;
  background: #474d57;
  width: 100%;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 6px 6px;
}
.wallet-flip-btn i{
    font-weight: 600;
    padding: 2px;
    color: #000;
    background: #87c00d;
    border-radius: 50%;
}
.wallet-flip-btn p:hover{
    color: #87c00d;

}
.input-icon {
    position: relative;
}
.dataTables_filter {
    float: right;
}
.pagination {
    margin-top: 33px !important;
}
.pagination .page-link {
    color: #dddddd;
    padding: 5px 14px;
    font-size: 14px;
    border-radius: 4px !important;
    margin-left: 6px !important;
    background-color: #2f2f2f;
    border: 1px solid #ffffff33;
}
.page-item.active .page-link {
    background-color: #87c00d;
    border-color: #87c00d;
    color: #000000;
    font-weight: 500;
    padding: 5px 15px;
}
.dataTables_length .form-control {
    width: 60px !important;
    border-radius: 4px;
    text-align: center;
}
.dataTables_filter .form-control {
    border-radius: 4px;
}
.form-control:focus {
    box-shadow: none;
    border-color: #87c00d;
}
.dataTables_wrapper div.dataTables_info {
    color: #9ea1a6;
}
.status {
    padding: 4px 10px;
    background-color: #f6465d;color: #fff;
    border-radius: 2px;
    font-size: 13px;
}
.status-pending {
    background-color: orange;
    font-weight: 700;
    border-radius: 4px;
    color: #000 !important;
}
.status-complete {
    background-color: #0ECB81;
    border-radius: 4px;
    color: #000;
    font-weight: 700;
}
.status-danger {
    background-color: #f6465d;
    font-weight: 700;
    color: #000;
    border-radius: 4px;
}
.navbar {
    padding: 20px;
}
.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.subs-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.subs-detail li {
    width: 33.33%;
    padding: 0px 20px 20px;
}
.subs-detail b {
    display: block;
    font-weight: 600;
    font-size: 16px;
}
.subs-detail {
    font-size: 14px;
}
.activity-icon {
    font-size: 60px;
    color: #fff;
    text-align: right;
}
.sticky-top{
    position: sticky;
    top: 15px;
}
.ml-2{
    margin-left: 15px;
}
.header-coin-price ul {
    display: none;
}
.header-coin-price {
    padding: 7px 15px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #262626;
}
.header-coin-price:hover ul {
    display: block;
}
.header-coin-price ul {
    color: #ffffff;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #181818;
    padding: 10px;
    z-index: 2;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.header-coin-price ul li {
    white-space: nowrap;
    padding: 4px 18px;
    font-weight: 200;
    font-size: 16px;
}
.header-coin-price-title i {
    margin-left: 14px;
}
.header_socials {
    flex: 1;
}
.navbar-collapse {
    flex: inherit;
}
.navbar .button {
    margin-left: 10px;
}
.header_socials a:hover {
  background-color: #87c00d;
  color: #000;
}
.sidebar {
    background-color: transparent;
    max-width: 260px;
    width: 100%;
    height: 100%;
    border-right: 1px solid #262626;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    transition: all 0.2s 0s;
}
.main_wrapper {
    padding-left: 278px;
    padding-right: 20px;
    transition: all 0.2s 0s;
}
.logo img {
    max-width: 100%;
    padding-top: 15px;
    max-height: 81px;
    margin: 0 auto;
    display: table;
}
.sidebar_menu a {
    text-decoration: none;
    color: #eaecef;
    padding: 10px 15px;
    border-radius: 15px;
    transition: all 6s;
    margin: 14px 0;
    column-gap: 11px;
    border: 1px solid transparent;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 16px;
}
.sidebar_menu img {
    width: 30px;
    height: 30px;
    padding: 7px;
    border-radius: 10px;
    background: #121318;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.dash_header {
    display: flex;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid #262626;
    margin-bottom: 19px;
}

.sidebar_menu .dropdown-toggle.show {
    white-space: nowrap;
    border-radius: 15px;
    background: linear-gradient(#1B210F, #1B210F) padding-box, linear-gradient(to right, #87c00d, #ffffff47) border-box;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.sidebar_menu .dropdown-toggle.show img{
    background-color: #87C00D;
}
.header_profile .dropdown-toggle::after {
    display: inline-block;
    margin-left: 8px;
    vertical-align: .255em;
    height: 7px;
    position: absolute;
    right: -16px;
    width: 7px;
    top: 14px;
    border-style: solid;
    border-color: white;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    content: "";
}
.sidebar_menu .dropdown-toggle::after {
    right: 21px;
    height: 7px;
    width: 7px;
    top: 20px;
    border-style: solid;
    border-color: white;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    position: absolute;
    content: "";
}
.sidebar_menu {
    padding: 0 20px;
    flex: 1;
    overflow: auto;
}
.sidebar_menu a:hover, .sidebar_menu a.active {
    border-radius: 15px;
    background: linear-gradient(#1B210F, #1B210F) padding-box, linear-gradient(to right, #87c00d, #ffffff47) border-box;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.sidebar_menu a:hover img, .sidebar_menu a.active img{
    background-color: #87C00D;
}
.logout_link a {
    padding: 15px;
    text-align: center;
    text-decoration: none;
    color: #ededed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.logout_link a i {
    margin-right: 10px;
    font-size: 20px;
    opacity: .6;
}
.logout_link a:hover {
    color: #9ce402;
}
.badge {
    background-color: #EA3E26;
    color: #fff;
}
.sidebar_menu a i {
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    background: #282828;
    border-radius: 7px;
    height: 24px;
}
.sidebar_menu .dropdown-menu .dropdown-item:hover i{
    background-color: #87C00D;
}
.sidebar_menu a:hover, .sidebar_menu a.active i{
    background-color: #87C00D;
}
.sidebar .logo {
    border-bottom: 1px solid #262626;
    padding-bottom: 11px;
    margin-bottom: 6px;
}
.sidebar_menu a:hover i, .sidebar_menu a.active i {
    color: #fff;
}
.sidebar_menu .dropdown-menu {
    position: inherit !important;
    transform: none !important;
    padding: 0px 11px;
    background-color: #1e20266e;
}
.sidebar_menu .dropdown-menu .dropdown-item {
    margin: 0;
    font-size: 14px;
    border-radius: 8px;
    margin: 7px 0px;
    transition: all 6s;
    padding: 8px 15px;
}
.sidebar_menu .dropdown-menu .dropdown-item:hover {
    color: #fff;
}
.header_profile img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    object-fit: cover;
    margin-right: 10px;
}
.header_profile a {
    text-decoration: none;
    color: #eaecef;
    display: flex;
    align-items: center;
}
.header_profile .dropdown-menu {
    background-color: #181818;
    box-shadow: 0 10px 10px rgb(0 0 0 / 1%);
}
.header_profile .dropdown-menu .dropdown-item:hover, .header_profile .dropdown-menu .dropdown-item:focus, .header_profile .dropdown-item.active, .header_profile .dropdown-item:active {
    background-color: #74747429;
    color: #aff716; 
}
.header_profile .dropdown-toggle {
    font-size: 18px !important;
    font-weight: 600;
}
.header_profile .dropdown-menu .dropdown-item i {
    margin-right: 10px;
}
.header_profile .dropdown-menu .dropdown-item {
    padding: 8px 15px;
}
.table .button.small-btn {
    padding: 6px 2px;
    font-size: 13px;
}
.header_right {
  flex: 1;
  display: flex;
  align-items: center;
  column-gap: 8px;
  justify-content: flex-end;
}

.notif a {
    color: #fff;
    text-decoration: none;
    padding: 7px 14px;
    position: relative;
    align-items: center;
    border: 1px solid #262626;
    display: flex;
    column-gap: 11px;
    font-size: 17px;
}
.notif .dropdown-toggle:after {
    display: none;
}

.notif-dropdown {
    min-width: 350px;
    background-color: #000000;
    border-radius: 8px;
    border: 0;
    padding: 0px;
    box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
}
.notif-dropdown h4 {
    font-size: 18px;
    padding: 15px;
    color: #ffff;
    font-weight: 600;
    margin: 0;
    background-color: #87c00d;
    border-radius: 4px 4px 0 0;
}
.notif-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 400px;
    overflow: auto;
}
.notif-dropdown p {
    margin: 0;
}

.menu_bar {
    color: #eaecef; 
    font-size: 20px;
    display: none;
}

.menu_bar:hover {

 color: #fff;

}
.modal-body.launching-soon img {
  width: 100%;
}
.modal-body.launching-soon {
  padding: 0px !important;
}
.launching-soon-info{
  max-width:65% !important;
  width: 100%;
}
.launching-soon-info .modal-header .btn-close {
  color: #fff;
  filter: invert(1);
  opacity: 1;
}
.launching-soon-info .modal-header .btn-close:focus{
    box-shadow: none;
}
.launching-soon-info .modal-header{
    position: relative;
    padding: 0px;
    background-color: transparent;
}
.launching-soon-info .btn-close {
  z-index: 999;
  top: -20px;
  right: -16px;
  position: absolute;
}
.launching-soon-info{
    position: relative;
}
.launching-soon-info .countdown {
  position: absolute;
  top: 25vw;
  left: 16vw;
}
.affiliate_link.affiliate_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dash_main_wallet {
    padding: 25px;
    background-color: #2b3139;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.dash_main_wallet_bal h2 {
    margin: 0;
    font-size: calc(.8rem + .4vw);
    color: #87c00d;
}
.dash_main_wallet_bal span {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    color: #9ea1a6;
}

.dash_main_wallet_actions .button {
    margin-top: 5px;
    padding: 8px 15px;
    font-size: 14px;
}
.dash_box_bal.wallet_box {
    padding: 15px;
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

/* .dash_main_wallet_actions .button i {
    margin-right: 7px;
    opacity: .4;
    transition: all 0.1s 0s;
    } */
    .subscription_info {
        border-radius: 10px;
        background: #181818;
        padding: 20px;
        margin-top: 30px
    }
    .dash_box_bal {
        border-radius: 10px;
        background: #0F0F0F;
        padding: 20px;
    }
    .dash_box_bal.subscrition_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .dash_main_wallet_actions img{
        position: static !important;
        margin-right: 8px;
    }
    .subscription_shape {
        position: absolute;
        top: 0;
        z-index: -1;
        right: 0;
    }
    .dash_title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        margin-top: 30px;
        margin-bottom: 7px;
    }
    span.vault_horizon {
        margin-bottom: 4px !important;
        margin-top: 22px;
        font-size: 14px !important;
    }
    .main_wallet_info {
        border-radius: 10px;
        background: #181818;
        padding: 20px;
    }
    .wallet_details_info {
        display: flex;
        margin: 25px 0px;
        text-align: center;
        justify-content: space-around;
    }
    .wallet_details small{
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
    }
    .alert-warning {
        --bs-alert-color: #eab000;
        --bs-alert-bg: #7c5f0047;
        font-size: 16px;
        padding: 12px 10px;
        font-weight: 500;
        --bs-alert-border-color: #b0870e;
        --bs-alert-link-color: var(--bs-warning-text);
    }
    .wallet_details p{
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .wallet_details_color{
        color: #87C00D;
    }
    .dash_box img,.dash_main_wallet_bal img{
        position: absolute;
        left: 10px;
        top: 10px;
        object-fit: contain;
    }

    .dash_main_wallet svg {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
        opacity: .3;
        z-index: 0;
    }
    .dash_main_wallet_actions {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .dash_box_section {
        margin-top: 10px;
        position: relative;
    }
    .dash_box {
        background-color: #2b3139;
        padding: 15px;
        border-radius: 6px;
        border: 1px solid #474d57;
        position: relative;
        height: 100%;
        box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
        transition: all 0.3s 0s;
    }
    .button_sm {
        font-size: 14px;
        background-color: #474d57;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        margin-right: 10px;
        color: #eaecef;
        text-decoration: none;
    }
    .button_sm:hover {
        background-color: #87c00d;
        color: #000;
    }
    .button_sm i {
        margin-right: 5px;
        opacity: .6;
        font-size: 16px;
    }
    .button_sm:hover i {
        opacity: 1;
    }
    .dash_box_actions {
        margin-top: 15px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }
    .dash_main_wallet_bal.new-wallet {
        flex: 1;
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }
    .dash_box_actions .button {
        margin-top: 5px;
    }
    .dash_view_detail_link {
        color: #000;
        text-decoration: none;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        background-color: #87c00d;
        transition: all 0.3s 0s;
        font-size: 14px;
    }
    .dash_box:hover .dash_view_detail_link {
        opacity: 1;
        visibility: visible;
    }
    .dash_box_bal h2, .defi_left_box h2,.defi_right_box h2 {
        color: #87C00D;
        font-size: 24px;
        font-style: normal;
        margin-bottom: 0px;
        font-weight: 700;
    }
    .dash_box_bal span, .defi_left_box span ,.defi_right_box span{
        display: block;
        margin-bottom: 10px;
        color: #EAEAEA;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }
    .lavel {
        margin-left: 1rem;
        padding: 6px 14px;
        border-radius: 4px;
        border: 1px solid #474d57;
    }
    .wallet-add-box img {
        width: 29px;
    }
    .wallet-add-info {
        display: inline-block;
        max-width: 135px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .wallet-add-box a {
        color: #87c00d;
        font-size: 20px;
    }
    .wallet-add-box a:hover {
        color: #ebebeb;
    }
    .wallet-main-sec {
        display: flex;
        justify-content: end;
        gap: 20px;
        margin-bottom: 20px;
    }
    .wallet-add-box {
        border-radius: 5px;
        border: 1px solid #262626;
        display: flex;
        gap: 12px;
        background: #181818;
        padding: 6px 10px;
        align-items: center;
    }
    .box h4 {
        font-weight: 600;
        font-size: 18px;
        letter-spacing: -1px;
    }
    .box svg {
        position: absolute;
        right: -5%;
        top: 77%;
        width: 300px;
        height: 300px;
        transform: translate(0px, -50%);
        opacity: .4;
    }
    .affiliate_actions .button {
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 15px;
    }
    .affiliate_link.affiliate-info {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }
    .affiliate_actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }
    .affiliate_actions .button i {
        margin-right: 7px;
    }
    .aff_link {
        word-break: break-all;
        color: #1A1A1A;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
    }
    .affiliate_link h4 img{
        margin-right: 6px;
    }
    .affiliate_link .form-control{
        padding: 8px 10px;
        border-radius: 5px;
        border: none;
        font-size: 12px;
        background: #1A1A1A;
        color: #fff;
    }

    .affiliate_link .button{
        width: auto;
        padding: 6px 10px;
        border-radius: 5px;
        color: #1A1A1A;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        border: 1px solid #1A1A1A;
    }
    .affiliate_link .button i{
        margin-right: 10px;
    }
    img.wave_shape {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .affiliate_link p{
        color: #1A1A1A;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 0;
        line-height: normal;
        margin-top: 12px;
    }
    .box h4 {
        font-size: 19px;
        font-style: normal;
        margin-bottom: 12px;
        font-weight: 700;
    }
    .affiliate_link .form-control::placeholder {
        color: #8C8C8C !important;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }
    .box h4 {
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
    }
    .affiliate_link {
        text-align: left;
        position: relative;
        z-index: 1;
        border-radius: 10px;
        padding: 20px;
        background: #87C00D;
        height: 100%;
    }
    .wallet_content{
        color: #87C00D;
        /* text-align: center; */
        font-size: 14px;
        font-style: normal;
        font-weight: 600;  
    }
    .summary_main_info{
        display: flex;
        justify-content: space-between;
        margin: 30px 0px;
    }
    .summary_box {
        border-radius: 10px;
        background: #181818;
        width: 35%;
    }
    .summary_box_rewards {
        width: 28%;
        height: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 27px;
    }
    .income_summary_box{
        border-radius: 10px;
        background: #181818;
    }
    .summary_box .dash_title {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px 20px 10px;
    }
    .summary_box ul ,.income_summary_box ul {
        padding: 0px;
        margin: 0px;
    }
    .summary_box ul li, .income_summary_box ul li{
        list-style: none;
        padding: 13px 20px;
        display: flex;
        border-bottom: 1px solid #2E2E2E;
        justify-content: space-between;
        position: relative;
    }
    .summary_box ul li:last-child{
        border-bottom: none;
    }
    .income_summary_box ul li:last-child{
        border-bottom: none;
    }
    .income_summary_link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 5px;
    }
    .income_summary_box ul li{
        display: block !important;
        padding: 23px 20px;
    }
    .summary_box ul li .dash_view_detail_link ,.income_summary_box ul li .dash_view_detail_link{
        position: static;
    }
    .summary_btn {
        display: flex;
        align-items: center;
        column-gap: 10px;
    }
    .progress {
        background-color: rgb(0 0 0);
        height: 10px;
    }
    .progress-bar {
        background-color: #87c00d;
    }
    .progress-lavel .d-flex {
        justify-content: space-between;
    }
    .progress-lavel label {
        color: #1e2026;
        font-weight: bold;
    }
    .dash_income_box {
        position: relative;
    }
    .dash_income_box b {
        color: #87C00D;
        text-align: right;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }
    .dash_income_wrapper {
        background-color: #2b3139;
        padding: 25px;
        border-radius: 4px;
    }
    .dash_income_box span {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
    .participants_info{
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    .business_info{
        position: relative;
        z-index: 1;
        overflow: hidden;
        min-height:120px;
    }
    .participants_left_box,.participants_right_box{
        width:49.5%;
        border-radius: 10px;
        background: #181818;
        padding: 20px;

    }
    .defi_dash_box{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    }
    .defi_left_box{
       border-right: 1px solid #fff;
       width: 50%;
   }
   .participants_info .dash_title {
    margin-top: 0px;
}
.participants_info_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 18px;
}
.dash_box_bal.participants_box{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.dash_box_bal.participants_box .small-btn {
    margin-top: 24px;
    padding: 8px 15px;
    font-size: 14px;
}
.dash_box_bal.participants_box .small-btn img {
    margin-right: 8px;
}
.form-check.term {
    margin-bottom: 20px;
}
.timer_box {
    background-color: #87c00d;
    color: #1f2027;
    text-align: center;
    padding: 20px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.timer_box h4 {
    color: #000;
    margin-bottom: 15px;
    font-size: 18px;
}
.timer_box i {
    font-size: 26px;
}

#timer {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    grid-column-gap: 18px;
    justify-content: center;
}
#timer div {
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
    background: #0F0F0F;
    padding: 33px 20px;
    color: #87c00d;
    line-height: normal;
    width: 100%;
}
.launching-soon-info #timer div {
  padding: 10px;
  background-color: rgb(0 0 0 / 60%);
  font-size: 87px;
  text-align: center;
  border:1px solid #fe8100;
  font-weight: 700;
  color: #fe8100;
  line-height: normal;
  width: 126px;
  border-radius: 14px;
  margin: 2px 12px;
}
#timer span {
    display: block;
    color: #EAEAEA;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
#timer span.inprocess {
    font-size: 18px;
}
.profile_info {
    border-radius: 10px;
    background: #181818;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.profile_info_left,.profile_info_right {
    width: 49%;
}
.profile_basic_info{
    display: flex;
    column-gap: 20px;
}
.wallet_col_actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wallet_col {
    padding: 15px;
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    justify-content: space-between;
    height: 100%;
    background: #0F0F0F;
    margin-bottom: 30px;
}
.wallet_col span {
    display: block;
    margin-top: 5px;
    color: #EAEAEA;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.wallet_col .dash_box_bal {
    padding: 0;
}
.wallet_col h6 {
    font-weight: normal;
    margin: 0;
    font-size: 16px;
    color: #EAEAEA;
    display: block;
}
.wallet_col_actions .button, .wallet_col_actions span {
    margin: 0 5px;
    max-width: 100%;
    width: 100%;
    height: 44px;
    padding: 0;
}
.wallet_col .icon img {
    flex: 0 0 40px;
    position: absolute;
    left: 11px;
    top: 16px;
    object-fit: cover;
    margin-right: 10px;
}
.wallet_col .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dash_box_bal small{
   color: #87C00D;
   font-weight: 600;
}
.wallet_shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    right: 0;
}

.custom_header h2 i {
    margin-right: 1px;
    color: #87c00d;
    width: 40px;
    height: 40px;
    flex-wrap: 0 0 40px;
    line-height: 40px;
    text-align: center;
    background-color: transparent;
    border-radius: 4px;
    font-size: 1.5rem;
}

.custom_header h2 {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 18px;

}
.tbl_common .table td, .tbl_common .table th {
    vertical-align: middle;
    padding: 15px 15px;
    border-color: #1e2026;
    color: #fff;
}
.tbl_common .table tbody tr:nth-child(odd){
    background-color: #222;
}
span.status-success i{
    border: 1px solid;
    width: 20px;
    height: 20px;
    color: #000;
    border-radius: 50%;
    background: #87c00d;
    display: flex;
    justify-content: center;

}
span.status-success {
    background: #1f270c;
    color: #87c00d !important;
    border: 1px solid #87c00d5c;
}
.tbl_common .table th {
    color: #CDCDCD;
    font-weight: 400;
    font-size: 16px;
}
ul.m2-list.user-data-tree::before{
    display: none;
}
.custom_header {
    padding: 13px 11px;
    border-bottom: 2px solid #2E2E2E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.custom_body {
    padding: 15px;
}

.custom_box.membership .custom_body {
    padding: 0px 16px 16px;
}
.kyc_status h4 {
  font-size: 20px;
  margin-bottom: 6px !important;
  margin: 1.4rem 0;
}
.kyc_status p {
    color: #9ea1a6;
    margin: 0 auto;
    max-width: 1000px;
    font-size: 14px;
}
.google_auth_info {
    background-color: #1e2026;
    padding: 20px;
    height: 100%;
}
.google_auth_info p {
    color: #9ea1a6;
}
.google_auth_info a {
    color: #87c00d;
    text-decoration: underline dashed;
}
.google_auth_info ul {
    list-style: auto;
    margin: auto;
}
.google_auth_info b {
    display: block;
    margin-bottom: 5px;
}
.inprocess {
    width: 100% !important;
    display: block !important;
    font-size: 19px !important;
    height: 100%;
    margin-top: 49px;
    font-weight: 600;
    color: #87c00d !important;
    text-align: center;
}
.pkg_list {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #101010;
    margin-bottom: 10px;
    border-left: 4px solid;
    padding-left: 0;
    border-radius: 2px;
}
.pkg_list li {
    width: 100%;
    display: flex;
    padding: 17px 20px;
}

.pkg_name {
    font-size: 16px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.pkg_name i {
    margin-right: 10px;
}
.pkg_list.yellow {
    border-color: yellow;
}
.pkg_list.green {
    border-color: green;
}
.pkg_list.pink {
    border-color: pink;
}
.pkg_list.orange {
    border-color: orange;
}
.pkg_list.gray {
    border-color: gray;
}
.pkg_list.brown {
    border-color: brown;
}
.pkg_list.red {
    border-color: red;
}
.pkg_list.blue {
    border-color: blue;
}
.pkg_list.purple {
    border-color: purple;
}
.pkg_list.black {
    border-color: black;
}
.pkg_list.white .pkg_name i {
    color: white;
}
.pkg_list.yellow .pkg_name i {
    color: yellow;
}
.pkg_list.green .pkg_name i {
    color: green;
}
.pkg_list.pink .pkg_name i {
    color: pink;
}
.pkg_list.orange .pkg_name i {
    color: orange;
}
.pkg_list.gray .pkg_name i {
    color: gray;
}
.pkg_list.brown .pkg_name i {
    color: brown;
}
.pkg_list.red .pkg_name i {
    color: red;
}
.pkg_list.blue .pkg_name i {
    color: blue
}
.pkg_list.purple .pkg_name i {
    color: purple;
}
.pkg_list.black .pkg_name i {
    color: black;
}
.pkg_list_head {
    border: 0;
    background-color: transparent;
    color: #9ea1a6;
    padding: 0;
}
.pkg_list:hover {
    background-color: #474d571c;
}
.pkg_list:hover .button {
    background-color: #87c00d;
    color: #000;
}
.comming_soon h2 {
    text-align: center;
    margin-top: 16px;
    font-size: 26px;
    font-weight: 800;
    color: #87c00f;
}
.box.page_head.ticket_head{
    background-color: #181818;
    margin-bottom: 30px;
    margin-top: 25px;
    padding: 20px;
    border-radius: 10px;
}
.form-control::file-selector-button{
    color: #a1a1a1;
    background-color: #414141;
    margin-left: -3px;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{
    background-color: #414141;
}

.ticket_count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 25px 20px;
    background: #0F0F0F;
    font-weight: 500;
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.ticket_count i {
    font-size: 30px;
    margin-right: 20px;
}
.ticket_count h2 {
    margin: 0;
    text-align: center;
}
.ticket_count:after {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background-color: black;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(15deg);
    opacity: .2;
}
.ticket_head .col-lg-4:last-of-type .ticket_count:after {
    display: none;
}
.total_tickets {
    color: #87c00d;
    font-weight: 700;
}
.open_tickets{
    color: #0ecb81;
    font-weight: 700;
}
.close_tickets{
    color: #f6465d;
    font-weight: 700;
}
.form-control {
    background-color: #0c0c0c8f;
    padding: 11px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #ffffff3b;
}
.form-control:hover, .form-control:focus {
    border-color: #9bdb10a1;
    background-color: #181818;
    color: #fff;
}
textarea.form-control {
    height: 50px;
}
.text-right b {
    font-weight: 700;
}
.kyc_status {
    text-align: center;
    margin-top: 60px;
    background: #8888881c;
    width: 100%;
    padding: 23px;
    margin: auto;
    border-radius: 8px;
    max-width: 615px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #040404bf;
    cursor: not-allowed;
    border-color: transparent;
    color: #ffffffc2;
}
.form-group {
    margin-bottom: 15px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.resend_btn {
    color: #87c00d;
    background-color: transparent;
    border: oldlace;
    position: absolute;
    top: 50%;
    right: 15px;
    margin: 0;
    padding: 0;
    transform: translate(0px, -50%);
}
.affiliate_link .form-control:disabled, .form-control[readonly]{
    background-color: #090909;
}
.coupon-used .form-control[readonly] {
    background-color: #0ECB81 !important;
    color: #000 !important;
}
.coupon-used .resend_btn{
 color: #000 !important;
}
.authentication_popup p {
    margin-bottom: 7px;
}
.wallet_col_actions .loadingNew{
    width: auto;
    display: flex;
    align-items: center;
    color: #000;
}
.package-box.custom_box h3 {
    font-size: 19px;
    margin-bottom: 18px;
}
ul.pkg_list .small-btn {
    padding: 8px 29px;
    width: auto;
}

.abs-input {
    position: relative;
}
i.ri-loader-line {
    animation: spin 2s linear infinite;
    display: inline-block;
}
.button.small-btn span i{
    padding-left: 0px !important;
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
     transform:rotate(0deg);
 }
 to {
     transform:rotate(360deg);
 }
}

.kyc_step_list li.active span {
    background: #87c00d;
    color: #000;
    padding: 4px 11px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
}
.kyc_step_list li span {
    background: #333333;
    color: #fff;
    padding: 4px 11px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    opacity: 0.5;
}
.kyc_step_list li.active span::after{
    background-color: #87c00d !important;
}
.kyc_step_list li span::after {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #565656;
    content: '';
    top: -5px;
    left: 18px;
    z-index: -1;
    transform: rotate(45deg);
}
.google_auth {
    padding: 10px;
}
.authentication_popup a {
    color: #aff717;
    text-decoration: underline dashed;
}
.authentication_popup a:hover {
    color: #fff;
}
.auth_qr {
    margin: 20px auto;
    display: table;
}
.auth_qr svg{
    width: 180px;
    height: 180px;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
}
.two-factor p a {
    color: #aff717;
    text-decoration: underline dashed;
}
.two-factor p {
    color: #9ea1a6;
    max-width: 700px;
}
.two-factor h4 {
    font-size: 20px;
}
.kyc_step_list ul {
    list-style: none;
    padding: 28px 5px;
    margin: 0;
    background: #0F0F0F;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.kyc_step_list {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    margin-top: 15px;
    padding: 19px;
    background: #181818;
    position: relative;
}
.kyc_step_list li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #565656;
    display: block;
    border-radius: 100px;
    margin: 0 auto 10px;
}
.kyc_step_list li {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.kyc_step_list ul:after {
    content: "";
    width: 93%;
    height: 3px;
    position: absolute;
    top: 30px;
    left: 41px;
    background-color: #98989847;
    z-index: -1;
}
.kyc_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kyc_head span {
    padding: 8px 14px;
    color: #fff;
    border-radius: 4px;
    display: flex;
    font-weight: 500;
}
.kyc_head span i {
    margin-left: 10px;
}
.kyc_head .right {
    position: relative;
    z-index: 1;
}
.upload_btn {
    position: relative;
}
.upload_btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload_btn {
    padding: 8px 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 16px;
    max-width: 137px;
    justify-content: center;
    margin: 0 auto;
    
}
.upload_btn i {
    margin-right: 10px;
}
.uploader_box {
    background: #0f0f0f;
    border: 1px solid rgb(255 255 255 / 10%);
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 4px;
}
.uploader_box h5 {
    font-size: 18px;
}
.uploader_box p {
    color: #9ea1a6;
}
.kyc_info_btn .small-btn {
    width: auto;
    margin: auto;
    padding: 9px 47px !important;
}
.uploader_box img {
    width: 257px;
    height: 221px;
    margin: 28px 0px;
    border-radius: 10px;
    border: 1px solid #ffffff24;
    padding: 14px;
    background: #181818;
}
.kyc_step_list li.active {
    color: #87c00d;
}
.kyc_step_list li.active:before {
    background-color: #87c00d;
}
.kyc_thankyou {
    text-align: center;
    padding: 18px;
}
.kyc_thankyou .icon {
    font-size: 88px;
    width: 100px;
    padding: 13px;
    height: 100px;
    display: flex;
    align-items: center;
    background: #87c00d;
    justify-content: center;
    margin: 0 auto 10px;
    border: 4px dotted #000000;
    border-radius: 100px;
    color: #0f0f0f;
}
.kyc_thankyou h4 {
    font-size: 20px;
    font-weight: 700;
    color: #87c00d;
    margin-bottom: 20px;
}
.kyc_thankyou p {
    color: #9ea1a6;
}
.kyc_thankyou .button {
    margin: 30px auto 0;
}
.step3 .custom_box {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}
.kyc_status {
    text-align: center;
    margin-top: 60px;
}
.kyc_status img {
    width: 120px;
}
.text-danger {
    color: #f6465d !important;
}
.text-success {
    color: #0ecb81 !important;
}
.page_head h1{
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}
.package-box {
    padding: 15px;
    border-radius: 6px;
    position: relative;
    transition: all 0.3s 0s;
    overflow: hidden;
}
.dash_income_wrapper h4 {
    display: flex;
    align-items: center;
    color: #87c00d;
    font-size: 1.2rem;
}
.dash_income_wrapper h4 i {
    margin-right: 10px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #87c00d;
    border-radius: 4px;
    font-size: 1.5rem;
}
.page-item:last-child .page-link:focus{
    box-shadow: none;
}
.dash_income_box:hover .dash_view_detail_link {
    opacity: 1;
    visibility: visible;
}
.dash_box:hover {
    border-color: #87c00d;
}
.dash_income_box .d-flex div:nth-child(1) {
    margin-right: 3rem; 
    border-right: 2px dashed #474d57;
    padding-right: 3rem;
}
.package-box-head {
    text-align: center;
    background-color: #87c00d;
    padding: 15px;
    position: relative;
    overflow: hidden;
    color: #000;
    border-radius: 4px;
}
.package-box-head h5 {
    margin: 0;
}
.package-box-body h3 {
    text-align: center;
    padding: 20px 0;
}
.package_name {
    text-align: center;
    font-size: 16px;
}
.package-box-foot {
    border-top: 1px solid #1e2026;
    padding-top: 20px;
}
.package-box-foot .button {
    margin: 0 auto;
}
.package-modal-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.package-modal-box ul li {
    margin-bottom: 15px;
}
.package-modal-box ul li span {
    display: block;
    margin-bottom: 5px;
    color: #9ea1a6;
}
.package_price {
    font-size: 2rem;
    text-align: center;
}
.package-box-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.package-box-body li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    padding-bottom: 13px;
}
.package-box-body li span {
    color: #9ea1a6;
}
.package-box-body {
    margin: 1rem 0;
    margin-top: 0px;
}
.label_x {
    background-color: #87c00d;
    color: #000;
    display: inline-block;
    padding: 10px 40px 5px;
    position: absolute;
    right: -32px;
    top: -7px;
    transform: rotate(45deg);
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.Basic .button {
    background-color: #ec7b7b;
    color: #fff;
}
.Basic .package-box:hover{
    border-color: #ec7b7b;
}
.Basic .label_x{
    background-color: #ec7b7b;
    color: #fff;
}
.Basic .package-box-head{
    background-color: rgb(236 123 123 / 20%);
}
.Standard .button {
    background-color: #66c7f8;
    color: #fff;
}
.Standard .package-box:hover{
    border-color: #66c7f8;
}
.Standard .label_x{
    background-color: #66c7f8;
    color: #fff;
}
.Standard .package-box-head{
    background-color: rgb(102 199 248 / 20%);
}
.Elite .button {
    background-color: #16c1a8;
    color: #fff;
}
.Elite .package-box:hover{
    border-color: #16c1a8;
}
.Elite .label_x{
    background-color: #16c1a8;
    color: #fff;
}
.Elite .package-box-head{
    background-color: rgb(22 193 168 / 20%);
}
.membership .nav-pills {
    justify-content: center;
}
.membership .nav-pills .nav-link {
    color: #fff;
    font-size: 16px;
    background-color: #474d57;
    margin: 8px;
    border-radius: 4px;
    padding: 12px 30px;
}
.membership .nav-pills .nav-link.active {
    background-color: #87c00d;
    color: #000;
    font-weight: 500;
}
/*modal*/
.modal-body {
    background-color: #262626;
}
.modal-header {
    background-color: #181818;
    border: 0;
    border-radius: inherit;
}
.modal-content {
    border-radius: 0px;
    background-color: transparent;
}
.modal-title {
    font-size: 18px;
    display: flex;
    align-items: center;
}
.modal-title i {
    margin-right: 10px;
}
.modal-header .btn-close {
    color: #fff;
    filter: invert(1);
}
.package-purchase-wallet-select {
    border: 1px solid #474d57;
    padding: 15px;
    margin: 10px 0;
    cursor: pointer;
    border-radius: 4px;
}
.package-purchase-wallet-select p {
    margin: 0;
}
.package-purchase-wallet-select .form-check {
    cursor: pointer;
}
.multiwallet_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.multiwallet_box li {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #2b3139;
    border-bottom: 1px solid #474d57;
}
.multiwallet_box .coin img {
    width: 34px;
    height: 34px;
    margin-right: 10px;
}
.multiwallet_box .coin {
    text-align: center;
    margin-right: 50px;
    display: flex;
    align-items: center;
    width: 30%;
}
.coin_type {
    flex: 1;
}
.multiwallet_box h2 {
    font-size: 18px;
    font-weight: normal;
}
.multiwallet_box h5 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #9ea1a6;
}
.multiwallet_box {
    margin-bottom: 30px;
}
.multiwallet_box .coin_name {
    font-size: 16px;
}
.multiwallet_box li:last-of-type{
    border: 0px;
}
.deposit_qr h5 {
    font-size: 18px;
}
.deposit_qr p {
    color: #9ea1a6;
    margin: 0;
}
.divider {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 30px;
}
.divider:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #4d4d4d;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 0;
}
.divider span {
    position: relative;
    z-index: 1;
    padding: 2px 10px;
    background-color: #121213;
}
.notification_list ul {
    list-style: none;
    padding: 0;
}
.notification_list li a{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    color: #87da0d;
}
.notification_list li div {
    flex: 1;
}
.notification_list li .icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #87c00d;
    background-color: #2a2a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    border-radius: 4px;
    margin-right: 15px;
}
.page-item.active .page-link:focus{
    box-shadow: none;
}
.notification_list li b {
    font-size: 18px;
    display: block;
    color: #ffffff;
}
.notification_list li p {
    margin: 0;
}
.notification_list li small {
    color: #9ea1a6;
}
.notification_list li small {
    color: #9ea1a6;
}
.yellow_color{
    color: #87c00d !important;
}
.sidebar_close {
    color: #eaecef;
    padding: 10px;
    font-size: 24px;
    line-height: normal;
    position: absolute;
    right: 0;
    display: none;
}
.page_head.wallet_head div {
    position: relative;
    z-index: 1;
}
.entry_length label {
    display: flex;
    align-items: center;
}
.entry_length label .form-control {
    margin: 0 5px;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #262626;
    background-color: #0F0F0F;
    padding-right: 30px;
}
.entry_length {
    margin-right: 15px;
}
.form-select {
    background-blend-mode: screen;
}
#announcementPopup .modal-body {
    text-align: center;
    font-size: 16px;
    padding: 40px;
}
.custom_box.freedom-data-info {
    padding: 25px;
}
.custom_box.freedom-data-info .investment_head h2 {
    font-size: 24px;
    color: #ffff;
    font-weight: 900;
}
.financial-freedom-plan small {
    font-size: 21px;
    font-weight: 600;
    color: #87C00D;
}
.financial-freedom-plan span {
    font-size: 21px;
    color: #fff;
    font-weight: 600;
}
.financial-freedom-plan img {
    width: 28px;
}
.financial-freedom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.short-description {
    font-size: 11px;
    padding-right: 52px;
}
.package-amt {
    background: #87c00d;
    padding: 2px 14px;
    color: #000;
    font-weight: 600;
    border-radius: 2px;
}
.financial-freedom-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #313131;
    width: 23%;
    padding: 15px 20px;
    border-radius: 15px;
}
.financial-content .title {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 8px;
}
.financial-freedom-plan {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 38px;
    margin-bottom: 19px;
}
.freedom-data-info .small-btn{
    width: auto;
    font-weight: bold;
    margin-top: 35px;
}
@media only screen and (max-width: 1400px) and (min-width: 1100px){
    .main_wrapper {
        padding-left: 229px;
    }
    .sidebar{
        max-width: 214px;
    }
    .logo img{
        max-height: 66px;
    }
    .main_wallet_info .row .col-lg-3.col-md-6{
        padding: 0px 5px;
    }
    .dash_box_bal.participants_box span {
        font-size: 16px;
    }
    .sidebar_menu .dropdown-toggle::after {
        right: 13px;
    }
    .subscription_info{
        padding: 10px;
    }
    .main_wallet_info{
        padding: 10px 15px;
    }
    .sidebar_menu a{
        padding: 9px 10px;
        font-size: 13px;
    }
    .sidebar_menu a i{
        font-size: 17px; 
        height: 22px;
    }
    .sidebar_menu{
        padding: 0 11px;
    }
    .sidebar_menu .dropdown-menu{
        padding: 0px 5px;
    }
    .sidebar_menu .dropdown-menu .dropdown-item{
        font-size: 12px;
        border-radius: 8px;
        margin: 6px 0px;
    }
}
@media(max-width: 1550px){
    .launching-soon-info .countdown {
        position: absolute;
        top: 25vw;
        left: 12vw;
    }

    .short-description {
        font-size: 11px;
        padding-right: 17px;
    }
    .dash_box_bal{
        padding: 12px;
    }
    .dash_box_bal span {
        font-size: 11px;
    }
    #timer div{
        padding: 39px 20px;
    }
    .participants_info_box{
        grid-column-gap: 7px;
    }
    .financial-freedom-box{
        width: 32%;
    }
}
@media(max-width: 1400px){
    .launching-soon-info .countdown {
        position: absolute;
        top: 22vw;
        left: 7vw;
    }
    .box h4 {
        font-size: 14px;
    }
    .tbl_common .table td, .tbl_common .table th{
        white-space: nowrap;

    }
    .table .button.small-btn {
        padding: 5px 9px;
        font-size: 13px;
    }
    .financial-freedom-box{
        width: 31%;
    }
}
@media only screen and (min-width: 1199px) {
    .sidebar.active ~ .main_wrapper {
        padding-left: 20px;
    }
    .sidebar.active {
        transform: translateX(-240px);
    }
    
}
@media (max-width: 1400px) and (min-width:992px){
    .dash_main_wallet .d-flex {
        flex-wrap: wrap;
    }
    .dash_box_bal span{
        font-size: 11px;
    }
    
    .participants_left_box, .participants_right_box {
        width: 100%;
    }
    .participants_info{
        display: block;
    }
    .participants_right_box {
        margin-top: 20px;
    }
    .wallet_content{
        font-size: 11px;
    }
    .income_summary_box ul li {
        display: block !important;
        padding: 13px 20px !important;
    }
    .dash_income_box span {
        font-size: 14px;
    }
    .dash_income_box b{
        font-size: 14px;
    }
    .dash_title {
        font-size: 18px;
    }
    .summary_box ul li, .income_summary_box ul li {
        list-style: none;
        padding: 8px 15px;
    }
    .dash_box_bal h2{
        font-size: 19px;
    }
    .dash_box img, .dash_main_wallet_bal img {
        width: 20px;
    }
    .dash_view_detail_link{
        width: 23px;
        height: 23px;
    }
    .dash_view_detail_link img{
        width: 15px;
    }

}

@media only screen and (max-width: 1200px) {
    .menu_bar.active .ri-menu-2-line:before {
        content: "\eb99";
    }
    #eventPopup .modal-dialog{
        max-width: var(--bs-modal-width);
    }
    .sidebar {
        transform: translate(-263px);
    }
    .main_wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar.active {
        transform: translate(0px);
        z-index: 5;
        box-shadow: 0 0 20px #000;
    }
    .sidebar_close{
        display: block;
    }
    .launching-soon-info #timer div{
        width: 107px;
        font-size: 65px;
    }
    .menu_bar {
        display: block;
    }
    .sidebar {
        background-color: #100f0f;
    }
    .event-days-num{
        bottom: 5.2vw;
    }
}
@media only screen and (max-width: 1100px) {
    .announcement-timer div{
        width: 5.9vw;
    }
        .event-days-num {
        bottom: 6.2vw;
    }
}
@media only screen and (max-width: 1024px) {
    .launching-soon-info #timer div{
        width: 89px;
        font-size: 48px;
    }
    .event-days-num {
       bottom: 6.2vw;
    }
    .header_profile .dropdown-toggle{
        margin-left: 14px;
    }
    .wallet_col h6{
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .mainWrapper nav.navBar{
        flex-wrap: wrap;
    }
    .launching-soon-info .countdown {
        position: absolute;
        top: 35vw;
        left: 23vw;
    }
    .financial-freedom-box{
        width: 47%;
    }
    .launching-soon-info {
        max-width: 94% !important;
    }
    .mainWrapper .movement{
        width: 100%;
        margin-top: 22px;
        order: 3;
    }
    .announcement-info .btn-close{
        top: -43px;
        right: 0px;
    }
    .box .row,.subscription_info .row,.main_wallet_info .row {
        row-gap: 16px;
    }
    .summary_box{
        width: 100%;
        margin-bottom: 25px;
    }
    .participants_info{
        display: block;
    }
    .participants_left_box, .participants_right_box {
        width: 100%;
    }
    .participants_right_box{
        margin-top: 25px;
    }
    .profile_basic_info li span{
        font-size: 14px;
    }
    .summary_main_info{
        display: block;
    }
    .summary_box_rewards {
        width: 100%;
        height: 100%;
    }
    .header_right {
        flex-wrap: wrap;
    }
    .header_right {
        flex-wrap: wrap;
    }
    .header_right .aff_link {
        width: 100%;
        text-align: right;
    }
    .header_right .aff_link p {
        margin: 0;
    }
    .header_right .aff_link center {
        text-align: right;
        font-size: 12px;
    }
    .progress-lavel {
        border-top: 1px solid #ffffff6b;
        border-bottom: 1px solid #ffffff6b;
        padding: 30px 0px;
        border-left: 0;
        border-right: 0;
        margin: 30px 0;
    }
    .dash_main_wallet .d-flex {
        flex-wrap: wrap;
    }
    .dash_main_wallet_actions {
        width: 100%;
        margin-top: 10px;
    }
    .dash_main_wallet_actions .button {
        margin-left: 0;
        margin-right: 10px;
    }
    .pkg_list li:before {
        content: attr(data);
        color: #9ea1a6;
    }
    .pkg_list {
        display: block;
    }
    .custom_box{
        margin-top: 12px;
    }
    .page_head h1{
        font-size: 18px;
    }
    .pkg_list_head{
        display: none;
    }
    .pkg_list li .button {
        margin-right: 0;
    }
    .pkg_list li {
        width: 100%;
        display: flex;
        padding: 5px 12px;
        justify-content: space-between;
    }
    .profile_show {
        margin-bottom: 30px;
    }
    .navbar .container {
        flex-wrap: wrap;
    }
    .navbar-collapse {
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header_socials {
        flex: inherit;
    }
    .account-box{
        padding: 15px;
    }
    .navbar {
        padding: 15px;
    }
    .header_socials a {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .navbar-brand img {
        max-height: 60px;
    }
    .navbar .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-top: 10px;
    }
    .wallet-flip {
        display: inline-block;
        width: 400px;
        height: 171px;
        margin-bottom: 15px;
    }
    .account-box.custom-box {
        max-width: 100%;
    }
    .custom_box.membership .custom_body {
        padding: 10px 16px 16px;
    }
    .announcement-timer div {
        width: 6.9vw;
    }
    .event-days-num{
            bottom: 7.2vw;
    }
    .menu_bar{
        font-size: 25px;
    }
}
@media only screen and (max-width: 850px) {
    .announcement-timer{
        gap: 3.7vw;
    }
    .event-days-num {
        bottom: 8.2vw;
    }
}
@media only screen and (max-width: 767px) {
    .dash_main_wallet_bal {
        width: 100%;
        margin-bottom: 15px;
    }
    .announcement-timer div {
        width: 7.9vw;
        font-size: 4vw;
    }
    .announcement-timer{
            gap: 4.7vw;
    }
    .wallet-flip{
        height: 187px;
        margin-bottom: 15px;
    }
    .dash_main_wallet{
        padding: 15px;
    }
    .defi_dash_box{
        display: block;
    }
    .defi_left_box{
        border: none;
        border-bottom: 1px solid #2E2E2E;
        padding-bottom: 10px;
    }
    .defi_right_box {
        margin-top: 10px;
    }
    .financial-content .title{
        font-size: 14px;
    }
    .profile_basic_info {
        display: block;
    }
    .profile_info_left, .profile_info_right {
        width: 100%;
    }
    .current_date_time_box {
        text-align: left;
        margin: 10px 0;
    }
    .ticket_count:after {
        display: none;
    }
    .financial-freedom-box{
        width: 100%;
    }
    .launching-soon-info .countdown {
        position: absolute;
        top: 32vw;
        left: 13vw;
    }
    #timer{
        grid-column-gap: 6px;
    }
    .summary_box_rewards{
        row-gap: 16px;
    }
    .summary_box {
        width: 100%;
        margin-bottom: 17px;
    }
    .summary_main_info {
        margin: 18px 0px;
    }
    .affiliate_link {
        padding: 11px;
    }
    #timer div {
        padding: 15px 20px;
        font-size: 30px;
    }
    .dash_box_bal span {
        font-size: 15px;
    }
    .dash_box_bal h2, .defi_left_box h2, .defi_right_box h2{
        font-size: 22px;
    }
    .dash_box_bal span, .defi_left_box span, .defi_right_box span{
        margin-bottom: 5px;
    }
    #timer span {
        padding-top: 3px;
    }
    .dash_box_bal {
        padding: 20px;
    }
    .ticket_count {
        margin: 10px 0;
    }
    .custom_header .text-right {
        margin-top: 10px;
    }
    .home-right-main a.button {
        font-size: 14px;
        padding: 10px;
        width: auto !important;
    }
    .home-right-main {
        row-gap: 10px;
        flex-wrap: wrap;
        padding-top: 8px;
    }
    .mainWrapper .logo img {
        width: 58px;
        height: auto;
        padding: 0;
    }
    .custom_header {
        padding: 10px 6px;
    }
    .custom_header h2{
        font-size: 16px;
    }
    .investment_head h2 img {
        width: 60px;
    }
    .mainWrapper ul.socialLink {
        flex-wrap: wrap;
        z-index: 999;
        position: relative;
        padding: 0;
        gap: 8px !important;
    }
    .notif.dropdown.language span {
        display: none;
    }
    .event-days-num {
        bottom: 9.8vw;
    }
    .header-coin-price {
        padding: 9px;
        font-size: 14px;
    }
    .notif a{
        font-size: 16px;
        padding: 7px 10px;
    }
    .header_right{
        column-gap: 5px;
    }
    .notif-dropdown {
        transform: translate3d(10px, 42px, 0px) !important;
    }
    .notif.language .dropdown-menu.show {
        min-width: 135px;
        width: 100%;
        transform: translate3d(-0px, 38px, 0px) !important;
    }
}
@media only screen and (max-width: 650px) {
    .event-days-num {
        bottom: 10.8vw;
    }
        .announcement-timer div {
        width: 8.9vw;
        }
}
@media only screen and (max-width: 575px) {
    .header_right .aff_link center {
        font-size: 10px;
    }
    .notif-dropdown li a{
        font-size: 12px;
    }
    .wallet-balance-box.wallet-bg-3.m-version-plan {
        padding: 18px;
    }
    .notif.language .dropdown-menu.show {
        min-width: 135px;
        width: 100%;
        transform: translate3d(-0px, 38px, 0px) !important;
    }
    .wallet-flip {
        height: 186px;
        margin-bottom: 15px;
    }
    .header_socials a svg {
        width: 16px;
    }
    .custom_box.freedom-data-info {
        padding: 15px 13px;
    }
    .box.page_head.ticket_head{
        padding: 6px 7px;
    }
    .notif-dropdown{
        min-width: 325px;
    }
    .subscription_text img {
        width: 135px;
        margin-right: 11px;
        margin-bottom: 19px;
        margin-top: 4px;
    }
    .custom_box.freedom-data-info .investment_head h2{
        font-size: 16px;
    }
    .freedom-data-info .small-btn{
        margin-top: 21px;
    }
    .financial-freedom{
        gap: 14px;
    }
    .financial-freedom-plan span,.financial-freedom-plan small{
        font-size: 17px;
    }
    .financial-freedom-plan{ 
      margin-top: 25px;
      margin-bottom: 9px;
  }
      .announcement-timer div {
        width: 6.9vw;
        font-size: 4.6vw;
    }
        .event-days-num {
        bottom: 7.8vw;
    }
  .financial-freedom-box{
    padding: 15px;
}
.header_profile .dropdown-menu{
    transform: translate3d(5px, 32px, 0px) !important;
}
.subscription_info{
    margin-top: 17px;
}
.header-coin-price ul li {
    white-space: nowrap; 
    padding: 5px 6px;
    font-weight: 200;
    font-size: 14px;
}
.subscription_text {
    padding-left: 0px;
}
.subscription_text p {
    font-size: 15px;
    margin-bottom: 8px;
}
.kyc_step_col .custom_body {
    padding: 10px;
}
.box h4 {
    font-size: 16px;
    margin-bottom: 12px;
}
.affiliate_link .form-control{
    font-size: 11px;
}
.uploader_box{
    padding: 13px;
}
.kyc_step_list{
    padding: 10px 7px;
}
.kyc_step_list ul:after{
    left: 9px;
}
.chat_mess{
    width: 97%;
    margin-bottom: 3px;
}
.custom_box.profile_form .custom_body {
    padding: 18px 13px;
}
.profile_show {
    padding: 20px 13px;
}
.chat_mess_head p {
    font-size: 13px;
}
.wallet-add-info{
    max-width: 82px;
}
.wallet-main-sec{
    gap: 8px;
}
.wallet-add-box{
    gap: 7px;
    padding: 5px 8px;
}
.wallet-add-box img {
    width: 26px;
}
.chat_mess_foot a {
    font-size: 12px;
}
.ticket_count{
    padding: 12px 11px;
}
.ticket_count {
    margin: 0px 0;
}
.kyc_thankyou {
    text-align: center;
    padding: 6px;
}
.comming_soon h2{
    font-size: 15px;
}
.wallet_head i {
    font-size: 31px;
}
.wallet_head h2{
    font-size: 22px;
}
.wallet_head{
    padding: 12px;
}
.wallet_col {
    padding: 15px 7px;
}
.wallet_col .icon img {
    left: 4px;
    top: 9px;
}
.wallet_col_actions .button, .wallet_col_actions span {
    height: 36px;
}
.header_right {
    flex-wrap: wrap;
    position: absolute;
    top: 8px;
    column-gap: 6px;
    right: 10px;
}
.dash_header{
    margin-top: 35px;
    justify-content: space-between;
    padding: 17px 0 7px;
}
.header_profile .dropdown-toggle::after{
    top: 10px;
    right: 0px;
}
.header_profile img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.header_profile .dropdown-toggle{
    font-size: 14px !important;
    margin-right: 15px;
}
span.inprocess {
    top: -17%;
    left: 0px;
}
.modal.fade .modal-dialog{
    margin: 0 auto;
}
.launching-soon-info #timer div{
    padding: 6px;
    font-size: 87px;
    text-align: center;
    font-weight: 700;
    line-height: normal;
    width: 126px;
    border-radius: 14px;
    margin: 2px 3px;
}
.launching-soon-info .countdown {
    position: absolute;
    top: 32vw;
    left: 10vw;
}
.launching-soon-info #timer div{
    width: 59px;
    font-size: 27px;
}
.launching-soon-info .btn-close {
    z-index: 999;
    top: 13px;
    right: 5px;
    color: #fff;
    filter: invert(1);
    opacity: 1;
    position: absolute;
}
.tbl_common .table td, .tbl_common .table th{
    padding: 9px 9px;
    white-space: nowrap;
}
.custom_header.boomerang-img img {
    width: 244px;
}
.my_team_summery{
    padding: 7px 7px !important;
}
.table .button.small-btn {
    padding: 5px 9px;
    font-size: 13px;
}
.animate-arrow2 li:last-child::after{
    left: 47.1%;
}
.small_box .row {
    row-gap: 5px !important;
}
.animate-arrow3 li:last-child::after {
    left: 69px;
}
.vacant_user i{
    line-height: 27px;
}
.alertcus div i{
    line-height: 29px;
}
.pagination .page-link {
    color: #dddddd;
    padding: 2px 9px;
    font-size: 13px;
}
.page-item.active .page-link{
    padding: 2px 9px;
    font-size: 13px;  
}
div#eventPopup .modal-content {
    max-width: 370px;
    margin: 0 auto;
}
.header-coin-price{
    padding: 6px 10px;
    font-size: 12px;
}
.notif a{
    padding: 4px 9px;
    font-size: 14px;
}
.header_profile a{
    font-size: 14px;
}
.header_profile .dropdown-menu .dropdown-item{
    padding: 6px 15px;
}
.account-box h1{
    font-size: 16px;
    margin-bottom: 6px;
}
.header_profile img{
    width: 30px;
    height: 30px;
}
.sidebar_menu a {
    font-size: 14px;
    margin: 10px 0px;
}
.login-bottom span {
    font-size: 15px;
}

.input-icon-right {
    position: absolute;
    right: 13px;
    top: 58%;
}
.account-box p{
    font-size: 14px;
}
.form-control::placeholder {
    color: #ffffff69 !important;
    font-size: 15px;
}
.button{
    padding: 8px 20px;
}
.form-control{
    padding: 7px 11px;
    font-size: 15px;
}
.sidebar_menu{
    padding: 0 15px;
}
.dash_income_wrapper {
    padding: 15px;
}
.dash_income_wrapper h4 {
    font-size: 16px;
}
.send_msg .button{
    padding: 5px;
}
.custom_box .custom_header button.small-btn {
    padding: 8px 7px;
    font-size: 13px;
}
.dash_income_wrapper h4 i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}
.entry_length{
    margin-top: 10px;
}
.filter_popup .modal-dialog{
    width: 340px;
}
.uploader_box {
    display: block;
}
.uploader_box img {
    margin-top: 5px;
    margin-left: 0;
}
.main_wallet_info{
    padding: 9px;
}
.summary_box ul li, .income_summary_box ul li {
    list-style: none;
    padding: 9px 12px;
}
.summary_box .dash_title{
    padding: 11px 9px 15px;
}
.dash_title {
    font-size: 17px;
    margin-top: 20px;
}
.announcement-timer-info b{
    font-size: 31px;
}
.profile_basic_info {
    display: block;
}
.notif.dropdown.language span {
    display: none;
}
.account-box.custom-box {
    max-width: 100%;
}
.participants_info_box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 18px;
    row-gap: 13px;
}
.participants_left_box, .participants_right_box,.subscription_info,.profile_info {
    padding: 9px;
}
.business_info {
    padding: 32px 20px;
}
.event-days-num div {
    margin: 0 2px;
    padding: 0px;
}
.announcement-info .btn-close {
    top: -43px;
    right: 9px;
}
.profile_basic_info li{
    padding: 8px 12px;
    margin: 9px 0px;
}
.profile_basic_info li b{
    font-size: 13px;
}
.box .row, .subscription_info .row, .main_wallet_info .row {
    row-gap: 10px;
}
.profile_info_left, .profile_info_right {
    width: 100%;
}
.step3 .custom_box{
    margin-top: 24px;
}

}
@media (max-width: 375px) {
    div#eventPopup .modal-content {
        max-width: 320px;
        margin: 0 auto;
    }
}
@media (max-width: 330px) {
    .wallet-flip {
        height: 208px;
        margin-bottom: 15px;
    }
}
@media (max-width: 1400px) {
    .event-days-num {
        font-size: 18px;
        letter-spacing: 0;
    }
}

@media (max-width: 500px) {
    .event-days-num {
        font-size: 10px;
        bottom: 8.5vw;
    }
    .defi_left_box {
        padding-right: 0;
    }
    .announcement-timer div {
        width: 8.9vw;
        font-size: 6vw;
    }
}
@media (max-width: 450px) {
    .announcement-timer div {
        width: 8.9vw;
        font-size: 5vw;
    }
    .event-days-num {
        bottom: 10.5vw;
    }
    
}
@media (max-width: 380px) {
    .event-days-num {
        bottom: 9vw;
    }
        .announcement-timer div {
        width: 8.9vw;
        font-size: 6vw;
    }
    .notif-dropdown{
        min-width: 325px;
        transform: translate3d(-250px, 35px, 0px) !important;
    }
}