.index_header {

    background-image: url('/images/referral/bg1.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.body_content1 {
    display: flex;
    flex-direction: row;
    padding-top: 91px;
    padding-bottom: 63px;
    padding-left: 40px;
    padding-right: 40px;
}

.body_content1 .content_left {
    padding-top: 20px;
    flex: 1;
}

.body_content1 .content_right {
    flex: 1;
}

.body_content1 .content_right .h5_content {
    display: none;
}

.body_content1 .content_right .h5_content .content_left_title {
    font-size: 20px;
}

.body_content1 .content_right .h5_content .content_left_text {
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    margin-top: 12px;
}

.body_content1 .content_right .h5_content .content_left_text span {
    font-size: 14px;
    font-weight: 900;
    line-height: 160%;
}

.body_content1 .content_left_title {
    font-family: "Inter Bold";
    font-size: 40px;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    background: linear-gradient(270deg, #FFDB9E 0%, #FDC463 47%, #FFDB9E 100%), linear-gradient(270deg, #FAF2E3 0%, #DFD847 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.body_content1 .content_left #winning_pc {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 30px;
    padding: 0 20px;
    max-width: 432px;
    border-radius: 304px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 219, 158, 0.4);

    background: radial-gradient(58% 58% at 50% 50%, rgba(77, 77, 77, 0.7) 0%, rgba(46, 47, 54, 0.7) 100%), linear-gradient(0deg, #202121 0%, #332917 100%);
}

.winning_preview {
    width: 100%;
    height: 48px;
    opacity: 1;

    /* 自动布局 */
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

.winning_preview.h5 {
    width: 100%;
}

.winning_preview .scrolling-text {
    display: flex;
    gap: 10px;
}


.winning_preview span {
    font-family: "Inter Regular";
    font-size: 13px;
    font-weight: normal;
    line-height: 140%;
    letter-spacing: 0em;
    color: #80879A;
    min-width: 240px;
}

#notice_area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
}

#notice_area .notice_img {
    width: 18px;
    margin-right: 10px;
}

.notice_preview {
    width: 100%;
    max-width: 925px;
    height: 48px;
    opacity: 1;

    /* 自动布局 */
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

.notice_preview .scrolling-text {
    display: flex;
    gap: 10px;
}

.notice_preview .scrolling-text p {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFFFFF;

    z-index: 1;
}

/* 滚动动画 */
/* @keyframes scrollText {
    0% {
        -webkit-transform: translate3d(0%, 0, 0); 
    }

    100% {
        -webkit-transform: translate3d(-90%, 0, 0); 
    }
} */

.body_content1 .content_left_text {
    font-family: "Inter Regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #80879A;
    margin-top: 20px;
    width: 100%;
    max-width: 500px;
}

.body_content1 .content_left_text span {
    font-weight: 900;
    font-size: 20px;
    font-variation-settings: "opsz" auto;
    color: #FFDB9E
}

.content_btn_gold {
    border-radius: 304px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    background: linear-gradient(270deg, #F5BA47 0%, #FFEABA 100%);

    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #1F1F24 !important;
}

.content_btn_black {
    border-radius: 304px;
    opacity: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    box-sizing: border-box;
    border: 1px solid #FFDB9E;

    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    background: linear-gradient(270deg, #FFCC57 0%, #FFDB9E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 0;
}

.content_btn_white {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 16px;
    background: #FFFFFF;

    border-radius: 322px;

    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    color: #1F1F24 !important;
}

.body_content1 .content_right {
    flex: 1;
}

.content_right .content_right_body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 492px;
    height: 279px;
    border-radius: 20px;
    opacity: 1;

    background: radial-gradient(58% 58% at 50% 50%, rgba(77, 77, 77, 0.7) 0%, rgba(46, 47, 54, 0.7) 100%);
    box-sizing: border-box;
    border: 1px solid #FFDB9E;
    padding: 30px;
}

.content_right_body .simulation_input {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    height: 40px;
    gap: 20px;
    border-radius: 8px;

    background: #2E2F36;

    box-sizing: border-box;
    border: 1px solid rgba(255, 219, 158, 0.1);
}

.content_right_body .img_btn {
    width: 38px;
    border-radius: 8px;
    cursor: pointer;
}

.content_right_body .right_body_p {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    color: #80879A;
    white-space: nowrap;
}

.content_right_body .invite_value_div {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content_right_body .invite_value {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    color: #FFFFFF;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.content_right_body p span {
    color: #FFDB9E;
}

.content_right_body button {
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(270deg, #FFCC57 0%, #FFDB9E 100%);
}

.body_content2 {
    display: flex;
    flex-direction: column;
    padding: 80px 0;
    gap: 80px;
}

.body_content2.login {
    padding: 50px 0 80px 0;
}

.body_content2 .area_title {
    font-family: "Inter Regular";
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.body_content2 .area_content.one {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.body_content2 .area_content.one>div {
    position: relative;
    flex: 1;
    height: 332px;
    border-radius: 12px;
    opacity: 1;
    box-sizing: border-box;
    border: 1px solid #3F414B;
    display: flex;
    flex-direction: column;
    padding: 114px 30px 50px 30px;
}

.body_content2 .area_content.one>div .h5_disappear {
    position: absolute;
    bottom: 20px;
    left: 30px;
}


.body_content2 .area_content>div .h5_btn {
    display: none;
    margin-top: 30px;
}

.body_content2 .area_content.one .section_one {
    background: linear-gradient(0deg, #9D35E6, #9D35E6), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%);
}

.body_content2 .area_content.one .section_two {
    background: linear-gradient(0deg, #FFDB9E, #FFDB9E), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%);
}

.body_content2 .area_content.one .section_three {
    background: linear-gradient(0deg, #5B4A66, #5B4A66), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%);
}

.body_content2 .area_content.one>div:hover {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%) !important;
    border: 1px solid #3F414B !important;
    cursor: pointer;
}

.body_content2 .area_content.one>div:hover p {
    color: #1F1F24 !important;
}

.body_content2 .area_content_text_big {
    font-family: Inter;
    font-size: 24px;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFFFFF;
}


.body_content2 .area_content_text_small {
    font-family: "Inter Regular";
    font-size: 15px;
    font-weight: normal;
    line-height: 160%;
    letter-spacing: 0em;
    margin-bottom: 58px;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFFFFF;
}

.body_content2 .area_content.two {
    display: flex;
    flex-direction: column;

    border-radius: 12px;
    opacity: 1;

    background: linear-gradient(257deg, rgba(46, 47, 54, 0) 1%, #2E2F36 98%);

    box-sizing: border-box;
    border: 1px solid #3F414B;

    padding: 20px 30px 20px 30px;

}

.body_content2 .area_content.two .faq_area {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px 0;
    gap: 16px;
    border-bottom: 1px solid #3F414B;
}


.faq_area .number {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    opacity: 1;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    background: #2E2F36;

    box-sizing: border-box;
    border: 1px solid #3F414B;


    font-family: "Inter Regular";
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    display: flex;
    align-items: center;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    /* 白色 */
    color: #FFFFFF;
}

.faq_area .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_area .content .question {
    width: 100%;
    min-height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq_area .content .question>div {
    display: flex;
}

.faq_area .content .question p {
    font-family: "Inter Regular";
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    align-items: flex-end;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFFFFF;
}

.faq_area .content .answer {
    width: 100%;
    margin-top: 20px;
    text-align: left;
}

.faq_area .content .answer p {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    color: #80879A;
    margin-bottom: 5px;
}

.faq_area .content .question img {
    width: 8px;
    transition: transform 0.3s ease;
    user-select: none;
}

.faq_area .content .question img.tran90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.login_on_button_area {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.body_content3 {
    display: flex;
    flex-direction: column;
    padding: 80px 0 0 0;
    gap: 30px;
}

.body_content3>div {
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #3F414B;
    background: linear-gradient(260deg, rgba(46, 47, 54, 0) 1%, #2E2F36 98%), linear-gradient(282deg, #1F1F24 0%, #252428 23%, #252428 62%, #252428 99%), linear-gradient(282deg, #FFFFFF 0%, #FFDB9E 26%, #FFDB9E 71%, #FFFFFF 113%);
}

.body_content3 .area_content.one {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
}

.body_content3 .area_content.one>div:last-child {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: right;
}

.body_content3 .area_content.one>div {
    display: flex;
    align-items: center;
    position: relative;
}

.body_content3 .area_content.one p {
    font-family: "Inter Regular";
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    color: #FFFFFF;
}

.body_content3 .area_content.two {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
    border-top: 1px solid #3F414B;
    height: 200px;

}

.body_content3 .area_content.two .area_content_two_title {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 160%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #80879A;
    margin-bottom: 10px;
}

.body_content3 .area_content.two .trip_white_img {
    margin-left: 4px;
    width: 16px;
}

.body_content3 .area_content.two .area_content_two_value {
    font-family: D-DIN-PRO;
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0px;

    font-variation-settings: "opsz" auto;
    background: linear-gradient(270deg, #FFCC57 0%, #FFDB9E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: left;
}

.body_content3 .area_four_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #3F414B;
    padding-right: 30px;
}

#dropdown-days-pc {
    display: flex;
    align-items: center;
    justify-content: right;
    flex: 1;
}

#dropdown-container-days {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
}


.area_four_header .area_four_btn {
    display: flex;
    flex-direction: row;
}

.area_four_header .area_four_btn .select_btn {
    display: flex;
    height: 70px;
    /* width: 187px; */
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 65px 0 45px;

    font-family: "Inter Regular";
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #FFFFFF;

    cursor: pointer;
}

.area_four_header .area_four_btn .select_btn p {
    white-space: nowrap;
}

.area_four_header .area_four_btn .select_btn.active {
    background-image: url('/images/referral/btn_bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #FFDB9E;
}

.body_content3 .area_four_content {
    padding: 30px;
}

.area_four_content .record_area_title {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #80879A;
    margin-bottom: 10px;
}

.area_four_content .record_area_title span {
    font-weight: 600;
}

/** 表格 */

.sort_header>* {
    cursor: pointer;
}

.sort_header img.desc {
    transform: rotate(180deg);
}

.area_four_content .table_area {
    overflow-x: auto;
    border: 1px solid #3F414B;
    border-radius: 8px 8px 0px 0px;
}

.area_four_content .table_area table {
    margin-top: 0px !important;
    width: 100%;
    /* border-collapse: separate;
    border-spacing: 0 6px; */
    box-shadow: none !important;
    margin-bottom: 0px !important;
    background: transparent !important;
}

.area_four_content .table_area:not([data-type="invitation"]) table {
    min-width: 900px;
}

.area_four_content .table_area table tr {
    position: relative;
    opacity: 1;
    border-radius: 8px;
    box-sizing: border-box;
    /* background: linear-gradient(268deg, rgba(46, 47, 54, 0) 0%, #2E2F36 98%); */
    background: transparent !important;
}

.area_four_content .table_area table tr th {
    text-align: center;
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0em;
    color: #80879A;
    height: 50px;
    vertical-align: middle;
}

.area_four_content .table_area table tr td {
    text-align: center;
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0em;
    color: #FFFFFF;
    height: 50px;
    vertical-align: middle;
}

.area_four_content .table_area table tr td:first-child,
.area_four_content .table_area table tr th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    /* border-left: 1px solid #3F414B; */
    text-align: left;
    padding-left: 30px !important;
    padding-right: 10px !important;
}

.area_four_content .table_area table tr td,
.area_four_content .table_area table tr th {
    /* border-top: 1px solid #3F414B !important; */
    border-bottom: 1px solid #3F414B !important;
    white-space: nowrap;
    padding: 0 10px;
}

.area_four_content .table_area table tr:last-child td{
    border-bottom: none !important;
}

.area_four_content .table_area table tr td:last-child,
.area_four_content .table_area table tr th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    /* border-right: 1px solid #3F414B; */
    text-align: right;
    padding-right: 30px !important;
}

.area_four_content .table_area table .activated_state {
    display: flex;
    justify-content: center;
    align-items: center;
}

.area_four_content .table_area table .activated_state>div {

    background: rgba(255, 219, 158, 0.1);
    padding: 6px 14px;
    width: fit-content;

    font-family: "Inter Regular";
    font-size: 13px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFDB9E;
}

.area_four_content .table_area table .activated_state.off>div {

    background: rgba(233, 91, 77, 0.1);

    color: #E95B4D;
}

/** 表格 */

.a_customer_service_area {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 50px;
    gap: 24px;
}

#referralShareModal .modal-dialog {
    width: 100%;
}

#referralShareModal .modal-content {
    box-shadow: none !important;
    border: 1px solid #3F414B !important;
    overflow: hidden;
}

#referralShareModal .modal-content {
    max-width: 660px;
    gap: 0;
}

#referralShareModal .poster-h5 {
    display: none;
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 450px;
}

#referralShareModal .popup_modal_content {
    padding: 0;
}

#referralShareModal .a_customer_service_area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: nowrap;
    margin: 24px 68px;
}

#referralShareModal .a_customer_service_area .a_cs_item>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#referralShareModal .a_customer_service_area .a_cs_item img {
    width: 48px;
    height: 48px;
    margin-bottom: 6px;
}

#referralShareModal .a_customer_service_area .a_cs_span1 {
    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #80879A;
}

#referralShareModal .popup_modal_header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background: #0B0B0C !important;
}

#referralShareModal .popup_modal_header .close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: right;
}


