.item_Num_box {
  width: 112px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  background: var(--white);
}
.item_Num_box span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  cursor: pointer;
  position: relative;
  padding: 0 18px;
}
.item_Num_box span:before,
.item_Num_box span:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--typo-900);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 1;
}
.item_Num_box span.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.item_Num_box span.minus {
  display: none;
}
.item_Num_box span:hover:before,
.item_Num_box span:hover:after {
  background: var(--green-500);
}
.item_Num_box input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width: 35px;
  height: 100%;
  border: none;
  font-size: 14px;
  text-align: center;
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  background-color: inherit;
}
.item_Num_box button {
  border: none;
  background: transparent;
  color: #fe4a2b;
  font-size: 20px;
  padding: 0 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item_Num_box button:hover {
  color: var(--green-500);
}

/*==================cartSec=================*/
.cartSec {
  margin: 35px 0;
}
.cartSec .cartRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cartSec .cartMain {
  width: calc(100% - 310px);
  padding-left: 20px;
}
.cartSec .cartSide {
  width: 310px;
  padding: 32px 20px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.cartSec .cartSide ul {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: var(--green-50);
}
.cartSec .cartSide li {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartSec .cartSide li:last-child {
  margin-bottom: 0;
}
.cartSec .cartSide li span {
  color: var(--typo-600);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.cartSec .cartSide li div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.cartSec .cartSide li p {
  color: var(--typo-800);
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.cartSec .cartSide li i {
  font-size: 16px;
  color: var(--typo-400);
}
.cartSec .cartSide .totalPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
}
.cartSec .cartSide .totalPrice span {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.cartSec .cartSide .totalPrice div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.cartSec .cartSide .totalPrice p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.cartSec .cartSide .totalPrice i {
  font-size: 20px;
  color: var(--typo-300);
}
.cartSec .cartSide button {
  border-radius: 18px;
  background: var(--green-500);
  width: 100%;
  height: 58px;
  border: none;
}
.cartSec .cartSide button .btnCvr {
  border-radius: 18px;
}
.cartSec .cartSide button .btnCntnt {
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 14px;
}

.cartSec .cartMain .shoppingCrt {
  width: 100%;
  padding: 30px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 15px;
}
.cartSec .shoppingCrt .shopCrtHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.cartSec .shopCrtHed h1 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.cartSec .shopCrtHed button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  color: var(--typo-500);
  padding: 0;
  border: none;
}
.cartSec .shopCrtHed button span {
  font-size: 16px;
}
.cartSec .shopCrtHed button p {
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.cartSec .shopCrtHed button:hover {
  color: var(--green-500);
}
.cartSec .shoppingCrt .cartItem {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--white-300);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 12px;
}
.cartSec .cartItem .itemTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.cartSec .cartItem .itemTitle img {
  width: 125px;
  min-width: 125px;
  height: 77px;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}
.cartSec .cartItem .itemTitle h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
  max-width: 201px;
  line-height: 1.5;
}
.cartSec .cartItem .crtItmPrice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.cartSec .cartItem .crtItmPrice p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.cartSec .cartItem .crtItmPrice span {
  font-size: 20px;
  color: var(--typo-300);
}
.cartSec .cartItem .discountBx {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  flex-direction: column;
}
.cartSec .cartItem .discountBx .discountfrm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.cartSec .cartItem .discountBx input {
  text-align: right;
  border-radius: 10px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
  width: 148px;
  height: 44px;
  color: var(--typo-900);
  font-size: 14px;
  font-family: "IRANYekanMedium";
}
.cartSec .cartItem .discountBx input:focus {
  border-color: var(--green-500);
}
.cartSec .cartItem .discountBx .submitCode {
  width: 48px;
  height: 44px;
  border-radius: 10px;
  background: var(--green-500);
  border: none;
}
.cartSec .cartItem .discountBx .btnCvr {
  border-radius: 10px;
}
.cartSec .cartItem .discountBx .btnCntnt {
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 11px;
}
.cartSec .cartItem .discountBx .text {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  width: 100%;
}
.cartSec .cartItem .discountBx .text.success {
  color: var(--green-500);
}
.cartSec .cartItem .discountBx .text.fail {
  color: #fe4a2b;
}
.cartSec .cartItem .discountBx .deleteCode {
  color: var(--green-500);
  font-family: "IRANYekanBold";
  font-size: 11px;
  text-align: center;
  width: 48px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--green-500);
  background: var(--white);
}
.cartSec .cartItem .discountBx .deleteCode:hover {
  opacity: 0.7;
}

.payForms .payFrmLbl {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  padding-right: 8px;
}
.payForms .payFrmLbl i {
  color: #fe4a2b;
}
.payForms .txtInput,
.payForms textarea,
.payForms .form-select {
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background-color: var(--typo-50);
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.payForms .txtInput,
.payForms .form-select {
  height: 52px;
}
.payForms .form-select {
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
  background-position: left 0.75rem center;
}
.payForms .txtInput:disabled {
  color: var(--typo-300);
}
.payForms .txtInput:focus,
.payForms textarea:focus,
.payForms .form-select:focus {
  border-color: var(--green-500);
  background-color: var(--typo-50);
}
.payForms .payFrmBtns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 40px;
}
.payForms .payFrmBtns button {
  font-family: "IRANYekanMedium";
  font-size: 14px;
  border-radius: 16px;
  width: max-content;
  height: 50px;
  padding: 14px 28px;
  border: none;
}
.payForms .payFrmBtns .submitBtn {
  background: var(--green-500);
  color: var(--white);
}
.payForms .payFrmBtns .btnCvr {
  border-radius: 16px;
}
.payForms .payFrmBtns .cancelBtn {
  background: var(--typo-100);
  color: var(--typo-900);
}
.payForms .payFrmBtns .cancelBtn:hover {
  background: var(--green-500);
  color: var(--white);
}
.payMethod {
  margin-bottom: 32px;
}
.payMethod .form-check {
  padding-left: 0;
  padding-right: 30px;
}
.payMethod .form-check input {
  float: right;
  margin: 2px -30px 0 auto;
}
.payMethod .form-check label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.payMethod label .labelIcon {
  font-size: 22px;
  color: var(--typo-300);
}
.payMethod .payLblBox p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.payMethod .payLblBox div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.payMethod .payLblBox div i {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 11px;
}
.payMethod .payLblBox div strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.payMethod .payLblBox div span {
  font-size: 20px;
  color: var(--typo-300);
}
.payMethod input:checked {
  background-color: var(--green-500);
  border-color: var(--green-500);
}
.payMethod input:checked ~ label .labelIcon {
  color: var(--green-500);
}
.payMethod .methodOne {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}
.payMethod .methodOne .methodNotif {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 183, 0, 0.1);
  width: 50%;
}
.payMethod .methodOne .methodNotif span {
  font-size: 20px;
  color: #ffb700;
}
.payMethod .methodOne .methodNotif p {
  color: var(--typo-600);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.selGateway {
  display: none;
}
.selGateway .selBank {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px 24px;
}
.selGateway .form-check {
  width: 262px;
  height: 86px;
  border-radius: 16px;
  border: 1px solid var(--white-400);
  background: var(--gray-500);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.selGateway .form-check:has(input:checked) {
  border-color: var(--green-500);
  background: linear-gradient(
    0deg,
    rgba(34, 200, 82, 0.04) 0%,
    rgba(34, 200, 82, 0.04) 100%
  );
}
.selGateway .form-check input {
  float: right;
  margin-left: auto;
  margin-right: 1.5em;
}
.selGateway .form-check input:checked {
  background-color: var(--green-500);
  border-color: var(--green-500);
}
.selGateway .form-check label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.selGateway .form-check label img {
  width: 48px;
}
.selGateway .form-check label p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}

/*==================payResltSec=================*/
.payResltSec {
  width: 100%;
  margin: 10px 0;
}
.payResltSec .payResltBx {
  width: 100%;
  max-width: 409px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin: 50px auto;
}
.payResltSec .payResltBx .title {
  text-align: center;
}
.payResltSec .payResltBx .title img {
  width: 68px;
  height: auto;
  margin: 0 auto 32px auto;
}
.payResltSec .payResltBx .title h1 {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  margin-bottom: 12px;
}
.payResltSec .payResltBx .title p {
  color: var(--typo-500);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.payResltSec .payResltBx ul {
  width: 100%;
}
.payResltSec .payResltBx li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  margin-bottom: 10px;
}
.payResltSec .payResltBx li:last-child {
  margin-bottom: 0;
}
.payResltSec .payResltBx li span {
  color: var(--typo-500);
  text-align: right;
}
.payResltSec .payResltBx li p {
  color: var(--typo-900);
}
.payResltSec .payResltBx .guideLink {
  width: 100%;
  height: 50px;
  border-radius: 16px;
  background: var(--green-500);
}
.payResltSec .payResltBx .guideLink .btnCntnt {
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.payResltSec .payResltBx .guideLink .btnCvr {
  border-radius: 16px;
}
.payResltSec .payResltBx .payRsltBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.payResltSec .payResltBx .payRsltBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 50%;
  height: 50px;
  border-radius: 16px;
  border: 1px solid var(--green-500);
  color: var(--green-500);
}
.payResltSec .payResltBx .payRsltBtn a span {
  font-size: 24px;
}
.payResltSec .payResltBx .payRsltBtn a i {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.payResltSec .payResltBx .payRsltBtn a:hover {
  opacity: 0.7;
}

/*==================accountSec=================*/
.accountSec {
  margin: 35px 0;
}
.accountSec .accountRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.opnUserMnu {
  display: none;
  margin: 0 auto 5px auto;
  width: 100%;
  max-width: 250px;
  height: 48px;
  text-align: center;
  border: none;
  color: var(--white);
  background: var(--green-500);
  font-size: 15px;
  border-radius: 12px;
}
.opnUserMnu:hover {
  background: var(--green-800);
}
.accountSec .accountRow .accountSide {
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  width: 310px;
  padding: 32px 24px;
}
.accountSec .accountSide .accSideUsr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.accUsrImg {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.accUsrImg .profPicBx {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
  background: var(--white-300);
  border: 1.5px solid var(--white);
}
.accUsrImg .profPicBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.accUsrImg .accUsrMnu {
  width: 224px;
  padding: 12px;
  right: 0;
  z-index: 4;
  display: none;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05),
    0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.accUsrImg .editUsrBtn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  cursor: pointer;
  background: var(--green-500);
  border: 1.5px solid var(--white);
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.12));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 14px;
}
.accUsrImg .accUsrMnu .editUsrImg {
  width: 100%;
  height: 50px;
  cursor: pointer;
}
.accUsrImg .editUsrImg input,
.accUsrImg .editUsrImg label {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border-radius: 8px;
}
.accUsrImg .editUsrImg input {
  z-index: 3;
  opacity: 0;
}
.accUsrImg .editUsrImg label,
.accUsrImg .accUsrMnu .deletUsrImg {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0px 12px;
}
.accUsrImg .editUsrImg label p,
.accUsrImg .accUsrMnu .deletUsrImg p {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  font-family: "IRANYekanMedium";
}
.accUsrImg .editUsrImg label span,
.accUsrImg .accUsrMnu .deletUsrImg span {
  font-size: 22px;
  color: var(--green-500);
}
.accUsrImg .accUsrMnu .deletUsrImg {
  width: 100%;
  height: 50px;
  border-radius: 8px;
  border: none;
  background: transparent;
}
.accUsrImg .editUsrImg:hover label,
.accUsrImg .accUsrMnu .deletUsrImg:hover {
  background: var(--green-50);
}
.accUsrImg .editUsrImg:hover label p,
.accUsrImg .accUsrMnu .deletUsrImg:hover p {
  color: var(--typo-900);
}
.accUsrName {
  text-align: right;
}
.accUsrName strong {
  font-family: "IRANYekanBold";
  color: var(--typo-900);
  font-size: 15.75px;
  display: block;
  margin-bottom: 5px;
}
.accUsrName p {
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.accountSec .accountSide hr {
  width: 100%;
  max-width: 250px;
  height: 2px;
  margin: 32px auto;
  border: none;
  border-bottom: 2px solid var(--white-400);
}
.accountSide .dashWaletBx {
  width: 100%;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--white-500);
  margin: 24px 0;
}
.accMenu a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 18px 12px;
  border-radius: 12px;
  color: var(--typo-900);
}
.accMenu span {
  color: var(--green-500);
  font-size: 22px;
}
.accMenu p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
}
.accMenu a:last-child span,
.accMenu a:last-child {
  color: #ff4c71;
}
.accMenu a:hover span,
.accMenu a:hover {
  color: var(--green-500);
}
.accMenu a.active {
  background: var(--white-200);
}
.accMenu a.active p {
  color: var(--green-500);
}
.accountSec .accountRow .accountMain {
  width: calc(100% - 310px);
  padding-right: 20px;
}
.accountSec .accountMain .accMainBx {
  border-radius: 18px;
  background: var(--white);
  padding: 30px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
}
.accountSec .accountMain .accMainHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.accountSec .accountMain .accMainHed h2 {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.accountSec .accountMain .accMainHed h2 i {
  color: var(--typo-400);
}
.accountSec .accountMain .accMainHed a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--green-500);
}
.accountSec .accountMain .accMainHed span {
  font-size: 20px;
}
.accountSec .accountMain .accMainHed a p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.accountSec .accountMain .accMainHed a:hover {
  opacity: 0.7;
}
.accountSec .accountMain .accInfoLst {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px 20px;
}
.accountSec .accountMain .accInfoLst li {
  text-align: right;
  font-size: 14px;
  width: 31%;
  min-width: max-content;
}
.accountSec .accountMain .accInfoLst span {
  color: var(--typo-400);
  font-family: "IRANYekanMedium";
  display: block;
  margin-bottom: 12px;
}
.accountSec .accountMain .accInfoLst p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
}

