.woocommerce .userform{text-align:center;max-width:28.125rem;margin:0 auto}.woocommerce .userform .main-title .h2{display:block;color:#ffcad4;font-size:36px;font-weight:600;text-transform:uppercase;margin-bottom:10px}.woocommerce .userform .main-title span{font-weight:600;font-size:18px;display:block}.woocommerce .userform span.short-desc{font-weight:400;font-size:14px}.woocommerce .userform .main-title{margin-bottom:20px}.woocommerce .userform .userRegForm{margin-top:30px}.woocommerce .userform .userRegForm .form-group{margin-bottom:1rem;position:relative}.woocommerce .userform .userRegForm .input-wrap{margin-bottom:15px;position:relative}.woocommerce .userform .userRegForm .input-wrap input{border:none;border-bottom:1px solid #000;color:gray;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:1rem;outline:none}.woocommerce .userform .userRegForm .input-wrap>.userform_error{position:absolute;color:red;font-size:12px;font-weight:400;width:100%;top:100%;left:0;right:0;text-align:right;margin-top:-2px;display:none}.woocommerce .userform .userRegForm .input-wrap .qoute{position:absolute;left:0;cursor:pointer;top:5px}.woocommerce .userform .userRegForm .input-wrap .qoute>img{width:16px;height:auto;opacity:.5}.woocommerce .userform .userRegForm .input-wrap .qoute span{position:absolute;font-size:10px;background-color:#e6e6e6;border-radius:5px;display:inline-block;width:97px;padding:3px 4px;top:-35px;left:-40px;opacity:0;visibility:hidden;transition:all ease 0.5s}.woocommerce .userform .userRegForm .input-wrap .qoute:hover span{opacity:1;visibility:visible}.woocommerce .userform .userRegForm .input-wrap.gender{display:flex;flex-wrap:wrap;color:gray}.woocommerce .userform .userRegForm .input-wrap.gender .drop-down{margin-right:15px;color:gray;position:relative}.woocommerce .userform .userRegForm .input-wrap.gender span.opener{display:inline-block;position:relative;font:inherit}.woocommerce .userform .userRegForm .input-wrap.gender span.opener img{position:absolute;width:15px;top:8px;left:-30px}.woocommerce .userform .userRegForm .input-wrap.gender .radio-button{position:absolute;background:#fff;z-index:99;padding:8px;width:150px;box-shadow:0 0 6px #ccc;top:130%;display:none}.woocommerce .userform .userRegForm .input-wrap .radio-button>div{position:relative;text-align:initial}.woocommerce .userform .userRegForm .input-wrap .radio-button input[type="radio"]{position:absolute;display:none}.woocommerce .userform .userRegForm .input-wrap .radio-button label{position:relative;padding-right:20px;cursor:pointer;line-height:20px;display:block;color:#666;text-align:right;font-size:1rem}.woocommerce .userform .userRegForm .input-wrap .radio-button label::before{content:"";position:absolute;right:0;top:5px;width:13px;height:13px;border:1px solid #000;border-radius:0;background:#fff}.woocommerce .userform .userRegForm .input-wrap .radio-button label::after{content:"";width:7px;height:7px;background:#ffcad4;position:absolute;top:8px;right:3px;border-radius:0;opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.woocommerce .userform .userRegForm .input-wrap .radio-button input[type="radio"]:checked~label::after{opacity:1}.woocommerce .userform .userRegForm .input-wrap:not(.gender) .radio-button label{font-size:12px;font-weight:600}.text-danger{color:#dc3545!important}.woocommerce .userform .userRegForm .input-wrap:last-child{margin-bottom:0}.woocommerce .userform .userRegForm .input-wrap button{background:#000;color:#fff;transition:all ease 0.3s;border:none;font-size:21px;font-weight:400;text-align:center;box-shadow:none;border-radius:0;cursor:pointer;padding:10px 10px 12px;line-height:1.2;width:100%;position:relative;z-index:1}.woocommerce .userform .userRegForm .input-wrap button::after{content:"";position:absolute;top:0;inset-inline-start:0;z-index:-1;height:0;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:0.3s;transition-timing-function:cubic-bezier(.3,0,.7,1);background-color:var(--wp--preset--color--secondary)}.woocommerce .userform .userRegForm .input-wrap button:hover::after{top:auto;bottom:0;height:100%}.woocommerce .userform button.close{width:20px;height:20px;margin:30px auto 0;display:inline-block;float:none;opacity:1;cursor:pointer;outline:0;padding:0;background:0 0;border:0;-webkit-appearance:none;display:none}.woocommerce .userform button.close img{width:100%;height:100%;vertical-align:middle}