#frontend_content_main_body {
    flex-grow: 1;    
    display: flex;
    flex-direction: column;
    overflow-x: hidden;    
}

#frontend_content_main_body #frontend_content_main_body_wrapper {
    width: 200%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header {
    background-color: var( --color-red );
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px;
    padding-bottom: 60px;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 28px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header .frontend_content_main_body_wrapper_registration_header_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header .frontend_content_main_body_wrapper_registration_header_row .material-symbols-outlined {
    font-size: 1.5rem;
    color: white;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header .frontend_content_main_body_wrapper_registration_header_row .phone_prefix {
    color: white;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header .frontend_content_main_body_wrapper_registration_header_row input {
    flex-grow: 1;
    border: none;
    outline: none;
    border-radius: 0.475rem;
    padding: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_header .frontend_content_main_body_wrapper_registration_header_row input::placeholder {
    color: var( --color-red );
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body {
    overflow-x: hidden;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 20px;    
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row label {
    display: flex;
    flex-directon: row;
    align-items: center;    
    color: var( --color-font-gray );
    font-size: 0.8rem;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row label input {
    width: 1rem;
    height: 1rem;
    border: 1.25px solid var( --color-red );
    border-radius: 0.25rem;
    outline: none;
    appearance: none;
    margin: 0;
    margin-right: 10px;    
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row label input:checked {
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url( "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'><path d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ff0000'/></svg>" );    
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row label a {
    text-decoration: none;
    font-family: 'Medium-Bold';
    color: var( --color-font-dark );
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row .frontend_content_main_body_wrapper_registration_body_row_legalp {
    color: var( --color-font-gray );
    text-align: justify;
    font-size: 0.6rem;
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row #frontend_content_main_body_wrapper_registration_remember {
    width: 100%;
    text-align: center;
    color: var( --color-font-gray );
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body .frontend_content_main_body_wrapper_registration_body_row #frontend_content_main_body_wrapper_registration_result {
    width: 100%;
    min-height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var( --color-red );
    font-size: 0.8rem;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body #frontend_content_main_body_wrapper_registration_button_loader {
    width: 200%;
    display: flex;
    flex-direction: row;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body #frontend_content_main_body_wrapper_registration_button_loader #frontend_content_main_body_wrapper_registration_button {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body #frontend_content_main_body_wrapper_registration_button_loader #frontend_content_main_body_wrapper_registration_button span {
    width: 90%;
    display: block;
    background-color: var( --color-red );
    border-radius: 1000px;
    padding: 16px 24px;
    color: white;    
    text-decoration: none;
    text-align: center;
    box-shadow: 4px 4px 16px 4px rgba(0,0,0,0.25);    
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body #frontend_content_main_body_wrapper_registration_button_loader #frontend_content_main_body_wrapper_registration_loader {
    flex-basis: 50%;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_registration #frontend_content_main_body_wrapper_registration_body #frontend_content_main_body_wrapper_registration_button_loader #frontend_content_main_body_wrapper_registration_loader .loader {
    margin: 0 auto;
    font-size: 6px;
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;    
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_header {
    background-color: var( --color-red );
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px;
    padding-bottom: 60px;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 28px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_header .frontend_content_main_body_wrapper_remember_header_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_header .frontend_content_main_body_wrapper_remember_header_row .material-symbols-outlined {
    font-size: 1.5rem;
    color: white;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_header .frontend_content_main_body_wrapper_remember_header_row input {
    flex-grow: 1;
    border: none;
    outline: none;
    border-radius: 0.475rem;
    padding: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_header .frontend_content_main_body_wrapper_remember_header_row input::placeholder {
    color: var( --color-red );
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body {
    flex-grow: 1;
    overflow-x: hidden;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px; 
    padding-bottom: 20px;       
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body .frontend_content_main_body_wrapper_remember_body_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body .frontend_content_main_body_wrapper_remember_body_row .material-symbols-outlined {
    font-size: 1.5rem;
    color: var( --color-red );
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body .frontend_content_main_body_wrapper_remember_body_row input {
    flex-grow: 1;
    border: none;
    outline: none;
    border-radius: 0.475rem;
    border: 1px solid var( --color-red );
    padding: 16px;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body .frontend_content_main_body_wrapper_remember_body_row #frontend_content_main_body_wrapper_remember_registration {
    width: 100%;
    text-align: center;
    color: var( --color-font-gray );
}

#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body .frontend_content_main_body_wrapper_remember_body_row #frontend_content_main_body_wrapper_remember_result {
    width: 100%;
    min-height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var( --color-red );
    font-size: 0.8rem;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body #frontend_content_main_body_wrapper_remember_button_loader {
    width: 200%;
    display: flex;
    flex-direction: row;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body #frontend_content_main_body_wrapper_remember_button_loader #frontend_content_main_body_wrapper_remember_button {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body #frontend_content_main_body_wrapper_remember_button_loader #frontend_content_main_body_wrapper_remember_button span {
    width: 90%;
    display: block;
    background-color: var( --color-red );
    border-radius: 1000px;
    padding: 16px 24px;
    color: white;    
    text-decoration: none;
    text-align: center;
    box-shadow: 4px 4px 16px 4px rgba(0,0,0,0.25);    
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body #frontend_content_main_body_wrapper_remember_button_loader #frontend_content_main_body_wrapper_remember_loader {
    flex-basis: 50%;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#frontend_content_main_body #frontend_content_main_body_wrapper #frontend_content_main_body_wrapper_remember #frontend_content_main_body_wrapper_remember_body #frontend_content_main_body_wrapper_remember_button_loader #frontend_content_main_body_wrapper_remember_loader .loader {
    margin: 0 auto;
    font-size: 6px;
}