#referralShareModal .share-h5 {
    display: none !important;
}

#referralShareModal .share-poster {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 450px;
    border-radius: 12px;
}

#referralShareModal .share-poster-area {
    border-radius: 12px 12px 0px 0px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #3F414B;
    overflow: hidden;
}

#referralShareModal .share-text-area {
    display: flex;
    flex-direction: row;
    border-radius: 0px 0px 12px 12px;
    background: #1A1A1A;
    box-sizing: border-box;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #3F414B;
    padding: 10px;
}

#referralShareModal .share-text-area .share-text-one {

    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #FFFFFF;
    margin-bottom: 6px;
    text-align: left;
}

#referralShareModal .share-text-area .share-text-two {

    font-family: "Inter Regular";
    font-size: 12px;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #80879A;
    text-align: left;
}

#referralShareModal .share-text-area .share-p {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

#referralShareModal .share-text-area .share-qr {
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 4px;
}

#referralShareModal .modal-menu {
    position: fixed;
    bottom: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    border-radius: 20px 20px 0px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(255, 219, 158, 0.4);

    box-shadow: 0px 0px 5px 4px rgba(11, 31, 62, 0.17);
    background: #1A1A1A;
    padding: 16px 0;

    z-index: 10001;
    padding-bottom: env(safe-area-inset-bottom);
}