/*==================dashboard-menu=================*/
.dashMnuSec .dashMnuTop {
  width: 100%;
  height: max-content;
  background: var(--green-500);
  padding: 33px 10px;
}
.dashMnuSec .dashMnuTop.hasWallet {
  padding: 33px 10px 55px 10px;
}
.dashMnuSec .dashMnuTop .dashTopLogo {
  width: 106px;
  height: auto;
  margin: 0 auto 30px auto;
}
.dashMnuSec .dashMnuTop .dashTopLogo img {
  width: 100%;
  height: auto;
}
.dashMnuSec .dashMnuTop .accUsrImg {
  margin: 0 auto;
}
.dashMnuSec .dashMnuTop .accUsrName {
  margin: 12px auto 0 auto;
  text-align: center;
  width: 100%;
}
.dashMnuSec .dashMnuTop .accUsrName strong,
.dashMnuSec .dashMnuTop .accUsrName p {
  color: var(--white);
}
.dashMnuSec .dashWaletBx {
  width: 100%;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: var(--white);
  margin: -35px auto auto auto;
}
.headrMnuBx .dashWaletBx {
  width: 100%;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--white-500);
  margin: 24px 0;
}
.dashWaletBx .dashWltName {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  color: var(--typo-900);
  margin-bottom: 12px;
}
.dashWaletBx .dashWltName span {
  font-size: 18px;
}
.dashWaletBx .dashWltName p {
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.dashWaletBx .increasBlnc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--green-500);
}
.dashWaletBx .increasBlnc span {
  font-size: 14px;
  line-height: 1;
}
.dashWaletBx .increasBlnc i {
  font-family: "IRANYekanBold";
  font-size: 11px;
  display: block;
  height: 14px;
  line-height: 1;
}
.dashWaletBx .increasBlnc:hover span {
  transform: translateX(-2px);
}
.dashWaletBx .dashBalanc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.dashWaletBx .dashBalanc p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.dashWaletBx .dashBalanc span {
  font-size: 19px;
  color: var(--typo-300);
}
.dashMnuSec .dashMnuLst {
  width: 100%;
  padding: 20px;
  border-radius: 16px;
  background: var(--white);
  margin: 15px auto 25px auto;
}

