@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Gabarito:wght@400..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {font-family: 'Lato', sans-serif !important;}
/* circles minimal css */
.app-screen-1 .circle-lg {width: 70vw;max-width: 320px;aspect-ratio: 1/1;border: 1px solid rgba(255, 153, 0, 0.35);}
.app-screen-1 .circle-md {width: 70%;aspect-ratio: 1/1;border: 1px solid rgba(255, 153, 0, 0.35);}
.app-screen-1 .circle-sm {width: 70%;aspect-ratio: 1/1;border: 1px solid rgba(255, 153, 0, 0.35);}
.app-screen-1 a.btn-arrow-01 {background: linear-gradient(129deg, #F7770C 20.82%, #F64211 55.13%);}
.main-welcome-text {position: relative;z-index: 99;}
.app-screen {background: url(../images/background-screen.png);background-size: cover;background-repeat: no-repeat;background-position: top;}
.bottom-text a {color: #FE4516 !important;}
.signin-button {background: linear-gradient(129deg, #F7770C 20.82%, #F64211 55.13%);}
.forget-password-link {background: linear-gradient(129deg, #F7770C 20.82%, #F64211 55.13%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main-register-page .term-conditions {color: #000;font-family: "Lato", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;}
.main-register-page .term-conditions a {color: #F35800 !important;}
.sign-login-text {color: #000;text-align: center;font-family: "Lato", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
/* OTP input boxes */
.otp-input {width: 52px;height: 52px;border-radius: 11px !important;text-align: center;font-weight: 600;}
/* Active OTP border */
.otp-active {border-color: #ff7a00;}
.bottom-text button {color: #FE4516 !important;}
.bottom-text {color: #000;text-align: center;font-family: "Lato", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
/* reward circle */
.reward-circle {width: 180px;height: 180px;border-radius: 50%;background: #ffe7b3;display: flex;align-items: center;justify-content: center;}
/* confetti */
.confetti {position: absolute;top: -10px;width: 8px;height: 14px;animation: fall linear infinite;}
@keyframes fall {to {transform: translateY(110vh) rotate(360deg);}}
.input-group input.form-control {border-left: 0;padding: 17px 17px 17px 0;border-radius: 11px;}
.input-group span.input-group-text {padding: 17px;border-radius: 11px;}
.input-group input.form-control:first-child {border-radius: 0 11px 11px 0!important;}
.confetti-bg {background-image: url('../images/clip-path-group.png');background-repeat: no-repeat;background-size: contain;opacity: 0.9;z-index: 0;}
.reward-circle {width: 170px;height: 170px;border-radius: 50%;background: radial-gradient(circle, #fff 0%, #f3d28f 100%);}
.reward-amount {font-weight: 800; background: linear-gradient(129deg, #F7770C 20.82%, #F64211 55.13%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;font-size: 54px;font-weight: 900 !important;line-height: normal;}
.reward-title {font-size: 22px;color: #ff6a00;}
.reward-subtitle {color: #000 !important;text-align: center;font-size: 20px;font-weight: 500;line-height: normal;}
.redeem-btn {background: linear-gradient(129deg, #F7770C 20.82%, #F64211 55.13%);font-size: 18px !important;}
.main-contents-11 {bottom: 60px;}