html {
scroll-behavior: smooth!important;
}

@font-face {
font-family: "ClarikaProGeo-Bd";
src: url("../fonts/ClarikaPro/ClarikaProGeo-Bd.woff");
}

@font-face {
font-family: 'ClarikaProGeo-Rg';
src: url("../fonts/ClarikaPro/ClarikaProGeo-Rg.woff");
}

@font-face {
font-family: 'ClarikaProGrot-Lt';
src: url('../fonts/ClarikaPro/ClarikaProGrot-Lt.woff');
}

/* body{
font-family: 'AvenirBlack_normal_normal'!important;
} */

.badge-light-success,
.alert-success,
.text-success{
color:#0a5925!important;
}

.alert_success,
.badge_light_success,
.text_success{
color:#17c653!important;
}

.text {
overflow: hidden;
width: 100%;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.select2-container--bootstrap5.select2-container--disabled .form-select,
input:disabled{
background-color: var(--bs-gray-100) !important;
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

.ready-only:disabled,
.ready-only:disabled{
background-color: var(--bs-gray-100) !important;
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

.ready-only:read-only,
.ready-only:read-only{
background-color: var(--bs-gray-100) !important;
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled{
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered{
color: var(--bs-gray-700)!important;
}

button:disabled{
cursor: not-allowed;
pointer-events: inherit !important;
}

.dt-processing{
box-shadow: none !important;
}

.dt-empty {
/* padding: 50px 15px !important; */
padding: 50px 15px 30px !important;
/* background: #fafafa !important; */
background: #fff !important;
box-shadow: none !important;
}

a.text-decoration,
a.text-decoration:hover{
text-decoration: underline!important;
}

/**** Header GMT Clock CSS *****/

#clock {
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-end;
}

#clock .unit{
font-size: 12px;
font-weight: 400;
font-variant-numeric: tabular-nums;
color: var(--bs-text-gray-900) !important;
}

#clock .unit .innerspan{
position: relative;
width: 24px;
display: inline-block;
text-align: center;
}

#clock .unit .innerspan:before{
content: ':';
position: absolute;
top: 0;
right: -3px;
}

#clock .unit .innerspan:last-child:before{
display:none;
}


/**** Header CSS *****/

#kt_app_sidebar_panel_toggle,
.app-sidebar-panel{
display:none;
}

/* .mytable td.dtr-control{
display:flex;
align-items:center;
} */

.myapp-main .app-content,
.app-main .app-content{
padding-top:0!important;
}

/**** Direct Downline CSS *****/

.no_image_downline {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background: #ccc;
}

/******** Tree View Is Here ********/

.package_holder_name{
text-align:center;
width:100%;
}

.disabledAnchor{
cursor: default;
}

.tree_d_image a{
display: inline-block;
border: 2px dotted #ccc;
height: 80px;
width: 80px;
position: relative;
border-radius: 5px;
}

.tree_d_image a img{
max-width: 100%;
width: 100%;
object-fit: cover;
height: 100%;
border-radius: 3px;
}

.tree_d_content{
text-align: center;
font-size: 12px;
margin: 10px 0 25px;
min-height: 32px;
}

.row_center {
position:relative;
}

.row_center_stracture_top{
position: absolute;
border-right: 1px solid #ccc;
height: 20px;
bottom: -5px;
width: 100%;
max-width: 50%;
}

.row_center_stracture_bottom {
position: absolute;
border: 1px solid #ccc;
height: 15px;
border-bottom-width: 0px;
bottom: 0;
width: 100%;
margin: 0 auto;
max-width: 50%;
left: 50%;
transform: translate(-50%, 20px);
}

.package_holder_name.one.left{
width: 100%;
float: left;
position: relative;
z-index: 1;
margin-top: 20px;
}

.package_holder_name.one.right{
width: 100%;
float: right;
position: relative;
z-index:1;
margin-top: 20px;
}