.headrMnuBx .dashWaletBx {
  display: none;
}

/*==================ticket=================*/
.ticketBox {
  text-align: right;
}
.ticketBox .text {
  color: var(--typo-500);
  font-size: 14px;
}
.ticketBox .reply {
  border-radius: 18px;
  background: var(--green-50);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  width: 100%;
  padding: 24px;
  margin: 30px 0;
}
.ticketBox .reply .replyHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ticketBox .reply .replyHed .date {
  color: var(--typo-500);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.ticketBox .reply strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  display: block;
}
.ticketBox .reply p {
  color: var(--typo-500);
  font-size: 14px;
}
.ticketBox .closeTicket {
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  border-radius: 16px;
  background: #fe4a2b;
  height: 46px;
  padding: 14px 28px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ticketBox .closeTicket .btnCvr {
  border-radius: 16px;
}

/*==================myCoursList=================*/
.myCoursHed {
  width: 100%;
  padding: 22px 30px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
}
.myCoursHed h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.myCoursList {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 18px;
  flex-wrap: wrap;
}
.myCoursList .courseCard .lastCrdBdy .lastCrdFtr {
  justify-content: flex-start;
}
.emptyList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  height: 500px;
}
.emptyList div {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50%;
  background: var(--typo-100);
  font-size: 34px;
  color: var(--typo-300);
}
.emptyList p {
  color: var(--typo-500);
  text-align: center;
  font-size: 14px;
}

