.intro{height:100vh;margin-bottom:10vh}@media(max-width:991px){.intro{margin-bottom:0}}.intro{background-image:url(/assets/bg/onboarding.jpg)}@media(max-width:991px){.intro{padding:0 20px}}.intro .wrapper{height:100vh;padding-bottom:0!important;display:flex;align-content:center;max-width:450px;margin:0 auto}@media(max-width:500px){.intro .wrapper{max-width:320px}}@media(max-width:350px){.intro .wrapper{max-width:280px}}.intro .wrapper .inner{height:100vh;display:flex;align-content:center}.intro .wrapper .intro-slide{height:526px;width:450px;vertical-align:middle;align-self:center;text-align:center;background:hsla(0,0%,100%,.85);padding:40px 35px;border-radius:10px;display:none}@media(max-width:500px){.intro .wrapper .intro-slide{width:320px}}@media(max-width:350px){.intro .wrapper .intro-slide{max-width:280px}}.intro .wrapper .intro-slide.active{display:block}.intro .wrapper .intro-slide h5{margin-bottom:1.2rem}.intro .wrapper .intro-slide .logo{margin-bottom:4rem}.intro .wrapper .intro-slide .desc{color:#1f2041;font-size:14px;line-height:24px;height:80px;margin-bottom:1.2rem}.intro .wrapper .intro-slide .skip-intro{cursor:pointer}.intro .wrapper .intro-slide .skip-intro:hover{color:#b8220f}.intro .wrapper .intro-slide .icons{background:#fff;max-width:280px;margin:0 auto;display:flex;justify-content:space-around;height:35px;max-height:35px;margin-bottom:3rem;box-shadow:2px 2px 6px 0 rgba(0,0,0,.1490196078)}.intro .wrapper .intro-slide .icons .icon{align-self:center}.intro .wrapper .intro-slide .icons .icon.active{position:relative;top:-10px}.intro .wrapper .intro-slide .icons .icon-logo{width:25px;height:25px;border-radius:20px;background-color:#d2d2d2}.intro .wrapper .intro-slide .icons .icon-logo img{width:18px}.intro .wrapper .intro-slide .icons .icon-logo.active{position:relative;top:-20px;width:50px;height:50px;border-radius:50px;background-color:#e5321b;display:inline-flex;box-shadow:2px 2px 6px rgba(0,0,0,.1490196078)}.intro .wrapper .intro-slide .icons .icon-logo.active img{width:34px;align-self:center;text-align:center;margin:0 auto;margin-left:10px}.intro .wrapper .intro-slide .navigations{display:flex;justify-content:center;margin-bottom:1rem}.intro .wrapper .intro-slide .navigations span{display:block;margin:0 3px;width:6px;height:6px;border-radius:10px;background:#c4c4c4}.intro .wrapper .intro-slide .navigations span.active{background:#000}.intro .wrapper .intro-slide .btn{margin-bottom:1.5rem}.intro .wrapper .intro-slide .info{color:#000;font-weight:700}