.direct_notify {
width: 20px;
height: 20px;
position: absolute;
right: initial;
border-radius: 50%;
background: #000;
color: #fff;
font-weight: bold;
text-align: center;
top: -10px;
left: -10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}

.rank_notify {
width: 40px;
height: auto;
position: absolute;
border-radius: 50%;
color: #fff;
font-weight: bold;
text-align: center;
top: -10px;
right: -21px;
}

.rank_notify img{

}

.package_holder_name.one .row_center_stracture_bottom{
max-width: 51%;
}

.package_holder_name.two.left {
width: 100%;
float: left;
position: relative;
z-index: 1;
margin-top: 20px;
}

.package_holder_name.two.right {
width: 100%;
float: right;
position: relative;
z-index: 1;
margin-top: 20px;
}

.free_circle{
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px dotted #CCC;
display: inline-block;
margin-top: 5px;
}

.package_holder_name.two .row_center_stracture_bottom {
max-width: 45%;
}

.package_holder_name.three.left {
width:50%;
float: left;
position: relative;
z-index: 1;
margin-top: 20px;
}

.package_holder_name.three.right{
width:50%;
float: right;
position: relative;
z-index: 1;
margin-top: 16px;
}

.tree-view-body .popover-body{
min-width:280px;
display: flex;
flex-wrap: wrap;
}

.tree-view-body .popup-l-r-cont {
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
}

.tree-view-body .cell-left,
.tree-view-body .cell-right,
.tree-view-body .popup-left,
.tree-view-body .popup-right{
width:50%;
display: flex;
align-items: center;
}

.tree-view-body .popup-left,
.tree-view-body .popup-right{
flex-direction: column;
width: 50%;
border: 1px solid var(--bs-root-card-border-color);
padding: 8px 14px;
text-align: center;
border-top: 0;
}

.tree-view-body .popup-left{
border-right: 0;
}

.tree-view-body .popup-left p,
.tree-view-body .popup-right p{
margin:0;
}

.tree-view-body .cell-left img,
.tree-view-body .cell-right img{
margin-right:5px;
}

/* .tree-view-body .cell-right img{
margin-left: -5px;
} */

.tree-view-body .popup-total {
border: 1px solid var(--bs-root-card-border-color);
padding: 8px 14px;
text-align: center;
margin-top: 5px;
width: 100%;
}

.tree-view-body .popup-l-r-cont {
display: flex;
width: 100%;
margin-bottom: 5px;
}

.tree-view-body h3.popover-header{
border-bottom:none!important;
}

.tree_d_image a.starter{
border:2px solid #1b84ff;
}

.badge.starter{
background:#1b84ff;
color:#fff;
}

.tree_d_image a.standard{
border:2px solid #7239ea;
}

.badge.standard{
background:#7239ea;
color:#fff;
}

.tree_d_image a.elite{
border:2px solid #FF6F1E;
}

.badge.elite{
background:#FF6F1E;
color:#fff;
}

.tree_d_image a.prestige{
border:2px solid #17c653;
}

.badge.prestige{
background:#17c653;
color:#fff;
}

.tree_d_image a.vip{
border:2px solid #fd27eb;
}

.badge.vip{
background:#fd27eb;
color:#fff;
}

.tree_d_image a.inactive{
border:2px solid #ccc;
}

.tree_d_image a.free{
border:2px dotted #ccc;
}

/* 
.tree_d_image a.elite{
border:2px solid #25a8df; 
}

.tree_d_image a.basic{
border:2px solid #666;
}

.tree_d_image a.premier{
border:2px solid #b8242c;
}

.tree_d_image a.Winners {
border: 2px solid #663191;
}

.tree_d_image a.Players {
border: 2px solid #3c78d8;
}

.tree_d_image a.platinum{
border:2px solid #663191;
}

.tree_d_image a.standard{
border: 2px solid #047EC5;
}

.tree_d_image a.free {
border: 2px solid #ccc;
}

.Standard {
color:#047EC5;
}

.Platinum{
color:#663191;
}

.tree_d_image a.premium{
border:2px solid #d77efc;
}

.tree_d_image a.free {
border:2px solid #2f2f2f;
}

.tree_d_image a.inactive {
border: 2px dotted #ccc;
}

.tree_d_image a.starter{
border-color: #48d4f2;
}

.tree_d_image a.ultra{
border-color: #7377e6;
}

.tree_d_image a.advance{
border-color: #a1d84b;
} */

