@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/PWSansWeb/Black/IRANSansWeb_Black.eot');
	src: url('../fonts/PWSansWeb/Black/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/Black/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/Black/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/Black/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/PWSansWeb/bold/IRANSansWeb_Bold.eot');
	src: url('../fonts/PWSansWeb/bold/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/bold/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/bold/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/bold/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/PWSansWeb/medium/IRANSansWeb_Medium.eot');
	src: url('../fonts/PWSansWeb/medium/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/medium/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/medium/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/medium/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/PWSansWeb/light/IRANSansWeb_Light.eot');
	src: url('../fonts/PWSansWeb/light/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/light/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/light/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/light/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/PWSansWeb/ultralight/IRANSansWeb_UltraLight.eot');
	src: url('../fonts/PWSansWeb/ultralight/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/ultralight/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/ultralight/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/ultralight/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: PWSansWeb;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/PWSansWeb/normal/IRANSansWeb.eot');
	src: url('../fonts/PWSansWeb/normal/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../fonts/PWSansWeb/normal/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWSansWeb/normal/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWSansWeb/normal/IRANSansWeb.ttf') format('truetype');
}
@font-face {
	font-family: PWYekanWeb;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/PWYekanWeb/Yekan.eot');
	src: url('../fonts/PWYekanWeb/Yekan.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	/*url('../fonts/PWYekanWeb/Yekan.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/PWYekanWeb/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/PWYekanWeb/Yekan.ttf') format('truetype');
}
@font-face {
    font-family: PWIRANYekan;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/PWIranYekan/f9b12859.eot);
    src: url(../fonts/PWIranYekan/f9b12859.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/f78b74c5.woff) format("woff"), url(../fonts/PWIranYekan/11627467.ttf) format("truetype");
}
@font-face {
    font-family: PWIRANYekan;
    src: url(../fonts/PWIranYekan/699085bd.eot);
    src: url(../fonts/PWIranYekan/699085bd.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/a80f71ff.woff2) format("woff2"), url(../fonts/PWIranYekan/088dfe8a.woff) format("woff"), url(../fonts/PWIranYekan/2c83275a.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: PWIRANYekan;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/PWIranYekan/6a51276d.eot);
    src: url(../fonts/PWIranYekan/6a51276d.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/492984b8.woff) format("woff"), url(../fonts/PWIranYekan/6387a14a.ttf) format("truetype");
}
@font-face {
    font-family: PWIRANYekan;
    src: url(../fonts/PWIranYekan/7c912e00.eot);
    src: url(../fonts/PWIranYekan/7c912e00.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/fe12f13a.woff2) format("woff2"), url(../fonts/PWIranYekan/2d7cc7cd.woff) format("woff"), url(../fonts/PWIranYekan/a7d41f91.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: PWIRANYekan;
    src: url(../fonts/PWIranYekan/cea3492e.eot);
    src: url(../fonts/PWIranYekan/cea3492e.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/1d9f5870.woff) format("woff"), url(../fonts/PWIranYekan/f2ab2738.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: PWIRANYekan;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/PWIranYekan/5b8cfc1c.eot);
    src: url(../fonts/PWIranYekan/5b8cfc1c.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/76ccefec.woff) format("woff"), url(../fonts/PWIranYekan/44b6abc1.ttf) format("truetype");
}
@font-face {
    font-family: PWIRANYekan;
    font-style: normal;
    font-weight: 950;
    src: url(../fonts/PWIranYekan/e2d75f96.eot);
    src: url(../fonts/PWIranYekan/e2d75f96.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/b5c0daaf.woff) format("woff"), url(../fonts/PWIranYekan/5f989680.ttf) format("truetype");
}
@font-face {
    font-family: PWIRANYekan;
    src: url(../fonts/PWIranYekan/5bea6c32.eot);
    src: url(../fonts/PWIranYekan/5bea6c32.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/1fdcadec.woff2) format("woff2"), url(../fonts/PWIranYekan/56a1baa4.woff) format("woff"), url(../fonts/PWIranYekan/79533773.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: PWIRANYekanDigits;
    src: url(../fonts/PWIranYekan/24659979.eot);
    src: url(../fonts/PWIranYekan/24659979.eot?#iefix) format("embedded-opentype"), url(../fonts/PWIranYekan/9a3fc3d8.woff2) format("woff2"), url(../fonts/PWIranYekan/b7443b71.woff) format("woff"), url(../fonts/PWIranYekan/29a4348a.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: PWIRANSans;
    src: url(../fonts/PWIranYekan/a83daff6.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* html, */
body {
	font-family: "PWSansWeb", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 13px;
}
body.pw-body-user{
    height: 100dvh;
    background-color: #F2F3F6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 700;
	font-family: "PWSansWeb", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 25px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "PWSansWeb", sans-serif;
	color: #8d8d8d;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
	text-align: justify;
}
a{text-decoration: none;}
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}
tr, td{vertical-align:middle}
i:before{vertical-align: middle;}
.spinner-border{vertical-align: middle;}
.pw-rounded-1{
	border-radius:16px !important
}
.pw-rounded-2{
	border-radius:8px !important
}
.pw-font-bold-1{
	font:900 16px PWIRANYekan;
}
.pw-font-bold-2{
	font:900 30px PWIRANYekan;
}
.text-justify{text-align:justify}
.pw-shadow{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
.pw-shadow1{
	border-radius: 12px;
    box-shadow: 0 2px 10px 0 #e0dbde;
    -webkit-box-shadow: 0 2px 10px 0 #e0dbde;
}
.pw-text-limit{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
input[type="text"] {
    /* border: 1px solid #ccc !important; */
    border-radius: 8px;
}
.btn{border-radius:8px}
.btn-lg {
    padding: 15px 10px 15px 10px;
    font-size: 14px;
}
.btn-link{text-decoration: none !important;}
.pw-btn {
    padding: 10px 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    width: 100%;
    border-radius: 8px;
    font-family: 'PWYekanWeb';
    font-weight: normal;
}
.pw-btn-danger {
    background-color: #ef394e;
    color: #fff;
    border: 1px solid #ef394e;
}
.pw-btn-danger:hover{
	background-color:#d61c31;
    color: #fff;
}
.swal2-toast{
    width: 100%;
    padding: 8px 10px 11px 10px;
}
.swal2-toast h2.swal2-title{
    font-size: 14px;
    font-family: 'PWIRANYekan';
}
.number{
	font-family: 'PWIRANYekanDigits';
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    height: 38px !important;
    padding: 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    float: right !important;
    height: 26px !important;
    width: 32px !important;
    margin-right: 0 !important;
}
.pw-card-s1{
	border-color:transparent;
	border-radius:16px;
}

/*---------------------
  Helper CSS
-----------------------*/

.ltr{
	direction: ltr !important
}

.rtl{
	direction: rtl !important
}
#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 999999;
	background: #000;
}
.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -13px;
	margin-right: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-right-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-right-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-right-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-right-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-right-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-right-color: transparent;
	}
}

/*---------------------
  PuzzlesWEB.Com
-----------------------*/

/*---------------------
  Header
-----------------------*/

/*---------------------
  Login And Register Page
-----------------------*/
.pw-custom-login-body {
	font-family: 'PWSansWeb';
	position: relative;
	z-index: 2;
	background: #fff;
	backdrop-filter: blur(10px);
	border-radius: 30px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 50px 0;
	max-width: 450px;
	width: 100%;
	border: 1px solid #F1F4F7;
}
.pw-custom-login-body .pw-login-form-container {
    width: 380px;
    position: relative;
    margin: 0 auto;
}
.pw-custom-login-body .pw-logo{margin-bottom:0.5rem;}
.pw-custom-login-body .pw-logo img{max-width:250px;}
.pw-custom-login-body .pw-login-form-container input[type="text"], .pw-custom-login-body .pw-login-form-container input[type="password"]{
	font-family: 'PWSansWeb';
	border-radius:10px;
	height:50px;
	letter-spacing: 4px;
}
.pw-custom-login-body .pw-login-form-container input[name="first-name"], .pw-custom-login-body .pw-login-form-container input[name="last-name"]{letter-spacing: 0;}
.pw-custom-login-body .pw-title-s1{
	display:flex;
	align-items:center;
    margin-bottom: 1rem;
}
.pw-custom-login-body .pw-title-s1 span{
    position: relative;
	font-family: 'PWSansWeb';
    font-size: 14px;
	font-weight: 700;
    color: #30303C;
	z-index:2;
	padding-left: 10px;
	background-color: #fff;
}
.pw-login-form-container .pw-login-mobile-resend-code-btn{
	background: transparent;
    border: 0;
    color: #30303C;
    font-weight: bold;
    font-size: 15px;
}
.pw-login-form-container .pw-timer-send-again-verfiy-code{
	width: 22px;
    display: inline-block;
    text-align: center;
}
.pw-custom-login-body .pw-login-form-1 .pw-text-1, .pw-custom-login-body .pw-login-form-3 .pw-text-1, .pw-custom-login-body .pw-login-form-4 .pw-text-1, .pw-custom-login-body .pw-user-logined .pw-text-1{
	font-family: 'PWSansWeb';
    font-size: 14px;
	font-weight: 500;
    color: #30303C;
}
.pw-custom-login-body .pw-login-form-3 .pw-text-2{
	font-family: 'PWSansWeb';
    font-size: 14px;
	font-weight: 500;
    color: #30303C;
}
.pw-custom-login-body .pw-edit-mobile-number-btn, .pw-custom-login-body .pw-login-by-username-form-btn, .pw-custom-login-body .pw-login-by-mobile-form-btn, .pw-custom-login-body .pw-register-by-username-form-btn{
    /* color: #30303C; */
    font-weight: bold;
    font-size: 15px;
}
.pw-custom-login-body .pw-login-mobile-by-one-time-btn, .pw-custom-login-body .pw-login-forgot-password-btn{
    color: #30303C;
    font-weight: bold;
    font-size: 15px;
}
.pw-custom-login-body .pw-login-form-2 .pw-verification-code-inputs, .pw-custom-login-body .pw-login-form-3 .pw-verification-code-inputs{gap: 10px;}
.pw-custom-login-body .pw-login-form-2 .pw-verification-code-inputs .pw-verification-code-input, .pw-custom-login-body .pw-login-form-3 .pw-verification-code-inputs .pw-verification-code-input{
	width: 50px !important;
	height: 50px !important;
	font-size: 25px !important;
	letter-spacing: 0;
    border: 2px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s;
	font-weight:bold;
}
.pw-custom-login-body .pw-login-form-2 .pw-verification-code-inputs .pw-verification-code-input:focus, .pw-custom-login-body .pw-login-form-3 .pw-verification-code-inputs .pw-verification-code-input:focus {
    border-color: #5DC3BB;
    box-shadow: 0 0 5px rgba(93, 195, 187, 0.5);
    outline: none;
}
@media (max-width:575.98px){
	.pw-custom-login-body{
		max-width: 95%;
		box-shadow:0 0 0;
		border:0;
		padding: 0;
		border-radius: 0;	
	}
	.pw-custom-login-body .pw-login-form-container {
		width: 100%;
	}	
}
/*---------------------
  Login And Register Page
-----------------------*/

/*---------------------
  Login
-----------------------*/
.pw-login-page{
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	/* background-color: #f5f5f5; */
}
.pw-login-page .form-signin {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: auto;
}
.pw-login-page .form-signin .checkbox {
	font-weight: 400;
}
.pw-login-page .form-signin .form-floating:focus-within {
	z-index: 2;
}
.pw-login-page .form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.pw-login-page .form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.pw-login-page .bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pwEditPhoneNumber {
    position: absolute;
    left: 10px;
    color: #000;
    font-size: 30px;
}
@media (min-width: 768px) {
	.pw-login-page .bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}
/*---------------------
  User Home Dashboard
-----------------------*/
.pw-head2 {
	color:#fff;
    position: relative;
    height: 220px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pw-head2 .container {
    z-index: 3;
}
.pw-head2 .pw-overlay-1 {
    background: radial-gradient(126.22% 81.39% at 5.41% 21.18%,#728cc4,#5e77b0 85.54%);
    position: absolute;
    height: 240px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}

.pw-head2 .pw-overlay-2 {
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    top: 240px;
    background: linear-gradient(0deg,#f2f3f6 0% 100%);
    box-shadow: 0 -12px 30px 40px #f2f3f6;
    z-index: 2;
}

.pw-head2 .pw-overlay-3 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 240px !important;
	
	/* گرادیان رنگی تیره با ترکیب سبز، بنفش و آبی */
	background: linear-gradient(
		45deg,
		#0f2b3d 0%,
		#1a4a6e 15%,
		#1e5f8d 30%,
		#2d728f 45%,
		#3a7ca5 60%,
		#4a2e71 75%,
		#3d1a5c 90%,
		#0f2b3d 100%
	);
	background-size: 400% 400%;
	
	/* انیمیشن حرکت آرام گرادیان */
	animation: gradientMove 12s ease infinite;
	animation: gradientMove 8s ease infinite, shadowPulse 4s ease-in-out infinite;
	/* سایه‌های متحرک */
	box-shadow: 
		0 0 60px rgba(30, 95, 141, 0.4),
		0 0 100px rgba(74, 46, 113, 0.3),
		inset 0 0 100px rgba(15, 43, 61, 0.5);
	
	/* افکت‌های زیبا */
	filter: brightness(1.1) contrast(1.1);
	opacity: 0.9;
}

/* انیمیشن حرکت گرادیان */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
        box-shadow: 
            0 0 60px rgba(255, 255, 255, 0.3),
            0 0 100px rgba(255, 0, 150, 0.2),
            inset 0 0 100px rgba(255, 255, 255, 0.1);
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 
            0 0 80px rgba(255, 255, 255, 0.4),
            0 0 120px rgba(0, 200, 255, 0.3),
            inset 0 0 120px rgba(255, 255, 255, 0.2);
    }
    100% {
        background-position: 0% 50%;
        box-shadow: 
            0 0 60px rgba(255, 255, 255, 0.3),
            0 0 100px rgba(255, 0, 150, 0.2),
            inset 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

/* انیمیشن سایه متحرک اضافی */
@keyframes shadowPulse {
    0%, 100% {
        filter: brightness(1.1) contrast(1.1) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
    }
    50% {
        filter: brightness(1.2) contrast(1.2) drop-shadow(0 0 30px rgba(255, 255, 255, 0.5));
    }
}
.pw-section-header {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.5rem;
}
.pw-card-btn-icon {
    color: #222;
    font-size: 14px;
}
.pw-card-btn-icon:hover{color: #222;}
.pw-card-btn-icon i {
    font-size: 42px;
    margin-bottom: 10px;
}
.pw-mobile-nav-space{height: 100px;}
.pw-mobile-nav{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 350;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #FFF;
    box-shadow: 0 12px 40px 6px #10111329;
	border-radius:48px;
	margin:10px;
    -webkit-backdrop-filter: blur(18px)!important;
    backdrop-filter: blur(18px) !important;
}
.pw-mobile-nav a {
    color: #222;
    font-size: 11px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pw-mobile-nav i{
    display: block;
    font-size: 22px;
    margin-bottom: 0.5rem;
}
.pw-mobile-nav .pw-mini-cart-count{
    position: absolute !important;
    top: 2px !important;
    bottom: auto;
    right: 15px;
}
.pw-card-bank{
    min-width: 280px;
    border-radius: 14px;
    background-image: url("../images/card.png");
    background-size: cover;
	background-color: rgb(107, 192, 254);
    background-blend-mode: color-burn;
	height:200px;
	position:relative
}
.pw-cb-body-logo {
    position: absolute;
    right: 30px;
    border-radius: 10px;
    padding: 3px;
}
.pw-cb-logo {
    width: 50px;
    background: url("../images/card-logo.png");
    height: 47px;
    position: relative;
}
.pw-cb-logotext {
    color: #fff;
    font-family: 'PWYekanWeb';
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    left: 40px;
    background-color: #fb3449;
    border-radius: 100px;
    padding: 3px 15px 3px 15px;
    top: 15px;
}
.pw-cb-flname{
	font: 900 20px PWIRANYekan;
	color:#fff;
	position: absolute;
    bottom: 60px;
    right: 40px;
}
.pw-cb-cardnumber{
	font: 900 20px PWIRANYekan;
	color:#fff;
	position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
}
.pw-cb-cvv2 {
    color: #fff;
    font-family: 'PWYekanWeb';
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3px;
    direction: ltr;
    position: absolute;
    left: 44px;
    bottom: 5px;
    text-shadow: 1px 0px 1px #000;
}
.pw-cb-expire {
    color: #fff;
    font-family: 'PWYekanWeb';
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3px;
    direction: ltr;
    position: absolute;
    right: 44px;
    bottom: 5px;
    text-shadow: 1px 0px 1px #000;
}
.pw-card-bank-inactive {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: 9;
}
.pw-card-bank-inactive:after {
    content: "غیرفعال";
    position: absolute;
    color: #fb3449;
    top: 75px;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    vertical-align: middle;
    font: 900 35px PWIRANYekan;
}
.pw-cb-balance {
    background: #ef394e;
    color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 5px 20px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom:-30px;
    z-index: -1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.pw-cb-balance:after{
	content:"برای نمایش موجودی کلیک کنید.";
	font-size:12px;
}
.pw-cb-balance.show{
	/* bottom: -85px; */
	bottom: auto;
}
.pw-cb-balance .pw-card-bank-detals{display:none} 
.pw-cb-balance.show .pw-card-bank-detals{display:block} 
.pw-cb-balance.show:after{
	content:""
}

.pw-action-btn-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#45474A;
    margin: 0 auto;
    --icon-size: 50px;
    --container-size: 84px;
}
.pw-action-btn-body:hover{
    color:#45474A;
}
.pw-action-btn-body .pw-icon{
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:0.5rem;
    
    /* استفاده از متغیرها */
    width: var(--container-size);
    height: var(--container-size);
}
.pw-action-btn-body-s1 .pw-icon{
    border:0;
    background-color: rgba(242, 243, 246, .6);
}
.pw-action-btn-body-s2 .pw-icon{
    border: 1px solid #DFE1E5;
    background-color: #fff;
}
.pw-action-btn-body .pw-icon img{
    /* استفاده از متغیرها برای تصویر */
    width: var(--icon-size);
    height: var(--icon-size);
}
.pw-action-btn-body .pw-title {
    font-size: 11px;
    font-weight: bold;
}











/*---------------------
  User Dashboard
-----------------------*/
.pw-card-transactions .card-header, .pw-card-filter-transactions .card-header{font:900 20px 'PWIRANYekan';}
.pw-table-transactions tr td{font-size: 13px;}
/* .pw-table-transactions tr td:nth-child(1), .pw-table-transactions tr th:nth-child(1){font-size: 20px;} */
/* .pw-table-transactions tr td:nth-child(2), .pw-table-transactions tr th:nth-child(2){font-size: 16px;} */
/* .pw-table-transactions tr td:nth-child(3), .pw-table-transactions tr th:nth-child(3){font-size: 16px;} */

/*---------------------
  User Dashboard Style 2
-----------------------*/
.pw-head3{padding:8px 15px;margin-bottom:10px}

/*---------------------
  Send Money Dashboard
-----------------------*/
#qr-reader{border:1px solid #ccc !important;border-radius:8px}
#qr-reader__dashboard_section_csr button {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    display: block;
    width: 100%;
    font-family: 'PWIRANYekan';
    font-size: 16px;
}
#qr-reader__header_message, #qr-reader__dashboard_section_swaplink, .pw-qr-reader-header{display:none !important}
#qr-reader__camera_selection{
	border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 5px;
}

/*---------------------
  Admin Dashboard
-----------------------*/
.pw-dashboard-title{padding:15px}
.pw-dashboard-sidebar{color:#fff;transition: margin-left 0.35s ease-in-out, left 0.35s ease-in-out;background: #262F3D;height:100%}
.pw-dashboard-sidebar ul li:before{
	vertical-align:middle;
	margin-left: 15px;
    font-size: 10px;
}
.pw-dashboard-sidebar ul li a{font-size: 13px;color:rgba(255, 255, 255, 0.55);display: block;padding: .5rem 1rem;}
.pw-dashboard-sidebar ul li a:before{
	content: "\f053";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	vertical-align:middle;
	margin-left: 15px;
    font-size: 10px;
}
.pw-dashboard-sidebar ul li a:hover:before{
	content: "\f323";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	vertical-align:middle;
	margin-left: 15px;
    font-size: 10px;
}
.pw-dashboard-sidebar ul li a:hover{color:#fff}
.pw-dashboard-sidebar ul li a:hover{background:#fb3449}
.pw-dashboard-sidebar ul li a:hover .bg-danger{background-color:#262F3D !important}
.pw-dashboard-sidebar ul li .active{color:#fff}
.pw-dashboard-main{}
.pw-dashboard-main .pw-dashboard-top{padding:0.875rem 1.25rem}
.pw-dashboard-main .pw-dashboard-top ul{display:inline-flex}
.pw-dashboard-main .pw-dashboard-top ul li a{color:rgba(0, 0, 0, 0.7);font-size:18px}
.pw-dashboard-top .pw-sidebar-toggle{font-size: 32px;cursor: pointer}
.pw-dashboard-content{background-color: #F7F9FC;color: #495057;padding:2.5rem;}
.misha-upl{display:block;margin-bottom:15px}
.misha-upl i{font-size: 160px;color: #222;}
.misha-upl i:before {
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 100%;
}
.misha-upl img {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    border: 1px solid #ccc;
    padding: 2px;
}
.misha-rmv{width:100%}

/*---------------------
  Other
-----------------------*/
.pw-gateway-page{
	background-color: #f2f0f1;
}
.pw-gateway-payment-header {
    background: -webkit-gradient(linear, left top, right top, from(#ad258c), to(#ff3a86)) !important;
    background: linear-gradient(to right, #ad258c, #ff3a86) !important;
    padding: 15px;
    margin-bottom: 20px;
    color: #fff;
	box-shadow: 0 3px 15px 0 rgb(255 58 134 / 22%);
}
.pw-gateway-payment-footer {
    padding: 15px;
    border-top: 5px solid #ff3a86;
}
/* .pw-gateway-payment-footer:before { */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 200px; */
    /* background: -webkit-gradient(linear, left top, right top, from(#ad258c), to(#ff3a86)) !important; */
    /* background: linear-gradient(to right, #ad258c, #ff3a86) !important; */
    /* content: ""; */
    /* bottom: 0; */
    /* left: 0; */
    /* z-index: -1; */
/* } */
.pw-gateway-logo img{
    width: 100%;
    margin-bottom: 40px;
	border-radius: 15px;
}
.pw-gateway-body-amount{position: relative;}
.pw-gateway-body-amount img {
    width: 100%;
    margin-bottom: 40px;
}
.pw-gateway-body-price{
	position: absolute;
    top: 29px;
    right: 0;
    left: 0;
	color: #0ec497;
}
.pw-gateway-price {
    font-size: 22px;
    font-weight: 900;
}
.pw-gateway-price span {
    font-weight: 500;
    font-size: 14px;
}
.pw-gateway-price-label {
    font-size: 12px;
    font-weight: 500;
}
.pw-tavan-type-row{}
.pw-tavan-type-row .pw-tavan-label {
    border: 1px solid #ced4da;
    display: block;
    padding: 15px;
    border-radius: 8px;
}
.pw-tavan-type-row .pw-tavan-increase-label{}
.pw-tavan-type-row .pw-tavan-new-label{}
.pw-tavan-type-row input:checked + label {
    border: 1px solid #198754;
    background-color: #1987540f;
}
.pw-tavan-type-row input:checked + label:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 50px;
    color: #198754;
}

/*---------------------
  CardReader Page
-----------------------*/
#pwLcd{}
.pw-lcd {
    border: 1px solid #ababab;
    margin: 20px 0;
    border-radius: 20px;
    height: 200px;
    background: #f2f2f2;
	position:relative;
	overflow:hidden
}
.pw-lcd .time{
    font-family: PWIRANYekanDigits;
    padding: 5px;
}
.pw-lcd .store-name{
    background-color: #1b14d4;
    color: #fff;
    padding: 5px;
    font-family: PWIRANYekan;
}
.pw-lcd .logo {
    background-image: url('../images/pamaklogo.png');
    width: 100%;
    height: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
	background-size:70px;
	position:absolute;
	top:0;
}
.pw-lcd .text {
    color: #1b14d4;
    font-family: PWIRANYekan;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    letter-spacing: -1px;
}
.pw-numpad .pw-grid{
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, 1fr);
  direction: ltr;
}
.pw-numpad .pw-grid div {
	padding:10px;
    display: block;
    margin: 0;
    text-align: center;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font-size:30px;
	overflow:hidden;
	position:relative;
}
.pw-numpad .btn:focus, .pw-numpad .btn:hover{
	box-shadow:0px 0px 10px #b7b7b7 inset;
}
.pw-lcd .pw-title{
    font-family: PWYekanWeb;
    font-size: 22px;
    padding: 10px 0;
    letter-spacing: -1px;
}
.pw-lcd .pw-value {
    font-size: 22px;
    font-weight: bold;
    color: red;
    padding: 4px 0;
}
.pw-lcd .text1 {
    font-family: PWYekanWeb;
    font-size: 13px;
    letter-spacing: 0px;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    background-color: #19bfd3;
    color: #fff;
	width:100%;
}
.pw-lcd .text2 {
    font-family: PWYekanWeb;
    font-size: 13px;
    letter-spacing: 0px;
    padding: 10px 15px;
    background-color: #19bfd3;
    color: #fff;
	width:100%;
}
.pw-lcd .currency{
    font-family: PWYekanWeb;
}
.pw-numpad .pw-grid .disabled{
    opacity:0.65
}
.pw-numpad .pw-grid div .title{
    position: absolute;
    top: 0;
    font-size: 13px;
    width: 100%;
    right: 0;
    left: 0;
    background: #ef394e;
    color: #fff;
}
.pw-numpad .pw-grid div .label{
    position: absolute;
    bottom: 0;
    font-size: 13px;
    width: 100%;
    right: 0;
    left: 0;
    background: #135e96;
    color: #fff;
}





/*--S PageNavi2--*/
.pw-navigation{
	display:inline-block;
	text-align:center;
	direction:ltr;
	border-radius:3px;
	box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	margin:0 auto 0 auto;
	border:none;
	overflow:hidden;
	/* font-size:0; */
	background: #fff;
}
.pw-navigation a, .pw-navigation span {
	text-align:center;
	line-height:32px;
	display:inline-block;
	margin:0;
	color:#6c6f78;
	font-size:13px;
	padding:0 15px;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.pw-navigation .current, .pw-navigation a:hover {
	background:#ef5661;
	color:#fff
}
nav.navigation.pagination {
	width:100%;
	text-align:center;
}
nav.navigation.pagination .nav-links {
	display:inline-block;
	text-align:center;
	direction:ltr;
	border-radius:3px;
	box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
	margin:0 auto 0 auto;
	border:none;
	overflow:hidden;
	font-size:0;
	background: #fff;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .nav-links span {
	text-align:center;
	line-height:32px;
	display:inline-block;
	margin:0;
	color:#6c6f78;
	font-size:13px;
	padding:0 15px;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
nav.navigation.pagination .nav-links a:hover, nav.navigation.pagination .nav-links a.current , nav.navigation.pagination .nav-links span.current {
	background:#ef5661;
	color:#fff
}
/*--E PageNavi2--*/

