/*
* @Author: Lalit
* @Date:   2025-01-06 09:59:05
* @Last Modified by:   Lalit
* @Last Modified time: 2025-04-14 12:26:48
*/

body {background-color: #F9F9F9; font-family: Arial, sans-serif !important; font-size: 17px; font-weight: 400; line-height: 1.5; color: #212529; }
.mt-3, .my-3 {margin-top: 1rem !important; }

.mt-4, .my-4 {margin-top: 1.5rem !important; }

.mt-2, .my-2 {
  margin-top: .5rem !important;
}

.row{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.col-md-4{flex-basis: 0;flex-grow: 1;max-width: 100%;}

h4{font-size:1.5em;margin-bottom: 1.0rem;font-weight: 500;line-height: 1.2;}
p{margin-top: 0;margin-bottom: 1.0em;}
h5{font-size:1.2em;margin-bottom: 1.0rem;font-weight: 500;line-height: 1.2;}
small {font-size: 80%; font-weight: 400; }
.btn {display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375em .75em; font-size: 1.0em; line-height: 1.5; border-radius: .25em; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn-success {color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn-success:hover {color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn-block {display: block; width: 100%; }

.btn-primary {color: #fff; background-color: #007bff; border-color: #007bff; }


.btn-sm {padding: .25em .5em; font-size: .875em; line-height: 1.5; border-radius: .2em; }
.btn-secondary {color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-secondary:hover {color: #fff; background-color: #5a6268; border-color: #545b62; }

.form-control{display: block; width: 100%; height: calc(1.5em + .75rem + 7px); padding: .375em .75em; font-size: 1.0em; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25em; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.referral-container {max-width: 650px; margin: 30px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; }
.referral-header {background-color: #F27B00; color: #fff; padding: 15px 0; border-radius: 8px 8px 0 0; }
.referral-code {font-size: 1.5em; background-color: #F5F5F5; padding: 10px; border: 1px dashed #ccc; border-radius: 4px; display: inline-block; cursor: pointer; position: relative; }
.referral-code:hover::after {content: "Click to copy!"; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 0.9rem; }
.stats {margin-top: 20px; }
.stat-box {background-color: #F8F8F8; padding: 15px; border-radius: 8px; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.stat-box i {font-size: 1.2em; color: #F27B00; }
.stat-box .arrow {font-size: 1.0em; color: #999; }
.btn-refer {margin-top: 20px; }
.how-it-works .step {display: flex; flex-direction: column; align-items: center; }
.how-it-works .step i {font-size: 3rem; color: #F27B00; margin-bottom: 10px; }
.redeem-code {color: #F27B00; cursor: pointer; text-decoration: underline; }
.redeem-code-input {display: none; margin-top: 10px; }
.popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; z-index: 1000; width: 90%; max-width: 500px; }
.popup-header {background-color: #F27B00; color: white; padding: 10px; border-radius: 8px 8px 0 0; text-align: center; }
.popup-content {padding: 15px; }
.popup-content .user-detail {margin: 10px 0; padding: 10px 0px 10px 0px; border: 1px solid #ddd; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }
.popup-content .row i {font-size: 1.2em; }

/*.popup-content .row .user-detail{margin-right: 8.5em;margin-left: 0em;}*/
.overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }
.alert-success {color: #155724;background-color: #d4edda;border-color: #c3e6cb;}
.alert {position: relative; padding: .75em 1.25em; margin-bottom: 1.0em; border: 1px solid transparent; border-radius: .25em; }

.badge-warning {color: #212529; background-color: #ffc107; }

.badge {display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

@media only screen and (max-width:767px) and (min-width:300px){
	body {font-size: 14px;}
	h4 {font-size: 1.0em;}
	p{font-size: 15px;}
	.stat-box {padding: 0px;}
	small {font-size: 70%;}
	.popup {top: 40%;}
	.popup-content .user-detail {justify-content: center;}
}