@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* Misc */
body
{
    font-family: "Inter", sans-serif;
    color: #4E4E4E;
    height: auto;
    min-height: 100%;
}

a
{
    color: #4E4E4E;
}

a:hover
{
    color: #4E4E4E;
}

.fs_12px
{
    font-size: 12px;
    line-height: 14px;
}

.fs_14px
{
    font-size: 14px;
    line-height: 16px;
}

.fs_16px
{
    font-size: 16px;
    line-height: 18px;
}

.fs_18px
{
    font-size: 18px;
    line-height: 20px;
}

.fs_20px
{
    font-size: 20px;
    line-height: 22px;
}

.fs_24px
{
    font-size: 24px;
    line-height: 26px;
}

.fs_28px
{
    font-size: 28px;
    line-height: 30px;
}

.fs_30px
{
    font-size: 30px;
    line-height: 32px;
}

.fs_32px
{
    font-size: 32px;
    line-height: 34px;
}

.fs_36px
{
    font-size: 36px;
    line-height: 38px;
}

.fs_40px
{
    font-size: 40px;
    line-height: 42px;
}

.fs_48px
{
    font-size: 48px;
    line-height: 50px;
}

.fs_64px
{
    font-size: 64px;
    line-height: 66px;
}

.fs_84px
{
    font-size: 84px;
    line-height: 88px;
}

.fw_100
{
    font-weight: 100;
}

.fw_200
{
    font-weight: 200;
}

.fw_300
{
    font-weight: 300;
}

.fw_400
{
    font-weight: 400;
}

.fw_500
{
    font-weight: 500;
}

.fw_600
{
    font-weight: 600;
}

.fw_700
{
    font-weight: 700;
}

.fw_800
{
    font-weight: 800;
}

