aibishal

✏️ Editing: user-registration-setup-wizard.css

*,::after,::before{margin:0;box-sizing:border-box}body{position:relative;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Poppins,sans-serif;font-size:13px;line-height:1.8;font-weight:400;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.user-registration-welcome{background-color:#eceff3;height:100vh}#user-registration-welcome{text-align:center}@media (max-width:768px){#user-registration-welcome{padding-left:15px;padding-right:15px}}#user-registration-welcome>img{border-radius:50%;border:1px solid #e1e1e1;width:84px;height:84px}#user-registration-welcome>a>p{margin:0;font-weight:400;font-size:16px;line-height:150%;color:#6b6b6b;text-decoration:underline;display:flex;align-items:center;justify-content:center;gap:7px}#user-registration-welcome .user-registration-welcome-card{max-width:857px;border-radius:15px;margin:16px auto 21px;background:#fff;border:1px solid #e1e1e1;padding:42px 42px 36px}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card{max-width:650px}}@media (max-width:768px){#user-registration-welcome .user-registration-welcome-card{padding-left:25px;padding-right:25px}}#user-registration-welcome .user-registration-skip-btn{text-align:center}#user-registration-welcome .user-registration-skip-btn>a{display:inline-block;text-decoration:underline}#user-registration-welcome .user-registration-skip-btn>a:hover p svg{transform:translateX(6px)}#user-registration-welcome .user-registration-skip-btn>a p{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}#user-registration-welcome .user-registration-skip-btn>a p svg{transition:all .3s ease-in-out}#user-registration-welcome a.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;margin:0 10px;height:44px;left:440px;top:726px;border:1px solid #475bb2;border-radius:2px;box-sizing:border-box;text-decoration:none}#user-registration-welcome a.button-primary{background:#475bb2;color:#fff}#user-registration-welcome a.button-secondary{background:#f1f4ff;color:#475bb2}#user-registration-welcome a.button-tertiary{background:#f5f5f5;color:#2d3559;border:1px solid #2d3559}#user-registration-welcome a.button h3{font-weight:400}#user-registration-welcome p{line-height:150%;font-size:16px;text-align:center;margin-top:17px;margin-bottom:0;color:#6b6b6b}#user-registration-welcome .user-registration-welcome-card a{text-decoration:none}#user-registration-welcome .user-registration-welcome-card a:focus{box-shadow:none;outline:0}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-header{display:flex;align-items:center;justify-content:space-between;padding:1em;border-bottom:1px solid rgb(102.6654179104,109.1689023066,138.4345820896)}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header{display:flex;flex-direction:column;align-items:center;padding:0 1em;max-width:605px}@media (max-width:768px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header{padding-left:0;padding-right:0}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header h2{font-size:28px;line-height:120%;color:#222;font-weight:600}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header h2{font-size:24px}}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header p{font-size:14px}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__header img{margin-top:1.75em;fill:#475bb2;height:70px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video{display:flex;justify-content:center;border:1px solid #e1e1e1;box-sizing:border-box;position:relative;width:760px;max-width:100%;height:412px;border-radius:9px;overflow:hidden}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video{height:230px}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video .onboarding-video-thumb{width:100%;height:100%;object-fit:cover}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video:has(.onboarding-video-thumb)::before{content:"";width:100%;height:100%;position:absolute;background:rgba(0,0,0,.24);border-radius:9px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play{cursor:pointer;align-items:center;position:absolute;width:100%;height:100%}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .welcome-video-container{width:100%;height:100%}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .welcome-video-container iframe{width:100%;height:100%;border-radius:9px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button{border:none;cursor:pointer;height:70px;width:70px;border-radius:50%;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#475bb2;display:flex;align-items:center;justify-content:center;transition:all .25s ease-in-out}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button::before{content:"";animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background-color:rgba(75,83,188,.471);animation-name:pulseAnimate;border-radius:50%;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button::after{content:"";animation-name:pulseAnimate;border-radius:50%;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;animation-delay:.3s;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear;background-color:rgba(84,92,207,.47)}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button .dashicons-controls-play{display:flex;align-items:center;justify-content:center}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button .dashicons-controls-play::before{font-size:40px;font-weight:600;margin-left:10px;width:auto;height:auto;position:relative;z-index:1;margin-top:2px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button svg{height:24px;width:224px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play .user-registration-welcome-video__button:hover{transform:translate(-50%,-50%) scale(1.1)}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container .user-registration-welcome-video a.welcome-video-play img{display:block;max-width:100%;opacity:0;border-radius:9px}@keyframes user-registration-welcome-video__button{0%{box-shadow:0 0 0 15px #ced5f3}50%{box-shadow:none}100%{box-shadow:0 0 0 15px #ced5f3}}@-webkit-keyframes user-registration-welcome-video__button{0%{box-shadow:0 0 0 15px #ced5f3}50%{box-shadow:0 0 0}100%{box-shadow:0 0 0 15px #ced5f3}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action{margin:0}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .button-primary{padding:20px 36px;height:auto;border-radius:5px;border:1px solid #475bb2;background:#475bb2;margin-left:0;margin-right:0}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .button-primary:hover{background:#4153a2}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .button-primary{padding:14px 26px}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .button-primary h3{font-size:18px;line-height:140%;font-weight:600;color:#fff}@media (max-width:1600px){#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .button-primary h3{font-size:16px}}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .user-registration-welcome-container__action-card{padding:1em;margin:0 1em;width:100%;border-radius:4px;width:calc(50% - 38px);border:1px solid rgb(102.6654179104,109.1689023066,138.4345820896);transition:.3s ease}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .user-registration-welcome-container__action-card .user-registration-welcome-container__action-card-img svg{height:64px;width:64px}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .user-registration-welcome-container__action-card .user-registration-welcome-container__action-card-content h3{font-size:1.23em;margin-bottom:.5em}#user-registration-welcome .user-registration-welcome-card .user-registration-welcome-container__action .user-registration-welcome-container__action-card:hover{box-shadow:0 2px 20px 0 rgba(45,53,89,.15)}#user-registration-welcome .user-registration-extensions-card{text-align:center}#user-registration-welcome .user-registration-extensions-card .user-registration-extensions-container__header{padding:0 1em}#user-registration-welcome .user-registration-extensions-card .user-registration-extensions-container__header h2{font-size:1.75em;margin-top:1.75em;margin-bottom:1em;color:#2d3559;font-size:24px;line-height:130%;font-weight:600}#user-registration-welcome .user-registration-extensions-card .user-registration-extensions-container__body{padding:15px}#user-registration-welcome .user-registration-extensions-card .user-registration-extensions-container__body img{display:block;max-width:100%}#user-registration-welcome .user-registration-extensions-card .user-registration-extensions-container__footer{padding:0 32px;margin:3rem 0;display:flex;justify-content:center}#user-registration-welcome .user-registration-support-card{text-align:center}#user-registration-welcome .user-registration-support-card .user-registration-support-container__header{padding:0 1em}#user-registration-welcome .user-registration-support-card .user-registration-support-container__header h2{font-size:1.75em;margin-top:1.75em;margin-bottom:1em;color:#2d3559;font-size:20px;line-height:130%;font-weight:600}#user-registration-welcome .user-registration-support-card .user-registration-support-container__body{padding:0 1em}#user-registration-welcome .user-registration-support-card .user-registration-support-container__footer{padding:0 32px;margin:3rem 0;display:flex;justify-content:center}#user-registration-setup-wizard{margin:10px 200px;min-width:980px;border-radius:4px;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;align-content:center}#user-registration-setup-wizard .user-registration-setup-wizard__header{flex:0 0 25%;margin-bottom:25px;display:flex;flex-direction:column;gap:32px}#user-registration-setup-wizard .user-registration-setup-wizard__header--logo{display:flex;justify-content:center;align-items:center}#user-registration-setup-wizard .user-registration-setup-wizard__header--logo h1{font-size:24px;font-weight:400;line-height:31px;margin-left:20px}#user-registration-setup-wizard .user-registration-setup-wizard__header--logo img{width:70px}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav{display:flex;flex-direction:row;justify-content:space-between;list-style-type:none}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .step{height:0;color:#bfbfbf;display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:center}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .step .step-label{font-weight:500;font-size:16px;line-height:26px}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .active .step-label,#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .done .step-label{color:#475bb2}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .done{background-color:#475bb2}#user-registration-setup-wizard .user-registration-setup-wizard__header--nav .active{background-color:#475bb2}#user-registration-setup-wizard .user-registration-setup-wizard__header .center-line{flex-grow:1;height:1px;background-color:#bababa;margin:0 10px}#user-registration-setup-wizard .user-registration-setup-wizard__header .center-line#center-line-step-2{flex-grow:.75}#user-registration-setup-wizard .user-registration-setup-wizard__header .center-line.done{background-color:#475bb2}#user-registration-setup-wizard .user-registration-setup-wizard__body{flex:0 0 50%;padding:32px;background-color:#fff;border-radius:13px 13px 0 0;color:#2d3559;width:796px;margin-top:42px}#user-registration-setup-wizard .user-registration-setup-wizard__body .ur-setup-wizard-tool-tip{margin-bottom:8px!important}#user-registration-setup-wizard .user-registration-setup-wizard__body .ur-setup-wizard-tool-tip::after{content:"";background-image:url(../images/settings-icons/information.svg)!important;background-repeat:no-repeat!important;background-size:100%!important;background-position:center;display:block;width:16px;height:16px;cursor:pointer;padding:4px;background:0 0;border-radius:3px}#user-registration-setup-wizard .user-registration-setup-wizard__body--select{flex:1 0 60%}#user-registration-setup-wizard .user-registration-setup-wizard__body--select input{border:none}#user-registration-setup-wizard .user-registration-setup-wizard__body--select span.css-1f1glkn{height:29px}#user-registration-setup-wizard .user-registration-setup-wizard__body--checkbox .chakra-checkbox__control{border-radius:50%;height:28px;width:28px;margin-right:10px}#user-registration-setup-wizard .user-registration-setup-wizard__body--checkbox .chakra-checkbox__control svg{font-size:15px}#user-registration-setup-wizard .user-registration-setup-wizard__footer{flex:0 0 25%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;background-color:#fafafa;padding:24px 32px;border:1px solid #e1e1e1;border-radius:0 0 13px 13px;width:796px}#user-registration-setup-wizard .user-registration-setup-wizard__footer--left,#user-registration-setup-wizard .user-registration-setup-wizard__footer--right{flex:0 0 50%;display:flex;align-items:center}#user-registration-setup-wizard .user-registration-setup-wizard__footer--left a.chakra-link,#user-registration-setup-wizard .user-registration-setup-wizard__footer--right a.chakra-link{text-decoration:none}#user-registration-setup-wizard .user-registration-setup-wizard__footer--right{justify-content:flex-end}@keyframes pulseAnimate{0%{transform:scale(1,1)}50%{transform:scale(1.8,1.8);opacity:0}100%{opacity:0}}

Gifari Industries - BD Cyber Security Team