.signup-super-container { display: flex; flex-direction: column; width: 100%; align-items: center; margin-bottom: 25px; } .signup-sub-container { display: flex; flex-direction: column; align-items: center; margin-top: 45px; width: 920px; padding: 12px; border-radius: 10px; background-color: rgb(240, 247, 250); border: 1px solid #e9e9e9; } .signup-header { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 20px; } .signup-header-text { letter-spacing: -0.6px; font-weight: 400; font-size: 2rem; } .signup-subheader-text { letter-spacing: -0.6px; font-weight: 400; font-size: 1.7rem; margin-left: 5px; margin-top: 6px; } .signup-button-wrapper-text { letter-spacing: -0.6px; font-weight: 400; font-size: 1.7rem; margin-left: 5px; margin-bottom: 0px !important; } .signup-form { width: 880px; } .signup-button-box { width: 100%; margin-bottom: 24px; display: flex; flex-direction: row; justify-content: flex-end; padding-right: 14px; } .signup-proceed { width: 160px; } .select-plan-container { display: flex; flex-direction: row; margin-top: 24px; width: 920px; } .select-plan-header { display: flex; flex-direction: row; height: 55px; width: 900px; } .plan-header-right { padding: 12px 14px; width: 50%; } .plan-header-right-low { display: flex; flex-direction: row; padding: 12px 14px; width: 100%; } .plan-header-left { display: flex; flex-direction: row-reverse; align-items: center; margin-top: 8px; margin-right: 4px; padding-right: 18px; width: 50%; } .select-sub-left { display: flex; flex-direction: column; align-items: center; margin-top: 45px; width: 100%; padding: 12px; border-radius: 10px; background-color: rgb(240, 247, 250); border: 1px solid #e9e9e9; padding: 6px; } .select-sub-right { width: 40%; border-radius: 10px; background-color: rgb(240, 247, 250); margin-left: 8px; border: 1px solid #e9e9e9; padding: 6px; } .select-toggle-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 2px; width: 240px; height: 20px; } .select-billing-text { font-size: 0.85rem; } .signup-radio-wrapper { background-color: #fff; display: flex; flex-direction: column; } .signup-option-div { display: flex; flex-direction: column; } .radio-group-box { display: flex; flex-direction: row; padding: 6px; width: 100%; height: 340px; } .select-plan-summary-box { display: flex; flex-direction: column; height: 250px; width: 100%; border-radius: 10px; background-color: #fff; border: 1px solid #e9e9e9; margin-top: 5px; padding: 6px; } .selectplan-payment-button-wrapper { display: flex; flex-direction: row-reverse; margin: 6px; padding: 6px; } .signup-option { width: 100% !important; } .signup-radio-container { width: 350px; height: 100%; } .signup-feat-item { font-size: 0.87rem; margin: 8px 0px 8px 4px; } .signup-feat-item-bold { font-family: Roboto; color: #001eff; font-size: 1.15rem; letter-spacing: -0.008rem; font-weight: 500; } .offer-div { display: flex; justify-content: center; align-items: center; height: 30px; border: 1px solid #fdbe72; border-radius: 10px; margin-top: 25px; } .show-addaccount-container { display: flex; flex-direction: column; width: 880px; min-height: 200px; padding: 12px; border-radius: 10px; background-color: #fff; border: 1px solid #e9e9e9; } .signup-accounts-info { font-weight: 300; font-size: 0.93rem; margin-top: 0px; margin-left: 5px; } .signup-select-wrapper { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; margin: 6px 0px; } .signup-select-box { width: 90px; margin-left: auto; margin-top: 12px; margin-bottom: 12px; } .cancel-add-account-btn { margin-right: 16px; } .add-account-copy-wrapper { display: flex; flex-direction: row; width: 800px; justify-content: flex-end; align-items: center; margin-right: 12px; padding-right: 12px; }