@import "fonts.css";

@font-face {
                          font-family: "OpenSans-Regular";
                          src: url('../fonts/Open Sans regular.ttf') format("truetype");
                        }
                        @font-face {
                          font-family: "OpenSans-SemiBold";
                          src: url('../fonts/Open Sans 600.ttf') format("truetype");
                        }
                        
.a4 {
  width               : 100%;
  min-width           : 1600px;
  height              : 100vh;
  min-height          : 1080px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
  opacity             : 1.0;
}
a {
  text-decoration     : none;
}
div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
div {
  -webkit-text-size-adjust: none;
}
.a4 .group8 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 313px;
  height              : 276px;
  width               : 469px;
  position            : absolute;
  margin              : 0;
  left                : 140px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 276px;
  width               : 469px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .rectangle {
  background-color    : rgba(245,158,34, 0.03);
  top                 : 0px;
  height              : 276px;
  width               : 443px;
  position            : absolute;
  margin              : 0;
  left                : 26px;
  border-radius       : 4px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 52px;
  height              : 173px;
  width               : 313px;
  position            : absolute;
  margin              : 0;
  left                : 91px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group4 .accno084345764 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 49px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group8 .group17 .group4 .accno084345764 .span1 {
  
}
.a4 .group8 .group17 .group4 .accno084345764 .span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.a4 .group8 .group17 .group4 .currentbalance59 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 98px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group8 .group17 .group4 .currentbalance59 .span1 {
  
}
.a4 .group8 .group17 .group4 .currentbalance59 .span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.a4 .group8 .group17 .group4 .currentbalance59 .span3 {
  
}
.a4 .group8 .group17 .group4 .currentbalance59 .span4 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.a4 .group8 .group17 .group4 .personalaccount {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group8 .group17 .group {
  background-color    : rgba(255,255,255,0.0);
  top                 : 38px;
  height              : 200px;
  width               : 56px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group .group11 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 200px;
  width               : 56px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group .group11 .group16 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 72px;
  height              : 56px;
  width               : 200px;
  position            : relative;
  margin              : 0;
  left                : -72px;
  transform           : rotate(-90deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group .group11 .group16 .rectangle1 {
  background-color    : rgba(0, 0, 30, 1.0);
  top                 : 0px;
  height              : 56px;
  box-sizing          : border-box;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 28px;
  border-style        : solid;
  border-width        : 2px;
  border-color        : rgba(0, 0, 30, 1.0);
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group8 .group17 .group .group11 .group16 .fromaccount {
  background-color    : rgba(255,255,255,0.0);
  top                 : 15px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 33px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group10 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 620px;
  height              : 78px;
  width               : 151px;
  position            : absolute;
  margin              : 0;
  left                : 283px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group10 .group7 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 78px;
  width               : 151px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group10 .group7 .rectangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 78px;
  box-sizing          : border-box;
  width               : 151px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  border-radius       : 2px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(245,158,34, 1.0);
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group10 .a10000 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 23px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 26px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 26.88px;
  color               : rgba(245,158,34, 1.0);
  text-align          : left;
  letter-spacing      : -0.16px;
  line-height         : 32.0px;
}
.a4 .path5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 569px;
  height              : 44px;
  width               : 31px;
  position            : absolute;
  margin              : 0;
  left                : 343px;
  transform           : rotate(90deg);
  opacity             : 1.0;
}
.a4 .path51 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 716px;
  height              : 44px;
  width               : 31px;
  position            : absolute;
  margin              : 0;
  left                : 343px;
  transform           : rotate(90deg);
  opacity             : 1.0;
}
.a4 .group3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 808px;
  height              : 591px;
  width               : 591px;
  position            : absolute;
  margin              : 0;
  left                : 1167px;
  transform           : rotate(0deg);
  opacity             : 0.35;
}
.a4 .group3 .oval1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 591px;
  width               : 591px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.14;
}
.a4 .group2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 555px;
  height              : 122px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 1702px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group21 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 29px;
  height              : 163px;
  width               : 224px;
  position            : absolute;
  margin              : 0;
  left                : 1367px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 81px;
  width               : 1920px;
  position            : absolute;
  margin              : 0;
  left                : -320px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .rectangle {
  background-color    : rgba(245,158,34, 1.0);
  top                 : 0px;
  height              : 80px;
  width               : 1600px;
  position            : absolute;
  margin              : 0;
  left                : 320px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5px;
  height              : 49px;
  width               : 142px;
  position            : absolute;
  margin              : 0;
  left                : 460px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group5 .medusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : 27px;
  width               : 126px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group5 .a256 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 124px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Helvetica", Helvetica, Arial, serif;
  font-size           : 21.81px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 43.63px;
}
.a4 .header .group {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 81px;
  width               : 1920px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group .group4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 80px;
  width               : 541px;
  position            : absolute;
  margin              : 0;
  left                : 1379px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group .group4 .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 45px;
  width               : 259px;
  position            : absolute;
  margin              : 0;
  left                : 282px;
  transform           : rotate(0deg);
  opacity             : 0.42;
}
.a4 .header .group .group4 .path {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3px;
  height              : 55px;
  width               : 72px;
  position            : absolute;
  margin              : 0;
  left                : 367px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group .group4 .path1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 30px;
  height              : 38px;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 407px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .group .group4 .rectangle1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 54px;
  height              : 26px;
  width               : 541px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.59;
}
.a4 .header .group .logout {
  background-color    : rgba(255,255,255,0.0);
  top                 : 24px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 1693px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 28.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.17px;
  line-height         : 33.0px;
}
.a4 .header .group .path4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 78px;
  height              : 3px;
  width               : 1920px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .header .internetbanking {
  background-color    : rgba(255,255,255,0.0);
  top                 : 24px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 671px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 28.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.17px;
  line-height         : 33.0px;
}
.a4 .header .path52 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 12px;
  height              : 56px;
  width               : 1px;
  position            : absolute;
  margin              : 0;
  left                : 636px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 48px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 140px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive .bg1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 20px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive .bg1 .rectangle {
  background-color    : rgba(245,158,34, 0.03);
  top                 : 0px;
  height              : 19px;
  width               : 136px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.0;
}
.a4 .menuactive .itemname {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 29px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  line-height         : 20.0px;
}
.a4 .menuactive .path {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : 2px;
  width               : 138px;
  position            : absolute;
  margin              : 0;
  left                : -1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 48px;
  width               : 165px;
  position            : absolute;
  margin              : 0;
  left                : 292px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive1 .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48px;
  width               : 165px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive1 .bg1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 20px;
  width               : 165px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive1 .bg1 .rectangle {
  background-color    : rgba(245,158,34, 0.03);
  top                 : 0px;
  height              : 19px;
  width               : 165px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.0;
}
.a4 .menuactive1 .itemname {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 25px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  line-height         : 20.0px;
}
.a4 .menuactive1 .path {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : 2px;
  width               : 167px;
  position            : absolute;
  margin              : 0;
  left                : -1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 48px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 473px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive2 .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive2 .path {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : 2px;
  width               : 182px;
  position            : absolute;
  margin              : 0;
  left                : -1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive2 .path2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 41px;
  height              : 6px;
  width               : 18px;
  position            : absolute;
  margin              : 0;
  left                : 81px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive2 .itemname {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 23px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  line-height         : 20.0px;
}
.a4 .menuactive3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 48px;
  width               : 127px;
  position            : absolute;
  margin              : 0;
  left                : 669px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive3 .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48px;
  width               : 127px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive3 .bg1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 20px;
  width               : 127px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .menuactive3 .bg1 .rectangle {
  background-color    : rgba(245,158,34, 0.03);
  top                 : 0px;
  height              : 19px;
  width               : 127px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.0;
}
.a4 .menuactive3 .itemname {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 25px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  line-height         : 20.0px;
}
.a4 .menuactive3 .path {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : 2px;
  width               : 130px;
  position            : absolute;
  margin              : 0;
  left                : -2px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .oval {
  background-color    : rgba(255,255,255,0.0);
  top                 : 677px;
  height              : 295px;
  width               : 295px;
  position            : absolute;
  margin              : 0;
  left                : 1463px;
  transform           : rotate(0deg);
  opacity             : 0.14;
}
.a4 .authorisetransactio {
  background-color    : rgba(255,255,255,0.0);
  top                 : 202px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 140px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Thonburi-Bold", Helvetica, Arial, serif;
  font-size           : 28.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : left;
  letter-spacing      : -0.17px;
  line-height         : 38.0px;
}
.a4 .youareabouttoaut {
  background-color    : rgba(255,255,255,0.0);
  top                 : 262px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 140px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group6 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 736px;
  height              : 276px;
  width               : 495px;
  position            : absolute;
  margin              : 0;
  left                : 140px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 276px;
  width               : 495px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 276px;
  width               : 495px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 .rectangle {
  background-color    : rgba(245,158,34, 0.03);
  top                 : 0px;
  height              : 276px;
  width               : 443px;
  position            : absolute;
  margin              : 0;
  left                : 29px;
  border-radius       : 4px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 .group12 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 110px;
  height              : 56px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : -72px;
  transform           : rotate(-90deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 .group12 .rectangle1 {
  background-color    : rgba(0, 0, 30, 1.0);
  top                 : 0px;
  height              : 56px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 28px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 .group12 .toaccount {
  background-color    : rgba(255,255,255,0.0);
  top                 : 15px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 46px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group6 .group5 .group18 .group13 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 63px;
  height              : 123px;
  width               : 411px;
  position            : absolute;
  margin              : 0;
  left                : 84px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group6 .group5 .group18 .group13 .accno084345764 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 49px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group6 .group5 .group18 .group13 .accno084345764 .span1 {
  
}
.a4 .group6 .group5 .group18 .group13 .accno084345764 .span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.a4 .group6 .group5 .group18 .group13 .bsb345456 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 98px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group6 .group5 .group18 .group13 .bsb345456 .span1 {
  
}
.a4 .group6 .group5 .group18 .group13 .bsb345456 .span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.a4 .group6 .group5 .group18 .group13 .meysamnassour {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : 411px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group6 .group5 .group {
  background-color    : rgba(255,255,255,0.0);
  top                 : 76px;
  height              : 200px;
  width               : 56px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 418px;
  height              : 253px;
  width               : 456px;
  position            : absolute;
  margin              : 0;
  left                : 813px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group {
  background-color    : rgba(255,255,255,0.0);
  top                 : 186px;
  height              : 67px;
  width               : 293px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group .group9 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 67px;
  width               : 293px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group .group9 .rectangle {
  background-color    : rgba(245,158,34, 1.0);
  top                 : 0px;
  height              : 67px;
  width               : 293px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 4px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group .group9 .authorisetransactio1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 21px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group14 .group1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 185px;
  height              : 67px;
  width               : 147px;
  position            : absolute;
  margin              : 0;
  left                : 309px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group1 .group9 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 67px;
  width               : 147px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group1 .group9 .group15 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 67px;
  width               : 147px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group1 .group9 .group15 .rectangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 67px;
  box-sizing          : border-box;
  width               : 147px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 4px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(245,158,34, 1.0);
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group1 .group9 .group15 .cancel {
  background-color    : rgba(255,255,255,0.0);
  top                 : 21px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(245,158,34, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
.a4 .group14 .group22 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 127px;
  width               : 341px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .rectangle4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 47px;
  height              : 2px;
  box-sizing          : border-box;
  width               : 341px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(245,158,34, 1.0);
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .entertransactionpa {
  background-color    : rgba(255,255,255,0.0);
  top                 : -1px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 34px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : left;
  letter-spacing      : -0.11px;
  line-height         : 16.0px;
}
.a4 .group14 .group22 .iconuser {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 16px;
  width               : 16px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 16px;
  width               : 16px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser .lock {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 16px;
  width               : 12px;
  position            : absolute;
  margin              : 0;
  left                : 2px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser .lock .shape {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 16px;
  width               : 12px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .rectangle41 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 125px;
  height              : 2px;
  box-sizing          : border-box;
  width               : 341px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(245,158,34, 1.0);
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .otp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 77px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 34px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : left;
  letter-spacing      : -0.11px;
  line-height         : 16.0px;
}
.a4 .group14 .group22 .iconuser1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 78px;
  height              : 18px;
  width               : 18px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser1 .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 18px;
  width               : 18px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser1 .lock {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 18px;
  width               : 14px;
  position            : absolute;
  margin              : 0;
  left                : 2px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .group14 .group22 .iconuser1 .lock .shape {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 18px;
  width               : 14px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.a4 .oneofftransferamo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 638px;
  height              : auto;
  width               : 149px;
  position            : absolute;
  margin              : 0;
  left                : 445px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : center;
  letter-spacing      : -0.11px;
  line-height         : 21.0px;
}
.a4 .youwillnotreceive {
  background-color    : rgba(255,255,255,0.0);
  top                 : 719px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 816px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 22.0px;
  color               : rgba(0, 0, 30, 1.0);
  text-align          : left;
  letter-spacing      : -0.13px;
  line-height         : 25.0px;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.anima-component-wrapper,
.anima-component-wrapper * {
  pointer-events      : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
  pointer-events      : auto;
}
.anima-hidden,
.anima-hidden * {
  visibility          : hidden;
  pointer-events      : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
  pointer-events      : auto;
  visibility          : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
  visibility          : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
  cursor              : pointer;
}