.product_order_rp img {
    height: 34px;
    float: left;
}
.product_order_rp .pmeta h4 {
	font-weight: 600;
	color: #202125;
	padding: 9px 15px;
	font-size: 14px;
	position: relative;
	left: 10px;
	margin: 0;
}
#form_game_product .error_form p, .order-error {
	color: #a94442 !important;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 7px 10px;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 10px;
	text-align: center;
}
#user_order_card img {
	width: 74px;
	display: block;
	margin-bottom: 10px;
}
#order_user_managment .order-card {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	max-width: 500px;
	align-items: center;
	border-radius: 6px;
	overflow: hidden;
	background: linear-gradient(#180000, #170000, #150000, #120000, #000000);
	border: 1px solid #562B08;
}
#order_user_managment .order-card h3 {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	padding: 20px;
	width: 100%;
	color: #0A400C;
	background: #D5CEA3;
}
#order_user_managment .order-card input {
	letter-spacing: 1px;
	width: 100%;
	background-color: #1F2228;
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	padding: 10px;
	height: 40px;
	outline: none;
	text-align: left;
	border-radius: 4px;
	font-size: 14px;
}
#order_user_managment .order-card button {
	padding: 8px 18px;
	border-radius: 6px;
	border: none;
	background: rgba(32, 176, 56, 0.8);
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap;
}
 #order_user_managment .order-card button:hover{
     background: #20B038; 
}
 #order_user_managment .otp-row{
     display:flex;
     gap:10px;
     margin-bottom:10px;
}
 #order_user_managment .otp-row input{
     flex:1 
}
#order_user_managment .otp-timer {
	text-align: center;
	font-size: 13px;
	color: #fff;
	margin-bottom: 8px;
	margin-top: 0;
}
 #order_user_managment .spin_load_icons{
     margin-left:8px 
}
#order_user_managment #order_result {
	max-width: 100%;
	display: none;
	width: 100%;
}
 #order_user_managment .check-again{
     text-align:center;
     margin-top:30px;
}
.table_Scroll {
	width: 100%;
	display: block;
	margin: 30px auto;
	max-width: 1000px;
}
#order_user_managment .order-table {
	border-collapse: separate;
	background: transparent;
	border-radius: 0;
	box-shadow: 0 8px 25px rgba(0,0,0,.08);
	width: 1000px;
	border-spacing: 0 15px;
}
#order_message .order-success {
	margin-top: 10px;
	font-size: 14px;
	color: #3c763d !important;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 7px 10px;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 20px !important;
	width: 100%;
	display: flex;
}
/* Header */
.order-table thead tr {
    background: transparent;
}
#order_user_managment .order-table th {
	background: transparent;
	color: #D5CEA3;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .5px;
	padding: 14px 16px 0;
	text-align: left;
}
/* Body cells */
 #order_user_managment .order-table td{
     padding:14px 16px;
     font-size:14px;
     color:#202125;
     border-bottom:1px solid #eee;
     vertical-align:middle;
}
/* Zebra rows */
#order_user_managment .order-table tbody tr {
	background: #fff;
}
#order_user_managment .order-table tbody tr:nth-child(even) {
    background:#F4EEE2;
}
/* Hover effect */
 #order_user_managment .order-table tbody tr:hover{
     background:#F4EEE2;
     transition:.25s ease;
}
/* Order ID highlight */
#order_user_managment .order-table td:first-child {
	font-weight: 600;
	color: #3C2A21;
}
/* View button */
#order_user_managment .order-table a {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 6px;
	text-decoration: none;
	transition: .25s ease;
	color: #474747;
	border: 2px solid #474747;
	font-size: 14px;
	text-transform: uppercase;
}
 #order_user_managment .order-table a:hover{
     background:#20B038;
     color: #fff;
     border: 2px solid #20B038;
}
/* Remove last border */
 #order_user_managment .order-table tr:last-child td{
     border-bottom:none;
}
#order_user_managment .order-intro {
	text-align: center;
	font-size: 14px;
	color: #3C2A21;
	margin-bottom: 0;
	line-height: 1.6;
	background: #F4EEE2;
	width: 100%;
	padding: 15px;
}
.para_OPT {
	width: 100%;
	padding: 20px;
}
 #order_user_managment .order-history-intro{
     text-align:center;
     margin-bottom:25px;
}
#order_user_managment .order-history-intro h3 {
	font-size: 28px;
	color: #D5CEA3;
	margin-bottom: 15px;
}
 #order_user_managment .order-history-intro p{
     font-size:14px;
     color:#fff;
     line-height:1.6;
     max-width:600px;
     margin:0 auto;
}
.check-again button {
	font-size: 14px;
	width: 100%;
	padding: 8px;
	border-radius: 4px;
	color: #fff;
	background-color: #20B038;
	border: none;
	font-weight: 500;
	max-width: 180px;
}
#order_user_managment {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #D5CEA3;
	margin: 80px 0;
}
.page-id-5445 .site-main {
	background: #000;
	background-image: none;
	background-image: linear-gradient(to bottom, #000, #1A120B);
}
#otp_section {
	width: 100%;
	padding: 20px;
}
#order_message {
	display: flex;
	width: 92%;
}
#otp_section {
	width: 100%;
	padding: 5px 20px;
}













