.badge1{
font-size: 8px;
line-height: 4px;
display: inline-block;
background: #0052cc;
color: #ffffff;
border-radius: 5px;
padding: 4px;
position: relative;
top: -10px;
margin-left: -5px;
}
.back_img::after {
content: "";
background-image: url(https://meritbox.app/assets/images/abstract-12.png);
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 40% auto;
background-repeat: no-repeat;
background-position: right bottom;
position: absolute;
z-index: -1;
}
.back_img1::after {
content: "";
background-image: url(https://meritbox.app/assets/images/abstract-11.png);
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 45% auto;
background-repeat: no-repeat;
background-position: right bottom;
position: absolute;
z-index: -1;
}
/*=================================
Scan Watch Btn
====================================*/
.scan-watch-btn {
left: 30px;
z-index: 99;
bottom: 5%;
position: fixed;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 30px;
display: inline-block;
color: #ffffff;
background-color: #fe8f18;
padding: 10px 20px 10px;
font-size: 16px;
font-weight: 600;
-webkit-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.scan-watch-btn:hover {
color: #ffffff !important;
}
.qr-code{
font-size: 18px;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}