

.title{
    background-color: #EEF0FF;
}

.last-box{
    padding: 285rem 0 110rem;
}

.describe{
    width: 100%;
    height: 751rem;
    background: url('../img/describeBg.png') no-repeat;
    background-size: contain;
    position: relative;
    font-family: SFProDisplay-Semibold;
}
.describe-title-one{
    width: 100%;
    text-align: center;
    color: #0E0E11;
    font-size: 93rem;
    font-weight: 600;
    padding-top: 90rem;
}
.describe-title-two{
    width: 100%;
    text-align: center;
    color: #0E0E11;
    font-size: 93rem;
    font-weight: 600;
}
.describe-title-two img{
    width: 58rem;
    height: 76rem;
}
.downloadBtn{
    display: block;
    width: 506rem;
    height: 150rem;
    border: 6px solid #c0bebe;
    color: #FFFFFF;
    font-size: 60rem;
    border-radius: 30rem;
    background: black;
    margin: 52rem auto 0;
    cursor: pointer;
    -webkit-border-radius: 30rem;
    -moz-border-radius: 30rem;
    -ms-border-radius: 30rem;
    -o-border-radius: 30rem;
}
.describe-title-bottom{
    width: 100%;
    text-align: center;
    font-size: 54rem;
    color: #0E0E11;
    position: absolute;
    left: 0;
    bottom: 10rem;
    font-family: SFProDisplay-Regular;
}

.details-box{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.details{
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 250rem;
    box-sizing: border-box;
}
.details>.details-li{
    float: left;
}
.details>.details-li:nth-child(1){
    width: 549rem;
    padding-top: 169rem;
    font-family: SFProDisplay-Semibold;
}
.details>.details-li:nth-child(2){
    width: 584rem;
    margin-left: -21rem;
    padding-top: 50rem;
}
.details>.details-li:nth-child(3){
    width: 551rem;
    margin-left: -72rem;
    padding-top: 169rem;
}
.details>.details-li>.details-text{
    text-align: center;
    position: relative;
    height: 280rem;
}
.details>.details-li>.details-text>span:nth-child(1){
    font-size: 42rem;
    color: #0E0E11;
    font-weight: 600;
    display: block;
    letter-spacing: 1rem;
    font-family: SFProDisplay-Semibold;
    padding-bottom: 25rem;
}
.details>.details-li>.details-text>span:nth-child(2){
    font-size: 32rem;
    color: #6C7789;
    font-family: SFProDisplay-Regular;
    line-height: 1.4;
}
.details>.details-li:nth-child(1)>.details-text{
    padding-top: 40rem;
}
/* .details>.details-li:nth-child(2)>.details-text{
    padding-bottom: 70rem;
} */
.details>.details-li:nth-child(1)>.details-img{
    width: 549rem;
    height: 635rem;
}
.details>.details-li:nth-child(2)>.details-img{
    width: 493rem;
    height: 402rem;
    position: relative;
    margin-left: 40rem;
}
.details>.details-li:nth-child(3)>.details-img{
    width: 551rem;
    height: 621rem;
}
.details>.details-li>.details-img>img{
    width: 100%;
    display: block;
}
.details>.details-li>.details-img>.dashedLine{
    position: absolute;
    bottom: -100rem;
    left: -290rem;
    width: 974rem;
    height: 138rem;
    display: block;
}



.member{
    width: 100%;
}
.member-title{
    width: 100%;
    text-align: center;
    font-size: 87rem;
    font-weight: 600;
    color: #0E0E11;
    font-family: SFProDisplay-Semibold;
}
.member-ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 150rem 150rem 285rem;
    box-sizing: border-box;

    font-size: 42rem;
    color: #0E0E11;
    font-weight: 500;
}
.member-ul .member-li{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-family: SFProDisplay-Medium;
}
.member-ul .member-li::after{
    width: 344rem;
    position: absolute;
    bottom: 0;
    left: -100rem;
    right: 0;
    margin: auto;
    text-align: center;
    white-space: nowrap;
}
.member-ul .member-li:nth-child(1)::after{
    content: 'Download NewCash';
}
.member-ul .member-li:nth-child(3)::after{
    content: 'Log in';
}
.member-ul .member-li:nth-child(5)::after{
    content: 'Pay membership';
}
.member-ul .member-li:nth-child(7)::after{
    content: 'Bind BVN';
}
.member-ul .member-li:nth-child(9)::after{
    content: 'Be our member';
}
.member-ul img{
    width: 144rem;
    height: 144rem;
    display: block;
}
.member-ul span{
    opacity: 0;
}
.member-ul .line{
    width: 100rem;
    height: 4rem;
    background-color: #DBDADE;
    margin-top: -42rem;
}

.advantage{
    width: 100%;
    background-color: #EEF0FF;
    padding: 0 55rem;
    box-sizing: border-box;
}
.advantage-title{
    width: 100%;
    height: 397rem;
    line-height: 397rem;
    text-align: center;
    color: #2A1C4F;
    font-size: 87rem;
    font-family: SFProDisplay-Semibold;
}
.advantage-ul{
    width: 100%;
    padding: 0 143rem 265rem;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 100rem;
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    -ms-border-radius: 100rem;
    -o-border-radius: 100rem;
    background-color: #D1D1F7;
}
.advantage-ul>div{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 193rem;
}
.advantage-ul>div>div{
    padding: 0 100rem;
}
.advantage-ul>div>div>span{
    color: #221446;
    font-size: 68rem;
    font-weight: 600;
    font-family: SFProDisplay-Semibold;
}
.advantage-ul>div>div>div{
    color: #352169;
    font-size: 32rem;
    font-weight: 400;
    padding-top: 40rem;
    font-family: SFProDisplay-Regular;
}
.advantage-ul img{
    width: 738rem;
    height: 738rem;
}