#referralShareModal .modal-menu .share-client-select {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    margin: 0 16px 16px 16px;
}

#referralShareModal .modal-menu .share-client-select::-webkit-scrollbar {
    display: none;
}

#referralShareModal .modal-menu .share-client-select>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

#referralShareModal .modal-menu .share-client-image {
    width: 44px;
    height: 44px;
    margin: 0 18px;
}

#referralShareModal .modal-menu .close-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #3F414B;
    padding: 20px 0;
}

#referralShareModal .modal-menu .close-test {
    font-family: "Inter Regular";
    font-size: 15px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0em;

    font-variation-settings: "opsz" auto;
    color: #FFDB9E;
}

#referralShareModal .modal-menu .share-client-name {
    font-family: "Inter Regular";
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0px;
    font-variation-settings: "opsz" auto;
    color: #80879A;
}

.dropdown.custom button .selected img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    margin-top: 1px;
}

.has_no_data_tip span {
    cursor: pointer;
    color: #FFDB9E;
}

.tooltip-inner {
    max-width: 330px !important;
    padding: 10px 13px;
}

@media only screen and (max-width: 1200px) {

    .body_content2 .area_content.one>div {
        height: auto;
    }

    .body_content3 .area_content.two {
        flex-wrap: wrap;
        padding: 0 40px;
    }

    .body_content3 .area_content.two>div {
        width: 50%;
    }

    .body_content3 .area_content.two>div.right p {
        text-align: right;
    }
}