/******** Level Structure CSS Is Here ********/

/* .jstree .jstree-container-ul > li:first-child > i{
background-position: -100px -10px;
height: 20px;
position: relative;
top: 6px;
} */

.jstree-default .jstree-open>.jstree-ocl {
background-position: -132px -4px;
}

.jstree-default .jstree-closed>.jstree-ocl {
background-position: -100px -5px;
}

.jstree-default .jstree-anchor{
margin-top: -2px;
margin-bottom: 2px;
position: relative;
padding: 3px 8px 3px 4px;
height: 30px;
}

.jstree-default .jstree-anchor img{
display:none!important;
}

.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 19px;
cursor: auto;
padding-top: 2px;
}


/******** Crypto Page CSS Is Here ********/

.qr_code_img{
max-width:242px;
width:100%;
min-height:242px;
}

.qrcode_details {
max-width: calc(100% - 250px);
width: 100%;
}

.backtopay {
position: absolute;
top: 15px;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}

.backtopay .count{
font-variant: tabular-nums;
}

.popover .popover-header {
border-bottom: 0px solid var(--bs-popover-header-border-color);
}

/******** Sign Up Is Here ********/

.signup_header {
background: #4c4c4e;
height: 106px;
}

.signup_header .login-btn{
border: 1px solid #fff;
padding: 7px 15px;
border-radius: 5px;
max-width: 110px;
width: 100%;
height: 43px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size:14px;
}

.signup_header .login-btn:hover{
background:#fdd322;
color:#4c4c4e!important;
border: 1px solid #fdd322;
}

.app_content_box {
margin-top: 60px;
margin-bottom: 40px;
}

.stepper.stepper-links .stepper-nav {
justify-content: space-between;
position: relative;
}

.stepper.stepper-links .stepper-nav:before{
content: '';
position: absolute;
top: 23px;
left: 0;
width: 98%;
margin: 0 auto;
right: 0;
border: 1px dashed var(--bs-gray-300);
}

.stepper.stepper-links .stepper-nav .stepper-item {
margin: 0;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-title{
margin: 0;
width: 100%;
height: 100%;
color: var(--bs-success);
background-color: var(--bs-success-light);
display: flex;
align-items: center;
justify-content: center;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-title .stepper-check{
display:none;
}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title{
color: var(--bs-success-inverse);
background-color: var(--bs-success-active);
}

.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title{
color: var(--bs-success);
background-color: var(--bs-success-light);
position: relative;
}

.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title .stepper-check{
display: block;
}

.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title .stepper-number{
display:none;
}

.stepper.stepper-links .stepper-nav .stepper-item:after{
display:none!important;
}

.corporate-row{
display:none;
}

.crypto_box,
.free_box{
display:none;
}

.footer_parent{
/* background: linear-gradient(92.2deg, #62bb46 0%, #fff200 100%); */
padding:60px 0 40px;
background:#3a3a3a;
}

.iti{
width:100%!important;
color: var(--bs-gray-700);
font-weight: 500;
}

.iti__selected-flag:focus{
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex!important;
outline:none!important;
}

.iti__search-input {
border: none;
outline: none;
padding: 15px 15px;
font-weight: 600;
line-height: normal;
}

.iti--inline-dropdown .iti__country-list {
border-top: 1px solid #f1f1f1;
}

.iti__country-list {
overflow-x: hidden;
max-width: 100%;
width:100%;
}

.iti--allow-dropdown .iti__flag-container, 
.iti--separate-dial-code .iti__flag-container {
width: 100%;
}

.iti__country-list li{
max-width: 100%!important;
margin: 0!important;
}

.iti__selected-flag {
max-width: 88px;
width: 100%;
}

.iti__selected-flag{
cursor:pointer;
}

.iti__flag-container{
outline:none;
}

.iti__divider{
display:none!important;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: transparent!important;
}

.iti--separate-dial-code .iti__selected-flag {
background-color:transparent!important;
}

.iti .iti__selected-dial-code {
font-size: 1.15rem;
}

/******** Thank You CSS Is Here ********/

.thankyou_hero{
position: relative;
width:100%;
background: url('../images/thankyou-img.jpg') no-repeat;
background-size:cover;
background-position:center center;
padding: 60px 0 60px;
}

.thankyou_hero:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 50%);
}

