body {
}
.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg path{
  width: 30px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown .login-btns going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}

.login {
    background-image: url(https://img.freepik.com/free-vector/flat-design-wireframe-background_23-2149000783.jpg?w=1380&t=st=1690892983~exp=1690893583~hmac=aa00f80b6906f7331fa61d13438dfc63123754386b90fcc86e4b7ee6f7b617cd);
    /*background-image: url(https://img.freepik.com/free-vector/flat-abstract-wireframe-background_23-2148995803.jpg?w=1380&t=st=1690890794~exp=1690891394~hmac=7f4dae2b668b03aeb829055c559b3cc24e3d0f9521da6a47d77ac090bc3994fc);*/
    background-size: cover;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .login::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        backdrop-filter: blur(10px);
        z-index: -1;
    }

.login-box {
    background: rgb(13 20 46 / 78%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 50px;
}
.login-box form{
    align-self:center;
}
.login-box svg{
    width:400px
}
.login-box-msg{
    color:#fff;
    font-size:25px;
    margin:0;
}
@media (min-width:768px){
    .login-box-2 {
        display: flex;
    }
}

.login-box .login-span {
    color: #fff;
    font-weight: 400;
    color: #ccc7c7;
    margin: 5px 0;
    display: block;
    font-size: 13px;
}
.login-box input {
    width: 360px;
    display:block;
    background: rgba(255, 255, 255, 0.1);
    outline: none;
    color:#fff;
    box-shadow: none;
    border: none;
    font-family:Poppins;
    border-radius: 25px;
    padding: 15px;
    margin: 10px 0;
}
.login-box input::placeholder{
    color:#cecece;
}
.login-box .input-group{
    position:relative;
}
.login-box .input-group .mdi {
    position: absolute;
    right: 0;
    color:#fff;
    top:25%;
    font-size:25px;
}

.login-box .info {
    display:flex; 
    justify-content:space-between;
    margin-top:30px;
}

    .login-box .info a {
        text-decoration: none;
        color:#fff;
        opacity:0.8;
        font-size:14px
    }

.login-box .alert-danger {
    background-color: #ff7878;
    background-image: linear-gradient(315deg, #e60017 0%, #fa2929 74%);
    padding: 20px;
    color: #fff;
    font-size: 18px;
    filter: drop-shadow(3px 5px 7px #ff0000)
}

.login-btn {
    outline: none;
    cursor: pointer;
    border: none;
    padding: 1rem 2rem;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block;
    letter-spacing: 0.05rem;
    font-size: 15px;
    font-weight: 500;
    border-radius: 500px;
    overflow: hidden;
    background: #66ff66;
    color: ghostwhite;
    margin-top: 30px;
    width: 100%;
}
    .login-btn span {
        position: relative;
        z-index: 10;
        transition: color 0.4s;
        font-weight: 400;
    }

    .login-btn:hover span {
        color: black;
    }

    .login-btn::before,
    .login-btn::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .login-btn::before {
        content: "";
        background:rgb(15 6 44 / 34%);
        width: 120%;
        left: -10%;
        transform: skew(30deg);
        transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
    }

.login-btn:hover::before {
    transform: translate3d(100%, 0, 0);
}


 svg#freepik_stories-mobile-login:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-mobile-login.animated #el0r37j4iqcw5 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-login.animated #el25a0wox0ylg {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.02s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elz44vta4bav8 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.04s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elf0v0pqexp26 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.06s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elfs80rjicczs {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.08s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el9kq4yx6kkmh {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.1s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elh4h6s7cbors {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.12s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elfiz34ubo5zg {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.14s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elyu5uf41xp1h {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.16s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elx0wt5lfb0s {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.18s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elom3ozb1bzu {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.2s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ell6dljybcoxb {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.22s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el9wtlvl43g47 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.24s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eln5rvfxdso6o {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.26s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ely45n1lbcbd {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.28s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el6v1rsruj396 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.3s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elbzndverjp5p {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.32s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elx6juf5ckgq {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.34s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el59651cytgtk {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.36s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elsito53h2jc {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.38s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elnojy241a5x {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.4s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elfvx4emapezr {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.42s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elpekvyabg8li {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.44s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3w8lyskn3n8 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.46s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ele13agslhjwo {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.48s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ela0lpjwwo3e {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.5s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el9rsswuettng {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.52s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3re74nmb3be {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.54s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eltdryakpteei {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.56s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el44y7hqqhdgp {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.58s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ell9gjyqybtfc {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.6s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el4wqc2cmz5tp {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.62s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elrx1bzbqqx5n {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.64s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eljzouoakt2oa {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.66s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ela5mgfybmf9g {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.68s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el47ax4wjzt35 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.7000000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3bf47lti3co {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.72s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elramhz5ofl6 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.74s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elxm96ccxhk4 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.76s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eliv38dmmq0o {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.78s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eltlu6igo7clr {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.8s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elrey2yrc9m7q {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.8200000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elc98l0ybqwqf {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.84s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elmk4ljvjwgus {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.86s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elqu5wq69yrrr {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.88s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8ixna529iwn {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.9s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elbpw01tdw0lr {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.92s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el2hehzbqyq33 {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.9400000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8au7x0xsn6f {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.96s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elqff98ipbzbk {
    animation: 1s 1 forwards ease-in slideUp;
    animation-delay: 0.98s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #freepik--character-2--inject-10 {
    animation: 1s 1 forwards ease-in slideUp,3s Infinite linear floating;
    animation-delay: 0s,1s;
}

svg#freepik_stories-mobile-login.animated #elfzfa3p6c6gg {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-login.animated #elymvw1zqdma {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.048s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elqx2br4hgwbr {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.096s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eldsg8b5uywr6 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.14400000000000002s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3zqcg4b6xui {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.192s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elodacir7l7cf {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.24s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eljvjsl4fqtwk {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.28800000000000003s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #els121ci7cei {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.336s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el28o5dfz1zl8 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.384s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elsxl74gjjbxk {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.432s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elo1iy1nq106 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.48s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elrh56sdno4do {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.528s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el1zbsjiz3ydw {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.5760000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elhdwrgbkaqth {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.624s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eln96l3i3luto {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.672s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elecu8mgwk6fa {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.72s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elyazi1vwpg8 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.768s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eltkfpkmgno6a {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.8160000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eld5604zvkcgl {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.864s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el1gtxbukzumw {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.912s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elrhi6wjkp2ac {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0.96s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elzhlxyjua4ub {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 1.008s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el116mlhx5dq6 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 1.056s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el79wqeaj5wi6 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 1.104s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eldvdltlpr51u {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 1.1520000000000001s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #freepik--Screen--inject-10 {
    animation: 1.2s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown,3s Infinite linear floating;
    animation-delay: 0s,1.2s;
}

svg#freepik_stories-mobile-login.animated #elvfwen41rs7 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.0s;
}

svg#freepik_stories-mobile-login.animated #el6uddfspkss7 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.015217391304347825s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el2j3tdd4xnkd {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.03043478260869565s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elmy97v3igv4 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.04565217391304348s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elt2jeupxdfs8 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.0608695652173913s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el94g3c38h5b {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.07608695652173912s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elkz2cis6w9es {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.09130434782608696s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elq73sg8e9q8 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.10652173913043478s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elyv0b91as7c {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.1217391304347826s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el1xquedu5uwd {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.13695652173913042s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el1pdqik62x0y {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.15217391304347824s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8s9sr4un98x {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.16739130434782606s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el0k1yybi09bz7 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.1826086956521739s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eloeyk42tidt {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.19782608695652174s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el2d34x8i3199 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.21304347826086956s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elaafpguwqd74 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.22826086956521738s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elc02dz1r7y5o {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.2434782608695652s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ellwjaj4mgaf {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.25869565217391305s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elndwjx0rx04g {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.27391304347826084s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elr67na0ngn4i {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.2891304347826087s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8ukl4vnvsde {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.3043478260869565s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el6hrovcyjv3m {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.31956521739130433s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8bnxgnpv8vw {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.33478260869565213s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elinos516i89f {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.35s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elrv5k18g73t {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.3652173913043478s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3qn4vo7r8bb {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.3804347826086956s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8cbeicfsc7o {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.39565217391304347s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el1ej1xuwjdsl {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.41086956521739126s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elehyomvxu57c {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.4260869565217391s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eltmfszoqkb8 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.4413043478260869s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el9iu8qbq74pl {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.45652173913043476s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eli32dp1edyx {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.47173913043478255s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #ellm32tjai2a {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.4869565217391304s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eljk83wep9r1a {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5021739130434782s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elgqlxj3dpqps {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5173913043478261s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el3n0doj808n8 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5326086956521738s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elulipgrt5sod {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5478260869565217s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elo363g6yscv {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5630434782608695s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elxpj9dqiq0xn {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5782608695652174s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elwc168404wra {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.5934782608695651s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elctm67y25noo {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.608695652173913s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #eljx4boastdk {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.6239130434782608s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elsev5knikmhl {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.6391304347826087s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elox0461aiyfr {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.6543478260869565s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #elj3zv9elosm9 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.6695652173913043s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #el8jt6555z2m3 {
    animation: 0.7s 1 forwards ease-in fadeIn;
    animation-delay: 0.6847826086956521s;
    opacity: 0
}

svg#freepik_stories-mobile-login.animated #freepik--character-1--inject-10 {
    animation: 0.7s 1 forwards ease-in fadeIn,1.5s Infinite linear floating;
    animation-delay: 0.0s,0.7s;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: inherit;
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}