.giveaway-modal { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; display: none; /* Hidden by default, shown via JS */ background-color: rgba(0, 0, 0, 0.5); } .giveaway-modal.show { display: flex ; justify-content: center; align-items: center; } .giveaway-modal-content { background-color: #fff; padding: 40px 24px; border-radius: 16px; width: 95%; max-width: 453px; position: relative; } .giveaway-close { color: #aaa; position: absolute; top: 10px; right: 20px; font-size: 28px; font-weight: bold; cursor: pointer; } .giveaway-close:hover, .giveaway-close:focus { color: #000; text-decoration: none; } .giveawayModalInner h4 { font-size: 22px; line-height: 120%; font-weight: 600; margin: 8px 0 16px; } .giveawayModalInner p { margin: 0; font-size: 14px; font-weight: 500; line-height: 135%; letter-spacing: -0.3px; } .giveawayModalInner p+p { margin-top: 18px; } .giveawayModalInner p span { color: #7270FF; font-weight: 700; } button#g_id_main { width: 100%; border: 1px solid #747775; border-radius: 50px; padding: 10px; line-height: 0; background-color: #fff !important; } .googleAuthBtnWrap { margin-top: 32px; text-align: center; } .openGmailBtn a { background-color: #1E1E1E1A; color: #1E1E1E !important; font-weight: 500; font-size: 16px; line-height: 150%; width: 240px; display: inline-block; border-radius: 50px; padding: 8px; text-align: center; } .openGmailBtn a img { vertical-align: -2px; margin-left: 1px; } .m-cont-success { display:none; } .giveaway-second-chance-auth { display: flex ; justify-content: center; flex-direction: row; } .giveaway-second-chance-auth button#g_id_main { width: 175px; } .giveaway-second-chance-auth .giveaway-modal-content { border: 1px solid #1E1E1E33; box-shadow: 0px 0px 64px 0px #1E1E1E1F; } .g_form_row { background-color: #F4F4F4; display: flex; border-radius: 50px; padding: 4px; } .g_form_row input { background-color: transparent; border: none !important; color: #1E1E1E; font-size: 14px; outline: none !important; } .g_form_row input::placeholder {} .g_form_row input::placeholder { color: #1E1E1E; } .g_form_row button { background-color: #7270FF !important; color: #fff !important; border-radius: 50px; font-size: 14px; font-weight: 500; padding: 11px 16px; box-shadow: 0px 6px 12px 0px #B9CBFFB2 inset; border: 1.5px solid #FFFFFF1F; } form#NonGmailUserForm { margin-top: 16px; } .gFormMessage { font-size: 14px; text-align: center; font-weight: 600; margin-top: 6px; } .g_form_row button[disabled] { opacity: 0.3; } /*Follow and win page*/ .ga_fw_verify_step { text-align: center; background-color: #fff; border: 1px solid #1E1E1E33; box-shadow: 0px 0px 64px 0px #1E1E1E1F; border-radius: 12px; padding: 40px 16px; } .ga_fw_input { display: flex; background-color: #F4F4F4; border-radius: 50px; position: relative; } .ga_fw_input input { background-color: transparent; border: none !important; outline: none; font-size: 16px; color: #1E1E1E; padding: 13px 16px; } .ga_fw_input input::placeholder { color: #1E1E1E; font-size: 16px; } .ga_fw_input button { font-size: 14px; color: #fff; background-color: #7270FF !important; border-radius: 50px; margin: 4px; border: 1.5px solid #FFFFFF1F; box-shadow: 0px 6px 12px 0px #B9CBFFB2 inset; font-weight: 500; padding: 11px 16px; line-height: 130%; } .ga_fw_verify_step h4 { font-size: 22px; font-weight: 600; line-height: 120%; margin: 16px 0; } .ga_fw_verify_step p { font-size: 16px; line-height: 150%; margin: 0 0 32px; } .ga_fw_input.ga_fw_user_verify { margin: 0 auto; max-width: 400px; width: 100%; } .ga_fw_success_text h2 { font-size: 40px; line-height: 100%; letter-spacing: -0.3px; margin: 0 0 16px; } .ga_fw_success_text p { font-weight: 500; font-size: 16px; line-height: 150%; margin: 0; } .ga_fw_success_text { text-align: center; margin-bottom: 40px; } .ga_fw_input_wrap { background-color: #fff; border-radius: 50px; border: 1px solid #1E1E1E33; display: flex; align-items: center; justify-content: space-between; padding: 20px; gap: 17px; min-height: 92px; } .ga_fw_input_wrap + .ga_fw_input_wrap { margin-top: 16px; } .ga_fw_social_wrap { display: flex; justify-content: start; align-items: center; gap: 16px; } .ga_fw_social_helper p { margin: 0; font-size: 14px; font-weight: 500; line-height: 130%; } .ga_fw_input_wrap .ga_fw_social_wrap, .ga_fw_input_wrap .ga_fw_input { flex: 1; } .ga_fw_social_icon { flex: 0 0 40px; min-width: 40px; line-height:0; } .ga_fw_social_btn a { background-color: #1E1E1E; color: #fff !important; border-radius: 50px; height: 40px; line-height: 40px; display: inline-block; font-size: 16px; padding: 0 14px; } .ga_fw_social_btn a img { vertical-align: -2px; } .ga_fw_input_wrap.ga_fw_completed { border: 1px solid #00BF0080; } .ga_fw_input_wrap.ga_fw_completed .ga_fw_social_wrap { justify-content: space-between; } .ga_fw_completed_message { color: #00BF00; font-weight: 600; } @media only screen and (max-width: 767px) { .ga_fw_input_wrap { border-radius: 24px; flex-direction: column; padding: 16px; } .ga_fw_input_wrap .ga_fw_social_wrap, .ga_fw_input_wrap .ga_fw_input { flex: 1; width: 100%; } .ga_fw_success_text { text-align: left; } .ga_fw_success_text h2 { font-size: 32px; } .generate-certificate-wrap p { font-size: 16px !important; line-height: 140% !important; } .generate-certificate-wrap h2 { line-height: 140% !important; font-size: 40px !important; } button#generate_cert_btn { font-size: 14px !important; padding: 15px 32px !important; } .cert-verification small { font-size: 14px !important; } } .ga_fw_error { position: absolute; bottom: -18px; left: 17px; } .ga_fw_input.ga_fw_user_verify.verifyError { border: 1px solid #EB001B; } .ga_fw_input.ga_fw_user_verify.verifyError input::placeholder { color: #FF0000 !important; opacity: 1; } .ga_fw_error_ver { font-weight: 500; font-size: 14px; line-height: 135%; width: 400px; margin: 12px auto 0; } /*Certificate*/ .generate-certificate-wrap p { font-size: 24px; line-height: 140%; width: 100%; max-width: 425px; margin: 0 auto; font-weight: 500; } .generate-certificate-wrap { text-align: center; } .generate-certificate-wrap h2 { line-height: 140%; font-size: 56px; font-weight: 500; left: 0; margin: 8px 0 24px; } button#generate_cert_btn { background-color: #7270FF; color: #fff; font-size: 16px; font-weight: 500; padding: 13.5px 32px; line-height: 130%; border-radius: 50px; border: none; } p#cert_status { font-size: 14px; color: #000000 !important; font-weight: 500; margin-top: 17px !important; max-width: 300px; } .generate-certificate-wrap .certificate_disclaimer { font-size: 14px !important; color: #000000 !important; font-weight: 500; margin-top: 24px !important; } .cert-verification h2 { margin: 8px 0; } .cert-verification small { font-weight: 500; font-size: 16px; line-height: 140%; margin-top: 24px; display: block; } /*Certificate*/ /*Follow and win page*/