@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);body,html{background-color:#f7f8fa;position:relative}*{font-family:Poppins,sans-serif;margin:0;padding:0}a{color:#5a45ff;text-decoration:none}button,input,textarea{box-shadow:none!important}.mx-12px{margin:0 12px}.mt-10px{margin-top:10px}.navbar.tnameNavbar{align-items:center;background:#0096ff;color:#fff;display:flex;height:74px}.navbar header{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255,255,255, 1%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E")}.navbar header .headerText{font-weight:500;padding:10px;text-align:center;width:100%}.navbar header .headerText h1{margin:0}.navbar header .headerText a{color:#fff}.navbar header .generateNewBtnWrap{height:36px;margin:0 10px;width:36px}.navbar header .generateNewBtnWrap button{align-items:center;background:transparent;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:26px;height:36px;justify-content:center;line-height:26px;padding:5px;width:36px}.navbar header .generateNewBtnWrap button:hover{background:#0084e0}.navbar header .generateNewBtnWrap button img{height:16px;width:16px}.navbar .openNavbarBtn{border:none;margin:10px 0}.offcanvas .offcanvas-backdrop.show{opacity:.3}.offcanvas .offcanvas-header{background:#003875;background:linear-gradient(90deg,#003875,#007fe0);display:block;padding:24px 20px}.offcanvas .offcanvas-header .btn-close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255, 1)'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");opacity:1}.offcanvas .offcanvas-header .btn-close:hover{opacity:.8}.offcanvas .offcanvas-header .appName{margin-top:20px}.offcanvas .offcanvas-header .appName a{color:#fff;text-decoration:none}.offcanvas .offcanvas-header .appName-ltr img{margin-right:10px}.offcanvas .offcanvas-header .appName-rtl img{margin-left:10px}.offcanvas .sidebarTitleSubtext{font-size:14px}.offcanvas .mainNavbar{margin-top:20px}.offcanvas .mainNavbar li{padding:5px 0}.offcanvas .mainNavbar li a{color:#303030}.wrapper{margin-bottom:50px;margin-top:90px}.wrapper .textH1{font-size:26px;padding:15px 0 12px;text-align:center}@media screen and (max-width:768px){.wrapper .textH1{font-size:22px;padding:5px 0 15px;text-align:center}}.textWrap{font-size:15px;margin-top:30px}.textWrap a{text-decoration:none}.textWrap h2,.textWrap h3{font-size:18px;font-weight:500;margin:20px 0}.textWrap .addInfo{color:#666;font-size:14px;margin-top:20px}.textWrap .storeLink{margin:0 5px}.personData .imageBlWrap{border-bottom:1px dotted #ccc;display:flex;margin-bottom:30px;padding-bottom:26px}.personData .imageBlWrap .imageCol{height:140px;position:relative;width:140px}@media screen and (max-width:768px){.personData .imageBlWrap .imageCol{height:100px;width:100px}}.personData .imageBlWrap .imageCol img{border-radius:14px;box-shadow:1px 1px 2px #6e6e6e}.personData .imageBlWrap .imageCol .downloadBtn{background:#fff;border-radius:50%;bottom:-10px;height:28px;position:absolute;right:-12px;width:28px}.personData .imageBlWrap .imageCol .downloadBtn svg{fill:#6ca7ff}.personData .imageBlWrap .imageCol .downloadBtn svg:hover{fill:#0d6efd}.personData .imageBlWrap .text{font-size:18px;margin:12px 20px 12px 44px}@media screen and (max-width:768px){.personData .imageBlWrap .text{margin-left:26px}}.personData .row .dataLineColumn{margin-bottom:24px}@media screen and (max-width:768px){.personData .row .dataLineColumn{margin-bottom:18px}}.personData .row label{color:#6d6d6d;display:inline-block;margin-bottom:5px}.personData .row .inputWrap{position:relative}.personData .row .inputWrap input{padding-right:46px}.personData .row .inputWrap.gender svg{fill:#2a80ff;height:22px;position:absolute;right:10px;top:7px;width:22px}.personData .row .inputWrap .countryLogo{border-radius:3px;position:absolute;right:10px;top:8px;width:28px}.personData .row textarea{resize:none}.personData .row .openMailboxBtn{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:12px;width:100%}.personData .row .openMailboxBtn svg{width:24px}.personData .row .openMailboxBtn svg path{stroke:#6c757d}.personData .row .openMailboxBtn:hover svg path{stroke:#fff}.personData .generateNewBtnWrap{border-top:1px dotted #9e9e9e;margin-bottom:50px;margin-top:20px;padding:25px 0}.personData .generateNewBtnWrap button{height:46px;padding:5px;width:100%}.personData .generateNewBtnWrap button .spinner-border{color:#0d6efd;height:30px;margin-top:1px;width:30px}.personData .generateNewBtnWrap button:hover .spinner-border{color:#fff}.copyBtn{background:transparent;border:none;height:38px;padding:7px;position:absolute;right:6px;top:0;width:38px;z-index:999}.copyBtn svg{fill:#86b7ff;height:22px;margin-top:-1px;width:22px}.copyBtn:hover svg{fill:#0d6efd}#copyToClipboardToast{bottom:30px!important;position:fixed!important}#confirmModal .modal-header{border-bottom:none}#confirmModal .modal-body{padding-top:0}#confirmModal .modal-body .modalHeaderText{font-size:20px;text-align:center}#confirmModal .modal-body .modalText{font-size:15px;margin:20px 0;text-align:center}#confirmModal .modal-body .modalButtons{display:flex;flex-direction:column;justify-content:center;margin:30px auto 20px;max-width:160px}#confirmModal .modal-body .modalButtons .createNewUser{height:38px}#confirmModal .modal-body .modalButtons .createNewUser .spinner-border{height:24px;width:24px}#toTop{align-items:center;background:#fff;border:1px solid #0096ff;border-radius:50%;bottom:20px;color:red;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:fixed;visibility:hidden;width:40px;z-index:9999}#toTop img{width:20px}#toTop:hover{background:#ebf6ff}.scrollToTop{right:20px}