@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap);.happy-pay-wrapper {
color: #000;
margin-top: 10px;
margin-bottom: 20px;
font-family: Quicksand,sans-serif
}.happy-pay-body, .happy-pay-caption {
font-family: Poppins,sans-serif !important
}.happy-pay-body {
margin-top: 5px;
display: flex;
align-items: center;
color: #8d8d8d
}.happy-pay-caption {
font-size: 15px;
letter-spacing: 0
}.happy-pay-button {
width: 105px !important;
height: 42px !important;
flex-shrink: 0;
margin-right: 10px;
cursor: pointer
}.happy-pay-text {
font-size: 14px;
line-height: 16px;
letter-spacing: 0
}.hpptext_link {
text-decoration: underline;
cursor: pointer
}.hpptext_link:hover {
text-decoration: none
}.happy-button-modal {
display: none;
position: fixed;
z-index: 1000000;
padding-top: 48px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0 0 0 / 37%);
box-sizing: border-box
}.hppbtn-modal-content {
max-width: 540px;
background-color: #fefefe;
margin: auto;
padding: 20px 20px 40px;
border: 2px solid #ffe05d;
width: 100%;
box-sizing: border-box;
color: #000;
font-family: Quicksand,sans-serif
}.hppbtn-modal-close {
color: #ffe05d;
float: right;
height: 44.8px !important;
font-weight: 700;
cursor: pointer
}.hppbtn-modal-sub-title, .hppbtn-modal-title {
color: #161c21;
text-align: left;
font-family: Poppins,sans-serif !important
}.hppbtn-modal-content p {
margin: 0 0 1em;
padding: 10px;
font-size: 18px
}.hppbtn-modal-logo {
display: flex;
padding-bottom: 40px;
justify-content: center;
padding-top: 20px;
margin-top: 0;
margin-bottom: 0
}.hppbtn-modal-logo img {
width: 35%
}.hppbtn-modal-title {
letter-spacing: 0;
font-weight: 600;
font-size: 24px;
margin: 0;
line-height: 1.2
}.hppbtn-all-padding {
padding-left: 32px;
padding-right: 32px
}.hppbtn-modal-sub-title {
font-size: 18px;
font-weight: 400;
margin: 0 0 0 -.4em
}.hppbtn-modal-content p.hppbtn-modal-sub-title {
margin-left: -7.2px;
line-height: 29px;
letter-spacing: 0
}.hppbtn-block {
width: 100%;
position: relative;
padding: 0 50px 0 0;
clear: both
}.hppbtn-fr {
box-sizing: border-box;
padding: 17px 0 0 120px
}.hppbtn-fr .hppbtn-circle {
float: left;
margin-left: -4.2em
}.hppbtn-circle:after, .hppbtn-circle:before {
position: relative;
content: ''
}.hppbtn-circle, .hppbtn-circle:after, .hppbtn-circle:before {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block
}.hppbtn-circle:before {
max-width: 40%;
max-height: 40%;
min-width: 40%;
min-height: 40%;
top: 30%;
left: 30%;
background: #ffe05d
}.hppbtn-circle {
float: right;
margin-right: -85px;
margin-top: -.3em;
position: relative;
z-index: 2;
max-width: 25px;
max-height: 25px;
width: 35px;
height: 35px;
min-width: 35px;
min-height: 35px;
background: #fff;
border: 3.5px solid #ffe05d;
box-sizing: border-box
}.hppbtn-block .text-title {
font-family: Poppins,sans-serif !important
}.hppbtn-steps-block {
width: 100%;
position: relative;
clear: both;
margin-top: 0;
margin-bottom: 0
}.hppbtn-steps-block p {
letter-spacing: 0;
margin: 0;
padding: 10px;
font-size: 16px;
line-height: 26px;
color: #000
}.hppbtn-steps > li {
margin-bottom: 0
}.hppbtn-steps > li::marker {
font-weight: 700;
font-size: 16px;
letter-spacing: 0
}.hppbtn-steps {
padding-left: 18px;
margin: 0;
display: flex;
flex-direction: column;
gap: 14px
}.payment-step-2 img {
transform: translate(0,28px);
margin-left: 5px;
margin-right: 5px;
margin-top: -46px;
display: inline;
height: auto;
max-width: 100%
}.text-inline-logo {
padding-top: 1em;
width: 7em
}.hppbtn-sign-up {
padding-left: 64px;
padding-right: 64px
}.hppbtn-sign-up-button {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffe05d !important;
border: 0 solid #ffe05d;
border-radius: 12px;
margin-top: 20px;
font-size: 16px;
font-weight: 700;
padding-left: 16px;
padding-right: 16px;
height: 48px;
text-decoration: none;
color: #000;
outline: 0 !important;
letter-spacing: 0
}a.hppbtn-sign-up-button:visited {
color: #000
}.hppbtn-sign-up a.hppbtn-sign-up-button:hover {
color: #000;
text-decoration: none
}.happypay_payment_img {
height: 26px;
display: inline-block;
vertical-align: middle;
margin-left: 10px
}@media (max-width:1600px) {
.hppbtn-fr {
padding: 17px 0 0 92px
}
}@media (max-width:1300px) {
.hppbtn-modal-content {
width: 90%
}
}@media (max-width:768px) {
.hppbtn-modal-logo img {
width: 70%
}
}
No Deposit. Only
R5,549.50 on your next two paycheques. Interest free. Learn More.
Reviews
There are no reviews yet.