@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
html,body{background: #2a4e43; font-family: 'manrope-regular', Arial; }
body {margin: 0; padding: 0; background-image: url(Home-Background@2x.png); background-size: cover;}
/* ================= Dividers ================= */
.clear {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.padding3 {padding-top:3px; font-size:0; line-height:0;}
.padding5 {padding-top:5px; font-size:0; line-height:0;}
.padding10 { padding-top:10px; font-size:0; line-height:0;}
.padding12 {padding-top:12px; font-size:0; line-height:0;}
.padding15 {padding-top:15px; font-size:0; line-height:0;}
.padding17 {padding-top:17px; font-size:0; line-height:0;}
.padding20 {padding-top:20px; font-size:0; line-height:0;}
.padding25 {padding-top:25px; font-size:0; line-height:0;}
.padding30 {padding-top:30px; font-size:0; line-height:0;}
.padding35 {padding-top:35px; font-size:0; line-height:0;}
.padding40 {padding-top:40px; font-size:0; line-height:0;}
.padding50 {padding-top:50px; font-size:0; line-height:0;}
.padding60 {padding-top:60px; font-size:0; line-height:0;}
.padding70 {padding-top:70px; font-size:0; line-height:0;}
.padding80 {padding-top:80px; font-size:0; line-height:0;}
.padding100 {padding:100px; font-size:0; line-height:0;}
.padding180 {padding-top:180px; font-size:0; line-height:0;}
.padding240 {padding-top:240px; font-size:0; line-height:0;}
.none {display:none;}
hr {margin-top:10px !important; margin-bottom:10px !important; border: 0; border-top: 2px solid #22428C !important;}
hr {box-sizing: content-box; height: 0;}
p + hr {margin:5px 0 10px 0;}
/* ================= General ================= */
.header {padding-top: 15px;}
.text-right {font-size:28px; color:#fff; padding-top:20px; font-weight:bold; font-family: 'manrope-regular', Arial;}
.card {background:#47625D; color:#fff; padding:40px 40px;}
.btn{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; font-family: 'manrope-regular', Arial; 
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.submitMakePayment {background-image: linear-gradient(#E69125, #E9A042);
    color: #fff; font-family: 'manrope-regular', Arial; font-size: 18px; margin-top: 60px; padding: 12px 30px;
    /* transition: 300ms ease-out !important; */
    animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -o-animation: bounce 4s infinite;
    animation: shadow-pulse 3s infinite;
}
.submitMakePayment:hover {
    background: #fff;
    color: #FFA22C;
}