.hero_headpart h1{
color: #fff;
font-size: 80px;
line-height: 94px;
font-weight: 700;
letter-spacing: normal;
position: relative;
overflow: hidden;
text-shadow: 3px 0px 8px #0000002b;
margin: 0;
/* font-family: 'ClarikaProGeo-Bd'; */
}

.hero_head_right {
position: relative;
background: #fff;
border-radius: 30px;
padding: 20px 25px;
max-width: 400px;
width: 100%;
margin: 0 auto;
}

.hero_head_right h3{
color: #212529;
font-size: 24px;
line-height: 36px;
font-weight: 700;
letter-spacing: normal;
margin: 0;
/* font-family: 'ClarikaProGeo-Bd'; */
}

/* .thankyou_head h1{
font-family: 'ClarikaProGeo-Bd';
}

.thankyou_head p{
font-family: "ClarikaProGeo-Rg";
}

.thankyou_page_parent .thankyou-details{
font-family: "ClarikaProGeo-Rg";
} */


/******** Top Achiever CSS Is Here ********/

.top_achiver_slider li {
width: 35px !important;
height: 35px !important;
margin-left: -15px!important;
position: relative;
text-indent: inherit!important;
}

.top_achiver_slider li:hover{
z-index: 1;
}

.top_achiver_slider li .symbol-label,
.top_achiver_slider li img{
width: 35px !important;
height: 35px !important;
border-radius:50px;
}

.top_achiver_slider li::after{
display: none!important;
}

/******** Hamburger CSS Is Here ********/

.hamburger{
margin-right:0;
}

.hamburger .line{
width: 25px;
height: 3px;
background-color: #57676b;
display: block;
margin: 4px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 50px;
}

.hamburger.is-active .line:nth-child(2){
opacity: 0;
}

.hamburger.is-active .line:nth-child(1){
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
-o-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3){
-webkit-transform: translateY(-6px) rotate(-45deg);
-ms-transform: translateY(-6px) rotate(-45deg);
-o-transform: translateY(-6px) rotate(-45deg);
transform: translateY(-6px) rotate(-45deg);
}

/******** Random CSS Is Here ********/

.underline_text{
border-bottom-width: 1px;
border-bottom-style: dotted;
}

.rules_table_box,
.rules_cards{
display:none;
}

.automatic_text_row,
.switch_btn_row{
display:none;
}

/* .rules_cards.spill-overlay{
overflow: hidden;
position: relative;
}

.rules_cards.spill-overlay:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 80%);
z-index: 9;
cursor: not-allowed;
} */


/* Default: show mobile_view button, hide web_view button */
.mobile_button {
    display: block;
}

.web_button {
    display: none;
}

/* For screens wider than 768px (typical tablet/desktop) - show web_view button, hide mobile_view button */
@media (min-width: 769px) {
    .mobile_button {
        display: none;
    }

    .web_button {
        display: block;
    }
}
.no_announcement {
height: 220px;
display: flex;
align-items: center;
justify-content: center;
}