/*==================player=================*/
.dwnldPlyrHed {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  margin-bottom: 32px;
}
.guideRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.guideRow .guidRowTxt {
  padding-left: 30px;
  text-align: center;
}
.guideRow .guidRowTxt span {
  font-size: 24px;
  color: #ffbd16;
}
.guideRow .guidRowTxt h2 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin: 12px auto;
}
.guideRow .guidRowTxt p {
  color: var(--typo-400);
  font-size: 14px;
}
.guideRow .guideVideo {
  min-width: 290px;
  width: 290px;
  height: 183px;
  border-radius: 16px;
}
.guideVideo .video-js {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.guideVideo .video-js .vjs-tech {
  border-radius: 16px;
}
.guideVideo .vjs-poster {
  border-radius: 16px;
  background-size: cover;
}
.guideVideo .video-js .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  margin-top: 0;
}
.guideVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.guideVideo .vjs-has-started .vjs-control-bar {
  border-radius: 0 0 12px 12px;
}

.licenceBox {
  width: 100%;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--white-500);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.licenceBox .courseInfo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.licenceBox .courseInfo img {
  width: 181px;
  height: 112px;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}
.licenceBox .courseInfo h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
  line-height: 1.6;
}
.licenceBox .courseInfo .copyCodeBx {
  border-radius: 12px;
  background: var(--green-50);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 12px;
}
.licenceBox .courseInfo .copyCodeBx p {
  color: var(--green-500);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.licenceBox .courseInfo .copyCodeBx .btn {
  font-size: 24px;
  color: var(--green-500);
  width: max-content;
  height: 100%;
  border: none;
  background: transparent;
  padding: 0;
  line-height: 1;
}
.licenceBox .courseInfo .copyCodeBx .btn:hover {
  color: var(--green-800);
}
.licenceBox hr {
  width: 1px;
  height: 112px;
  border-left: 1px solid var(--white-300);
  margin: 0 40px;
}
.licenceBox .telSupport p {
  color: var(--typo-500);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 23px;
}
.licenceBox .telSupport strong {
  color: var(--typo-900);
  text-align: center;
  display: block;
  font-family: "IRANYekanBold";
  font-size: 14px;
  min-width: 201px;
}
.licenceBox .telSupport a {
  display: block;
  width: 195px;
  height: 48px;
  border-radius: 16px;
  background: #31a8df;
  color: var(--white);
}
.licenceBox .telSupport a .btnCntnt {
  padding: 14px 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.licenceBox .telSupport a i {
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.licenceBox .telSupport a span {
  font-size: 20px;
}
.licenceBox .telSupport a .btnCvr {
  border-radius: 16px;
}

/*==================finance=================*/
.financeHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.financeHed h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.financeHed a {
  width: 150px;
  height: 48px;
  border-radius: 18px;
  background: var(--green-500);
}
.financeHed a .btnCntnt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--white);
}
.financeHed span {
  font-size: 20px;
}
.financeHed i {
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  line-height: 1.2;
  display: block;
}
.financeHed a .btnCvr {
  border-radius: 18px;
}
.financeTbl th {
  color: var(--typo-700);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  background: var(--typo-100);
  padding: 12px;
}
.financeTbl th:first-child {
  border-radius: 0 8px 8px 0;
}
.financeTbl th:last-child {
  border-radius: 8px 0 0 8px;
}
.financeTbl tbody tr:nth-of-type(2n) td {
  background: var(--white-100);
}
.financeTbl td {
  text-align: right;
  padding: 15px 12px;
  vertical-align: middle;
}
.financeTbl td:first-child {
  border-radius: 0 8px 8px 0;
  min-width: 130px;
}
.financeTbl td:last-child {
  border-radius: 8px 0 0 8px;
}
.financeTbl td .colorText {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  min-width: max-content;
}
.financeTbl td .red {
  color: #fe4a2b;
}
.financeTbl td .green {
  color: var(--green-500);
}
.financeTbl td .yellow {
  color: #ffbd16;
}
.financeTbl .actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.financeTbl .actions button,
.financeTbl .actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  height: 32px;
  padding: 8px 16px;
  border-radius: 18px;
  background: var(--white);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.financeTbl .actions a {
  color: var(--green-500);
  border: 1px solid var(--green-500);
}
.financeTbl .actions button {
  border: 1px solid #fe4a2b;
  color: #fe4a2b;
}
.financeTbl .actions a:hover {
  background: var(--green-500);
  color: var(--white);
}
.financeTbl .actions button:hover {
  background: #fe4a2b;
  color: var(--white);
}
.financeTbl p {
  color: var(--typo-600);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  min-width: max-content;
}

/*==================marketing=================*/
.marketMnu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.marketMnu li {
  border-radius: 16px;
  background: var(--white-200);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 24px 32px;
  width: 25%;
}
.marketMnu li img {
  width: 32px;
  height: auto;
}
.marketMnu li p {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 9px;
}
.marketMnu li strong {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 22.5px;
}
.mrktDiscnt {
  margin-top: 40px;
}
.mrktDiscnt label {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  padding-right: 10px;
}
.mrktDiscnt input {
  width: 100%;
  height: 52px;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
}
.mrktDiscnt input:focus {
  border-color: var(--green-500);
  background: var(--typo-50);
}
.mrktDiscnt button {
  width: 100%;
  height: 52px;
  border-radius: 16px;
  background: var(--green-500);
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 14px;
  border: none;
}
.mrktDiscnt button .btnCvr {
  border-radius: 16px;
}
.mrktDiscnt .discountTxt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  padding-right: 15px;
  margin-top: 10px;
}
.mrktDiscnt .discountTxt p {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.mrktDiscnt .discountTxt i {
  font-family: "IRANYekanBold";
  color: var(--typo-900);
  text-align: right;
  font-size: 12.5px;
}
.mrktDiscnt .discountTxt img {
  width: 20px;
  height: auto;
}
.marketHed {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  margin-bottom: 30px;
}
.marketTbl table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.marketTbl th {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  padding: 8px 12px;
  min-width: 90px;
}
.marketTbl th:last-child {
  text-align: left;
}
.marketTbl td {
  vertical-align: middle;
  background: var(--white-200);
  padding: 8px 12px;
}
.marketTbl td:first-child {
  border-radius: 0 16px 16px 0;
}
.marketTbl td:last-child {
  border-radius: 16px 0 0 16px;
}
.marketTbl .user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.marketTbl .user img {
  width: 43px;
  min-width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid var(--white-500);
  object-fit: cover;
  object-position: center;
}
.marketTbl .user p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  min-width: max-content;
}
.marketTbl .courseNum {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.marketTbl .courseNum span {
  font-size: 20px;
  color: var(--typo-400);
}
.marketTbl .courseNum p {
  color: var(--typo-900);
  text-align: right;
  font-size: 14px;
  font-family: "IRANYekanBold";
}
.marketTbl .income {
  color: var(--green-500);
  text-align: right;
  font-size: 14px;
  font-family: "IRANYekanBold";
  direction: ltr;
}
.marketTbl .score {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.marketTbl .score p {
  color: var(--green-500);
  text-align: right;
  font-size: 14px;
  font-family: "IRANYekanBold";
  direction: ltr;
}
.marketTbl .score img {
  width: 20px;
  height: auto;
}

/*==================media=================*/
@media (min-width: 1200px) and (max-width: 1399px) {
  .marketMnu li {
    padding: 20px 15px;
    gap: 10px;
  }
  .guideRow .guidRowTxt p {
    font-size: 13px;
  }
  .myCoursList {
    gap: 15px;
  }
  .myCoursList .courseCard {
    width: 252px;
  }
  .cartSec .shoppingCrt .cartItem {
    gap: 15px;
  }
  .cartSec .cartItem .itemTitle {
    gap: 12px;
  }
  .cartSec .cartItem .itemTitle img {
    width: 100px;
    min-width: 100px;
  }
  .cartSec .cartItem .discountBx input {
    width: 130px;
  }
}
@media (max-width: 1199px) {
  .licenceBox {
    flex-direction: column;
  }
  .licenceBox hr {
    width: 80%;
    margin: 20px auto;
    height: 1px;
    border: none;
    border-bottom: 1px solid var(--white-300);
  }
  .guideRow {
    flex-direction: column-reverse;
  }
  .guideRow .guideVideo {
    margin: 0 auto;
    width: 100%;
    max-width: 290px;
    min-width: auto;
  }
  .guideRow .guidRowTxt {
    padding-left: 0;
    width: 100%;
    margin-top: 20px;
  }
  .cartSec .shoppingCrt .cartItem {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketMnu li {
    flex-direction: column;
    justify-content: center;
    padding: 18px;
  }
  .marketMnu li strong,
  .marketMnu li p {
    display: block;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accountSec .accountMain .accInfoLst li {
    width: 48%;
  }
  .myCoursList .courseCard {
    width: 294px;
  }
}
@media (max-width: 991px) {
  .headrMnuBx .dashWaletBx {
    display: flex;
  }
  .opnUserMnu {
    display: block;
  }
  .accUsrName strong,
  .accUsrName p {
    color: var(--white);
  }
  .accMenu p {
    font-size: 14px;
  }
  .accountSec .accountRow .accountSide {
    display: none;
    width: 100%;
    padding: 0;
  }
  .accountSec .accountSide .accSideUsr {
    padding: 32px 24px 64px 24px;
    background: var(--green-500);
    border-radius: 18px 18px 0 0;
    flex-direction: column;
  }
  .accountSide .dashWaletBx {
    margin: -35px 24px auto 24px;
    width: calc(100% - 48px);
    position: relative;
    border-radius: 16px;
    background: var(--white);
  }
  .accountSec .accountSide .accMenu {
    padding: 24px 24px 32px 24px;
  }
  .accountSec .accountRow {
    flex-direction: column;
    gap: 20px;
  }
  .accountSec .accountRow .accountMain {
    width: 100%;
    padding-right: 0;
  }
  .cartSec .cartRow {
    flex-direction: column;
    gap: 20px;
  }
  .cartSec .cartMain {
    width: 100%;
    padding-left: 0;
  }
  .cartSec .cartSide {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .myCoursList {
    gap: 10px;
  }
  .myCoursList .courseCard {
    width: 225px;
  }
  .courseCard .lastCrdImg {
    height: 160px;
  }
}
@media (max-width: 767px) {
  .accUsrImg .accUsrMnu {
    width: 160px;
    padding: 2px;
    border-radius: 10px;
  }
  .ticketBox .reply {
    padding: 15px;
  }
  .ticketBox .text,
  .ticketBox .reply p {
    font-size: 12px;
  }
  .ticketBox .reply strong {
    font-size: 15px;
  }
  .emptyList {
    height: auto;
    padding: 40px 0;
  }
  .marketHed {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .marketTbl .user p,
  .mrktDiscnt label {
    font-size: 13px;
  }
  .mrktDiscnt .discountTxt p {
    font-size: 11px;
  }
  .marketMnu {
    gap: 10px;
    flex-wrap: wrap;
  }
  .marketMnu li {
    justify-content: center;
    padding: 18px 10px;
    width: 48%;
  }
  .marketMnu li strong {
    font-size: 20px;
  }
  .marketMnu li p {
    font-size: 12px;
    margin-bottom: 1px;
  }
  .financeHed a {
    width: 126px;
    height: 40px;
  }
  .financeHed span {
    font-size: 18px;
  }
  .financeHed a .btnCntnt {
    gap: 3px;
  }
  .financeHed i,
  .financeTbl td .colorText,
  .financeTbl p {
    font-size: 11.5px;
  }
  .licenceBox .courseInfo h2 {
    font-size: 14px;
  }
  .financeTbl th,
  .licenceBox .telSupport strong,
  .licenceBox .telSupport p {
    font-size: 13px;
  }
  .licenceBox .telSupport a i {
    font-size: 11px;
  }
  .licenceBox .telSupport a span {
    font-size: 17px;
  }
  .guideRow .guidRowTxt h2 {
    margin: 3px auto 10px auto;
  }
  .dwnldPlyrHed {
    margin-bottom: 15px;
  }
  .myCoursHed {
    margin-bottom: 15px;
  }
  .myCoursList {
    gap: 8px;
  }
  .myCoursList .courseCard {
    width: 166px;
  }
  .payForms .payFrmLbl,
  .payForms .txtInput,
  .payForms textarea,
  .payForms .form-select,
  .accountSec .accountMain .accInfoLst li {
    font-size: 13px;
  }
  .accountSec .accountMain .accInfoLst span {
    margin-bottom: 8px;
  }
  .accountSec .accountMain .accMainHed {
    margin-bottom: 28px;
  }
  .accountSec .accountMain .accMainHed span,
  .accountSec .accountMain .accMainHed h2 {
    font-size: 15px;
  }
  .guideRow .guidRowTxt p,
  .accountSec .accountMain .accMainHed a p {
    font-size: 12px;
  }
  .payMethod .methodOne {
    flex-direction: column;
    gap: 15px;
  }
  .payMethod .methodOne .methodNotif {
    align-items: flex-start;
    width: 100%;
  }
  .cartSec .cartItem .discountBx input {
    width: 82px;
  }
  .cartSec .shoppingCrt .cartItem {
    gap: 15px 10px;
  }
  .cartSec .shopCrtHed h1 {
    font-size: 15px;
  }
  .cartSec .shopCrtHed button p {
    font-size: 11px;
  }
  .cartSec .cartItem .itemTitle h2 {
    font-size: 14.5px;
  }
  .cartSec .shopCrtHed button span {
    font-size: 15px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .accountSec .accountMain .accInfoLst li {
    width: 47%;
  }
}
@media (max-width: 575px) {
  .licenceBox hr {
    margin: 15px auto;
  }
  .licenceBox .courseInfo h2 {
    text-align: center;
  }
  .licenceBox .courseInfo {
    flex-direction: column;
    gap: 15px;
  }
  .licenceBox .telSupport p {
    margin-bottom: 15px;
  }
  .licenceBox,
  .accountSec .accountMain .accMainBx {
    padding: 15px;
  }
  .accountSec .accountMain .accInfoLst {
    gap: 18px;
  }
  .selGateway .selBank {
    flex-wrap: wrap;
    gap: 10px;
  }
  .payMethod .form-check label {
    gap: 12px;
  }
  .selGateway .form-check {
    width: 48%;
    min-width: 140px;
    height: 70px;
  }
  .selGateway .form-check input {
    margin-right: 0.5em;
  }
  .payResltSec .payResltBx {
    padding: 15px 12px;
  }
  .payResltSec .payResltBx .payRsltBtn a i {
    font-size: 12px;
  }
  .payResltSec .payResltBx .title p {
    font-size: 13px;
  }
  .payResltSec .payResltBx .title h1 {
    font-size: 15px;
  }
  .payResltSec .payResltBx .payRsltBtn a span {
    font-size: 20px;
  }
  .cartSec .cartItem .itemTitle img {
    width: 100px;
    min-width: 100px;
  }
  .cartSec .cartItem .crtItmPrice p {
    font-size: 14px;
  }
  .cartSec .cartItem .crtItmPrice span {
    font-size: 18px;
  }
  .cartSec .cartSide {
    padding: 15px;
  }
  .cartSec .cartMain .shoppingCrt {
    padding: 15px;
  }
  .cartSec .shoppingCrt .cartItem {
    padding: 10px;
  }
  .cartSec .cartItem .itemTitle {
    gap: 10px;
  }
}
@media (min-width: 376px) and (max-width: 575px) {
  .myCoursList .courseCard {
    width: 171px;
    padding: 8px;
    flex: 32%;
    max-width: 177px;
  }
}
@media (max-width: 480px) {
  .marketMnu li {
    gap: 10px;
  }
}
@media (max-width: 375px) {
  .myCoursList .courseCard {
    width: 100%;
  }
  .courseCard .lastCrdImg {
    height: 150px;
  }
}