.rowBx{grid-gap:10px;display:flex}.hrt-Box{padding:50px 0;display:block}.formWrapper{background:#fff;border:1px solid #c7c7c7;border-radius:18px;width:100%;max-width:880px;margin:0 auto;padding:32px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;box-shadow:0 12px 30px #1a1a1a0f}.formWrapper .formTitle{text-align:center;color:#222;letter-spacing:.2px;margin-bottom:50px;font-size:26px;font-weight:800}.formWrapper .formTitle span{color:#ce0000}.py-box{background:url(../media/ct.08790209.jpg) 0 0/cover no-repeat fixed;padding:40px 0}.customForm{flex-direction:column;gap:18px;display:flex}.customForm .formRow{display:block}.customForm .formRow.twoCols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.customForm .formGroup{flex-direction:column;gap:8px;width:100%;display:flex}.customForm .formGroup label{color:#2a2a2a;font-size:14px;font-weight:700}.customForm .formGroup .formControl{box-shadow:none;background:#fff;border:1px solid #d3d3d3;border-radius:5px;width:100%;padding:12px 14px;font-size:15px;transition:all .18s}.customForm .formGroup .formControl:focus{border-color:#6a5acd;outline:none;box-shadow:0 0 10px #6a5acd2e}.customForm .country-phone .phoneWrapper{align-items:center;gap:10px;display:flex}.customForm .country-phone .countryCode{text-align:center;border-radius:10px;flex-shrink:0;width:28%;padding:10px 12px}.customForm .country-phone .phoneInput{flex:1}.customForm .genderGroup .genderOptions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customForm .PolicyCheck{align-items:flex-start;gap:12px;display:flex}.customForm .PolicyCheck p{color:#555;margin:0;font-size:13px;line-height:1.35}.customForm .PolicyCheck input[type=checkbox]{width:18px;height:18px;margin-top:4px}.customForm .btnGroup{flex-direction:row;justify-content:space-between;gap:12px;display:flex}.customForm .btnGroup .btn{cursor:pointer;border:none;border-radius:25px;width:48%;padding:12px 20px;font-size:15px;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 18px #6a5acd14}.customForm .btnGroup .btn:active{transform:translateY(1px)}.customForm .btnGroup .btn.cancelBtn{color:#444;background:#f2f2f2;border:1px solid #e6e6e6}.customForm .btnGroup .btn.cancelBtn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #14141408}.customForm .btnGroup .btn.saveBtn{color:#fff;background:linear-gradient(256deg,#ce0000 17%,#820000 100%);font-weight:700}.customForm .btnGroup .btn.saveBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6a5acd2e}.genderGroup .genderOptions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.genderGroup .radioLabel{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#fbfbff);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:8px 14px;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #1e1e1e0a}.genderGroup .radioLabel input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.genderGroup .radioLabel .customRadio{background:linear-gradient(#fff,#f7f6ff);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .16s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #e9e9ff}.genderGroup .radioLabel .radioText{color:#222;font-size:14px;font-weight:700;display:inline-block}.genderGroup .radioLabel input[type=radio]:checked+.customRadio{background:radial-gradient(circle at 30% 35%,#fff 0%,#fff0 35%),linear-gradient(#900000,#cb0000);transform:translateY(-2px);box-shadow:0 6px 18px #6a5acd2e}.genderGroup .radioLabel input[type=radio]:checked+.customRadio:after{content:"";opacity:.95;background:#fff;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px #fff3}.genderGroup .radioLabel:hover{border-color:#ececff;transform:translateY(-2px)}.PolicyCheck .checkboxLabel{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;width:100%;display:flex;position:relative}.PolicyCheck .checkboxLabel input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.PolicyCheck .checkboxLabel .customCheckbox{transform-origin:50%;background:linear-gradient(#fff,#faf9ff);border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;transition:all .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #6a5acd0f}.PolicyCheck .checkboxLabel .checkmark{transition:transform .18s cubic-bezier(.2,.9,.3,1);display:block;transform:scale(0)}.PolicyCheck .checkboxLabel p{color:#555;flex:1;margin:0;font-size:13px;line-height:1.35}.PolicyCheck .checkboxLabel input[type=checkbox]:checked+.customCheckbox{background:linear-gradient(#7a63f0,#5f47d6);border-color:#0000000a;transform:translateY(-2px);box-shadow:0 10px 26px #6a5acd2e}.PolicyCheck .checkboxLabel input[type=checkbox]:checked+.customCheckbox .checkmark{transform:scale(1)}.PolicyCheck .checkboxLabel:hover .customCheckbox{border-color:#e6e6ff;transform:translateY(-2px)}.genderGroup input[type=radio]:focus+.customRadio,.PolicyCheck input[type=checkbox]:focus+.customCheckbox{outline:none;box-shadow:0 0 0 4px #6a5acd24}@media (max-width:560px){.formWrapper{padding:20px}.customForm .formRow.twoCols{grid-template-columns:1fr}.btnGroup .btn{width:100%}}.passwordGroup .passwordWrapper{align-items:center;display:flex;position:relative}.passwordGroup .passwordWrapper .passwordInput{padding-right:48px}.passwordGroup .passwordWrapper .passwordToggle{cursor:pointer;color:#444;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:4px;font-size:18px;display:flex;position:absolute;right:12px}.passwordGroup .passwordWrapper .passwordToggle:hover{opacity:.7}