.daterangepicker .table-condensed td.off.disabled.off.disabled {
opacity: .3;
text-decoration: none;
}

.daterangepicker .table-condensed td.available{
color: var(--bs-text-dark) !important;
}

.custom_picker{
max-width: 125px;
width: 100%;
}

.range_custom_width{
max-width: 215px!important;
width:100%!important;
min-width: 215px!important;
}

.mobile_quick_msg img{
display:none;
}

.grayscale_img{
-webkit-filter: grayscale(100%); filter: grayscale(100%)
}

.subscription_dash_parent{
min-height:200px;
}

.dashbaord_subscription_btn{
z-index:3; 
padding-top:20px; 
position:absolute; 
bottom: 30px;
}

.next-rank img {
max-width: 70px !important;
}

#kt_datatable_responsive_wrapper.dt-empty-footer tbody > tr:nth-of-type(2n+1):hover,
#kt_datatable_responsive_wrapper.dt-empty-footer tbody > tr:hover > *{
box-shadow: none!important;
}

#currentpassword,
#newpassword,
#confirmpassword{
background-image:none!important;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):hover,
table.table.dataTable.table-hover > tbody > tr:hover > * {
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)!important;
}

.dt-container .row {
margin-top: 15px;
}

.pass-eye-icon{
top:55px;
}

.dash_rank_name {
text-align: center;
position: relative;
top: 10px;
display: flex;
align-items: center;
justify-content: center;
}

.dash_rank_name.up_next{
top:0;
}

.dash_rank_name i {
font-size: 4px;
}

#kt_charts_widget_VTM .apexcharts-canvas{
width:100%!important;
height:100%!important;
}

.dt-empty p{
color:#4b5675;
}

.dt-empty b {
font-weight: 400;
line-height: normal;
color:#4b5675;
}

table.dataTable > thead .dt-ordering-asc:after{
display: none!important;
}

.cancel-payout {
border-bottom: 1px solid #1b84ff;
}

