.loginsection { display: block; }
.loginheading { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 2.5rem; }
.logincaption { font-family: sans-serif; font-size: 1.25rem; }
.loginsubheading { font-family: sans-serif; font-size: 1.25rem; font-weight: 300; }
.logingradient-banner { padding: 0 0 90px; position: relative; }
.logingradient-banner::before { position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-image: linear-gradient(45deg, #009EC5 0%, #2e7eed 20%, #02225B 50%); }
.loginshapes-container { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; }
.loginshapes-container .shape { position: absolute; }
.loginshapes-container .shape::before { content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.1); transform: rotate(-35deg); position: absolute; border-radius: 50px; }
.loginshapes-container .shape:nth-child(1) { top: 2%; left: 11%; width: 400px; height: 70px; }
.loginshapes-container .shape:nth-child(2) { top: 14%; left: 18%; width: 200px; height: 15px; }
.loginshapes-container .shape:nth-child(3) { top: 80%; left: 4%; width: 300px; height: 60px; }
.loginshapes-container .shape:nth-child(4) { top: 85%; left: 15%; width: 100px; height: 10px; }
.loginshapes-container .shape:nth-child(5) { top: 5%; left: 50%; width: 300px; height: 25px; }
.loginshapes-container .shape:nth-child(6) { top: 4%; left: 52%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(7) { top: 80%; left: 70%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(8) { top: 55%; left: 95%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(9) { top: 50%; left: 90%; width: 300px; height: 50px; }
.loginshapes-container .shape:nth-child(10) { top: 30%; left: 60%; width: 500px; height: 55px; }
.loginshapes-container .shape:nth-child(11) { top: 60%; left: 60%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(12) { top: 35%; left: 75%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(13) { top: 90%; left: 40%; width: 300px; height: 45px; }
.loginshapes-container .shape:nth-child(14) { top: 54%; left: 75%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(15) { top: 50%; left: 90%; width: 200px; height: 5px; }
.loginshapes-container .shape:nth-child(16) { top: 50%; left: 81%; width: 100px; height: 5px; }
.loginpull-top { margin-top: -150px; }
.logincontent { position:inherit;  }