.elementor-13 .elementor-element.elementor-element-590e2b0{--display:flex;}/* Start custom CSS *//* =========================================================
   QAYEM — MY ACCOUNT FINAL
   ========================================================= */


/* =========================================================
   01. TOKENS
   ========================================================= */

body.woocommerce-account {

	--account-primary: #2C284E;
	--account-primary-dark: #1F1C38;

	--account-gold: #D6B46A;
	--account-gold-dark: #B9944E;

	--account-bg: #FFFFFF;
	--account-surface: #FFFFFF;

	/* Requested neutral light surface */
	--account-soft: #F7F8FB;

	--account-text: #2C284E;
	--account-muted: #706B7C;

	--account-border: #D9DDE7;
	--account-border-soft: #E7E9EF;

	--account-success: #287A55;
	--account-success-soft: #EAF7F1;

	--account-info: #356899;
	--account-info-soft: #EDF4FC;

	--account-warning: #976819;
	--account-warning-soft: #FFF7E7;

	--account-danger: #B42318;
	--account-danger-soft: #FFF0EE;

	--account-radius: 14px;
	--account-radius-lg: 20px;

	--account-shadow:
		0 1px 2px rgba(44,40,78,.02),
		0 12px 34px rgba(44,40,78,.055);

	--account-transition: .22s ease;
}


/* =========================================================
   02. PAGE
   ========================================================= */

body.woocommerce-account {
	background: #FFFFFF;
}

body.woocommerce-account main#content {
	background: #FFFFFF;

	padding-top: 48px;
	padding-bottom: 72px;
}

body.woocommerce-account .page-content {
	width: 100%;
}

body.woocommerce-account .woocommerce {
	color: var(--account-text);

	font-family: inherit;
}

body.woocommerce-account *,
body.woocommerce-account *::before,
body.woocommerce-account *::after {
	box-sizing: border-box;
}


/* =========================================================
   03. MAIN LAYOUT
   ========================================================= */

body.woocommerce-account.logged-in .woocommerce {

	display: flex;

	flex-direction: row;

	align-items: flex-start;

	gap: 24px;

	width: 100%;
}


/* =========================================================
   04. SIDEBAR
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation {

	float: none !important;

	width: 292px !important;

	flex: 0 0 292px;

	margin: 0 !important;

	padding: 12px;

	background: #FFFFFF;

	border: 1px solid var(--account-border);

	border-radius: var(--account-radius-lg);

	box-shadow: var(--account-shadow);
}


body.woocommerce-account
.woocommerce-MyAccount-navigation ul {

	display: flex;

	flex-direction: column;

	gap: 5px;

	margin: 0 !important;

	padding: 0 !important;

	list-style: none;
}


body.woocommerce-account
.woocommerce-MyAccount-navigation li {

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;
}


body.woocommerce-account
.woocommerce-MyAccount-navigation li a {

	display: flex;

	align-items: center;

	min-height: 50px;

	padding: 9px 15px;

	background: transparent;

	color: var(--account-text) !important;

	border-radius: 11px;

	font-size: 14px;

	font-weight: 600;

	line-height: 1.7;

	text-decoration: none !important;

	transition:
		background var(--account-transition),
		color var(--account-transition),
		transform var(--account-transition);
}


body.woocommerce-account
.woocommerce-MyAccount-navigation a br {

	display: none !important;
}


/* Navigation marker */

body.woocommerce-account
.woocommerce-MyAccount-navigation li a::before {

	content: "";

	width: 7px;

	height: 7px;

	flex: 0 0 7px;

	margin-left: 11px;

	background: transparent;

	border: 1.5px solid #B5B9C5;

	border-radius: 50%;

	transition:
		background var(--account-transition),
		border-color var(--account-transition),
		box-shadow var(--account-transition);
}


/* Hover */

body.woocommerce-account
.woocommerce-MyAccount-navigation
li:not(.is-active) a:hover {

	background: var(--account-soft);

	color: var(--account-primary) !important;

	transform: translateX(-2px);
}