.disabled_input_group .input-group-text, 
.disabled_input_group .form-control {
background-color: #f1f1f4 !important;
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

.hide-important {
display: none !important;
}

.row_filter_hide .row,
.card-header.filter_datatable_section.hide_filters {
display: none !important;
}

.card-header.pt-7.filter_datatable_section.filteractive.hide_filters {
display: flex !important;
}

.headpart_dropdown{
cursor: pointer;
position: relative;
}

.bgi-size-cover {
background-size: cover !important;
}

.profile_avatar_rank {
position: absolute;
top: -8px;
right: -12px;
}

.avatar_active{
border: 1px solid var(--bs-info-clarity);
}

.app-page-title h1 {
color: #fff !important;
padding: 10px 20px;
border-radius: 20px 0 20px 0;
background: linear-gradient(112.14deg, #9b9b9b 0%, #6c6c6c 100%);
}

.app-page-title h1.free{
background: linear-gradient(112.14deg, #9b9b9b 0%, #6c6c6c 100%);
}

.app-page-title h1.starter{
background: linear-gradient(112.14deg, #00D2FF 0%, #3A7BD5 100%);
}

.app-page-title h1.standard{
background: linear-gradient(112.14deg, #b091f1 0%, #7239ea 100%);
}

.app-page-title h1.elite{
background: linear-gradient(112.14deg, #ff9c64 0%, #ff6f1e 100%);
}

.app-page-title h1.prestige{
background: linear-gradient(112.14deg, #42a363 0%, #17c653 100%);
}

.app-page-title h1.vip{
background: linear-gradient(112.14deg, #9b4493 0%, #cf01be 100%);
}

.link-limit{
overflow: hidden;
width: 250px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.error-span{
display: none;
position: absolute;
left: 0;
bottom: -22px;
font-weight: 400;
font-style: normal;
color:red;

}

.error-class{
color:red;
left: 0;
bottom: -22px;
font-weight: 400;
font-style: normal;
}

.otp_send_success{
display: none;
position: absolute;
left: 0;
bottom: -20px;
font-weight: 400;
font-style: normal;
}

.reset-span{
display: none;
position: absolute;
left: 0;
bottom: -16px;
font-weight: 400;
font-style: normal;
}

.success_msg {
position: absolute;
bottom: -2px;
left: 0;
}

.msg_sucess_text.position-change {
margin-top: 18px;
}

.form-check-input:checked {
cursor: not-allowed;
}

.badge-light-standard{
background-color: #f8f5ff!important;
color: #7239ea!important;
}

.badge-light-elite{
background-color: #faf9f3 !important;
color: #ccbd10 !important;
}

.badge-light-vip{
background-color: #fcf2fb!important;
color: #fd27eb!important;
}

.badge-light-inactive {
color: #a7a7a7;
background-color: var(--bs-secondary-light);
}

.text-inactive{
color: #a7a7a7!important;
}

.badge-light-associate{
background: #999999;
color: #fff;
}

.text-associate{
color:#999999!important;
}

.text-vip{
color: #fd27eb!important;
}

.text-standard{
color: #7239ea!important;
}

.package_starter{
color:#1b84ff;
}

.package_standard{
color:#7239ea;
}

.package_elite{
color:#ff6f1e;
}

.package_prestige{
color:#17c653;
}

.package_vip{
color:#fd27eb;
}

.bg_purple{
background:#7239ea;
}

.text_purple{
color:#7239ea;
}

.border-hover-purple:hover{
border-color:#7239ea;
}

.bg_pink{
background:#fd27eb;
}

.text_pink{
color:#fd27eb;
}

.border-hover-pink:hover{
border-color:#fd27eb;
}

.bg_blue{
background:#232fd1;
}

.text_blue{
color:#232fd1;
}

.border-hover-blue:hover{
border-color:#232fd1;
}

.select2-container--bootstrap5.select2-container--disabled .form-select {
border-color: transparent!important;
cursor: not-allowed;
color: var(--bs-gray-500)!important;
}

.sponsor_name_loader .spinner-border{
display: none;
}

.strong-pass{
display:none;
}

.userdetailsbox {
text-align: right;
}

.userdetailsbox .country_flag{
position: relative;
}

.userdetailsbox .country_flag img{
margin-top:-3px;
}

/* ----- preloader ----- */
.preloader_parent {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}

.preloader_innercontent {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}

.preloader_innercontent_img {
max-width: 80px;
width: 100%;
margin: 0 auto;
}
/* ----- preloader ----- */    

.member_ship_plan_list{
position: absolute;
background: #fff;
border-radius: 10px;
width: 100%;
float: left;
padding: 30px 30px 5px;
display: none;
top: -1px;
left: 0;
right: 0;
z-index: 10;
border-top: 1px solid #f1f1f1;
box-shadow: 0px 3px 4px 1px rgba(111, 111, 111, .1);
}

.ranks_toggle_parent a i {
font-size: 20px;
color: #4b5675;
}

.member_ship_plan_list a.close-toggle {
position: absolute;
right: 20px;
top: 20px;
padding: 10px;
}

.list_view_package ul, 
.member_ship_plan_list ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.account_type_list li {
margin-bottom: 18px !important;
}

.list_view_package ul li, 
.member_ship_plan_list ul li {
width: 25%;
display: flex;
align-items: center;
margin-bottom: 15px;
}

.member_ship_plan_list ul li img{
margin-right:10px;
}

.member_ship_plan_list ul li p{
margin:0;
}

.member_ship_plan_list ul li i{
font-size: 20px;
margin-right: 10px;
line-height: normal;
margin-top: -2px;
}

.announcement_box a:last-child .separator {
display: none;
}

.announcements_box .col-md-12:last-of-type .w-100 a .separator{
display:none;
}

.announcement_img.card-rounded.w-100.mb-8.mb-md-9 {
padding-bottom: 6px;
}

.announcement_single ul {
list-style-type: none;
padding-left: 0;
padding-top:0px !important;
margin-bottom:0px !important;
font-size:0!important;
}

.announcement_single p{
font-size:15px !important;
padding-top: 22px !important;
margin:0px;
padding-bottom:0px;
/*margin-bottom: -2px;*/
line-height: 25px;
}
.announcement_single p:first-of-type {
padding-top: 0px !important;
}

.announcement_single h1{
font-size:15px;
margin:0px;
line-height: 22px;
}

.announcement_single h2,
.announcement_single h3,
.announcement_single h4 {
font-size: 15px !important;
padding-top: 22px;
margin: 0px;
padding-bottom: 4px;
line-height: 22px;
}

.announcement_single li{
padding-top: 6px;
margin-bottom:0px;
padding-bottom:0px;
font-size:15px !important;
line-height: 24px!important;
}

.announcement_single ul > li > ul{
list-style:disc!important;
padding-left: 40px!important;
font-size:0!important;
}


/******** Wave Loader CSS Is Here ********/

#wave {
position: relative;
text-align: center;
width: 100%;
max-width:100%;
margin:15px auto 15px;
}

#wave .dot {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 3px;
background: #303131;
animation: wave 1.3s linear infinite;
}

#wave .dot:nth-child(2) {
animation-delay: -1.1s;
}

#wave .dot:nth-child(3) {
animation-delay: -0.9s;
}

#wave .dot:nth-child(4) {
animation-delay: -0.6s;
}

#wave .dot:nth-child(5) {
animation-delay: -0.4s;
}

@keyframes wave {
0%, 60%, 100% {
transform: initial;
}
30% {
transform: translateY(-15px);
}
} 

.progess-50{
background-color:#dfbf19!important;
}

.progess-75{
background-color:#ff8300!important;
}

.progess-100{
background-color:#FF0000!important;
}

.active-row td, .active-row td div {
color: #17c653 !important;
}

.animate_text{
-webkit-animation: flash linear 1s infinite;
animation: flash linear 1s infinite;
}

@-webkit-keyframes flash {
0% { opacity: 1; } 
50% { opacity: .1; } 
100% { opacity: 1; }
}
@keyframes flash {
0% { opacity: 1; } 
50% { opacity: .1; } 
100% { opacity: 1; }
}

/******** Print Button CSS Is Here ********/

@media print {
#print_button,
#kt_app_header,
#kt_app_toolbar,
#kt_app_footer,
#direct_downline_search_user,
#kt_app_sidebar_panel,
#kt_app_sidebar,
#kt_activities,
#kt_drawer_chat,
#kt_shopping_cart,
#kt_content,
#kt_scrolltop,
.dt-toolbar,
.card-toolbar,
.dt-empty,
.dt-paging,
.print-btn{
display:none!important;
}

.announcement-body{
padding:0!important;
}

.announcement-card{
border:0!important;
}

.announcement-margin{
margin:0!important;
}

#kt_app_content_container{
padding:0!important;
}

.dataTable {
border: 1px solid #f1f1f4!important;
}

.dataTable thead tr th,
.dataTable tbody tr td{
padding:10px!important;
}

.table:not(.table-bordered) tr, 
.table:not(.table-bordered) th, 
.table:not(.table-bordered) td{
border-color: #f1f1f4!important;
border-width: 0.5px!important;
border-style: solid!important;
vertical-align: middle!important;
}
}

.signup_hold_error{
position: absolute;
bottom: inherit;
top: 12px;
}

/******** Media Query Is Here ********/

@media(max-width:1199.98px){
.tree_d_image a {
height: 60px;
width: 60px;
}
}

@media(max-width:991.98px){
.myapp-main .app-content,
.app-main .app-content{
padding-top:20px!important;
}
.submenu_box {
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: calc(100vh - 70px);
background-color: var(--bs-app-header-base-bg-color);
--bs-card-border-color: var(--bs-root-card-border-color);
border-top: 1px solid var(--bs-card-border-color);
display: none;
overflow-y:auto;
}
.submenu_box > ul{
padding:0 0 50px!important;
}
.submenu_dropdown ul,
.submenu_box ul{
list-style:none;
margin:0;
padding:0;
}
.submenu_dropdown ul li,
.submenu_box ul li{
position: relative;
border-bottom: 1px solid var(--bs-root-card-border-color);
}
.submenu_dropdown ul li:last-child{
border-bottom: 0 solid var(--bs-root-card-border-color);
}
.submenu_dropdown {
position: relative;
width: 100%;
border-top: 1px solid var(--bs-root-card-border-color);
display:none;
}
.submenu_dropdown ul li a{
padding-left:30px;
}
.hero_headpart {
text-align: center;
margin-bottom: 30px;
}
.hero_headpart h1 {
font-size: 50px;
line-height: 64px;
}
.hero_head_right {
max-width: 700px;
}
.hero_head_right h3 {
font-size: 28px;
line-height: 38px;
text-align:center;
}
.welcome_message span img{
display:none;
}

.welcome_message{
    display:none;
}

.mobile_avatar{
display:none;
}
.list_view_package ul li, 
.member_ship_plan_list ul li {
width: 33.333%;
}
.pass-eye-icon {
top: 52px;
}
#submenu_trigger{
margin-right: -15px;
}
.no_announcement {
height: 150px;
} 
}

@media(max-width:767.98px){
.col.final {
display: none;
}
.package_holder_name.two .row_center_stracture_top, 
.package_holder_name.two .row_center_stracture_bottom {
display: none;
}
.crypto_qrbox {
flex-direction: column;
}
.qrcode_box {
max-width: 100%;
min-width: 100%;
margin-bottom: 15px;
}
.qrcode_details {
max-width: 100%;
margin-left: 0 !important;
}
.stepper.stepper-links .stepper-nav .stepper-item {
width: 40px;
height: 40px;
}
.stepper.stepper-links .stepper-nav:before {
top: 19px;
}
.seal-img{
text-align:center!important;
}
.userdetailsbox {
text-align: left;
}
.headpart_dropdown .menu-sub-dropdown{
display:none!important;
}
.list_view_package ul li, 
.member_ship_plan_list ul li {
width: 50%;
}
.dashbaord_subscription_btn {
padding-top: 0;
position: relative;
bottom: initial;
margin-bottom:7px!important;
}
.subscription_dash_parent{
min-height: auto;
}
.custom_radius{
border-radius:0!important;
}
.wpapassword_custom {
width: 100%;
}
}

@media(max-width:575.98px){
.tree_d_image a {
height: 50px;
width: 50px;
}
.commision_right_part,
.commision_right_part .w-200px.w-sm-300px{
width: 100%!important;
}
.app-page-title{
width:100%;
}
.app-page-title h1 {
min-width: auto !important;
max-width: 350px !important;
}
#direct_downline_search_user,
#search_member_txt,
#search_user {
width: 100% !important;
}
#directdownline_search_button,
#search_member_btn,
#searchUsername {
width: auto !important;
}
.list_view_package ul li, 
.member_ship_plan_list ul li {
width: 100%;
}
.announcements_box p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
}

@media(max-width:480px){
.mobile-responsive {
flex-direction: column;
align-items: start !important;
width: 100% !important;
}
.mobile-responsive .position-relative{
width: 100% !important;
}
.mobile-responsive .error-span,
.mobile-responsive .reset-span{
bottom: -20px;
}
.mobile-responsive .btn{
margin-left: 0 !important;
margin-top: 20px;
}
.signup_hold_error{
top: 0;
}
}

@media(max-width:365px){
.dashbaord_subscription_btn {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.dashbaord_subscription_btn a:last-child{
margin-top:10px;
}
}