/* ========================= RESPONSIVE (MOBILE) ========================= */
@media (max-width:1040px){
.table_Scroll {
	overflow-x: scroll;
}
}
 @media (max-width:768px){
.order-history-intro p br {
    display: none;
}    
#order_user_managment {
	margin: 40px 0;
}	 
#order_user_managment .order-table td{
         padding:12px 14px;
         border:none;
         position:relative;
         font-size:14px;
    }
}
 
.email_varify_cart {
	cursor: pointer;
	background: rgba(32, 176, 56, 0.4);
	color: #fff;
	font-size: 14px;
	padding: 9px 15px !important;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.email_varify_cart:hover {
    background: rgba(32, 176, 56, 0.7);
} 
.email-msg {
    margin-top: 6px;
  font-size: 12px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 7px 10px;
  text-align: left;
  border-radius: 4px;
}
.email-msg, .otp-msg {
    margin-top: 6px;
    font-size: 12px;
}
.otp-box-main {
	display: flex;
	gap: 10px;
}
.otp-box {
	margin-top: 12px;
	padding: 12px;
	border: 1px dashed #ccc;
	border-radius: 6px;
	background: #3C2A21;
	margin-bottom: 15px;
}
#otp_code {
	letter-spacing: 1px;
	width: 100%;
	background-color: #1F2228;
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	padding: 10px;
	height: 40px;
	outline: none;
	text-align: left;
	border-radius: 4px;
	font-size: 14px;
}
.otp_verify_btn {
	padding: 5px 14px;
	background: #D5CEA3;
	color: #1A120B;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	width: 160px;
	line-height: 1;
	height: 40px;
}
.otp_verify_btn:hover {
    background: rgba(32, 176, 56, 0.4);
	color: #fff;
}
.purchase-btn:disabled {
	filter: grayscale(100%);
}
.otp-msg {
	margin-top: 10px;
	font-size: 12px;
	color: #3c763d !important;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 7px 10px;
	text-align: left;
	border-radius: 4px;
	margin-bottom: 0 !important;
}
.otp-msg i {
	color: #3c763d !important;
}

/*********popup Css***********/

.payment-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* ONE CLASS TO CONTROL SHOW/HIDE */
.payment-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* =========================
   MODAL
========================= */
.payment-modal {
    width: 360px;
    padding: 28px;
    border-radius: 14px;
    background: linear-gradient(145deg, #1f2933, #0b3d2e);
    color: #fff;
    text-align: center;

    transform: scale(0.9);
    transition: transform 0.3s ease;
}

.payment-overlay.active .payment-modal {
    transform: scale(1);
}

/* =========================
   LOADER
========================= */
.loader {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255,255,255,0.2);
    border-top-color: #22c55e;
    border-radius: 50%;
    margin: 0 auto 18px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* =========================
   TEXT
========================= */
.payment-modal h3 {
    margin-bottom: 8px;
}

.sub-text {
    font-size: 14px;
    color: #cbd5e1;
    margin-bottom: 16px;
}

.status-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    font-size: 13px;
    text-align: left;
}

.status-list li {
    margin-bottom: 6px;
}

/* =========================
   PROGRESS
========================= */
.progress {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress .bar {
    flex: 1;
    height: 6px;
    background: rgba(255,255,255,0.25);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.progress .bar::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #22c55e;
    transition: width 3s linear;
}

/* Trigger animation */
.progress.active .bar::after {
    width: 100%;
}

.progress .percent {
    font-size: 12px;
    font-weight: 600;
    color: #22c55e;
    min-width: 32px;
}

.page-banner.full_banner_image {
	height: 360px;
	width: 100%;
	background-size: 100%;
	background-position: center;
	max-width: 98%;
	margin: 0 auto;
}