.app-screen {background: url(../images/splash-screen.png);background-size: cover;background-repeat: no-repeat;background-position: top;}
.main-login-page {background-color: #F9F9F9;}
.welcome-screen {min-height: 100vh;}
.logo {max-width: 220px;}
.enter-btn {width: 60px;height: 60px;border-radius: 50%;background-color: #0d4b7c;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 24px;text-decoration: none;}
.enter-btn:hover {background-color: #083a5f;color: #fff;}
.title {font-size: 32px;font-weight: 500;}
.subtitle {font-size: 18px;}
.main-login-page input.form-control {border-left: 0 !important;padding: 17px 17px 17px 15px;border-radius: 11px;border: 0.5px solid #AFAFAF ;background: #FFF;}
.main-login-page span.input-group-text {border-radius: 11px;border: 0.5px solid #AFAFAF;background: #FFF;padding: 17px 17px 17px 15px;}
.main-login-page input.form-control::placeholder {color: #9B9DA0;}
.main-login-page a.forget-pass-btn {color: #003E6E !important;font-size: 16px;font-weight: 400;}
span.already-account {color: #000;font-size: 16px;font-weight: 400;}
span.already-account a {color: #F68B1E;}
button.signin-button {border: 0 !important; border-radius: 99px;background: #003E70;color: #F9F9F9;font-size: 18px;font-weight: 700;line-height: normal;}
.main-login-page h5.sign-in-btn {color: #000;font-size: 20px;font-weight: 700;} 
.register-page h5.sign-up-btn {color: #000;font-size: 20px;font-weight: 700;line-height: normal;}
.form-checking {color: #000;font-size: 16px;font-weight: 400;line-height: normal;}
.form-checking label a {color: #F68B1E;font-weight: 700;}
/* OTP boxes exact size */
.otp-box {width: 56px;height: 56px;font-size: 20px;font-weight: 600;border-radius: 12px;}
.confetti-bg {background-image: url('../images/clip-path-group.png');background-repeat: no-repeat;background-size: contain;opacity: 0.9;z-index: 0;}
.confetti {position: absolute;top: -10px;width: 8px;height: 14px;animation: fall linear infinite;}
@keyframes fall {to {transform: translateY(110vh) rotate(360deg);}}
.reward-amount {font-size: 54px;color: #f7770c;line-height: 1;}
.reward-title {font-size: 36px;color: #2e7d32;}
.reward-subtitle {line-height: 1.4;color: #000;}
.skip-link {color: #083b66;font-size: 14px;}
span.already-account form.main-forms button.btn-link {color: #F68B1E;}
h4.reward-amount-1 {font-size: 36px;color: #28903B;}
a.signin-button {border: 0 !important; border-radius: 99px;background: #003E70;color: #F9F9F9;font-size: 18px;font-weight: 700;line-height: normal;text-decoration: none;}
.main-icon-reward {position: relative;bottom: 9rem;}
.main-text-reward {position: relative;bottom: 6rem;}

/* Header profile menu */
.profile-avatar {width: 40px;height: 40px;border-radius: 50%;background: #003E70;color: #F9F9F9;font-size: 18px;font-weight: 700;}
.profile-menu {cursor: pointer;}
.profile-dropdown {position: absolute;right: 0;top: 110%;min-width: 220px;background: #FFFFFF;border-radius: 12px;padding: 8px 0;display: none;z-index: 1000;}
.profile-menu:hover .profile-dropdown,
.profile-menu:focus-within .profile-dropdown {display: block;}
.profile-dropdown .dropdown-item {display: block;padding: 8px 16px;color: #212529;text-decoration: none;font-size: 14px;}
.profile-dropdown .dropdown-item:hover {background-color: #F8F9FA;}
.profile-dropdown .dropdown-divider {height: 1px;margin: 6px 0;background-color: #E9ECEF;}
.card {background-color: #ffffff;}
.main-dashboard {background-color: #f9f9f9;}
.partner {border-radius: 21px !important;}
a.redeem-button {border: 0 !important; border-radius: 99px;background: #003E70;color: #F9F9F9;font-size: 14px;font-weight: 500;line-height: normal;text-decoration: none;}
.partner-reward {color: #333;font-size: 16px;line-height: normal;}
.partner-reward-pass {color: #A8A8A8;font-size: 13px;font-weight: 400;line-height: 17px;}
.industry {background: none !important;font-size: 16px;font-weight: 700;color: #6c757d !important;}
.active.industry {border-bottom: 1px solid #003e70 !important;color: #003e70 !important}
.event-offer {border-radius: 21px;background: #FFF;box-shadow: 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.10);}
.wicked-1 {padding: 11px 11px;border-radius: 21px;}
.date-event {color: #AFAFAF;font-size: 14px;font-weight: 500;line-height: normal;}
.text-event {color: #333;font-size: 20px;font-weight: 700;line-height: normal;}
.event-offer {border-radius: 21px !important;}