*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

.rounded-25{
    border-radius:20px;
}

.rounded-15{
    border-radius:10px;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Sora', sans-serif;
    letter-spacing: -1.5px;
}

p,a,small,li,cite{
    font-family: 'Inter', sans-serif;
    letter-spacing:-0.5px;
}

@media (max-width:767px){
    h1,h2,h3,h4,h5,h6{
        letter-spacing: -2.0px;
    }
    p,a,small,li,cite{
        font-family: 'Inter', sans-serif;
        letter-spacing:-0.8px;
    }
}
/*hero section design*/
.hero{
    width:95%;
    max-width:95%;
    height:650px;
    margin:0 auto;
    position:relative;

}
.hero-row{
    display:flex;
    justify-content:space-between;
}
.hero-row .hero-item{
    flex:1;
}
.hero-item .hero-text-content{
    margin-top:20%;
}
.hero-item img{
    width:500px;
    position:absolute;
    right:30px;
    bottom:0;
}

.store-btn, .app-section-store-btn{
    display:flex;
    justify-content:start;
}

@media (max-width:767px){
    .hero{
        width:100%;
        max-width:100%;
        margin:0;
        height:100%;
    }
    .hero-row{
        display:block;
        justify-content:center;
        text-align:center;
    }
    .hero-text-content{
        margin-bottom:105%;
    }
    .hero-item img{
        position:absolute;
        width:300px;
        right:30px;
        bottom:0;
    }
    .store-btn{
        justify-content:center;
    }
    .app-section-store-btn{
        justify-content:start;
    }
}

@media (max-width:380px){
    .hero{
        width:100%;
        max-width:100%;
        margin:0;
        height:100%;
    }
    .hero-row{
        display:block;
        justify-content:center;
        text-align:center;
    }
    .hero-text-content{
        margin-bottom:105%;
    }
    .hero-item img{
        position:absolute;
        width:300px;
        right:5px;
        bottom:0;
    }
    .store-btn{
        justify-content:center;
    }
}

.button-flex button {
    margin: 5px;
}
.btn-play{
    display:flex;
}
.text-flex{
    text-align:left;
    margin-left:5px;
}
.text-flex .small-text{
    font-size:0.7em;
    line-height:1;
}
.text-flex .lg-text{
    font-size:1em;
    line-height:1;
}
@media (max-width:600px){
    .small-text{
        font-size:0.5em;
    }
    .lg-text{
        font-size:0.8
    }
}

.text-brand{
    color:#6a2590;
}
.bg-brand{
    background:#1B052A;
}
.btn-brand{
    background: #1B052A;
    color:#fff;
}
.app-section{
    position:relative;
}

.bottom-img{
    position:absolute;
    bottom:0;
}


.solution-info{
    background: var(--pink);
    color:var(--white);
    width:100%;
    height:290px;
    padding:60px;
    border-radius:25px;
    margin:5px;
}


.solution-img{
    width:100%;
    /*height:250px;*/
    margin:5px;
}


@media (max-width:767px){
    .solution-info{
        padding:15px;
        width:100%;
        height:100%;
    }
    .solution-img{
        width:100%;
        margin-top:20px;
    }
    .app-section{
        height:100%;
    }
    .app-section .app-section-content{
        margin-bottom:140%;
    }
    .app-section .app-section-img{
        position: absolute;
        right:5px;
        bottom:0;
    }
   .bottom-img{
        position: relative;
        margin-top:40px;
    }
}


@media (max-width:380px){
    .app-section .app-section-content{
        margin-bottom:160%;
    }
    .app-section .app-section-img{
        position: absolute;
        bottom:0;
    }
}

.bg-brand-purple{
    background:#6a2590;
}


/*footer design*/

footer{
    position: relative;
    /*background: radial-gradient(
        circle closest-corner at center 405px,
        #358ff0,
        #fff 40%
      ) no-repeat;*/
    background-color:#fff;
}
.footer-content{
    margin:0;
    padding:0;
}
.footer-links{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
}

@media (max-width:767px){
    .footer-links{
        justify-content:flex-start;
        flex-wrap: wrap;
        margin:0;
        padding:0;
        flex-basis:1 1 auto;
    
    }
    .footer-links li{
        margin:10px;
        width:100px;
        /*border:2px solid #000;*/
    }
}

.footer-links li{
    margin:10px;
}

.footer-links li a{
    color:#000;
}
.copyright-and-socials{
    display:flex;
}

@media (max-width:767px){
    .copyright-and-socials{
        display: block;
    }
}
.social-links{
    list-style-type:none;
    display:flex;
    margin:0;
    padding:0;
}
.social-links li{
    margin:5px;
}
.social-links li a{
    color:#000;
}

.navbar-toggler{
    outline:none;
    outline-offset:0;
    background:transparent;
    border:none;
}

.ps-btn{
    position:absolute;
    left:0;
    width:100px;
}



/*spinner animation*/
.hide{
    display:none
}