.gri-create-account-view {}



.gri-create-account-view
.view-body
.step
.step-body
.step-head
img {
    display: inline-block;
    margin: 10px 0 0 0;
    width: auto;
    height: 50px;
}



.gri-create-account-view
.view-body
.step
.step-body
.step-head
h1 {
    margin: 2px 0 0 0;
    font-size: 20px;
    font-weight: 700;
}



.gri-create-account-view
.view-body
.step
.step-body
.step-head
h2 {
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #888;
    font-weight: 600;
}



.gri-create-account-view
.view-body
.step
.step-body
.cc-fc-input-wrapper {
    //margin-top: 25px;
}






/** EMAIL **/
.gri-create-account-view
.view-body
.gri-create-account-email-guide-step
.step-head
p {
    margin: 25px 0 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}





/** NAME **/
.gri-create-account-view
.view-body
.gri-create-account-name-guide-step
.step-body
.first-name {
    margin-top: 25px;
}





/** USER INFO **/

.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
h1.birthday-title {
    margin: 20px 0 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper {
    margin: 7px 0 0 0;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper
.birthday-message {
    display: none;
    color: #e40d0d;
}

.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper
.birthday-message.show {
    display: block;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper
.birthday-inputs-wrapper {
    display: grid;
    grid-template-columns: 1fr 80px 100px;
    column-gap: 10px;
    position: relative;
    width: 100%;
    white-space: nowrap;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper
.birthday-inputs-wrapper
.cc-fc-input-wrapper {
    display: inline-block;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    vertical-align: top;
    //width: 32.6666666%
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.main-birthday-wrapper
.birthday-inputs-wrapper
.cc-fc-input-wrapper.bday-month
select {
    width: 100%;  
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.gender {
    margin-top: 10px;
}

.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.gender
select {
    width: 116px;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.zip {
    margin-top: 10px;
}

.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.zip
input {
    width: 116px;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.info-private {
    position: relative;
    margin: 16px 0 0 0;
    padding: 0 0 0 20px;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.info-private
img {
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
}



.gri-create-account-view
.view-body
.gri-create-account-user-info-guide-step
.info-wrapper
.info-private
span {
    color: #333;
    font-size: 13px;
    font-weight: 400;
}





/** CAPTCHA **/

.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.captcha-wrapper {
    margin: 20px auto 0 auto;
    width: fit-content;
}





.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.send-emails-wrapper {
    margin: 25px 0 0 0;
}



.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.send-emails-wrapper
label
span
b {
    font-weight: 900;
}





.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.send-texts-wrapper {
    margin: 18px 0 0 0;
}



.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.send-texts-wrapper
label
span
b {
    font-weight: 900;
}





.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.agree-to-terms-wrapper {
    margin: 18px 0 0 0;
}





.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.checkbox
label {
    display: block;
    position: relative;
    padding: 0 0 0 40px;
}



.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.checkbox
input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



.gri-create-account-view
.view-body
.gri-create-account-captcha-guide-step
.checkbox
span {
    position: relative;
    font-size: 14px;
    color: #333;
}





/** OTP **/
.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.cc-fc-input-wrapper {
    margin-top: 25px;
}



.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper {
    margin: 10px 0 0 10px;
}



.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper
p {
    display: none;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper.countdown
p {
    display: block;
}



.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper
a {
    display: none;
    font-size: 15px;
    font-weight: 600;
}

.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper.send-button
a {
    display: inline;
}



.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper
span {
    display: none;
    font-size: 15px;
    font-weight: 700;
    color: #65b649;
}

.gri-create-account-view
.view-body
.gri-create-account-otp-guide-step
.step-body
.resend-otp-button-wrapper.sending
span {
    display: block;
}