.text-linear
{
    background: linear-gradient(92deg, #08ACD9 20.26%, #364097 73.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-linear-referral
{
    background: linear-gradient(101deg, #7D7DAC -15.57%, #161786 80.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-primary
{
    color: #0879E3 !important;
}

.text_dark
{
    color: #181944 !important;
}

.text_dark_blue
{
    color: #383996 !important;
}

.text_gray
{
    color: #4E4E4E !important;
}

.text_light_gray
{
    color: #9B9B9B !important;
}

.text_light
{
    color: #B1B1B9 !important;
}

.btn-linear
{
    border-radius: 5px;
    background: linear-gradient(93deg, #00B6E8 2.39%, #206EC5 37.61%, #3441AF 89.83%) padding-box, linear-gradient(93deg, #00B6E8 2.39%, #206EC5 37.61%, #3441AF 89.83%) border-box;
    color: #fff;
    border: 0px;
    font-weight: 600;
}

.btn-linear:hover, .btn-linear:focus, .btn-linear:focus-visible 
{
    background: linear-gradient(93deg, #01a1cd 2.39%, #1c579a 37.61%, #222a74 89.83%) padding-box, linear-gradient(93deg, #01a1cd 2.39%, #1c579a 37.61%, #222a74 89.83%) border-box;
    color: #fff !important;
    border: 0px;
}

.btn-linear:disabled
{
    background: #B1B1B9;
}

.btn-linear.btn-linear-with-border
{
    border: 3px solid transparent !important;
}

.btn-linear-outline
{
    border: 3px solid transparent;
    background: linear-gradient(0deg, #fff 0%, #fff 100%) padding-box, linear-gradient(93deg, #00B6E8 2.39%, #206EC5 50.61%, #3441AF 100%) border-box;
    font-weight: 600;
    border-radius: 5px;
}

.btn-linear-outline:hover, .btn-linear-outline:focus, .btn-linear-outline:focus-visible
{
    background: linear-gradient(0deg, #fff 0%, #fff 100%) padding-box, linear-gradient(93deg, #01a1cd 2.39%, #1c579a 50.61%, #222a74 100%) border-box;
}

.btn-linear-outline:hover p, .btn-linear-outline:focus p, .btn-linear-outline:focus-visible p
{
    background: linear-gradient(93deg, #00B6E8 10.26%, #206EC5 53.91%, #3441AF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*.btn-linear-outline.btn_legacy_wallet
{
    border: 3px solid transparent;
    background: linear-gradient(0deg, #f4f6f9 0%, #f4f6f9 100%) padding-box, linear-gradient(93deg, #00B6E8 2.39%, #206EC5 50.61%, #3441AF 100%) border-box;
    font-weight: 600;
    border-radius: 43px;
}*/

.btn-linear-outline.btn_transparent
{
    border: 3px solid transparent;
    background: linear-gradient(0deg, #f4f6f9 0%, #f4f6f9 100%) padding-box, linear-gradient(93deg, #00B6E8 2.39%, #206EC5 50.61%, #3441AF 100%) border-box;
    font-weight: 600;
}
.btn-outline-success{
    border-color: #15BC5B;
    background-color: #15BC5B07;
}

.btn_dark_blue
{
    border-radius: 5px;
    background: #383996;
    color: #fff;
    border: 0px;
    font-weight: 600;
}

.btn_dark_blue:hover, .btn_dark_blue:focus, .btn_dark_blue:focus-visible, .btn_dark_blue:active 
{
    background: #151662 !important;
    color: #fff !important;
    border: 0px;
}

.btn_dark
{
    border-radius: 5px;
    background: #1E1E1E;
    color: #fff;
    border: 0px;
    font-weight: 600;
}

.btn_dark:hover, .btn_dark:focus, .btn_dark:focus-visible, .btn_dark:active 
{
    background: #1E1E1E !important;
    color: #fff !important;
    border: 0px;
}

.btn_radius
{
    border-radius: 100px;
}

.form-check-input:checked 
{
    background-color: #383996;
    border-color: #383996;
}

.form-check-input:focus
{
    box-shadow: none;
}

.form-check .form-check-input
{
    border: 1px solid #4e4e4e;
}

input.form-control:focus-visible, select.form-select:focus-visible, textarea.form-control:focus-visible
{
    outline-style: none;
}

input.form-control, textarea.form-control
{
    border-radius: 5px;
    border: 1px solid #C3C3C9;
    background: transparent;
    color: #4e4e4e;
}

select.form-select
{
    border-radius: 5px;
    border: 1px solid #C3C3C9;
}

input.form-control:placeholder
{
    color: #C3C3C9 !important;
}

input.form-control:focus, select.form-select:focus
{
    border-radius: 5px;
    border: 1px solid #383996;
    color: #383996;
}

input.form-control:read-only, input.form-control:disabled
{
    border:0px;
    background: #F4F6F9;
}

input.form-control:read-only:focus, input.form-control:disabled:focus
{
    color: #4e4e4e;
}

.auth input:focus + .label_line, .auth input:not(:placeholder-shown) + .label_line, .auth select:focus + .label_line, .auth select:not(:placeholder-shown) + .label_line
{
    background-color: #fff;
    color: #383996;
    font-size: 14px;
    transform: translateY(-8px);
    padding: 0rem 6px;
    margin-left: 10px;
    height: 20px;
}

.form-icon
{
    position: absolute;
    top: 0;
    right: 0;
    height: 85%;
    line-height: 55px;
    z-index: 99;
}

.input-group .form-control-icon {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.form-icon img {
    width: 20px;
}

.label_line
{
    color: #C3C3C9;
}

.dropdown-toggle::after
{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.badge.text-bg-success{
    background-color: rgba(21, 188, 91, 0.10) !important;
    color: #15BC5B !important;
}

.card
{
    border: 0px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 10.8px 0px rgba(56, 57, 150, 0.08);
}

.page
{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.page-body
{
    background: #F4F6F9;
    border-radius: 31px 0px 0px 0px;
    flex: 1;
/*    min-height: 91vh;*/
}

img:hover
{
    filter: saturate(1);
}

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover
{
    background: rgb(2 176 229 / 10%);
    color: #0879E3;
}

.input-group-text
{
    background-color: #ffffff;
    border-radius: 5px 0px 0px 5px;
    border-color: #C3C3C9;
    border-right: 0px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
{
    border-left:0px; 
}

.input-group:focus-within .input-group-text
{
    border-color: #383996
}

.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover
{
    background-color: #383996;
}

:is(a):focus, :is(a):hover
{
    color: #383996;
}

.btn.resend_btn
{
    border: 0px;
    background-color: transparent;
}

.btn.resend_btn:focus, .btn.resend_btn:hover, .btn.resend_btn:active
{
    border: 0px;
    background-color: transparent;
}

.flatpickr-input[readonly]
{
    border: 1px solid #C3C3C9 !important;
    background: transparent !important;
    border-left: 0px !important;
}

.flatpickr-input[readonly]:focus
{
    border-color: #383996 !important;
}

.flatpickr-calendar .flatpickr-months, .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays
{
    background-color: #1584d0;
}

.flatpickr-calendar .flatpickr-day.today
{
    background-color: #1584d0;
    border-color:  #1584d0;
    color: #fff;
}

.flatpickr-calendar .flatpickr-day.today:hover
{
    background-color: #a3d9ff;
    border-color: #a3d9ff;
    color: #ffffff;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus
{
/*    color: #1584d0;*/
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months option,.flatpickr-calendar .flatpickr-months .numInput option
{
    background-color: #57b1ef;
}

.flatpickr-days
{
    margin-top: 10px;
}

.flickr_div
{
    background-color: #1462AC; 
/*    position: fixed; */
    width: 100%; 
    z-index: 1024;
}

.mobile_bar
{
    display: none;
}

.custom_scroll{overflow-y:auto;scroll-behavior:smooth;-ms-overflow-style:none;visibility:visible}
.custom_scroll::-webkit-scrollbar{background:0 0;width:4px}
.custom_scroll:hover::-webkit-scrollbar-thumb{background:rgba(52, 65, 175, 1);;width:4px}
.custom_scroll::-webkit-scrollbar-track{background:rgba(52, 65, 175, 0.05);}
.custom_scroll::-webkit-scrollbar-thumb{background:rgba(52, 65, 175, 0.1);}

/* IOS */
input, a, button {
    border-radius: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;
}

.form-control{
    line-height: 36px;
}
/* End of IOS */

/* End of Misc */

/* Authentication */
.authenticationbody .page
{
    background-image: linear-gradient(303deg, #222E96 13.89%, #08ACD9 88.05%);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.auth
{
    background-image: url("../images/authentication/authentication_bg.png");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.auth_container
{
    padding: 0px 100px;
}

.auth_header
{
    padding: 20px 0px;
}

.authentication_logo
{
    width: 200px;
}

.auth_div
{
    min-height: 75vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.auth_card
{
    width: 500px;
}

.auth_card .card-body
{
    padding: 30px 50px;
    max-height: 750px;
    overflow-y: auto;
}

.auth_title
{
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.auth_footer
{
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
}

.authentication_lang::after
{
    margin-left: 20px;
}

.auth_loader
{
    background-image: linear-gradient(303deg, #222E96 13.89%, #08ACD9 88.05%);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    position: absolute;
    width: 100%;
}

.auth_loader_div
{
    background-image: url("../images/authentication/authentication_bg.png");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.auth_loader_logo_div
{
    height: 88vh;
}

.auth_loader_logo
{
    width: 10%;
}

.auth_loader_footer_div
{
    height: 12vh;
}
/* End of Authentication */

/* Header */
.page-header .header-menu .dropdown-toggle::after
{
    display:flex;
    color: #181944;
}

.page-header
{
    background-color: #fff !important;
}

.user_dropdown
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.header_drop_lang_img
{
    border-radius: 5px;
}

.header-menu .nav-item:not(:last-child)
{
    padding-left: 5px;
    padding-right: 5px;
    border-right: 2px solid rgba(56, 57, 150, 0.1);
}

.header_lang_icon_btn
{
    background-color: #F4F6F9;
    border-radius: 16px;
    padding: 5px 6px !important;
}

.header_icon_btn
{
    background-color: #F4F6F9;
    border-radius: 16px;
    padding: 12px 10px;
}

.user_dropdown_border
{
    border-bottom: 1px solid #EBEBEB;
}

.mobile_header
{
    position: absolute;
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}

.mobile_header_btn_li
{
    border-right: 0px !important;
}

.successModalbody
{
    padding: 45px;
}
/* End of Header */

/* Sidebar */
.sidebar_pi_icon
{
    width: 30px;
}

.sidebar_pi_dashboard
{
    background-image: url("../images/pi_dashboard_sidebar.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.sidebar_btn_div
{
    display: flex;
    align-items: center;
    height: 45px;
    margin-bottom: 5px;
}

.sidebar_left_bar
{
    margin-left: 3px;
}

.sidebar_btn_div.active .sidebar_left_bar
{
    width: 2px;
    border: 2px solid #00B6E8;
    height: 95%;
    border-radius: 0px 20px 20px 0px;
    margin-left: 0px;
}

.sidebar_btn_div.active .sidebar_btn
{
    border-radius: 8px;
    background: linear-gradient(90deg, #00B6E8 15.62%, #3441AF 157.45%);
}

.sidebar_btn_div.active .sidebar_btn.sidebar_pi_dashboard
{
    background-image: url("../images/pi_dashboard_sidebar.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.sidebar_title
{
    color: #4e4e4e;
}

.sidebar_btn_div.active .sidebar_title
{
    color: #fff;
}

.sidebar_btn_div.active .sidebar_icon
{
    filter: invert(140%) sepia(138%) saturate(0%) hue-rotate(42deg) brightness(122%) contrast(111%);
}

.sidebar_btn_div_has_sub
{
    align-items: flex-start !important;
    flex-direction: column !important;
    height: auto !important;
    overflow-x: hidden;
}

.sidebar_btn_div_has_sub .has-arrow
{
    padding: .65rem .5rem;
    margin-bottom: 5px;
}

.sidebar_btn_div_has_sub.active .sidebar_left_bar.sidebar_btn_div_has_sub_left_bar
{
    width: 2px;
    border: 2px solid #00B6E8;
    height: 42px;
    border-radius: 0px 20px 20px 0px;
    margin-left: 0px;
}

.sidebar_btn_div_has_sub.active .has-arrow
{
    border-radius: 8px;
    background: linear-gradient(90deg, #00B6E8 15.62%, #3441AF 157.45%);
}

.sidebar_btn_div_has_sub.active .has-arrow .sidebar_icon
{
    filter: invert(140%) sepia(138%) saturate(0%) hue-rotate(42deg) brightness(122%) contrast(111%);
}

.sidebar_btn_div_has_sub.active .has-arrow .sidebar_title
{
    color: #fff;
}

.aqua.layout-v2 .sidebar .metismenu>li>ul li a:hover
{
    letter-spacing: initial;
}

.aqua.layout-v2 .sidebar .metismenu>li>ul li a:before
{
    content: '';
}

.kycnotify_div
{
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    border: 0px;
    border-radius: 8px;
}

.kycnotify_chart
{
    margin-top: -20px;
}

.completed_chart img
{
    width: 75px;
    margin-bottom: 15px;
}

.preferred_client_div
{
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0px 2px 3px #e2e2e2;
}

.preferred_client_img
{
    width: 60%;
}

.preferred_client_btn
{
    cursor: default;
}

.preferred_client_btn:hover
{
    background: linear-gradient(93deg, #00B6E8 2.39%, #206EC5 37.61%, #3441AF 89.83%) padding-box, linear-gradient(93deg, #00B6E8 2.39%, #206EC5 37.61%, #3441AF 89.83%) border-box !important;
}

.aqua.layout-v2 .sidebar .metismenu>li>ul {
    padding-left: 0px;
}

.aqua.layout-v2 .sidebar .metismenu>li>ul li a
{
    padding: .65rem .5rem;
}

.sidebar_idp_dashboard
{
    background-image: url("../images/idp/sidebar_bg.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}
/* End of Sidebar */

/* Footer */
.footer_div
{
    margin-right: auto;
}

.footer_bg
{
    background: linear-gradient(180deg, #00A0D4 0%, #343D98 100%);
    background-blend-mode: soft-light, normal;
    padding: 5vh 15vw 2vh 15vw;
}

.footer_logo_img
{
    width: 70%;
}

.footer_a_border
{
    border-right: 1px solid #fff;
}

.footer_new
{
    border-top: 1px solid rgba(56, 57, 150, 0.2);
    background-color: #f4f6f9;
}

.dark_page .footer_new
{
    border-top: 1px solid rgba(56, 57, 150, 0.2);
    background-color: #000000;
}
/* End of Footer */

/* Dashboard */
.legacy_1_div
{
    background-image: url("../images/dashboard/legacy_1.png");
    background-position: right bottom;
    border: 1px solid #EBEBEB;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 15px;
    border-radius: 14px;
}

.legacy_2_div
{
    background-image: url("../images/dashboard/legacy_2.png");
    background-position: right bottom;
    border: 1px solid #EBEBEB;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 15px;
    border-radius: 14px;
}

.legacy_3_div
{
    background-image: url("../images/dashboard/legacy_3.png");
    background-position: right bottom;
    border: 1px solid #EBEBEB;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 15px;
    border-radius: 14px;
}

.wallet_div
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    background: #FFF;
    padding: 20px 15px;
}

.card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    padding: 10px;
    width: 45px;
}

.quick_link_div
{
    width: 75%;
}

.quick_link_img
{
    height: 42px;
}

.active_fund_div
{
    background-image: url("../images/dashboard/active_fund_bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 14px;
}

.text_active_fund
{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 86px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.btn_white
{
    border-radius: 63px;
    background: #FFF !important;
    box-shadow: 0px 13px 10px 0px rgba(0, 0, 0, 0.11);
}

.btn_white:focus, .btn_white:hover, .btn_white:active
{
    background-color: #e4e4e4 !important;
}

.dashboard_articles_title
{
    color: #383996;
    font-weight: 600;
    line-height: 150%;
}

.dashboard_articles_desc
{
    color: #4E4E4E;
    font-weight: 400;
    line-height: 140%;
}

.dashboard_articles_date
{
    color: #4E4E4E;
    font-weight: 500;
    line-height: 165%;
}

.my_portfolio_div
{
    height: 100px;
    overflow-y: auto;
}

.dashboard_slider
{
    height: 350px;
}

.dashbroad_modal
{
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    border: 0px;
}

.dashboard_agreement_first_indent
{
    margin-left: 15px;
}

.dashboard_agreement_second_indent
{
    margin-left: 40px;
}

.dashboard_agreement_third_indent
{
    margin-left: 80px;
}
/* End of Dashboard */

/* Portfolio */
.fund_list_div
{
    overflow-y: auto;
}

.fund_div
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    background: #FFF;
    padding: 25px 18px 23px 18px;
}

.card_header_icon_shadow
{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10.8px 0px rgba(56, 57, 150, 0.08);
    width: 45px;
    padding: 10px;
}

.fund_detail_subs_date
{
    width: 350px;
}

.fund_details_div
{
    border-radius: 10px;
    border: 1.5px solid rgba(56, 57, 150, 0.12);
    padding: 10px;
}

.action_btn
{
    padding: 15px 20px;
}

.action_btn::after
{
    display: none;
}

.action_dropdown li:not(:last-child)
{
    border-bottom: 1px solid #C3C3C9 ;
}

.grandview_color_div
{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #B7D0F6;
}

.oam_color_div
{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #76A4EA;
}

.portfolio_support_div
{
    border: 1px solid #B1B1B9;
    border-radius: 9px;
    padding: 18px 30px 18px 40px;
}

.portfolio_remark_div
{
    margin-left: 28px;
}
/* End of Portfolio */

/* Transaction */
.transaction_overview_div
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    background: #FFF;
    padding: 20px 35px 20px 15px;
    display: flex;
    align-items: center;
    
}

.transaction_overview_div img
{
    width: 35px;
    margin-right: 10px;
}

.table.table_striped thead
{
    border-bottom: rgba(56, 57, 150, 0.08);
}

.table.table_striped thead>tr>td
{
    padding: 0px 10px 10px 10px;
}

.table.table_striped>tbody>tr:nth-of-type(even)>*
{
    background-color: rgba(244, 246, 249, 0.7);
}

.table.table_striped>tbody>tr:first-child td
{
    padding-top: 10px;
}

.table.table_striped>tbody>tr>td
{
    border-bottom: 0px;
    padding: 10px;
}
/* End of Transaction */

/* Fund */
.fund_title
{
    padding: 30px 0px 20px;
    border-bottom: 1px solid rgba(56, 57, 150, 0.12);
}

.fund_border_right
{
    border-right: 1px solid rgba(56, 57, 150, 0.12);
}

.subscribe_img
{
    width: 100%;
}

.subscribe_detail_div
{
    border: 1px solid #DDDFED;
    border-radius: 8px;
    padding: 20px 15px;
}

.bootstrap-touchspin
{
    padding: 0px;
    width: 200px
}

.bootstrap-touchspin .btn.btn-primary
{
/*    border-radius: 8px;*/
    background-color: #FFF;
    color: #383996;
}

.touch_spin
{
    padding: 0px 10px;
    background-color:#F4F6F9;
}

.bootstrap-touchspin-down
{
    border-radius: 5px 0px 0px 5px;
    height: 45px;
}

.bootstrap-touchspin-up
{
    border-radius: 0px 5px 0px 0px;
    height: 45px;
}

.action_btn.btn-linear-outline
{
    padding: 13px 20px;
}

.modal_img_div
{
    margin-top: -20px;
}

.cash_img
{
    width: 150px;
}

.security_input input
{
    background-color: #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.security_input input:focus
{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.security_input .input-group-text
{
    background-color: #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.fund_popover
{
    background-color: #fff;
    color: #000;
}

.subscribe_btn_div
{
    position: relative;
}

.subscribe_btn
{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}

.fund_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    padding: 10px;
    width: 55px;
    margin-right: 10px;
}

.ready_checkbox_div
{
    border-top: 1px solid #DDDFED;
    padding: 20px 0px 30px 0px;
}

.fund_banner_100
{
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(99deg, #F1E7EA 2.03%, #FFB2B6 69.63%, #ECBEC1 102.25%);
    padding: 25px 0px 10px 25px;
}

.fund_banner_500
{
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(99deg, #FFDDD4 13.25%, #FFB2B6 70.87%, #FFEEEA 105.93%);
    padding: 25px 0px 10px 25px;
}

.fund_banner_1000
{
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(99deg, #FFE3D4 13.25%, #FF9595 70.87%, #FFD8AB 105.93%);
    padding: 25px 0px 10px 25px;
}

.fund_banner_1500
{
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(99deg, #EBFAFD 7.8%, #ABE3FF 62.81%, #E9F8FF 105.93%);
    padding: 25px 0px 10px 25px;
}
.fund_banner_3000{
    border-radius: 8px 8px 0px 0px;
    padding: 25px 0px 10px 25px;
    background-image: url("../images/funds/s2-background.jpg");
    background-size: cover;
    background-position: center center;

}
.fund_banner_3000 .fund_banner_img{
    margin-right: 0;
    margin-top: -98px;
    padding-bottom: 30px;
}

.fund_banner_img
{
    width: 100%;
    margin-right: -20px;
}

.fund_banner_radius
{
    border-radius: 8px 8px 8px 8px;
}

.fund_title_100
{
    background: linear-gradient(278deg, #BF4547 13.41%, #D26568 38.1%, #FFB1B9 98.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fund_title_500
{
    background: linear-gradient(278deg, #C5191B 13.41%, #FFADB5 98.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fund_title_1000
{
    background: linear-gradient(278deg, #CE0000 13.41%, #FF986C 98.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fund_title_1500
{
    background: linear-gradient(275deg, #1072B8 20.61%, #86BBD7 107%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fund_subtitle_3000{
    color: #7E7EAF;
}
.fund_title_3000
{
    background: linear-gradient(278deg, #C2C4FC 0%, #4A4AF4 20%, #12127E 98.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* End of Fund */

/* Pi */
.reward_tasks_div
{
    overflow-y: auto;
    height: 100%;
}

.ranking_next_rank_div
{
    background-image: url("../images/pi/pi_dashboard_bg.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.ranking_next_rank_div td
{
    background-color: transparent;
}

.ranking_table tbody td
{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0px;
}

.qr_img {
  --s: 20px; /* the size on the corner */
  --t: 3px;  /* the thickness of the border */
  --g: 1px; /* the gap between the border and image */
  
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #000; /* the color here */
  outline-offset: calc(-1*var(--t));
  mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
  transition: .4s;
  width: 135px;
}

.referral_qt_img{
    background-color: #F4F6F9;
    width: 90%;
    padding: 10px;
}

.username_search .input-group-text
{
    background-color: transparent;
    padding: 12px;
}

.username_search .network_search_btn
{
    padding: 0px;
    border: 0px;
    background-color: transparent;
}

.username_search .form-control:focus
{
    background-color: transparent;
    border-left: 0px;
}

.username_search:focus-within .input-group-text
{
    border-right: 0px;
}

.filter_div .form-select
{
    background-color: transparent;
}

.filter_div .form-control:focus
{
    background-color: transparent;
    border-left: 0px;
}

.filter_div .input-group-text
{
    background-color: transparent;
}

.filter_div .input-group:focus-within .input-group-text
{
    border-right: 0px;
}

.pv_bonus_details_div
{
    min-width: 200px;
}

.pv_avatar_border
{
    border-right: 2px solid rgba(56, 57, 150, 0.1);
}

.pv_management_div
{
    background-image: url("../images/pi/pv_management_bg.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.invitation_background
{
    background-image: url("../images/pi/referral_bg.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.invitation_logo
{
    width: 150px;
    padding-top: 10px;
    padding-left: 10px;
}

.invitation_img
{
    width: 70%;
    text-align: center;
}

.invitation_linear_bg
{
    background: linear-gradient(87deg, #00B6E8 -60.09%, #3441AF 87.61%);
    padding: 8px 5px;
}

#invitationModal .modal-content
{
    background-color: transparent;
    border: none;
}

#invitationModal .modal-content .bi-x-lg
{
    color: #fff;
}

.invitation_title_1
{
    font-size: 18px;
    line-height: 20px;
}

.invitation_title_2
{
    font-size: 28px;
    line-height: 30px;
}

/* End of Pi */

/* Wallet */
.wallet_balance_div
{
    background-image: url("../images/wallet/wallet_bg.jpg");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    box-shadow: 0px 4px 10.8px 0px rgba(56, 57, 150, 0.08);
    padding: 30px 20px 10px 20px;
}

.wallet_nav
{
    border-bottom: 1px solid #EBEBEB;
}

.wallet_nav .nav_item.active, .wallet_nav .nav_item.active:hover
{
    border: 0px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(92deg, #08ACD9 20.26%, #364097 73.91%);
    border-image-slice: 1;;
    background-color: #fff;
    background: linear-gradient(92deg, #08ACD9 20.26%, #364097 73.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 700;
}

.wallet_nav .nav_item:hover, .wallet_nav .nav_item:focus
{
    border: 0px;
    background-color: #fff;
    background: linear-gradient(92deg, #08ACD9 20.26%, #364097 73.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.card_nav a:hover, .card_nav a:focus
{
    border: 0px;
}

.balance_div
{
    border: 1.5px solid #EBEBEB;
    background-image: url("../images/wallet/balance_bg.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
}

.wallet_date_input
{
    width: 250px;
}

.wallet_date_input input
{
    background-color: #fff;
}

.details_btn
{
    text-decoration-line: underline;
}

.deposit_div
{
    background-image: url("../images/wallet/deposit_bg.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    box-shadow: 0px 4px 10.8px 0px rgba(56, 57, 150, 0.08);
    padding: 30px 20px 10px 20px;
}

.transaction_notice_div
{
    margin-left: 28px;
}

.address_copy
{
    padding: 10px 5px;
    border-radius: 7px;
    background: #F3F5F8;
}

.walletTransactionSearchdiv
{
    width: 250px;
}

.per_pg_div
{
    width: 80px;
}

.pagination
{
    margin-top: 20px;
}

.pagination .page-item.active .page-link
{
    background-color: #14a5d6;
    border-color: #14a5d6;
}

.wallet_balance_div_new
{
    background-image: url("../images/wallet/new/background.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    box-shadow: 0px 4px 10.8px 0px rgba(56, 57, 150, 0.08);
    padding: 30px 20px 10px 20px;
}

.wallet_deposit_btn
{
    border-radius: 60px;
    background: #FFF;
    box-shadow: 0px 2.979px 8.042px 0px rgba(56, 57, 150, 0.08);
    backdrop-filter: blur(20px);
    padding: 5px 20px;
}

.wallet_withdrawal_btn
{
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    box-shadow: 0px 2.979px 8.042px 0px rgba(56, 57, 150, 0.08);
    backdrop-filter: blur(20px);
    padding: 5px 20px;
}

.wallet_nav_btn
{
    border-radius: 10px;
    border: 1px solid rgba(177, 177, 185, 0.50);
    background: #FFF;
    box-shadow: 0px 4.713px 12.726px 0px rgba(56, 57, 150, 0.06);
    padding: 10px;
    width: 230px;
}

.wallet_nav_btn.active
{
    box-shadow: 0px -5px 0px 0px #383996 inset, 0px 4.713px 12.726px 0px rgba(56, 57, 150, 0.06);
}

.wallet_btn_icon 
{
    border-radius: 8px;
    border: 1.5px solid #EBEBEB;
    padding: 10px;
    width: 45px;
}

.wallet_dropdown
{
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    padding: 8px 10px;
}

.wallet_dropdown.dropdown-toggle::after
{
    color: #fff;
}

.wallet_mobile_option_btn
{
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.23);
    background: #FFF;
    box-shadow: 0px 2.466px 6.657px 0px rgba(56, 57, 150, 0.08);
    backdrop-filter: blur(12px);
    padding: 5px 10px;
    width: 85px;
    font-size: 10px;
}

.assets_nav_btn
{
    border-radius: 10px;
    border: 1px solid rgba(177, 177, 185, 0.50);
    background: #FFF;
    box-shadow: 0px 4.713px 12.726px 0px rgba(56, 57, 150, 0.06);
    padding: 10px;
    width: 100%;
    margin-top: 20px;
}
/* End of Wallet */

/* Announcement */
.announcement_div
{
    padding: 20px 10px;
    border-radius: 14px;
    border: 1.5px solid #EBEBEB
}

.announcement_div:not(:last-child)
{
    margin-bottom: 20px;
}
/* End of Announcement */

/* Users */
.users_label
{
    width: 600px;
}

.mobile_no_div
{
    border-radius: 5px;
    border: 1px solid #C3C3C9;
    background: transparent;
    color: #4e4e4e;
}

.mobile_no_div:focus-within
{
    border-radius: 5px;
    border: 1px solid #383996;
    color: #383996;
}

select.phone_code_select, select.phone_code_select:focus
{
    width: 25%;
    border: 0px;
}

input.mobile_no, input.mobile_no:focus
{
    border: 0px;

}

.beneficiary_row
{
    background-color: #eee;
    padding: 10px 0px 10px 0px;
    border-radius: 16px 16px 0px 0px;
    margin-top: 10px;
}

.beneficiary_details
{
    background-color: #f4f6f9;
    border-radius: 0px 0px 16px 16px;
}

.kyc_img_upload
{
    border-radius: 6px;
    border: 1.5px solid #EBEBEB;
    padding: 25px 10px 20px 10px;
}

.kyc_img_upload_img
{
    width: 150px;
}

.add_beneficiary_btn
{
    display: inline-block;
    border-radius: 6px;
    border: 1.5px solid #DDDFED;
    padding: 20px 0px 35px 0px;
    width: 100%;
}

.add_beneficiary_btn i
{
    font-size: 50px;
    margin-bottom: 10px;
}

.add_beneficiary_btn:hover
{
    color: #181944;
}
/* End of Users */

/* Event */
.event_banner
{
    width: 100%;
    border-radius: 8px;
    height: 45vh;
    position: relative;
    z-index: 2;
}

.event_timer_div
{
    margin-top: -7vh;
}

.event_timer
{
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    border-radius: 8px;
    width: 60%;
    padding: 30px 30px;
    position: relative;
    z-index: 3;
    transform: translate(0);
    transform-style: preserve-3d;
}

.event_timer:before {
    content:"";
    position: absolute;
    inset: 10px;
    transform: translate3d(0px, 10px, -1px);
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    filter: blur(20px);
    border-radius: inherit;
}

.event_timer_counter
{
    font-size: 48px;
}

.event_timer_state
{
    font-size: 16px;
}

.event_card_img
{
    width: 100%;
    border-radius: 8px;
}

.event_card_img_pill_div
{
    margin-top: -5vh;
    position: relative;
}

.event_card_img_pill
{
    background-color: #fff;
    border-radius: 34px;
    padding: 10px 20px;
    width: fit-content;
}

.event_card_detail_div
{
    border-radius: 4px;
    background: #F9F4F4;
    padding: 10px 5px;
}

.event_card_right_border
{
    color: #B1B1B9;
}

.gallery_img_div
{
    width: 100%;
    height: 28vh;
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.gallery_img_title
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.event_banner_div
{
    background-image: url("../images/event/banner_bg.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 20px;
    height: 600px;
}

.event_banner_div_title
{
    margin-left: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event_banner_linear_div
{
    border-radius: 12px;
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    padding: 24px 30px;
    width: 600px;
}

.event_item_width
{
    width: 33%;
}

.event_tickets
{
    box-shadow: 1px 5px 10px #cecece;
}
/* End of Event */

/* Ticket */
.ticket_banner
{
    background-image: url("../images/ticket/ticket_banner.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    padding: 50px 20px 50px 50px;
}

.ticket
{
    background: #fff;
}

.ticket_new
{
    background-color: #00B6E8;
    color: #fff;
    position: absolute;
    padding: 5px 10px;
    z-index: 2;
}

.ticket_img
{
    width: 100%;
    position: relative;
    z-index: 1;
}

.ticket_details_border
{
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 15px 15px;
}

.ticket_apple_img
{
    width: 36px;
}

.ticket_transfer_btn
{
    padding: 15px 20px;
}

.ticket_register_btn
{
    padding: 12px 17px;
}

.qualified_ticket
{
    background: #fff;
    border-radius: 8px;
}

.qualified_ticket_seperator
{
    border-bottom: 2px dashed #B1B1B9;
}
/* End of Ticket */

/* Download */
.download_div
{
    border-radius: 8px;
}

.download_cover_img
{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.download_btn_img
{
    width: 20px;
}
/* End of Download */

/* Transaction */
.transaction_overview_div
{
    border-radius: 14px;
    border: 1.5px solid #EBEBEB;
    background: #FFF;
    padding: 20px 35px 20px 15px;
    display: flex;
    align-items: center;
    
}

.transaction_overview_div img
{
    width: 35px;
    margin-right: 10px;
}

.table.table_striped thead
{
    border-bottom: rgba(56, 57, 150, 0.08);
}

.table.table_striped thead>tr>td
{
    padding: 0px 10px 10px 10px;
}

.table.table_striped>tbody>tr:nth-of-type(even)>*
{
    background-color: rgba(244, 246, 249, 0.7);
}

.table.table_striped>tbody>tr:first-child td
{
    padding-top: 10px;
}

.table.table_striped>tbody>tr>td
{
    border-bottom: 0px;
    padding: 10px;
}

.transaction_border
{
    border-radius: 10px;
    border: 1px solid #EBEBEB;
}

.transaction_success
{
    border-radius: 50px;
    background: rgba(21, 188, 91, 0.10);
    color: #15BC5B;
}

.transaction_pending
{
    border-radius: 50px;
    background: rgba(102, 102, 102, 0.10);
    color: #666666;
}

.transaction_rejected
{
    border-radius: 50px;
    background: rgba(232, 78, 51, 0.10);
    color: #E84E33;
}

.transaction_see_more_div
{
    border-radius: 10px;
    background: #F9F4F4;
}
/* End of Transaction */

/* IDP */
.dark_page-header
{
    background-color: #000 !important;
}

.dark_page-header .text_dark
{
    color: #fff !important;
}

.dark_page-header .text-muted
{
    color: #C3C3C9 !important;
}

.page-header.dark_page-header .header-menu .dropdown-toggle.user_dropdown::after
{
    color: #fff !important;
}

.dark_page
{
    background-color: #000 !important;
}

.dark_page-body
{
    background: #000 !important;
}

.idp_ranking_banner_div
{
    background-image: url("../images/idp/1/background.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
}

.ipd_text_1_linear
{
    background: linear-gradient(269deg, #C1D1EC 13.93%, #FFF 91.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_ranking_1_bg_div
{
    background-image: url("../images/idp/1/background_2.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px;
}

.idp_1_badge
{
    border-radius: 1px;
    border: 1px solid rgba(205, 215, 231, 0.48);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    color: #CDD7E7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.ipd_text_2_linear
{
    background: linear-gradient(110deg, #FED2B3 19.21%, #FFE8DB 47.63%, #F2A087 101.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_ranking_2_bg_div
{
    background-image: url("../images/idp/2/background_2.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px;
}

.idp_2_badge
{
    border-radius: 1px;
    border: 1px solid #E4AC8D;
    background: linear-gradient(109deg, rgba(184, 151, 113, 0.10) 8.59%, rgba(184, 151, 113, 0.00) 94.39%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #FFD5C1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.ipd_text_3_linear, .ipd_text_4_linear
{
    background: linear-gradient(270deg, #C8DDFF -2.12%, #FFF 91.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_ranking_3_bg_div, .idp_ranking_4_bg_div
{
    background-image: url("../images/idp/3/background_2.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px;
}

.idp_3_badge, .idp_4_badge
{
    border-radius: 1px;
    border: 1px solid rgba(205, 215, 231, 0.48);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #D7D7D7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.ipd_text_5_linear, .ipd_text_6_linear
{
    background: linear-gradient(110deg, #FEDBB3 19.21%, #FFEEDB 47.63%, #F2BD87 101.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_ranking_5_bg_div, .idp_ranking_6_bg_div
{
    background-image: url("../images/idp/5/background_2.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px;
}

.idp_5_badge, .idp_6_badge
{
    border-radius: 1px;
    border: 1px solid #E4BB8D;
    background: linear-gradient(109deg, rgba(184, 151, 113, 0.10) 8.59%, rgba(184, 151, 113, 0.00) 94.39%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #FFDBB4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.ipd_text_7_linear, .ipd_text_8_linear, .ipd_text_9_linear
{
    background: linear-gradient(269deg, #C1D1EC 13.93%, #FFF 91.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_ranking_7_bg_div, .idp_ranking_8_bg_div, .idp_ranking_9_bg_div
{
    background-image: url("../images/idp/7/background_2.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px;
}

.idp_7_badge, .idp_8_badge, .idp_9_badge
{
    border-radius: 1.378px;
    border: 1px solid rgba(205, 215, 231, 0.5);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0px 5.512px 5.512px 0px rgba(0, 0, 0, 0.25);
    color: #CDD7E7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.idp_badge_crown
{
    width: 36px;
    margin-right: 10px;
}

.idp_ranking_logo
{
    width: 240px;
    margin-top: -8vh;
}

.idp_1_progressbar
{
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.idp_1_progressbar .progress-bar
{
    background: #CDD7E7;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_1_benefits_div
{
    background-image: url("../images/idp/1/background_3.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 15px;
}

.idp_2_progressbar
{
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.idp_2_progressbar .progress-bar
{
    background: #FFD5C1;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_2_benefits_div
{
    background-image: url("../images/idp/2/background_3.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 15px;
}

.idp_3_progressbar, .idp_4_progressbar
{
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.idp_3_progressbar .progress-bar, .idp_4_progressbar .progress-bar
{
    background: #9294A4;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_3_benefits_div, .idp_4_benefits_div
{
    background-image: url("../images/idp/3/background_3.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 15px;
}

.idp_5_progressbar, .idp_6_progressbar
{
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.idp_5_progressbar .progress-bar, .idp_6_progressbar .progress-bar
{
    background: #FFD5C1;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_5_benefits_div, .idp_6_benefits_div
{
    background-image: url("../images/idp/5/background_3.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 15px;
}

.idp_7_progressbar, .idp_8_progressbar, .idp_9_progressbar
{
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.idp_7_progressbar .progress-bar, .idp_8_progressbar .progress-bar, .idp_9_progressbar .progress-bar
{
    background: #CDD7E7;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_7_benefits_div, .idp_8_benefits_div, .idp_9_benefits_div
{
    background-image: url("../images/idp/7/background_3.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 15px;
}

.idp_benefits_img
{
    width: 50px;
    margin-right: 20px;
}

.idp_newuser_div
{
    background-image: url("../images/idp/1/gift_background.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 35px;
}

.idp_newuser_text_gold
{
    color: #FFE7CD;
}

.idp_new_user_text_linear
{
    background: linear-gradient(180deg, #DABBA0 4.55%, #FFF 36.86%, #DABBA0 52.58%, #9F816C 60.13%, #E1D4FC 107.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    /*-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;*/
}

.idp_newuser_btn
{
    border-radius: 75px;
    border: 1px solid rgba(218, 187, 160, 0.70);
    background: radial-gradient(43.86% 55.41% at 56.6% 101.35%, rgba(255, 162, 56, 0.20) 18.22%, rgba(255, 162, 56, 0.00) 100%), radial-gradient(62.76% 70.37% at 84.43% 97.3%, rgba(57, 71, 164, 0.25) 0%, rgba(57, 71, 164, 0.00) 100%), linear-gradient(180deg, rgba(241, 194, 161, 0.40) -7.11%, rgba(241, 194, 161, 0.00) 23.77%, rgba(161, 193, 241, 0.12) 124.32%);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(3px);
    padding: 13px 33px;
}

.idp_newuser_btn_text_linear
{
    background: linear-gradient(90deg, #FFF 0%, #FDD8B0 55.46%, #EAD5BD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.idp_1_card_div
{
    border-radius: 8px;
    background: #04060A;
    padding: 15px 25px;
}

.idp_1_inner_card_div
{
    border-radius: 6px;
    border: 1px solid rgba(205, 215, 231, 0.17);
    background: #0F111D;
}

.idp_1_info_type_btn
{
    color: #CDD7E7;
    width: 130px;
    padding: 5px;
}

.idp_1_info_type_btn.active
{
    border-radius: 4px;
    background: linear-gradient(93deg, #CDD7E7 2.61%, #A1C1F1 108.75%);
    color: #333852;
}

.idp_2_card_div
{
    border-radius: 8px;
    background: #060404;
    padding: 15px 25px;
}

.idp_2_inner_card_div
{
    border-radius: 6px;
    border: 1px solid rgba(205, 215, 231, 0.17);
    background: #191211;
}

.idp_2_info_type_btn
{
    color: #FFD5C1;
    width: 130px;
    padding: 5px;
}

.idp_2_info_type_btn.active
{
    border-radius: 4px;
    background: linear-gradient(110deg, #FED2B3 19.21%, #FFE8DB 47.63%, #F2A087 101.58%);
    color: #573E2E;
}

.idp_3_card_div, .idp_4_card_div
{
    border-radius: 8px;
    background: #060404;
    padding: 15px 25px;
}

.idp_3_inner_card_div, .idp_4_inner_card_div
{
    border-radius: 6px;
    border: 1px solid rgba(205, 215, 231, 0.17);
    background: #151515;
}

.idp_3_info_type_btn, .idp_4_info_type_btn
{
    color: #BBBBBB;
    width: 130px;
    padding: 5px;
}

.idp_3_info_type_btn.active, .idp_4_info_type_btn.active
{
    border-radius: 4px;
    background: linear-gradient(270deg, #C8DDFF -2.12%, #FFF 91.7%);
    color: #1D1F26;
}

.idp_5_card_div, .idp_6_card_div
{
    border-radius: 8px;
    background: #060404;
    padding: 15px 25px;
}

.idp_5_inner_card_div, .idp_6_inner_card_div
{
    border-radius: 6px;
    border: 1px solid rgba(205, 215, 231, 0.17);
    background: #191211;
}

.idp_5_info_type_btn, .idp_6_info_type_btn
{
    color: #DABBA0;
    width: 130px;
    padding: 5px;
}

.idp_5_info_type_btn.active, .idp_6_info_type_btn.active
{
    border-radius: 4px;
    background: linear-gradient(110deg, #FEDBB3 19.21%, #FFEEDB 47.63%, #F2BD87 101.58%);
    color: #573E2E;
}

.idp_7_card_div, .idp_8_card_div, .idp_9_card_div
{
    border-radius: 8px;
    background: #04060A;
    padding: 15px 25px;
}

.idp_7_inner_card_div, .idp_8_inner_card_div, .idp_9_inner_card_div
{
    border-radius: 6px;
    border: 1px solid rgba(205, 215, 231, 0.17);
    background: #0F111D;
}

.idp_7_info_type_btn, .idp_8_info_type_btn, .idp_9_info_type_btn
{
    color: #CDD7E7;
    width: 130px;
    padding: 5px;
}

.idp_7_info_type_btn.active, .idp_8_info_type_btn.active, .idp_9_info_type_btn.active
{
    border-radius: 4px;
    background: linear-gradient(93deg, #CDD7E7 2.61%, #A1C1F1 108.75%);
    color: #333852;
}

.idp_1_info_type_btn:hover, .idp_1_info_type_btn:focus,
.idp_2_info_type_btn:hover, .idp_2_info_type_btn:focus,
.idp_3_info_type_btn:hover, .idp_3_info_type_btn:focus,
.idp_4_info_type_btn:hover, .idp_4_info_type_btn:focus,
.idp_5_info_type_btn:hover, .idp_5_info_type_btn:focus,
.idp_6_info_type_btn:hover, .idp_6_info_type_btn:focus,
.idp_7_info_type_btn:hover, .idp_7_info_type_btn:focus,
.idp_8_info_type_btn:hover, .idp_8_info_type_btn:focus,
.idp_9_info_type_btn:hover, .idp_9_info_type_btn:focus,
.idp_a:hover, .idp_a:focus
{
    color: #919191;
}

.idp_info_div, .idp_referral_div
{
    padding: 30px 35px;
}

.idp_info_2_div
{
    padding: 20px 35px;
}

.idp_info_border
{
    border-right: 1px solid rgba(205, 215, 231, 0.20);
}

.idp_info_usd_div
{
    border-radius: 40px;
    background: #FF8A52;
    width: 3px;
    height: 11px;
}

.idp_info_rp_div
{
    border-radius: 40px;
    background: #FF8A52;
    width: 3px;
    height: 11px;
}

.idp_info_rw_div
{
    border-radius: 40px;
    background: #FFD752;
    width: 3px;
    height: 11px;
}

.idp_info_pw_div
{
    border-radius: 40px;
    background: #52ABFF;
    width: 3px;
    height: 11px;
}

.idp_1_btn, .idp_3_btn, .idp_4_btn
{
    background: linear-gradient(270deg, #C8DDFF -2.12%, #FFF 91.7%);
    border-radius: 30px;
    padding: 10px 20px;
    color: #333852;
}

.idp_1_btn:hover, .idp_3_btn:hover, .idp_4_btn:hover
{
    color: #10111d;
}

.idp_1_card_header, .idp_3_card_header, .idp_4_card_header
{
    color: #fff;
}

.idp_1_text_light
{
    color: rgba(255, 255, 255, 0.50);
}

.idp_1_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid rgba(205, 215, 231, 0.20);
    padding: 10px;
    width: 45px;
}

.idp_2_btn
{
    background: linear-gradient(110deg, #FED2B3 19.21%, #FFE8DB 47.63%, #F2A087 101.58%);
    border-radius: 30px;
    padding: 10px 20px;
    color: #472A1D;
}

.idp_2_btn:hover
{
    color: #191211;
}

.idp_2_card_header
{
    color: #FFD5C1;
}

.idp_2_text_light
{
    color: rgba(255, 213, 193, 0.70);
}

.idp_2_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid rgba(255, 213, 193, 0.20);
    padding: 10px;
    width: 45px;
}

.idp_3_text_light, .idp_4_text_light
{
    color: rgba(146, 148, 164, 0.70);
}

.idp_3_card_header_icon, .idp_4_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid rgba(146, 148, 164, 0.20);
    padding: 10px;
    width: 45px;
}

.idp_5_btn, .idp_6_btn
{
    background: linear-gradient(110deg, #FEDBB3 19.21%, #FFEEDB 47.63%, #F2BD87 101.58%);
    border-radius: 30px;
    padding: 10px 20px;
    color: #573E2E;
}

.idp_5_btn:hover, .idp_6_btn:hover
{
    color: #191211;
}

.idp_5_card_header, .idp_6_card_header
{
    color: #FFEDDD;
}

.idp_5_text_light, .idp_6_text_light
{
    color: rgba(218, 187, 160, 0.70);
}

.idp_5_card_header_icon, .idp_6_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid rgba(218, 187, 160, 0.20);
    padding: 10px;
    width: 45px;
}

.idp_7_btn, .idp_8_btn, .idp_9_btn
{
    background: #FFFFFF;
    border-radius: 30px;
    padding: 10px 20px;
    color: #333852;
}

.idp_7_btn:hover, .idp_8_btn:hover, .idp_9_btn:hover
{
    color: #10111d;
}

.idp_7_card_header, .idp_8_card_header, .idp_9_card_header
{
    color: #FFFFFF;
}

.idp_7_text_light, .idp_8_text_light, .idp_9_text_light
{
    color: rgba(205, 215, 231, 0.70);
}

.idp_7_card_header_icon, .idp_8_card_header_icon, .idp_9_card_header_icon
{
    border-radius: 14px;
    border: 1.5px solid rgba(205, 215, 231, 0.20);
    padding: 10px;
    width: 45px;
}

.idp_qr_img
{
    width: 150px;
}

.idp_carousel
{
    margin-top: 50px;
}

.owl-dot .ipd_dot
{
    width: 12px;
    height: 12px;
    border: 0px;
    border-radius: 100%;
    margin: 0px 5px;
    background: rgba(255, 255, 255, 0.20);
}

.owl-dot.active .ipd_dot
{
    width: 40px;
    border-radius: 10px;
}

.owl-dot.active .ipd_dot_1, .owl-dot.active .ipd_dot_3, .owl-dot.active .ipd_dot_4, .owl-dot.active .ipd_dot_7, .owl-dot.active .ipd_dot_8, .owl-dot.active .ipd_dot_9
{
    background: rgba(219, 222, 255, 0.60);
}

.owl-dot.active .ipd_dot_2
{
    background: #FFD5C1;
}

.owl-dot.active .ipd_dot_5, .owl-dot.active .ipd_dot_6
{
    background: #E4BB8D;
}

.rank_benefits_bg_5, .rank_benefits_bg_6
{
    background-image: url("../images/idp/5/benefits/bg.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
}

.rank_benefits_bg_2
{
    background-image: url("../images/idp/2/benefits/bg.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
}

.rank_benefits_bg_3, .rank_benefits_bg_4
{
    background-image: url("../images/idp/3/benefits/bg.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
}

.rank_benefits_bg_7, .rank_benefits_bg_8, .rank_benefits_bg_9
{
    background-image: url("../images/idp/7/benefits/bg.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
}

.rank_benefits_2_rank_div
{
    border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(255, 199, 172, 0.60) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
    border-width: 4px;
    border-style: solid;
    background: linear-gradient(90deg, rgba(255, 199, 172, 0.00) 0%, rgba(255, 199, 172, 0.20) 46.5%, rgba(255, 199, 172, 0.00) 97%);
    padding: 20px 25px;
}

.rank_benefits_3_rank_div, .rank_benefits_4_rank_div
{
    border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(170, 170, 170, 0.60) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
    border-width: 4px;
    border-style: solid;
    background: linear-gradient(90deg, rgba(170, 170, 170, 0.00) 0%, rgba(170, 170, 170, 0.20) 46.5%, rgba(170, 170, 170, 0.00) 97%);
    padding: 20px 25px;
}

.rank_benefits_5_rank_div, .rank_benefits_6_rank_div
{
    border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(218, 187, 160, 0.60) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
    border-width: 4px;
    border-style: solid;
    background: linear-gradient(90deg, rgba(218, 187, 160, 0.00) 0%, rgba(218, 187, 160, 0.20) 46.5%, rgba(218, 187, 160, 0.00) 97%);
    padding: 20px 25px;
}

.rank_benefits_7_rank_div, .rank_benefits_8_rank_div, .rank_benefits_9_rank_div
{
    border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(204, 208, 255, 0.60) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
    border-width: 4px;
    border-style: solid;
    background: linear-gradient(90deg, rgba(204, 208, 255, 0.00) 0%, rgba(204, 208, 255, 0.20) 46.5%, rgba(204, 208, 255, 0.00) 97%);;
    padding: 20px 25px;
}

.rank_benefits_crown
{
    width: 38px;
}

.rank_benefits_2_card_div
{
    border-radius: 20px;
    border: 1px solid rgba(254, 210, 179, 0.60);
    background: linear-gradient(123deg, rgba(254, 210, 179, 0.12) 12.09%, rgba(254, 210, 179, 0.00) 100%);
}

.rank_benefits_2_card_title_div
{
    border-radius: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(254, 210, 179, 0.60);
    background: linear-gradient(90deg, rgba(255, 190, 145, 0.20) 0%, rgba(254, 210, 179, 0.00) 100%);
    padding: 15px 25px;
    width: fit-content;
}

.rank_benefits_3_card_div, .rank_benefits_4_card_div
{
    border-radius: 20px;
    border: 1px solid rgba(215, 215, 215, 0.60);
    background: linear-gradient(123deg, rgba(171, 171, 171, 0.12) 12.09%, rgba(204, 204, 204, 0.00) 100%);
}

.rank_benefits_3_card_title_div, .rank_benefits_4_card_title_div
{
    border-radius: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(170, 170, 170, 0.67);
    background: linear-gradient(90deg, rgba(170, 170, 170, 0.20) 0%, rgba(170, 170, 170, 0.00) 100%);
    padding: 15px 25px;
    width: fit-content;
}

.rank_benefits_5_card_div, .rank_benefits_6_card_div
{
    border-radius: 20px;
    border: 1px solid rgba(228, 187, 141, 0.17);
    background: radial-gradient(110.72% 101.89% at 30.45% 0%, #2F251B 0%, #100D0E 65.75%);
}

.rank_benefits_5_card_title_div, .rank_benefits_6_card_title_div
{
    border-radius: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(228, 187, 141, 0.60);
    background: linear-gradient(90deg, rgba(228, 187, 141, 0.20) 0%, rgba(228, 187, 141, 0.00) 100%);;
    padding: 15px 25px;
    width: fit-content;
}

.rank_benefits_7_card_div, .rank_benefits_8_card_div, .rank_benefits_9_card_div
{
    border-radius: 20px;
    border: 1px solid rgba(167, 208, 255, 0.30);
    background: linear-gradient(132deg, rgba(178, 161, 241, 0.12) 4.1%, rgba(161, 193, 241, 0.00) 102.54%);
}

.rank_benefits_7_card_title_div, .rank_benefits_8_card_title_div, .rank_benefits_9_card_title_div
{
    border-radius: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(155, 187, 235, 0.60);
    background: linear-gradient(90deg, rgba(155, 187, 235, 0.20) 0%, rgba(155, 187, 235, 0.00) 100%);
    padding: 15px 25px;
    width: fit-content;
}

.rank_benefits_2_header
{
    background: linear-gradient(117deg, #FED2B3 17.39%, #FFE8DB 43.12%, #F2A087 91.96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rank_benefits_2_title
{
    color: #FED2B3;
}

.rank_benefits_3_header, .rank_benefits_4_header
{
    background: linear-gradient(90deg, #FFF 0%, #A7ABC3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rank_benefits_3_title, .rank_benefits_4_title
{
    color: #D7D7D7;
}

.rank_benefits_5_header, .rank_benefits_6_header
{
    color: #FFD2A1;
}

.rank_benefits_5_title, .rank_benefits_6_title
{
    color: #FFC88D;
}

.rank_benefits_7_header, .rank_benefits_8_header, .rank_benefits_9_header
{
    background: linear-gradient(180deg, #C1D1EC 0%, #9BBBEB 97.06%, #76A4EA 194.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rank_benefits_7_title, .rank_benefits_8_title, .rank_benefits_9_title
{
    color: #A7C1EB;
}

.rank_benefits_card_desc_div
{
    padding: 35px 25px;
}

.rank_benefits_desc
{
    width: 14%;
}

.rank_benefits_desc_img
{
    width: 85px;
}

.rank_benefits_desc_img_2
{
    width: 55px;
}

.rank_benefits_2_progressbar
{
    height: 5px;
    background: rgba(254, 210, 179, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.rank_benefits_2_progressbar .progress-bar
{
    background: #FED2B3;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.rank_benefits_3_progressbar, .rank_benefits_4_progressbar
{
    height: 5px;
    background: rgba(170, 170, 170, 0.10);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.rank_benefits_3_progressbar .progress-bar, .rank_benefits_4_progressbar .progress-bar
{
    background: #D7D7D7;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.rank_benefits_5_progressbar, .rank_benefits_6_progressbar
{
    height: 5px;
    background: rgba(255, 200, 141, 0.10);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.rank_benefits_5_progressbar .progress-bar, .rank_benefits_6_progressbar .progress-bar
{
    background: #FFC88D;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.rank_benefits_7_progressbar, .rank_benefits_8_progressbar, .rank_benefits_9_progressbar
{
    height: 5px;
    background: rgba(167, 193, 235, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

.rank_benefits_7_progressbar .progress-bar, .rank_benefits_8_progressbar .progress-bar, .rank_benefits_9_progressbar .progress-bar
{
    background: #A7C1EB;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}

.idp_reward_task_banner_div
{
    background-image: url("../images/idp/reward_task/background.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 35px 35px;
    height: 255px;
    border-radius: 10px;
}

.text_idp_banner_title
{
  background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  position: absolute;
  z-index: 2;
}

.text_idp_banner_title_outline
{
    color: #fff;

    position: relative;
    z-index: 1;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #FFF;
}

.text_idp_linear
{
    background: linear-gradient(90deg, #00B6E8 15.68%, #3441AF 91.25%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.idp_reward_task_div
{
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 5.989px 16.17px 0px rgba(56, 57, 150, 0.06);
    padding: 15px;
}

.idp_reward_task_div:not(:last-child)
{
    margin-bottom: 20px;
}

.reward_task_header_icon
{
    border-radius: 10px;
    border: 1.5px solid #EBEBEB;
    padding: 10px;
    width: 60px;
}

.idp_reward_task
{
    padding: 15px 0px;
}

.idp_reward_task:not(:last-child)
{
    border-bottom: 1px dotted rgba(177, 177, 185, 0.50);
}

.idp_reward_task .btn-linear:disabled, .idp_reward_task_modal .btn-linear:disabled
{
    color: #fff;
}

.idp_reward_task_modal_content_div
{
    background: #F4F6F9;
}

.idp_reward_task_modal_div
{
    border-top: 1px solid rgba(177, 177, 185, 0.20);
}

.idp_reward_task_modal_div:last-child
{
    border-bottom: 1px solid rgba(177, 177, 185, 0.20);
}

.idp_reward_task_modal_btn
{
    padding: 25px 0px;
}

.idp_reward_task_modal
{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 5px 13px 0px rgba(56, 57, 150, 0.06);
    padding: 10px;
    margin-bottom: 20px;
}

.idp_reward_task_modal:not(:last-child)
{
    margin-bottom: 10px;
}

.idp_reward_task_modal_info
{
    border-radius: 0px 10px;
    background: #DBDBDB;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    padding: 8px 15px;
}

.idp_reward_task_modal_caret_transform
{
    transform: rotateX(180deg);
}

.idp_information_banner_div
{
    border-radius: 12px;
    background: #D9D9D9;
    height: 240px;
    padding: 25px;
}

.idp_information_btn
{
    border-radius: 60px;
    background: #E3E5E9;
    padding: 10px 20px;
    color: #181944;
}

.idp_information_btn.active
{
    background: #181944;
    color: #fff;
}

.idp_information_div
{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 5px 13px 0px rgba(56, 57, 150, 0.1);
    padding: 10px;
}
/* End of IDP */

/* Incentive Management */
.im_overview_img
{
    width: 30px;
}
/* End of Incentive Management */

/* Mobile */
@media (min-width: 1200px) {
    /* Sidebar */
    .navbar-expand-xl .offcanvas
    {
        position: sticky;
    }

    .aqua.layout-v2 .sidebar .offcanvas .offcanvas-body {
        width: 340px !important;
    }
    /* End of Sidebar */
}

@media (max-width: 1200px) {
    /* IDP */
    .idp_info_border
    {
        border-right: 0px;
        border-bottom: 1px solid rgba(205, 215, 231, 0.20);
        margin-bottom: 20px;
    }
    /* End of IDP */
}

@media (max-width: 992px) {
    /* Misc */
    .mobile_bar_div
    {
        height: 90px;
        background-color: #f0f2f5;
    }

    .mobile_bar
    {
        display: flex;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;
        padding: 0px 10px;
        box-shadow: 0px 5px 10px #000;
    }

    .mobile_bar_btn_div
    {
        width: 17%;
    }

    .mobile_bar_wallet_div
    {
        width: 32%;
    }

    .mobile_bar_btn
    {
        padding: 10px;
        margin-top: 5px;
    }

    .mobile_bar_icon_div
    {
        height: 33px;
    }

    .mobile_bar_icon
    {
        width: 100%;
        padding: 5px;
    }

    .mobile_bar_wallet
    {
        margin-top: -45px; 
        width: 40%;
    }

    .hide_page-header
    {
        display: none;
    }

    .page_body_padding_top_none
    {
        padding-top: 0px !important;
    }

    .mobile_bar_div.mobile_dark
    {
        background-color: #04060a;
    }

    .mobile_bar_rank_1
    {
        border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(205, 215, 231, 1) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
        border-style: solid;
        border-image-width: 1px 0 0 0;
        background: radial-gradient(79.19% 50% at 50% 8.85%, #2A313F 0%, #09080D 85.29%);
    }

    .mobile_bar_rank_2
    {
        border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(255, 213, 193, 1) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
        border-style: solid;
        border-image-width: 1px 0 0 0;
        background: radial-gradient(79.19% 50% at 50% 8.85%, #3F302A 0%, #0D080B 85.29%);
    }

    .mobile_bar_rank_3, .mobile_bar_rank_4
    {
        border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(205, 215, 231, 1) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
        border-style: solid;
        border-image-width: 1px 0 0 0;
        background: radial-gradient(79.19% 50% at 50% 8.85%, #37383C 0%, #09080D 85.29%);
    }

    .mobile_bar_rank_5, .mobile_bar_rank_6
    {
        border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(255, 213, 193, 1) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
        border-style: solid;
        border-image-width: 1px 0 0 0;
        background: radial-gradient(79.19% 50% at 50% 8.85%, #3F342A 0%, #0D080B 85.29%);
    }

    .mobile_bar_rank_7, .mobile_bar_rank_8, .mobile_bar_rank_9
    {
        border-image: linear-gradient(to right, rgba(218, 187, 160, 0.00) 0%, rgba(205, 215, 231, 1) 47%, rgba(218, 187, 160, 0.00) 100%) 1;
        border-style: solid;
        border-image-width: 1px 0 0 0;
        background: radial-gradient(79.19% 50% at 50% 8.85%, #2A313F 0%, #09080D 85.29%);
    }
    /* End of Misc */

    /* Footer */
    .footer_div_none
    {
        margin-top: 0px;
    }

    .footer_bg_none
    {
        display: none;
    }
    /* End of Footer */

    /* Wallet */
    .wallet_balance_col
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .wallet_balance_div_new
    {
        border-radius: 0px;
        background-position: center;
        padding-bottom: 10vh;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wallet_mobile_transaction_row
    {
        border-radius: 24px 24px 0px 0px;
        background: #F4F6F9;
        margin-top: -5vh;
    }

    .wallet_mobile_option_div
    {
        margin-top: -3.5vh;
        margin-bottom: 3vh;
    }
    /* End of Wallet */

    /* IDP */
    .idp_pt_0
    {
        padding-top: 0px !important;
    }

    .idp_px_0
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .idp_ranking_banner_div
    {
        padding: 20px 10px 35px;
    }

    .idp_carousel .idp_ranking_logo
    {
        width: 140px !important;
    }

    .idp_carousel .owl-stage-outer
    {
        overflow: visible !important;
    }

    .idp_carousel .idp_badge_crown
    {
        width: 26px !important;
    }

    .idp_page_body
    {
        overflow-x: hidden;
    }

    .idp_ranking_1_bg_div, .idp_ranking_2_bg_div, .idp_ranking_3_bg_div, .idp_ranking_4_bg_div, .idp_ranking_5_bg_div, .idp_ranking_6_bg_div, .idp_ranking_7_bg_div, .idp_ranking_8_bg_div, .idp_ranking_9_bg_div
    {
        height: 20vh;
        padding: 20px 15px;
    }

    .idp_carousel_ranking_title_div
    {
        width: 70vw;
    }

    .idp_carousel .fs_28px, .rank_benefits_bg .fs_28px
    {
        font-size: 18px;
        line-height: 22px;
    }

    .idp_1_card_div
    {
        padding: 15px 10px;
    }

    .idp_info_div
    {
        padding: 15px 10px;
    }

    .idp_referral_div
    {
        padding: 15px 10px 35px;
    }

    .idp_share_btn_div
    {
        margin-top: -2vh;
        margin-bottom: 30px;
    }

    .idp_reward_task_banner_div
    {
        border-radius: 0px;
    }

    .rank_benefits_rank_div
    {
        padding: 10px 25px;
    }

    .rank_benefits_bg .fs_36px
    {
        font-size: 24px;
    }

    .rank_benefits_crown
    {
        width: 20px;
    }

    .rank_benefits_bg
    {
        padding: 20px 0px;   
    }

    .idp_information_card
    {
        background: transparent;
        box-shadow: none;
    }

    .idp_information_card .card-body
    {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
    /* End of IDP */

    /* Event */
    .fs_84px
    {
        font-size: 32px;
        line-height: 36px;
    }

    .event_banner_div_title
    {
        justify-content: flex-end;
    }

    .event_banner_linear_div
    {
        padding: 13px 16px;
        width: 358px;
    }

    .event_banner_linear_div .fs_24px
    {
        font-size: 14px;
        line-height: 18px;
    }

    .event_banner_div
    {
        background-image: url("../images/event/mobile_banner_bg.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 20px 20px;
        height: 570px;
        padding-bottom: 60px;
    }
    /* End of Event */
}

@media (max-width: 768px) {
   /* Event */
    .event_timer
    {
        width: 90%;
        padding: 30px 15px;
    }

    .event_timer_counter
    {
        font-size: 36px;
    }

    .event_timer_state
    {
        font-size: 14px;
    }
    /* End of Event */

    /* IDP */
    .idp_dashboard_ranking_div
    {
        border-radius: 8px;
        border: 1px solid #EBEBEB;
        padding: 10px;
    }

    .idp_carousel_ranking_title_div
    {
        width: 60vw;
    }

    .idp_newuser_div
    {
        padding: 15px 35px;
    }

    .rank_benefits_desc
    {
        width: 25%;
        padding: 0px 5px;
    }

    .idp_reward_task_banner_div
    {
        height: 180px;
    }
    /* End of IDP */

     /* Authentication */
    .auth
    {
        background-image: none;
    }

    .authenticationbody .page
    {
        background-image: none;
    }

    .authentication_logo
    {
        display: none;
    }

    .auth_loader_logo
    {
        width: 30%;
    }

    .authentication_lang
    {
        color: #4E4E4E;
    }

    .auth_mobile_logo
    {
        width: 100px;
    }

    .auth_title
    {
        display: none;
    }

    .auth_card
    {
        box-shadow: none;
    }

    .auth_card .card-body
    {
        padding: 0px;
    }
    /* End of Authentication */

    /* Misc */
    
    /* End of Misc */
}

@media (max-width: 587px) {
    /* Misc */
    .fs_12px
    {
        font-size: 10px;
        line-height: 12px;
    }

    .fs_14px
    {
        font-size: 12px;
        line-height: 14px;
    }

    .fs_16px
    {
        font-size: 14px;
        line-height: 16px;
    }

    .fs_18px
    {
        font-size: 18px;
        line-height: 20px;
    }

    .fs_20px
    {
        font-size: 16px;
        line-height: 18px;
    }

    .fs_24px
    {
        font-size: 20px;
        line-height: 22px;
    }

    .fs_28px
    {
        font-size: 24px;
        line-height: 26px;
    }

    .fs_30px
    {
        font-size: 26px;
        line-height: 28px;
    }

    .fs_32px
    {
        font-size: 24px;
        line-height: 26px;
    }

    .fs_36px
    {
        font-size: 26px;
        line-height: 28px;
    }

    .fs_40px
    {
        font-size: 28px;
        line-height: 30px;
    }

    .fs_48px
    {
        font-size: 32px;
        line-height: 34px;
    }


    .fs_64px
    {
        font-size: 32px;
        line-height: 34px;
    }

    .table td
    {
        min-width: 180px;
    }
    .reward_tasks_div .table td{
        min-width: auto;
    }

    select.phone_code_select, select.phone_code_select:focus
    {
        width: 25%;
    }

    .mobile_bar_wallet
    { 
        width: 80%;
    }

    .page {
        min-height: 100vh;
    }
    /* End of Misc */

    /* Footer */
    .footer_bg
    {
        padding: 3vh 3vw 2vh 3vw;
    }

    .footer_a_border
    {
        border-right: 0px;
    }
    /* End of Footer */

    /* Authentication */
    .authenticationbody .page
    {
        height: auto;
    }

    .auth_container
    {
        padding: 0px 10px;
    }

    .auth_div
    {
        flex-direction: column;
        justify-content: center;
    }

    .auth_card
    {
        width: 100%;
    }

    .authentication_logo
    {
        width: 150px;
    }

    .auth_title
    {
        font-size: 24px;
    }

    .auth_card .card-body
    {
        padding: 10px 10px;
        overflow-x: hidden;
    }

    .auth_footer
    {
        position: static;
    }
    /* End of Authentication */

    /* Dashboard */
    .dashboard_slider
    {
        height: auto;
    }

    .quick_link_div
    {
        width: 100%;
    }
    /* End of Dashboard */

    /* Users */
    .users_label
    {
        width: 100%;
        margin-bottom: 5px;
    }
    /* End of Users */
    
    /* Funds */
    .fund_banner_img
    {
        margin-right: -10px;
    }
    /* End of Funds */

    /* IDP */
    .referral_qt_img 
    {
        width: 100%;
    }

    .invitation_title_1
    {
        font-size: 16px;
        line-height: 20px;
    }

    .invitation_title_2
    {
        font-size: 23px;
        line-height: 30px;
    }

    .rank_benefits_card_desc_div 
    {
        padding: 25px 15px;
    }

    .idp_reward_task_banner_div
    {
        height: fit-content;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .idp_banner_title .fs_64px
    {
        font-size: 48px;
        line-height: 52px;
    }
    /* End of IDP */

    /* Event */
    .event_timer
    {
        width: 95%;
        padding: 30px 15px;
    }

    .event_timer_counter
    {
        font-size: 24px;
    }

    .event_timer_state
    {
        font-size: 12px;
    }

    .event_banner_div_title
    {
        margin-left: 0px;
    }

    .event_banner_linear_div
    {
        width: 100%;
    }

    .event_item_width
    {
        min-width: 95%;
        padding-right: 2%;
    }
    /* End of Event */

    /* Ticket */
    .ticket_details_border
    {
        width: 100%;
    }

    .ticket_btn
    {
        width: 100%;
    }
    /* End of Ticket */
}

@media (max-width: 480px) {
    .mobile_bar_wallet
    { 
        margin-top: -40px;
        width: 90%;
    }

    /* IDP */
    .idp_carousel_ranking_title_div
    {
        width: 50vw;
    }

    .idp_info_2_div
    {
        padding: 20px 10px;
    }

    .rank_benefits_desc_img
    {
        width: 60px;
    }

    .rank_benefits_card_title_div
    {
        width: 100%;
    }
    /* End of IDP */
}

@media (max-width: 360px) {
    /* Misc */
     select.phone_code_select, select.phone_code_select:focus
    {
        width: 35%;
    }

    .mobile_bar_wallet
    { 
        margin-top: -35px;
        width: 100%;
    }
    /* End of Misc */

    /* IDP */
    .rank_benefits_desc_img
    {
        width: 50px;
    }
    /* End of IDP */
}
/* End of Mobile */