@media (max-width:549px){.registerWrapper{width:90%;max-width:1200px;margin:50px auto}.registerWrapper .wrapBtns{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.registerWrapper .wrapBtns button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.registerWrapper .wrapBtns button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.registerWrapper .form .note{color:gray;margin-top:15px;font-size:.9rem}.registerWrapper .form{background:#fff;border-radius:15px;width:100%;margin-top:20px;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.registerWrapper .form form{width:100%}.registerWrapper .form .heading{border-bottom:1px solid #666;margin-bottom:20px;padding-bottom:10px}.registerWrapper .form .heading .small{color:gray;font-size:.9rem}.registerWrapper .form .heading .tag{color:#fff;background:#2ed47a;border-radius:100px;align-items:center;gap:5px;width:max-content;margin-bottom:8px;padding:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .heading .tag img{width:20px}.registerWrapper .form .formField{margin-bottom:10px}.registerWrapper .form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField select:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField button{border-right:1px solid #ccc}.registerWrapper .form .phoneField{margin-bottom:10px}.registerWrapper .form .phoneField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .phoneField .iti{border-radius:14px;width:100%}.registerWrapper .form .phoneField .iti__country-container button{border-right:1px solid #ccc;padding:5px}.registerWrapper .form .phoneField .iti__tel-input{border:1px solid #ccc;border-radius:10px;padding:15px}.registerWrapper .form .phoneField .iti__tel-input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.registerWrapper .form .submitBtn:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.loginDiv{background:#fff;border-radius:15px;width:100%;margin-top:20px;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.loginDiv form{width:100%}.loginDiv .heading .small{text-transform:capitalize;border-bottom:1px solid #ccc;margin-bottom:25px;padding-bottom:5px;font-size:1.5rem;font-weight:600}.loginDiv .formField{width:100%;margin-bottom:15px}.loginDiv .formField label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9rem;font-weight:600;display:flex}.loginDiv .formField label a{color:#15803d;font-size:.9rem}.loginDiv .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:19px}.loginDiv .formField input:focus{border:2px solid #2ed47a;outline:none}.loginDiv .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.loginDiv button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.loginDiv button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}}@media (min-width:550px) and (max-width:758px){.registerWrapper{width:90%;max-width:1200px;margin:50px auto}.registerWrapper .wrapBtns{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.registerWrapper .wrapBtns button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.registerWrapper .wrapBtns button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.registerWrapper .form .note{color:gray;margin-top:15px;font-size:.9rem}.registerWrapper .form{background:#fff;border-radius:15px;width:100%;margin-top:20px;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.registerWrapper .form form{width:100%}.registerWrapper .form .heading{border-bottom:1px solid #666;margin-bottom:20px;padding-bottom:10px}.registerWrapper .form .heading .small{color:gray;font-size:.9rem}.registerWrapper .form .heading .tag{color:#fff;background:#2ed47a;border-radius:100px;align-items:center;gap:5px;width:max-content;margin-bottom:8px;padding:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .heading .tag img{width:20px}.registerWrapper .form .formField{margin-bottom:10px}.registerWrapper .form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField select:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField button{border-right:1px solid #ccc}.registerWrapper .form .phoneField{margin-bottom:10px}.registerWrapper .form .phoneField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .phoneField .iti{border-radius:14px;width:100%}.registerWrapper .form .phoneField .iti__country-container button{border-right:1px solid #ccc;padding:5px}.registerWrapper .form .phoneField .iti__tel-input{border:1px solid #ccc;border-radius:10px;padding:15px}.registerWrapper .form .phoneField .iti__tel-input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.registerWrapper .form .submitBtn:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.loginDiv{background:#fff;border-radius:15px;width:100%;margin-top:20px;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.loginDiv form{width:100%}.loginDiv .heading .small{text-transform:capitalize;border-bottom:1px solid #ccc;margin-bottom:25px;padding-bottom:5px;font-size:1.5rem;font-weight:600}.loginDiv .formField{width:100%;margin-bottom:15px}.loginDiv .formField label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9rem;font-weight:600;display:flex}.loginDiv .formField label a{color:#15803d;font-size:.9rem}.loginDiv .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:19px}.loginDiv .formField input:focus{border:2px solid #2ed47a;outline:none}.loginDiv .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.loginDiv button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.loginDiv button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}}@media (min-width:759px) and (max-width:1100px){.registerWrapper{width:90%;max-width:1200px;margin:50px auto}.registerWrapper .wrapBtns{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.registerWrapper .wrapBtns button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.registerWrapper .wrapBtns button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.registerWrapper .form .note{color:gray;margin-top:15px;font-size:.9rem}.registerWrapper .form{background:#fff;border-radius:15px;max-width:800px;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.registerWrapper .form form{width:100%}.registerWrapper .form form .grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.registerWrapper .form .heading{border-bottom:1px solid #666;margin-bottom:20px;padding-bottom:10px}.registerWrapper .form .heading .small{color:gray;font-size:.9rem}.registerWrapper .form .heading .tag{color:#fff;background:#2ed47a;border-radius:100px;align-items:center;gap:5px;width:max-content;margin-bottom:8px;padding:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .heading .tag img{width:20px}.registerWrapper .form .formField{margin-bottom:10px}.registerWrapper .form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField select:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField button{border-right:1px solid #ccc}.registerWrapper .form .phoneField{margin-bottom:10px}.registerWrapper .form .phoneField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .phoneField .iti{border-radius:14px;width:100%}.registerWrapper .form .phoneField .iti__country-container button{border-right:1px solid #ccc;padding:5px}.registerWrapper .form .phoneField .iti__tel-input{border:1px solid #ccc;border-radius:10px;padding:15px}.registerWrapper .form .phoneField .iti__tel-input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.registerWrapper .form .submitBtn:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.loginDiv{background:#fff;border-radius:15px;max-width:700px;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.loginDiv form{width:100%}.loginDiv .heading .small{text-transform:capitalize;border-bottom:1px solid #ccc;margin-bottom:25px;padding-bottom:5px;font-size:1.5rem;font-weight:600}.loginDiv .formField{width:100%;margin-bottom:15px}.loginDiv .formField label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9rem;font-weight:600;display:flex}.loginDiv .formField label a{color:#15803d;font-size:.9rem}.loginDiv .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:19px}.loginDiv .formField input:focus{border:2px solid #2ed47a;outline:none}.loginDiv .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.loginDiv button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.loginDiv button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}}@media (min-width:1101px){.registerWrapper{width:90%;max-width:1200px;margin:50px auto}.registerWrapper .wrapBtns{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.registerWrapper .wrapBtns button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.registerWrapper .wrapBtns button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.registerWrapper .form .note{color:gray;margin-top:15px;font-size:.9rem}.registerWrapper .form{background:#fff;border-radius:15px;width:800px;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.registerWrapper .form form{width:100%}.registerWrapper .form form .grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.registerWrapper .form .heading{border-bottom:1px solid #666;margin-bottom:20px;padding-bottom:10px}.registerWrapper .form .heading .small{color:gray;font-size:.9rem}.registerWrapper .form .heading .tag{color:#fff;background:#2ed47a;border-radius:100px;align-items:center;gap:5px;width:max-content;margin-bottom:8px;padding:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .heading .tag img{width:20px}.registerWrapper .form .formField{margin-bottom:10px}.registerWrapper .form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.registerWrapper .form .formField select:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .formField button{border-right:1px solid #ccc}.registerWrapper .form .phoneField{margin-bottom:10px}.registerWrapper .form .phoneField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.registerWrapper .form .phoneField .iti{border-radius:14px;width:100%}.registerWrapper .form .phoneField .iti__country-container button{border-right:1px solid #ccc;padding:5px}.registerWrapper .form .phoneField .iti__tel-input{border:1px solid #ccc;border-radius:10px;padding:15px}.registerWrapper .form .phoneField .iti__tel-input:focus{border:2px solid #2ed47a;outline:none}.registerWrapper .form .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.registerWrapper .form .submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.registerWrapper .form .submitBtn:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.loginDiv{background:#fff;border-radius:15px;width:700px;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.loginDiv form{width:100%}.loginDiv .heading .small{text-transform:capitalize;border-bottom:1px solid #ccc;margin-bottom:25px;padding-bottom:5px;font-size:1.5rem;font-weight:600}.loginDiv .formField{width:100%;margin-bottom:15px}.loginDiv .formField label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9rem;font-weight:600;display:flex}.loginDiv .formField label a{color:#15803d;font-size:.9rem}.loginDiv .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:19px}.loginDiv .formField input:focus{border:2px solid #2ed47a;outline:none}.loginDiv .showPass{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.loginDiv button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.loginDiv button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}}.messageBox{color:#1f2937;z-index:99999;background:#fff;border-left:5px solid #2ed47a;border-radius:14px;align-items:center;gap:14px;min-width:320px;max-width:420px;padding:16px 22px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;animation:.35s slideIn;display:flex;position:fixed;top:25px;right:25px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.messageBox i{color:#2ed47a;font-size:1.3rem}.messageBox.hide{animation:.35s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.registerWrapper .wrapBtns button{box-shadow:0 8px 12px rgba(0,0,0,.1)}.registerWrapper .wrapBtns button.active{color:#fff;background:#22c55e;border:1px solid #0a6c4a;transform:translateY(-2px)}@media (max-width:549px){.wrapper{justify-content:center;align-items:center;height:80vh;display:flex}.wrapper form{background:#fff;border-radius:15px;width:90%;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.wrapper form .heading{margin-bottom:20px}.wrapper form .heading .head{align-items:center;gap:5px;margin-bottom:10px;font-size:1.6rem;font-weight:600;display:flex}.wrapper form .heading .head img{background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:5px}.wrapper form .heading .small{color:#777;font-size:.9rem}.wrapper form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.wrapper form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;margin-bottom:10px;padding:17px}.wrapper form .formField input:focus{border:2px solid #2ed47a;outline:none}.wrapper form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.wrapper form button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.wrapper form .showPassword{text-transform:capitalize;justify-content:center;align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}}@media (min-width:550px){.wrapper{justify-content:center;align-items:center;height:80vh;display:flex}.wrapper form{background:#fff;border-radius:15px;width:90%;max-width:600px;margin:20px auto 0;padding:25px;box-shadow:0 8px 13px rgba(0,0,0,.1)}.wrapper form .heading{margin-bottom:20px}.wrapper form .heading .head{align-items:center;gap:5px;margin-bottom:10px;font-size:1.6rem;font-weight:600;display:flex}.wrapper form .heading .head img{background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:5px}.wrapper form .heading .small{color:#777;font-size:.9rem}.wrapper form .formField label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.wrapper form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;margin-bottom:10px;padding:17px}.wrapper form .formField input:focus{border:2px solid #2ed47a;outline:none}.wrapper form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:15px;width:100%;margin-top:15px;padding:18px 10px;font-weight:600;text-decoration:none;transition:all .3s}.wrapper form button:hover{background:linear-gradient(135deg,#15803d,#4ade80);transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,197,94,.35)}.wrapper form .showPassword{text-transform:capitalize;justify-content:center;align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}}