.c-checkbox_s1 input[type='checkbox']:checked~label:after,
.c-checkbox_s1 input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.c-checkbox_s1>.c-div_s1>label:before,
.c-checkbox_s1>.c-div_s1>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: transparent;
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    /* box-shadow: inset 0px 4px 4px rgb(0 0 0 / 5%); */
    border-radius: 50%;
    top: 1px;
    left: 8px;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.c-checkbox_s1 input[type='checkbox'] {
    display: none;
}

.c-checkbox_s1 input[type='checkbox']~label:after,
.c-checkbox_s1 input[type='checkbox']~.label:after {
    content: "⬤";
    display: block;
    position: absolute;
    color: #B18E5E;
    border-radius: 50%;
    border: 0px;
    font-family: 'Poppins';
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    height: 10px;
    width: 10px;
    left: 13px;
    top: 6px;
    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_s1 {
    display: flex;
    position: relative;
    margin-bottom: 0px;
    gap: 16px;
}

.login_strong_s1 {
    color: var(--Grayscale-800---Darkest, #434343);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}

.login_strong_s1 a {
    color: var(--Teal, #1B868F);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%;
margin-bottom: 0%;
text-decoration: none;
}

.c-text_s1 {
    margin-left: 35px;
}






.login {
    background-color:var(--Grayscale-White, #FCFAF4);
}
.div1_login {
    background-image: url(../img/login_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 471px;
}
.div1_login_main {
    display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding-top: 205px;
}
.heading_login {
    color: var(--Grayscale-White, #FFF);
font-family: "Caviar Dreams";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 50px;
letter-spacing: 2.56px;
text-transform: uppercase;
margin-bottom: 0%;
}
.para_login {
    color: var(--Grayscale-500---Light, #C7C7C7);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
margin-bottom: 0%;
}
.div1_login_btn {
    display: flex;
justify-content: center;
align-items: center;
gap: 8px;
height: 28px;
}
.para2_login {
    color: var(--Gold, #C9AB81);
text-align: center;
font-family: "Open Sans Condensed";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 155%; /* 27.9px */
letter-spacing: 1.08px;
text-transform: uppercase;
margin-bottom: 0%;
}
.div1_login_a {
     display: flex;
padding: 8px 0px;
justify-content: center;
align-items: center;
gap: 9px;
border-bottom: 1px solid var(--Grayscale-White, #FFF);
}
.login_a {
    color: var(--Grayscale-White, #FFF);
font-family: "Open Sans Condensed";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 155%; /* 27.9px */
letter-spacing: 1.08px;
text-transform: uppercase;
margin-bottom: 0%;
text-decoration: none;
}
.div2_login {
    display: flex;
width: 100%;
flex-direction: column;
align-items: center;
gap: 40px;
padding: 40px 0px;
}
.div2_login_border {
    display: flex;
width: fit-content;
min-width: 640px;
padding: 24px;
flex-direction: column;
align-items: flex-start;
/*position: relative;*/
/*    right: 86px;*/
gap: 10px;
border: 1px solid var(--Grayscale-White, #FFF);
}
.div2_login_inner {
    display: flex;
padding: 40px 64px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
align-self: stretch;
background: var(--Grayscale-White, #FFF);
}
.div3_login {
    background-image: url(../img/login_bottom_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 74px;
    padding-bottom: 163px;
}
.input_login {
    display: flex;
height: 48px;
padding: 8px 12px;
align-items: center;
gap: 10px;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-200---Near-White, #FAFAFA);
color: var(--Grayscale-800---Darkest, #434343)!important;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.eye_input_login {
    position: relative;
}
.pass_img_eye {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.input_btn_div2 {
    width: 100%;
    max-width: 264px;
}
.div2_para3 {
    display: flex;
padding: 8px 0px;
justify-content: center;
align-items: center;
gap: 9px;
border-bottom: 1px solid var(--Teal, #1B868F);
color: var(--Teal, #1B868F);
font-family: "Open Sans Condensed";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 155%; /* 27.9px */
letter-spacing: 1.08px;
text-transform: uppercase;
margin-bottom: 0%;
}
.div3_login_inner {
    display: flex;
width: 970px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 42px;
margin-left: auto;
    margin-right: auto;
}
.div3_login_heading {
    display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
}
.login_heading2 {
    color: var(--Gold, #C9AB81);
text-align: center;
font-family: "Caviar Dreams";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 71.75px */
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0%;
}
.para_login4 {
    color: var(--Grayscale-700---Darker, #636363);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.div_modal_border {
    display: flex;
    width: 610px;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border: 1px solid var(--Grayscale-White, #FFF);
}
.div_modal_inner {
    display: flex;
width: 562px;
padding: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 44px;
background: var(--Grayscale-White, #FFF);
}
.heading_modal_div{
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
}
.heading_modal {
    color: var(--Gold, #C9AB81);
text-align: center;
font-family: "Caviar Dreams";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 45.92px */
text-transform: uppercase;
margin-bottom: 0%;
}
.para_modul {
    color: var(--Grayscale-700---Darker, #636363);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.div_modul_btn {
    display: flex;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
}
.modal_con {
    background-color: transparent;
    /*position: absolute;*/
    /*right: 54px;*/
    /*top: 332px;*/
}
.modal-dialog {
    max-width: fit-content;
}
.div1_resetPass_main {
    display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding-top: 240px;  
}

.div2_register_input {
    display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}

.div2_register_btn {
    display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}

.div2_register_inner {
    display: flex;
    padding: 40px 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    background: var(--Grayscale-White, #FFF);
    width: 768px;
}
.div2_login_input{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}

.div2_term {
    display: flex;
width: 100%;
flex-direction: column;
align-items: center;
padding: 40px 0px;
margin-left: auto;
margin-right: auto;
}
.div2_term_main {
    display: flex;
padding: 64px 0px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.div2_terms_inner {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.heading_term {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Caviar Dreams";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 45.92px */
text-transform: uppercase;
margin-bottom: 0%;
}
.para_term {
    color: var(--Grayscale-700---Darker, #636363);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
width: 1074px;
}
.error_main{
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
        padding-top: 314px;
    padding-left: 332px;
    padding-bottom: 183.5px;
}
.error_inner {
    display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 32px;
flex-shrink: 0;
    position: absolute;
    z-index: 1;
}
.heading_div_error {
    display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 28px;
flex-shrink: 0;
}
.heading__error {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Imperial Script";
font-size: 164px;
font-style: normal;
font-weight: 400;
line-height: 102px; /* 235.34px */
margin-bottom: 0%;
}
.subheading_error {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Caviar Dreams";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 45.92px */
text-transform: uppercase;
margin-bottom: 0%;
}
.para_error {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 27.12px */
margin-bottom: 0%;
width: 360px;
}

.div_error_mo {
    position: relative;
    height: 375px;
}
.div_inner_error_mo {
    display: flex;
width: 100%;
padding: 40px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
background: var(--Grayscale-White, #FFF);
}
.heading_div_error_mo{
    display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 28px;
flex-shrink: 0;
}
.heading_error_mo {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Imperial Script";
font-size: 164px;
font-style: normal;
font-weight: 400;
line-height: 102px; /* 235.34px */
margin-bottom: 0%;
}
.subheading_error_mo {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Caviar Dreams";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 45.92px */
text-transform: uppercase;
margin-bottom: 0%;
}
.para_error_mo {
    color: var(--Dark-Teal, #1B1D1E);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}

.div_shopping_cart {
    display: flex;
width: 100%;
flex-direction: column;
align-items: center;
padding: 40px 0px;
}

.divPS_table {
    border: 1px solid var(--Grayscale-500, #D0D0D0);
}

.PS_table {
    margin-bottom: 0%;
}

.PS_thead td {
    background: var(--pine-p, #1B1D1E);
    padding: 24px 0px;
    border-bottom: 1px solid var(--Neutral-Near-Black, #111);
}

.para_table1 {
color: var(--Gold, #C9AB81);
font-family: "Caviar Dreams";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 28.7px */
text-transform: uppercase;
margin-bottom: 0%;
}

.PS_tbody td {
    padding: 24px 0px;
}

.para_table2 {
   color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 37.29px; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}

.PS_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.PS_thead tr td:last-child {
    text-align: right;
    padding-right: 24px;
}

.PS_tbody tr td:last-child {
    text-align: right;
    padding-right: 24px;
}

.PS_thead tr td:first-child {
    padding-left: 24px;
}

.PS_tbody tr td:first-child {
    padding-left: 24px;
}

.divPS_table .table-striped>tbody>tr:nth-of-type(odd)>td {
    --bs-table-bg-type: #FAFAFA;
}

.divPS_table .table-striped>tbody>tr:nth-of-type(even)>td {
    --bs-table-bg-type: #ffffff;
}

.div_table_inner {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 483px;
}

.para_table3{
    color: var(--Grayscale-600---Dark, #8A8A8A);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 11px; /* 27.12px */
margin-bottom: 0%;
}
.div_table_img {
    display: flex;
align-items: center;
gap: 8px;
}
.para_table4 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
width: 207px;
}
.para_table5 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
width: 185px;
}
.para_table6 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
width: 139px;
}
.table_border {
    display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid var(--Grayscale-White, #FFF);
}
.table_btn_din {
    display: flex;
align-items: flex-start;
gap: 10px;
}
.para_table7 {
    color: var(--Grayscale-600---Dark, #8A8A8A);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}
.para_table7 span {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%;
text-transform: capitalize;
margin-bottom: 0%;
}
.div_btn_shopping {
    display: flex;
padding: 24px 0px;
flex-direction: column;
align-items: center;
gap: 24px;
background: var(--Grayscale-White, #FFF);
border: 1px solid var(--Grayscale-500, #D0D0D0);
width: -webkit-fill-available;

}
.div_btn_shopping_main  {
    display: flex;
padding: 0px 24px;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.div_btn_shopping_inner {
    display: flex;
align-items: flex-start;
gap: 10px;
}
.para_btn_shopping {
    color: var(--Grayscale-600---Dark, #8A8A8A);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}
.para_btn_shopping span {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%;
text-transform: capitalize;
margin-bottom: 0%;
}
.div_payS {
    display: flex;
padding: 24px 0px;
flex-direction: column;
align-items: center;
gap: 24px;
background: var(--Grayscale-White, #FFF);
width: 100%;
border: 1px solid #E4E4E4;
}
.div_payS_main {
    display: flex;
padding: 0px 24px;
flex-direction: column;
justify-content: center;
gap: 16px;
align-self: stretch;
align-items: center;
}
.div_payS_inner1 {
    display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.heading_payS1 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.heading_payS2 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}
.price_payS1{
    color: var(--Functional-Success-Green, #0D990D);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}
.div_payS_inner3 {
    border: 1px solid #E4E4E4;
    width: 100%;
}
.btn_payS {
    width: 224px;
}
.div_modal_inner_SC {
    display: flex;
padding: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 44px;
background: #FFF;
}
.div_SC_main_modal {
    display: flex;
align-items: center;
gap: 41px;
}
.img_modal_SC {
    height: 100%;
    width: 502px;
align-self: stretch;
}
.div_modal_border_SC{
    display: flex;
    width: fit-content;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid var(--Grayscale-White, #FFF);
}
.div_modal_text_main {
    display: flex;
width: 709px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.div_modal_text_inner {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.para_modalSC {
    color: var(--Dark-Gold, #B18E5E);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.heading_modal_Sc {
    color: var(--Grayscale-800---Darkest, #434343);
font-family: "Caviar Dreams";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 71.75px */
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0%;
}
.para_modalSC_1 {
    color: var(--Dark-Gold, #B18E5E);
font-family: "Caviar Dreams";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 28.7px */
text-transform: uppercase;
margin-bottom: 0%;
}
.div_modal_text_inner_2 {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.input_div_modal_main {
    display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.input_div_modal_inner {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
.para_modal_SC2 {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 30.51px */
margin-bottom: 0%;
}
.modal_con_SC{
    background-color: transparent;
    position: absolute;
    right: 442px;
}
.div_modal_text_inner_3 {
    display: flex;
width: 602px;
align-items: center;
gap: 24px;
}
.heading_text3_modal {
    color: var(--Dark-Gold, #B18E5E);
font-family: "Caviar Dreams";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 45.92px */
text-transform: uppercase;
margin-bottom: 0%;
}
.div_modal_SC_qty {
    display: flex;
align-items: center;
gap: 4px;
}
.img_modal_qty_left {
    width: 24px;
height: 24px;
flex-shrink: 0;
}
.para_text3_modal {
    display: flex;
padding: 4px 12px;
justify-content: center;
align-items: center;
align-self: stretch;
color: var(--Dark-Teal, #1B1D1E);
font-family: "Caviar Dreams";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 143.5%; /* 28.7px */
text-transform: uppercase;
margin-bottom: 0%;
}
.img_modal_qty_right{
    width: 24px;
height: 24px;
flex-shrink: 0;
}
.div_delete_input_modal {
    position: relative;
}
.img_delete_input_modal {
    position: absolute;
    top: 10px;
    right: 12px;
}
.input_login_modal {
    display: flex;
height: 48px;
padding: 8px 12px;
align-items: center;
gap: 10px;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-200---Near-White, #FAFAFA);
color: var(--Teal, #1B868F);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
margin-bottom: 0%;
}
.input_login_textarea {
    display: flex;
height: 92px;
padding: 18.5px 12px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
background: var(--Grayscale-200---Near-White, #FAFAFA);

}
.input_login_textarea::placeholder {
 color: var(--Grayscale-800---Darkest, #434343);
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.div_text_inner3_inner {
    display: flex;
    gap: 24px;
    flex-direction: row;
}


@media only screen and (max-width: 700px) {
    .div1_login {
    background-image: url(../img/login_bg_mo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 384px;
    margin-top: 80px;
}
.div1_login_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 85px 24px;
}
.div1_resetPass_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 90px 24px 40px 24px;
}
.heading_login {
    color: var(--Grayscale-White, #FFF);
    font-family: "Caviar Dreams";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    margin-bottom: 0%;
    text-align: center;
}
.div2_login {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 40px 24px;
}
.div3_login_inner {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 42px;
    margin-left: auto;
    margin-right: auto;
}

.div2_login_border {
    display: flex;
    width: 100%;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border: 0px solid var(--Grayscale-White, #FFF);
    position: unset;
    min-width: 100%;
}
.div2_login_inner {
    display: flex;
    padding: 0px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: var(--Grayscale-White, #FCFAF4);
}
.div2_register_inner {
    display: flex;
    padding: 0px 0px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background: var(--Grayscale-White, #FCFAF4);
}
.input_login {
    background: var(--Grayscale-White, #FFF);
}
.login_heading2 {
    color: var(--Gold, #C9AB81);
    text-align: center;
    font-family: "Caviar Dreams";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 143.5%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0%;
}
.div3_login {
   padding: 40px 24px;
   background-image: url(../img/login_bottom_bg_mo.png);
}
.input_btn_div2 {
    width: 100%;
    max-width: 100%;
}
.div_modal_border {
    display: flex;
    width: 0px; 
    padding: 0px; 
    flex-direction: column;
    align-items: flex-start;
    gap: 0px; 
    border: 0px solid var(--Grayscale-White, #FFF);
}
.div_modal_inner{
    display: flex;
width: 359px;
padding: 32px 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.div_modul_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    flex-direction: column;
}
.div2_register_input {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-direction: column;
}
.div2_register_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    gap: 24px;
}
.login_strong_s1 {
    color: var(--Grayscale-800---Darkest, #434343);
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 169.5%;
    margin-bottom: 0%;
}
.login_strong_s1 a {
    color: var(--Teal, #1B868F);
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 169.5%;
    margin-bottom: 0%;
    text-decoration: none;
}
.c-checkbox_s1>.c-div_s1>label:before, 
.c-checkbox_s1>.c-div_s1>.label:before {
    top: 8px;
    left: 8px;
}
.c-checkbox_s1 input[type='checkbox']~label:after, 
.c-checkbox_s1 input[type='checkbox']~.label:after {
    left: 13px;
    top: 13px;
}
.para_term {
    color: var(--Grayscale-700---Darker, #636363);
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 169.5%;
    margin-bottom: 0%;
    width: 100%;
}
.div2_term {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
    margin-left: auto;
    margin-right: auto;
}
.div2_term_main {
    display: flex;
    padding: 40px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.heading_term {
    color: var(--Dark-Teal, #1B1D1E);
    font-family: "Caviar Dreams";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 143.5%;
    text-transform: uppercase;
    margin-bottom: 0%;
}
.div2_terms_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.div_shopping_cart_mo {
    display: flex;
padding: 40px 0px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-bottom: 1px solid var(--Grayscale-500---Light, #C7C7C7);
}
.div_SC_main {
    display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
background: var(--Grayscale-200---Near-White, #FAFAFA);
}
.div_SC_inner {
    display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
}
.divSC_heading {
    display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
}

.modal_con {
    background-color: transparent;
    position: absolute;
    right: 1px;
    top: 141px;
}

.div_para_SC {
    display: flex;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.heading_SC {
    color: var(--Dark-Teal, #1B1D1E);
text-align: center;
font-family: "Josefin Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 30.51px */
margin-bottom: 0%;
}
.para_SC_head {
    color: var(--Grayscale-600---Dark, #8A8A8A);
text-align: center;
font-family: "Josefin Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 27.12px */
margin-bottom: 0%;
}
.para_SC {
    color: var(--Dark-Teal, #1B1D1E);
text-align: center;
font-family: "Josefin Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 22.035px */
margin-bottom: 0%;
}
.div_line_SC {
    width: 327px;
        border: 1px solid #C7C7C7;
}
.div_SC_bottom {
    display: flex;
        justify-content: space-between;
align-items: center;
align-self: stretch;
}
.heading_div_error_mo {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 28px;
    
}
.subheading_error_mo {
    margin-bottom: 24px;
}
section.login {
    margin-top: 82px;
}
.para_error_mo {
    margin-bottom: 24px;
}
.div_SC_bottom_inner {
    display: flex;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.para_SC_bottom {
    color: var(--Dark-Teal, #1B1D1E);
text-align: center;
font-family: "Josefin Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 169.5%; /* 30.51px */
margin-bottom: 0%;
}
.div_SC_main_white {
    background: var(--Grayscale-White, #FFF);
    display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.div_SC_total {
    display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
background: var(--Grayscale-White, #FFF);
border-top: 1px solid var(--Grayscale-400---Lighter, #E4E4E4);
}
.para_total_SC {
    color: var(--Grayscale-600---Dark, #8A8A8A);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%; /* 37.29px */
text-transform: capitalize;
margin-bottom: 0%;
}
.para_total_SC span {
    color: var(--Dark-Teal, #1B1D1E);
font-family: "Josefin Sans";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 169.5%;
text-transform: capitalize;
margin-bottom: 0%;
}
.div_btn_SC{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.div_modal_border_SC {
    display: flex;
    width: fit-content;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border: 0px solid var(--Grayscale-White, #FFF);
}
.div_modal_inner_SC {
    display: flex;
    padding: 32px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    background: #FFF;
}
.modal_con_SC {
    background-color: transparent;
    position: unset;
    right: 442px;
}
.div_SC_main_modal {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-direction: column;
}
.div_modal_text_main {
    display: flex
;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.div_modal_text_inner {
    display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.heading_modal_Sc {
    color: var(--Grayscale-800---Darkest, #434343);
    font-family: "Caviar Dreams";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 143.5%;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0%;
}
.img_modal_SC {
    width: 100%;
    align-self: stretch;
}
.div_modal_text_inner_3 {
    display: flex
;
    width: 100%;
    align-items: center;
    gap: 24px;
}
.input_div_modal_main {
    display: flex
;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-direction: column;
}
.div_text_inner3_inner{
    display: flex;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
}
    .div_modal_text_inner_3 {
        display: flex
;
        width: 100%;
        align-items: center;
        gap: 24px;
        flex-direction: column;
    }
}

@media only screen and (min-width: 780px) and (max-width:991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1151px) {
    .para_term {
    width: 1000px;
}
    .error_main {
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
    padding-top: 314px;
    padding-left: 51px;
    padding-bottom: 183.5px;
}
.div_table_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 445px;
}
.para_table4 {
    color: var(--Dark-Teal, #1B1D1E);
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 169.5%;
    margin-bottom: 0%;
    width: 175px;
}

.para_table5 {
    color: var(--Dark-Teal, #1B1D1E);
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 169.5%;
    margin-bottom: 0%;
    width: 150px;
}

.div_modal_text_main {
    display: flex;
    width: 598px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.img_modal_SC {
    width: 320px;
    align-self: stretch;
}
.modal_con_SC {
    background-color: transparent;
    position: absolute;
    right: 271px;
}
.div_SC_main_modal {
    display: flex;
    align-items: center;
    gap: 24px;
}
.div_modal_inner_SC {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 44px;
    background: #FFF;
}
}

@media only screen and (min-width: 1152px) and (max-width:1279px) {
    .para_term {
    width: 1000px;
}
.error_main {
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
    padding-top: 314px;
    padding-left: 88px;
    padding-bottom: 183.5px;
}

.div_table_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 450px;
}
.div_modal_text_main {
    display: flex;
    width: 598px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.img_modal_SC {
    width: 400px;
    align-self: stretch;
}
.modal_con_SC {
    background-color: transparent;
    position: absolute;
    right: 312px;
}
.div_SC_main_modal {
    display: flex;
    align-items: center;
    gap: 24px;
}
.div_modal_inner_SC {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 44px;
    background: #FFF;
}
}

@media only screen and (min-width: 1280px) and (max-width:1348px) {
    .error_main {
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
    padding-top: 314px;
    padding-left: 51px;
    padding-bottom: 183.5px;
}
.div_modal_text_main {
    display: flex;
    width: 650px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.img_modal_SC {
    width: 430px;
    align-self: stretch;
}
.modal_con_SC {
    background-color: transparent;
    position: absolute;
    right: 376px;
}
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .error_main {
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
    padding-top: 314px;
    padding-left: 51px;
    padding-bottom: 183.5px;
}
.div_modal_text_main {
    display: flex;
    width: 680px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.img_modal_SC {
    width: 460px;
    align-self: stretch;
}
.modal_con_SC {
    background-color: transparent;
    position: absolute;
    right: 408px;
}
    
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {

    .error_main {
    display: flex;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 819px;
    padding-top: 314px;
    padding-left: 96px;
    padding-bottom: 183.5px;
}
    
}

@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) {
    
}