body{
    background: #4d4d4d;
    border: 3px solid #3d3072;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom-style: none;
}

.screen1{
    position: absolute;
    background: linear-gradient(to bottom, #737373 0%, #ffffff 100%);

    width: 100%;
    height: 100%;
    /*padding: 40px;*/
    margin-left: 0px;
    margin-top: 0px;
}

.screen1 .fnb1{
    background: #666666;
    width: 100%;
    height: 30%;
    margin-top: 0%;
    margin-left: 0%;
}
.logo1{
    margin-left: 600px;
    margin-top: -8%;
}
.screen1 .fnb1 .line1{
    background: #9999ff;
    /* border-radius: 20px; */
    width: 90%;
    height: 8px;
    float: left;
    margin-left: 10% ;
    margin-top: 0.09%;
}

.screen1 .fnb1 .line1{
    background: #F4A000;
    /* border-radius: 20px; */
    width: 88%;
    height: 8px;
    float: left;
    margin: 100px;
    margin-top: -12px;
}
.screen1 .fnb1 .line11{
    background: #F4A000;
    /* border-radius: 20px; */
    width: 88%;
    height: 8px;
    float: left;
    margin: 100px;
    margin-top: -112px;
}
.opt-button{
    background: #666666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 255px;
    margin-left: 360px;
    border-radius: 0px 50px 50px 0px;
    animation:opt-button 0.5s infinite;
}
.R100{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 35px;
    margin-left: 380px
}
.R500{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 85px;
    margin-left: 380px
}
.ownamnt{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 135px;
    margin-left: 380px
}

.opt-buttons{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 115px;
    margin-left: 390px
}
.opting-button{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    border-radius: 0px 50px 50px 0px;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 165px;
    margin-left: 390px
}
.opt-ewallet{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    border-radius: 0px 50px 50px 0px;
    margin-top: 245px;
    margin-left: 380px
}
.eWalletServ{
    background: #666666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 520px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.cardle{
    background: #666666;
    border: none;
    color:  white;
    text-align:center;
    text-align-last: center;
    padding: 17px;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -116px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.pre-button1{
    background: #666666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    width: 250px;
    height: 45px;
    margin-bottom: 6px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.pre-button2{
    background: #666666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    width: 250px;
    height: 45px;
    margin-top: -396px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.logs{
    margin-top: -100px;
    margin-left: -105px;
}
.deposit{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -116px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.card-cancel{
    background: #006666;
    border: none;
    color:  white;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 255px;
    margin-left: 60px;
    border-radius: 50px 0px 0px 50px;
}

.lost-card{
    background: #006666;
    border: none;
    color:  white;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 320px;
    margin-left: 60px;
    border-radius: 50px 0px 0px 50px;
}
.no-card{
    background: #006666;
    border: none;
    color:  white;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 320px;
    margin-left: 360px;
    border-radius: 0px 50px 50px 0px;
}
.opts-button{
    background: #006666;
    border: none;
    color:  white;
    text-align-last: center;
    padding: 17px;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -252px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.menu-e{
    background: #006666;
    border: none;
    color:  white;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -252px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.eWalletServ{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -252px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}

.yes{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 80px;
    margin-left: 50px
}
.no{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 135px;
    margin-left: 50px
}
.view{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 190px;
    margin-left: 50px
}
.enter-num{
    width: 187px;
    height: 34px;
    margin-top: -2px;
    margin-left: -6px;
}
.opt-but{
    background: #006666;
    border: none;
    color:  white;
    text-align-last: center;
    padding: 17px;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -184px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.opts-butts{
    background: #006666;
    border: none;
    color:  white;
    font-size: small;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -44px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.opt-dep{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: 25px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.cashDeposit{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -122px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.cancel{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -122px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.getCashServ{
    background: #006666;
    font-weight: bold;
    border: none;
    color: #C1EBE8;
    position: absolute;
    width: 290px;
    height: 60px;
    margin-top: -184px;
    margin-left: 400px;
    border-radius: 0px 50px 50px 0px;
}
.opts-buts{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 84px;
    margin-left: 390px
}
.buttons{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 140px;
    margin-left: 390px
}
.cardlessbut{
    margin-top: 195px;
    margin-left: 390px;
    border-radius: 0px 50px 50px 0px;
}
.opt-butt{
    background: #666666;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 210px;
    margin-left: 390px
}
.corr{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 210px;
    margin-left: 370px
}
.go-back{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 150px;
    margin-left: 370px
}
.proceed{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 270px;
    margin-left: 370px
}
.makecorr{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 300px;
    margin-left: 370px
}

.continue{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 150px;
    margin-left: 370px
}
.opt-butting{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 70px;
    margin-left: 390px
}
.opting-dep{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    width: 200px;
    height: 45px;
    margin-top: 70px;
    margin-left: 390px
}
.screen1 .opt-button .logo{
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: -20px;
    margin-left: -40px;
    margin-top: -25px;
    animation:opt-button 0.5s infinite;
    /* left: 827px;
    top: 275px; */
}
.wait-img{
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    position: absolute;
    width: 110px;
    height: 65px;
    margin: -20px;
    margin-left: 650px;
    margin-top: -58px;
}

@keyframes opt-button{
    0%{opacity:0.1;}
    10%{opacity:1;
        box-shadow: 10px 10px 70px #e9fa01;}
}
.input-no{
    width: 120px;
    height: 35px;
    margin-left: 390px;
    margin-top: 30px;
}
.sasl1{
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    position: absolute;
    width: 45px;
    height: 52px;
    margin: auto;
    margin-top: -25px;
    margin-left: -150px;
}

.sasl2{
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    position: absolute;
    width: 43px;
    height: 43px;
    margin: auto;
    margin-top: -23px;
    margin-left: -95px;
}

.sasl3{
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    position: absolute;
    width: 44px;
    height: 52px;
    margin: auto;
    margin-top: -23px;
    margin-left: -45px;
}

.sasl4{
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    position: absolute;
    width: 46px;
    height: 53px;
    margin: auto;
    margin-top: -23px;
    margin-left: 5px;
}
.sign-img1{
    margin-left: 210px;
}
.p {
    font-family: verdana;
    font-size: 14px;
    color: #245356;
    display: inline;
}
/* .acc{
  background: white;
  color: #245356;
  border: 3px solid #00999A;
  width: 390px;
  height: 280px;
  margin-top: -px;
  margin-left: 105px;
} */
.insert{
    border: 1px solid #F4A000;
    font-weight: bold;
    color: #245356;
    position: absolute;
    width: 281px;
    height: 80px;
    margin-top: -340px;
    margin-left: 399px
}
p{
    color: #245356;
    position: centre;
    margin: 5px;
}
.reciept-wait{
    margin-bottom: -450px;
}
.depositCash{
    background: #F4A000;
    border: 3px solid #245356;
    border-radius: 20px;
    font-weight: bold;
    color: #C1EBE8;
    border-radius: 0px 50px 50px 0px;
    position: absolute;
    width: 120px;
    height: 40px;
    margin-top: 20px;
    margin-left: 80px
}
.menu-deposit{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 200px;
    margin-left: 380px
}
.amnt-correct{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 145px;
    margin-left: 380px
}
.footer-wait{
    background: whitesmoke;
    border: 1px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 798px;
    height: 75px;
    margin-top: -61px;
    margin-left: -40px
}
.footers{
    background: whitesmoke;
    border: 1px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 798px;
    height: 75px;
    margin-top: -36px;
    margin-left: -40px
}
.slip-footer{
    background: whitesmoke;
    border: 1px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 798px;
    height: 75px;
    margin-top: -56px;
    margin-left: -40px
}
.footer-waits{
    background: whitesmoke;
    border: 1px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 798px;
    height: 75px;
    margin-top: 248px;
    margin-left: -40px
}

.slip-wait{
    background: whitesmoke;
    border: 1px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 325px;
    height: 75px;
    margin-top: 49px;
    margin-left: 340px;
}
.phonenum{
    background: #245356;
    border: 2px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 220px;
    height: 35px;
    margin-top: 98px;
    margin-left: 355px;
}
.ewalletpins{
    background: #245356;
    border: 2px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 220px;
    height: 35px;
    margin-top: 98px;
    margin-left: 355px;
}
.cellinputnum{
    background: #C1EBE8;
    border: 1px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #245356;
    position: absolute;
    width: 240px;
    height: 45px;
    margin-top: -257px;
    margin-left: 415px;
    /* animation:opt-button 0.5s infinite; */
}
.inputAmt{
    background: #C1EBE8;
    border: 1px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #245356;
    position: absolute;
    width: 240px;
    height: 45px;
    margin-top: -340px;
    margin-left: 415px;
    /* animation:opt-button 0.5s infinite; */
}
.enteramount{
    background: #245356;
    border: 2px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 220px;
    height: 35px;
    margin-top: 30px;
    margin-left: 389px;
    /* animation:opt-button 0.5s infinite; */
}
.menu-withdraw{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 145px;
    margin-left: 380px;
}
.waits{
    color: #245356;
    font-size: xx-large;
    margin-left: 10px;
    margin-top: 20px;
}
.cashing{
    color: #245356;
    font-size: xx-large;
    margin-left: 10px;
    margin-top: 20px;
}
.menu-withdraws{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 120px;
    margin-left: 345px
}

.menu-ewallet{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 90px;
    margin-left: 380px
}
.menu-ewallets{
    background: white;
    border: 3px solid #00999A;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 90px;
    margin-left: 380px
}
.menu-stop{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 255px;
    margin-left: 380px
}
.pre-get{
    background: #245356;
    border: 3px solid #F4A000;
    /* border-radius: 20px; */
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 200px;
    height: 45px;
    margin-top: 310px;
    margin-left: 380px
}
.welcoming{
    background: white;
    border: 3px solid #F4A000;
    width: 65%;
    height: 58px;
    float: right;
    margin: 150px;
    margin-top: -10px;
}
/* .logofnb{
  background: white;
  border: 3px solid #F4A000;
  width: px;
  height: px;
  float: right;
  padding-top: 10px;
  padding-left: 250px;
  margin-top: -10px;
} */
.welcoming .logo{
    background: white;
    width: 54.05%;
    height: 58px;
    margin: 150px;
    margin-top: -10px;
}
/* .pointing{
  display: inline-block;
  align-items: center;
  padding: 0 12px;
  position: absolute;
  width: 35px;
  height: 35px;
  margin: -20px;
  margin-left: 170px;
  margin-top: 145px;
  animation:click 0.5s infinite;
} */
@keyframes click{
    0%{opacity:0.1;}
    10%{opacity:1;
        box-shadow: 10px 10px 70px #e9fa01;}
}
.menu-video{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 250px;
    margin-top: -7px;
    margin-left: 25px;
}
.slip-video{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 250px;
    margin-top: -2px;
    margin-left: 5px;
}
.pre-video{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 250px;
    margin-top: 17px;
    margin-left: 25px;
}
.waiting-video{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 235px;
    margin-top: 25px;
    margin-left: 195px;
}
.wait-vide{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 235px;
    /* margin-top: -390px; */
    margin-bottom: -0px;
    margin-left: 5px;
}
.takeMoney{
    color: #C1EBE8;
    width: 350px;
    height: 320px;
    margin-top: -15px;
    margin-left: 195px;
}
.amnt-video{
    background: #00999A;
    color: #C1EBE8;
    border: 3px solid #00999A;
    width: 320px;
    height: 250px;
    margin-top: 55px;
    margin-left: 25px;
}
.pleaseNote-vid{
    color: #C1EBE8;
    border-color: #006666;
    height: 120px;
    margin-top: -70px;
    margin-left: -15px;
}
.logo{
    margin-left: 150px;
}
.vids{
    width: 500px;
    height: 420px;
    border: 2px solid #00999A;
    margin-top: 20px;
    margin-left: 40px;

}
.vidss{

    width: 350px;
    height: 320px;
    /*border: 2px solid #00999A;*/
    margin-top: -300px;
    margin-left: -10px;

}
.slip-vids{
    border: 2px solid #00999A;
    width: 350px;
    height: 320px;
    margin-top: -340px;
    margin-left: 0px;
}
.detail{
    border: 2px solid #00999A;
    width: 280px;
    height: 80px;
    font-size: medium;
    font-weight: bolder;
    margin-top: -375px;
    margin-left: 60px;
}
.details p{
    color: #245356;
    font-size: medium;
    font-weight: bolder;
}

.menuVid{
    width: 350px;
    height: 320px;
    margin-top: -20px;
    margin-left: 0px;
}
.menuVideos{
    width: 350px;
    height: 320px;
    margin-top: -245px;
    margin-left: 0px;
}
.menu{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 470px;
    margin-top: -105px;
}
.mainmenu{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 240px;
    margin-top: -105px;
}
.mainmenu1{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 430px;
    margin-top: -105px;
}
.mainmenus{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 210px;
    margin-top: -128px;
}
.mainmenu2{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 465px;
    margin-top: -105px;
}
.mainmenu3{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 255px;
    margin-top: -125px;
}
.mainmenu4{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 542px;
    margin-top: -105px;
}
.would{
    /* background: white; */
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 10px;
    margin-top: -15px;
}
.youu{
    /* background: white; */
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 105px;
    margin-top: -75px;
}
.like{
    /* background: white; */
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 200px;
    margin-top: -75px;
}
.a{
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 270px;
    margin-top: -75px;
}
.reciepts{
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 150px;
    margin-top: -45px;
}
.main{
    /* background: white; */
    width: 68px;
    height: 68px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 350px;
    margin-top: -130px;
}
.cancel-card{
    /* background: white; */
    width: 80px;
    height: 80px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 5px;
    margin-top: -5px;
}
.cancel-card1{
    /* background: white; */
    width: 80px;
    height: 80px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 95px;
    margin-top: -130px;
}
.cancel-card2{
    /* background: white; */
    width: 39px;
    height: 37px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 218px;
    margin-top: -24px;
}
.cheque{
    /* background: white; */
    width: 111px;
    height: 97px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 181px;
    margin-top: -50px;
}
.cancel-cards{
    /* background: white; */
    width: 110px;
    height: 110px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 182px;
    margin-top: -60px;
}
.cancel-cardss{
    /* background: white; */
    width: 150px;
    height: 131px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 167px;
    margin-top: -68px;
}
.cancel-ca{
    /* background: white; */
    width: 125px;
    height: 122px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 179px;
    margin-top: -65px;
}
.cancel-c{
    /* background: white; */
    width: 45px;
    height: 35px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 220px;
    margin-top: -20px;
}
.cancel-cards0{
    /* background: white; */
    width: 110px;
    height: 100px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 189px;
    margin-top: -32px;
}
.cancel-card0{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 225px;
    margin-top: -20px;
}
.dep{
    /* background: white; */
    width: 130px;
    height: 115px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 170px;
    margin-top: -60px;
}
.ewal{
    /* background: white; */
    width: 40px;
    height: 40px;
    justify-content: center;
    display:flex;
    /* padding: 25px; */
    margin-left: 225px;
    margin-top: -20px;
}
.own-money{
    /* background: white; */
    width: 25px;
    height: 25px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 210px;
    margin-top: -150px;
}
.pre{
    /* background: white; */
    width: 40px;
    height: 40px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 155px;
    margin-top: -10px;
}
.pre1{
    /* background: white; */
    width: 30px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 90px;
    margin-top: -7px;
}
.staged0{
    /* background: white; */
    width: 30px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 250px;
    margin-top: -85px;
}
.staged1{
    /* background: white; */
    width: 30px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 355px;
    margin-top: -85px;
}
.staged2{
    /* background: white; */
    width: 30px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 480px;
    margin-top: -85px;
}
.staged{
    /* background: white; */
    width: 40px;
    height: 40px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 360px;
    margin-top: -90px;
}
.option{
    /* background: white; */
    width: 40px;
    height: 40px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 548px;
    margin-top: -90px;
}
.mains{
    /* background: white; */
    width: 55px;
    height: 55px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 280px;
    margin-top: -130px;
}
.enter{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 180px;
    margin-top: -130px;
}
.wait-img{
    margin-top: -80px;
}
.key{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 180px;
    margin-top: -130px;
}
.your{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 300px;
    margin-top: -85px;
}
.cell{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 412px;
    margin-top: -85px;
}
.in{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 300px;
    margin-top: -85px;
}
.yours{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 250px;
    margin-top: -85px;
}
.you{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 250px;
    margin-top: -85px;
}
.cellphone{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 413px;
    margin-top: -85px;
}
.pin{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 413px;
    margin-top: -85px;
}
.number{
    /* background: white; */
    width: 35px;
    height: 35px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 543px;
    margin-top: -85px;
}
.line1 .how{
    width: 20px;
    height: 20px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 100px;
    margin-top: -45px;
}
.line1 .can{
    width: 20px;
    height: 20px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 160px;
    margin-top: -70px;
}
.line1 .we{
    width: 20px;
    height: 20px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 205px;
    margin-top: -70px;
}
.line1 .help{
    width: 20px;
    height: 20px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 280px;
    margin-top: -70px;
}
.line1 .you{
    width: 20px;
    height: 20px;
    justify-content: center;
    display:flex;
    padding: 25px;
    margin-left: 365px;
    margin-top: -70px;
}
.eWs{
    margin-top: -6px;
    /* margin-left: 42.5px; */
    /* animation:click 0.5s infinite; */
}
.insertcard{
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 400px;
    height: 600px;
    margin-top: -10%;
    animation:money-img 2s infinite;
    margin-left: 200px;
}
.NotMess{
	font-family: garamond,serif;
    font-size: larger;
    font-weight: bold;
    color: white;
    position: absolute;
    margin-top: 10%;
    margin-left: 300px;
}
.NOCARD{
    font-weight: bold;
    color: #C1EBE8;
    position: absolute;
    width: 400px;
    height: 320px;
    margin-top: -10px;
    animation:money-img 2s infinite;
    margin-left: 36%;
}
.cardsss{
    font-size: xx-large;
    font-weight: bold;
    color: black;
    position: absolute;
    margin-top: 320px;
    margin-left: 30%;
}
.fnb{
    /* background: #245356; */
    font-size: xx-large;
    font-weight: bold;
    color: white;
    position: absolute;
    margin-top: -90px;
    margin-left: 160px
}

.fnb-how{
    font-size: large;
    font-weight: bold;
    color: #F4A000;
    position: absolute;
    margin-top: -30px;
    margin-left: 270px
}
.arrows{
    margin-bottom: 94px;
    margin-left: 10px;
}
.lost-arrow{
    margin-bottom: 146px;
    margin-left: -39px
}
.arrowz{
    margin-bottom: 40px;
    margin-left: -39px
}
/* .eWithdraw{
  margin-bottom: 146px;
  margin-left: 80px
} */
.cancel-arrow{
    margin-bottom: 200px;
    margin-left: -39px;
}
.msg{
    background: #245356;
    border: 1px solid #00999A;
    font-weight: bold;
    color: #F4A000;
    position: absolute;
    width: 250px;
    height: 77px;
    margin-top: 50px;
    margin-left: 385px;
}
.msg .cellnumbers{
    width: 50px;
    height: 50px;
    margin-left: -5px;
}
.arrow1{
    margin-top: 25px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow2{
    margin-top: 30px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow3{
    margin-top: 30px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow4{
    margin-top: 30px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow11{
    margin-top: 35px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow22{
    margin-top: 35px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow33{
    margin-top: 35px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow44{
    margin-top: 35px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.arrow55{
    margin-top: 35px;
    margin-left: 360px;
    animation: arrow1 2s infinite;
}
.waitings{
    width: 350px;
    height: 320px;
    margin-top: -87px;
    margin-left: 190px;
}
.eCash{
    width: 500px;
    height: 550px;
    margin-top: -200px;
    margin-left: 120px;
}
.slip-footer{
    margin-top: 248px;
}
.arrowPoint{
    margin-top: -50px;
}
.select-e{
    margin-top: -30px;
    margin-left: 90px;
}
.cont{
    margin-top: -30px;
    margin-left: 90px;
    float: left;
}
.displayButton{
    margin-top: 50px;
}
.displayButtons{
    margin-top: 20px;
}
.Buttons{
    margin-left: 50px;
}
/* .pre-button{
  margin: 5px;
  margin-top: 50px;
} */
.menuButton{
    margin-top: -90px;
}
.menuVid{
    height: 240px;
    width: 220px;
}
@keyframes arrow1{
    0%{opacity:0.1}
    100%{opacity:1;
        /* /* box-shadow: 10px 0px 1px; */
    }
}
#select{
    margin-top: -65px;
    margin-left: 435px;
    animation: arrow1 3s infinite;
}
.arrows1{
    margin-top: 40px;
    margin-left: 360px;
}
.arrows2{
    margin-top: 40px;
    margin-left: 360px;
}
.arrows3{
    margin-top: 40px;
    margin-left: 360px;
}
.arrows4{
    margin-top: 40px;
    margin-left: 360px;
}

@keyframes select{
    10%{opacity:0.1}
    100%{opacity:1;
        /* box-shadow: 10px 0px 10px whitesmoke; */
    }
}
@keyframes sel1{
    10%{opacity:0.1}
    100%{opacity:1;
        /* box-shadow: 10px 0px 10px white; */
    }
}