body.woocommerce-account
.woocommerce-MyAccount-navigation
li:not(.is-active) a:hover::before {

	background: var(--account-gold);

	border-color: var(--account-gold);
}


/* Active */

body.woocommerce-account
.woocommerce-MyAccount-navigation
li.is-active a {

	background: var(--account-primary);

	color: #FFFFFF !important;

	box-shadow:
		0 7px 18px rgba(44,40,78,.15);
}


body.woocommerce-account
.woocommerce-MyAccount-navigation
li.is-active a::before {

	background: var(--account-gold);

	border-color: var(--account-gold);

	box-shadow:
		0 0 0 4px rgba(214,180,106,.15);
}


/* Logout */

body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout {

	margin-top: 8px !important;

	padding-top: 10px !important;

	border-top: 1px solid var(--account-border);
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a {

	color: var(--account-danger) !important;
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {

	background: var(--account-danger) !important;

	color: #FFFFFF !important;
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a:hover::before {

	background: #FFFFFF;

	border-color: #FFFFFF;
}


/* =========================================================
   05. CONTENT
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content {

	float: none !important;

	flex: 1 1 auto;

	width: auto !important;

	min-width: 0;

	min-height: 520px;

	margin: 0 !important;

	padding: clamp(24px,2.5vw,40px);

	background: #FFFFFF;

	border: 1px solid var(--account-border);

	border-radius: var(--account-radius-lg);

	box-shadow: var(--account-shadow);

	font-size: 15px;

	line-height: 2;
}


body.woocommerce-account
.woocommerce-notices-wrapper:empty {

	display: none;
}


/* =========================================================
   06. TYPOGRAPHY
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content p {

	margin-top: 0;

	margin-bottom: 18px;

	color: var(--account-muted);
}


body.woocommerce-account
.woocommerce-MyAccount-content strong {

	color: var(--account-text);

	font-weight: 700;
}


body.woocommerce-account
.woocommerce-MyAccount-content h2 {

	margin: 0 0 24px;

	color: var(--account-text);

	font-size: clamp(20px,2vw,25px);

	font-weight: 750;

	line-height: 1.65;
}


body.woocommerce-account
.woocommerce-MyAccount-content h3 {

	color: var(--account-text);

	font-weight: 700;
}


body.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button) {

	color: var(--account-primary) !important;

	text-decoration: none;
}


/* =========================================================
   07. REMOVE DEFAULT WOO DASHBOARD TEXT
   ========================================================= */

body.woocommerce-account.woocommerce-dashboard
.woocommerce-MyAccount-content > p {

	display: none !important;
}


/* =========================================================
   08. DASHBOARD
   ========================================================= */

body.woocommerce-account
.qayem-account-dashboard {

	display: flex;

	flex-direction: column;

	gap: 22px;
}


/* Welcome */

body.woocommerce-account
.qayem-account-welcome {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	min-height: 145px;

	padding: 28px 32px;

	overflow: hidden;

	background:
		linear-gradient(
			135deg,
			var(--account-primary) 0%,
			var(--account-primary-dark) 100%
		);

	border-radius: 17px;
}


body.woocommerce-account
.qayem-account-welcome-content {

	position: relative;

	z-index: 2;

	max-width: 78%;
}


body.woocommerce-account
.qayem-account-eyebrow {

	display: block;

	margin-bottom: 7px;

	color: var(--account-gold);

	font-size: 11px;

	font-weight: 700;
}


body.woocommerce-account
.qayem-account-welcome h2 {

	margin: 0 0 6px !important;

	color: #FFFFFF !important;

	font-size: 23px !important;
}


body.woocommerce-account
.qayem-account-welcome p {

	margin: 0 !important;

	color: rgba(255,255,255,.70) !important;

	font-size: 13px !important;
}


body.woocommerce-account
.qayem-account-welcome-mark {

	position: absolute;

	left: -25px;

	top: -60px;

	width: 230px;

	height: 230px;

	background: rgba(214,180,106,.08);

	border-radius: 50%;

	pointer-events: none;
}


body.woocommerce-account
.qayem-account-welcome-mark::after {

	content: "";

	position: absolute;

	left: 65px;

	top: 65px;

	width: 120px;

	height: 120px;

	border: 1px solid rgba(214,180,106,.12);

	border-radius: 50%;
}


/* =========================================================
   09. DASHBOARD STATS
   ========================================================= */

body.woocommerce-account
.qayem-account-stats {

	display: grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap: 14px;
}


body.woocommerce-account
.woocommerce-MyAccount-content
a.qayem-account-stat {

	display: flex;

	flex-direction: column;

	min-height: 145px;

	padding: 18px;

	background: var(--account-soft);

	border: 1px solid var(--account-border-soft);

	border-radius: var(--account-radius);

	color: var(--account-text) !important;

	transition:
		transform var(--account-transition),
		border-color var(--account-transition),
		box-shadow var(--account-transition);
}


body.woocommerce-account
.woocommerce-MyAccount-content
a.qayem-account-stat:hover {

	transform: translateY(-2px);

	border-color: #CCD0DA;

	box-shadow:
		0 8px 24px rgba(44,40,78,.05);
}


body.woocommerce-account
.qayem-account-stat-top {

	display: flex;

	align-items: center;

	gap: 8px;

	color: #5C5675;

	font-size: 12px;

	font-weight: 650;
}


body.woocommerce-account
.qayem-account-stat-dot {

	width: 7px;

	height: 7px;

	background: var(--account-gold);

	border-radius: 50%;
}


body.woocommerce-account
.qayem-account-stat > strong {

	margin-top: auto;

	font-size: 30px;

	font-weight: 750;

	line-height: 1.2;
}


body.woocommerce-account
.qayem-account-stat > small {

	margin-top: 5px;

	color: #818795;

	font-size: 10px;
}


/* =========================================================
   10. ACTIVITY SECTION
   ========================================================= */

body.woocommerce-account
.qayem-account-section {

	padding: 22px;

	background: var(--account-soft);

	border: 1px solid var(--account-border-soft);

	border-radius: 15px;
}


body.woocommerce-account
.qayem-account-section-head {

	margin-bottom: 15px;
}


body.woocommerce-account
.qayem-account-section-head h3 {

	margin: 0 0 3px !important;

	font-size: 16px !important;
}


body.woocommerce-account
.qayem-account-section-head p {

	margin: 0 !important;

	color: #818795 !important;

	font-size: 11px !important;
}


body.woocommerce-account
.qayem-account-activity {

	display: flex;

	flex-direction: column;

	gap: 8px;
}


body.woocommerce-account
.woocommerce-MyAccount-content
a.qayem-account-activity-item {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 18px;

	padding: 13px 15px;

	background: #FFFFFF;

	border: 1px solid var(--account-border-soft);

	border-radius: 11px;

	color: var(--account-text) !important;

	transition:
		transform var(--account-transition),
		border-color var(--account-transition);
}


body.woocommerce-account
.woocommerce-MyAccount-content
a.qayem-account-activity-item:hover {

	transform: translateX(-2px);

	border-color: #C9CED8;
}


body.woocommerce-account
.qayem-account-activity-main {

	display: flex;

	align-items: center;

	gap: 12px;

	min-width: 0;
}


body.woocommerce-account
.qayem-account-activity-main > div {

	min-width: 0;
}


body.woocommerce-account
.qayem-account-activity-main strong {

	display: block;

	max-width: 430px;

	overflow: hidden;

	font-size: 12px;

	text-overflow: ellipsis;

	white-space: nowrap;
}


body.woocommerce-account
.qayem-account-activity-main > div > span {

	display: block;

	margin-top: 2px;

	color: #9297A4;

	font-size: 10px;
}


/* Activity type */

body.woocommerce-account
.qayem-activity-type {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 52px;

	height: 27px;

	padding: 0 8px;

	background: var(--account-soft);

	border: 1px solid var(--account-border-soft);

	border-radius: 7px;

	font-size: 10px;

	font-weight: 700;
}


body.woocommerce-account
.qayem-activity-type.is-payment {

	background: #FBF6EA;

	border-color: #EEE0BE;

	color: #91702C;
}


/* Activity right */

body.woocommerce-account
.qayem-account-activity-end {

	display: flex;

	align-items: center;

	gap: 12px;

	flex: 0 0 auto;
}


/* =========================================================
   11. STATUS PILLS
   ========================================================= */

body.woocommerce-account
.qayem-order-status,

body.woocommerce-account
.qayem-gf-mini-status {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 26px;

	padding: 3px 9px;

	border-radius: 999px;

	font-size: 10px;

	font-weight: 700;

	white-space: nowrap;
}


body.woocommerce-account
.qayem-order-status.is-success,

body.woocommerce-account
.qayem-gf-mini-status.is-success {

	background: var(--account-success-soft);

	color: var(--account-success);
}


body.woocommerce-account
.qayem-order-status.is-processing,

body.woocommerce-account
.qayem-gf-mini-status.is-processing {

	background: var(--account-info-soft);

	color: var(--account-info);
}


body.woocommerce-account
.qayem-order-status.is-pending,

body.woocommerce-account
.qayem-gf-mini-status.is-pending {

	background: var(--account-warning-soft);

	color: var(--account-warning);
}


body.woocommerce-account
.qayem-order-status.is-failed,

body.woocommerce-account
.qayem-gf-mini-status.is-failed {

	background: var(--account-danger-soft);

	color: var(--account-danger);
}


body.woocommerce-account
.qayem-order-status.is-refunded,

body.woocommerce-account
.qayem-gf-mini-status.is-refunded {

	background: #F2F3F7;

	color: #656B78;
}


body.woocommerce-account
.qayem-order-status.is-default,

body.woocommerce-account
.qayem-gf-mini-status.is-default {

	background: #F1F2F5;

	color: #6F7480;
}


/* =========================================================
   12. EMPTY STATE
   ========================================================= */

body.woocommerce-account
.qayem-account-empty {

	padding: 30px;

	background: #FFFFFF;

	border: 1px dashed var(--account-border);

	border-radius: 11px;

	text-align: center;
}


body.woocommerce-account
.qayem-account-empty strong,

body.woocommerce-account
.qayem-account-empty span {

	display: block;
}


body.woocommerce-account
.qayem-account-empty span {

	margin-top: 5px;

	color: #818795;

	font-size: 11px;
}


/* =========================================================
   13. ACCOUNT ACTION
   ========================================================= */

body.woocommerce-account
.qayem-account-actions {

	display: grid;

	grid-template-columns: 1fr;
}


body.woocommerce-account
.woocommerce-MyAccount-content
.qayem-account-actions > a {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 18px 20px;

	background: var(--account-soft);

	border: 1px solid var(--account-border-soft);

	border-radius: 12px;

	color: var(--account-text) !important;

	transition:
		transform var(--account-transition),
		border-color var(--account-transition);
}


body.woocommerce-account
.woocommerce-MyAccount-content
.qayem-account-actions > a:hover {

	transform: translateX(-2px);

	border-color: #C9CED8;
}


body.woocommerce-account
.qayem-account-actions strong {

	display: block;

	font-size: 12px;
}


body.woocommerce-account
.qayem-account-actions div span {

	display: block;

	margin-top: 2px;

	color: #818795;

	font-size: 10px;
}


body.woocommerce-account
.qayem-account-arrow {

	color: var(--account-gold);

	font-size: 18px;
}


/* =========================================================
   14. BUTTONS
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .button,

body.woocommerce-account
.woocommerce-MyAccount-content button.button,

body.woocommerce-account
.woocommerce-MyAccount-content input.button,

body.woocommerce-account
.woocommerce-MyAccount-content button[type="submit"] {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 44px;

	padding: 9px 20px !important;

	background: var(--account-primary) !important;

	border: 1px solid var(--account-primary) !important;

	border-radius: 10px !important;

	color: #FFFFFF !important;

	font-family: inherit !important;

	font-size: 14px !important;

	font-weight: 650 !important;

	box-shadow: none !important;

	cursor: pointer;
}


body.woocommerce-account
.woocommerce-MyAccount-content .button:hover,

body.woocommerce-account
.woocommerce-MyAccount-content button.button:hover {

	background: var(--account-primary-dark) !important;

	border-color: var(--account-primary-dark) !important;
}


/* =========================================================
   15. FORMS
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .form-row {

	margin-bottom: 17px;
}


body.woocommerce-account
.woocommerce-MyAccount-content label {

	display: block;

	margin-bottom: 7px;

	color: var(--account-text);

	font-size: 13px;

	font-weight: 650;
}


body.woocommerce-account
.woocommerce-MyAccount-content input.input-text,

body.woocommerce-account
.woocommerce-MyAccount-content input[type="text"],

body.woocommerce-account
.woocommerce-MyAccount-content input[type="email"],

body.woocommerce-account
.woocommerce-MyAccount-content input[type="tel"],

body.woocommerce-account
.woocommerce-MyAccount-content input[type="password"],

body.woocommerce-account
.woocommerce-MyAccount-content select,

body.woocommerce-account
.woocommerce-MyAccount-content textarea {

	width: 100%;

	min-height: 48px;

	padding: 10px 14px;

	background: var(--account-soft);

	border: 1px solid var(--account-border) !important;

	border-radius: 10px !important;

	color: var(--account-text);

	font-family: inherit;

	font-size: 14px;

	outline: none;

	box-shadow: none !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content textarea {

	min-height: 120px;
}


body.woocommerce-account
.woocommerce-MyAccount-content input:focus,

body.woocommerce-account
.woocommerce-MyAccount-content select:focus,

body.woocommerce-account
.woocommerce-MyAccount-content textarea:focus {

	background: #FFFFFF;

	border-color: var(--account-gold) !important;

	box-shadow:
		0 0 0 3px rgba(214,180,106,.13) !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content fieldset {

	margin: 26px 0;

	padding: 22px;

	background: var(--account-soft);

	border: 1px solid var(--account-border);

	border-radius: 14px;
}


/* =========================================================
   16. ORDERS
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table {

	width: 100%;

	margin-bottom: 24px !important;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid var(--account-border) !important;

	border-radius: 14px !important;

	border-collapse: separate !important;

	border-spacing: 0 !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table thead th {

	padding: 14px 16px;

	background: var(--account-soft);

	border: 0 !important;

	border-bottom:
		1px solid var(--account-border) !important;

	color: var(--account-text);

	font-size: 13px;

	text-align: right;
}


body.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table tbody td {

	padding: 15px 16px;

	border: 0 !important;

	border-bottom:
		1px solid var(--account-border-soft) !important;

	color: var(--account-muted);

	font-size: 13px;

	text-align: right;
}


/* =========================================================
   17. GRAVITY FORMS PAYMENTS
   ========================================================= */

body.woocommerce-account
.qayem-gf-payments {

	width: 100%;
}


body.woocommerce-account
.qayem-gf-payments-head {

	margin-bottom: 26px;

	padding-bottom: 20px;

	border-bottom:
		1px solid var(--account-border-soft);
}


body.woocommerce-account
.qayem-gf-payments-head h2 {

	margin: 0 0 7px !important;

	font-size: 22px !important;
}


body.woocommerce-account
.qayem-gf-payments-head p {

	margin: 0 !important;

	color: var(--account-muted) !important;

	font-size: 13px !important;
}


body.woocommerce-account
.qayem-gf-payment-list {

	display: flex;

	flex-direction: column;

	gap: 14px;
}


body.woocommerce-account
.qayem-gf-payment-card {

	padding: 20px;

	background: var(--account-soft);

	border: 1px solid var(--account-border-soft);

	border-radius: 14px;
}


body.woocommerce-account
.qayem-gf-payment-top {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	gap: 20px;

	margin-bottom: 18px;
}


body.woocommerce-account
.qayem-gf-payment-id {

	display: block;

	margin-bottom: 4px;

	color: #9297A4;

	font-size: 11px;
}


body.woocommerce-account
.qayem-gf-payment-top h3 {

	margin: 0 !important;

	font-size: 15px !important;
}


body.woocommerce-account
.qayem-gf-payment-status {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 29px;

	padding: 4px 11px;

	border-radius: 999px;

	font-size: 11px;

	font-weight: 700;

	white-space: nowrap;
}


body.woocommerce-account
.qayem-gf-payment-status.is-paid {

	background: var(--account-success-soft);

	color: var(--account-success);
}


body.woocommerce-account
.qayem-gf-payment-status.is-processing {

	background: var(--account-info-soft);

	color: var(--account-info);
}


body.woocommerce-account
.qayem-gf-payment-status.is-pending {

	background: var(--account-warning-soft);

	color: var(--account-warning);
}


body.woocommerce-account
.qayem-gf-payment-status.is-failed {

	background: var(--account-danger-soft);

	color: var(--account-danger);
}


body.woocommerce-account
.qayem-gf-payment-status.is-refunded {

	background: #F2F3F7;

	color: #656B78;
}


body.woocommerce-account
.qayem-gf-payment-status.is-default {

	background: #F1F2F5;

	color: #6F7480;
}


body.woocommerce-account
.qayem-gf-payment-data {

	display: grid;

	grid-template-columns:
		repeat(4,minmax(0,1fr));

	gap: 10px;
}


body.woocommerce-account
.qayem-gf-payment-data > div {

	min-width: 0;

	padding: 12px 14px;

	background: #FFFFFF;

	border:
		1px solid var(--account-border-soft);

	border-radius: 10px;
}


body.woocommerce-account
.qayem-gf-payment-data > div > span {

	display: block;

	margin-bottom: 4px;

	color: #818795;

	font-size: 11px;
}


body.woocommerce-account
.qayem-gf-payment-data > div > strong {

	display: block;

	font-size: 13px;

	overflow-wrap: anywhere;
}


body.woocommerce-account
.qayem-gf-payment-data .transaction-id {

	direction: ltr;

	text-align: right;

	font-variant-numeric: tabular-nums;
}


body.woocommerce-account
.qayem-gf-payment-data
.woocommerce-Price-amount,

body.woocommerce-account
.qayem-gf-payment-data
.woocommerce-Price-currencySymbol {

	display: inline !important;

	color: inherit !important;

	font-size: inherit !important;
}


/* =========================================================
   18. PAGINATION
   ========================================================= */

body.woocommerce-account
.qayem-gf-pagination {

	display: flex;

	justify-content: center;

	margin-top: 28px;
}


body.woocommerce-account
.qayem-gf-pagination ul.page-numbers {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	gap: 7px;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	list-style: none;
}


body.woocommerce-account
.qayem-gf-pagination ul li {

	margin: 0 !important;

	border: 0 !important;
}


body.woocommerce-account
.qayem-gf-pagination .page-numbers {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 38px;

	height: 38px;

	padding: 0 10px !important;

	background: var(--account-soft);

	border:
		1px solid var(--account-border) !important;

	border-radius: 9px;

	color: var(--account-text) !important;
}


body.woocommerce-account
.qayem-gf-pagination
.page-numbers.current {

	background: var(--account-primary);

	border-color:
		var(--account-primary) !important;

	color: #FFFFFF !important;
}


body.woocommerce-account
.qayem-gf-pagination
a.page-numbers:hover {

	background: #FFFFFF;

	border-color: #C5CAD4 !important;
}


/* =========================================================
   19. NOTICES
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-message,

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-info,

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-error {

	margin-bottom: 20px !important;

	padding: 15px 48px 15px 17px !important;

	background: var(--account-soft);

	border:
		1px solid var(--account-border) !important;

	border-radius: 12px;

	color: var(--account-text);

	box-shadow: none;
}


/* =========================================================
   20. TABLET
   ========================================================= */

@media (max-width: 1024px) {

	body.woocommerce-account main#content {

		padding-top: 36px;

		padding-bottom: 56px;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation {

		width: 245px !important;

		flex-basis: 245px;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content {

		padding: 26px;
	}


	body.woocommerce-account
	.qayem-gf-payment-data {

		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

}


/* =========================================================
   21. MOBILE
   ========================================================= */

@media (max-width: 767px) {

	body.woocommerce-account main#content {

		padding-top: 22px;

		padding-bottom: 44px;
	}


	body.woocommerce-account.logged-in
	.woocommerce {

		flex-direction: column;

		gap: 15px;
	}


	/* Horizontal account menu */

	body.woocommerce-account
	.woocommerce-MyAccount-navigation {

		width: 100% !important;

		flex: none;

		padding: 9px;

		overflow: hidden;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation ul {

		flex-direction: row;

		overflow-x: auto;

		gap: 7px;

		scrollbar-width: none;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation
	ul::-webkit-scrollbar {

		display: none;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation li {

		flex: 0 0 auto;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation li a {

		min-height: 42px;

		padding: 6px 13px;

		font-size: 12px;

		white-space: nowrap;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation-link--customer-logout {

		margin-top: 0 !important;

		padding-top: 0 !important;

		border-top: 0;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content {

		width: 100% !important;

		min-height: 420px;

		padding: 20px 17px;
	}


	/* Dashboard */

	body.woocommerce-account
	.qayem-account-welcome {

		min-height: 135px;

		padding: 22px 19px;
	}


	body.woocommerce-account
	.qayem-account-welcome-content {

		max-width: 92%;
	}


	body.woocommerce-account
	.qayem-account-welcome h2 {

		font-size: 19px !important;
	}


	body.woocommerce-account
	.qayem-account-stats {

		grid-template-columns: 1fr;
	}


	body.woocommerce-account
	.qayem-account-stat {

		min-height: 120px !important;
	}


	body.woocommerce-account
	.qayem-account-section {

		padding: 16px;
	}


	body.woocommerce-account
	a.qayem-account-activity-item {

		flex-direction: column;

		align-items: flex-start;
	}


	body.woocommerce-account
	.qayem-account-activity-end {

		width: 100%;

		justify-content: space-between;
	}


	/* GF */

	body.woocommerce-account
	.qayem-gf-payment-data {

		grid-template-columns: 1fr;
	}


	body.woocommerce-account
	.qayem-gf-payment-card {

		padding: 16px;
	}


	/* Woo Orders */

	body.woocommerce-account
	.woocommerce-orders-table thead {

		display: none;
	}


	body.woocommerce-account
	.woocommerce-orders-table,

	body.woocommerce-account
	.woocommerce-orders-table tbody,

	body.woocommerce-account
	.woocommerce-orders-table tr,

	body.woocommerce-account
	.woocommerce-orders-table td {

		display: block;

		width: 100%;
	}


	body.woocommerce-account
	.woocommerce-orders-table {

		background: transparent;

		border: 0 !important;
	}


	body.woocommerce-account
	.woocommerce-orders-table tr {

		margin-bottom: 13px;

		padding: 13px 15px;

		background: var(--account-soft);

		border: 1px solid var(--account-border);

		border-radius: 12px;
	}


	body.woocommerce-account
	.woocommerce-orders-table td {

		display: flex;

		justify-content: space-between;

		gap: 12px;

		padding: 8px 0 !important;

		border: 0 !important;

		border-bottom:
			1px dashed var(--account-border) !important;
	}


	body.woocommerce-account
	.woocommerce-orders-table td:last-child {

		border-bottom: 0 !important;
	}

}


/* =========================================================
   22. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

	body.woocommerce-account
	.woocommerce-MyAccount-content {

		padding: 17px 14px;
	}


	body.woocommerce-account
	.qayem-account-welcome {

		padding: 20px 16px;
	}


	body.woocommerce-account
	.qayem-account-welcome p {

		font-size: 11px !important;
	}

}/* End custom CSS */