@media only screen and (max-width: 1000px) {
    .body_content1 .content_left {
        display: none;
    }

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

    .body_content1 .content_right .h5_content {
        display: block;
    }

    .content_right .content_right_body {
        height: auto;
    }

    .winning_preview {
        max-width: unset;
        border-radius: unset;
        background: linear-gradient(0deg, #202121 0%, #332917 100%);
    }

    .winning_preview.h5 {
        margin-top: 0px !important;
    }

    .area_four_content .table_area table tr td:first-child,
    .area_four_content .table_area table tr th:first-child {
        position: sticky;
        left: 0;
        background: #2E2F36 !important;
        z-index: 1;
    }

}

@media only screen and (max-width: 1000px) {
    #dropdown-days-h5 .dropdown.custom {
        max-width: unset;
        margin: 15px 0;
    }
}

@media only screen and (max-width: 767px) {
    .main_part.index_main_part {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .main_part.index_content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .main_part.index_content .area {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main_part.index_content .area.four {
        padding-left: 0px;
        padding-right: 0px;
    }

    .body_content3 .area_four_header {
        padding: 0 16px;
    }

    .main_part.index_content .area.three {
        background: transparent !important;
    }


    .body_content1 {
        padding: 24px 0px 30px 0px;
    }

    .body_content2 {
        padding: 48px 0 64px 0;
        gap: 50px;
    }

    .body_content2.login {
        padding: 40px 0 64px 0;
    }

    .body_content2 .area_content.one {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .body_content2 .area_content.one>div {
        padding: 122px 30px 30px 30px;
    }

    .body_content2 .area_content.one>div .h5_disappear {
        display: none;
    }

    .body_content2 .area_content>div .h5_btn {
        display: block;
    }

    .body_content2 .area_title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .body_content2 .area_content.one .section_one:hover {
        background: linear-gradient(0deg, #9D35E6, #9D35E6), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%) !important;
        border: 1px solid #3F414B !important;
    }

    .body_content2 .area_content.one .section_two:hover {
        background: linear-gradient(0deg, #FFDB9E, #FFDB9E), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%) !important;
        border: 1px solid #3F414B !important;
    }

    .body_content2 .area_content.one .section_three:hover {
        background: linear-gradient(0deg, #5B4A66, #5B4A66), linear-gradient(237deg, rgba(46, 47, 54, 0) 4%, #2E2F36 96%) !important;
        border: 1px solid #3F414B !important;
    }

    .body_content2 .area_content.one .section_one:hover p {
        color: #FFFFFF !important;
    }

    .body_content2 .area_content.one .section_two:hover p {
        color: #1F1F24 !important;
    }

    .body_content2 .area_content.one .section_three:hover p {
        color: #FFFFFF !important;
    }

    .body_content2 .area_content.two {
        background: transparent;
        padding: 0;
        border: none;
    }

    .faq_area .content .question img {
        display: none;
    }

    .body_content3>div {
        background: linear-gradient(180deg, #2E2F36 0%, rgba(46, 47, 54, 0) 92%);
        border: none;
    }

    .body_content3 .area_content.one {
        padding: 20px 0px;
        gap: 10px;
    }

    .body_content3 .area_content.one p {
        margin-left: 10px;
    }

    .body_content3 .area_content.one>div:first-child::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 4px;
        height: 19px;
        opacity: 1;

        background: #FFFFFF;
    }

    .body_content3 .area_content.two {
        border: none;
        height: auto;
        gap: 10px;
        padding: 0;
    }

    .body_content3 .area_content.two>div {

        border-radius: 12px;
        background: linear-gradient(287deg, #252428 1%, #252428 26%, #252428 71%, #252428 113%);
        box-sizing: border-box;
        border: 1px solid #3F414B;
        width: 100%;
        padding: 20px 10px;
    }

    .body_content3 .area_content.two>div.right p {
        text-align: left;
    }

    .body_content3 .area_content.two .area_content_two_title {
        font-size: 13px;
    }

    .body_content3 .area_content.two .area_content_two_value {
        font-size: 26px;
    }

    #dropdown-days-h5 {
        /*  display: block !important; */
    }

    #dropdown-days-h5 .dropdown.custom ul {
        width: 100%;
    }

    .area_four_header .area_four_btn {
        width: 100%;
        justify-content: space-around;
        gap: 20px;
    }

    .area_four_header .area_four_btn .select_btn {
        width: auto;
        position: relative;
        font-size: 16px;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
    }

    .area_four_header .area_four_btn .select_btn.active::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 40px;
        height: 0px;
        opacity: 1;
        border: 2px solid #FFDB9E;
    }

    .area_four_header .area_four_btn .select_btn.active {
        background-image: unset;
        color: #FFDB9E;
    }

    .area_four_header .area_four_btn .select_btn p {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .body_content3 .area_four_content {
        padding: 20px 16px;
    }

    .body_content2 .area_content_text_small {
        margin-bottom: 0;
    }

    #referralShareModal .poster-pc {
        display: none;
    }

    #referralShareModal .poster-h5 {
        display: flex;
    }

    #referralShareModal .share-h5 {
        display: flex !important;
    }

    #referralShareModal .modal-dialog {
        margin-top: 64px !important;
        margin-bottom: 153px !important;
        align-items: baseline;
    }

    .body_content3 {
        padding-top: 40px;
    }

    .area_four_content .table_area table tr td:first-child,
    .area_four_content .table_area table tr th:first-child {
        padding: 0 10px;
    }

    .area_four_content .table_area table tr td:last-child,
    .area_four_content .table_area table tr th:last-child {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 410px) {
    .content_right_body .simulation_input {
        gap: 10px;
    }

    .body_content3 .area_content.one p {
        font-size: 16px;
    }

    .content_right .content_right_body {
        padding: 20px 14px;
    }
}