/*----------------------------- Global -----------------------------*/
.desktop_none {
    display: none;
}
.mobile_none {
    display: block;
}



/* ----------------------- Checkbox ----------------------- */

.c-checkbox input[type='checkbox']:checked~label:after, .c-checkbox input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.c-checkbox>.c-div>label:before, .c-checkbox>.c-div>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: transparent;
    border: 1px solid #3C0822;
    box-sizing: border-box;
    /* box-shadow: inset 0px 4px 4px rgb(0 0 0 / 5%); */
    border-radius: 50%;
    top: 9px;
    left: 0px;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.c-checkbox input[type='checkbox'] {
    display: none;
}
.c-checkbox input[type='checkbox']~label:after, .c-checkbox input[type='checkbox']~.label:after {
    content: url(../img/blue_dot.svg);
    display: block;
    position: absolute;
    color: #00173E !important;
    border-radius: 0;
    border: 0;
    font-family: 'Poppins';
    font-size: 30px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 5px;
    top: 13px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.c-checkbox {
    position: relative;
    margin-bottom: 0px;
}

.terms_sec {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    margin-bottom: 0px;
    margin-left: 40px;
    max-width: 297px;
}
.terms_sec a {
    color: var(--Core-Accents-Yellow, #CCA311);
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0px;
}
.login_strong {
    color: var(--Neutral-800, #3C3C3C);
    font-family: "Futura PT";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
    margin-bottom: 0px;
}
.login_strong a {
    color: var(--Functional-Info-Blue, #005BB9);
    font-family: "Futura PT";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0px;
    text-decoration: none;
}
.c-text {
    margin-left: 32px;
}
.filter_main_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 281px;
}

/*-------------------- Join us Page Section One --------------------*/
.notrobot_1 {
    transform: scale(0.9) translate(19px, 0px);
}
.join_us {
    margin-top: 128px;
}
.js1 {
    background: url(../img/js1.png), linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.js1_content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 272px;
    padding-bottom: 272px;
}
.js1_title {
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: 'Outfit';
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 67.2px */
    letter-spacing: -1.12px;
    text-transform: capitalize;
    margin-bottom: 16px;
}
.js1_subtitle {
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 32px;
}
.btn_global_pink {
    border-radius: var(--Sml, 10px);
    background: var(--Core-Accents-Candy, linear-gradient(180deg, #F363AA 0%, #E471C9 100%));
    color: var(--Grayscale-White, #FBFCFF);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 16px;
    display: flex;
    justify-content: center;
    transition: 0.2s ease-in-out all;
}
.btn_global_pink:hover {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    background: var(--Core-Off-White, #F6F6F6);
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 16px;
    display: flex;
    justify-content: center;
    transition: 0.2s ease-in-out all;
}
.js2 {
    background: var(--Core-Off-White, #F6F6F6);
    padding-top: 72px;
    padding-bottom: 72px;
}
.js2_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;

    /* H/H2 */
    font-family: 'Outfit';
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    text-transform: capitalize;
    margin-bottom: 48px;
}
.js2_card {
    border-radius: var(--Sml, 10px);
    background: var(--Grayscale-White, #FBFCFF);
    padding: 40px;
    min-height: 249px;
    max-width: 319px;
}
.js2_card_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;
    font-family: 'Outfit';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    margin-bottom: 16px;
}
.languager_div_mobo {
    display: none;
}
.new_era_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px 28px;
    justify-content: center;
}
.js2_card_subtitle {
    color: var(--Core-Coolant, #2D32A7);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}
.home_page .js2 {
    background: var(--Grayscale-White, #FBFCFF);
    padding-top: 72px;
    padding-bottom: 72px;
    position: relative;
    z-index: 10;
}
.home_page .js2_card {
    border-radius: var(--Sml, 10px);
    background: var(--Grayscale-White, #F6F6F6);
    padding: 40px;
    min-height: 249px;
}
.js3 {
    background: #fbfcff;
    padding: 64px 0px;
}
.js3_form {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.js3_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 40px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    text-transform: capitalize;
    margin-bottom: 24px;
}
.form_field_global {
    padding: 24px 16px;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-03, #BDBDBD);
    background: var(--Grayscale-White, #FBFCFF);
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 21px;
    margin-bottom: 24px;
}
.form_field_global::placeholder {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
}
.form_field_global_dropdown, .form_field_global_dropdown:hover, .form_field_global_dropdown:focus-visible, .form_field_global_dropdown:active {
    padding: 24px 16px;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-03, #BDBDBD);
    border-color: #BDBDBD;
    background: var(--Grayscale-White, #FBFCFF);
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 21px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.boxtrix {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.dashboard_title {
    color: var(--Core-Off-White, #F6F6F6);
    font-family: 'Outfit';
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 67.2px */
    letter-spacing: -1.12px;
    text-transform: capitalize;
    margin-bottom: 24px;
}
.dashboard_subtitle {
    color: var(--Grayscale-04, #E3E3E3);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 24px;
}
.dashboard_page {
    margin-top: 128px;
    background: linear-gradient(to right, #3C0822 42%, #fbfcff 42%);
}
.dashboard_linker_div {
    margin-top: 114px;
    margin-bottom: 114px;
    max-width: 619px;
}
.dash_inks_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 300px;
}
.btn_dashboard, .btn_dashboard:hover {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 16px;
    width: 100%;
}
.btn_dashboard.active {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 16px;
    width: 100%;
    opacity: 0.5;
}
.dashboard_changer {
    max-width: 754px;
    margin-left: auto;
    padding-top: 48px;
    padding-bottom: 48px;
}
.t_head_text {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    margin-bottom: 0px;
}
.t_body_text {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}
.btn_table_pink, .btn_table_light:hover {
    border-radius: var(--Sml, 10px);
    background: var(--Core-Accents-Candy, linear-gradient(180deg, #F363AA 0%, #E471C9 100%));
    display: flex;
    width: 114px;
    height: 32px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--Grayscale-White, #FBFCFF);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
}
.btn_table_pink:hover, .btn_table_light {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    background: var(--Core-Off-White, #F6F6F6);
    display: flex;
    width: 114px;
    height: 32px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--Grayscale-White, #3C0822);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
}
.dashboard_changer .table>:not(caption)>*>* {
    padding: 16px 14px 16px 14px;
    background: #FBFCFF;
}
.dashboard_changer .table-striped>tbody>tr:nth-of-type(odd)>* {
    background: #F6F6F6;
}
.dashboard_changer .table tbody tr td:last-of-type {
    padding-top: 12px;
    padding-bottom: 12px;
}
.dashboard_changer .table tbody tr th, .dashboard_changer .table thead tr th:first-of-type, .dashboard_changer .table thead tr th:last-of-type {
    padding-left: 36px;
}
.cs1 {
    background: url(../img/cs1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.cs1_content {
    padding: 151px 0px;
}
.cs1_title {
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: 'Outfit';
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 67.2px */
    letter-spacing: -1.12px;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.cs1_subtitle {
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}
.checkout_page {
    margin-top: 128px;
}
.step_one_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 56px;
}
.step_one_left {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-04, #E3E3E3);
    background: var(--Core-Off-White, #F6F6F6);
    padding: 48px;
}
.step_one_left_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    text-transform: capitalize;
    margin-bottom: 24px;
}
.step_one_left_subtitle {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    margin-bottom: 24px;
}
.selected_translation_div.active {
    padding: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
    align-items: flex-start;
    border-radius: var(--Sml, 10px);
    border: 2px solid var(--Core-Coolant, #2D32A7);
    background: var(--Grayscale-White, #FBFCFF);
}
.selected_translation_div {
    padding: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
    align-items: flex-start;
    border-radius: var(--Sml, 10px);
    border: 2px solid var(--Grayscale-03, #BDBDBD);
    background: var(--Grayscale-White, #F6F6F6);
}
.translation_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    text-transform: capitalize;
    margin-bottom: 16px;
}
.translation_subtitle {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}

.translation_radio .form-check-input {
    width: 24px;
    height: 24px;
    margin: 0px;
    border: 1px solid #230C0F;
    box-shadow: none;
    background-color: #f6f6f6;
}

.translation_radio .form-check-input:checked[type=radio] {
    background-image: url(../img/blue_dot_radio.svg);
    width: 24px;
    height: 24px;
    border: 0px solid #230C0F;
    padding: 4px;
    box-shadow: none;
}
.translation_div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
.translated_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    margin-bottom: 24px;
}
.translate_dropdown_container {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 24px;
}
.translated_drop_grp {
    width: 100%;
}
.translated_subtitle {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    margin-bottom: 8px;
}
.translated_dropdown {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-02, #727272);
    background: var(--Grayscale-White, #FBFCFF);
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 24px 16px;
    padding-bottom: 21px;
}
.page_no_inp {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-02, #727272);
    background: var(--Grayscale-White, #FBFCFF);
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    padding: 24px 16px;
}
.page_subbed {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 4px;
    margin-bottom: 0px;
    margin-bottom: 24px;
}
.upload_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-02, #727272);
    background: var(--Grayscale-White, #FBFCFF);
    padding: 24px 16px;
    padding-bottom: 21px;
}
.upload_placeholder {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.translated_box {
    margin-bottom: 24px;
}
.translate_textarea {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-02, #727272);
    background: var(--Grayscale-White, #FBFCFF);
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    padding: 24px 16px 64px 16px;
    width: 100%;
}
.translate_textarea::placeholder {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.btn_blue_translated {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    background: var(--Core-Off-White, #F6F6F6);
    padding: 16px;
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
    width: 100%;
}
.btn_blue_translated.active {
    border-radius: var(--Sml, 10px);
    background: var(--Core-Accents-Candy, linear-gradient(180deg, #F363AA 0%, #E471C9 100%));
    padding: 16px;
    color: var(--Grayscale-White, #FBFCFF);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
}
.prz_btn_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}
.cs2 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.step_one_right {
    padding: 48px;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-04, #E3E3E3);
    background: var(--Core-Off-White, #F6F6F6);
}
.step_one_right_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    text-transform: capitalize;
    margin-bottom: 32px;
}
.indivver_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.divver {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 32px;
}
.indivver_subtitle {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}
.liner_step_one {
    background: #C5C5C5;
    height: 1px;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
}
.translation_title2 {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.translation_subtitle2 {
    color: var(--Grayscale-02, #727272);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 0px;
}
.selected_translation_div_2 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
}
.grouper {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.inslime_text {
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;
    font-family: 'Outfit';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    margin-bottom: 0px;
}
.inslime {
    width: 100%;
    height: 1px;
    background: #C5C5C5;
    margin-top: 8px;
    margin-bottom: 8px;
}
.pd_box {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-04, #E3E3E3);
    background: var(--Core-Off-White, #F6F6F6);
    padding: 48px;
    margin-top: 56px;
}
.pd_title {
    color: var(--Core-Burnt-Candy, #3C0822);
    font-family: 'Outfit';
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    text-transform: capitalize;
    margin-bottom: 24px;
}
.textasica {
    text-align: center;
}

.dropdown_edited {
    position: relative;
}
.dropdown-menu_edited {
    position: absolute;
    border-radius: 0px 0px var(--Sml, 10px) var(--Sml, 10px);
    background: var(--Grayscale-White, #FBFCFF);
    box-shadow: 25px 50px 70px 0px rgba(32, 32, 32, 0.15);
    padding: 24px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    top: 77px;
    left: -24px;
}
.dinkle {
    width: 100%;
    height: 1px;
    background: #BDBDBD;
}
.dropdown-menu_edited .btn_header {
    
}
.btn_header_req:hover {
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Accents-Candy, #F363AA);
    background: var(--Core-Off-White, #F6F6F6);
    color: var(--Core-Burnt-Candy, #3C0822);
    text-align: center;
    font-family: "Satoshi Variable";
    font-size: 15px;
    font-style: normal;
    font-weight: 624;
    line-height: normal;
    text-transform: capitalize;
}
.hs7 .contact-container {
    padding: 56px 0px 80px 0px!important;
}

.zanka {
    margin-top: 48px;
}








@media only screen and (max-width: 600px) {
    .mobile_none {
        display: none;
    }
    .desktop_none {
        display: block;
    }
    
    
    /* ----------------------- Checkbox ----------------------- */
    .c-checkbox {
        margin-bottom: 0px;
    }
    .c-checkbox>.c-div>label:before, .c-checkbox>.c-div>.label:before {
        top: 8px;
    }
    .c-checkbox input[type='checkbox']~label:after, .c-checkbox input[type='checkbox']~.label:after {
        top: 12px;
        font-size: 30px;
    }
    .c-text {
        width: unset;
    }
    .filter_main_box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .join_us {
        margin-top: 70px;
    }
    .pasa {
        margin-left: 12px;
    }
    .language_divver_mobo_left {
        position: absolute;
        top: 46px;
        left: 22px;
    }
    .language_divver_mobo_right {
        position: absolute;
        top: 38px;
        right: 33.4px;
    }
    .languager_div_mobo {
        display: block;
        position: relative;
    }
    .js1_content {
        max-width: 312px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 98px;
        padding-bottom: 98px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .js1_title {
        color: var(--Core-Off-White, #F6F6F6);
        text-align: center;
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .zanka {
        margin-top: 4px;
    }
    .js1_subtitle {
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        background: var(--Core-Accents-Candy, linear-gradient(180deg, #F363AA 0%, #E471C9 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 24px;
    }
    .home_page .js2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .js2 {
        background: var(--Core-Off-White, #F6F6F6);
        padding-top: 40px;
        padding-bottom: 0px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .js2_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        text-align: center;
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
        margin-bottom: 32px;
    }
    .js2_card {
        margin-bottom: 28px;
        min-height: unset;
        max-width: 100%;
    }
    .js3 {
        background: #fbfcff;
        padding: 40px 12px;
    }
    .js3_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        text-align: center;
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
    }
    .boxtrix {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
        gap: 16px;
    }
    .terms_sec {
        color: var(--Grayscale-02, #727272);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 0px;
        margin-left: 40px;
        max-width: 302px;
    }
    .dashboard_page {
        margin-top: 70px;
        background: #fbfcff;
    }
    .dashboard_title {
        color: var(--Core-Off-White, #F6F6F6);
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
    }
    .dashboard_subtitle {
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        background: var(--Core-Accents-Candy, linear-gradient(180deg, #F363AA 0%, #E471C9 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .dashboard_linker_div {
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: unset;
        margin-left: 12px;
        margin-right: 0px;
    }
    .mobat {
        background: var(--Core-Burnt-Candy, #3C0822);
        padding-right: 0px;
    }
    .momx_0 {
        margin: 0px;
    }
    .dash_inks_box {
        flex-direction: row;
        gap: 16px;
        justify-content: flex-start;
        display: flex;
        max-width: max-content;
        overflow-x: auto;
        padding-right: 24px;
        width: 100%;
    }
    .btn_dashboard, .btn_dashboard:hover, .btn_dashboard.active {
        padding: 16px 50px;
    }
    .dashboard_changer {
        max-width: 754px;
        margin-left: 12px;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-right: 12px;
    }
    .hs7 .contact-container {
        padding: 40px 24px!important;
    }
    .mo_mata_4 {
        margin-top: 24px!important;
    }
    .t_head_text {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        margin-bottom: 0px;
    }
    .table_bord {
        background: #2D32A7;
        height: 1.367px;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .t_body_title{
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        margin-bottom: 12px;
    }
    .t_body_text {
        color: var(--Grayscale-02, #727272);
        text-align: right;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        margin-bottom: 12px;
    }
    .table_disput {
        padding: 16px;
        margin-bottom: 24px;
    }
    .table_mob .table_disput:nth-child(even) {
        border-radius: var(--Sml, 10px);
        background: var(--Core-Off-White, #F6F6F6);
    }
    .table_mob .table_disput:last-child {
        margin-bottom: 0px;
    }
    .checkout_page {
        margin-top: 70px;
    }
    .cs1_content {
        padding: 91px 0px;
    }
    .cs1_title {
        color: var(--Core-Off-White, #F6F6F6);
        text-align: center;
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .cs1_subtitle {
        color: var(--Core-Off-White, #F6F6F6);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        margin-bottom: 0px;
    }
    .cs1 {
        background: url(../img/cs1_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .cs2 {
        padding: 0px;
    }
    .step_one_div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0px;
    }
    .step_one_left {
        border-radius: 0px;
        border: 0px solid var(--Grayscale-04, #E3E3E3);
        background: #FBFCFF;
        padding: 40px 24px;
    }
    .step_one_left_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
        margin-bottom: 8px;
        text-align: center;
    }
    .step_one_left_subtitle {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        margin-bottom: 24px;
    }
    .selected_translation_div {
        padding: 24px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 24px;
        align-items: flex-start;
        border-radius: var(--Sml, 10px);
        border: 2px solid var(--Grayscale-03, #BDBDBD);
        background: var(--Grayscale-White, #FBFCFF);
    }
    .translated_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        margin-bottom: 8px;
    }
    .page_subbed {
        color: var(--Grayscale-02, #727272);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        margin-top: 4px;
        margin-bottom: 0px;
    }
    .laaa {
        width: 100%;
        height: 1px;
        background: #BDBDBD;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .textasica {
        text-align: left;
    }
    .prz_btn_div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    } 
    .pd_box {
        border-radius: 0px;
        border: 0px solid var(--Grayscale-04, #E3E3E3);
        background: #FBFCFF;
        padding: 24px;
        margin-top: 16px;
    }
    .pd_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
    }
    .step_one_right {
        padding: 24px;
        border-radius: 0;
        border: 0px solid var(--Grayscale-04, #E3E3E3);
        background: #F6F6F6;
    }
    .step_one_right_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: 'Satoshi Variable';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        text-transform: capitalize;
    }
    .indivver_title {
        color: var(--Core-Burnt-Candy, #3C0822);
        font-family: 'Outfit';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 24px */
        text-transform: capitalize;
    }
    .indivver_subtitle {
        color: var(--Grayscale-02, #727272);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        margin-bottom: 0px;
    }
    .inslime_text {
        color: var(--Core-Burnt-Candy, #3C0822);
        text-align: center;
        font-family: 'Outfit';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 24px */
        text-transform: capitalize;
    }
}


@media only screen and (min-width: 1080px) and (max-width:1151px) {
    .dashboard_page {
        margin-top: 128px;
        background: linear-gradient(to right, #3C0822 39%, #fbfcff 39%);
    }
    .js2_card {
        border-radius: var(--Sml, 10px);
        background: var(--Grayscale-White, #FBFCFF);
        padding: 40px;
        min-height: 249px;
        max-width: 219px;
    }
}
@media only screen and (min-width: 1152px) and (max-width:1279px) {
    .dashboard_page {
        margin-top: 128px;
        background: linear-gradient(to right, #3C0822 39%, #fbfcff 39%);
    }
    .js2_card {
        border-radius: var(--Sml, 10px);
        background: var(--Grayscale-White, #FBFCFF);
        padding: 40px;
        min-height: 249px;
        max-width: 236px;
    }
}

@media only screen and (min-width: 1280px) and (max-width:1348px) {
    .dashboard_page {
        margin-top: 128px;
        background: linear-gradient(to right, #3C0822 39%, #fbfcff 39%);
    }
    .js2_card {
        border-radius: var(--Sml, 10px);
        background: var(--Grayscale-White, #FBFCFF);
        padding: 40px;
        min-height: 249px;
        max-width: 276px;
    }
    .btn_header, .btn_header:hover {
        display: flex;
        align-items: center;
        gap: 0px;
        padding: 0px;
        color: #3C0822;
        font-family: "Satoshi Variable";
        font-size: 12px;
        font-style: normal;
        font-weight: 624;
        line-height: normal;
        text-transform: capitalize;
    }
    

}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .dashboard_page {
        margin-top: 128px;
        background: linear-gradient(to right, #3C0822 39%, #fbfcff 39%);
    }
    js2_card {
        border-radius: var(--Sml, 10px);
        background: var(--Grayscale-White, #FBFCFF);
        padding: 40px;
        min-height: 249px;
        max-width: 279px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .dashboard_page {
        margin-top: 128px;
        background: linear-gradient(to right, #3C0822 39%, #fbfcff 39%);
    }
    .js2_card {
        border-radius: var(--Sml, 10px);
        background: var(--Grayscale-White, #FBFCFF);
        padding: 40px;
        min-height: 249px;
        max-width: 309px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    
}

@media only screen and (min-width: 1080px) {
    .contact-bottom.mo_mata_4 button.btn_global_pink.btn.w-100 {
        padding: 16px 57px;
    }
}

/* upload file */


.r-checkbox>.r-div>label:before, .r-checkbox>.r-div>.label:before {
    top: 0px !important;
}

.r-checkbox input[type='checkbox']~label:after, .r-checkbox input[type='checkbox']~.label:after {
    top: 4px !important;
}

.check_dot{
    display: flex;
    justify-content: space-between;
}

