/*
Theme Name: دارسو
Theme URI: https://darsoo.com
Author: سینا سلیمی
Author URI: 
Description: این قالب برای فروشگاه تخصصی موبایل دارسو طراحی شده است
Requires PHP: 8.1
Version: 1.0
Text Domain: darsoo
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: "yekanbakh";
  src: url("assets/fonts/YekanBakhFaNum-VF.woff") format("woff"), url("assets/fonts/YekanBakhFaNum-VF.woff2") format("woff2");
}
/* global classess */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
}
@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("assets/webfonts/fa-light-300.woff2") format("woff2"), url("assets/webfonts/fa-light-300.ttf") format("truetype");
}
html {
  scroll-behavior: smooth;
}
.far,
.fa-regular {
  font-weight: 400;
}
.fal,
.fa-light {
  font-weight: 300;
}
input,
button,
textarea {
  outline: none;
  border: none;
  font-family: "yekanbakh";
}
button {
  cursor: pointer;
}
:host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
}
:root {
  --clr-dark: #121212;
  --clr-dark-gray: #AAAAAA;
  --clr-dark-light: #2E2E2E;
  --clr-gray: #EAEAEA8A;
  --clr-light-gray: #EEEEEE;
  --clr-red: #DF2D2D;
  --clr-white: #FFFFFF;
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
}
.container {
  max-width: 1440px;
  margin: auto;
}
a {
  text-decoration: none;
}
.top-sections-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-sections-title .tst-right {
  display: flex;
  align-items: center;
}
.top-sections-title .tst-right .bar {
  width: 6px;
  height: 56px;
  border-radius: 4px 0 0 4px;
  background: var(--clr-red);
}
.top-sections-title .tst-right .bar.white {
  background: var(--clr-white);
}
.top-sections-title .tst-right .tst-rigth-icon {
  margin: 0 12px;
  align-self: center;
  display: flex;
}
.top-sections-title .tst-right .tst-right-text {
  font-size: 24px;
  color: var(--clr-dark-light);
  font-weight: bold;
}
.top-sections-title .tst-right .tst-right-text p {
  font-size: 16px;
  color: #919191;
  font-weight: 400;
}
.top-sections-title .tst-right .tst-right-text.white {
  color: var(--clr-white);
}
.top-sections-title .tst-left {
  display: flex;
  align-items: center;
}
.top-sections-title .tst-left .tst-left-text a {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: var(--clr-red);
  text-decoration: none;
}
.top-sections-title .tst-left .tst-left-text a.white {
  color: var(--clr-white);
}
.top-sections-title .tst-left .tst-left-text a i {
  margin-right: 8px;
}
.top-sections-title.rules-margin {
  margin: 30px 0;
}
.product-card-1 {
  width: 90%;
  border-radius: 24px;
  border: 1px solid #A1A1A11A;
  box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0 auto;
  background: var(--clr-white);
}
.product-card-1 .product-card-top {
  position: relative;
  background: #f5f5f5;
  width: 100%;
  min-height: 244px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-1 .product-card-top .pct-img {
  max-width: 400px;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-1 .product-card-top .pct-img img {
  width: 100%;
  height: auto;
}
.product-card-1 .product-card-top .pct-item {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
}
.product-card-1 .product-card-top .pct-item .pct-item-badge {
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  border-radius: 20px;
  width: 51px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.product-card-1 .product-card-top .pct-item .favorite {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--clr-white);
  text-align: center;
  line-height: 52px;
}
.product-card-1 .product-card-top .pct-item .favorite i {
  font-size: 22px;
  color: #808080;
}
.product-card-1 .product-card-top .pct-bottom {
  position: absolute;
  bottom: 12px;
  right: 12px;
  left: 12px;
  padding: 8px;
  background: #D903031A;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--clr-red);
  border-radius: 5px;
}
.product-card-1 .product-card-top .pct-bottom .pcb-text {
  font-size: 12px;
  font-weight: bold;
}
.product-card-1 .product-card-top .pct-bottom .pcb-counter {
  font-size: 12px;
  font-weight: bold;
}
.product-card-1 .product-card-bottom {
  padding: 0px 16px 16px 16px;
}
.product-card-1 .product-card-bottom .pcb-clr-variant {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-khardal {
  background: #E6CD8C91;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-gray {
  background: #777070A8;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-black {
  background: #0B0A0AEB;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-red {
  background: var(--clr-red);
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-purple {
  background: #887EC7;
}
.product-card-1 .product-card-bottom .pcb-clr-variant .clr-light-gray {
  background: #D7D0D054;
}
.product-card-1 .product-card-bottom .pcb-title-wrapper {
  margin: 24px 0 10px 0;
}
.product-card-1 .product-card-bottom .pcb-title-wrapper .pcb-cat {
  font-size: 12px;
  color: var(--clr-dark-gray);
  text-decoration: none;
}
.product-card-1 .product-card-bottom .pcb-title-wrapper h3 a {
  display: block;
  min-height: 45px;
  text-decoration: none;
  color: var(--clr-dark-light);
  font-size: 14px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 5px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-right .added_to_cart {
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
  color: #0ECC70;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--clr-gray);
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  box-shadow: -8px 8px 60px 0px #12121214;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn.added {
  display: none;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn i {
  color: var(--clr-red);
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left {
  text-align: left;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before {
  color: var(--clr-dark-gray);
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before i {
  margin-right: 8px;
  font-style: normal;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount {
  text-align: left;
  display: flex;
  flex-direction: row-reverse;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price i {
  margin-right: 8px;
  color: var(--clr-dark-gray);
  font-style: normal;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span {
  color: var(--clr-dark);
  font-size: 16px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span del {
  color: #A1A1A1;
  font-size: 14px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span del .woocommerce-Price-amount {
  color: #A1A1A1;
  font-size: 14px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span del .woocommerce-Price-amount bdi span {
  color: #A1A1A1;
  font-size: 14px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span ins {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 16px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span ins .woocommerce-Price-amount {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 16px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span ins .woocommerce-Price-amount bdi span {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 16px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off {
  width: 40px;
  height: 25px;
  margin-left: 5px;
  text-align: center;
  background: var(--clr-red);
  border-radius: 20px;
  line-height: 25px;
}
.product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off span {
  color: var(--clr-white);
}
.product-card-2 {
  position: relative;
  width: calc(25% - 20px);
  margin: 10px;
  border-radius: 24px;
  border: 1px solid #A1A1A11A;
  overflow: hidden;
  background: var(--clr-white);
  transition: 0.5s all ease-in;
}
.product-card-2 .product-card-top {
  position: relative;
  background: #f5f5f5;
  width: 100%;
  min-height: 244px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-2 .product-card-top .pct-img {
  max-width: 400px;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-2 .product-card-top .pct-img img {
  width: 100%;
  height: auto;
}
.product-card-2 .product-card-top .pct-item {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
}
.product-card-2 .product-card-top .pct-item .pct-item-badge {
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  border-radius: 20px;
  width: 51px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.product-card-2 .product-card-top .pct-item .favorite {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--clr-white);
  text-align: center;
  line-height: 52px;
}
.product-card-2 .product-card-top .pct-item .favorite i {
  font-size: 22px;
  color: #808080;
}
.product-card-2 .product-card-top .pct-bottom {
  position: absolute;
  bottom: 12px;
  right: 12px;
  left: 12px;
  padding: 8px;
  background: #D903031A;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--clr-red);
  border-radius: 5px;
}
.product-card-2 .product-card-top .pct-bottom .pcb-text {
  font-size: 12px;
  font-weight: bold;
}
.product-card-2 .product-card-top .pct-bottom .pcb-counter {
  font-size: 12px;
  font-weight: bold;
}
.product-card-2 .product-card-bottom {
  padding: 0px 16px;
}
.product-card-2 .product-card-bottom .pcb-clr-variant {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-khardal {
  background: #E6CD8C91;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-gray {
  background: #777070A8;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-black {
  background: #0B0A0AEB;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-red {
  background: var(--clr-red);
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-purple {
  background: #887EC7;
}
.product-card-2 .product-card-bottom .pcb-clr-variant .clr-light-gray {
  background: #D7D0D054;
}
.product-card-2 .product-card-bottom .pcb-title-wrapper {
  margin: 24px 0 10px 0;
}
.product-card-2 .product-card-bottom .pcb-title-wrapper .pcb-cat {
  font-size: 12px;
  color: var(--clr-dark-gray);
  text-decoration: none;
}
.product-card-2 .product-card-bottom .pcb-title-wrapper h3 a {
  display: block;
  min-height: 45px;
  text-decoration: none;
  color: var(--clr-dark-light);
  font-size: 14px;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-right {
  display: flex;
  align-items: center;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-right span {
  font-size: 13px;
  color: #8C8C8C;
  font-weight: 400;
  margin-left: 4px;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-right i {
  color: #8C8C8C;
  font-size: 18px;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-left {
  display: flex;
  align-items: center;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-left span {
  font-size: 13px;
  color: #8C8C8C;
  font-weight: 400;
  margin-left: 4px;
}
.product-card-2 .product-card-bottom .pcb-customers-detail-wrapper .pcb-customers-detail-left i {
  color: #FDBD01;
  font-size: 18px;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 5px;
  margin-bottom: 15px;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-right .added_to_cart {
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
  color: #0ECC70;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--clr-gray);
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  box-shadow: -8px 8px 60px 0px #12121214;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn .added {
  display: none;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn i {
  color: var(--clr-red);
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left {
  text-align: left;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before {
  color: var(--clr-dark-gray);
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before i {
  margin-right: 8px;
  font-style: normal;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount {
  text-align: left;
  display: flex;
  flex-direction: row-reverse;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price i {
  margin-right: 8px;
  color: var(--clr-dark-gray);
  font-style: normal;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span {
  color: var(--clr-dark);
  font-size: 16px;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off {
  width: 40px;
  height: 25px;
  margin-left: 5px;
  text-align: center;
  background: var(--clr-red);
  border-radius: 20px;
  line-height: 25px;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off span {
  color: var(--clr-white);
}
.product-card-2 .product-card-bottom .pcb-price-wrapper.namojod .pcb-price-right,
.product-card-2 .product-card-bottom .pcb-price-wrapper.namojod .pcb-price-left {
  display: none;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper.namojod .namojod-tag {
  display: block;
  width: 100%;
  background: #D903031A;
  padding: 8px;
  border-radius: 5px;
}
.product-card-2 .product-card-bottom .pcb-price-wrapper.namojod .namojod-tag span {
  display: block;
  color: #D90303;
  font-weight: 600;
}
.product-card-2 .product-card-bottom .pcb-details-wrapper {
  max-height: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  border-top: 1px solid #DEDEDE;
}
.product-card-2 .product-card-bottom .pcb-details-wrapper a {
  margin: 15px auto;
  width: 190px;
  height: 42px;
  border-radius: 16px;
  background: #DF2D2D;
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.product-card-2:hover {
  border: 1px solid var(--clr-red);
}
.product-card-2:hover .pcb-details-wrapper {
  max-height: 500px;
  opacity: 1;
}
.blog-card-item .blog-card {
  width: 100%;
  background-color: #f6f7f9;
  border-radius: 50px;
  overflow: hidden;
  border-radius: 1rem;
}
.blog-card-item .blog-card .blog-card-image-container {
  position: relative;
}
.blog-card-item .blog-card .blog-image-link {
  display: block;
  width: 100%;
}
.blog-card-item .blog-card .blog-image-link img {
  display: block;
  width: 100%;
  height: 280px;
  margin: auto;
  object-fit: cover;
}
.blog-card-item .blog-card .blog-image {
  width: 100%;
  height: 235px;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
}
.blog-card-item .blog-card .blog-tags {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.25rem;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 0.625rem;
}
.blog-card-item .blog-card .blog-tags a {
  display: block;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  white-space: nowrap;
  text-decoration: none;
  color: var(--clr-dark);
}
.blog-card-item .blog-card .blog-content {
  padding: 1.75rem 1rem 2.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blog-card-item .blog-card .blog-title a {
  font-size: 1.125rem;
  font-weight: 700;
  color: #374151;
  text-decoration: none;
}
.blog-card-item .blog-card .blog-description {
  font-size: 0.875rem;
  color: #9ca3af;
}
.blog-card-item .blog-card .blog-footer {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.blog-card-item .blog-card .blog-footer > div {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #6b7280;
}
.blog-card-item .blog-card .blog-link {
  margin-right: auto;
  color: var(--clr-red);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none;
}
.comments-section {
  border-radius: 0.75rem;
  background-color: var(--clr-white);
  padding: 1.5rem;
}
.comments-section.send-comments {
  background-color: transparent;
}
.comments-section .top-sections-title .tst-right-text p {
  font-size: 16px;
  color: #919191;
  font-weight: 400;
}
.comments-section .notice {
  font-size: 16px;
  color: #757575;
  margin: 35px 0;
}
.comments-section .inside-comments-form {
  max-width: 70%;
}
.comments-section .comments-form .comment-reply-title {
  display: none;
}
.comments-section .comments-form .commentlist .comment {
  position: relative;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 15px;
}
.comments-section .comments-form .commentlist .comment.thread-alt {
  margin-right: 50px;
}
.comments-section .comments-form .commentlist .comment .comment-body {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.comments-section .comments-form .commentlist .comment .comment-author {
  display: flex;
  align-items: center;
}
.comments-section .comments-form .commentlist .comment .comment-author .fn {
  display: inline-block;
  margin-right: 10px;
  font-style: normal;
  font-size: 17px;
  font-weight: 500;
  margin-left: 5px;
}
.comments-section .comments-form .commentlist .comment .comment-author img {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
}
.comments-section .comments-form .commentlist .comment .reply {
  margin-right: auto;
}
.comments-section .comments-form .commentlist .comment .reply a {
  position: relative;
  color: var(--clr-red);
  padding-right: 27px;
  display: inline-block;
}
.comments-section .comments-form .commentlist .comment .reply a::before {
  content: "\f4a4";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
}
.comments-section .comments-form .commentlist .comment .comment-meta {
  position: absolute;
  left: 30px;
  top: 40px;
}
.comments-section .comments-form .commentlist .comment .comment-meta a {
  font-size: 0.75rem;
  color: #6b7280;
}
.comments-section .comments-form .commentlist .comment p {
  color: var(--clr-dark);
  font-size: 0.875rem;
  font-weight: 500;
}
.comments-section .comment-form {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comments-section .comment-form .comment-notes,
.comments-section .comment-form .comment-form-cookies-consent {
  display: none;
}
.comments-section .comment-form .comment-form-comment {
  width: 100%;
}
.comments-section .comment-form .comment-form-comment label {
  display: none;
}
.comments-section .comment-form .comment-form-comment textarea {
  width: 100%;
  border-radius: 14px;
  padding: 24px;
  color: #5151514D;
  min-height: 173px;
  font-size: 18px;
  margin: 12px 0;
  background: #f9fafb;
}
.comments-section .comment-form .comment-form-comment textarea::placeholder {
  color: #5151514D;
}
.comments-section .comment-form .comment-form-author,
.comments-section .comment-form .comment-form-email {
  width: 48%;
}
.comments-section .comment-form .form-submit {
  width: 100%;
  margin-top: 30px;
}
.comments-section .comment-form .comment-form-author label,
.comments-section .comment-form .comment-form-email label {
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
.comments-section .comment-form input[type=text] {
  width: 100%;
  border-radius: 14px;
  padding: 24px;
  color: #5151514D;
  font-size: 18px;
  background: #f9fafb;
}
.comments-section .comment-form input[type=text]::placeholder {
  color: #5151514D;
}
.comments-section .comment-form input[type=submit] {
  background: #212121;
  color: #fff;
  border-radius: 14px;
  width: 100%;
  height: 73px;
  text-align: center;
  line-height: 73px;
  font-size: 18px;
  cursor: pointer;
}
.comments-section .comment-form .ask-customers {
  flex-grow: 1;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
}
.comments-section .comment-form .ask-customers.margin-set {
  margin: 20px 0;
}
.comments-section .comment-form .ask-customers .ask-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 16px;
  font-weight: 400;
  color: #2A2A2A;
}
.comments-section .comment-form .ask-customers .ask-label .bullet {
  display: block;
  width: 5px;
  height: 5px;
  background: #111;
  border-radius: 50%;
}
.comments-section .comment-form .ask-customers .ask-button {
  display: flex;
  margin-top: 0;
  justify-content: flex-start;
}
.comments-section .comment-form .ask-customers .ask-button .ask-btn {
  padding: 14px 24px;
  border: 1px solid var(--clr-red);
  border-radius: 12px;
  background-color: var(--clr-red);
  flex-grow: 0;
  font-family: "yekanbakh";
  font-size: 18px;
  cursor: pointer;
  color: var(--clr-white);
  display: flex;
  gap: 8px;
}
.comments-section .comments-content .sort-options {
  flex-grow: 1;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.comments-section .comments-content .sort-options .sort-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.comments-section .comments-content .sort-options .sort-label .sort-icon {
  display: flex;
}
.comments-section .comments-content .sort-options .sort-buttons {
  display: flex;
  margin-top: 0;
  justify-content: flex-start;
}
.comments-section .comments-content .sort-options .sort-buttons .sort-btn {
  padding: 12px 20px;
  border: 1px solid #9A9999;
  border-radius: 20px;
  background-color: var(--clr-white);
  flex-grow: 0;
  font-family: "yekanbakh";
  margin-left: 12px;
  font-size: 14px;
  cursor: pointer;
  color: #343434;
}
.comments-section .comments-content .sort-options .sort-buttons .sort-btn.active {
  background-color: var(--clr-red);
  border-color: var(--clr-red);
  color: var(--clr-white);
}
.comments-section .submit-icon {
  display: inline-block;
}
.comments-section .comments-list .comment-item .comment-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .user-info {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .user-info .user-avatar {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .user-info .user-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .user-info .user-details .comment-time {
  font-size: 0.75rem;
  color: #6b7280;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .like-btn {
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #6b7280;
  stroke: #6b7280;
  border: none;
  background: transparent;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .like-btn.active {
  background-color: var(--clr-red);
  color: var(--clr-white);
  fill: var(--clr-white);
  stroke: var(--clr-white);
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .like-btn .like-icon {
  display: inline-block;
}
.comments-section .comments-list .comment-item .comment-details .comment-meta .like-btn .like-icon i {
  font-size: 17px;
}
.comments-section .comments-list .comment-item .comment-details .comment-text {
  font-size: 0.875rem;
  font-weight: 500;
}
.comments-section .comments-list .comment-item .comment-details .comment-actions {
  display: flex;
  gap: 1rem;
}
.comments-section .comments-list .comment-item .comment-details .comment-actions .action-btn {
  font-family: "yekanbakh";
  display: flex;
  flex-direction: row-reverse;
  gap: 0.25rem;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
}
.comments-section .comments-list .comment-item .comment-details .comment-actions .action-btn i {
  font-size: 17px;
  margin-left: 2px;
}
.comments-section .comments-list .comment-item .comment-details .comment-actions .action-btn.reply {
  color: var(--clr-red);
}
.comments-section .comments-list .comment-item .comment-details .comment-actions .action-btn .action-icon {
  display: inline-block;
}
.comments-section .comments-list .comment-item .replies-list {
  padding-right: 1.5rem;
  border-right: 1px solid #d1d5db;
}
.comments-section .comments-list .comment-item .replies-list .reply-item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.porduct-cart-summary {
  min-width: 20rem;
}
.porduct-cart-summary .cart-details {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1.25rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.porduct-cart-summary .cart-details .cart-title {
  font-weight: 500;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.porduct-cart-summary .cart-details .cart-title .cart-text {
  font-size: 16px;
  color: #2E2E2E;
}
.porduct-cart-summary .cart-details .cart-divider {
  border-color: #ececec26;
}
.porduct-cart-summary .cart-details .cart-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.porduct-cart-summary .cart-details .cart-items .cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.porduct-cart-summary .cart-details .cart-items .cart-item .item-label {
  font-size: 12px;
  color: #757575;
}
.porduct-cart-summary .cart-details .cart-items .cart-item .item-value {
  font-size: 0.875rem;
}
.porduct-cart-summary .cart-details .cart-items .cart-item .item-value .currency {
  color: #9ca3af;
  margin-right: 3px;
}
.porduct-cart-summary .cart-details .confirm-button {
  border-radius: 8px;
  background-color: #22c55e;
  margin-top: 10px;
  color: #ffffff;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  outline: none;
  border: none;
  font-size: 15px;
  font-family: "yekanbakh";
  display: flex;
  align-items: center;
  cursor: pointer;
}
.porduct-cart-summary .cart-details .confirm-button .button-icon i {
  font-size: 18px;
}
.porduct-cart-summary .cart-notice {
  display: flex;
  margin-top: 1.25rem;
  gap: 0.75rem;
  align-items: center;
  font-size: 0.75rem;
}
.porduct-cart-summary .cart-notice .notice-icon i {
  color: var(--clr-red);
  font-size: 18px;
}
.porduct-cart-summary .cart-notice .notice-text {
  max-width: 17.5rem;
  color: #757575;
}
.product-performance-card {
  width: 100%;
  border-radius: 20px;
  background: white;
}
.product-performance-card .performance-card-top {
  position: relative;
  background: #f5f5f5;
  width: 100%;
  min-height: 244px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-performance-card .performance-card-top .pct-img {
  max-width: 400px;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-performance-card .performance-card-top .pct-img img {
  width: 100%;
  height: auto;
}
.product-performance-card .performance-card-top .pct-item {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
}
.product-performance-card .performance-card-top .pct-item .pct-item-badge {
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  border-radius: 20px;
  width: 51px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.product-performance-card .performance-card-bottom {
  padding: 16px;
}
.product-performance-card .performance-card-bottom .pcb-title-wrapper h3 {
  text-align: center;
}
.product-performance-card .performance-card-bottom .pcb-title-wrapper h3 a {
  text-decoration: none;
  color: var(--clr-dark-light);
  font-size: 16px;
  font-weight: 700;
}
.topHead-InsidePages {
  width: 100%;
  padding: 85px 0;
  background: radial-gradient(circle, #4a6f90 0%, #1e3a5f 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.topHead-InsidePages.rules-page {
  border-radius: 20px;
}
.topHead-InsidePages span {
  font-size: 24px;
  color: #fff;
  display: block;
  font-weight: 200;
  margin-bottom: 30px;
}
.topHead-InsidePages h1 {
  font-size: 48px;
  font-weight: 400;
  color: #fff;
}
.topHead-InsidePages p {
  color: #fff;
}
.topHead-InsidePages .thip-btn-wrapper {
  min-width: 30%;
  margin-top: 35px;
  background: #F5F5F5;
  border-radius: 14px;
  padding: 12px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.topHead-InsidePages .thip-btn-wrapper button {
  display: inline-block;
  border-radius: 16px;
  padding: 12px 0;
  min-width: 40%;
  background: #FFFFFF;
  color: #585858;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
}
.topHead-InsidePages .thip-btn-wrapper button.active {
  background: #214B70;
  color: #fff;
}
.topHead-InsidePages-Notice {
  text-align: center;
  padding: 24px 0;
  background: #fff;
}
.topHead-InsidePages-Notice p {
  color: #585858;
  font-size: 18px;
}
.topHead-InsidePages-Notice span {
  color: #E13535;
}
/* global classess */
body {
  direction: rtl;
  text-align: right;
  font-size: 14px;
  font-family: "yekanbakh";
  overflow-x: hidden;
  color: var(--clr-dark-light);
  background-color: #fbfbfb;
}
.top-head-banner {
  width: 100%;
  height: 44px;
}
.top-head-banner img {
  width: 100%;
}
.desktop-header .middle-head {
  display: flex;
  margin: 40px 0;
  justify-content: space-between;
}
.desktop-header .middle-head .mh-right {
  display: flex;
  align-items: center;
}
.desktop-header .middle-head .mh-right .logo {
  max-width: 93px;
}
.desktop-header .middle-head .mh-right .logo img {
  width: 100%;
}
.desktop-header .middle-head .mh-right form.search-box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #F4F2F2;
  border-radius: 20px;
  padding: 16px 180px 16px 0px;
  width: 652px;
  max-width: 90%;
  margin-right: 16px;
  direction: rtl;
}
.desktop-header .middle-head .mh-right form.search-box input[type=search] {
  border: none;
  background: transparent;
  outline: none;
  flex: 1;
  font-size: 16px;
  font-family: "yekanbakh";
  color: var(--clr-dark);
}
.desktop-header .middle-head .mh-right form.search-box input::placeholder {
  color: #D5D5D5;
}
.desktop-header .middle-head .mh-right form.search-box span {
  position: absolute;
  right: 45px;
  font-size: 16px;
}
.desktop-header .middle-head .mh-right form.search-box button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 5px;
  color: var(--clr-dark);
  font-family: "yekanbakh";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.desktop-header .middle-head .mh-right form.search-box button i {
  font-size: 20px;
  color: var(--clr-dark);
}
.desktop-header .middle-head .mh-right form.search-box button:hover {
  color: var(--clr-dark);
}
.desktop-header .middle-head .mh-left {
  display: flex;
  align-items: center;
}
.desktop-header .middle-head .mh-left .basket-container {
  position: relative;
  border: 1px solid var(--clr-gray);
  width: 55px;
  height: 40px;
  padding: 0px;
  box-sizing: border-box;
  border-radius: 14px;
  line-height: 40px;
  text-align: center;
}
.desktop-header .middle-head .mh-left .basket-container:hover .cart-content {
  opacity: 1;
  visibility: visible;
  top: 50px;
  transition: all 0.2s ease-in-out;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content {
  background: #fff;
  position: absolute;
  width: 300px;
  right: 0;
  top: 75px;
  padding: 1rem 15px;
  border: 1px solid #ddddddab;
  border-radius: 24px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content .woocommerce-mini-cart__total {
  text-align: center;
  margin-bottom: 10px;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content .woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: space-between;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content .woocommerce-mini-cart__buttons a {
  width: 130px;
  height: 35px;
  line-height: 12px;
  font-family: "yekanbakh";
  border-radius: 8px;
  color: #ffffff;
  padding: 0.75rem 0;
  border: none;
  cursor: pointer;
  font-size: 13px;
  margin-top: 10px;
  text-decoration: none;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content .woocommerce-mini-cart__buttons a.wc-forward {
  background-color: #dc2626;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content .woocommerce-mini-cart__buttons a.checkout {
  background-color: #00D154;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content ul li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 5px;
  list-style: none;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content ul li > a {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 450;
  line-height: 20px;
  color: #121212;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content ul li > a img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content ul li .mini-cart-detail {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 0 10px;
  color: #6c6c6c;
  align-items: center;
}
.desktop-header .middle-head .mh-left .basket-container .cart-content ul li .mini-cart-detail a.remove {
  color: red;
  font-size: 24px;
}
.desktop-header .middle-head .mh-left .basket-container .cart-btn {
  text-align: center;
  font-size: 16px;
}
.desktop-header .middle-head .mh-left .basket-container .cart-btn .cart-btn-num {
  font-size: 14px;
  color: #111;
}
.desktop-header .middle-head .mh-left .basket-container .cart-btn i {
  color: var(--clr-dark);
  background: var(--clr-white);
}
.desktop-header .middle-head .mh-left .bar {
  margin: 0 16px;
  width: 1px;
  height: 25px;
  background: #DEDEDE;
}
.desktop-header .middle-head .mh-left .login-btn {
  background: var(--clr-dark);
  padding: 14px 24px;
  color: var(--clr-white);
  text-decoration: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-header .middle-head .mh-left .login-btn i {
  font-size: 18px;
}
.desktop-header .middle-head .mh-left .support-text {
  font-size: 18px;
  margin-left: 12px;
  margin-right: 40px;
}
.desktop-header .middle-head .mh-left .support-text a {
  color: var(--clr-red);
}
.desktop-header .middle-head .mh-left .support-text span {
  display: block;
  text-align: left;
  direction: ltr;
}
.desktop-header .middle-head .mh-left .support-btn {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 14px;
  border: 1px solid var(--clr-gray);
  font-size: 18px;
}
.desktop-header .middle-head .mh-left .support-btn i {
  color: var(--clr-red);
  background: var(--clr-white);
}
.desktop-header .head-menu {
  margin-bottom: 35px;
}
.desktop-header .head-menu .megamenu-box {
  padding-left: 20px;
  margin-left: 9px;
}
.desktop-header .head-menu .megamenu-box:hover > .darso-megamenu > ul {
  visibility: visible;
  opacity: 1;
  top: 16px;
}
.desktop-header .head-menu .megamenu-box:hover > .darso-megamenu > ul::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  top: -20px;
}
.desktop-header .head-menu .megamenu-box:hover > .darso-megamenu > ul:first-child > li:first-child > ul {
  visibility: visible;
  opacity: 1;
}
.desktop-header .head-menu .megamenu-box .t-m {
  color: #161A1D;
  font-weight: 450;
  cursor: pointer;
}
.desktop-header .head-menu .megamenu-box .t-m i {
  font-size: 19px;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu {
  position: relative;
  z-index: 9999;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu ul {
  list-style: none;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu ul li a {
  text-decoration: none;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  top: 25px;
  right: 0px;
  width: 222px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li:hover {
  background: #f7f7f8;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li:hover > a {
  color: var(--clr-red);
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li:hover > a i {
  color: var(--clr-red);
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > ul {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  top: 0;
  right: 100%;
  width: 1215px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  border-right: 2px solid #ddd;
  visibility: hidden;
  opacity: 0;
  background: #F7F6F6;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > ul > li {
  width: 25%;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > ul > li > a {
  position: relative;
  padding-right: 5px;
  margin-bottom: 7px;
  display: inline-block;
  padding: 12px;
  font-weight: 450;
  color: var(--clr-dark);
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > ul > li > a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 4px;
  height: 30px;
  transform: translateY(-50%);
  background: var(--clr-red);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > ul > li ul li a {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  padding: 4px;
  display: inline-block;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > i {
  margin-left: 12px;
  font-size: 9px;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > a {
  padding: 12px;
  font-weight: 450;
  color: var(--clr-dark);
  display: flex;
  align-items: center;
  gap: 5px;
}
.desktop-header .head-menu .megamenu-box .darso-megamenu > ul > li > a i {
  font-size: 18px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #f5f5f5;
  border-radius: 10px;
  color: #333;
}
.desktop-header .head-menu .menu {
  display: flex;
  align-items: center;
}
.desktop-header .head-menu .menu .menu-header ul {
  display: flex;
  gap: 36px;
  list-style: none;
}
.desktop-header .head-menu .menu .menu-header ul li a {
  position: relative;
  font-size: 16px;
  color: var(--clr-dark-light);
  text-decoration: none;
  display: flex;
  align-items: center;
}
.desktop-header .head-menu .menu .menu-header ul li a::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 100%;
  height: 2px;
  background: var(--clr-red);
  transition: transform 0.5s ease;
  transform-origin: center;
}
.desktop-header .head-menu .menu .menu-header ul li a:hover::before {
  transform: translateX(-50%) scaleX(1);
}
.desktop-header .head-menu .menu .menu-header ul li a.active {
  color: var(--clr-red);
}
.desktop-header .head-menu .menu .menu-header ul li a i {
  font-size: 20px;
  color: var(--clr-dark-light);
  margin-left: 5px;
}
.desktop-header .head-menu .menu .menu-header ul li a svg {
  margin: 0 12px;
}
.mobile-header {
  display: none;
  margin: 13px 0 25px 0;
}
.mobile-header .mh-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .mh-top .toggle-menu {
  width: 25%;
}
.mobile-header .mh-top .toggle-menu .toggle-btn {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  text-align: center;
  line-height: 38px;
}
.mobile-header .mh-top .toggle-menu .toggle-btn i {
  font-size: 18px;
  color: #585858;
}
.mobile-header .mh-top .toggle-menu .backHeadMenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.5s all;
  z-index: 99999;
}
.mobile-header .mh-top .toggle-menu .backHeadMenu.active {
  display: block;
}
.mobile-header .mh-top .toggle-menu .head-menu {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  width: 85%;
  height: 90vh;
  z-index: 99999;
  border-radius: 15px 0 0 15px;
  transition: 0.5s all;
  transform: translateX(700px);
}
.mobile-header .mh-top .toggle-menu .head-menu.active {
  transform: translateX(0px);
}
.mobile-header .mh-top .toggle-menu .head-menu.heightactive {
  height: auto;
}
.mobile-header .mh-top .toggle-menu .head-menu .closeBtn {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  background: white;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  border: 1px solid var(--clr-dark);
  cursor: pointer;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu {
  align-items: flex-start;
  flex-direction: column;
  padding: 15px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-head {
  padding: 0px 30px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-head .logo {
  width: 20%;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-head .logo img {
  width: 100%;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-head .login-btn {
  margin-top: 15px;
  margin-bottom: 20px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-head .login-btn a {
  text-decoration: none;
  color: #4c98ea;
  padding: 8px 16px;
  border: 1px solid #4c98ea;
  display: flex;
  border-radius: 10px;
  align-items: center;
  width: fit-content;
  gap: 8px;
  font-size: 16px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box {
  margin-bottom: 20px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box:hover > .darso-megamenu > ul::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  top: -20px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .t-m {
  color: #161A1D;
  font-weight: 450;
  cursor: pointer;
  display: flex;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .t-m i {
  font-size: 22px;
  cursor: pointer;
  margin-left: 11px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .t-m i[class*="fa-chevron-"] {
  font-size: 18px;
  margin-right: 5px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .t-m span {
  cursor: pointer;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu ul {
  list-style: none;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu ul li a {
  text-decoration: none;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul {
  width: 100%;
  height: 0px;
  opacity: 0;
  visibility: hidden;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  margin-top: 10px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  cursor: pointer;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li:hover {
  background: #f7f7f8;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li:hover > a {
  color: var(--clr-red);
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: relative;
  background: #fff;
  border: 0;
  width: 100%;
  height: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
  border-right: 0;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul > li {
  width: 100%;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul > li > a {
  position: relative;
  padding-right: 5px;
  margin-bottom: 7px;
  display: inline-block;
  padding: 12px;
  font-weight: 450;
  color: var(--clr-dark);
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul > li > a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 4px;
  height: 30px;
  transform: translateY(-50%);
  background: var(--clr-red);
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > ul > li ul li a {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  padding: 4px;
  display: inline-block;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > i {
  margin-left: 12px;
  font-size: 9px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > a {
  font-weight: 450;
  color: var(--clr-dark);
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 0;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > a svg {
  width: 32px;
  height: 32px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .megamenu-box .darso-megamenu > ul > li > a span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-header ul {
  display: flex;
  gap: 20px;
  flex-direction: column;
  list-style: none;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-header ul li a {
  position: relative;
  font-size: 16px;
  color: var(--clr-dark-light);
  text-decoration: none;
  display: flex;
  align-items: center;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-header ul li a.active {
  color: var(--clr-red);
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-header ul li a i {
  font-size: 20px;
  color: var(--clr-dark-light);
  margin-left: 5px;
}
.mobile-header .mh-top .toggle-menu .head-menu .menu .menu-header ul li a svg {
  margin: 0 12px;
}
.mobile-header .mh-top .logo {
  width: 50%;
  text-align: center;
}
.mobile-header .mh-top .login-btn-wrapper {
  width: 25%;
}
.mobile-header .mh-top .login-btn-wrapper .login-btn {
  width: 100px;
  height: 28px;
  text-align: center;
  background: var(--clr-white);
  padding: 16px 6px;
  color: #585858;
  text-decoration: none;
  border-radius: 12px;
  display: flex;
  font-size: 10px;
  align-items: center;
  border: 1px solid var(--clr-gray);
  gap: 4px;
  margin-right: auto;
}
.mobile-header .mh-top .login-btn-wrapper .login-btn i {
  font-size: 14px;
}
.mobile-header .mh-bottom {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.mobile-header .mh-bottom form.search-box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #F4F2F2;
  border-radius: 11px;
  padding: 12px 160px 12px 0px;
  width: 652px;
  max-width: 85%;
  direction: rtl;
}
.mobile-header .mh-bottom form.search-box input[type=search] {
  border: none;
  background: transparent;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-family: "yekanbakh";
  color: var(--clr-dark);
}
.mobile-header .mh-bottom form.search-box input::placeholder {
  color: #D5D5D5;
}
.mobile-header .mh-bottom form.search-box span {
  position: absolute;
  right: 45px;
  font-size: 14px;
}
.mobile-header .mh-bottom form.search-box button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 5px;
  color: var(--clr-dark);
  font-family: "yekanbakh";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-header .mh-bottom form.search-box button i {
  font-size: 20px;
  color: var(--clr-dark);
}
.mobile-header .mh-bottom form.search-box button:hover {
  color: var(--clr-dark);
}
.mobile-header .mh-bottom .cart-btn {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 50px;
  border-radius: 14px;
  border: 1px solid var(--clr-gray);
  font-size: 18px;
}
.mobile-header .mh-bottom .cart-btn .cart-btn-num {
  font-size: 14px;
  color: #111;
}
.mobile-header .mh-bottom .cart-btn i {
  color: var(--clr-dark);
  background: var(--clr-white);
}
.main-slider.desktop {
  display: block;
}
.main-slider.phone {
  display: none;
}
.main-slider .mainslider .main-slide-item {
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 60vh;
}
.main-slider .mainslider .swiper-button-next {
  left: auto;
  left: var(--swiper-navigation-sides-offset, 64px);
}
.main-slider .mainslider .swiper-button-prev {
  right: auto;
  right: var(--swiper-navigation-sides-offset, 64px);
}
.main-slider .mainslider .swiper-button-next,
.main-slider .mainslider .swiper-button-prev {
  background: #fff;
  color: #4B4B4B;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
}
.main-slider .mainslider .swiper-button-next::after,
.main-slider .mainslider .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.show-top-categories {
  margin: 50px 0 40px 0;
}
.show-top-categories .top-categories-items-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
  margin: 32px 35px 0 35px;
}
.show-top-categories .top-categories-items-wrapper .top-categories-item {
  display: block;
  text-decoration: none;
}
.show-top-categories .top-categories-items-wrapper .top-categories-item .tci-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  background: var(--clr-light-gray);
  border-radius: 50%;
  margin: auto;
}
.show-top-categories .top-categories-items-wrapper .top-categories-item .tci-circle img {
  width: 120px;
}
.show-top-categories .top-categories-items-wrapper .top-categories-item .tci-text {
  text-align: center;
  width: 180px;
  margin: 8px auto 0 auto;
}
.show-top-categories .top-categories-items-wrapper .top-categories-item .tci-text span {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  color: var(--clr-dark);
}
.offer-sale {
  overflow: hidden;
  padding: 50px 0;
}
.offer-sale .top-sections-title {
  display: none;
}
.offer-sale .top-sections-title .tst-right .bar {
  background: var(--clr-white);
}
.offer-sale .top-sections-title .tst-right-text {
  color: var(--clr-white);
}
.offer-sale .top-sections-title .tst-left .tst-left-text a {
  color: var(--clr-white);
}
.offer-sale .top-sections-title .tst-left .tst-left-text a i {
  color: var(--clr-white);
}
.offer-sale .offer-sale-wrapper {
  display: flex;
  align-items: center;
}
.offer-sale .offer-sale-wrapper .os-right {
  width: 27%;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box {
  background: radial-gradient(#DF2D2D, #310C0C);
  width: 100%;
  height: 440px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--clr-white);
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-title {
  display: flex;
  align-items: center;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-title .bar {
  width: 6px;
  height: 56px;
  background: var(--clr-white);
  border-radius: 4px 0 0 4px;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-title svg {
  margin: 0 4px;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-title span {
  font-size: 24px;
  font-weight: bold;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .arrow-buttons {
  display: flex;
  gap: 17px;
  margin: 35px 0;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .arrow-buttons .button-next,
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .arrow-buttons .button-prev {
  background: #fff;
  color: var(--clr-red);
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-button a {
  text-decoration: none;
  color: var(--clr-white);
  font-size: 20px;
  display: flex;
  align-items: center;
}
.offer-sale .offer-sale-wrapper .os-right .suggestion-box .suggestion-box-button a i {
  color: var(--clr-white);
  font-size: 20px;
  padding-right: 12px;
}
.offer-sale .offer-sale-wrapper .os-left {
  width: 73%;
  padding-right: 40px;
}
.offer-sale .offer-sale-wrapper .os-left .offProductSlider {
  clip-path: polygon(-40% -5%, 101% -5%, 101% 110%, -40% 105%);
}
.offer-sale .offer-sale-wrapper .os-left .swiper,
.offer-sale .offer-sale-wrapper .os-left .swiper-wrapper,
.offer-sale .offer-sale-wrapper .os-left .swiper-slide {
  overflow: visible;
}
.offer-sale .offer-sale-wrapper .os-left .swiper-button-next {
  left: auto;
  left: var(--swiper-navigation-sides-offset, 64px);
}
.offer-sale .offer-sale-wrapper .os-left .swiper-button-prev {
  right: auto;
  right: var(--swiper-navigation-sides-offset, 64px);
}
.offer-sale .offer-sale-wrapper .os-left .swiper-button-next::after,
.offer-sale .offer-sale-wrapper .os-left .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.middle-banner {
  margin: 40px 0;
}
.middle-banner .middle-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.middle-banner .middle-banner-wrapper .mbw-right {
  display: block;
  width: 48%;
}
.middle-banner .middle-banner-wrapper .mbw-right img {
  width: 100%;
  border-radius: 50px;
}
.middle-banner .middle-banner-wrapper .mbw-left {
  display: block;
  width: 48%;
}
.middle-banner .middle-banner-wrapper .mbw-left img {
  width: 100%;
  border-radius: 50px;
}
.cat-product-ajax {
  padding: 50px 0;
  background: #F7F7F7;
}
.cat-product-ajax .cat-product-ajax-wrapper {
  width: 100%;
  border-radius: 30px;
  background: var(--clr-white);
  padding: 60px;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper {
  margin: 40px 0 30px;
  display: flex;
  justify-content: space-between;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a {
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: end;
  text-decoration: none;
  color: #737373;
  padding: 0 12px 0 30px;
  transition: 0.5s all;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a.active {
  color: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a.active svg {
  stroke: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a.active svg path {
  stroke: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a.active span {
  position: relative;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a.active span::after {
  content: '';
  position: absolute;
  bottom: -5px;
  right: 10px;
  width: 15px;
  height: 2px;
  border-radius: 50%;
  background: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a:hover {
  color: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a:hover svg {
  stroke: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a:hover svg path {
  stroke: var(--clr-red);
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a svg {
  transition: 0.5s all;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a span {
  padding-right: 8px;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a:last-child::before {
  display: none;
}
.cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a::before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 0;
  width: 2px;
  height: 60%;
  transform: translateY(-50%);
  background: #DEDEDE;
}
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper {
  position: relative;
}
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .newestProductSlider,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .topSaleProductSlider {
  overflow: hidden;
  padding: 20px 0px;
}
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-left-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-left-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .left-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .left-button {
  background: #fff;
  color: var(--clr-red);
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: -8px 8px 60px 0px #12121214;
}
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-right-button,
.cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-right-button {
  margin-right: -25px;
}
.top-brands {
  padding: 50px 0;
}
.top-brands .brandSliderWrapper {
  margin-top: 50px;
}
.top-brands .brandSliderWrapper .topBrandsSlider .brand-card {
  position: relative;
  width: 70%;
  height: 150px;
  background: #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin: auto;
}
.top-brands .brandSliderWrapper .topBrandsSlider .brand-card:hover::before {
  opacity: 1;
}
.top-brands .brandSliderWrapper .topBrandsSlider .brand-card:hover img {
  opacity: 1;
}
.top-brands .brandSliderWrapper .topBrandsSlider .brand-card img {
  width: 80px;
  opacity: 0.2;
  transition: 0.5s all;
}
.top-brands .brandSliderWrapper .topBrandsSlider .brand-card::before {
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 15px;
  height: 2px;
  margin: auto;
  background: var(--clr-red);
  border-radius: 20px;
  transition: 0.5s all;
}
.buttom-banner {
  margin: 80px 0;
}
.buttom-banner .buttom-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.buttom-banner .buttom-banner-wrapper .bbw-right,
.buttom-banner .buttom-banner-wrapper .bbw-center,
.buttom-banner .buttom-banner-wrapper .bbw-left {
  display: block;
  width: 50%;
}
.buttom-banner .buttom-banner-wrapper .bbw-right img,
.buttom-banner .buttom-banner-wrapper .bbw-center img,
.buttom-banner .buttom-banner-wrapper .bbw-left img {
  width: 100%;
  border-radius: 50px;
}
.buttom-banner .buttom-banner-wrapper .bbw-center {
  text-align: center;
}
.buttom-banner .buttom-banner-wrapper .bbw-center img {
  width: 90%;
  border-radius: 50px;
}
.top-week-products {
  position: relative;
  padding: 64px 0;
  background: #1F4A6F;
}
.top-week-products .back-fade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  background: radial-gradient(#E8DFD66E 41%, transparent 57%);
  filter: blur(222px);
}
.top-week-products .topWeekSlider-wrapper {
  position: relative;
  margin-top: 40px;
  z-index: 999;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider {
  position: relative;
  padding: 0 15%;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .swiper-wrapper .swiper-slide {
  width: 25%;
  transition: opacity 0.3s;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .swiper-wrapper .swiper-slide .product-card-1 {
  width: 100%;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0.4;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 9999;
  width: 74%;
  margin: auto;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-right-button,
.top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-left-button {
  background: #fff;
  color: var(--clr-red);
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: -8px 8px 60px 0px #12121214;
  pointer-events: auto;
}
.top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-right-button {
  margin-right: -25px;
}
.blog-homepage {
  margin: 80px 0 40px 0;
}
.blog-homepage .blog-homepage-wrapper {
  margin-top: 40px;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card {
  width: 100%;
  background-color: #f6f7f9;
  border-radius: 50px;
  overflow: hidden;
  border-radius: 1rem;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-card-image-container {
  position: relative;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-image-link {
  display: block;
  width: 100%;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-image-link img {
  display: block;
  width: 100%;
  height: 280px;
  margin: auto;
  object-fit: cover;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-image {
  width: 100%;
  height: 235px;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-tags {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.25rem;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 0.625rem;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-tags a {
  display: block;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  white-space: nowrap;
  text-decoration: none;
  color: var(--clr-dark);
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-content {
  padding: 1.75rem 1rem 2.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-title a {
  font-size: 1.125rem;
  font-weight: 700;
  color: #374151;
  text-decoration: none;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-description {
  font-size: 0.875rem;
  color: #9ca3af;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-footer {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-footer > div {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #6b7280;
}
.blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-link {
  margin-right: auto;
  color: var(--clr-red);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none;
}
.main-footer {
  padding-top: 25px;
}
.main-footer .darsoo-features {
  display: flex;
  justify-content: space-between;
}
.main-footer .darsoo-features .df-item {
  display: flex;
}
.main-footer .darsoo-features .df-item .ds-item-text {
  margin-right: 8px;
}
.main-footer .darsoo-features .df-item .ds-item-text .ds-item-top-text span {
  font-size: 14px;
  color: var(--clr-dark);
  font-weight: bold;
}
.main-footer .darsoo-features .df-item .ds-item-text .ds-item-sub-text span {
  font-size: 12px;
  color: #121212;
}
.main-footer .footer-bottom {
  position: relative;
  margin-top: 80px;
  background: #EAEAEA;
  min-height: 40vh;
}
.main-footer .footer-bottom .back-to-top {
  position: absolute;
  right: 0;
  left: 0;
  top: 0px;
  width: 160px;
  height: 44px;
  margin: auto;
  background-color: #fbfbfb;
  background-image: url(assets/images/back-top-bg.png);
  z-index: 9;
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
.main-footer .footer-bottom .back-to-top .back-top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background-color: #EAEAEA;
  border-radius: 50%;
  margin-top: -45px;
}
.main-footer .footer-bottom .main-footer-content {
  padding: 90px 0px 25px 0px;
  display: flex;
  justify-content: space-between;
}
.main-footer .footer-bottom .main-footer-content .mfc-right {
  width: 24%;
}
.main-footer .footer-bottom .main-footer-content .mfc-right .mfcr-item .footer-logo {
  max-width: 122px;
}
.main-footer .footer-bottom .main-footer-content .mfc-right .mfcr-item .footer-logo img {
  width: 100%;
}
.main-footer .footer-bottom .main-footer-content .mfc-right .mfcr-item .mfcr-desc {
  margin-top: 16px;
}
.main-footer .footer-bottom .main-footer-content .mfc-right .mfcr-item .mfcr-desc p {
  font-size: 16px;
  line-height: 27px;
  color: #555555;
}
.main-footer .footer-bottom .main-footer-content .mfc-left {
  display: flex;
  gap: 80px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-top span {
  font-size: 20px;
  color: #555555;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-top i {
  display: none;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom {
  margin-top: 24px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom.contact ul {
  list-style: none;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom.contact ul li a i {
  font-size: 16px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom.contact ul li a span {
  margin-right: 10px;
  color: #555555;
  font-size: 16px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom ul {
  list-style: inside;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom ul li {
  margin-bottom: 22px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom ul li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom ul li a {
  font-size: 16px;
  text-decoration: none;
  color: #555555;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-socials {
  margin-top: 24px;
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
.main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-socials a i {
  font-size: 28px;
  color: #555555;
}
.main-footer .footer-bottom .footer-bottom-trust {
  background: #E8E6E6;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right {
  display: flex;
  align-items: center;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .trust-slogan {
  display: block;
  font-size: 18px;
  color: #585858;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form {
  display: flex;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
  width: 634px;
  margin-right: 20px;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form input[type="email"] {
  flex: 1;
  border: none;
  padding: 15px;
  font-size: 16px;
  outline: none;
  background-color: #f6f6f6;
  color: #333;
  font-family: "yekanbakh";
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form input[type="email"]::placeholder {
  color: #aaa;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form button {
  background-color: #D90303;
  color: white;
  border: none;
  padding: 13px 38px;
  cursor: pointer;
  font-size: 18px;
  white-space: nowrap;
  font-family: "yekanbakh";
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form button:hover {
  background-color: var(--clr-red);
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-left {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-left a {
  display: block;
}
.main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-left a img {
  border-radius: 10px;
}
.main-footer .footer-bottom .footer-copyright .footer-copyright-wrapper {
  padding: 16px 0 26px 0;
  display: flex;
  align-items: center;
}
.main-footer .footer-bottom .footer-copyright .footer-copyright-wrapper span {
  font-size: 12px;
  color: #585858;
}
.main-footer .footer-bottom .footer-copyright .footer-copyright-wrapper i {
  font-size: 22px;
  margin-left: 10px;
}
.topCat_mainSlider_wrapper {
  margin: 50px 0;
}
.topCat_mainSlider_wrapper .topCat_mainSlider .swiper-slide {
  width: calc(75% - 40px);
}
.topCat_mainSlider_wrapper .topCat_mainSlider .tcmsi {
  display: block;
}
.topCat_mainSlider_wrapper .topCat_mainSlider .tcmsi img {
  width: 100%;
  border-radius: 15px;
}
.top_sales_brands .top_sales_brands_wrapper {
  background: var(--clr-white);
  padding: 24px 22px;
  border-radius: 24px;
  margin: 80px 0 60px;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi {
  display: flex;
  gap: 15px;
  text-decoration: none;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi .tsbi_img img {
  max-width: 100px;
  padding: 10px;
  max-height: 100px;
  object-fit: contain;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi:last-child .tsbi_content {
  border-bottom: none;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi .tsbi_content {
  display: flex;
  gap: 15px;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi .tsbi_content .tsbi_num span {
  font-size: 35px;
  background: linear-gradient(to bottom, #3F7CDE, #94BDFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.top_sales_brands .top_sales_brands_wrapper .tsbi .tsbi_content .tsbi_text h3 {
  color: var(--clr-dark);
  font-weight: 400;
  font-size: 16px;
}
.smart_phone_based_price {
  background-color: var(--clr-white);
  padding: 80px 0;
}
.smart_phone_based_price .spbpw {
  position: relative;
  padding: 80px 0;
}
.smart_phone_based_price .spbpw .swiper-slide {
  width: calc(18% - 60px);
}
.smart_phone_based_price .spbpw .spbl {
  display: block;
  text-align: center;
  text-decoration: none;
  border: 1px solid #9A9999;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
  color: var(--clr-dark);
  border-radius: 20px;
  transition: 0.5s all;
}
.smart_phone_based_price .spbpw .spbl:hover {
  background: var(--clr-red);
  color: var(--clr-white);
  border-color: var(--clr-red);
}
.smart_phone_based_price .spbpw .spbpwSliderButtons {
  position: absolute;
  top: 10%;
  left: 0;
  display: flex;
  gap: 10px;
}
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonR,
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonL {
  width: 30px;
  height: 30px;
  border: 2px solid var(--clr-red);
  background: var(--clr-white);
  border-radius: 8px;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
  color: var(--clr-red);
  transition: 0.5s all;
}
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonR:hover,
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonL:hover {
  background: var(--clr-red);
}
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonR:hover i,
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonL:hover i {
  color: var(--clr-white);
}
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonR i,
.smart_phone_based_price .spbpw .spbpwSliderButtons .spbpwSliderButtonL i {
  font-size: 18px;
  font-weight: 900;
  color: var(--clr-red);
  transition: 0.5s all;
}
.smart_phone_based_price .spbproducts {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
.smart_phone_based_price .spbproducts .product-card-1 {
  width: 23%;
}
.performanceProduct .performanceProWrapper {
  position: relative;
  margin: 60px 0;
  width: 100%;
  padding: 0 15%;
  box-sizing: border-box;
}
.performanceProduct .performanceProWrapper .swiper-wrapper .swiper-slide {
  width: 25%;
  transition: opacity 0.3s;
}
.performanceProduct .performanceProWrapper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0.4;
}
.performanceProduct .performanceProduct-pagination {
  bottom: var(--swiper-pagination-bottom, 45px);
  text-align: center;
}
.performanceProduct .performanceProduct-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0.7;
  width: 17px;
  height: 8px;
  border-radius: 4px;
  transition: 0.3s all;
}
.performanceProduct .performanceProduct-pagination .swiper-pagination-bullet-active {
  width: 45px;
  height: 8px;
  border-radius: 4px;
  background-color: #FBFBFB;
  opacity: 1;
}
.topProCatBanners {
  margin: 60px 0;
}
.topProCatBanners .topProCatBanners-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}
.topProCatBanners .topProCatBanners-wrapper .tpcb-item {
  width: 48%;
}
.topProCatBanners .topProCatBanners-wrapper .tpcb-item img {
  width: 100%;
  border-radius: 48px;
}
.topProCatDescription {
  margin: 70px 0 30px;
}
.topProCatDescription .topProCatDescription-wrapper {
  position: relative;
  padding: 45px 25px;
  background: var(--clr-white);
  border-radius: 32px;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-content {
  max-height: 300px;
  overflow: hidden;
  transition: all 0.6s ease;
  position: relative;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-content.expanded {
  max-height: max-content;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h1,
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h2,
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h3,
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h4,
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h5,
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h6 {
  color: #757575;
  font-weight: 600;
  margin: 16px 0;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-content h1 {
  margin-top: 0;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-content p {
  font-size: 16px;
  text-align: justify;
  line-height: 25px;
  color: #757575;
  font-weight: 300;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button {
  position: relative;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button::before {
  content: '';
  position: absolute;
  top: -300px;
  right: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(to bottom, transparent, #ffffff);
  pointer-events: none;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button.expanded::before {
  display: none;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 40px 0 0;
  position: relative;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content::before,
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 20px;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content .tpcd-button-text {
  color: var(--clr-red);
  font-size: 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content .tpcd-icon {
  font-size: 12px;
  display: inline-block;
  transform: translateY(1px);
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 60px;
  margin-right: 5px;
  transition: 0.5s all;
}
.topProCatDescription .topProCatDescription-wrapper .tpcd-button .tpcd-button-content .tpcd-icon.expanded {
  transform: rotate(-180deg);
}
.login-form-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
}
.login-form-wrapper .login-form {
  padding: 24px;
  border-radius: 25px;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  width: 490px;
}
.login-form-wrapper .login-form .logo-login {
  text-align: center;
  margin-top: 22px;
}
.login-form-wrapper .login-form .login-content {
  margin-top: 40px;
}
.login-form-wrapper .login-form .login-content .lch span {
  font-size: 20px;
  color: var(--clr-dark);
  font-weight: 500;
}
.login-form-wrapper .login-form .login-content .lch p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #585858;
}
.login-form-wrapper .login-form .login-content .form-login {
  display: none;
}
.login-form-wrapper .login-form .login-content .lcSubmit input[type=tel],
.login-form-wrapper .login-form .login-content .lcSubmit input[type=text],
.login-form-wrapper .login-form .login-content .lcSubmit input[type=password],
.login-form-wrapper .login-form .login-content .lcSubmit input[type=email] {
  width: 100%;
  margin-top: 20px;
  min-height: 56px;
  border: 1px solid #9F9F9F;
  border-radius: 12px;
  font-family: "yekanbakh";
  padding: 0 15px;
}
.login-form-wrapper .login-form .login-content .lcSubmit input[type=tel]:focus,
.login-form-wrapper .login-form .login-content .lcSubmit input[type=text]:focus,
.login-form-wrapper .login-form .login-content .lcSubmit input[type=password]:focus,
.login-form-wrapper .login-form .login-content .lcSubmit input[type=email]:focus {
  outline: none;
  overflow: hidden;
}
.login-form-wrapper .login-form .login-content .lcSubmit button[type=submit] {
  margin-top: 40px;
  width: 100%;
  min-height: 56px;
  border: 1px solid var(--clr-red);
  border-radius: 12px;
  background: var(--clr-red);
  color: var(--clr-white);
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  font-weight: 500;
  font-family: "yekanbakh";
  cursor: pointer;
  padding: 0;
}
.login-form-wrapper .login-form .login-content .lcSubmit .message {
  margin: 15px 0 0;
  font-size: 14px;
}
.login-form-wrapper .login-form .login-content .lcSubmit .message a {
  color: var(--clr-red);
  text-decoration: none;
}
.login-conditions {
  padding: 20px 0;
  text-align: center;
}
.login-conditions p {
  font-size: 18px;
  font-weight: 400;
  color: var(--clr-dark-gray);
}
.login-conditions p span {
  color: var(--clr-red);
}
.breadcrumb-cat {
  margin: 35px 0;
}
.breadcrumb-cat .breadcrumb-cat-wrapper {
  position: relative;
  padding-right: 15px;
}
.breadcrumb-cat .breadcrumb-cat-wrapper::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  width: 4px;
  background: var(--clr-red);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.breadcrumb-cat .breadcrumb-cat-wrapper .bc-top h1 {
  font-size: 24px;
  color: var(--clr-dark);
}
.breadcrumb-cat .breadcrumb-cat-wrapper .bc-bottom {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.breadcrumb-cat .breadcrumb-cat-wrapper .bc-bottom a {
  display: inline-block;
  text-decoration: none;
  color: var(--clr-dark-light);
  font-size: 14px;
}
.breadcrumb-cat .breadcrumb-cat-wrapper .bc-bottom a.active {
  color: var(--clr-red);
}
.breadcrumb-cat .breadcrumb-cat-wrapper .bc-bottom i {
  display: inline-block;
  color: var(--clr-red);
  margin: 0 6px;
}
.discount-slider-wrapper .discount-slide-item {
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 60vh;
}
.discount-slider-wrapper .swiper-button-next {
  left: auto;
  left: var(--swiper-navigation-sides-offset, 64px);
}
.discount-slider-wrapper .swiper-button-prev {
  right: auto;
  right: var(--swiper-navigation-sides-offset, 64px);
}
.discount-slider-wrapper .swiper-button-next,
.discount-slider-wrapper .swiper-button-prev {
  background: #fff;
  color: #4B4B4B;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
}
.discount-slider-wrapper .swiper-button-next::after,
.discount-slider-wrapper .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.special-discount-slider-button-wrapper {
  position: relative;
}
.special-discount-slider-button-wrapper .special-discount-title {
  margin: 80px 0 40px;
}
.spdscSliderButtons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: flex;
  gap: 10px;
}
.spdscSliderButtons .spdscSliderButtonR,
.spdscSliderButtons .spdscSliderButtonL {
  width: 30px;
  height: 30px;
  background: var(--clr-white);
  border-radius: 8px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  color: var(--clr-red);
  transition: 0.5s all;
}
.spdscSliderButtons .spdscSliderButtonR:hover,
.spdscSliderButtons .spdscSliderButtonL:hover {
  background: var(--clr-red);
}
.spdscSliderButtons .spdscSliderButtonR:hover i,
.spdscSliderButtons .spdscSliderButtonL:hover i {
  color: var(--clr-white);
}
.spdscSliderButtons .spdscSliderButtonR i,
.spdscSliderButtons .spdscSliderButtonL i {
  font-size: 18px;
  font-weight: 900;
  color: var(--clr-red);
  transition: 0.5s all;
}
.special-discount-select-cat {
  position: relative;
  margin-right: 12%;
  margin-bottom: 40px;
}
.special-discount-select-cat .swiper-slide {
  width: calc(18% - 60px);
}
.special-discount-select-cat .spdsci {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  text-align: center;
  text-decoration: none;
  border: 1px solid #9A9999;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
  color: #737373;
  border-radius: 20px;
  transition: 0.5s all ease;
}
.special-discount-select-cat .spdsci i {
  margin-left: 5px;
  font-size: 20px;
}
.special-discount-select-cat .spdsci.active {
  background: var(--clr-dark);
  color: var(--clr-white);
}
.special-discount-select-cat .spdsci:hover {
  background: var(--clr-dark);
  color: var(--clr-white);
  border-color: var(--clr-dark);
}
.child-product-cat .child-product-cat-wrapper {
  display: flex;
  justify-content: space-between;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right {
  width: 23%;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container {
  width: 100%;
  background-color: var(--clr-white);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .close {
  display: none;
  position: absolute;
  right: 15px;
  top: 12px;
  color: black;
  width: 25px;
  padding-top: 3px;
  height: 25px;
  background: white;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--clr-dark);
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .filter-header .filter-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .filter-header .filter-right span {
  font-size: 14px;
  font-weight: 400;
  color: #121212;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .filter-header .filter-left .clear-filters {
  border: none;
  background: none;
  color: #999;
  font-size: 14px;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: "yekanbakh";
  font-size: 11px;
  font-weight: 400;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .filter-header .filter-left .clear-filters i {
  border: 1px solid #999;
  width: 18px;
  height: 18px;
  line-height: 16px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  margin-right: 4px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle {
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-available-text span {
  font-size: 16px;
  color: var(--clr-dark-light);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-switch input:checked + .slider::before {
  transform: translateX(22px);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  background-color: var(--clr-white);
  border: 1px solid #E65656;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s all;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .mojodi-toggle .toggle-switch .slider::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 2px;
  background-color: #E65656;
  transition: 0.4s;
  border-radius: 50%;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box {
  background: #F9F9F9;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  margin: 30px 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-title span {
  font-size: 14px;
  font-weight: 400;
  color: #323131;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-title i {
  color: #c00;
  font-size: 18px;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content {
  display: none;
  margin-top: 20px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-range-container {
  position: relative;
  height: 40px;
  margin-bottom: 10px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-range-container input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  background: var(--clr-dark);
  position: absolute;
  top: 18px;
  border-radius: 3px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-range-container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 16px;
  width: 16px;
  background: var(--clr-dark);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-range-container #minRange::-webkit-slider-thumb {
  background-image: url('assets/images/icon-Thin-prev.svg');
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-range-container #maxRange::-webkit-slider-thumb {
  background-image: url('assets/images/icon-Thin-next.svg');
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box {
  margin-bottom: 20px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box:last-child {
  margin-bottom: 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box label {
  font-size: 14px;
  color: #888;
  margin-bottom: 6px;
  display: inline-block;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box .price-input {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 16px;
  color: #555;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box .price-input span {
  font-size: 14px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box .price-input input {
  border: none;
  background: transparent;
  font-size: 14px;
  width: 100%;
  padding-left: 10px;
  font-family: "yekanbakh";
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .price-filter-box .filter-content .price-input-box .price-input input:focus {
  outline: none;
  border: none;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box {
  background: #F9F9F9;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  margin: 30px 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-title span {
  font-size: 14px;
  font-weight: 400;
  color: #323131;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-title i {
  color: #c00;
  font-size: 18px;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content {
  display: none;
  margin-top: 20px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-search {
  background: #F4F2F2;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #555;
  flex-direction: column;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-search .search-brands {
  width: 100%;
  display: flex;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-search button {
  display: block;
  width: 25px;
  height: 25px;
  border: none;
  background: none;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-search input {
  border: none;
  background: transparent;
  font-size: 14px;
  width: 100%;
  padding-right: 10px;
  font-family: "yekanbakh";
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-search input:focus {
  outline: none;
  border: none;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-list {
  margin-top: 12px;
  width: 100%;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-list label {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 6px;
  gap: 6px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-list label input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #f0f0f0;
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-list label input[type="checkbox"]:checked {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  background-image: url(assets/images/checkedsign.svg);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .brand-filter-box .filter-content .brand-list label input[type="checkbox"]:checked::after {
  content: '>';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left {
  width: 75%;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile {
  display: none;
  gap: 12px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .filtermobile-back {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  transition: 0.5s all ease;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .filtermobile-back.active {
  display: block;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order,
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-filter {
  display: flex;
  width: fit-content;
  background-color: var(--clr-white);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  align-items: center;
  text-decoration: none;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order svg,
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-filter svg {
  width: 20px;
  height: 20px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order span,
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-filter span {
  font-size: 13px;
  font-weight: 500;
  margin-right: 5px;
  color: var(--clr-dark);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order-items {
  display: none;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
  padding: 25px;
  border-radius: 16px 16px 0 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order-items a {
  display: block;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #EAEAEA;
  text-decoration: none;
  color: var(--clr-dark);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order-items a:first-child {
  padding-right: 0px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order-items a:last-child {
  border-bottom: none;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile .cpcfb-order-items .close {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 25px;
  padding-top: 3px;
  height: 25px;
  background: white;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--clr-dark);
  cursor: pointer;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox {
  width: 100%;
  background-color: var(--clr-white);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: flex;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-right {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-right span {
  font-size: 18px;
  font-weight: 500;
  margin-right: 12px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-left {
  margin: 12px 0;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-left a {
  font-size: 16px;
  font-weight: 400;
  color: var(--clr-dark);
  text-decoration: none;
  padding: 0px 20px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-left a:first-child {
  padding-right: 35px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox .cpcfb-left a.active {
  color: var(--clr-red);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatbox {
  width: 100%;
  background-color: var(--clr-white);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  gap: 8px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination a,
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  background: var(--clr-white);
  transition: 0.5s all ease;
  text-decoration: none;
  color: var(--clr-dark-light);
  text-align: center;
  line-height: 45px;
  font-size: 16px;
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination a:hover,
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination span:hover {
  background: var(--clr-red);
  color: var(--clr-white);
}
.child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatpagination span.current {
  background: var(--clr-red);
  color: var(--clr-white);
}
.product-add-to-card-modal-back {
  display: none;
  position: fixed;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  transition: 0.5s all ease;
}
.product-add-to-card-modal {
  width: 20%;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 24px;
  border-radius: 24px;
  background-color: var(--clr-white);
  transition: 0.5s all ease;
}
.product-add-to-card-modal .product-add-to-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.product-add-to-card-modal .product-add-to-card-head .patch-r {
  display: flex;
  align-items: center;
}
.product-add-to-card-modal .product-add-to-card-head .patch-r i {
  color: #00D154;
  margin-left: 5px;
  font-size: 16px;
}
.product-add-to-card-modal .product-add-to-card-head .patch-r span {
  font-size: 14px;
  color: #00D154;
}
.product-add-to-card-modal .product-add-to-card-head .patch-l .closeBtn {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.product-add-to-card-modal .product-info {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: 10px;
}
.product-add-to-card-modal .product-info .product-image {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  flex-shrink: 0;
}
.product-add-to-card-modal .product-info .product-image .image-preview {
  height: 3rem;
  width: 100%;
  object-fit: contain;
}
.product-add-to-card-modal .product-info .product-title {
  font-size: 13px;
  font-weight: 300;
}
.product-add-to-card-modal .product-subtitle {
  text-align: left;
  color: #BDBDBD;
  font-size: 12px;
  font-weight: 400;
}
.product-add-to-card-modal .divider {
  border-color: #ececec2e;
}
.product-add-to-card-modal .choose-color {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
.product-add-to-card-modal .choose-color .ccr {
  display: flex;
  align-items: center;
  color: #757575;
  font-size: 14px;
}
.product-add-to-card-modal .choose-color .ccr i {
  margin-left: 3px;
  font-size: 12px;
  margin-left: 5px;
  background: black;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 17px;
}
.product-add-to-card-modal .choose-color .ccl .price {
  font-size: 17px;
  color: var(--clr-dark);
}
.product-add-to-card-modal .choose-color .ccl .currency {
  margin-right: 5px;
  color: #757575;
  font-size: 14px;
}
.product-add-to-card-modal .show-cart-container {
  display: flex;
  gap: 10px;
}
.product-add-to-card-modal .show-cart-container .show-cart {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px;
  background-color: #dc2626;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
  font-size: 14px;
  margin-top: 10px;
  text-decoration: none;
}
.product-add-to-card-modal .show-cart-container .show-cart.continue {
  background: #00D154;
}
.product-add-to-card-modal .show-cart-container .show-cart .cart-icon {
  display: inline-block;
}
.breadcrumb-product {
  margin: 24px 0;
}
.breadcrumb-product .breadcrumb-list .rank-math-breadcrumb p a {
  text-decoration: none;
  color: var(--clr-red);
}
.breadcrumb-product .breadcrumb-list .rank-math-breadcrumb p span.last {
  color: #9ca3af;
}
.no-pro-related {
  padding: 30px 0;
}
.no-pro-related .noRelProSlider .swiper-slide .product-card-1 {
  margin: 20px auto;
}
.glass-card {
  width: 240px;
  height: 360px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 20px 10px #ffffff;
  position: relative;
  overflow: hidden;
}
.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}
.glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), transparent, rgba(255, 255, 255, 0.3));
}
.product-card-container .product-card {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(7, 1fr);
}
.product-card-container .product-card .image-section {
  grid-column: span 1;
  grid-column: span 2;
}
.product-card-container .product-card .image-section .image-controls {
  display: flex;
  gap: 1rem;
  position: relative;
}
.product-card-container .product-card .image-section .image-controls .control-buttons {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: absolute;
  z-index: 99;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 20px 10px #ffffff;
}
.product-card-container .product-card .image-section .image-controls .control-buttons::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}
.product-card-container .product-card .image-section .image-controls .control-buttons::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), transparent, rgba(255, 255, 255, 0.3));
}
.product-card-container .product-card .image-section .image-controls .control-buttons .main-action-btn {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid #f3f4f6;
  color: var(--clr-red);
  background-color: var(--clr-white);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 45px;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .main-action-btn .icon {
  display: inline-block;
  font-size: 20px;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list a {
  color: var(--clr-dark-light);
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .thumbnail-btn,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .woosw-btn {
  background: none;
  border: none;
  cursor: pointer;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .thumbnail-btn .icon,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .woosw-btn .icon,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .thumbnail-btn .woosw-btn-icon,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .woosw-btn .woosw-btn-icon {
  display: inline-block;
  font-size: 18px;
  transition: 0.5s all;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .thumbnail-btn .icon:hover,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .woosw-btn .icon:hover,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .thumbnail-btn .woosw-btn-icon:hover,
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .woosw-btn .woosw-btn-icon:hover {
  color: var(--clr-red);
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip {
  display: none;
  position: relative;
  cursor: pointer;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 270px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 70%;
  margin-left: -141px;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip .tooltip-text.show-tooltip {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip i {
  color: var(--clr-red);
  font-size: 20px;
  background: transparent;
  border: none;
  padding: 0;
  line-height: 24px;
  width: unset;
  height: unset;
  margin-right: 3px;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .main-image {
  flex-grow: 1;
  width: 100%;
  min-width: 0;
}
.product-card-container .product-card .image-section .image-controls .control-buttons .main-image .image-full {
  width: 100%;
  height: auto;
}
.product-card-container .product-card .image-section .thumbnail-preview {
  display: flex;
  gap: 1rem;
  margin: 2rem 0 1rem;
  align-items: center;
  justify-content: space-between;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item {
  cursor: pointer;
  width: 70px;
  height: 70px;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item.more-images {
  position: relative;
  background-color: #000000;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item.more-images:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item .preview-img {
  height: 3rem;
  width: 100%;
  object-fit: contain;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item .more-count {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item .more-count .icon {
  background: var(--clr-white);
  width: 22px;
  height: 22px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
}
.product-card-container .product-card .image-section .thumbnail-preview .preview-item .more-count .icon i {
  font-size: 3px;
  font-weight: bold;
}
.product-card-container .product-card .image-section .promo-section {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  display: flex;
  padding: 0.75rem;
  gap: 1.25rem;
}
.product-card-container .product-card .image-section .promo-section .promo-link {
  position: relative;
  flex-shrink: 0;
}
.product-card-container .product-card .image-section .promo-section .promo-link .promo-img {
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  filter: brightness(50%);
  width: 83px;
  height: 60px;
}
.product-card-container .product-card .image-section .promo-section .promo-link .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--clr-white);
  font-size: 22px;
}
.product-card-container .product-card .image-section .promo-section .promo-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-card-container .product-card .image-section .promo-section .promo-text .promo-title {
  font-size: 0.875rem;
  font-weight: 600;
}
.product-card-container .product-card .image-section .promo-section .promo-text .promo-desc {
  font-size: 0.75rem;
}
.product-card-container .product-card .details-section {
  grid-column: span 1;
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-card-container .product-card .details-section .product-info {
  border: 1px solid #F0ECEC;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-card-container .product-card .details-section .product-info .product-title {
  font-size: 1.125rem;
  font-weight: 600;
}
.product-card-container .product-card .details-section .product-info .product-title.nopro {
  background: #FBE6E6;
  padding: 15px;
  border-radius: 8px;
  color: #585858;
}
.product-card-container .product-card .details-section .product-info .product-title.nopro span {
  color: var(--clr-red);
}
.product-card-container .product-card .details-section .product-info .product-subtitle {
  position: relative;
}
.product-card-container .product-card .details-section .product-info .product-subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.1px;
  background-color: #BDBDBD;
}
.product-card-container .product-card .details-section .product-info .product-subtitle .subtitle-text {
  background-color: #ffffff;
  font-size: 12px;
  color: #BDBDBD;
  display: block;
  position: relative;
  width: fit-content;
  padding-left: 0.5rem;
  font-weight: 300;
}
.product-card-container .product-card .details-section .product-info .rating-section {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  color: #9ca3af;
}
.product-card-container .product-card .details-section .product-info .rating-section .rating,
.product-card-container .product-card .details-section .product-info .rating-section .rating-count {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-card-container .product-card .details-section .product-info .recommendation {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.product-card-container .product-card .details-section .product-info .recommendation .icon {
  font-size: 18px;
  color: #00D154;
}
.product-card-container .product-card .details-section .product-info .recommendation .recommend-rate {
  color: #00D154;
}
.product-card-container .product-card .details-section .product-info .recommendation .recommend-text {
  color: #9ca3af;
}
.product-card-container .product-card .details-section .product-info .color-selection {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #6b7280;
}
.product-card-container .product-card .details-section .product-info .color-selection .color-options {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.product-card-container .product-card .details-section .product-info .color-selection .color-options .color-option {
  border-radius: 0.75rem;
  background-color: #f9fafb;
  padding: 0.375rem 0.75rem;
  border: 1px solid #f9fafb;
  display: flex;
  gap: 0.5rem;
}
.product-card-container .product-card .details-section .product-info .color-selection .color-options .color-option .color-swatch {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.5rem;
}
.product-card-container .product-card .details-section .product-info .color-selection .color-options .color-option .color-swatch.black-swatch {
  background-color: #000000;
}
.product-card-container .product-card .details-section .product-info .color-selection .color-options .color-option .color-swatch.green-swatch {
  background-color: #00d154;
}
.product-card-container .product-card .details-section .product-info .warranty-options {
  background-color: #f9fafb;
  color: #6b7280;
  padding: 1rem;
  border-radius: 0.75rem;
}
.product-card-container .product-card .details-section .product-info .warranty-options label {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 6px;
  gap: 8px;
}
.product-card-container .product-card .details-section .product-info .warranty-options input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #f0f0f0;
  cursor: pointer;
}
.product-card-container .product-card .details-section .product-info .warranty-options input[type="checkbox"]:checked {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  background-image: url(assets/images/checkedsign.svg);
}
.product-card-container .product-card .details-section .features-section {
  border: 1px solid #F0ECEC;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-card-container .product-card .details-section .features-section .features-title {
  font-size: 1.125rem;
  font-weight: 700;
}
.product-card-container .product-card .details-section .features-section .features-list {
  overflow: hidden;
  transition: all 0.6s ease;
  position: relative;
  max-height: 298px;
}
.product-card-container .product-card .details-section .features-section .features-list table {
  border-collapse: unset!important;
  border-spacing: 0px 10px;
  width: 100%;
}
.product-card-container .product-card .details-section .features-section .features-list table tr td:first-child {
  background-color: #f9fafb;
  padding: 0.5rem 0.75rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 50%;
}
.product-card-container .product-card .details-section .features-section .features-list table tr td:last-child {
  background-color: #f9fafb;
  padding: 0.5rem 0.75rem;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  text-align: left;
  width: 50%;
}
.product-card-container .product-card .details-section .features-section .features-list table.expanded {
  max-height: max-content;
}
.product-card-container .product-card .details-section .features-section .features-list ul li {
  background-color: #f9fafb;
  padding: 0.5rem 0.75rem;
  width: 100%;
  border-radius: 30px;
  margin-bottom: 10px;
}
.product-card-container .product-card .details-section .features-section .features-list p {
  background-color: #f9fafb;
  padding: 0.5rem 0.75rem;
  width: 100%;
  border-radius: 30px;
  margin-bottom: 10px;
}
.product-card-container .product-card .details-section .features-section .show-more {
  position: relative;
}
.product-card-container .product-card .details-section .features-section .show-more.expanded::before {
  display: none;
}
.product-card-container .product-card .details-section .features-section .show-more .show-more-button-content {
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
}
.product-card-container .product-card .details-section .features-section .show-more .show-more-button-content::before,
.product-card-container .product-card .details-section .features-section .show-more .show-more-button-content::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 20px;
}
.product-card-container .product-card .details-section .features-section .show-more .show-more-button-content .show-more-button-text {
  color: var(--clr-red);
  font-size: 16px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.product-card-container .product-card .details-section .features-section .show-more .show-more-button-content .show-more-icon {
  font-size: 10px;
  display: inline-block;
  transform: translateY(1px);
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  width: 16px;
  height: 16px;
  line-height: 14px;
  border-radius: 60px;
  margin-right: 5px;
  transition: 0.5s all;
}
.product-card-container .product-card .add-to-card-phone {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.product-card-container .product-card .add-to-card-phone .price-details {
  background-color: #ffffff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  height: 90px;
}
.product-card-container .product-card .add-to-card-phone .price-details .only-one-in-stock {
  padding: 20px 0;
  color: #22c55e;
  text-align: right;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box .discount {
  border-radius: 0.75rem;
  background-color: #fee2e2;
  color: var(--clr-red);
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box .price-values {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box .price-values .original-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #d1d5db;
  font-size: 0.875rem;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box .price-values .discounted-price {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-box .price-values .discounted-price .currency {
  color: #6b7280;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-button {
  margin-top: 15px;
}
.product-card-container .product-card .add-to-card-phone .price-details .price-details-button .add-to-cart {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px;
  background-color: #dc2626;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.product-card-container .product-card .pricing-section {
  grid-column: span 1;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-card-container .product-card .pricing-section.nopro .price-card .price-title {
  font-size: 14px;
  color: var(--clr-dark);
  line-height: 23px;
}
.product-card-container .product-card .pricing-section.nopro .price-card .price-details {
  background-color: transparent;
  border: none;
  border-radius: 0.75rem;
  padding: 0;
}
.product-card-container .product-card .pricing-section.nopro .price-card .price-details .price-details-button {
  margin-top: 5px;
}
.product-card-container .product-card .pricing-section.nopro .price-card .price-details .price-details-button .notic-product {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px;
  background-color: #dc2626;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.product-card-container .product-card .pricing-section.nopro .price-card .availability .avail-item i {
  background: #FBE6E699;
  color: var(--clr-red);
}
.product-card-container .product-card .pricing-section .price-card {
  background-color: #f9fafb;
  border: 1px solid #F7F7F7;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-card-container .product-card .pricing-section .price-card .price-title {
  font-size: 1rem;
  color: #757575;
  font-weight: 400;
}
.product-card-container .product-card .pricing-section .price-card .price-details {
  background-color: #ffffff;
  border: 1px solid #F7F7F7;
  border-radius: 0.75rem;
  padding: 1rem;
}
.product-card-container .product-card .pricing-section .price-card .price-details .only-one-in-stock {
  padding: 20px 0;
  color: #22c55e;
  text-align: right;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .discount {
  border-radius: 0.75rem;
  background-color: #fee2e2;
  color: var(--clr-red);
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .price-values {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
  margin-right: auto;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .price-values .original-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #d1d5db;
  font-size: 0.875rem;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .price-values .discounted-price > span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
  font-size: 18px;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .price-values .discounted-price > span del {
  color: #A1A1A1;
  font-size: 14px;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-box .price-values .discounted-price > span ins {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 18px;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-button {
  margin-top: 15px;
}
.product-card-container .product-card .pricing-section .price-card .price-details .price-details-button .add-to-cart {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px;
  background-color: #dc2626;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.product-card-container .product-card .pricing-section .price-card .price-details .quantity {
  margin: 10px 0 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  border: 1px solid #e5e7eb;
}
.product-card-container .product-card .pricing-section .price-card .price-details .quantity .quantity-btn {
  width: 20%;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 50px;
  text-align: center;
  background: transparent;
}
.product-card-container .product-card .pricing-section .price-card .price-details .quantity .quantity-btn i {
  font-size: 17px;
  color: #292D32;
}
.product-card-container .product-card .pricing-section .price-card .price-details .quantity .qty {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 15px 0;
  width: 60%;
  text-align: center;
}
.product-card-container .product-card .pricing-section .availability {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.product-card-container .product-card .pricing-section .availability .avail-item {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.product-card-container .product-card .pricing-section .availability .avail-item span {
  color: #737373;
}
.product-card-container .product-card .pricing-section .availability .avail-item i {
  background-color: #f0fdf4;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  width: 24px;
  height: 24px;
  color: #10BC40;
  font-size: 12px;
  display: block;
  text-align: center;
  line-height: 24px;
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice span {
  font-size: 16px;
  color: var(--clr-red);
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice .tooltip {
  position: relative;
  display: inline-block;
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice .tooltip:hover .tooltip-text {
  visibility: visible;
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice .tooltip .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 7px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -100px;
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice .tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.product-card-container .product-card .pricing-section .availability .avail-item.notice .tooltip i {
  color: var(--clr-red);
  font-size: 20px;
  background: transparent;
  border: none;
  padding: 0;
  line-height: 24px;
  width: unset;
  height: unset;
  margin-right: 3px;
}
.product-card-container .product-card .pricing-section .insurance-section {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1rem;
  background-color: #f9fafb;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-info .insurance-link label {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 6px;
  gap: 8px;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-info .insurance-link input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #f0f0f0;
  cursor: pointer;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-info .insurance-link input[type="checkbox"]:checked {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  background-image: url(assets/images/checkedsign.svg);
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-info .insurance-details-link {
  color: #0B68B8;
  text-decoration: underline;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-price {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-price .original-price {
  color: #D4D3D3;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-price .original-price span:last-child {
  margin-right: 4px;
}
.product-card-container .product-card .pricing-section .insurance-section .insurance-details .insurance-price .discounted-price span:last-child {
  margin-right: 4px;
}
.product-card-container .product-card .pricing-section .installment-section {
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  background-color: #225784;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
}
.product-card-container .product-card .pricing-section .installment-section .icon-top {
  position: absolute;
  top: -2px;
  left: 18%;
  font-size: 22px;
  opacity: 0.3;
}
.product-card-container .product-card .pricing-section .installment-section .icon-bottom {
  position: absolute;
  bottom: -5px;
  left: 10px;
  font-size: 17px;
  opacity: 0.2;
}
.product-card-container .product-card .pricing-section .installment-section .installment-text {
  font-size: 0.875rem;
}
.product-card-container .product-card .pricing-section .installment-section .installment-text .installment-link {
  font-size: 0.75rem;
  color: #ffffff;
  margin-right: 5px;
  padding-bottom: 0px;
  text-decoration: none;
  border-bottom: 1px solid #ffffff61;
}
.product-card-container .product-card .pricing-section .installment-section .new-badge {
  background-color: #ffffff;
  color: #585858;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  margin-right: auto;
}
.product-page-darsoo-features {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 25px 10px;
  border-radius: 20px;
  margin: 25px 0;
}
.product-page-darsoo-features .df-item {
  display: flex;
}
.product-page-darsoo-features .df-item .ds-item-text {
  margin-right: 8px;
}
.product-page-darsoo-features .df-item .ds-item-text .ds-item-top-text span {
  font-size: 14px;
  color: var(--clr-dark);
  font-weight: bold;
}
.product-page-darsoo-features .df-item .ds-item-text .ds-item-sub-text span {
  font-size: 12px;
  color: #121212;
}
.product-page-consultation-card {
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: 1rem;
  background-color: #121212;
  height: 9rem;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 6rem;
  margin: 40px 0;
}
.product-page-consultation-card .consultation-card-right {
  display: flex;
  align-items: center;
}
.product-page-consultation-card .consultation-card-right .consultation-text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: var(--clr-white);
  font-size: 1.25rem;
  font-weight: 400;
}
.product-page-consultation-card .consultation-card-right .consultation-text .consultation-title {
  font-weight: 900;
}
.product-page-consultation-card .consultation-card-right .consultation-text .consultation-subtitle .highlight {
  font-weight: 900;
}
.product-page-consultation-card .consultation-card-right .consultation-action {
  display: flex;
  align-items: flex-end;
  gap: 30px;
  margin-right: 10px;
}
.product-page-consultation-card .consultation-card-right .consultation-action .consultation-icon {
  display: inline-block;
}
.product-page-consultation-card .consultation-card-right .consultation-action .consultation-button {
  background-color: var(--clr-white);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1rem 1.5rem;
  text-decoration: none;
  color: #121212;
  font-size: 16px;
}
.product-page-consultation-card .consultation-card-right .consultation-action .consultation-button .button-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.product-page-consultation-card .consultation-card-right .consultation-action .consultation-button .button-icon i {
  font-size: 20px;
}
.product-page-consultation-card .consultation-card-left .consultation-image {
  position: absolute;
  bottom: -6%;
  left: 10%;
}
.product-page-consultation-card .consultation-card-left .consultation-image img {
  width: 100%;
}
.product-page-consultation-card .consultation-card-left .cunsultation-star {
  position: absolute;
  left: 5%;
  bottom: 15%;
}
.product-page-related-products {
  padding: 45px;
  background: radial-gradient(#26679F, #1F4A6F);
  border-radius: 32px;
  max-width: 1440px;
  margin: 0 auto;
}
.product-page-related-products .RelatedProducts-wrapper {
  position: relative;
  margin-top: 40px;
}
.product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .right-button,
.product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .left-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}
.product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .right-button {
  margin-right: -10px;
}
.product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .left-button {
  margin-left: -10px;
}
.porduct-details-navigation-bar {
  position: sticky;
  top: 0;
  z-index: 10;
  margin: auto;
  margin: 1.5rem 0;
  padding: 1rem;
  background-color: var(--clr-white);
  border-radius: 1rem;
  max-width: 1440px;
}
.porduct-details-navigation-bar .nav-links {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  white-space: nowrap;
}
.porduct-details-navigation-bar .nav-links .nav-link {
  padding: 0.75rem 2rem;
  border: 1px solid #9ca3af;
  border-radius: 1rem;
  text-decoration: none;
  color: inherit;
  flex-shrink: 0;
}
.porduct-details-navigation-bar .nav-links .nav-link.active {
  border-color: var(--clr-red);
  background-color: var(--clr-red);
  color: var(--clr-white);
}
.product-page-details-container .content-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.product-page-details-container .content-grid .main-content {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper {
  position: relative;
  padding: 45px 25px;
  background: var(--clr-white);
  border-radius: 32px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content {
  max-height: 500px;
  overflow: hidden;
  transition: all 0.6s ease;
  position: relative;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content.expanded {
  max-height: max-content;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h1,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h2,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h3,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h4,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h5,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h6 {
  font-family: "yekanbakh" !important;
  position: relative;
  color: #757575;
  font-weight: 600;
  margin: 16px 0;
  padding-right: 10px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h1::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h2::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h3::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h4::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h5::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h6::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  border-radius: 4px 0 0 4px;
  background: var(--clr-red);
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h2,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h1 {
  font-size: 24px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h3 {
  font-size: 23px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h4 {
  font-size: 22px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h4 {
  font-size: 21px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h5 {
  font-size: 20px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content h6 {
  font-size: 19px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content p {
  font-size: 16px;
  text-align: justify;
  line-height: 25px;
  color: #757575;
  font-weight: 300;
  margin-bottom: 8px;
  font-family: "yekanbakh" !important;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-content span {
  font-family: "yekanbakh" !important;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button {
  position: relative;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button::before {
  content: '';
  position: absolute;
  top: -300px;
  right: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(to bottom, transparent, #ffffff);
  pointer-events: none;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button.expanded::before {
  display: none;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 40px 0 0;
  position: relative;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content::before,
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 20px;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content .ppd-button-text {
  color: var(--clr-red);
  font-size: 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content .ppd-icon {
  font-size: 12px;
  display: inline-block;
  transform: translateY(1px);
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 60px;
  margin-right: 5px;
  transition: 0.5s all;
}
.product-page-details-container .content-grid .main-content .product-page-desc .product-page-desc-wrapper .ppd-button .ppd-button-content .ppd-icon.expanded {
  transform: rotate(-180deg);
}
.product-page-details-container .content-grid .main-content .tech-specs,
.product-page-details-container .content-grid .main-content .review-section {
  border-radius: 0.75rem;
  background-color: var(--clr-white);
  padding: 1.5rem;
}
.product-page-details-container .content-grid .main-content .comments-content {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product-page-details-container .content-grid .main-content .comments-header {
  display: flex;
  gap: 0.5rem;
}
.product-page-details-container .content-grid .main-content .comment-prompt {
  display: none;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  margin-left: auto;
}
.product-page-details-container .content-grid .main-content .submit-comment,
.product-page-details-container .content-grid .main-content .submit-question {
  background-color: var(--clr-red);
  color: var(--clr-white);
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border: none;
}
.product-page-details-container .content-grid .main-content .comments-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-page-details-container .content-grid .main-content .comment-item {
  border-radius: 0.75rem;
  background-color: #f9fafb;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-page-details-container .content-grid .main-content .ask-customers {
  flex-grow: 1;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
}
.product-page-details-container .content-grid .main-content .ask-customers .ask-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 16px;
  font-weight: 400;
  color: #2A2A2A;
}
.product-page-details-container .content-grid .main-content .ask-customers .ask-label .bullet {
  display: block;
  width: 5px;
  height: 5px;
  background: #111;
  border-radius: 50%;
}
.product-page-details-container .content-grid .main-content .ask-customers .ask-button {
  display: flex;
  margin-top: 0;
  justify-content: flex-start;
}
.product-page-details-container .content-grid .main-content .ask-customers .ask-button .ask-btn {
  padding: 14px 24px;
  border: 1px solid var(--clr-red);
  border-radius: 12px;
  background-color: var(--clr-red);
  flex-grow: 0;
  font-family: "yekanbakh";
  font-size: 18px;
  cursor: pointer;
  color: var(--clr-white);
  display: flex;
  gap: 8px;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list {
  overflow: hidden;
  max-height: 630px;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list.expanded {
  max-height: max-content;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list .group-title {
  display: block;
  font-weight: bold;
  font-size: 19px;
  text-indent: 0;
  margin: 10px 0;
  color: #df2d2d;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list table {
  width: 100%;
  border-spacing: 0 10px;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list table tr td:first-child {
  width: 25%;
  background: #f3f4f6;
  padding: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #6b7280;
  font-size: 15px;
}
.product-page-details-container .content-grid .main-content .tech-specs .specs-list table tr td:last-child {
  width: 75%;
  background: #f3f4f6;
  padding: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  color: #181818;
  font-size: 16px;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button {
  position: relative;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0 0;
  position: relative;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content::before,
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 20px;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content .tech-specs-button-text {
  color: var(--clr-red);
  font-size: 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content .tpcd-icon {
  font-size: 12px;
  display: inline-block;
  transform: translateY(1px);
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 60px;
  margin-right: 5px;
  transition: 0.5s all;
}
.product-page-details-container .content-grid .main-content .tech-specs .tech-specs-button .tech-specs-button-content .tpcd-icon.expanded {
  transform: rotate(-180deg);
}
.product-page-details-container .content-grid .sidebar {
  display: block;
  grid-column: span 1;
}
.product-page-details-container .content-grid .sidebar .sidebar-content {
  position: sticky;
  top: 6rem;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: var(--clr-white);
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .product-info {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .product-info .product-image {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  flex-shrink: 0;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .product-info .product-image .image-preview {
  height: 3rem;
  width: 100%;
  object-fit: contain;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .product-info .product-title {
  font-size: 13px;
  font-weight: 300;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .product-subtitle {
  text-align: left;
  color: #BDBDBD;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .divider {
  border-color: #ececec2e;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .only-one-in-stock {
  padding: 20px 0;
  color: #22c55e;
  text-align: right;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .discount {
  border-radius: 0.75rem;
  background-color: #fee2e2;
  color: var(--clr-red);
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box .discount {
  border-radius: 0.75rem;
  background-color: #fee2e2;
  color: var(--clr-red);
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box .price-values {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
  margin-right: auto;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box .price-values .discounted-price > span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
  font-size: 18px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box .price-values .discounted-price > span del {
  color: #A1A1A1;
  font-size: 14px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .price-details-box .price-values .discounted-price > span ins {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 18px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .quantity {
  margin: 10px 0 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  border: 1px solid #e5e7eb;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .quantity .quantity-btn {
  width: 20%;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 50px;
  text-align: center;
  background: transparent;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section .quantity .qty {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 15px 0;
  width: 60%;
  text-align: center;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .price-section form.cart {
  width: 100%;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item .avail-icon i {
  background-color: #f0fdf4;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  width: 24px;
  height: 24px;
  color: #10BC40;
  font-size: 12px;
  display: block;
  text-align: center;
  line-height: 24px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice span {
  font-size: 16px;
  color: var(--clr-red);
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice .tooltip {
  position: relative;
  display: inline-block;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice .tooltip:hover .tooltip-text {
  visibility: visible;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice .tooltip .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 7px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -100px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice .tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .product-summary .availability .avail-item.notice .tooltip i {
  color: var(--clr-red);
  font-size: 20px;
  background: transparent;
  border: none;
  padding: 0;
  line-height: 24px;
  width: unset;
  height: unset;
  margin-right: 3px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .add-to-cart {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px;
  background-color: #dc2626;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
}
.product-page-details-container .content-grid .sidebar .sidebar-content .add-to-cart .cart-icon {
  display: inline-block;
}
.product-cart-head {
  margin: 50px 0 30px;
}
.product-cart-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .product-cart-container {
    flex-direction: row;
  }
}
.product-cart-container .product-cart-details-wrapper {
  flex-grow: 1;
}
.product-cart-container .product-cart-details-wrapper .off-container {
  display: flex;
  justify-content: space-between;
}
.product-cart-container .product-cart-details-wrapper .off-container button[type=submit] {
  display: none!important;
  border-radius: 8px;
  background-color: #22c55e;
  color: #ffffff;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  outline: none;
  border: none;
  font-size: 15px;
  font-family: "yekanbakh";
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-cart-container .product-cart-details-wrapper .off-container .coupon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-cart-container .product-cart-details-wrapper .off-container .coupon button[type=submit] {
  display: block!important;
}
.product-cart-container .product-cart-details-wrapper .off-container .coupon input[type=text] {
  padding: 10px;
  border-radius: 12px;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details {
  border: 1px solid #F3EDED;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 40px;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details:last-child {
  margin-bottom: 0;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header {
  display: flex;
  gap: 1rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-image {
  display: flex;
  align-items: center;
  padding: 7px;
  border-radius: 1rem;
  background-color: #f9fafb;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-image img {
  width: 100px;
  border-radius: 12px;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
  flex-grow: 1;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background-color: #f9fafb;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info .product-title a {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2E2E2E;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info .product-subtitle {
  position: relative;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info .product-subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.1px;
  background-color: #ececec;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info .product-subtitle .subtitle-text {
  background-color: #f9fafb;
  font-size: 0.75rem;
  color: #BDBDBD;
  display: block;
  position: relative;
  width: fit-content;
  font-weight: 400;
  padding-left: 0.5rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options {
    width: 75%;
  }
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item-1 {
  background-color: #f9fafb;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item-1 .option-icon {
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: var(--clr-dark);
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item-1 .option-icon i {
  color: #fff;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item {
  background-color: #f9fafb;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item .option-icon {
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .option-item .option-icon i {
  color: #00D154;
  font-size: 20px;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 10px;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-label {
  font-size: 16px;
  color: #757575;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity-input {
  border-radius: 1rem;
  background-color: #fcfcfc;
  padding: 0.5rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity-input .quantity {
  display: flex;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity-input .quantity .quantity-btn {
  padding-left: 2rem;
  padding-right: 2rem;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity-input .quantity .quantity-btn i {
  font-size: 20px;
  color: #292D32;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity-input .quantity input[type=number] {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  font-size: 18px;
  text-align: center;
  padding: 15px 0px;
  outline: none;
  background: transparent;
  width: 10rem;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .price-display {
  font-size: 1.125rem;
  color: #4b5563;
  text-align: center;
  flex-grow: 1;
}
.product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .price-display .currency {
  color: #9ca3af;
}
.product-cart-related {
  margin: 50px auto;
}
.checkout-wrapper {
  display: flex;
  align-items: flex-start;
}
.checkout-wrapper .checkout-right {
  width: 70%;
}
.checkout-wrapper .checkout-right .top-sections-title .tst-right .tst-rigth-icon {
  margin: 0 5px;
}
.checkout-wrapper .checkout-right .top-sections-title .tst-right .bar {
  width: 5px;
  height: 45px;
}
.checkout-wrapper .checkout-right .top-sections-title .tst-right .tst-right-text {
  font-size: 20px;
  font-weight: 500;
}
.checkout-wrapper .checkout-right .progress-cart-container {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between;
  margin-bottom: 2.75rem;
  align-items: center;
  padding: 2rem 0;
  max-width: 27.25rem;
  margin-left: auto;
  margin-right: auto;
}
.checkout-wrapper .checkout-right .progress-cart-container:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #e5e7eb;
}
.checkout-wrapper .checkout-right .progress-cart-container > * {
  position: relative;
  padding: 0 0.5rem;
  background-color: #f9fafb;
}
.checkout-wrapper .checkout-right .progress-cart-container .step .step-circle {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-wrapper .checkout-right .progress-cart-container .step .step-label {
  width: max-content;
  position: absolute;
  top: 100%;
  transform: translateY(0.75rem) translateX(-50%);
  left: 50%;
}
.checkout-wrapper .checkout-right .receiver-cart-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .receiver-cart-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .receiver-cart-container .header-section .title {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .receiver-cart-container .header-section .title .icon {
  width: 2.5rem;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .label {
  font-size: 16px;
  width: 16.666667%;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .input-field,
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .textarea-field {
  flex-grow: 1;
  background-color: #f9fafb;
  border-radius: 0.75rem;
  padding: 1.25rem;
  font-size: 15px;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .edit-button {
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  border: 1px solid #dc2626;
  color: #dc2626;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: auto;
  background: white;
  font-size: 18px;
}
.checkout-wrapper .checkout-right .receiver-cart-container .form-container .edit-button i {
  font-size: 18px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .header-section .title {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .info-section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1.5rem 0;
  font-size: 1.125rem;
  color: #4b5563;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .info-section i {
  font-size: 25px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .info-section .cost-label {
  color: #9ca3af;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item.active .btn-checkout-conditional {
  background-color: #1f4a6f;
  color: white;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item.active .btn-checkout-conditional .tooltip {
  display: flex;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item.active .btn-checkout-conditional .custom-check {
  background: url(assets/images/icons/checked-icon.svg);
  background-size: 100%;
  border-width: 2px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .btn-checkout-conditional {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0.75rem;
  border-style: solid;
  border-width: 1px;
  border-color: oklch(0.872 0.01 258.338);
  background-color: #fbfbfb;
  width: 100%;
  padding: calc(0.25rem * 5);
  position: relative;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .btn-checkout-conditional .custom-check {
  display: inline-block;
  border-radius: 0.375rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeaea;
  width: 20px;
  height: 20px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .btn-checkout-conditional .badge {
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #1f4a6f;
  padding-inline: calc(0.25rem * 2.5);
  padding-block: calc(0.25rem * 1.5);
  font-size: 0.75rem;
  color: white;
  margin-right: auto;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details.hidden {
  display: none;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .detail-box {
  border-radius: 0.75rem;
  background-color: #f9fafb;
  padding: 1.25rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .detail-box i {
  font-size: 18px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .delivery-option {
  background-color: #fef2f2;
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem;
  color: #1f2937;
  border-radius: 0.75rem;
  align-items: center;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .delivery-option i {
  font-size: 18px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector {
  padding: 1rem;
  border: 1px solid #F4F2F2;
  border-radius: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container {
  position: relative;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background-color: #f9fafb;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container:before {
  content: '';
  pointer-events: none;
  width: 40%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(to right, #f9fafb, transparent);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container .date-generate {
  display: flex;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  overflow-x: auto;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container .date-generate .date-btn {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.75rem;
  padding: 0.75rem 0.5rem;
  background: transparent;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container .date-generate .date-btn span {
  width: 100%;
  height: 1px;
  background: #75757540;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .date-selector .date-container .date-generate .date-btn.active {
  background: #0ECC700D;
  border: 1px solid #0ECC70;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-selection .time-info {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin: 16px 0;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-selection .time-info p {
  font-size: 16px;
  color: #737373;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-selection .time-info i {
  font-size: 18px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector {
  background-color: #fef2f2;
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem;
  align-items: center;
  color: #1f2937;
  border-radius: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector .time-range-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector .time-range-label i {
  font-size: 18px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector .time-buttons {
  flex-grow: 1;
  display: flex;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector .time-buttons > button {
  flex-grow: 1;
  border-radius: 0.75rem;
  background-color: #ffffff;
  border: 1px solid transparent;
  padding: 0.75rem;
  color: #585858;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .details-container .time-range-selector .time-buttons > button.active {
  background-color: #0ecc70ad;
  border: 1px solid #0ECC70;
  color: white;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box {
  background-color: #f9fafb;
  padding: 1.25rem;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-selection {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  color: #737373;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-selection i {
  font-size: 20px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  cursor: pointer;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item.active .address-checkbox {
  background-image: url(assets/images/icons/checked-icon.svg);
  background-size: cover;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item.active .address-details {
  background-color: #1F4A6F;
  color: white;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item .address-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item .address-details {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  flex-grow: 1;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-time {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin: 16px 0;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-time p {
  font-size: 16px;
  color: #5D5B5B;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-time i {
  font-size: 18px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-info {
  padding: 1.5rem;
  border: 1px solid #4879CE;
  font-size: 1.125rem;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  border-radius: 0.75rem;
  color: #585858;
}
.checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-info i {
  font-size: 22px;
  color: #4879CE;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .header-section .title {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .info-section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1.5rem 0;
  font-size: 1.125rem;
  color: #4b5563;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .info-section i {
  font-size: 25px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .info-section .cost-label {
  color: #9ca3af;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item.active .btn-checkout-conditional {
  background-color: #1f4a6f;
  color: white;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item.active .btn-checkout-conditional .tooltip {
  display: flex;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item.active .btn-checkout-conditional .btn-chechout-img {
  background: white;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item.active .btn-checkout-conditional .custom-check {
  background: url(assets/images/icons/checked-icon.svg);
  background-size: 100%;
  border-width: 2px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item.active .btn-checkout-conditional .ersal-price {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0.75rem;
  border-style: solid;
  border-width: 1px;
  border-color: oklch(0.872 0.01 258.338);
  background-color: #fbfbfb;
  width: 100%;
  padding: calc(0.25rem * 5);
  position: relative;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .btn-chechout-img {
  padding: 5px;
  border-radius: 5px;
  background: transparent;
  height: 30px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .pishtaz {
  max-width: 30px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional img {
  max-width: 40px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .custom-check {
  display: inline-block;
  border-radius: 0.375rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeaea;
  width: 20px;
  height: 20px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .ersal-price {
  visibility: hidden;
  opacity: 0;
  display: none;
  position: relative;
  background: white;
  color: black;
  font-size: 12px;
  margin-right: 20px;
  padding: 10px;
  border-radius: 5px;
  min-width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .ersal-price::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
  background: white;
  border-style: solid;
  border-width: 8px;
  border-color: #1f4a6f #1f4a6f #1f4a6f transparent;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .ersal-price .hazineh {
  color: #757575;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .ersal-price .price {
  color: #585858;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .shahrestan-sendtime {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: 25px;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .shahrestan-sendtime p {
  font-size: 20px;
  color: #636262;
}
.checkout-wrapper .checkout-right .delivery-shahrestan-container .shahrestan-sendtime i {
  font-size: 24px;
  color: var(--clr-red);
}
.checkout-wrapper .checkout-right .payment-checkout-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .payment-checkout-container .payment-options {
  padding: 0.75rem 1rem;
  background-color: #f9fafb;
  display: flex;
  gap: 0.75rem;
  border-radius: 0.75rem;
  margin: 0.75rem 0;
}
.checkout-wrapper .checkout-right .payment-checkout-container .payment-options .online-payment {
  padding: 0.75rem;
  max-width: 100%;
  width: 15rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  outline: none;
  cursor: pointer;
  color: var(--clr-dark);
}
.checkout-wrapper .checkout-right .payment-checkout-container .payment-options .online-payment.active {
  background-color: #dc2626;
  color: #ffffff;
}
.checkout-wrapper .checkout-right .payment-checkout-container .payment-options .installment-payment {
  padding: 0.75rem;
  max-width: 100%;
  width: 15rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  outline: none;
  cursor: pointer;
}
.checkout-wrapper .checkout-right .payment-checkout-container .payment-options .installment-payment.active {
  background-color: #dc2626;
  color: #ffffff;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list {
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  display: none;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list.active {
  display: flex;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item.active .btn-checkout-payment {
  border-color: oklch(0.627 0.194 149.214);
  background-color: oklch(0.982 0.018 155.826);
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item.active .custom-check {
  background: url(assets/images/icons/checked-icon.svg);
  background-size: 100%;
  border-width: 2px;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item .btn-checkout-payment {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0.75rem;
  border-style: solid;
  border-width: 1px;
  border-color: oklch(0.872 0.01 258.338);
  background-color: #fbfbfb;
  width: 100%;
  padding: calc(0.25rem * 5);
  position: relative;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item .btn-checkout-payment .custom-check {
  display: inline-block;
  border-radius: 0.375rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeaea;
  width: 20px;
  height: 20px;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item .btn-checkout-payment .bank-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.checkout-wrapper .checkout-right .payment-checkout-container .bank-list .bank-item .btn-checkout-payment .bank-details .bank-info {
  font-size: 0.75rem;
  color: #9ca3af;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details {
  padding: 0.75rem 1rem;
  background-color: #f9fafb;
  display: flex;
  gap: 0.75rem;
  border-radius: 0.75rem;
  margin: 0.75rem 0;
  align-items: center;
  font-size: 1.125rem;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-label {
  padding-left: 1.25rem;
  margin-left: 1.25rem;
  border-left: 1px solid #d1d5db;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-label .wallet-text {
  background-color: #ffffff;
  border-radius: 0.75rem;
  padding: 1rem 2.25rem;
  display: block;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-balance {
  display: flex;
  align-items: center;
  color: #585858;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle {
  background-color: #ffffff;
  border-radius: 0.75rem;
  padding: 1rem 2.25rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-right: auto;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label input[type="checkbox"] {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label input[type="checkbox"]:checked + .toggle-switch {
  background-color: #40C966;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label input[type="checkbox"]:checked + .toggle-switch::after {
  transform: translateX(-10px);
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label .toggle-switch {
  position: relative;
  width: 1.75rem;
  height: 1rem;
  background-color: #e5e7eb;
  outline: none;
  border-radius: 9999px;
  transition: all 0.2s ease-in-out;
}
.checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle .toggle-label .toggle-switch:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 2px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  height: 0.75rem;
  width: 0.75rem;
  transition: all 0.2s ease-in-out;
}
.checkout-wrapper .checkout-right .discount-cart-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .title {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form {
  background-color: #f9fafb;
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  display: flex;
  gap: 2rem;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .discount-input {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0 0.75rem;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .discount-input::placeholder {
  color: #BEBEBE;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .apply-button {
  font-size: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: #0ECC70;
  color: #ffffff;
  padding: 8px 16px;
}
.checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .apply-button i {
  font-size: 18px;
  color: white;
}
.checkout-wrapper .checkout-right .order-cart-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 2rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-wrapper .checkout-right .order-cart-container .header-section .title {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details {
  border-radius: 0.75rem;
  padding: 20px 15px;
  background-color: #FCFCFC;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 0.875rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .delivery-method {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .delivery-method .delivery-icon {
  height: 1.5rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .delivery-time {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #737373;
  font-size: 14px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .delivery-time i {
  color: var(--clr-red);
  font-size: 24px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .item-count {
  padding: 3px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #FFFFFF;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-right: auto;
  color: #757575;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-label i {
  color: var(--clr-red);
  font-size: 24px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-amount {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
  font-size: 18px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-amount .currency {
  font-weight: normal;
  color: #757575;
  font-size: 14px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .divider {
  width: 100%;
  display: block;
  border-bottom: 1px solid #9f9f9f45;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .shipping-cost {
  display: flex;
  gap: 2rem;
  align-items: center;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 0.5rem 0.75rem;
  width: fit-content;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .shipping-cost .cost-label {
  font-size: 14px;
  color: #757575;
  font-weight: 300;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .shipping-cost .cost-amount {
  font-weight: bold;
  color: #737373;
  font-size: 16px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .shipping-cost .cost-amount .currency {
  font-weight: normal;
  color: #737373;
  font-size: 14px;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid #EFEFEF;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-image {
  width: fit-content;
  padding: 1rem 1.25rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options {
  display: flex;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .quantity,
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .color-option {
  background-color: #ffffff;
  padding: 0.5rem 0.625rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .quantity .quantity-value,
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .color-option .quantity-value {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .quantity .color-box,
.checkout-wrapper .checkout-right .order-cart-container .order-details .order-items .items-list .item-details .item-options .color-option .color-box {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #000000;
  border-radius: 0.375rem;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .close-button-container {
  display: flex;
  justify-content: center;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .close-button-container .close-button {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #316ED8;
  font-size: 15px;
  background: transparent;
}
.checkout-wrapper .checkout-right .order-cart-container .order-details .close-button-container .close-button i {
  font-size: 18px;
}
.checkout-wrapper .checkout-left {
  width: 30%;
}
.checkout-wrapper .checkout-left .porduct-cart-summary {
  max-width: 22rem;
  margin-right: auto;
  margin-top: 20vh;
}
.thanks-for-buying {
  margin: 40px 0;
}
.thanks-for-buying .successful-buying {
  margin-top: 30px;
}
.thanks-for-buying .successful-buying .successful-buying-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #0ECC70;
  padding: 15px 0;
  border-radius: 16px 16px 0 0;
  color: white;
}
.thanks-for-buying .successful-buying .successful-buying-top.unsuccessful {
  background: #F68644;
}
.thanks-for-buying .successful-buying .successful-buying-top svg {
  margin-left: 5px;
}
.thanks-for-buying .successful-buying .successful-buying-top span {
  font-size: 18px;
}
.thanks-for-buying .successful-buying .successful-buying-bottom {
  background: #fff;
  margin-top: 12px;
  border-radius: 0 0 16px 16px;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .rahgiri {
  display: flex;
  align-items: center;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .rahgiri .code-rahgiri {
  margin-right: 10px;
  font-size: 18px;
  color: #636262;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .desc {
  margin-top: 30px;
  margin-bottom: 25px;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .desc p {
  font-size: 16px;
  color: #636262;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .darso-thanks {
  display: flex;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .darso-thanks span {
  color: #636262;
  font-size: 18px;
  font-weight: bold;
}
.thanks-for-buying .successful-buying .successful-buying-bottom .darso-thanks p {
  font-size: 18px;
  color: #636262;
}
.main-blog-slider-wrapper {
  position: relative;
  z-index: 1;
}
.main-blog-slider-wrapper.desktop {
  display: block;
}
.main-blog-slider-wrapper.phone {
  display: none;
}
.main-blog-slider-wrapper .mbs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #111, transparent);
  z-index: 1;
}
.main-blog-slider-wrapper .mbs-item-wrapper {
  position: relative;
}
.main-blog-slider-wrapper .mbs-item-wrapper .blog-slide-item {
  display: block;
  background-size: 100% 100%;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 75vh;
}
.main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 20vh;
  max-width: 93%;
  margin: auto;
  z-index: 2;
}
.main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper .mbs-content-tags a {
  padding: 8px;
  text-decoration: none;
  color: var(--clr-dark);
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  margin-left: 18px;
  font-size: 11px;
}
.main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper a {
  text-decoration: none;
}
.main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper a h3 {
  font-size: 24px;
  color: #fff;
  margin-top: 20px;
}
.main-blog-slider-wrapper .swiper-button-next {
  left: auto;
  left: var(--swiper-navigation-sides-offset, 64px);
}
.main-blog-slider-wrapper .swiper-button-prev {
  right: auto;
  right: var(--swiper-navigation-sides-offset, 64px);
}
.main-blog-slider-wrapper .swiper-button-next,
.main-blog-slider-wrapper .swiper-button-prev {
  background: #fff;
  color: #4B4B4B;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 20px;
}
.main-blog-slider-wrapper .swiper-button-next::after,
.main-blog-slider-wrapper .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
  color: var(--clr-red);
}
.main-blog-slider-wrapper .swiper-horizontal > .swiper-pagination-progressbar,
.main-blog-slider-wrapper .swiper-pagination-progressbar.swiper-pagination-horizontal {
  top: unset;
  bottom: 1px;
}
.main-blog-slider-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.top-blogs-slider-wrapper {
  position: relative;
  margin-top: 50px;
}
.top-blogs-slider-wrapper .topBlogSlider {
  margin-top: 30px;
}
@media (min-width: 1028px) {
  .top-blogs-slider-wrapper .topBlogSlider {
    max-width: 90%;
  }
}
.top-blogs-slider-wrapper .topBlogSlider .swiper-slide {
  width: 90%;
}
@media (min-width: 1028px) {
  .top-blogs-slider-wrapper .topBlogSlider .swiper-slide {
    width: 28%;
  }
}
.top-blogs-slider-wrapper .swiper-button-next,
.top-blogs-slider-wrapper .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background-color: var(--clr-red);
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.top-blogs-slider-wrapper .swiper-button-next {
  right: 15px;
  left: auto;
}
.top-blogs-slider-wrapper .swiper-button-prev {
  left: 15px;
  right: auto;
}
.top-blogs-slider-wrapper .swiper-button-next::after,
.top-blogs-slider-wrapper .swiper-button-prev::after {
  font-size: 16px;
}
.newest-blogs .top-sections-title.set-margin {
  margin: 80px 0;
}
.newest-blogs .newest-blogs-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.newest-blogs .newest-blogs-wrapper .nb-right {
  width: 70%;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item {
  width: 32.333%;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-content {
  padding: 1.75rem 1rem 1.75rem;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
  gap: 8px;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination span,
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  background: var(--clr-white);
  transition: 0.5s all ease;
  text-decoration: none;
  color: var(--clr-dark-light);
  text-align: center;
  line-height: 45px;
  font-size: 16px;
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination span:hover,
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination a:hover {
  background: var(--clr-red);
  color: var(--clr-white);
}
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination span.current,
.newest-blogs .newest-blogs-wrapper .nb-right .blog-pagination a.current {
  background: var(--clr-red);
  color: var(--clr-white);
}
.newest-blogs .newest-blogs-wrapper .nb-left {
  width: 30%;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-content-title {
  margin: 22px 0;
  margin-right: 12px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-content-title a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #A1A1A1;
  margin-bottom: 16px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-content-title a.active {
  color: #1D1D1D;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-content-title a:last-child {
  margin-bottom: 0;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-title-style .tst-right .bar {
  width: 3px;
  height: 31px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-title-style .tst-right .tst-right-text {
  font-size: 18px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-cats {
  margin-top: 24px;
  padding: 18px;
  display: flex;
  gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;
  border-radius: 16px;
  background: #fff;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-cats a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 12px;
  color: #CBC7C7;
  border: 1px solid #CBC7C7;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: 0.5s all ease;
  background: transparent;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-cats a:hover {
  color: #fff;
  background: var(--clr-red);
  border-color: var(--clr-red);
}
.newest-blogs .newest-blogs-wrapper .nb-left .set-margin-tb {
  margin-top: 24px;
  margin-bottom: 16px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items {
  padding: 24px 20px;
  background: #fff;
  border-radius: 16px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
  padding-bottom: 13px;
  border-bottom: 2px solid #97979745;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item:first-child {
  margin-top: 0px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item:last-child {
  border-bottom: none;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content a {
  text-decoration: none;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .text-section {
  flex: 1;
  padding-right: 10px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .text-section h4 {
  font-size: 14px;
  color: #374151;
  margin: 0;
  line-height: 1.4;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .text-section .icons {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .text-section .icons span {
  margin-left: 10px;
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .text-section .icons span i {
  margin-left: 5px;
  color: #6b7280;
  font-size: 16px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .image-section {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
}
.newest-blogs .newest-blogs-wrapper .nb-left .blog-sidebar-items .blog-sidebar-card-item .card-content .image-section .phone-image {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
}
.single-blog-wrapper .single-image-wrapper {
  position: relative;
  width: fit-content;
}
.single-blog-wrapper .single-image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #1e1e1e, transparent);
  z-index: 1;
  border-radius: 20px;
}
.single-blog-wrapper .single-image-wrapper img {
  border-radius: 20px;
  width: fit-content;
}
.single-blog-wrapper .mt-set {
  margin-top: 40px;
}
.single-blog-wrapper .single-right-content .src-top h1 {
  font-size: 24px;
  color: #4B4B4B;
  font-weight: 700;
}
.single-blog-wrapper .single-right-content .src-top .src-meta {
  display: flex;
  align-items: center;
  margin: 24px 0;
}
.single-blog-wrapper .single-right-content .src-top .src-meta.bottom {
  margin-bottom: 0;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span {
  margin-left: 10px;
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span.social-share {
  margin-right: 40px;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span.social-share a {
  display: inline-block;
  margin: 0 5px;
  height: 16px;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span.social-share a i {
  font-size: 18px;
  color: #696969;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span.social-share a:first-child {
  margin-right: 10px;
}
.single-blog-wrapper .single-right-content .src-top .src-meta span i {
  margin-left: 5px;
  color: #6b7280;
  font-size: 16px;
}
.single-blog-wrapper .single-right-content .src-top p {
  max-width: 85%;
  color: #707070;
}
.single-blog-wrapper .single-right-content .single-content {
  margin-top: 50px;
}
.single-blog-wrapper .single-right-content .single-content h2,
.single-blog-wrapper .single-right-content .single-content h3 {
  font-size: 20px;
}
.single-blog-wrapper .single-right-content .single-content h4,
.single-blog-wrapper .single-right-content .single-content h5,
.single-blog-wrapper .single-right-content .single-content h6 {
  font-size: 18px;
}
.single-blog-wrapper .single-right-content .single-content h2,
.single-blog-wrapper .single-right-content .single-content h3,
.single-blog-wrapper .single-right-content .single-content h4,
.single-blog-wrapper .single-right-content .single-content h5,
.single-blog-wrapper .single-right-content .single-content h6 {
  color: #4B4B4B;
}
.single-blog-wrapper .single-right-content .single-content p {
  color: #5C5C5C;
  font-size: 14px;
  display: block;
  margin: 15px 0;
  line-height: 27px;
}
.single-blog-wrapper .single-right-content .single-content img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 15px;
}
.contactus-page .contactus-item-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}
.contactus-page .contactus-item-wrapper .contactus-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border: 1px solid #F7F7F7;
  border-radius: 16px;
  width: 28%;
  background: #fff;
}
.contactus-page .contactus-item-wrapper .contactus-item .citem-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactus-page .contactus-item-wrapper .contactus-item .citem-right i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: var(--clr-red);
  color: #fff;
  box-shadow: 0 0 0px 5px #DF2D2D17;
}
.contactus-page .contactus-item-wrapper .contactus-item .citem-right span {
  font-size: 16px;
  color: #2F3239;
  margin-right: 12px;
}
.contactus-page .contactus-item-wrapper .contactus-item .citem-left a {
  display: block;
  text-decoration: none;
  color: #666666;
  font-size: 18px;
}
.contactus-page .map-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 24px;
}
.contactus-page .map-container .info-panel {
  flex: 2;
  background-color: #fff;
  padding: 48px 24px;
  border-radius: 16px;
}
.contactus-page .map-container .info-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.contactus-page .map-container .info-panel .panel-header h2 {
  font-size: 18px;
  color: #000;
}
.contactus-page .map-container .info-panel .panel-header .call-button {
  font-size: 20px;
  color: #ff0000;
  text-decoration: none;
}
.contactus-page .map-container .info-panel .divider {
  margin-top: 48px;
}
.contactus-page .map-container .info-panel .panel-content {
  display: flex;
  align-items: center;
  padding: 16px 18px;
  background: #FCFCFC;
  margin-bottom: 16px;
  border-radius: 16px;
}
.contactus-page .map-container .info-panel .panel-content i {
  font-size: 25px;
  color: var(--clr-red);
}
.contactus-page .map-container .info-panel .panel-content span {
  margin-right: 12px;
  font-size: 16px;
  color: #121212;
  flex-shrink: 0;
}
.contactus-page .map-container .info-panel .panel-content p {
  font-size: 16px;
  margin-right: 10px;
  color: #666666;
}
.contactus-page .map-container .info-panel .makanyab-irani-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 24px;
}
.contactus-page .map-container .info-panel .makanyab-irani-wrapper .mi-item {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.contactus-page .map-container .info-panel .makanyab-irani-wrapper .mi-item .mi-right img {
  display: flex;
  width: 100%;
}
.contactus-page .map-container .info-panel .makanyab-irani-wrapper .mi-item .mi-left span {
  font-size: 16px;
  font-weight: 500;
  color: #696969;
  margin-right: 10px;
}
.contactus-page .map-container .map-area {
  flex: 2;
  position: relative;
  padding: 24px;
  background: #Fff;
  border-radius: 16px;
}
.contactus-page .map-container .map-area iframe {
  width: 100%;
  border-radius: 28px;
  min-height: 486px;
}
.about-page .about-image img {
  width: 100%;
  border-radius: 32px;
}
.about-page .about-content-wrapper {
  position: relative;
  border-radius: 20px;
  background: #FFFFFF;
  padding: 80px 48px;
  margin-top: -16%;
}
.about-page .about-content-wrapper .about-darsoo-image {
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  display: flex;
  justify-content: center;
}
.about-page .about-content-wrapper .about-darsoo-image img {
  width: 100px;
}
.about-page .about-content-wrapper .about-darsoo-content p {
  font-size: 18px;
  color: #757575;
  line-height: 27px;
  margin-bottom: 20px;
}
.about-page .about-content-wrapper .about-darsoo-content .about-features {
  width: 60%;
  margin: 55px auto;
  display: flex;
  justify-content: space-between;
}
.about-page .about-content-wrapper .about-darsoo-content .about-features .about-features-item {
  text-align: center;
}
.about-page .about-content-wrapper .about-darsoo-content .about-features .about-features-item span {
  margin-top: 24px;
  font-size: 22px;
  color: #2E2E2E;
  display: block;
}
.about-page .about-content-wrapper .about-darsoo-content .about-features .about-features-item p {
  font-size: 16px;
  color: #747474;
  display: block;
}
.faq-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  gap: 20px;
}
.faq-wrapper .faq-right {
  width: 30%;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
}
.faq-wrapper .faq-right .faq-cat-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #9F9F9F;
  display: flex;
  align-items: center;
}
.faq-wrapper .faq-right .faq-cat-top i {
  font-size: 20px;
  color: var(--clr-red);
  margin-left: 10px;
}
.faq-wrapper .faq-right .faq-cat-top span {
  font-size: 18px;
  color: #121212;
}
.faq-wrapper .faq-right .faq-cat-item {
  border-radius: 8px;
  padding: 10px;
  background: #F9F9F9;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.faq-wrapper .faq-right .faq-cat-item.mt-set {
  margin-top: 12px;
}
.faq-wrapper .faq-right .faq-cat-item i {
  font-size: 18px;
  color: var(--clr-red);
  margin-left: 10px;
}
.faq-wrapper .faq-right .faq-cat-item span {
  font-size: 16px;
  color: #323131;
}
.faq-wrapper .faq-right .divider {
  margin: 12px 0;
}
.faq-wrapper .faq-right .divider span {
  width: 100%;
  height: 1px;
  display: block;
  background: #F2F0F0;
}
.faq-wrapper .faq-left {
  width: 70%;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
}
.faq-wrapper .faq-left .divider {
  margin-top: 40px;
}
.faq-wrapper .faq-left .faq-container {
  display: none;
}
.faq-wrapper .faq-left .faq-container.active {
  display: block;
}
.faq-container {
  max-width: 100%;
  margin: 0 auto;
}
.faq-container .faq-item {
  background-color: #FBFBFB;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.faq-container .faq-item.active .faq-answer {
  display: block;
}
.faq-container .faq-item .faq-question {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 20px;
  cursor: pointer;
}
.faq-container .faq-item .faq-question span {
  font-size: 20px;
  color: #000000;
}
.faq-container .faq-item .faq-question .faq-toggle {
  width: 27px;
  height: 27px;
  background-color: #FBE6E6;
  border-radius: 8px;
  margin-left: 10px;
  text-align: center;
}
.faq-container .faq-item .faq-question .faq-toggle i {
  font-size: 18px;
  color: var(--clr-red);
  transition: transform 0.3s ease;
}
.faq-container .faq-item .faq-answer {
  padding: 0 15px 15px;
  display: none;
  color: #666;
  line-height: 1.6;
}
.faq-container .faq-item .faq-answer p {
  margin: 0;
}
.rules-content-container {
  background: #fff;
  padding: 32px 24px;
  border-radius: 20px;
}
.rules-content-container .rule-content h2,
.rules-content-container .rule-content h3 {
  font-size: 20px;
}
.rules-content-container .rule-content h4,
.rules-content-container .rule-content h5,
.rules-content-container .rule-content h6 {
  font-size: 18px;
}
.rules-content-container .rule-content h2,
.rules-content-container .rule-content h3,
.rules-content-container .rule-content h4,
.rules-content-container .rule-content h5,
.rules-content-container .rule-content h6 {
  color: #4B4B4B;
}
.rules-content-container .rule-content p {
  color: #5C5C5C;
  font-size: 14px;
  display: block;
  margin: 15px 0;
  line-height: 27px;
}
.rules-content-container .rule-content img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 15px;
}
.buy-sell-org-form {
  display: none;
}
.buy-sell-org-form.active {
  display: block;
}
.buy-sell-org-form .comments-form .cftr input[type=text] {
  width: 32%;
}
.not-found-page {
  text-align: center;
  margin: 50px 0;
}
.not-found-page .not-found-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  max-width: 43%;
  margin: auto;
}
.not-found-page .not-found-content .badge {
  width: 111px;
  height: 43px;
  border-radius: 5px;
  border: 1px solid #EE8B8B;
  padding: 12px;
  text-align: center;
  color: var(--clr-red);
  background: #fbe6e6;
}
.not-found-page .not-found-content h1 {
  font-size: 22px;
  color: #131313;
  font-weight: 800;
}
.not-found-page .not-found-content p {
  font-size: 16px;
  color: #555555;
  line-height: 25px;
}
.not-found-page .not-found-content a {
  text-decoration: none;
  color: #fff;
  padding: 13px 0;
  min-width: 30%;
  border-radius: 14px;
  background: #212121;
  font-size: 16px;
  font-weight: 600;
}
.not-found-page .not-found-image {
  margin: auto;
  margin-top: 50px;
  max-width: 30%;
}
.not-found-page .not-found-image img {
  width: 100%;
}
.product-card-container .product-card .details-section .product-info .rating-section {
  color: #fdbd01;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 0;
}
a.woocommerce-review-link {
  text-decoration: none;
  color: #8C8C8C;
}
.woocommerce div.product p.stock {
  font-size: 0.92em;
  display: none;
}
.woocommerce div.product form.cart {
  margin-bottom: 0;
}
.woocommerce-variation-price .price .woocommerce-Price-amount bdi {
  text-decoration: none;
  color: #2E2E2E;
  font-size: 18px;
}
.woocommerce-variation-price {
  text-align: left;
  margin: 10px 0;
}
form.cart .add-to-cart,
.woocommerce-variation-add-to-cart .add-to-cart {
  width: 100%;
  font-family: "yekanbakh";
  border-radius: 8px !important;
  background-color: #dc2626 !important;
  line-height: inherit !important;
  color: #ffffff !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem !important;
  border: none !important;
  cursor: pointer;
  font-size: 16px !important;
}
.woocommerce a.added_to_cart {
  display: none;
}
.woocommerce div.product form.cart .variations td {
  display: flex;
}
.woocommerce div.product form.cart .reset_variations {
  text-decoration: none;
  color: red;
}
.woocommerce div.product form.cart .variations th {
  color: #6b7280;
  margin-bottom: 5px;
}
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name,
.woocommerce div.product form.cart .variations label {
  font-weight: 400;
}
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  gap: 10px;
  margin: 2rem 0 1rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  cursor: pointer;
  width: 70px;
  height: 70px;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(n+5) {
  display: none;
}
.woocommerce div.product div.images .flex-control-thumbs li.woocommerce-product-gallery__trigger {
  position: relative;
  background-color: #000000;
  margin-top: -8px;
  text-indent: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li.woocommerce-product-gallery__trigger::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  pointer-events: none;
  border-radius: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li.woocommerce-product-gallery__trigger::after {
  content: "\e411";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #252323;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9;
  text-align: center;
  background: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 6px;
  gap: 2px;
  cursor: pointer;
  transform: translate(-19px, 0px);
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  max-width: 100%!important;
  height: 100%!important;
  width: 100%!important;
  object-fit: contain!important;
  padding: 0.5rem 0.75rem;
}
.woocommerce div.product div.images {
  margin-bottom: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
  border: 2px solid transparent;
  display: block;
  height: 30px;
  right: -2px;
  top: 0px;
  position: absolute;
  width: 30px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  height: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 4px;
  width: 40px;
  border-radius: 0;
  z-index: 999;
  background: transparent;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
  background: transparent;
}
.woocommerce #reviews #comments ol.commentlist li {
  border-radius: 0.75rem;
  background-color: #f9fafb;
  padding: 1.5rem;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  float: unset;
  position: relative;
  top: unset;
  right: unset;
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  padding: unset;
  background: #e9e6ed;
  border: unset;
  margin: 0;
  box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container {
  display: flex;
  justify-content: space-between;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-right: 1rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .star-rating::before {
  color: #fdbd01;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .star-rating span {
  color: #fdbd01;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .meta .woocommerce-review__dash {
  display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .meta .woocommerce-review__author {
  font-size: 15px;
  color: #2e2e2e;
  font-weight: 400;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container .gravatar-and-reveiw-container .name-and-review .meta .woocommerce-review__published-date {
  font-size: 0.75rem;
  color: #6b7280;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: 1rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #2e2e2e;
  margin: 0;
}
.woocommerce #review_form #respond .comment-reply-title {
  display: block;
  font-size: 16px;
  color: #757575;
  margin: 20px 0;
}
form.comment-form .comment-form-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 30%;
}
form.comment-form .comment-form-rating label {
  font-size: 16px;
  color: #757575;
}
form.comment-form .comment-form-rating p.stars {
  margin: 0!important;
}
form.comment-form .comment-form-rating p.stars a {
  color: #fdbd01;
}
.woocommerce #review_form #respond textarea {
  width: 100%;
  border-radius: 14px;
  padding: 24px;
  min-height: 173px;
  font-size: 18px;
  margin-top: 12px;
  background: #f9fafb;
}
.woocommerce #review_form #respond textarea::placeholder,
.woocommerce #review_form p.comment-form-author input::placeholder,
.woocommerce #review_form p.comment-form-email input::placeholder {
  color: #5151514D;
}
.woocommerce #review_form p.comment-form-author,
.woocommerce #review_form p.comment-form-email {
  margin: 0;
}
.woocommerce #review_form p.comment-form-author input,
.woocommerce #review_form p.comment-form-email input {
  width: 48%;
  border-radius: 14px;
  padding: 24px;
  color: #5151514D;
  font-size: 18px;
  background: #f9fafb;
}
.woocommerce #review_form .wrap-comment-fields {
  display: flex;
  justify-content: space-between;
}
.woocommerce #review_form .wrap-comment-fields p {
  display: block;
  width: 48%;
}
.woocommerce #review_form .wrap-comment-fields p input {
  width: 100%;
}
.woocommerce #review_form #respond .form-submit input {
  background: #212121;
  color: #fff;
  border-radius: 14px;
  width: 100%;
  height: 73px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  font-family: inherit;
}
p.comment-form-cookies-consent {
  margin-top: 15px !important;
  display: block;
}
.woo-variation-swatches .variable-items-wrapper.button-variable-items-wrapper {
  flex-direction: column!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
  font-size: 12px;
  font-weight: 300;
  color: #757575;
  box-shadow: unset;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .check-icon {
  width: 5%;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .check-icon i {
  display: block;
  width: 17px;
  height: 17px;
  background: white;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
  box-shadow: unset!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected .check-icon i {
  background: url(assets/images/checkedsign.svg);
  background-size: 100%;
  border: 1px solid #0ecc70;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
  padding: 5px;
  border-radius: 6px;
  width: fit-content;
  background: #FCFCFC;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected {
  box-shadow: 0 0 0 1px #0ECC70;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-contents {
  flex-direction: row;
  gap: 5px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
  width: 19px;
  height: 19px;
  display: block;
  border-radius: 6px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
  box-shadow: 0 0 0 1px #a8a8a8;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before {
  display: none;
}
.woo-selected-variation-item-name,
.woocommerce div.product form.cart .reset_variations {
  display: none !important;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
  width: 100%;
  height: auto;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
  display: flex;
  flex-direction: row-reverse;
  line-height: 20px;
  text-align: right;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: flex-end;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span span {
  width: 90%;
  display: block;
}
.newest-blogs .fa-folder-magnifying-glass {
  font-size: 3rem;
  color: #df2d2d;
}
.product-card-1 .product-card-top .pct-img img {
  width: 250px;
  height: 220px;
  object-fit: contain;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.modal {
  display: none;
  position: fixed;
  z-index: 6;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
.modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  width: 460px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 10px;
}
.modal .modal-content i {
  color: #00D154;
}
.woocommerce-message {
  border-top-color: #21bd5a !important;
}
.woocommerce-message::before {
  color: #22c55e !important;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.select2-container .select2-dropdown,
.select2-container .select2-selection {
  flex-grow: 1;
  background-color: #f3f4f6;
  border-radius: 0.75rem;
  padding: 1rem;
  font-size: 15px;
  outline: none!important;
  border: none!important;
  font-family: "yekanbakh" !important;
}
.woocommerce form .form-row label {
  font-size: 16px;
}
.woocommerce-billing-fields__field-wrapper #billing_country_field {
  display: none;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-email-class {
  width: 100%;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-state-class {
  order: 1;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-city-class {
  order: 2;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-address-class {
  order: 3;
  width: 100%;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-postcode-class {
  order: 4;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .restset-billing-job-class {
  order: 5;
}
.woocommerce .checkout-wrapper .checkout-right .receiver-cart-container .form-container .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .hidden-item {
  display: none;
}
.woocommerce form .form-row {
  width: 47%;
}
form.checkout.woocommerce-checkout .checkout-step {
  display: none;
}
form.checkout.woocommerce-checkout .checkout-step .checkout-stepsbtnp-container {
  display: flex;
  gap: 15px;
}
form.checkout.woocommerce-checkout .checkout-step .checkout-stepsbtnp-container .next-checkout-step,
form.checkout.woocommerce-checkout .checkout-step .checkout-stepsbtnp-container .prev-checkout-step,
form.checkout.woocommerce-checkout .checkout-step .prev-checkout-step,
form.checkout.woocommerce-checkout .checkout-step .next-checkout-step,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  border-radius: 8px;
  background-color: #22c55e;
  margin-top: 10px;
  color: #ffffff;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  outline: none;
  border: none;
  font-size: 15px;
  font-family: "yekanbakh";
  display: flex;
  align-items: center;
  cursor: pointer;
}
form.checkout.woocommerce-checkout .checkout-step.active {
  display: block;
}
.register-address-modal-back {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 999;
  display: none;
}
.register-address-modal-back.active {
  display: block;
}
.register-address-modal {
  position: relative;
  display: none;
  background-color: white;
  border-radius: 0px;
  padding: 1.5rem;
  max-width: 100%;
  width: 100%;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  overflow-y: auto;
  height: 100vh;
}
.register-address-modal::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}
@media (min-width: 1280px) {
  .register-address-modal {
    width: auto;
    border-radius: 8px;
    width: 800px;
    height: auto;
  }
}
.register-address-modal.active {
  display: block;
}
.register-address-modal .register-address-close-btn {
  position: absolute;
  left: 15px;
  top: 5px;
  font-size: 28px;
  cursor: pointer;
  padding: 0 0.5rem;
  display: block;
  z-index: 9;
}
.register-address-modal .select-map-address .register-address-modal-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  position: relative;
}
.register-address-modal .select-map-address .register-address-modal-header .new-address {
  font-size: 16px;
  color: #272727;
  font-weight: 500;
}
.register-address-modal .select-map-address .register-address-modal-header p {
  font-size: 14px;
  color: #737373;
  font-weight: 500;
  margin-top: 7px;
}
.register-address-modal .select-map-address .register-address-map-container {
  position: relative;
  margin-bottom: 1rem;
}
.register-address-modal .select-map-address .register-address-map-container .location-search {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  font-size: 14px;
  z-index: 2;
}
.register-address-modal .select-map-address .register-address-map-container .location-search button {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  left: 5px;
  width: 40px;
  height: 40px;
  background: transparent;
}
.register-address-modal .select-map-address .register-address-map-container .location-search button i {
  font-size: 20px;
  color: #585858;
}
.register-address-modal .select-map-address .register-address-map-container .location-search input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  background: white;
  border-radius: 8px;
}
.register-address-modal .select-map-address .register-address-map-container .map-image {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.register-address-modal .select-map-address .continue-address {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .register-address-modal .select-map-address .continue-address {
    flex-direction: row;
    align-items: center;
  }
}
.register-address-modal .select-map-address .continue-address .info-text {
  margin: 1rem 0;
  color: #444;
}
.register-address-modal .select-map-address .continue-address .confirm-addres-btn {
  background-color: #d32f2f;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  width: 110px;
  height: 45px;
}
.register-address-modal .select-map-address .warning-address-box {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
  padding: 1rem;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #4879CE;
}
.register-address-modal .select-map-address .warning-address-box i {
  color: #4879CE;
  font-size: 20px;
  margin-top: 5px;
  margin-left: 8px;
}
.register-address-modal .register-address-details {
  display: none;
}
.register-address-modal .register-address-details.active {
  display: block;
}
.register-address-modal .register-address-details .register-address-divider {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  background-color: #DBDBDB;
}
.register-address-modal .register-address-details .register-address-details-header {
  position: relative;
  text-align: right;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DBDBDB;
  display: flex;
  align-items: center;
}
.register-address-modal .register-address-details .register-address-details-header i {
  font-size: 20px;
  color: #272727;
  margin-left: 10px;
  cursor: pointer;
}
.register-address-modal .register-address-details .register-address-details-header .details-title {
  font-size: 16px;
  color: #272727;
  font-weight: 500;
}
.register-address-modal .register-address-details .register-address-details-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex: 1;
  min-width: 140px;
}
.register-address-modal .register-address-details .register-address-details-form-group {
  margin-bottom: 5px;
  flex: 1;
  min-width: 140px;
}
.register-address-modal .register-address-details .register-address-details-form-group label {
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
  color: #585858;
}
.register-address-modal .register-address-details .register-address-details-form-group label.title-head {
  display: block;
  margin: 12px 0;
}
.register-address-modal .register-address-details .register-address-details-form-group .address-note {
  font-size: 14px;
  color: #9F9F9F;
}
.register-address-modal .register-address-details .register-address-details-form-group .text-area {
  resize: none;
}
.register-address-modal .register-address-details .register-address-details-form-group .input,
.register-address-modal .register-address-details .register-address-details-form-group .text-area {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.75rem;
  font-size: 1rem;
  box-sizing: border-box;
}
.register-address-modal .register-address-details .register-address-details-form-group .map-edit-link {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 14px;
  color: #4879CE;
  text-decoration: none;
}
.register-address-modal .register-address-details .register-address-details-form-group .map-edit-link i {
  font-size: 16px;
  margin-right: 3px;
}
.register-address-modal .register-address-details .register-address-details-form-group .hint {
  font-size: 0.75rem;
  color: #888;
  margin-top: 0.25rem;
  display: block;
}
.register-address-modal .register-address-details .register-address-details-form-group.checkbox-row {
  margin: 1rem 0;
}
.register-address-modal .register-address-details .register-address-details-submit-btn {
  width: 100%;
  background-color: #d32f2f;
  color: white;
  padding: 0.75rem;
  font-size: 1rem;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}
.register-address-modal .register-address-details .register-address-details-submit-btn:hover {
  background-color: #b71c1c;
}
.profile-nothing-found {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}
.profile-nothing-found .no-order-item-content {
  text-align: center;
}
.profile-nothing-found .no-order-item-content span {
  display: block;
}
.user-profile-container {
  width: 95%;
  margin: auto;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .user-profile-container {
    width: 100%;
    flex-direction: row;
    padding: 24px;
    gap: 24px;
  }
}
.user-profile-container .user-header-mobile {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.user-profile-container .user-header-mobile .h-menu {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: #EFEEEE;
  text-align: center;
  line-height: 50px;
  margin-left: 15px;
  cursor: pointer;
}
.user-profile-container .user-header-mobile .h-menu i {
  font-size: 24px;
  color: #585858;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile {
    justify-content: center;
    display: none;
  }
}
.user-profile-container .user-header-mobile .user-info {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile .user-info {
    flex-direction: column;
  }
}
.user-profile-container .user-header-mobile .user-info .avatar-container {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #4b5563;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile-container .user-header-mobile .user-info .avatar-container i {
  font-size: 18px;
  color: white;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile .user-info .avatar-container {
    width: 80px;
    height: 80px;
  }
}
.user-profile-container .user-header-mobile .user-info .avatar-container .edit-button {
  padding: 6px;
  border-radius: 50%;
  background-color: #f3f4f6;
  position: absolute;
  right: 0px;
  border: 1px solid #0a0a0a12;
  bottom: 0px;
  transform: translate(50%, 50%);
  width: 30px;
  height: 30px;
}
.user-profile-container .user-header-mobile .user-info .avatar-container .edit-button i {
  font-size: 13px;
  color: #121212;
}
.user-profile-container .user-header-mobile .user-info .user-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile .user-info .user-details {
    align-items: center;
  }
}
.user-profile-container .user-header-mobile .user-info .user-details .welcome-text {
  color: #4b5563;
  font-size: 12px;
}
.user-profile-container .user-header-mobile .user-info .user-details .user-name {
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile .user-info .user-details .user-name {
    font-size: 14px;
  }
}
.user-profile-container .user-header-mobile .mobile-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .user-header-mobile .mobile-actions {
    display: none;
  }
}
.user-profile-container .user-header-mobile .mobile-actions .search-button {
  position: relative;
  background: transparent;
}
.user-profile-container .user-header-mobile .mobile-actions .search-button i {
  font-size: 22px;
  margin-left: 15px;
}
.user-profile-container .user-header-mobile .mobile-actions .notification-badge {
  position: absolute;
  height: 12px;
  width: 12px;
  font-size: 10px;
  right: 0;
  top: 0;
  border-radius: 9999px;
  background-color: #3b82f6;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile-container .user-header-mobile .mobile-actions .divider {
  display: none;
}
.user-profile-container .sidebar {
  flex-shrink: 0;
  border-radius: 0 0 16px 16px;
  width: 100%;
  position: fixed;
  background: #ffffff;
  z-index: 99;
  padding: 10px 25px;
  transform: translateX(110%);
  transition: 0.5s all ease;
  height: 100vh;
  overflow: auto;
}
.user-profile-container .sidebar.active {
  transform: translateX(12px);
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar {
    display: block;
    position: relative;
    background-color: #ffffff;
    padding: 20px 12px;
    max-width: 240px;
    height: 100%;
    border-radius: 16px;
    transform: translateX(0px);
    height: auto;
    overflow: unset;
  }
}
.user-profile-container .sidebar > * {
  flex-shrink: 0;
}
.user-profile-container .sidebar .sidebar-content {
  padding-left: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.user-profile-container .sidebar .sidebar-content .mobile-back {
  margin-top: 8px;
  cursor: pointer;
}
.user-profile-container .sidebar .sidebar-content .mobile-back i {
  font-size: 24px;
  color: #000000;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .mobile-back {
    display: none;
  }
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content {
    overflow-y: auto;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 10px;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header {
    justify-content: center;
    padding: 0;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .user-info {
    flex-direction: column;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #4b5563;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container i {
  font-size: 18px;
  color: white;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container {
    width: 80px;
    height: 80px;
  }
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container i {
    font-size: 28px;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container .edit-button {
  padding: 2px;
  border-radius: 50%;
  background-color: #f3f4f6;
  position: absolute;
  right: 0px;
  border: 1px solid #0a0a0a12;
  bottom: 0px;
  transform: translate(50%, 50%);
  width: 25px;
  height: 25px;
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container .edit-button i {
  font-size: 11px;
  color: #121212;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container .edit-button {
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    padding: 6px;
  }
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .avatar-container .edit-button i {
    font-size: 13px;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .user-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .user-details {
    align-items: center;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .user-details .welcome-text {
  color: #4b5563;
  font-size: 12px;
}
.user-profile-container .sidebar .sidebar-content .user-header .user-info .user-details .user-name {
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .user-info .user-details .user-name {
    font-size: 14px;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .mobile-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .mobile-actions {
    display: none;
  }
}
.user-profile-container .sidebar .sidebar-content .user-header .mobile-actions .search-button {
  position: relative;
  background: transparent;
}
.user-profile-container .sidebar .sidebar-content .user-header .mobile-actions .search-button i {
  font-size: 18px;
}
.user-profile-container .sidebar .sidebar-content .user-header .mobile-actions .notification-badge {
  position: absolute;
  height: 12px;
  width: 12px;
  font-size: 10px;
  right: 0;
  top: 0;
  border-radius: 9999px;
  background-color: #3b82f6;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .user-header .mobile-actions .divider {
    height: 24px;
    background-color: #d1d5db;
    width: 1px;
  }
}
.user-profile-container .sidebar .sidebar-content .wallet-info {
  display: flex;
  border-radius: 8px;
  border: 1px solid #f3f4f6;
  padding: 12px 8px;
  gap: 8px;
  align-items: center;
}
.user-profile-container .sidebar .sidebar-content .wallet-info .wallet-icon {
  border-radius: 6px;
  background-color: #4879CD26;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 35px;
}
.user-profile-container .sidebar .sidebar-content .wallet-info .wallet-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #4879CE;
}
.user-profile-container .sidebar .sidebar-content .wallet-info .wallet-details .wallet-balance {
  color: #374151;
}
.user-profile-container .sidebar .sidebar-content .wallet-info .top-up-button {
  font-size: 12px;
  border-radius: 6px;
  padding: 4px;
  background-color: #4879CD26;
  color: #5C87D3;
  margin-right: auto;
}
.user-profile-container .sidebar .sidebar-content .mobile-status {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .mobile-status {
    display: none;
  }
}
.user-profile-container .sidebar .sidebar-content .mobile-status .status-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}
.user-profile-container .sidebar .sidebar-content .mobile-status .status-item .status-icon {
  position: relative;
  border-radius: 12px;
  background-color: #f3f4f6;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 70px;
}
.user-profile-container .sidebar .sidebar-content .mobile-status .status-item .status-icon svg {
  width: 30px;
  height: 30px;
}
.user-profile-container .sidebar .sidebar-content .mobile-status .status-item .status-icon .status-badge {
  position: absolute;
  width: 15px;
  height: 15px;
  font-size: 10px;
  border-radius: 9999px;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background-color: #374151;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.user-profile-container .sidebar .sidebar-content .nav-menu {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  margin-top: -8px;
  list-style: none;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .nav-menu {
    gap: 12px;
  }
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item {
  position: relative;
  border-radius: 8px;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item::before {
  position: absolute;
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
  display: block;
  top: 8px;
  right: 5px;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--dashboard::before {
  content: "\e487";
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--orders::before {
  content: "\e0c4";
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--edit-address::before {
  content: "\f606";
  font-size: 23px;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--edit-account::before {
  content: "\f4ff";
  font-size: 18px;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--nirwallet::before {
  content: "\f555";
  font-size: 18px;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--wishlist::before {
  content: "\f004";
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.woocommerce-MyAccount-navigation-link--customer-logout::before {
  content: "\f08b";
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.is-active {
    color: #dc2626;
    background-color: #fef2f2;
  }
  .user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.is-active i {
    color: #dc2626;
  }
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item.is-active .nav-link {
  color: var(--clr-red);
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link {
  display: block;
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #d1d5db;
  text-decoration: none;
  color: #4B4B4B;
  text-indent: 25px;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link {
    margin: 0;
    padding: 8px;
    border: none;
    border-radius: 8px;
  }
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link.logout {
  color: #dc2626;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link.logout .arrow-icon {
  stroke: #dc2626;
}
.user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link .arrow-icon {
  margin-right: auto;
  display: block;
}
@media (min-width: 1280px) {
  .user-profile-container .sidebar .sidebar-content .nav-menu .nav-item .nav-link .arrow-icon {
    display: none;
  }
}
.user-profile-container .profile-content {
  width: 100%;
}
.user-profile-container .profile-content .header-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .header-container {
    width: 100%;
  }
}
.user-profile-container .profile-content .header-container .header-bar {
  display: none;
  background-color: #ffffff;
  padding: 16px 24px;
  border-radius: 16px;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .header-container .header-bar {
    display: flex;
  }
}
.user-profile-container .profile-content .header-container .header-bar .date-container {
  position: relative;
  padding-right: 16px;
}
.user-profile-container .profile-content .header-container .header-bar .date-container:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background-color: #000000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user-profile-container .profile-content .header-container .header-bar .search-button i {
  color: #4b4b4b;
  font-size: 20px;
}
.user-profile-container .profile-content .header-container .header-bar .divider {
  height: 24px;
  background-color: #f3f4f6;
  width: 1px;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar {
  width: 30%;
  display: flex;
  align-items: center;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  padding: 12px;
  gap: 12px;
  font-size: 12px;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar .search-button {
  background: transparent;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar .search-button i {
  font-size: 20px;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar .search-label {
  flex-shrink: 0;
  font-weight: bold;
  color: #696969;
  font-size: 14px;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar .search-input {
  width: 100%;
  outline: none;
}
.user-profile-container .profile-content .header-container .header-bar .search-bar .search-input::placeholder {
  color: #b3b3b3;
}
.user-profile-container .profile-content .header-container .header-bar .user-profile {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #3b82f6;
  background: transparent;
}
.user-profile-container .profile-content .header-container .header-bar .user-profile .fa-user {
  font-size: 22px;
  margin-left: 3px;
}
.user-profile-container .profile-content .header-container .header-bar .user-profile .fa-chevron-down {
  font-size: 18px;
  margin-right: 3px;
}
.user-profile-container .profile-content .profile-content-box {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
}
.user-profile-container .profile-content .profile-content-container {
  width: 100%;
  margin-top: 25px;
}
.user-profile-container .profile-content .profile-content-container::-webkit-scrollbar {
  width: 5px;
  background-color: white;
}
.user-profile-container .profile-content .profile-content-container::-webkit-scrollbar-track {
  background: white;
  border-radius: 4px;
}
.user-profile-container .profile-content .profile-content-container::-webkit-scrollbar-thumb {
  background: #cecece;
  border-radius: 4px;
  transition: background 0.2s;
}
.user-profile-container .profile-content .profile-content-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.user-profile-container .profile-content .profile-content-container #profile-orders .orders-card {
  display: none;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container #profile-orders .orders-card {
    display: block;
  }
}
.user-profile-container .profile-content .profile-content-container .orders-details-container {
  width: 100%;
  display: none;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-header .header-title .title-bar {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-grid .order-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-grid .order-item .order-icon {
  border-radius: 16px;
  background-color: #f3f4f6;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 95px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-grid .order-item .order-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.user-profile-container .profile-content .profile-content-container .orders-details-container .orders-content .orders-card .orders-grid .order-item .order-details .order-status {
  color: #9ca3af;
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 25px;
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .favorite-list-container {
    margin-bottom: 0px;
  }
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-header .header-title .title-bar {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-header .header-button a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: var(--clr-red);
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-content {
  display: flex;
  gap: 15px;
  row-gap: 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-content {
    gap: 60px;
    row-gap: 50px;
  }
}
.user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-content .product-card-1 {
  width: 47%;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .favorite-list-container .favorite-content .product-card-1 {
    width: 22%;
    margin: 0;
  }
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper {
  display: none;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container {
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
  margin-top: 24px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .header-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .header-section .title-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .header-section .title-wrapper .title-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid {
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid .info-item {
  display: flex;
  gap: 16px;
  align-items: center;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid .info-item .icon-container {
  padding: 8px;
  border-radius: 16px;
  background-color: #f3f4f6;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid .info-item .info-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .wallet-details-container .info-grid .info-item .info-text .text-muted {
  color: #9ca3af;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container {
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
  margin-top: 24px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .info-banner {
  border: 1px solid #2563eb;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .info-banner i {
  font-size: 22px;
  color: #4879CE;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .header-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .header-section .title-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .header-section .title-wrapper .title-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .button-group {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .button-group .primary-button {
  border-radius: 12px;
  width: 100%;
  max-width: 248px;
  padding: 12px 0;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  text-align: center;
  color: #121212;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .button-group .primary-button.active {
  border: 1px solid #2563eb;
  background-color: #2563eb;
  color: #ffffff;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section {
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: grid;
  gap: 28px;
  display: none;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section {
    padding: 32px;
  }
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section:last-child {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section {
    grid-template-columns: repeat(2, 1fr);
    width: 70%;
  }
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item:first-child {
  margin-top: 0;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .form-label {
  font-weight: normal;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container {
  background-color: #f3f4f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container i {
  color: #9F9F9F;
  font-size: 18px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container .input-field {
  flex-grow: 1;
  border: none;
  background: none;
  outline: none;
  padding: 16px 0;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container .input-field:placeholder {
  color: #5151514D;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container-shaba {
  background-color: #f3f4f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container-shaba .input-field {
  flex-grow: 1;
  border: none;
  background: none;
  outline: none;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .input-container-shaba .shaba-prefix {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #6b7280;
  font-size: 12px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts .suggestion-label {
  font-size: 12px;
  color: #6b7280;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts .suggestion-buttons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1024px) {
  .user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts .suggestion-buttons {
    grid-template-columns: repeat(5, 1fr);
  }
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts .suggestion-buttons button {
  background-color: #eff6ff;
  color: #2563eb;
  padding: 12px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  border: 1px solid transparent;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .suggested-amounts .suggestion-buttons button.active {
  border: 1px solid #2563eb;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway {
  border-radius: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #f3f4f6;
  padding: 12px;
  border-radius: 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option img {
  width: 33px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option.active {
  border-color: #16a34a;
  background-color: #f0fdf4;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option.active .radio-indicator {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/checkedsign.svg);
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option .bank-radio {
  display: none;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option .radio-indicator {
  width: 20px;
  height: 20px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-item .bank-gateway .bank-option .bank-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-action {
  grid-column-start: 1;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transfer-container .form-section .form-action .submit-button {
  background-color: #dc2626;
  color: #ffffff;
  width: 100%;
  padding: 16px 0;
  border-radius: 12px;
  text-align: center;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container {
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
  margin-top: 24px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .header-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .header-section .title-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .header-section .title-wrapper .title-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper::-webkit-scrollbar {
  display: none;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container {
  border-radius: 16px;
  border: 1px solid #d1d5db;
  min-width: 768px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container .table-header {
  border-bottom: 1px solid #d1d5db;
  text-align: center;
  padding: 20px 0;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container .table-header .table-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 0 20px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container .table-body {
  padding: 20px;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container .table-body .table-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
  font-size: 14px;
  color: #6b7280;
}
.user-profile-container .profile-content .profile-content-container .wallet-wrapper .transactions-container .table-wrapper .table-container .table-body .table-row .status-success {
  color: #16a34a;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  display: none;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container {
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-header .header-content {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-header .header-content .header-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content {
    grid-template-columns: 8fr 2fr;
  }
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #f9fafb;
  border-radius: 12px;
  padding: 24px;
  margin-top: 15px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-bottom: 5px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row {
    grid-template-columns: 2fr 7fr;
  }
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .address-row-left {
  display: flex;
  justify-content: space-between;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .address-row-left .address-text {
  color: #272727;
  font-size: 16px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-btn-address {
  background: transparent;
  width: 40px;
  height: 40px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-btn-address i {
  font-size: 24px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-btn-address.active i {
  color: red;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box {
  display: none;
  position: absolute;
  top: 26px;
  width: 200px;
  left: 26px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
  text-align: right;
  padding: 10px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box .edit-button-divider {
  width: 100%;
  height: 1px;
  background: #DBDBDB;
  margin: 10px 0;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box .edit-button-box-item {
  color: #585858;
  cursor: pointer;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box .edit-button-box-item i {
  font-size: 14px;
  margin-left: 8px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-row .button-container .edit-button-box .edit-button-box-item span {
  font-size: 15px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 10px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details {
    grid-template-columns: 2fr 7fr;
    gap: 20px;
  }
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-map-container {
  border-radius: 12px;
  height: 147px;
  width: 100%;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-map-container img {
  width: 100%;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-info-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-info-container .info-item {
  background-color: #f3f4f6;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  color: #737373;
  font-size: 14px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-info-container .info-item {
    width: 53%;
    font-size: 15px;
  }
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-info-container .info-item i {
  font-size: 20px;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-main-section .address-card .address-details .address-info-container .info-item:not(:first-child) {
  background-color: transparent;
  padding: 0;
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-sidebar .add-address-button {
  padding: 12px 24px;
  border: 1px solid #dc2626;
  margin-right: auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #dc2626;
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-sidebar .add-address-button {
    font-size: 18px;
  }
}
.user-profile-container .profile-content .profile-content-container .address-wrapper .address-container .address-content .address-sidebar .add-address-button i {
  font-size: 22px;
}
.user-profile-container .profile-content .profile-content-container .order-customers {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
  display: none;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers {
    margin-top: 24px;
  }
}
.user-profile-container .profile-content .profile-content-container .order-customers.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-header .header-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-header .header-title .header-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-radius: 9999px 0 0 9999px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list {
  display: flex;
  flex-direction: column;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-image {
  background-color: #f3f4f6;
  padding: 7px;
  border-radius: 12px;
  width: 75px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-image img {
  width: 100%;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-info .item-subtitle {
  color: #9ca3af;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-info .item-link {
  color: #4879CE;
  text-decoration: none;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-info .item-color {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-details .item-info .item-color .color-indicator {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: #777070;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  color: #4b5563;
  width: 100%;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status {
    width: auto;
  }
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-header {
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-header .status-column {
  width: 152px;
  text-align: center;
  border-left: 1px solid #e5e7eb;
  font-size: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-header .status-column {
    font-size: 14px;
  }
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-header .status-column:first-child {
  text-align: right;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-header .status-column:last-child {
  text-align: left;
  border-left: none;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-data {
  display: flex;
  font-size: 14px;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-data .status-column {
  width: 152px;
  text-align: center;
  font-size: 12px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-data .status-column {
    font-size: 14px;
  }
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-data .status-column:first-child {
  text-align: right;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .item-status .status-data .status-column:last-child {
  text-align: left;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .track-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: 1px solid #4879CE;
  color: #4879CE;
  border-radius: 12px;
  font-size: 16px;
  background: none;
  cursor: pointer;
}
.user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .track-button i {
  font-size: 20px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .order-customers .order-customers-list .order-item .track-button {
    font-size: 18px;
  }
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders {
  margin-top: 24px;
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
  display: none;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-header .header-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-header .header-title .header-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-radius: 9999px 0 0 9999px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .code-rahgiri {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin: auto;
  margin-top: 25px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .pursuit-orders .code-rahgiri {
    width: auto;
  }
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .code-rahgiri .code-rahgiri-copy-button {
  display: flex;
  background-color: #d60000;
  color: white;
  border: none;
  border-radius: 12px;
  padding: 8px 0;
  cursor: pointer;
  font-size: 15px;
  margin-right: 8px;
  width: 100px;
  align-items: center;
  justify-content: center;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .code-rahgiri .code-rahgiri-copy-button .code-rahgiri-icon {
  margin-left: 6px;
  font-size: 16px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .code-rahgiri .code-rahgiri-serial {
  font-size: 16px;
  color: #333;
  padding-left: 20px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content {
  padding-left: 32px;
  padding-right: 32px;
  display: none;
}
@media (min-width: 1024px) {
  .user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content {
    display: block;
  }
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background-color: #f9fafb;
  border-radius: 12px;
  padding: 10px 20px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  border-left: 1px solid #d1d5db;
  text-align: center;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item:first-child {
  justify-content: flex-start;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item:last-child {
  justify-content: flex-end;
  border-left: none;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item.active {
  color: #dc2626;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item.active .step-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-timeline .step-item.active .step-details .step-progress {
  width: 32px;
  height: 2px;
  background-color: #dc2626;
  border-radius: 9999px 9999px 0 0;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-message {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-message .message-title {
  font-weight: 700;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content .pursuit-orders-message .message-description {
  font-size: 14px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  gap: 12px;
  display: block;
}
@media (min-width: 1024px) {
  .user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone {
    display: none;
  }
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 32px;
  margin-top: 20px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-connector {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-connector:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  height: 85%;
  width: 2px;
  background-color: #bfdbfe;
  border-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-connector.active:before {
  background-color: #bfdbfe;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-connector .step-icon {
  position: relative;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-connector .step-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background-color: #e5e7eb;
  color: #6b7280;
  font-size: 12px;
  position: relative;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item.active .step-title {
  color: #4879CE;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item.active .step-connector:before {
  background-color: #10BC40;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item.active .step-connector .step-number {
  background-color: #10BC40;
  color: white;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-label {
  font-size: 12px;
  color: #737373;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-title {
  color: #6b7280;
  font-size: 14px;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-description-bold {
  font-size: 14px;
  font-weight: bold;
  color: #2E2E2E;
}
.user-profile-container .profile-content .profile-content-container .pursuit-orders .pursuit-orders-content-phone .pursuit-orders-content-steps-item .step-description {
  font-size: 12px;
  color: #585858;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile {
  border-radius: 12px;
  padding: 24px;
  background-color: #ffffff;
  margin-top: 24px;
  display: none;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .edit-user-profile {
    padding: 32px;
  }
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .info-banner {
  border: 1px solid #2563eb;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .info-banner i {
  font-size: 22px;
  color: #4879CE;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .header-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d1d5db;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .header-section .title-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .header-section .title-wrapper .title-indicator {
  background-color: #dc2626;
  height: 16px;
  width: 2px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .button-group {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .button-group .primary-button {
  border-radius: 12px;
  width: 100%;
  max-width: 248px;
  padding: 12px 0;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  text-align: center;
  color: #121212;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .button-group .primary-button.active {
  border: 1px solid #2563eb;
  background-color: #2563eb;
  color: #ffffff;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container {
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: none;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container {
    padding: 32px;
  }
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container.active {
  display: block;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section {
  width: 100%;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 20px;
}
@media (min-width: 1280px) {
  .user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section {
    gap: 28px;
  }
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section.two-coll {
    grid-template-columns: repeat(2, 1fr);
  }
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item.phone-hide {
  display: none;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .form-label {
  font-weight: normal;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .input-container {
  background-color: #f3f4f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .input-container i {
  color: #9F9F9F;
  font-size: 18px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .input-container .input-field {
  flex-grow: 1;
  border: none;
  background: none;
  outline: none;
  padding: 16px 0;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .input-container .input-field:placeholder {
  color: #5151514D;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts .suggestion-label {
  font-size: 12px;
  color: #6b7280;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts .suggestion-buttons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1024px) {
  .user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts .suggestion-buttons {
    grid-template-columns: repeat(5, 1fr);
  }
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts .suggestion-buttons button {
  background-color: #eff6ff;
  color: #2563eb;
  padding: 12px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  border: 1px solid transparent;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .suggested-amounts .suggestion-buttons button.active {
  border: 1px solid #2563eb;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway {
  border-radius: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #f3f4f6;
  padding: 12px;
  border-radius: 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option img {
  width: 33px;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option.active {
  border-color: #16a34a;
  background-color: #f0fdf4;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option.active .radio-indicator {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/checkedsign.svg);
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option .bank-radio {
  display: none;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option .radio-indicator {
  width: 20px;
  height: 20px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-item .bank-gateway .bank-option .bank-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-action {
  grid-column-start: 1;
}
.user-profile-container .profile-content .profile-content-container .edit-user-profile .edit-profile-container .form-section .form-action .submit-button {
  background-color: #dc2626;
  color: #ffffff;
  width: 100%;
  padding: 16px 0;
  border-radius: 12px;
  text-align: center;
}
.woocommerce button.button {
  border-radius: 8px;
  background-color: #22c55e;
  color: #ffffff;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  outline: none;
  border: none;
  font-size: 15px;
  font-family: "yekanbakh";
  display: flex;
  align-items: center;
  cursor: pointer;
}
.woocommerce button.button:hover {
  background-color: #22c55e;
  color: #ffffff;
}
@media (max-width: 768px) {
  .single-blog-wrapper .single-image-wrapper img {
    width: 100%;
    height: auto;
  }
  .container {
    margin: 0 24px;
  }
  .desktop-header {
    display: none;
  }
  .top-head-banner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .top-head-banner a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mobile-header {
    display: block;
  }
  .mobile-header .mh-bottom form.search-box {
    padding: 12px 44px 12px 0px;
  }
  .mobile-header .mh-bottom form.search-box span {
    display: none;
  }
  .main-slider.desktop {
    display: none;
  }
  .main-slider.phone {
    display: block;
  }
  .main-slider .mainslider .swiper-button-next,
  .main-slider .mainslider .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 9px;
  }
  .main-slider .mainslider .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 15px);
  }
  .main-slider .mainslider .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 15px);
  }
  .main-slider .mainslider .swiper-button-next::after,
  .main-slider .mainslider .swiper-button-prev::after {
    font-size: 12px;
  }
  .main-slider .mainslider .main-slide-item {
    height: 12vh;
    background-size: 100%;
  }
  .top-sections-title.otherpages .tst-right {
    width: 100%;
  }
  .top-sections-title .tst-right {
    width: fit-content;
  }
  .top-sections-title .tst-right .tst-right-text {
    font-size: 16px;
  }
  .top-sections-title .tst-right .tst-right-text span {
    font-size: 20px;
  }
  .top-sections-title .tst-right .tst-right-text p {
    font-size: 16px;
  }
  .top-sections-title .tst-right .tst-rigth-icon {
    margin: 0 3px;
  }
  .top-sections-title .tst-right .tst-rigth-icon svg {
    width: 25px;
    height: 25px;
  }
  .top-sections-title .tst-right .bar {
    width: 3px;
    height: 24px;
    border-radius: 14px 0 0 14px;
  }
  .top-sections-title .tst-left .tst-left-text a {
    font-size: 12px;
  }
  .show-top-categories .top-categories-items-wrapper {
    margin: 32px 0px 0 0px;
  }
  .show-top-categories .top-categories-items-wrapper .top-categories-item .tci-circle img {
    width: 70px;
  }
  .show-top-categories .top-categories-items-wrapper .top-categories-item .tci-circle {
    width: 110px;
    height: 110px;
  }
  .show-top-categories .top-categories-items-wrapper .top-categories-item .tci-text {
    text-align: center;
    width: 130px;
  }
  .show-top-categories .top-categories-items-wrapper .top-categories-item .tci-text span {
    font-size: 14px;
  }
  .middle-banner .middle-banner-wrapper {
    flex-direction: column;
  }
  .middle-banner .middle-banner-wrapper .mbw-right {
    width: 100%;
  }
  .middle-banner .middle-banner-wrapper .mbw-right img {
    border-radius: 21px;
  }
  .middle-banner .middle-banner-wrapper .mbw-left {
    width: 100%;
    margin-top: 10px;
  }
  .middle-banner .middle-banner-wrapper .mbw-left img {
    border-radius: 21px;
  }
  .offer-sale {
    background: radial-gradient(#DF2D2D, #310C0C);
  }
  .offer-sale .offer-sale-wrapper .os-right {
    display: none;
  }
  .offer-sale .offer-sale-wrapper .os-left {
    width: 100%;
    padding-right: 0px;
  }
  .product-card-1 .product-card-top {
    min-height: unset;
  }
  .product-card-1 .product-card-top .pct-item .favorite {
    width: 32px;
    height: 32px;
    line-height: 42px;
  }
  .product-card-1 .product-card-top .pct-item .favorite i {
    font-size: 17px;
  }
  .product-card-1 .product-card-top .pct-item .pct-item-badge {
    width: 41px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  .product-card-1 .product-card-top .pct-bottom {
    padding: 4px;
  }
  .product-card-1 .product-card-top .pct-bottom .pcb-text {
    font-size: 8px;
  }
  .product-card-1 .product-card-top .pct-bottom .pcb-counter {
    font-size: 10px;
  }
  .product-card-1 .product-card-bottom {
    padding: 0px 5px 10px 5px;
  }
  .product-card-1 .product-card-bottom .pcb-title-wrapper {
    margin: 10px 0 10px 0;
  }
  .product-card-1 .product-card-bottom .pcb-title-wrapper h3 a {
    font-size: 12px;
  }
  .product-card-1 .product-card-bottom .pcb-clr-variant {
    margin: 15px 0;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper {
    gap: 0px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before {
    font-size: 12px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before i {
    font-size: 8px;
    margin-right: 4px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price i {
    margin-right: 4px;
    font-size: 8px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span {
    font-size: 13px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off {
    width: 30px;
    height: 18px;
    line-height: 18px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off span {
    font-size: 10px;
  }
  .product-card-1 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn {
    width: 30px;
    height: 30px;
    line-height: 35px;
    border-radius: 8px;
  }
  .product-card-2 .product-card-top {
    min-height: unset;
  }
  .product-card-2 .product-card-top .pct-item .favorite {
    width: 32px;
    height: 32px;
    line-height: 42px;
  }
  .product-card-2 .product-card-top .pct-item .favorite i {
    font-size: 17px;
  }
  .product-card-2 .product-card-top .pct-item .pct-item-badge {
    width: 41px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  .product-card-2 .product-card-top .pct-bottom {
    padding: 4px;
  }
  .product-card-2 .product-card-top .pct-bottom .pcb-text {
    font-size: 8px;
  }
  .product-card-2 .product-card-top .pct-bottom .pcb-counter {
    font-size: 10px;
  }
  .product-card-2 .product-card-bottom {
    padding: 0px 5px 10px 5px;
  }
  .product-card-2 .product-card-bottom .pcb-title-wrapper {
    margin: 10px 0 10px 0;
  }
  .product-card-2 .product-card-bottom .pcb-title-wrapper h3 a {
    font-size: 12px;
  }
  .product-card-2 .product-card-bottom .pcb-clr-variant {
    margin: 15px 0;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper {
    gap: 0px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before {
    font-size: 12px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .price-before i {
    font-size: 8px;
    margin-right: 4px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price i {
    margin-right: 4px;
    font-size: 8px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-price span {
    font-size: 13px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off {
    width: 30px;
    height: 18px;
    line-height: 18px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-left .pbc-price-amount .pcb-off span {
    font-size: 10px;
  }
  .product-card-2 .product-card-bottom .pcb-price-wrapper .pcb-price-right .add-to-card-btn {
    width: 30px;
    height: 30px;
    line-height: 35px;
    border-radius: 8px;
  }
  .product-card-2 .product-card-bottom .pcb-details-wrapper a {
    margin: 10px auto;
    width: 80%;
    font-size: 14px;
  }
  .offer-sale .top-sections-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .offer-sale .top-sections-title .tst-right .tst-rigth-icon {
    margin: 0 5px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper {
    padding: 0;
    background: transparent;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .top-sections-title {
    margin: 0 16px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a {
    font-size: 12px;
    padding: 8px 7px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a span {
    padding-right: 5px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .ajax-buttons-wrapper a svg {
    width: 20px;
    height: 20px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .left-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .left-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-left-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-left-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-right-button {
    width: 27px;
    height: 27px;
    border-radius: 8px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .right-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .right-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .left-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .left-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-left-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-left-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-right-button i,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-right-button i {
    font-size: 15px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .product-slider-buttons .top-sale-right-button,
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .top-sale-product-slider-buttons .top-sale-right-button {
    margin-right: -5px;
  }
  .top-brands .brandSliderWrapper .topBrandsSlider .brand-card {
    width: 90%;
    height: 105px;
  }
  .top-brands .brandSliderWrapper .topBrandsSlider .brand-card img {
    width: 60px;
  }
  .top-brands .swiper-slide {
    width: calc(35% - 35px);
    max-width: 100%;
  }
  .buttom-banner {
    margin: 25px 0;
  }
  .buttom-banner .buttom-banner-wrapper {
    flex-direction: column;
  }
  .buttom-banner .buttom-banner-wrapper .bbw-right,
  .buttom-banner .buttom-banner-wrapper .bbw-center,
  .buttom-banner .buttom-banner-wrapper .bbw-left {
    width: 100%;
  }
  .buttom-banner .buttom-banner-wrapper .bbw-center img {
    width: 100%;
  }
  .top-week-products {
    padding: 40px 0;
  }
  .top-week-products .topWeekSlider-wrapper .topWeekSlider {
    padding: 0 7%;
  }
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons {
    width: 85%;
  }
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-right-button {
    margin-right: -5px;
  }
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-left-button,
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-right-button {
    width: 27px;
    height: 27px;
    border-radius: 8px;
  }
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-left-button i,
  .top-week-products .topWeekSlider-wrapper .topWeekSlider .topWeek-product-buttons .topWeek-right-button i {
    font-size: 15px;
  }
  .blogHomepageSlider .swiper-slide {
    width: calc(100% - 66px);
    max-width: 100%;
  }
  .main-footer .darsoo-features {
    justify-content: center;
    flex-wrap: wrap;
  }
  .main-footer .darsoo-features .df-item {
    width: 50%;
  }
  .main-footer .darsoo-features .df-item:last-child {
    display: none;
  }
  .main-footer .darsoo-features .df-item .ds-item-text {
    display: flex;
    align-items: center;
  }
  .main-footer .darsoo-features .df-item .ds-item-text .ds-item-top-text span {
    font-size: 13px;
  }
  .main-footer .darsoo-features .df-item .ds-item-text .ds-item-sub-text {
    display: none;
  }
  .main-footer .darsoo-features .df-item .ds-item-img svg {
    width: 30px;
    height: 30px;
  }
  .main-footer .footer-bottom .main-footer-content {
    flex-direction: column;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-right {
    width: 100%;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    display: flex;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom.mfcli-acc-bottom {
    display: none;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-bottom.contact ul li a i {
    font-size: 25px;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-top {
    background: #F7F7F7;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-top i {
    display: block;
    font-size: 20px;
  }
  .main-footer .footer-bottom .main-footer-content .mfc-left .mfcl-item .mfcli-socials {
    flex-direction: row;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper {
    flex-direction: column;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form {
    width: 100%;
    margin-right: 0px;
    margin: 16px 0;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form button {
    padding: 13px 15px;
    font-size: 12px;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-right .newsletter-form input[type="email"] {
    font-size: 13px;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-left {
    justify-content: center;
  }
  .main-footer .footer-bottom .footer-bottom-trust .fbt-wrapper .fbt-left a img {
    width: 90px;
  }
  .main-footer .footer-bottom .back-to-top {
    width: 120px;
    height: 34px;
  }
  .main-footer .footer-bottom .back-to-top .back-top-btn {
    width: 62px;
    height: 62px;
    margin-top: -35px;
  }
  .main-footer .footer-bottom .footer-copyright .footer-copyright-wrapper span {
    font-size: 14px;
  }
  .topCat_mainSlider_wrapper .topCat_mainSlider .swiper-slide {
    width: calc(102% - 20px);
  }
  .top_sales_brands .top_sales_brands_wrapper {
    margin: 40px 0 40px;
  }
  .top_sales_brands .top_sales_brands_wrapper .swiper-slide {
    width: 90%;
  }
  .smart_phone_based_price {
    padding: 40px 0;
  }
  .smart_phone_based_price .spbpw .spbl {
    line-height: 40px;
    font-size: 14px;
  }
  .smart_phone_based_price .spbpw .swiper-slide {
    width: calc(50% - 75px);
  }
  .smart_phone_based_price .spbproducts {
    row-gap: 20px;
  }
  .smart_phone_based_price .spbproducts .product-card-1 {
    width: 48%;
  }
  .performanceProduct .performanceProWrapper {
    padding: 0 14%;
  }
  .topProCatBanners {
    margin: 40px 0;
  }
  .topProCatBanners .topProCatBanners-wrapper .tpcb-item {
    width: 100%;
  }
  .topProCatDescription {
    margin: 40px 0 30px;
  }
  .login-form-wrapper {
    width: 100%;
  }
  .login-form-wrapper .login-form {
    width: 90%;
  }
  .login-form-wrapper .login-form .login-conditions p {
    font-size: 16px;
  }
  .login-conditions p {
    font-size: 16px;
  }
  .blog-card-item .blog-card .blog-link {
    font-size: 12px;
  }
  .child-product-cat .child-product-cat-wrapper {
    flex-direction: column-reverse;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-right,
  .child-product-cat .child-product-cat-wrapper .child-product-cat-left {
    width: 100%;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-right {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container {
    padding-top: 50px;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-right .filter-container .close {
    display: block;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatbox {
    padding: 0;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatbox .product-card-2 {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfiltermobile {
    display: flex;
  }
  .child-product-cat .child-product-cat-wrapper .child-product-cat-left .childprocatfilterbox {
    display: none;
  }
  .breadcrumb-cat {
    margin: 25px 0;
  }
  .breadcrumb-cat .breadcrumb-cat-wrapper .bc-top h1 {
    font-size: 18px;
  }
  .breadcrumb-cat .breadcrumb-cat-wrapper .bc-bottom a {
    font-size: 12px;
  }
  .product-card-container .product-card {
    grid-template-columns: repeat(1, 1fr);
    padding: 10px 5px;
  }
  .product-card-container .product-card .image-section .image-controls {
    flex-direction: column;
  }
  .product-card-container .product-card .image-section .image-controls .control-buttons {
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    padding-left: 10px;
  }
  .product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list {
    flex-direction: row;
  }
  .product-card-container .product-card .image-section .image-controls .control-buttons .thumbnail-list .tooltip {
    display: inline-block;
  }
  .product-card-container .product-card .image-section .image-controls .main-image img {
    display: block;
    margin: auto;
  }
  .product-card-container .product-card .add-to-card-phone {
    display: block;
  }
  .product-card-container .product-card .add-to-card-phone .price-details .price-details-button {
    margin-top: 0;
  }
  .product-page-darsoo-features {
    justify-content: center;
    flex-wrap: wrap;
  }
  .product-page-darsoo-features .df-item {
    width: 50%;
  }
  .product-page-darsoo-features .df-item:last-child {
    display: none;
  }
  .product-page-darsoo-features .df-item .ds-item-text {
    display: flex;
    align-items: center;
  }
  .product-page-darsoo-features .df-item .ds-item-text .ds-item-top-text span {
    font-size: 12px;
  }
  .product-page-darsoo-features .df-item .ds-item-text .ds-item-sub-text {
    display: none;
  }
  .product-page-darsoo-features .df-item .ds-item-img svg {
    width: 30px;
    height: 30px;
  }
  .product-page-consultation-card {
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 15px;
    border-radius: 10px;
  }
  .product-page-consultation-card .consultation-button {
    padding: 0.5rem 1rem;
  }
  .product-page-consultation-card .consultation-card-right {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .product-page-consultation-card .consultation-card-right .consultation-text {
    gap: 6px;
  }
  .product-page-consultation-card .consultation-card-right .consultation-text .consultation-title {
    font-size: 16px;
  }
  .product-page-consultation-card .consultation-card-right .consultation-text .consultation-subtitle {
    font-size: 14px;
  }
  .product-page-consultation-card .consultation-card-right .consultation-action {
    gap: 8px;
    margin-right: 0;
  }
  .product-page-consultation-card .consultation-card-right .consultation-action .consultation-icon img {
    width: 40px;
  }
  .product-page-consultation-card .consultation-card-right .consultation-action .consultation-button {
    gap: 5px;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
  }
  .product-page-consultation-card .consultation-card-left .cunsultation-star {
    position: absolute;
    left: 3%;
    bottom: 65%;
  }
  .product-page-consultation-card .consultation-card-left .cunsultation-star img {
    width: 25px;
  }
  .product-page-consultation-card .consultation-card-left .consultation-image {
    position: absolute;
    bottom: -6%;
    left: -25%;
  }
  .product-page-consultation-card .consultation-card-left .consultation-image img {
    width: 50%;
  }
  .product-page-related-products {
    padding: 40px 15px;
    max-width: 100%;
  }
  .product-page-related-products .product-card-1 {
    width: 95%;
    border-radius: 12px;
  }
  .product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .right-button,
  .product-page-related-products .RelatedProducts-wrapper .related-products-slider-buttons .left-button {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }
  .comments-section {
    padding: 1rem 15px;
  }
  .product-page-details-container .content-grid {
    grid-template-columns: 1fr;
  }
  .product-page-details-container .content-grid .sidebar {
    display: none;
  }
  .product-page-details-container .content-grid .main-content {
    grid-column: span 2;
  }
  .product-page-details-container .content-grid .main-content .tech-specs,
  .product-page-details-container .content-grid .main-content .review-section {
    padding: 1rem 15px;
  }
  .product-page-details-container .content-grid .main-content .tech-specs .specs-list {
    max-height: 600px;
  }
  .product-page-details-container .content-grid .main-content .tech-specs .specs-list .spec-item {
    grid-template-columns: 5fr 6fr;
    padding: 15px 8px;
  }
  .product-page-details-container .content-grid .main-content .ask-customers {
    flex-direction: column;
  }
  .product-page-details-container .content-grid .main-content .ask-customers .ask-label .bullet {
    width: 8px;
  }
  .product-page-details-container .content-grid .main-content .ask-customers .ask-button .ask-btn {
    font-size: 16px;
    align-items: center;
    justify-content: center;
  }
  .product-page-details-container .content-grid .main-content .review-section {
    padding: 15px 12px;
  }
  .product-page-details-container .content-grid .main-content .review-section .product-page-desc .container {
    width: 100%;
    margin: 0;
  }
  .product-page-details-container .content-grid .main-content .review-section .product-page-desc .product-page-desc-wrapper {
    padding: 35px 0px;
  }
  .product-page-details-container .sort-btn {
    padding: 0.75rem 1.25rem;
    border-radius: 0.75rem;
    flex-grow: 1;
  }
  .product-page-details-container .sort-buttons {
    margin-top: 1.25rem;
    gap: 0.75rem;
    justify-content: space-between;
  }
  .product-page-details-container .sort-options {
    flex-direction: column;
  }
  .product-page-details-container .comment-prompt {
    display: block;
  }
  .product-page-details-container .comments-header {
    flex-direction: column;
  }
  .product-add-to-card-modal {
    width: 80%;
  }
  .special-discount-slider-button-wrapper .special-discount-title {
    margin: 30px 0 30px;
  }
  .discount-slider-wrapper .swiper-button-next,
  .discount-slider-wrapper .swiper-button-prev {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 9px;
  }
  .discount-slider-wrapper .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 15px);
  }
  .discount-slider-wrapper .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 15px);
  }
  .discount-slider-wrapper .swiper-button-next::after,
  .discount-slider-wrapper .swiper-button-prev::after {
    font-size: 12px;
  }
  .discount-slider-wrapper .discount-slide-item {
    height: 33vh;
    background-size: contain;
  }
  .discount-slider-wrapper .discount-slide-item.item-1 {
    background-image: url('assets/images/slider-discount-image1.jpg') !important;
  }
  .discount-slider-wrapper .discount-slide-item.item-2 {
    background-image: url('assets/images/slider-discount-image1.jpg') !important;
  }
  .special-discount-select-cat {
    margin-right: 5%;
    margin-bottom: 30px;
  }
  .special-discount-select-cat .swiper-slide {
    width: calc(45% - 60px);
  }
  .special-discount-select-cat .spdsci {
    font-size: 14px;
    border-radius: 15px;
  }
  .spdscSliderButtons .spdscSliderButtonR,
  .spdscSliderButtons .spdscSliderButtonL {
    width: 20px;
    height: 20px;
    line-height: 23px;
  }
  .spdscSliderButtons .spdscSliderButtonR i,
  .spdscSliderButtons .spdscSliderButtonL i {
    font-size: 10px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details {
    padding: 10px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-header {
    align-items: flex-start;
    justify-content: space-between;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-image {
    padding: 10px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info {
    padding: 10px 10px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-header .product-info .product-title {
    font-size: 16px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls {
    flex-direction: column;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity {
    padding: 0.5rem;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity .quantity-btn {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity .quantity-btn i {
    font-size: 15px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity .input-wrapper {
    padding: 0;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .quantity .input-wrapper .quantity-field {
    padding: 8px 0px;
  }
  .product-cart-container .product-cart-details-wrapper .product-cart-details .product-options .quantity-price .quantity-controls .price-display {
    padding: 25px 50px;
    align-self: flex-end;
  }
  .checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .label,
  .checkout-wrapper .checkout-right,
  .checkout-wrapper .checkout-left,
  .checkout-wrapper .checkout-right .top-sections-title .tst-right,
  .checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .input-field,
  .checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group .textarea-field {
    width: 100%;
  }
  .checkout-wrapper {
    flex-direction: column;
  }
  .checkout-wrapper .checkout-left .porduct-cart-summary {
    max-width: 100%;
    margin-right: auto;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  .checkout-wrapper .checkout-right .top-sections-title .tst-right .tst-right-text {
    font-size: 16px;
  }
  .checkout-wrapper .checkout-right .progress-cart-container {
    width: 80%;
  }
  .checkout-wrapper .checkout-right .receiver-cart-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .receiver-cart-container .form-container .input-group {
    align-items: flex-start;
    flex-direction: column;
  }
  .checkout-wrapper .checkout-right .receiver-cart-container .form-container .edit-button {
    padding: 10px 0;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-right: 0;
    font-size: 16px;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .btn-checkout-conditional {
    padding: 12px;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item .address-label {
    display: none;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-box .address-list .address-item .address-checkbox {
    width: 30px;
    height: 20px;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container .options-list .option-item .details .ganje-details .ganje-info {
    padding: 1rem;
    font-size: 15px;
  }
  .checkout-wrapper .checkout-right .delivery-tehran-container .info-section {
    font-size: 14px;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container .info-section {
    font-size: 14px;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional {
    flex-wrap: wrap;
    padding: 10px;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container .options-list .option-item .btn-checkout-conditional .ersal-price {
    margin-right: auto;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container .shahrestan-sendtime p {
    font-size: 16px;
  }
  .checkout-wrapper .checkout-right .delivery-shahrestan-container .shahrestan-sendtime i {
    font-size: 20px;
  }
  .checkout-wrapper .checkout-right .payment-checkout-container {
    padding: 2rem 10px;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details {
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-balance {
    display: flex;
    align-items: center;
    color: var(--clr-dark);
    order: 3;
    font-size: 15px;
    background: var(--clr-gray);
    padding: 13px;
    width: 100%;
    border-radius: 8px;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-label {
    order: 2;
    border-left: none;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-label .wallet-text {
    background-color: transparent;
    color: var(--clr--gray);
    font-size: 15px;
    padding: 5px;
  }
  .checkout-wrapper .checkout-right .wallet-checkgout-container .wallet-details .wallet-toggle {
    background-color: #ffffff;
    border-radius: 0.75rem;
    padding: 10px;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-right: 0;
    order: 1;
    font-size: 16px;
    border: 1px solid #F7F7F7;
  }
  .checkout-wrapper .checkout-right .discount-cart-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .discount-cart-container .header-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form {
    flex-direction: column;
    width: 100%;
    background-color: transparent;
  }
  .checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .discount-input {
    background-color: #FCFCFC;
    border-radius: 8px;
    padding: 15px;
  }
  .checkout-wrapper .checkout-right .discount-cart-container .header-section .discount-form .apply-button {
    justify-content: center;
  }
  .checkout-wrapper .checkout-right .order-cart-container {
    padding: 2rem 15px;
  }
  .checkout-wrapper .checkout-right .order-cart-container .order-details .order-info {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }
  .checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-label {
    margin-right: 0;
  }
  .checkout-wrapper .checkout-right .order-cart-container .order-details .order-info .total-label i {
    font-size: 20px;
  }
  .checkout-wrapper .faq-container {
    padding: 0 10px;
  }
  .checkout-wrapper .faq-question span:first-child {
    font-size: 14px;
  }
  .checkout-wrapper .faq-toggle {
    font-size: 16px;
  }
  .main-blog-slider-wrapper.desktop {
    display: none;
  }
  .main-blog-slider-wrapper.phone {
    display: block;
  }
  .main-blog-slider-wrapper .mbs-item-wrapper .blog-slide-item {
    height: 30vh;
  }
  .main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper {
    height: 12vh;
    max-width: 90%;
  }
  .main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper a h3 {
    font-size: 15px;
    margin-top: 10px;
  }
  .main-blog-slider-wrapper .mbs-item-wrapper .mbs-content-wrapper .mbs-content-tags a {
    margin-left: 5px;
    font-size: 10px;
    padding: 4px;
    border-radius: 5px;
  }
  .main-blog-slider-wrapper .swiper-button-next::after,
  .main-blog-slider-wrapper .swiper-button-prev::after {
    font-size: 8px;
  }
  .main-blog-slider-wrapper .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 25px);
    width: 24px;
    height: 24px;
    border-radius: 8px;
  }
  .main-blog-slider-wrapper .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 25px);
    width: 24px;
    height: 24px;
    border-radius: 8px;
  }
  .top-blogs-slider-wrapper {
    margin-top: 35px;
  }
  .top-blogs-slider-wrapper .swiper-button-next,
  .top-blogs-slider-wrapper .swiper-button-prev {
    width: 24px;
    height: 24px;
    border-radius: 8px;
  }
  .top-blogs-slider-wrapper .swiper-button-next::after,
  .top-blogs-slider-wrapper .swiper-button-prev::after {
    font-size: 8px;
  }
  .newest-blogs .top-sections-title.set-margin {
    margin: 35px 0;
  }
  .newest-blogs .newest-blogs-wrapper .nb-left {
    display: none;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right {
    width: 100%;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item {
    width: 48%!important;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-tags {
    padding: 1rem 0.4rem;
    gap: 4px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-tags a {
    padding: 4px;
    border-radius: 5px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-content {
    padding: 8px;
    gap: 10px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-content .blog-title {
    line-height: 20px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-content .blog-title a {
    font-size: 12px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-description {
    font-size: 10px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-footer {
    flex-wrap: wrap;
    gap: 0px;
    justify-content: space-between;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-footer > div {
    font-size: 12px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-footer .blog-time {
    margin-right: 25px;
  }
  .newest-blogs .newest-blogs-wrapper .nb-right .blog-cards-wrapper .blog-card-item .blog-card .blog-footer .blog-link {
    margin-right: 0;
    margin-top: 8px;
    font-size: 11px;
  }
  .blog-card-item .blog-card .blog-tags a {
    padding: 4px;
    border-radius: 5px;
  }
  .single-blog-wrapper .single-right-content .src-top h1 {
    font-size: 20px;
  }
  .single-blog-wrapper .single-right-content .src-top .src-meta span.social-share {
    margin-right: 0px;
  }
  .single-blog-wrapper .single-right-content .src-top .src-meta span {
    margin-left: 20px;
  }
  .comments-section .ask-customers {
    flex-direction: column;
  }
  .comments-section .ask-customers .ask-button .ask-btn {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .comments-section .comments-form .cftr {
    flex-direction: column;
    gap: 10px;
  }
  .comments-section .comments-form .cftr input[type=text] {
    width: 100%;
    font-size: 14px;
    padding: 20px;
  }
  .comments-section .comments-form textarea {
    font-size: 14px;
  }
  .comments-section .comments-form .comments-form button {
    font-size: 16px;
  }
  .comments-section .comments-form button {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
  .contactus-page .contactus-item-wrapper {
    flex-direction: column;
    margin: 20px 0;
  }
  .contactus-page .contactus-item-wrapper .contactus-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .contactus-page .map-container {
    flex-direction: column;
  }
  .contactus-page .map-container .info-panel .panel-content {
    display: inline-block;
    width: 100%;
  }
  .contactus-page .map-container .info-panel .panel-content span,
  .contactus-page .map-container .info-panel .panel-content p {
    display: inline;
  }
  .contactus-page .map-container .info-panel .divider {
    margin-top: 20px;
  }
  .contactus-page .map-container .info-panel .makanyab-irani-wrapper {
    flex-direction: column;
  }
  .contactus-page .map-container .info-panel .makanyab-irani-wrapper .mi-item {
    width: 100%;
  }
  .contactus-page .map-container .map-area {
    width: 100%;
  }
  .about-page .about-image img {
    border-radius: 8px;
  }
  .about-page .about-content-wrapper {
    padding: 40px 20px;
  }
  .about-page .about-content-wrapper .about-darsoo-image {
    top: -30px;
  }
  .about-page .about-content-wrapper .about-darsoo-image img {
    width: 60px;
  }
  .about-page .about-content-wrapper .about-darsoo-content .about-features {
    width: 100%;
  }
  .about-page .about-content-wrapper .about-darsoo-content p {
    font-size: 15px;
  }
  .faq-container .faq-item .faq-question {
    padding: 18px 12px;
  }
  .faq-container .faq-item .faq-question span {
    font-size: 16px;
  }
  .faq-container .faq-item .faq-question .faq-toggle {
    line-height: 32px;
  }
  .faq-wrapper {
    gap: 20px;
    flex-direction: column;
  }
  .faq-wrapper .faq-right {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    gap: 10px;
  }
  .faq-wrapper .faq-right .faq-cat-item.mt-set {
    margin-top: 0px;
  }
  .faq-wrapper .faq-right .faq-cat-top {
    display: none;
  }
  .faq-wrapper .faq-right .faq-cat-item {
    width: fit-content;
  }
  .faq-wrapper .faq-right .divider {
    display: none;
  }
  .faq-wrapper .faq-left {
    width: 100%;
  }
  .topHead-InsidePages {
    padding: 60px 0;
  }
  .topHead-InsidePages h1 {
    font-size: 22px;
  }
  .topHead-InsidePages .thip-btn-wrapper {
    min-width: 90%;
  }
  .topHead-InsidePages-Notice p {
    font-size: 12px;
  }
  .topHead-InsidePages-Notice {
    max-width: 85%;
    margin: auto;
  }
  .comments-section .notice {
    font-size: 14px;
    color: #757575;
    margin: 20px 0;
  }
  .comments-section .inside-comments-form {
    max-width: 100%;
  }
  .not-found-page .not-found-content {
    max-width: 90%;
  }
  .not-found-page .not-found-content a {
    min-width: 60%;
  }
  .not-found-page .not-found-image {
    max-width: 75%;
  }
  .show-top-categories,
  .blog-homepage {
    margin: 30px 0 30px 0;
  }
  .offer-sale,
  .top-brands {
    padding: 30px 0;
  }
  .offer-sale .offer-sale-wrapper .os-left .offProductSlider .swiper-wrapper .swiper-slide .product-card-1 {
    width: 95%;
  }
  .middle-banner {
    margin: 20px 0;
  }
  .cat-product-ajax {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .cat-product-ajax .cat-product-ajax-wrapper .newestProductSlider-wrapper .swiper-wrapper .swiper-slide .product-card-1 {
    width: 95%;
    box-shadow: unset;
    border: 1px solid #11111114;
  }
  .blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-title a {
    font-size: 15px;
  }
  .blog-homepage .blog-homepage-wrapper .blog-homepage-item .blog-card .blog-content {
    padding: 1.75rem 1rem 1.75rem;
  }
  form.comment-form .comment-form-rating {
    max-width: 70%;
  }
  form.comment-form .comment-form-rating label,
  form.comment-form .comment-form-rating p.stars {
    width: 100%;
  }
  .product-card-container .product-card .pricing-section .price-card .price-details .price-details-box,
  .woocommerce-variation-price {
    position: fixed;
    bottom: 2%;
    left: 20px;
    display: flex;
    z-index: 999;
    width: 45%;
    align-items: flex-end;
  }
  .woocommerce-variation-price {
    justify-content: flex-end;
  }
  .product-card-container .product-card .pricing-section .price-card .price-details button[type=submit] {
    position: fixed;
    bottom: 2%;
    right: 20px;
    width: fit-content;
    z-index: 999;
  }
  .product-card-container .product-card .pricing-section.nopro .price-card .price-details .price-details-button .notic-product {
    position: fixed;
    bottom: 2%;
    z-index: 999;
    width: 82%;
  }
  .product-card-container .product-card .pricing-section {
    grid-column: span 3;
  }
  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span span {
    width: 100%;
  }
  .blog-card-item .blog-card .blog-image-link img {
    width: 100%;
    height: 200px;
    margin: auto;
    object-fit: contain;
  }
  p.lost_password a {
    color: #292828;
  }
  .product-card-1 .product-card-top .pct-img img,
  .product-card-2 .product-card-top .pct-img img {
    width: 200px;
    height: 180px;
    object-fit: contain;
  }
  .woocommerce img.pswp__img,
  .woocommerce-page img.pswp__img {
    max-width: 600px;
    max-height: 450px;
    object-fit: contain;
    margin: auto;
  }
}