@import url("./main_font.css");

/*==================body=================*/
body {
  direction: rtl;
  background: #fff;
}
body.havPadingB {
  padding-bottom: 40px;
}

.tabBox .tabcontent {
  display: none;
}
.tabBox #tabOne {
  display: block;
}

.breadcrumb {
  width: max-content;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.breadcrumb-item {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 14px;
  color: black;
  min-width: max-content;
}
.breadcrumb-item:hover {
  color: var(--primary-pink);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: unset;
  padding-right: 4px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\eabe";
  font-family: "icomoon";
  color: var(--primary-blue);
  float: right;
  font-size: 18px;
  padding-right: unset;
  padding-left: 3px;
  line-height: 1.2;
}
.breadcrumb-item.active {
  font-family: "YekanBakhFaNum_Bold";
}

.catPagintn {
  margin: 5px auto 3px 0;
}
.catPagintn .pagination {
  justify-content: flex-end;
}
.catPagintn .page-link,
.catPagintn .page-item:first-child .page-link {
  padding: 5px;
  line-height: 1;
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 15px;
  color: black;
  border-radius: 0;
  font-family: "YekanBakhFaNum_Medium";
}
.active > .page-link,
.page-link.active {
  background: transparent;
  color: var(--primary-blue);
  border: none;
  font-family: "YekanBakhFaNum_Bold";
}
.catPagintn .page-link:focus {
  box-shadow: none;
}

/*==================header=================*/
header {
  margin-bottom: 20px;
}
.headerSec {
  background: url("../img/header-bg.png");
  background-size: 100% 100%;
  padding: 25px 0 35px 0;
}
.blgTopSec .headerSec {
  padding: 5px 0;
}
.headerSec .headrContnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.headerSec .headerBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.headerSec .headrRight {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4.5px;
}
.headrRight .hdrRghtIcn {
  display: block;
}
.headrRight .hdrRghtLnk {
  line-height: 1;
}
.headrRight .hdrRghtIcn span {
  font-size: 25px;
  color: var(--primary-blue);
}
.headrRight .hdrRghtIcn .number {
  width: 12px;
  height: 12px;
  left: 0px;
  bottom: 12px;
  border-radius: 50%;
  color: white;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .subBox {
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 3;
  display: none;
}
header .subBox .subBody {
  position: relative;
  width: 237px;
  padding: 18px 13px 18px 13px;
  background: #d9d9d9;
}
header .subBox .subBody:before {
  position: absolute;
  content: "";
  right: 8px;
  top: -15px;
  width: 10px;
  height: 17px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 17px solid #d9d9d9;
}
header .subBox .subBody .emptyCart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: column;
}
header .subBox .emptyCart p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  color: black;
}
header .subBox .emptyCart a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 25px;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  color: white;
}
header .subBox .emptyCart a:hover {
  background: var(--primary-blue);
}
header .subBox .hasItem .hasItemHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
header .subBox .hasItem .hasItemHed p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  color: black;
}
header .subBox .hasItem .hasItemHed a {
  font-size: 14px;
  color: black;
  display: block;
  font-family: "YekanBakhFaNum_Medium";
}
header .subBox .hasItem .hasItemHed a:hover {
  color: var(--primary-blue);
}
header .subBox .hasItem .cartItemLst {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 4px 0;
}
header .subBox .hasItem .cartItemLst ul {
  padding: 0 8px;
  direction: ltr;
  height: 125px;
  overflow: auto;
}
header .subBox .hasItem .cartItemLst ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}
header .subBox .hasItem .cartItemLst li {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  direction: rtl;
  gap: 10px;
  width: 100%;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.815);
}
header .subBox .hasItem .cartItemLst li:last-child {
  border-bottom: none;
}
header .subBox .hasItem .cartItemLst .right {
  min-width: 80px;
}
header .subBox .hasItem .cartItemLst .imgBox {
  width: 80px;
  height: 80px;
  display: block;
  margin-bottom: 8px;
}
header .subBox .hasItem .cartItemLst .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .subBox .hasItem .cartItemLst .right p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  color: black;
  text-align: center;
}
header .subBox .hasItem .cartItemLst .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  padding: 15px 0;
  width: calc(100% - 80px);
}
header .subBox .hasItem .cartItemLst .left a {
  width: 100%;
  display: block;
}
header .subBox .hasItem .cartItemLst .addToCart {
  width: 90px;
  height: 16px;
  border: none;
  font-family: "YekanBakhFaNum_Bold";
  background: var(--primary-pink);
  font-size: 10px;
  color: white;
}
header .subBox .hasItem .cartItemLst .addToCart:hover {
  background: var(--primary-blue);
}
header .subBox .hasItem .cartItemLst h3 {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 14px;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.item_Num_box {
  width: 80px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
}
.item_Num_box span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  cursor: pointer;
  position: relative;
  padding: 0 17px 0 5px;
}
.item_Num_box span:before,
.item_Num_box span:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--primary-blue);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 1;
}
.item_Num_box span.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.item_Num_box span.minus {
  display: none;
}
.item_Num_box span:hover:before,
.item_Num_box span:hover:after {
  background: var(--primary-blue);
}
.item_Num_box input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width: 30px;
  height: 100%;
  border: none;
  font-size: 14px;
  text-align: center;
  color: black;
  font-family: "YekanBakhFaNum_Bold";
}
.item_Num_box button {
  border: none;
  background: transparent;
  color: var(--primary-pink);
  font-size: 16px;
  padding: 0 2px 0 5px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item_Num_box button:hover {
  color: var(--primary-blue);
}
header .subBox .priceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0 8px 0;
  gap: 10px;
}
header .subBox .priceRow p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  color: black;
}
header .subBox .hasItem .hasItemBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}
header .subBox .hasItem .hasItemBtn a,
header .subBox .hasItem .hasItemBtn button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 50%;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  color: white;
  border-radius: 0;
}
header .subBox .hasItem .hasItemBtn a {
  background: var(--primary-blue);
}
header .subBox .hasItem .hasItemBtn button,
header .subBox .hasItem .hasItemBtn .showCartLnk {
  background: var(--primary-pink);
}
header .subBox .hasItem .hasItemBtn a:hover {
  background: #01adb3;
}
header .subBox .hasItem .hasItemBtn button:hover,
header .subBox .hasItem .hasItemBtn .showCartLnk:hover {
  background: #ee206b;
}

.headrRight .hdrProfil,
.sideMnuBx .sideProfil {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 13px;
  color: black;
}
.headrRight .hdrProfil {
  margin-right: 15px;
}
.headrRight .hdrProfil a,
.sideMnuBx .sideProfil a {
  display: block;
  color: black;
}
.headrRight .hdrProfil a:hover,
.sideMnuBx .sideProfil a:hover {
  color: var(--primary-blue);
}
.headerSec .headrLeft {
  width: calc(100% - 840px);
}
.headerSec .headrLeft div {
  width: 128px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 auto 0 0;
  gap: 8px;
  border-bottom: 1px solid black;
}
.headerSec .headrLeft button,
.seachRow button {
  width: 22px;
  height: 100%;
  font-size: 20px;
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.blgTopSec .headerSec .headrLeft button {
  color: white;
}
.headerSec .headrLeft button:hover,
.seachRow button:hover {
  color: var(--primary-pink);
}
.headerSec .headrLeft input,
.seachRow input {
  width: 100%;
  height: 100%;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 13px;
  color: black;
  border: none;
  background: transparent;
}
.headerSec .headrLeft input::-moz-placeholder,
.headerSec .headrLeft input::-webkit-input-placeholder,
.headerSec .headrLeft input::-ms-input-placeholder,
.seachRow input::-moz-placeholder,
.seachRow input::-webkit-input-placeholder,
.seachRow input::-ms-input-placeholder {
  font-family: "YekanBakhFaNum_Medium";
  font-weight: 500;
}
.headerSec .headrLeft div:has(input:focus),
.seachRow:has(input:focus) {
  border-color: var(--primary-blue);
}

.headerSec .headrCentr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.headerSec .headrCentr .headerLogo {
  display: block;
  width: 214px;
  height: auto;
}
.headerSec .headrCentr .headerLogo img {
  display: block;
  width: 100%;
  height: auto;
}
.headerSec .sideMnuBx {
  margin-top: 20px;
}
.blgTopSec .headerSec .sideMnuBx {
  margin-top: 0;
}
.headerSec .headrCentr .sideMnuUl {
  border-top: 1px solid black;
  padding: 20px 8px 0 8px;
}
.sideMnuBx .sideTop {
  margin-bottom: 30px;
  display: none;
}
.sideMnuBx .sideProfil {
  display: none;
  margin-bottom: 15px;
}
.sideMnuBx .sideTop {
  align-items: center;
  justify-content: space-between;
}
.sideMnuBx .sideTop .sideLogo {
  display: block;
  width: 109px;
  height: auto;
}
.sideMnuBx .sideTop .sideLogo img {
  width: 100%;
  height: auto;
  display: block;
}
.sideMnuBx .sideTop .cloSideMnu {
  font-size: 25px;
  color: black;
}
.sideMnuBx .sideTop .cloSideMnu span {
  display: block;
}
.sideMnuBx .sideMnuUl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}
.sideMnuBx .sideMnuUl .sideMnuLi{
  position: relative;
}
.sideMnuBx .sideMnuUl .mnuItem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: max-content;
}
.sideMnuBx .sideMnuUl .mnuItem span{
  font-size: 20px;
  color: black;
  cursor: pointer;
}
.sideMnuBx .sideMnuUl .mnuItem span.open{
  transform: rotate(180deg);
}
.sideMnuBx .sideMnuUl .mnuItem a {
  display: block;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
  color: black;
}
.sideMnuBx .sideMnuUl .mnuItem:hover span,
.sideMnuBx .sideMnuUl .mnuItem:hover a {
  color: var(--primary-blue);
}
.sideMnuBx .sideMnuUl .subOneBx{
  position: absolute;
  right: 0;
  top: 40px;
  width: 180px;
  height: max-content;
  background: #fff;
  z-index: 3;
  box-shadow: 5px 5px 10px #00000038;
  padding: 10px;
  display: none;
}
.sideMnuBx .sideMnuUl .subOneBx .subItem{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 5px;
  position: relative;
}
.sideMnuBx .sideMnuUl .subOneBx .subItem a{
  display: block;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
  color: #000;
  width: calc(100% - 25px);
}
.sideMnuBx .sideMnuUl .subOneBx .subItem span{
  font-size: 18px;
  color: #000;
  cursor: pointer;
}
.sideMnuBx .sideMnuUl .subOneBx .subItem span.open{
  transform: rotate(90deg);
}
.sideMnuBx .sideMnuUl .subOneBx .subItem:hover span,
.sideMnuBx .sideMnuUl .subOneBx .subItem:hover a {
  color: var(--primary-blue);
}
.sideMnuBx .sideMnuUl .subOneBx .subTwo{
  position: absolute;
  right: calc(100% + 5px);
  top: 0;
  width: 160px;
  height: max-content;
  background: #fff;
  z-index: 3;
  box-shadow: 6px 6px 10px #0000001e;
  padding: 10px; 
  display: none; 
}
.sideMnuBx .sideMnuUl .subOneBx .subTwo a{
  display: block;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
  color: #000;
  padding: 7px 2px ;
}
.sideMnuBx .sideMnuUl .subOneBx .subTwo a:hover{
  color: var(--primary-blue);
}

.headerSec .opnSideMnu {
  display: none;
}

.seachRow {
  display: none;
  height: 28px;
  border-bottom: 1px solid black;
  background: white;
}
.seachRow .searchBox {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*==================topSlidrSec=================*/
.topSlidrSec header {
  position: relative;
  margin-bottom: 0;
  z-index: 2;
}
.topSlidrSec .headerSec {
  background: transparent;
}
.topSlidrSec .topSlidrBx {
  position: relative;
  top: -176px;
  z-index: 1;
  height: 94vh;
}
.topSlidrSec .topSlidrBx.blgTopSldr {
  height: 600px;
  top: -78px;
}
.topSlidrSec .swiper {
  height: 100%;
}
.topSlidrSec .topSlidrBx .swiper-slide,
.topSlidrSec .topSlidrBx .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.topSlidrSec .topSlidrBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topSlidrSec .swiper-pagination-bullet,
.mainCatSldr .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #d9d9d9;
  opacity: 1;
}
.topSlidrSec .swiper-pagination-bullet-active,
.mainCatSldr .swiper-pagination-bullet-active {
  background-color: #ff2273;
}

/*==================catSec=================*/
.catSec {
  margin-top: -130px;
  margin-bottom: 25px;
}
.catSec.catSecOne {
  margin-top: 20px;
}
.catSec .swiper {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.catSec .swiper-slide,
.trendsSec .swiper-slide {
  width: 140px;
}
.catSec .swiper-slide:last-child,
.trendsSec .swiper-slide:last-child {
  margin-left: 0 !important;
}
.catSec .swiper-slide a,
.trendsSec .swiper-slide a {
  display: block;
  width: 100%;
}
.catSec .swiper-slide .imgBx,
.trendsSec .swiper-slide .imgBx {
  width: 140px;
  height: 140px;
  padding: 6px;
  background-image: linear-gradient(322deg, #01bec3, #ff2273);
  border-radius: 50%;
  margin-bottom: 10px;
}
.catSec .swiper-slide div img,
.trendsSec .swiper-slide div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
.catSec .swiper-slide p,
.trendsSec .swiper-slide p {
  font-size: 20px;
  text-align: center;
  color: #040404;
}
.catSec .swiper-slide a:hover p,
.trendsSec .swiper-slide a:hover p {
  color: var(--primary-pink);
}

/*==================offerSec=================*/
.offerSec {
  margin: 30px 0;
}
.offerSec .offrSecBx {
  padding: 16px 0 25px 0;
  background: #ff2273;
}
.offerSec .offrSecBx.discountSec {
  background: var(--primary-blue);
}
.offerSec .offrSecBx.auctionSec {
  background: linear-gradient(to right, #ff2273, #fff 47%, #01bec3);
}
.offerSec .offrSecBx.recntViewBx {
  background: #e0e0e0;
  padding: 0 0 25px 0;
}
.offerSec .offrSecHed,
.rcntViewHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.offerSec .offrSecHed span {
  width: 100%;
  height: 3px;
  background: white;
}
.rcntViewHed .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  background: white;
  height: 31px;
  padding: 0 10px;
}
.rcntViewHed .title span {
  font-size: 30px;
  color: red;
}
.offerSec .auctionSec .offrSecHed span {
  background: black;
}
.offerSec .offrSecHed h2 {
  min-width: max-content;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 28px;
  text-align: center;
  color: white;
}
.rcntViewHed .title h2 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 20px;
  text-align: right;
  color: #040404;
}
.offerSec .auctionSec .offrSecHed h2 {
  color: black;
}
.rcntViewHed a {
  height: 31px;
  padding: 0 20px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
  color: #000;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offerSec .offrSecHed a {
  position: absolute;
  left: 0;
  bottom: 18px;
  height: 32px;
  padding: 0 20px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
  color: #000;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offerSec .offrSecHed a:hover,
.rcntViewHed a:hover {
  color: var(--primary-pink);
}
.offerSec .offerSwipr {
  margin: 15px 35px;
}
.offerSwipr {
  position: relative;
}
.offerSwipr .swiprBtn:after,
.hasTabSec .offerSwipr .swiprBtn:after,
.blogsSec .blogSwipr .swiprBtn:after {
  color: white;
  font-size: 20px;
  font-weight: 900;
}
.auctionSec .offerSwipr .swiprBtn:after {
  color: black;
}
.recntViewBx .offerSwipr .swiprBtn:after,
.offerSwipr.tabSwipr .swiprBtn:after {
  color: #5b5b5b;
}
.blogsSec .blogSwipr .swiprBtn:after {
  color: black;
}
.offerSwipr .swiper-button-prev {
  right: unset;
  left: -28px;
}
.offerSwipr .swiper-button-next {
  left: unset;
  right: -28px;
}
.offerSwipr .swiper-slide {
  width: max-content;
}
.prodctCrd {
  display: block;
  background-color: white;
  border: 2px solid white;
}
.offerSwipr .prodctCrd {
  width: 240px;
}
.offerSec .auctionSec .prodctCrd {
  border-color: black;
}
.offerSwipr .prodctCrd:hover {
  border-color: #e0e0e0;
}
.prodctCrd .prdctCrdImg {
  width: 100%;
  height: 240px;
}
.prodctCrd .prdctCrdImg .cardImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.prodctCrd .prdctCrdImg .cardTag {
  right: 0;
  top: 0;
  z-index: 2;
  height: 18px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b8b6b4;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  color: #fff;
}
.prodctCrd .prdctCrdImg .cardEmoji {
  left: 1px;
  top: 1px;
  z-index: 2;
}
.prodctCrd .prdctCrdImg .cardEmoji img {
  width: 26px;
  height: auto;
  margin-bottom: 3px;
  display: block;
}
.prodctCrd .prdctCrdBdy {
  border-top: 2px solid #e0e0e0;
}
.prodctCrd .prdctCrdBdy h2 {
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px 10px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  text-align: right;
  color: black;
  line-height: 1.5;
}
.prodctCrd .prdctCrdBdy .priceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
}
.prodctCrd .prdctCrdBdy .priceRow .right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-right: 5px;
}
.prodctCrd .prdctCrdBdy .priceRow .right span {
  font-size: 20px;
  color: var(--primary-pink);
}
.discountSec .prodctCrd .prdctCrdBdy .priceRow .right span,
.auctionSec .prodctCrd .prdctCrdBdy .priceRow .right span,
.recntViewBx .prodctCrd .prdctCrdBdy .priceRow .right span {
  color: var(--primary-blue);
}
.prodctCrd .prdctCrdBdy .priceRow .oldPrice {
  font-size: 12px;
  font-family: "YekanBakhFa_Bold";
  text-align: right;
  color: black;
}
.prodctCrd .prdctCrdBdy .priceRow .oldPrice:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 10px);
  height: 2px;
  background-color: rgba(255, 34, 115, 0.65);
  z-index: 2;
}
.prodctCrd .prdctCrdBdy .priceRow .left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.prodctCrd .prdctCrdBdy .priceRow .newPrice {
  color: black;
  margin-left: 5px;
}
.prodctCrd .prdctCrdBdy .priceRow .newPrice strong {
  font-family: "YekanBakhFa_Bold";
  font-size: 17px;
}
.prodctCrd .prdctCrdBdy .priceRow .newPrice small {
  font-family: "YekanBakhFa_Bold";
  font-size: 11px;
}
.prodctCrd .prdctCrdBdy .priceRow .discount {
  width: 26px;
  padding: 2px 3px;
  background-color: #01bec3;
  font-size: 14px;
  font-family: "YekanBakhFa_Bold";
  line-height: 1;
  text-align: center;
  color: white;
  font-size: 17px;
}

/*==================blogsSec=================*/
.blogsSec {
  margin: 30px 0;
}
.blogsSec .blogSecBx {
  background: #e0e0e0;
  min-height: 280px;
}
.blogsSec .blogSecBg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 147px;
  background: #6b6b6b;
}
.blogsSec .blogSwipr {
  position: relative;
  z-index: 2;
  padding: 30px 57px 30px 57px;
  max-width: 1173px;
  margin: 0 auto;
}
.blogsSec .blogSwipr .swiper {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.blogsSec .blogSwipr .swiper-slide {
  width: max-content;
  height: max-content;
}
.blogsSec .blogSwipr .swiper-slide:last-child {
  margin-left: 0;
}
.blogsSec .blogSwipr .swiper-slide a {
  width: 340px;
  height: 340px;
  display: block;
  border: solid 5px #fff;
}
.blogsSec .blogSwipr .swiper-slide a:hover {
  border-color: var(--primary-blue);
}
.blogsSec .blogSwipr .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/*==================hasTabSec=================*/
.hasTabSec {
  margin: 30px 0;
}
.prdctPage .hasTabSec {
  margin: 12px 0;
}
.hasTabSec .tabSecBx {
  background: #e0e0e0;
  min-height: 280px;
}
.hasTabSec .tabSecBg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 213px;
  background: white;
}
.similarBx .tabSecBg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 213px;
  background: var(--primary-blue);
}
.hasTabSec .tabSwipr {
  margin: 30px 35px;
}
.hasTabSec .tabBox {
  position: relative;
  z-index: 2;
}
.hasTabSec .tabSecHed {
  align-items: flex-start;
  height: 56px;
}
.hasTabSec .tabSecHed .title {
  height: 100%;
}
.tabSecHed .titleName {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 15px;
}
.tabSecHed .titleName img {
  width: 32px;
  height: auto;
}
.tabSecHed .titleName h2 {
  font-size: 24px;
}
.tabSecHed .tabBoxHdr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border-right: 2px solid #5b5b5b57;
  height: calc(100% - 12px);
  margin: 6px 0;
  padding: 0 15px 0 5px;
}
.tabSecHed .tabBoxHdr .tablinks {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 15px;
  padding: 0;
  text-align: center;
  color: #5b5b5b;
  position: relative;
  display: block;
  min-width: max-content;
  height: max-content;
}
.tabSecHed .tabBoxHdr .tablinks.active {
  color: var(--primary-blue);
}
.tabSecHed .tabBoxHdr .tablinks.active:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: var(--primary-blue);
}
.offerSwipr.tabSwipr .prodctCrd {
  border-color: #e0e0e0;
}
.prodctCrd .prdctCrdBdy {
  border-top: none;
}
.offerSwipr.tabSwipr .prodctCrd:hover {
  border-color: var(--primary-blue);
}

/*==================aboutSec=================*/
.aboutSec {
  margin: 30px 0 50px 0;
}
.aboutSec .aboutSecBx {
  border: 2px solid #e0e0e0;
}
.aboutSec .aboutSecTtl {
  width: max-content;
  max-width: 100%;
  height: 27px;
  background: #e0e0e0;
  color: black;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.aboutSec .aboutSecTtl h2 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
}
.aboutSec .aboutSecImgs {
  margin: 30px 0;
}
.aboutSec .aboutSecImgs .imgList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 20px;
  gap: 30px 100px;
  z-index: 1;
}
.aboutSec .aboutSecImgs .imgOne {
  width: 80%;
  height: 245px;
}
.aboutSec .aboutSecImgs .imgTwo,
.aboutSec .aboutSecImgs .imgThree {
  width: 529px;
  height: 245px;
  max-width: 41%;
}
.aboutSec .aboutSecImgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center;
}
.aboutSec .aboutSecImgs .imgOne img {
  width: 563px;
  max-width: 100%;
  margin: 0 auto;
}
.aboutSec .aboutSecImgs .bgBox {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--primary-pink);
  width: 100%;
  height: 336px;
  z-index: 0;
}
.aboutSec .aboutSecTxt {
  margin: 20px;
  color: black;
}
.aboutSec .aboutSecTxt strong {
  font-size: 20px;
  text-align: right;
  font-weight: "YekanBakhFaNum_Bold";
  display: block;
  margin-bottom: 5px;
}
.aboutSec .aboutSecTxt p,
.aboutSec .aboutSecTxt i {
  font-size: 15px;
  line-height: 1.5;
  font-family: "YekanBakhFaNum_Medium";
  text-align: justify;
}
.aboutSec .aboutSecTxt i {
  margin-top: 8px;
  display: block;
}
.aboutSec .aboutSecTxt div {
  font-size: 15px;
  text-align: left;
  font-family: "YekanBakhFaNum_Medium";
}
.aboutSec .aboutSecTxt img {
  display: none;
  width: 100%;
  height: auto;
  margin: 15px auto;
}
.aboutSec .aboutSecLst {
  margin: 10px 20px;
}
.aboutSec .aboutSecLst ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px 20px;
  flex-wrap: wrap;
}
.aboutSec .aboutSecLst li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.aboutSec .aboutSecLst li p {
  font-size: 17px;
  color: black;
  font-family: "YekanBakhFaNum_Regular";
  font-weight: 400;
}
.aboutSec .aboutSecLst li img {
  width: auto;
  height: 52px;
}
.aboutSec .aboutSecLst li:nth-child(1) img {
  height: 78px;
}
.aboutSec .aboutSecLst li:nth-child(5) img {
  height: 58px;
}
.aboutSec .aboutSecLnk {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: white;
  font-family: "YekanBakhFaNum_Bold";
  background: var(--primary-pink);
  width: 274px;
  max-width: 100%;
  height: 55px;
  padding: 0 18px;
  margin: 20px auto 20px 20px;
  line-height: 1;
}
.aboutSec .aboutSecLnk:hover {
  background: var(--primary-blue);
}

/*==================breadSec=================*/
.breadSec {
  margin: 10px 0 5px 0;
}
.breadSec .breadRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  padding-bottom: 10px;
}
.breadSec .breadRow::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d9d9d9;
}
.breadSec .breadRow::-webkit-scrollbar-thumb {
  background-color: #7e7d7d;
  --webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.breadSec .breadRow .txtLogo {
  width: 144px;
  height: auto;
  display: block;
}
.breadSec .breadRow .txtLogo img {
  width: 100%;
  height: auto;
}

/*==================productSec=================*/
.productSec {
  margin: 5px 0 0 0;
}
.productSec .boardHed {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.productSec .boardHed .right,
.productSec .boardHed .left {
  width: 50%;
}
.productSec .boardSlider {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9px;
  margin: 10px 0;
}
.productSec .boardSlider .swiperDiv {
  width: 70%;
  height: 600px;
  border: solid 3px #e0e0e0;
}
.productSec .swiperDiv .swiper {
  height: 100%;
}
.productSec .swiperDiv .swiper-button-next::after,
.productSec .swiperDiv .swiper-button-prev:after {
  font-size: 35px;
  color: var(--primary-pink);
  font-weight: 900;
}
.productSec .swiperDiv .likeBtn {
  display: none;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 2;
  border: none;
  width: max-content;
  height: max-content;
  background: transparent;
  font-size: 60px;
  color: var(--primary-pink);
  padding: 0;
}
.productSec .swiperDiv .likeBtn span {
  display: block;
  line-height: 1;
}
.productSec .swiperDiv .likeBtn:hover {
  color: var(--primary-blue);
}
.productSec .swiperDiv .discount {
  left: 0;
  top: 0;
  z-index: 2;
  background: var(--primary-blue);
  padding: 5px 10px;
  font-family: "YekanBakhFa_Bold";
  font-size: 14px;
  color: white;
}
.productSec .swiperDiv .logoBox {
  left: 3px;
  bottom: 1px;
  z-index: 2;
  width: 121px;
  height: auto;
}

.hasRotatSwpr.swiper {
  perspective: 1200px;
}
.hasRotatSwpr .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rotateImg {
  width: 65%;
  height: 75%;
  perspective: 1200px;
}
.rotateImg .rotateCard {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  will-change: transform;
  /* cursor: grab;
  touch-action: none; */
}
.rotateCard.init-rotate {
  animation: wrapRotate 1.5s ease-out forwards;
}
.rotateCard * {
  /* backface-visibility: hidden; */
  transform-style: preserve-3d;
}
.rotateImg .face.left,
.rotateImg .face.right,
.rotateImg .face.top,
.rotateImg .face.bottom {
  transform: translateZ(0);
  background: linear-gradient(90deg, #d8d0c2, #eee8dc);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}
.rotateImg .face {
  position: absolute;
  /* width: 100%;
  height: 100%; */
  backface-visibility: hidden;
}
.rotateImg .front,
.rotateImg .back {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.rotateImg .front {
  transform: translateZ(0);
}
.rotateImg .back {
  transform: rotateY(180deg) translateZ(0);
  transform-origin: center center;
  filter: brightness(0.96);
}
.rotateImg .face.left,
.rotateImg .face.right {
  height: calc(100%);
  top: 0;
  background: #e6dfd3;
}
.rotateImg .face.left {
  width: calc(var(--depth));
  left: 0px;
  transform: rotateY(-90deg);
  transform-origin: left center;
  /* box-shadow: inset -1px 0 2px rgba(0,0,0,.15); */
}
.rotateImg .face.right {
  width: calc(var(--depth));
  right: 0px;
  transform: rotateY(90deg);
  transform-origin: right center;
}
.rotateImg .face.top,
.rotateImg .face.bottom {
  height: calc(var(--depth));
  width: calc(100%);
  left: 0;
  transform-origin: left center;
  background: #ded7cb;
}
.rotateImg .face.top {
  top: 0px;
  transform: rotateX(90deg);
  transform-origin: center top;
}
.rotateImg .face.bottom {
  bottom: 0px;
  transform: rotateX(-90deg);
  transform-origin: center bottom;
}

.rotateImg img {
  object-fit: cover;
  user-select: none;
  cursor: grab;
  touch-action: none;
  transform-style: preserve-3d;
}
.rotateImg .front img {
  width: calc(100% - 20px);
  height: calc(100% - 12px);
  margin: 10px 6px;
}
.rotateImg .back img {
  width: 100%;
  height: 100%;
}
.glow_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1200px;
  background: transparent;
  padding: 10px;
  width: 100%;
  height: 100%;
}
.glow_wrap img {
  display: block;
  position: relative;
  box-shadow: -3px 2px 4px 0 rgba(44, 55, 61, 0.5);
  transition: all 0.6s;
  animation: img_zoom 1.5s ease-out forwards;
  animation-delay: 1.2s;
}
.glow_wrap::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  pointer-events: none;
  background: rgb(231 248 253 / 30%);
  box-shadow: 0 0 90px rgb(239 247 254 / 90%), 0 0 90px rgb(245 250 255 / 80%),
    0 0 150px rgb(241 247 255 / 40%);
  offset-path: rect(42px calc(100% + 22px) calc(100% + 22px) 22px round 22px);
  offset-distance: 0%;
  opacity: 0;

  animation: glowSweep 2.5s ease-out forwards;
  animation-delay: 1.9s;
}

@keyframes wrapRotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes glowSweep {
  0% {
    opacity: 1;
    offset-distance: 0%;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 100%;
  }
}
@keyframes img_zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.06);
  }
}

.productSec .boardSlider .infoDiv {
  width: 30%;
  overflow: auto;
}
.productSec .infoDiv .swiper-slide {
  width: 120px;
  height: 110px;
  border: solid 3px #e0e0e0;
  cursor: pointer;
}
.productSec .infoDiv .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.productSec .infoDiv .infoList {
  margin: 10px 0;
}
.productSec .infoDiv .infoList li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}
.productSec .infoDiv .infoList li img {
  width: 34px;
  height: auto;
  display: block;
}
.productSec .infoDiv .infoList li p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  text-align: right;
  color: var(--primary-blue);
}
.productSec .boardSlider .charity {
  justify-content: center;
}
.productSec .infoDiv .buyBox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.productSec .infoDiv .buyBox .top,
.productSec .infoDiv .buyBox .bottom {
  width: 100%;
}
.productSec .infoDiv .viewBoard {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-height: 42px;
  border: solid 3px #e0e0e0;
  margin: 8px 0 12px 0;
  background: transparent;
  color: var(--primary-blue);
}
.productSec .infoDiv .viewBoard img {
  width: 45px;
  height: auto;
  display: block;
}
.productSec .infoDiv .viewBoard i {
  font-size: 40px;
}
.productSec .infoDiv .viewBoard p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
}
.productSec .infoDiv .viewBoard:hover {
  background: var(--primary-blue);
  color: white;
}
.productSec .infoDiv .buyBox select {
  border-radius: 0;
  width: 100%;
  height: 42px;
  font-size: 18px;
  font-family: "YekanBakhFaNum_Medium";
  background-position: left 0.35rem center;
  padding: 0.4rem 0.5rem 0.4rem 2rem;
  border: solid 3px #e0e0e0;
}
.productSec .infoDiv .buyBox .filtrSel {
  width: 100%;
  height: 42px;
  padding: 0 8px 0 2px;
  border: solid 3px #e0e0e0;
}
.productSec .infoDiv .buyBox .filtrSel .fltrSelTtl {
  color: black;
}
.productSec .infoDiv .buyBox .filtrSel .fltrSelTtl i {
  font-size: 18px;
  font-family: "YekanBakhFaNum_Medium";
}
.productSec .infoDiv .buyBox .discountRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.productSec .infoDiv .buyBox .discountBx {
  padding: 3px 2px 0px 2px;
}
.productSec .infoDiv .buyBox .newPrice {
  text-align: center;
}
.productSec .prdctTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.productSec .prdctSwipr {
  width: 50%;
  height: 629px;
  border: solid 3px #e0e0e0;
  background-color: white;
  position: relative;
}
.productSec .prdctSwipr .likeBtn {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.productSec .prdctSwipr .swiper,
.productSec .swiper-slide,
.productSec .swiper-slide a {
  width: 100%;
  height: 100%;
}
.productSec .prdctSwipr .swiper,
.productSec .swiper-slide {
  display: block;
}
.productSec .swiper-slide a .mainImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: block;
}
.productSec .prdctSwipr a .discount {
  left: 0;
  top: 0;
  z-index: 2;
  background: var(--primary-blue);
  padding: 5px 10px;
  font-family: "YekanBakhFa_Bold";
  font-size: 14px;
  color: white;
}
.productSec .prdctSwipr a .logoBox {
  left: 3px;
  bottom: 1px;
  z-index: 2;
  width: 121px;
  height: auto;
}
.productSec .logoBox img {
  width: 100%;
  height: auto;
}
.productSec .swiper-slide a .zomeIcon {
  right: 3px;
  bottom: 0;
  z-index: 2;
  font-size: 29px;
  color: black;
  line-height: 1;
  cursor: pointer;
}
.productSec .swiper-slide a .zomeIcon:hover {
  color: var(--primary-pink);
}
.prdctSwipr .swiper-button-next:after,
.prdctSwipr .swiper-button-prev:after,
.blgPgSwpr .swiper-button-next:after,
.blgPgSwpr .swiper-button-prev:after {
  font-size: 35px;
  color: var(--primary-pink);
  font-weight: 900;
}
.productSec .topInfo {
  width: 50%;
  /* overflow: hidden; */
  /* margin-bottom: 25px; */
}
.productSec .prdctFeatur {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  min-height: 101px;
  margin-bottom: 10px;
}
.productSec .prdctFeatur .shape {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
}
.productSec .prdctFeatur .shapeLeft {
  top: 0;
  left: 0;
  border-width: 101px 106px 0 0;
  border-color: #d9d9d9 transparent transparent transparent;
}
.productSec .prdctFeatur .shapeRight {
  right: 0;
  bottom: 0;
  border-width: 0 0px 101px 106px;
  border-color: transparent transparent #d9d9d9 transparent;
}
.productSec .prdctFeatur ul,
.ordrInfoSec .features {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  z-index: 2;
}
.productSec .prdctFeatur li,
.ordrInfoSec .features li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.productSec .prdctFeatur li p,
.ordrInfoSec .features li p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
  color: #5b5b5b;
}
.productSec .prdctFeatur li img,
.ordrInfoSec .features li img {
  display: block;
  width: 50px;
  height: auto;
}
.productSec .prdctName,
.blgPgSec .blgPgRow .prdctName {
  width: 100%;
  height: 40px;
  background: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 6px;
  margin-bottom: 1px;
}
.productSec .prdctName h2,
.blgPgSec .blgPgRow .prdctName h2 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 27px;
  text-align: right;
  color: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
}
.productSec .model,
.blgPgSec .blgPgRow .model {
  margin-bottom: 1px;
  font-family: "InterBold";
  font-size: 14px;
  text-align: left;
  color: black;
}
.productSec .catRow,
.blgPgSec .blgPgRow .catRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
  border-top: 5px solid var(--primary-blue);
  border-bottom: 5px solid var(--primary-blue);
  padding: 4px 3px 2px 3px;
}
.productSec .boardHed .prdctFeatur {
  min-height: 103px;
  margin-bottom: 0;
}
.productSec .boardHed .catRow {
  margin-bottom: 0;
}
.productSec .catRow ul,
.productSec .catRow li,
.blgPgSec .blgPgRow .catRow ul,
.blgPgSec .blgPgRow .catRow li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blgPgSec .blgPgRow .catRow ul {
  flex-wrap: wrap;
  gap: 5px 15px;
}
.productSec .catRow ul {
  gap: 12px;
  flex-wrap: wrap;
}
.productSec .catRow li,
.blgPgSec .blgPgRow .catRow li {
  gap: 3px;
  font-family: "YekanBakhFa_Bold";
  font-size: 15px;
  text-align: right;
}
.productSec .catRow li span,
.blgPgSec .blgPgRow .catRow li span {
  color: black;
}
.productSec .catRow li p,
.blgPgSec .blgPgRow .catRow li p {
  color: #6b6b6b;
}
.productSec .catRow .icons,
.blgPgSec .blgPgRow .catRow .icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.productSec .catRow .commntIcn,
.blgPgSec .blgPgRow .catRow .commntIcn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}
.productSec .catRow .commntIcn p,
.blgPgSec .blgPgRow .commntIcn p {
  font-family: "YekanBakhFa_Bold";
  font-size: 15px;
  color: black;
  min-width: max-content;
}
.productSec .catRow .commntIcn span,
.blgPgSec .blgPgRow .catRow .commntIcn span {
  font-size: 24px;
  color: var(--primary-pink);
  line-height: 1;
}
.productSec .catRow .shareIcon,
.blgPgSec .blgPgRow .catRow .shareIcon {
  color: var(--primary-pink);
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
.productSec .catRow .shareIcon:hover,
.blgPgSec .blgPgRow .catRow .shareIcon:hover {
  color: var(--primary-blue);
}
.productSec .specsRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.productSec .specsRow .hasMoreBtn {
  display: none;
  position: absolute;
  left: 1px;
  top: 1px;
  cursor: pointer;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  padding: 2px;
  color: var(--primary-blue);
  z-index: 2;
}
.productSec .specsRow .right {
  color: black;
}
.productSec .specsRow .right strong {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
}
.productSec .specsRow ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  margin-bottom: 9px;
}
.productSec .specsRow ul span {
  color: var(--primary-pink);
  font-size: 15px;
  margin-top: 4px;
  display: inline-block;
}
.productSec .specsRow ul p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
}
.productSec .specsRow .left div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.productSec .specsRow .left p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  color: var(--primary-blue);
}
.productSec .specsRow .left span {
  color: var(--primary-pink);
}
.productSec .specsRow .left img {
  width: 34px;
  height: auto;
}
.productSec .charity {
  width: 100%;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.productSec .charity.charity2 {
  margin-bottom: 16px;
}
.productSec .charity p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  color: var(--primary-blue);
}
.productSec .charity img {
  width: 50px;
  height: auto;
  display: inline-block;
}
.productSec .boardSlider #targetElementOne {
  width: 0;
}
.productSec .topInfo .priceInput {
  margin: 22px auto 2px auto;
  height: 40px;
  padding: 0 101px 0 75px;
}
.productSec .topInfo .priceInput .input-group {
  direction: rtl;
  height: 100%;
  border: solid 3px #e0e0e0;
  width: 100%;
}
.productSec .topInfo .priceInput input {
  border: none;
  height: 100%;
  font-family: "YekanBakhFaNum_Bold";
}
.productSec .topInfo .priceInput .input-group-text {
  border-radius: 0;
  background: transparent;
  color: black;
  font-family: "YekanBakhFaNum_Medium";
  border: none;
  height: 100%;
}
.productSec .topInfo .priceInput .input-group-text:first-child {
  font-size: 22px;
  padding: 0 5px 0 0;
}
.productSec .topInfo .priceInput .input-group-text:last-child {
  font-size: 16px;
  padding: 0 3px 0 5px;
}
.productSec .topInfo .buyRow {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 15px;
}
.productSec .topInfo .priceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 0 101px 0 75px;
}
.productSec .topInfo .priceRow.priceRow2 {
  padding: 0 159px 0 75px;
}
.productSec .topInfo .priceRow .discount,
.productSec .infoDiv .buyBox .discountBx {
  background: var(--primary-blue);
  padding: 6px 2px 1px 2px;
  font-family: "YekanBakhFa_Bold";
  font-size: 20px;
  color: white;
}
.productSec .topInfo .priceRow .oldPrice p,
.productSec .infoDiv .buyBox .oldPrice p {
  font-family: "YekanBakhFa_Medium";
  font-size: 24px;
  color: black;
}
.productSec .topInfo .priceRow .oldPrice:after,
.productSec .infoDiv .buyBox .oldPrice:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 100%;
  background: var(--primary-pink);
  z-index: 2;
}
.productSec .topInfo .priceRow .newPrice,
.productSec .infoDiv .buyBox .newPrice {
  font-family: "YekanBakhFa_Bold";
  font-size: 32px;
  color: black;
}
.productSec .topInfo .priceRow .newPrice small,
.productSec .infoDiv .buyBox .newPrice small {
  font-size: 28px;
}
.productSec .topInfo .buyRow .center {
  width: calc(100% - 176px);
}
.productSec .infoDiv .priceLike {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.productSec .infoDiv .buyBox .buyBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.productSec .infoDiv .buyBox .buyBtns .addBtn {
  width: 100%;
  height: 54px;
  border: none;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Medium";
  font-size: 28px;
  color: white;
}
.productSec .infoDiv .buyBox .buyBtns .likeBtn,
.productSec .infoDiv .priceLike .likeBtn {
  border: none;
  width: max-content;
  height: max-content;
  background: transparent;
  font-size: 60px;
  color: var(--primary-pink);
  padding: 0;
}
.productSec .infoDiv .buyBox .buyBtns .likeBtn span,
.productSec .infoDiv .priceLike .likeBtn span {
  display: block;
  line-height: 1;
}
.productSec .infoDiv .buyBox .buyBtns .likeBtn:hover,
.productSec .infoDiv .priceLike .likeBtn:hover {
  color: var(--primary-blue);
}
.productSec .topInfo .buyRow .center button {
  width: 100%;
  height: 54px;
  border: none;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Medium";
  font-size: 30px;
  color: white;
  padding: 0 5px;
}
.productSec .infoDiv .buyBox .buyBtns .addBtn:hover,
.productSec .topInfo .buyRow .center button:hover {
  background: var(--primary-blue);
}
.productSec .topInfo .buyRow .right {
  width: 86px;
  height: max-content;
  border: 3px solid #e0e0e0;
}
.productSec .topInfo .buyRow .right .number {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
  color: black;
  border-bottom: 2px solid #e0e0e0;
  padding: 0 7px 0 2px;
}
.productSec .topInfo .buyRow .right .number p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
  color: #000;
}
.productSec .topInfo .buyRow .right .number span {
  font-weight: 900;
  font-size: 18px;
}
.productSec .topInfo .buyRow .right .item_Num_box {
  height: 22px;
}
.productSec .topInfo .buyRow .right.selectBx {
  height: 54px;
  min-width: max-content;
}
.productSec .topInfo .buyRow .right .filtrSel {
  height: 100%;
  padding: 0 5px 0 0px;
}
.productSec .topInfo .buyRow .right select {
  height: 100%;
  border: none;
  font-size: 18px;
  font-family: "YekanBakhFaNum_Medium";
  background-position: left 0.35rem center;
  padding: 0.6rem 0.5rem 0.6rem 2rem;
}
.productSec .topInfo .buyRow .right .fltrSelTtl {
  gap: 2px;
  color: black;
}
.productSec .topInfo .buyRow .right .fltrSelTtl i {
  font-size: 18px;
  font-family: "YekanBakhFaNum_Medium";
}
.productSec .topInfo .buyRow .right .filtrSel .fltrSelMnu {
  top: 50px;
}
.introBox,
.productSec .featureBox,
.productSec .prdctCmnBx {
  border: 3px solid #e0e0e0;
  padding: 10px;
  margin: 12px 0;
}
.introBox {
  position: relative;
  padding-bottom: 38px;
  height: max-content;
}
.introBox .content {
  height: 82px;
  overflow: hidden;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.introBox.show .content {
  height: max-content;
}
.introBox p,
.introBox strong,
.introBox ul {
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}
.productSec .introHed,
.catItemsSec .introHed,
.blgPgCntnt .introHed {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}
.productSec .introHed strong,
.catItemsSec .introHed strong,
.blgPgCntnt .introHed strong {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
  text-align: right;
  color: var(--primary-blue);
}
.productSec .introHed strong i,
.catItemsSec .introHed strong i,
.blgPgCntnt .introHed strong i {
  color: black;
}
.productSec .moreContent {
  display: none;
  padding-bottom: 10px;
}
.productSec .hasMoreBtn,
.catItemsSec .hasMoreBtn {
  position: absolute;
  height: 30px;
  width: max-content;
  left: 0;
  bottom: 5px;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.productSec .hasMoreBtn a,
.catItemsSec .hasMoreBtn a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
  color: var(--primary-blue);
}
.productSec .hasMoreBtn span,
.catItemsSec .hasMoreBtn span {
  font-size: 28px;
  color: #e0e0e0;
}
.productSec .hasMoreBtn i,
.catItemsSec .hasMoreBtn i {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
}
.productSec .hasMoreBtn a:hover,
.catItemsSec .hasMoreBtn a:hover {
  color: var(--primary-pink);
}
.productSec .showLessLnk {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  height: max-content;
  padding: 0 0 15px 15px;
}
.productSec .showLessLnk a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 25px;
  border: 1px solid var(--primary-blue);
  background: white;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  color: var(--primary-blue);
}
.productSec .showLessLnk a:hover {
  color: white;
  background: var(--primary-blue);
}
.productSec .showLessLnk span {
  font-size: 24px;
}
.productSec .showLessLnk i {
  font-size: 16px;
  font-family: "YekanBakhFaNum_Bold";
}

.productSec .featureBox ul {
  padding-right: 290px;
}
.productSec .featureBox ul li,
.blgPgSec .blgTopRow .info ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 5px;
}
.productSec .featureBox ul span,
.blgPgSec .blgTopRow .info ul span {
  font-size: 15px;
  color: var(--primary-pink);
  font-weight: 900;
  margin-top: 3px;
}
.productSec .featureBox ul i,
.blgPgSec .blgTopRow .info ul i {
  font-size: 16px;
  text-align: right;
  color: black;
}
.productSec .featureBox ul p,
.blgPgSec .blgTopRow .info ul p {
  font-family: "YekanBakhFaNum_Bold";
  color: black;
  font-size: 16px;
}

.productSec .featureBox .hasMoreBtn {
  display: none;
  position: absolute;
  left: 1px;
  top: 1px;
  cursor: pointer;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 10px;
  padding: 2px;
  color: var(--primary-blue);
  z-index: 2;
}
.productSec .featureBox .content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.productSec .featureBox .content .right {
  width: 60%;
}
.productSec .featureBox .content .left {
  width: 40%;
}
.productSec .featureBox .content .materialsImg {
  width: 100%;
  max-width: 259px;
  height: auto;
  margin-right: 90px;
}
.productSec .featureBox .content .materialsImg img {
  width: 100%;
  height: auto;
}

.prdctCmnBx .abstract {
  font-size: 16px;
  text-align: justify;
  color: black;
  margin-bottom: 10px;
  font-family: "YekanBakhFa_Regular";
}
.prdctCmnBx .cmntFrm .row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding: 0 15px;
}
.prdctCmnBx .cmntFrm input,
.prdctCmnBx .cmntFrm textarea {
  background: #d9d9d9;
  border-radius: 0;
}
.prdctCmnBx .cmntFrm {
  border-top: 3px solid #e0e0e0;
  border-bottom: 3px solid #e0e0e0;
  padding: 10px 0;
  margin: 10px 0;
}
.prdctCmnBx .cmntFrm .col_lbl {
  width: 85px;
}
.prdctCmnBx .cmntFrm .col_100 {
  width: calc(100% - 85px);
}
.prdctCmnBx .cmntFrm .submitBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  border: none;
  font-size: 14px;
  font-family: "YekanBakhFaNum_Medium";
  padding: 0 5px;
  height: 20px;
  background: var(--primary-pink);
}
.prdctCmnBx .cmntFrm .submitBtn:hover {
  background: var(--primary-blue);
}
.productSec .cmntList {
  position: relative;
  padding-bottom: 38px;
  height: max-content;
}
.productSec .cmntList .content {
  height: 82px;
  overflow: hidden;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.productSec .cmntList.show .content {
  height: max-content;
}
.productSec .cmntList .cmntCntnt {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgb(180, 180, 180);
}
.productSec .cmntList .cmntCntnt.first {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.productSec .cmntList .cmntCntnt p {
  font-size: 16px;
  color: black;
  margin-bottom: 8px;
}
.productSec .cmntList .cmntCntnt .rate {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 5px;
}
.productSec .cmntList .showMoreLnk {
  padding: 0;
  height: 32px;
}
.productSec .cmntList .showLessLnk {
  padding: 0;
}
.productSec .cmntList .moreContent {
  padding-bottom: 38px;
}
.cmntFrm .rateBox {
  padding-right: 8px;
}
.rateBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.rateBox p {
  color: black;
  font-size: 16px;
  font-family: "YekanBakhFaNum_Bold";
  direction: ltr;
}
.rateBox i {
  color: black;
  font-size: 16px;
}
.rateBox .starsLst {
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
.rateBox ul span {
  font-size: 24px;
  cursor: pointer;
  display: block;
}
.prdctRate .icon-material-symbols--star:before,
.prdctRate .star:before,
.rateBox ul span {
  color: #d9d9d9;
}
.rateBox .selected span {
  color: yellow;
}
.rateBox .hoverStar span {
  color: gold;
}

.prdctRate {
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
}
.prdctRate .star {
  position: relative;
  height: 19px;
}
.prdctRate .star span {
  font-size: 19px;
}
.prdctRate .star:before {
  font-family: "icomoon" !important;
  content: "\e913";
  position: absolute;
  left: 0;
  top: -5px;
  font-size: 20px;
}
.prdctRate .star.half:before {
  width: 50%;
  overflow: hidden;
  color: gold;
}
.prdctRate .star.full:before {
  width: 100%;
  color: gold;
}

.productSec .topInfo .buyRow .likeBtn,
.productSec .prdctSwipr .likeBtn {
  border: none;
  width: max-content;
  height: max-content;
  background: transparent;
  font-size: 60px;
  color: var(--primary-pink);
  padding: 0;
}
.productSec .prdctSwipr .likeBtn {
  font-size: 28px;
}
.productSec .topInfo .buyRow .likeBtn span,
.productSec .prdctSwipr .likeBtn span {
  display: block;
  line-height: 1;
}
.productSec .topInfo .buyRow .likeBtn:hover,
.productSec .prdctSwipr .likeBtn:hover {
  color: var(--primary-blue);
}

/*==================cartSec=================*/
.cartSec {
  margin: 25px 0;
}
.cartSec .cartSecTtl,
.ordrInfoSec .ordrInfoTtl {
  text-align: right;
  margin-bottom: 30px;
}
.cartSec .cartSecTtl h1,
.ordrInfoSec .ordrInfoTtl h1 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 20px;
  color: black;
}
.ordrInfoTtl2 {
  display: none;
}
.cartSec .cartSecBx {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.cartSec .cartSecBx .right {
  width: 65%;
}
.cartContnt {
  width: 100%;
  max-height: 338px;
  direction: ltr;
  overflow: auto;
  margin-bottom: 30px;
  border-top: solid 3px #e0e0e0;
  border-bottom: solid 3px #e0e0e0;
  padding: 2px 5px;
}
.cartContnt2 {
  margin-bottom: 26px;
}
.cartContnt::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 35px;
}
.cartContnt .table {
  direction: rtl;
}
.cartContnt tbody tr:last-child td {
  border-bottom: none;
}
.cartContnt th {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
  text-align: center;
  color: black;
}
.odrdInfoBx .cartContnt th {
  text-align: right;
}
.cartContnt .itemCrd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.cartContnt2 .itemCrd {
  flex-direction: column;
  align-items: flex-start;
}
.cartContnt .itemCrd .imgBx {
  width: 80px;
  height: 80px;
  border: solid 1px #5b5b5b;
  background: white;
}
.cartContnt .itemCrd .imgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cartContnt .itemCrd .name {
  text-align: right;
  color: black;
}
.cartContnt .itemCrd .name h2 {
  font-size: 15px;
  font-family: "YekanBakhFaNum_Medium";
  margin-bottom: 10px;
}
.cartContnt .itemCrd .name p {
  font-size: 13px;
}
.cartContnt .price .main {
  font-size: 14px;
  color: black;
  text-align: center;
  margin-bottom: 5px;
}
.cartContnt .price .main small {
  font-size: 14px;
}
.cartContnt .price .discount {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 1;
}
.cartContnt .discount .numbr p {
  font-size: 13px;
  color: black;
}
.cartContnt .discount .numbr:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--primary-pink);
  width: 100%;
  height: 1px;
  z-index: 1;
}
.cartContnt .discount .percent {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-pink);
  color: white;
  font-size: 11px;
  width: max-content;
  padding: 2px 4px 0 4px;
  height: 18px;
}
.cartContnt .sum {
  font-size: 14px;
  text-align: center;
  color: black;
}
.odrdInfoBx .cartContnt .sum {
  text-emphasis: right;
}
.cartContnt .sum small {
  font-size: 14px;
}
.cartSec .discntRow {
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: space-between;
  padding: 10px 15px;
}
.cartSec .discntRow label {
  color: black;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
}
.cartSec .discntRow input {
  width: 174px;
  height: 32px;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
  color: black;
}
.cartSec .discntRow input::-webkit-input-placeholder {
  color: #6e6e6e;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
}
.cartSec .discntRow input::-moz-placeholder {
  color: #6e6e6e;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
}
.cartSec .discntRow input:-ms-input-placeholder {
  color: #6e6e6e;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
}
.cartSec .discntRow input:focus {
  border-color: var(--primary-blue);
}
.cartSec .discntRow button {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 16px;
  width: max-content;
  min-height: 32px;
  padding: 0 10px;
  color: white;
  background: var(--primary-blue);
  border: none;
}
.cartSec .discntRow button:hover {
  background: var(--primary-pink);
}
.cartSec .cartSecBx .left {
  width: 35%;
  padding: 10px 35px 35px 35px;
  border: solid 3px #e0e0e0;
}
.cartSec .cartSecBx .left ul li,
.invoiceBox li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  margin-bottom: 20px;
  font-family: "YekanBakhFaNum_Medium";
}
.cartSec .cartSecBx .left li.discntLi,
.invoiceBox li.discntLi {
  color: var(--primary-pink);
}
.cartSec .cartSecBx .left li span,
.invoiceBox li span {
  font-size: 20px;
  text-align: right;
}
.cartSec .cartSecBx .left li p,
.invoiceBox li p {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.cartSec .cartSecBx .left li p i,
.invoiceBox li p i {
  direction: ltr;
  display: block;
}
.cartSec .cartSecBx .left li p small,
.invoiceBox li p small {
  font-size: 14px;
}
.cartSec .cartSecBx .left .btn {
  display: block;
  width: 100%;
  max-width: 382px;
  height: 55px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  text-align: center;
  color: white;
  border-radius: 0;
  margin: 0 auto;
}
.cartSec .cartSecBx .left .addBtn {
  background: var(--primary-blue);
  margin-bottom: 20px;
}
.cartSec .cartSecBx .left .addBtn:hover {
  background: #01adb3;
}
.cartSec .cartSecBx .left .submitBtn {
  background: var(--primary-pink);
}
.cartSec .cartSecBx .left .submitBtn:hover {
  background: #ee206b;
}

/*==================breadSec=================*/
.mainCatSldr {
  margin: 10px 0 20px 0;
  width: 100%;
}
.mainCatSldr .swiper {
  height: 590px;
}
.mainCatSldr .swiper-slide,
.mainCatSldr .swiper-slide a {
  width: 100%;
  height: 100%;
}
.mainCatSldr .swiper-slide a {
  display: block;
}
.mainCatSldr .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*==================catItemsSec=================*/
.catItemsSec {
  margin: 20px 0;
}
.catItemsSec .catItemsBx {
  border: solid 3px #e0e0e0;
}
.catItemsSec .catItemsHed {
  border-bottom: solid 3px #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catItemsSec .catItemsHed .filters {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.catItemsSec .catItemsHed .catSearch {
  border-left: 3px solid #e0e0e0;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 10px;
}
.catItemsSec .catItemsHed .catSearch button {
  width: 30px;
  padding: 0;
  border: 0;
  height: 100%;
  background: transparent;
  color: var(--primary-blue);
  line-height: 1;
}
.catItemsSec .catItemsHed .catSearch button:hover {
  color: var(--primary-pink);
}
.catItemsSec .catItemsHed .catSearch input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
  text-align: right;
}
.catItemsSec .catItemsHed .deltFilter {
  border: none;
  border-right: 3px solid #e0e0e0;
  font-size: 16px;
  background: white;
  color: var(--primary-blue);
  font-family: "YekanBakhFaNum_Bold";
  height: 39px;
  padding: 0 6px;
}
.catItemsSec .catItemsHed .deltFilter:hover {
  color: var(--primary-pink);
}

.catItemsSec .catItemLst {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 40px 15px 30px 15px;
}
.catItemsSec .catItemLst .prodctCrd {
  width: 19.3%;
  max-width: 240px;
  border: 2px solid #e0e0e0;
}

.filtrSel {
  position: relative;
}
.filters .filtrSel {
  width: 170px;
  height: 39px;
  padding: 0 6px 0 1px;
  border-left: 3px solid #e0e0e0;
}
.filtrSel .fltrSelTtl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  color: var(--primary-blue);
  height: 100%;
  width: 100%;
}
.filtrSel .fltrSelTtl i {
  text-align: right;
  font-size: 16px;
  font-family: "YekanBakhFaNum_Medium";
}
.filtrSel .fltrSelTtl span {
  font-size: 20px;
  transition: all 0.6s;
}
.filtrSel .fltrSelTtl.open span {
  transform: rotate(180deg);
}
.filtrSel .fltrSelMnu {
  display: none;
  position: absolute;
  left: 0;
  top: 41px;
  width: 100%;
  height: max-content;
  background: white;
  box-shadow: 0 4px 4px 0 #00000038;
  z-index: 3;
}
.filtrSel .fltrSelMnu .fltrChkList {
  max-height: 200px;
  overflow: auto;
  padding: 0 6px;
}
.filtrSel .fltrSelMnu .fltrChkList::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e9e9e8;
  border-radius: 35px;
}
.filtrSel .fltrSelMnu .fltrChkList::-webkit-scrollbar-thumb {
  border-radius: 35px;
  background-color: #989c96;
  --webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.filtrSel .fltrSelMnu .form-check {
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  border-bottom: 2px solid #e0e0e0;
}
.filtrSel .fltrSelMnu .form-check:last-child {
  border-bottom: 0;
}
.filtrSel .fltrSelMnu .form-check .form-check-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.filtrSel .fltrSelMnu .form-check .form-check-input:focus {
  box-shadow: none;
  outline: none;
}
.filtrSel .fltrSelMnu .form-check label {
  position: relative;
  width: 100%;
  height: max-content;
  padding: 10px 10px;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
  cursor: pointer;
}
.filtrSel .fltrSelMnu .form-check-input:checked ~ label {
  color: var(--primary-blue);
}

.rangeFilter {
  padding: 20px;
  height: 86px;
}
.rangeFilter .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  direction: ltr;
}
.rangeFilter .multi-range-slider {
  width: 100%;
  height: 6px;
  display: block;
  position: relative;
}
.rangeFilter input {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 10;
  height: 100%;
  margin: 0;
  pointer-events: none;
}
.rangeFilter input::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.rangeFilter input:focus {
  outline: none;
}
.rangeFilter input::-moz-focus-outer {
  border: 0;
}
.rangeFilter input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.rangeFilter input::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
  cursor: pointer;
  border: 0 none;
  width: 10px;
  height: 10px;
  background: var(--primary-blue);
}
.rangeFilter input::-moz-range-thumb {
  pointer-events: all;
  cursor: pointer;
  border: 0 none;
  width: 10px;
  height: 10px;
  background: var(--primary-blue);
}
.rangeFilter input::-ms-thumb {
  pointer-events: all;
  border: 0 none;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: var(--primary-blue);
}
.rangeFilter input::-webkit-slider-runnable-track,
.rangeFilter input:focus::-webkit-slider-runnable-track,
.rangeFilter input::-moz-range-track,
.rangeFilter input::-ms-fill-lower,
.rangeFilter input:focus::-ms-fill-lower,
.rangeFilter input::-ms-fill-upper,
.rangeFilter input:focus::-ms-fill-upper {
  background: transparent;
}
.rangeFilter .slider {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 1;
  height: 100%;
}
.rangeFilter .slider > .track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #d9d9d9;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.rangeFilter .slider > .range {
  position: absolute;
  z-index: 2;
  left: 25%;
  right: 25%;
  top: 0;
  bottom: 0;
  background-color: var(--primary-blue);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.rangeFilter .price__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: relative;
  top: 30px;
  width: 100%;
}
.rangeFilter .price__wrapper div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: row-reverse;
  width: 50%;
}
.rangeFilter .price__wrapper i,
.rangeFilter .price__wrapper span {
  font-size: 13px;
  line-height: 1;
  color: black;
}
.rangeFilter .price__wrapper i {
  font-family: "YekanBakhFaNum_Bold";
  direction: rtl;
}
.rangeFilter span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "YekanBakhFaNum_Medium";
}

/*==================ordrInfoSec=================*/
.ordrInfoSec {
  margin: 25px 0;
}
.ordrInfoSec .odrdInfoBx {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}
.ordrInfoSec .odrdInfoBx .right {
  width: 48%;
  padding: 20px 20px 27px 20px;
  border: solid 3px #e0e0e0;
}
.ordrInfoSec .odrdInfoBx form .infoText {
  margin: 20px 0 40px 0;
}
.ordrInfoSec .odrdInfoBx form .infoText p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.56;
  text-align: justify;
  color: black;
}
.ordrInfoSec .odrdInfoBx form .infoText span {
  color: #f00;
}
.ordrInfoSec .ordrSubmitBtn {
  display: block;
  width: 100%;
  max-width: 408px;
  height: 75px;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 28px;
  text-align: center;
  color: white;
  border: none;
  margin: 0 auto;
}
.ordrInfoSec .ordrSubmitBtn:hover {
  background: var(--primary-blue);
}
.ordrInfoSec .odrdInfoBx .left {
  width: 52%;
  padding: 14px 28px 84px 28px;
  border: solid 3px #e0e0e0;
}
.ordrInfoSec .infoLftTtl {
  text-align: right;
  margin-bottom: 10px;
}
.ordrInfoSec .infoLftTtl h2 {
  font-size: 20px;
  font-family: "YekanBakhFaNum_Bold";
  color: black;
}
.ordrInfoSec .invoiceBox li:last-child {
  padding: 15px 0;
  border-top: 3px solid #e0e0e0;
  border-bottom: 3px solid #e0e0e0;
}
.ordrInfoSec .txtLogo {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 60px auto 30px auto;
}
.ordrInfoSec .txtLogo img {
  width: 100%;
  height: auto;
  display: block;
}

.orderFrm .row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding: 0;
}
.orderFrm .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.orderFrm .form-check {
  padding-left: 0;
  padding-right: 2.1em;
  margin-bottom: 10px;
  margin-top: 0;
}
.orderFrm .form-check .form-check-input {
  float: right;
  margin-left: unset;
  margin-right: -1.5em;
  border-radius: 0;
}
.orderFrm .form-check .form-check-input:checked {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
}
.orderFrm .form-control,
.orderFrm select,
.orderFrm textarea {
  border: none;
  color: black;
  text-align: right;
  font-size: 16px;
  background-color: transparent;
  border-radius: 0;
}
.orderFrm .form-select {
  height: 48px;
  min-height: 48px;
  border-radius: 12px;
}
.orderFrm .form-select {
  background-position: left 0.75rem center;
  padding: 10px 0.75rem 10px 2.25rem;
}
.orderFrm .form-control,
.orderFrm textarea {
  border-radius: 12px;
  padding: 10px 12px;
}
.orderFrm .form-select:disabled {
  background-color: #a3a3a3;
}
.orderFrm .form-floating > .form-control {
  height: 48px;
  min-height: 48px;
}
.orderFrm .form-floating > .form-control {
  height: 48px;
  min-height: 48px;
}
.orderFrm .form-floating > textarea.form-control {
  height: unset;
  min-height: max-content;
}
.orderFrm .form-floating > label {
  top: 8px;
  color: #747474;
  font-size: 16px;
  background: #d9d9d9;
  padding: 2px 5px;
  border-radius: 0;
  height: max-content;
  transition: all 0.6s;
  right: 10px;
  left: auto;
}
.orderFrm .form-floating > label::after {
  display: none;
}
.orderFrm .form-floating > label i {
  color: #f00;
  font-size: 12px;
}
.orderFrm .form-floating .selectLbl {
  transform: unset;
}
.orderFrm
  .form-floating
  > .form-select:not(:placeholder-shown)
  ~ label.selectLbl,
.orderFrm .form-floating > .form-select:focus ~ label.selectLbl,
.orderFrm .form-floating > .form-control:not(:placeholder-shown) ~ label,
.orderFrm .form-floating > .form-control:focus ~ label {
  transform: translateY(-25px);
  color: #747474;
}
.orderFrm .form-floating > .form-control,
.orderFrm .form-floating > .form-control-plaintext,
.orderFrm .form-floating > .form-control:not(:placeholder-shown),
.orderFrm .form-floating > .form-control:focus {
  padding: 10px 12px;
}
.orderFrm .frmInptBx {
  border-radius: 0;
  border: 1px solid #d9d9d9;
  height: max-content;
  background-color: #d9d9d9;
}
.orderFrm .frmInptBx:has(input:focus),
.orderFrm .frmInptBx:has(textarea:focus),
.orderFrm .frmInptBx:has(select:focus) {
  border-color: var(--primary-blue);
}
.orderFrm .frmInptBx:has(select:disabled) label:after,
.orderFrm .frmInptBx:has(select:disabled) label {
  background: #d9d9d9;
}

/*==================factorSec=================*/
.factorSec {
  margin: 25px 0;
}
.factorSec .factrSecBx {
  width: 100%;
  padding: 35px 18px 21px 18px;
  border: solid 3px #e0e0e0;
}
.factorSec .factorTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
.factorSec .factorTop .right,
.factorSec .factorTop .left {
  width: 50%;
}
.factorSec .factorTop .right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.factorSec .factorTop .right p {
  max-width: 445px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 32px;
  text-align: right;
  color: black;
}
.factorSec .factorTop .right p a {
  color: var(--primary-pink);
}
.factorSec .factorTop .right p a:hover {
  color: var(--primary-blue);
}
.factorSec .factorTop .left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.factorSec .factorTop img {
  width: 80px;
  min-width: 80px;
  display: block;
  height: auto;
}
.factorSec .factorTop .left p {
  font-size: 16px;
  line-height: 1.56;
  text-align: justify;
  color: black;
}
.factorSec .mainFactr {
  margin-bottom: 15px;
}
.factorSec .mainFactr h2 {
  margin-bottom: 4px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 20px;
  text-align: right;
  color: var(--primary-blue);
}
.factorSec .mainFactr ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.factorSec .mainFactr li {
  width: 25%;
  min-height: 27px;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  text-align: right;
  color: #747474;
  background: #d9d9d9;
  padding: 5px 8px;
}
.factorSec .factrTable table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.factorSec .factrTable th {
  border: none;
  padding: 0 0.5rem;
  font-size: 20px;
  font-family: "YekanBakhFaNum_Bold";
  text-align: right;
  color: var(--primary-blue);
}
.factorSec .factrTable td {
  border: none;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  text-align: right;
  color: #747474;
}
.factorSec .factrTable tbody td {
  background: #d9d9d9;
}
.factorSec .factrTable tbody td p {
  min-height: 12px;
}
.factorSec .fctrInfoTxt {
  width: 100%;
  min-height: 27px;
  margin-bottom: 10px;
  background: #d9d9d9;
  padding: 5px 8px;
}
.factorSec .fctrInfoTxt p {
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  text-align: right;
  color: #747474;
}
.factorSec .factorBtn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 25px;
}
.factorSec .factorBtn a {
  width: 294px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 24px;
  color: white;
}
.factorSec .factorBtn .samanehLnk {
  background: var(--primary-blue);
}
.factorSec .factorBtn .samanehLnk:hover {
  background: #01adb3;
}
.factorSec .factorBtn .storLink {
  background: var(--primary-pink);
}
.factorSec .factorBtn .storLink:hover {
  background: #ee206b;
}

/*==================bannerSec=================*/
.bannerSec {
  margin: 15px 0 25px 0;
}
.bannerSec .bannersRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.bannerSec .bannersRow a {
  display: block;
  width: 50%;
  height: max-content;
  background-color: #e0e0e0;
}
.bannerSec .bannersRow img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 350px;
}
.bannerSec .mobileBnnr {
  display: none;
  width: 100%;
  height: max-content;
}
.bannerSec .mobileBnnr a {
  display: block;
  width: 100%;
  height: max-content;
}
.bannerSec .mobileBnnr img {
  width: 100%;
  height: auto;
}

/*==================floatingMnu=================*/
.floatingMnu {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: #e0e0e0;
}
.floatingMnu .floatingRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 80px;
}
.floatingMnu .addBtn {
  width: 100%;
  max-width: 285px;
  height: 37px;
  background: var(--primary-pink);
  color: white;
  font-size: 18px;
  border: none;
  font-family: "YekanBakhFaNum_Bold";
  box-shadow: 0 4px 4px 0 #00000038;
}
.floatingMnu .addBtn:hover {
  background: var(--primary-blue);
}
.floatingMnu .likeBtn,
.blgPgSec .blgTopRow .info .likeBtn {
  border: none;
  width: max-content;
  height: max-content;
  color: var(--primary-blue);
  font-size: 44px;
  background: transparent;
  height: 44px;
  padding: 0;
}
.floatingMnu .likeBtn span:before,
.blgPgSec .blgTopRow .info .likeBtn span:before {
  text-shadow: 0 4px 4px 0 #00000038;
}
.floatingMnu .likeBtn:hover,
.blgPgSec .blgTopRow .info .likeBtn:hover {
  color: var(--primary-pink);
}

/*==================footerSec=================*/
footer {
  margin-top: 30px;
  background: white;
}
footer .fotrTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer .fotrTitle .logoLnk {
  width: 131px;
  min-width: 131px;
  height: auto;
  display: block;
}
footer .fotrTitle .logoLnk img {
  width: 100%;
  height: auto;
}
footer .fotrTitle div {
  position: relative;
  width: 100%;
}
footer .fotrTitle div:after {
  position: absolute;
  content: "";
  right: -2px;
  bottom: 9px;
  background: black;
  width: 100%;
  height: 1px;
}
footer .fotrTitle div p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
  line-height: 1.67;
  text-align: right;
  color: #000;
  padding: 0 10px 4px 0;
}
footer .backToTop {
  position: absolute;
  left: 15px;
  bottom: -47px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: black;
  color: white;
  padding: 0 8px;
  border: 1px solid black;
  z-index: 2;
}
footer .backToTop p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  line-height: 2.14;
}
footer .backToTop span {
  font-size: 19px;
  font-weight: 900;
}
footer .backToTop:hover {
  color: var(--primary-pink);
  background: white;
}
footer .foterTop {
  padding: 0 0 6px 0;
  border-bottom: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 90px;
}
footer .foterTop .kalinehMnu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
footer .kalinehMnu a {
  font-family: "InterRegular";
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  display: block;
  border: 1px solid black;
  padding: 0 5px;
}
footer .kalinehMnu a:hover {
  color: var(--primary-blue);
}

footer .foterTop .features {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
footer .foterTop .features li,
.faqSec .faqBtmRow .features li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
footer .foterTop .features li {
  flex-direction: row-reverse;
}
footer .foterTop .features p,
.faqSec .faqBtmRow .features p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
  color: #5b5b5b;
}
footer .foterTop .features img,
.faqSec .faqBtmRow .features img {
  width: 49px;
  height: auto;
}

footer .foterRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin: 20px 0;
  text-align: right;
}
footer .foterCol strong {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 20px;
  line-height: 1.88;
  color: black;
  display: block;
  min-width: max-content;
}
footer .foterCol:nth-child(6) strong,
footer .foterCol:nth-child(7) strong {
  text-align: center;
}
footer .foterCol .ftrLink {
  font-size: 16px;
  line-height: 1.88;
  color: black;
  display: block;
}
footer .foterCol .ftrLink:hover {
  color: var(--primary-blue);
}
footer .foterCol .license {
  width: 123px;
  height: auto;
  display: block;
}
footer .foterCol .license img {
  width: 100%;
  height: auto;
}
footer .foterCol .suportTxt {
  font-size: 15px;
  color: #000;
  max-width: 174px;
  margin-bottom: 10px;
}
footer .foterCol .suportCall {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .foterCol .suportCall span {
  transform: scaleX(-1);
  font-size: 34px;
  color: var(--primary-blue);
}
footer .foterCol .suportCall p {
  font-size: 16px;
  text-align: left;
}
footer .foterCol .suportCall p:first-child {
  color: var(--primary-pink);
}
footer .foterCol .suportCall p:last-child {
  color: var(--primary-blue);
}
footer .foterCol .ftrSocial {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 8px;
  flex-wrap: wrap;
  width: 130px;
  margin: 20px auto 0 auto;
}
footer .ftrSocial a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid black;
  color: black;
}
footer .ftrSocial a span {
  font-size: 20px;
}
footer .ftrSocial a:hover {
  color: var(--primary-pink);
}

footer .foterText {
  margin: 10px 0;
}
footer .foterText .foterTxtHed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
footer .foterText .foterTxtHed strong {
  min-width: max-content;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 15px;
  color: black;
}
footer .foterText .foterTxtHed span {
  width: 100%;
  height: 1px;
  background: black;
}
footer .foterText p {
  font-size: 15px;
  text-align: right;
  color: black;
}
footer .foterBtm {
  padding: 3px 17px;
  min-height: 29px;
  background: #e0e0e0;
  width: 100%;
}
footer .foterBtm .ftrBtmRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
footer .foterBtm .right {
  font-size: 15px;
  color: #000;
}
footer .foterBtm .right a {
  font-family: "YekanBakhFaNum_Medium";
  color: var(--primary-pink);
}
footer .foterBtm .right a:hover {
  color: var(--primary-blue);
}
footer .foterBtm .right .ftrLogo {
  width: 114px;
  height: auto;
  display: inline-block;
}
footer .foterBtm .right .ftrLogo img {
  width: 100%;
  height: auto;
}

footer .foterBtm .copyright,
footer .foterBtm .copyright a {
  font-family: "InterBold";
  font-size: 15px;
  color: black;
}
footer .foterBtm .copyright a:hover {
  color: var(--primary-pink);
}

/*==================timeContainer=================*/
.timeContainer {
  margin-top: 5px;
  width: 100%;
}
.timeContainer .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: row-reverse;
}
.timeContainer .wrapper div {
  width: 35px;
  height: 32px;
  background-color: white;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "YekanBakhFa_Bold";
  color: #5b5b5b;
}
.timeContainer .wrapper div p {
  font-size: 14px;
  line-height: 1;
}
.timeContainer .wrapper div i {
  font-size: 12px;
  line-height: 0.9;
}

/*==================trendsSec=================*/
.trendsSec {
  margin: -20px 0 20px 0;
}
.trendsSec .trendsRow {
  position: relative;
  padding: 20px 62px 20px 0px;
  border: solid 3px #e0e0e0;
}
.blgSecTtl {
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.blgSecTtl.pink {
  background: var(--primary-pink);
}
.blgSecTtl.blue {
  background: var(--primary-blue);
}
.blgSecTtl p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 25px;
  line-height: 2;
  color: white;
  writing-mode: tb-rl;
  height: 100%;
  text-align: center;
}
.trendsSec .trendsRow .trndSwiper {
  width: 100%;
  padding: 0 10px 0px 4px;
}
.trendsSec .trendsRow .trndSwiper .swiper {
  width: max-content;
  max-width: 100%;
}
.trndSwiper .swiper-button-next,
.trndSwiper .swiper-button-prev {
  top: 91%;
  color: black;
}
.trndSwiper .swiper-button-next {
  right: -5px;
}
.trndSwiper .swiper-button-prev {
  left: 5px;
}

.bookSwpr .swiper-button-prev:after,
.bookSwpr .swiper-button-next:after,
.trndSwiper .swiper-button-prev:after,
.trndSwiper .swiper-button-next:after,
.introBrdSec .introBrdSldr .swiper-button-prev:after,
.introBrdSec .introBrdSldr .swiper-button-next:after,
.styleSwpr .swiper-button-prev:after,
.styleSwpr .swiper-button-next:after {
  font-weight: 900;
  font-size: 25px;
}

/*==================introBrdSec=================*/
.introBrdSec {
  margin: 20px 0;
}
.introBrdSec .introSecBx {
  border: solid 3px #e0e0e0;
}
.introBrdSec .introBrdRow {
  position: relative;
  padding-right: 50px;
}
.introBrdSec .introBrdRow .imgBx {
  width: 100%;
  height: 251px;
}
.introBrdSec .introBrdRow .imgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introBrdSec .introBrdRow .showLink {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: max-content;
  height: 18px;
  padding: 0 10px;
  background: var(--primary-blue);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 14px;
  color: white;
}
.introBrdSec .introBrdRow .showLink:hover {
  background: var(--primary-pink);
}

.introBrdSec .introBrdSldr {
  position: relative;
  padding: 0 55px 0 10px;
}
.introBrdSec .boardSwpr {
  padding: 22px 32px;
}
.bookSwpr {
  padding: 20px 40px 10px 40px;
}
.bookSwpr .swiper-button-prev,
.bookSwpr .swiper-button-next {
  color: black;
  top: 75%;
}
.introBrdSec .introBrdSldr .swiper-button-prev,
.introBrdSec .introBrdSldr .swiper-button-next,
.styleSwpr .swiper-button-prev,
.styleSwpr .swiper-button-next {
  color: black;
}
.introBrdSec .introBrdSldr .swiper-button-prev {
  left: -2px;
}
.styleSwpr .swiper-button-prev {
  left: 0;
}
.bookSwpr .swiper-button-prev {
  left: 5px;
}
.introBrdSec .introBrdSldr .swiper-button-next,
.styleSwpr .swiper-button-next {
  right: 0;
}
.bookSwpr .swiper-button-next {
  right: 5px;
}
.bookSwpr .swiper,
.introBrdSec .introBrdSldr .swiper,
.styleSwpr .swiper-slide {
  width: max-content;
  max-width: 100%;
}
.bookSwpr .swiper-slide,
.introBrdSldr .swiper-slide,
.styleSwpr .swiper-slide {
  width: max-content;
}
.introBrdSldr .swiper-slide a {
  display: block;
  width: 189px;
}
.bookSwpr .swiper-slide a {
  display: block;
  width: 170px;
}
.bookSwpr .swiper-slide .bookBg {
  width: 160px;
  height: 118px;
  right: 0;
  bottom: 0;
  background: var(--primary-blue);
  border-radius: 0 25px 0 25px;
}
.bookSwpr .swiper-slide .bookBdy {
  position: relative;
  z-index: 2;
  width: 100%;
}
.bookSwpr .swiper-slide .imgBx {
  width: 141px;
  height: 202px;
  margin: 0 auto 0 0;
}
.introBrdSldr .swiper-slide .imgBx {
  width: 100%;
  height: 196px;
  background-color: #c4c4c4;
}
.bookSwpr .swiper-slide .imgBx img,
.introBrdSldr .swiper-slide img,
.styleSwpr .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bookSwpr .swiper-slide .bookName {
  width: 100%;
  height: 28px;
  padding: 2px 10px 0 10px;
}
.introBrdSldr .swiper-slide .crdBody,
.styleSwpr .swiper-slide .crdBody {
  width: 100%;
  height: 28px;
  padding: 2px 10px 0 10px;
  background-color: #5b5b5b;
}
.bookSwpr .swiper-slide .bookName p,
.introBrdSldr .swiper-slide .crdBody p,
.styleSwpr .swiper-slide .crdBody p {
  font-size: 17px;
  text-align: center;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bookSwpr .swiper-slide .bookName p {
  text-align: right;
}

/*==================blgBnrSec=================*/
.blgBnrSec {
  margin: 20px 0;
}
.blgBnrSec .blgBnrBx {
  width: 100%;
  height: auto;
  display: block;
}
.blgBnrSec .blgBnrBx img {
  width: 100%;
  height: auto;
}

/*==================styleSec=================*/
.styleSec {
  margin: 20px 0;
}
.styleSec .stylSecBx {
  position: relative;
  padding: 0 55px 0 5px;
  border: solid 3px #e0e0e0;
}
.styleSec .styleSwpr {
  padding: 20px 32px;
}
.styleSec .styleSwpr .swiper-slide a {
  display: block;
  width: 236px;
}
.styleSwpr .swiper-slide .imgBx {
  width: 100%;
  height: 245px;
  background-color: #c4c4c4;
}
.styleSwpr .swiper-slide .crdBody p {
  text-align: right;
}

/*==================giftSec=================*/
.giftSec {
  margin: 20px 0;
}
.giftSec .giftsRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  gap: 50px;
  padding: 25px;
  border: solid 3px #e0e0e0;
}
.giftSec .giftCard {
  display: block;
  width: 33%;
  max-width: 389px;
}
.giftSec .giftCard .giftCrdImg {
  width: 100%;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.giftSec .giftCard .imgDiv {
  width: 100%;
  /* height: 201px; */
  transition: all 0.6s;
}
.giftSec .giftCard .giftCrdImg img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 201px;
}
.giftSec .giftCard .giftCrdBdy h2 {
  padding: 5px 10px;
  font-size: 30px;
  font-weight: 600;
  font-family: "YekanBakhFaNum_Bold";
  line-height: 1.5;
  text-align: center;
  color: black;
  margin-bottom: 5px;
}
.giftSec .giftCard.blue .giftCrdBdy h2 span {
  color: var(--primary-blue);
}
.giftSec .giftCard.pink .giftCrdBdy h2 span {
  color: var(--primary-pink);
}
.giftSec .giftCard.gradient .giftCrdBdy h2 span {
  background-image: linear-gradient(to right, #ff2273, #01bec3 56%);
  color: transparent;
  background-clip: text;
}
.giftSec .giftCard .giftCrdBdy .crdBtn {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 25px;
  text-align: center;
  color: white;
}
.giftSec .giftCard.blue .giftCrdBdy .crdBtn {
  background: var(--primary-blue);
}
.giftSec .giftCard.blue .giftCrdBdy .crdBtn:hover {
  background: #01adb3;
}
.giftSec .giftCard.pink .giftCrdBdy .crdBtn {
  background: var(--primary-pink);
}
.giftSec .giftCard.pink .giftCrdBdy .crdBtn:hover {
  background: #ee206b;
}
.giftSec .giftCard.gradient .giftCrdBdy .crdBtn {
  background-image: linear-gradient(to right, #ff2273, #01bec3 56%);
}
.giftSec .giftCard.gradient .giftCrdBdy .crdBtn:hover {
  background-image: linear-gradient(to right, #ff2273, #01bec3 70%);
}

/*==================contactSec=================*/
.contactSec {
  margin: 20px 0;
}
.contactSec .contactBox {
  padding: 60px 10px 30px 0;
  border: solid 3px #e0e0e0;
  position: relative;
}
.contactSec .contactBox .contactHed {
  position: absolute;
  right: 0;
  top: 0;
  width: max-content;
  height: 27px;
  padding: 0px 7px;
  background-color: #e0e0e0;
}
.contactSec .contactBox .contactHed h1 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "YekanBakhFaNum_Bold";
  line-height: 2;
  font-size: 14px;
  color: black;
}
.contactSec .contactRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.contactSec .contactRow .info {
  min-width: 318px;
}
.contactSec .contactRow .info p {
  font-family: "YekanBakhFaNum_Bold";
  font-weight: bold;
  font-size: 18px;
  line-height: 1.67;
  text-align: center;
  color: black;
}
.contactSec .contactRow .info .support {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
}
.contactSec .contactRow .info .support i {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
  color: var(--primary-blue);
}
.contactSec .contactRow .info .support img {
  width: 90px;
  height: auto;
}
.contactSec .contactRow .imgBx {
  width: 100%;
  height: 353px;
}
.contactSec .contactRow .imgBx img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contactSec .contactFrm {
  margin-top: 35px;
  padding: 0 20px;
}
.contactSec .cntctFrmRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.contactSec .cntctFrmRow .cntctFrmTxt {
  color: black;
  padding-top: 12px;
}
.contactSec .cntctFrmRow .cntctFrmTxt p {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 16px;
}
.contactSec .cntctFrmRow .cntctFrmBtn {
  min-width: max-content;
}
.contactSec .cntctFrmBtn button,
.contactSec .cntctFrmBtn a {
  display: flex;
  align-items: center;
  padding: 0 15px 0 15px;
  justify-content: center;
  min-width: max-content;
  height: 55px;
  padding: 0 15px;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  color: white;
  margin: 0 auto 12px 0;
}
.contactSec .cntctFrmBtn button {
  border: none;
  background: var(--primary-blue);
}
.contactSec .cntctFrmBtn button:hover {
  background: #01adb3;
}
.contactSec .cntctFrmBtn a {
  background: var(--primary-pink);
}
.contactSec .cntctFrmBtn a:hover {
  background: #ee206b;
}

/*==================blgPgSec=================*/
.blgPgSec {
  margin: 10px 0 50px 0;
}
.blgPgSec .blgPgRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.blgPgSec .blgPgRow .right {
  width: 61%;
}
.blgPgSec .blgTopRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.blgPgSec .blgTopRow .blgPgSwpr {
  width: 60%;
  height: 396px;
  border: solid 3px #e0e0e0;
}
.blgPgSec .blgTopRow .blgPgSwpr .swiper,
.blgPgSec .blgTopRow .blgPgSwpr .swiper-slide {
  width: 100%;
  height: 100%;
}
.blgPgSec .blgTopRow .blgPgSwpr a {
  width: 100%;
  height: 100%;
  display: block;
}
.blgPgSec .blgTopRow .blgPgSwpr a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blgPgSec .blgTopRow .blgPgSwpr a {
}
.blgPgSec .blgTopRow .blgPgSwpr a {
}
.blgPgSec .blgTopRow .info {
  width: 40%;
}
.blgPgSec .blgTopRow .info .likeBtn {
  color: var(--primary-pink);
}
.blgPgSec .blgTopRow .info strong {
  display: block;
  margin: 8px 0 12px auto;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 18px;
  line-height: 1;
  text-align: right;
  color: var(--primary-blue);
}
.blgPgSec .blgPgCntnt {
  padding: 15px 0 20px 0;
  border: solid 3px #e0e0e0;
}
.blgPgSec .blgPgCntnt .prdctCmnBx {
  padding: 0 10px;
  margin-bottom: 20px;
}
.blgPgSec .blgPgCntnt .prdctCmnBx .abstract {
  margin-bottom: 55px;
}
.blgPgSec .blgPgCntnt .prdctCmnBx .cmntFrm {
  border-bottom: none;
}
.blgPgSec .blgPgCntnt .offrSecBx {
  background: var(--primary-pink);
  margin-bottom: 35px;
}
.blgPgSec .blgPgCntnt .offrSecHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 10px;
}
.blgPgSec .blgPgCntnt .offrSecHed h2 {
  min-width: max-content;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 28px;
  text-align: right;
  padding-right: 10px;
  color: white;
}
.blgPgSec .blgPgCntnt .offrSecHed span {
  width: 100%;
  height: 3px;
  background: white;
}
.blgPgSec .blgPgCntnt .offerSwipr {
  padding: 10px 82px 20px 82px;
}
.blgPgSec .blgPgCntnt .offerSwipr .swiper-button-prev {
  left: 20px;
}
.blgPgSec .blgPgCntnt .offerSwipr .swiper-button-next {
  right: 20px;
}
.blgPgSec .blgPgRow .left {
  width: 39%;
}
.blgPgSec .blgPgRow .left .listHed,
.blgPgSec .blgPgRow .left .listBtm {
  width: 100%;
  height: 40px;
  background: var(--primary-pink);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 19px;
}
.blgPgSec .blgPgRow .left .listBtm {
  margin: 19px 0 0 0;
}
.blgPgSec .blgPgRow .left .listBtm strong,
.blgPgSec .blgPgRow .left .listHed strong {
  color: white;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 27px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  width: max-content;
  max-width: 100%;
}
.blgPgSec .newestLst .newestCrd {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: 126px;
  border: solid 3px #e0e0e0;
  margin-bottom: 10px;
}
.blgPgSec .newestLst .newestCrd:last-child {
  margin-bottom: 0;
}
.blgPgSec .newestLst .newestCrd:hover {
  border-color: var(--primary-blue);
}
.blgPgSec .newestCrd .crdImg {
  width: 174px;
  min-width: 174px;
  height: 100%;
}
.blgPgSec .newestCrd .crdImg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.blgPgSec .newestCrd .crdBdy {
  width: 100%;
  padding: 10px 0 10px 10px;
}
.blgPgSec .newestCrd .crdBdy h2 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 27px;
  text-align: right;
  color: black;
  height: 76px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blgPgSec .newestCrd .crdBdy .showLnk {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 19px;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Medium";
  font-size: 12px;
  text-align: center;
  color: white;
}
.blgPgSec .newestCrd .crdBdy .showLnk:hover {
  background: var(--primary-blue);
}

/*==================faqSec=================*/
.faqSec {
  margin: 20px 0;
}
.faqSec .faqSecHed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}
.faqSec .faqSecHed img {
  width: 60px;
  height: auto;
  display: block;
}
.faqSec .faqSecHed h1 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  color: black;
  line-height: 1.5;
}
.faqSec .faqSecHed div:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background: var(--primary-blue);
}
.faqSec .faqSecFltr {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 30px 50px;
  padding: 25px;
  background-color: #e0e0e0;
  margin-bottom: 25px;
}
.faqSec .faqSecFltr .form-check {
  margin: 0;
  padding: 0;
  width: 19%;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faqSec .faqSecFltr input,
.faqSec .faqSecFltr label {
  padding: 0;
  margin: 0;
  cursor: pointer;
  /* left: 50%;
  transform: translateX(-50%); */
  top: 0;
  width: 157px;
}
.faqSec .faqSecFltr input {
  position: absolute;
  opacity: 0;
  z-index: 1;
  height: 100%;
}
.faqSec .faqSecFltr label {
  position: relative;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  font-size: 20px;
  text-align: center;
  color: black;
}
.faqSec .faqSecFltr label .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: solid 1px var(--primary-blue);
  background-color: #fff;
}
.faqSec .faqSecFltr label .img img {
  width: max-content;
  max-width: 100%;
  height: 65px;
  display: block;
}
.faqSec .faqSecFltr label .img2 img {
  height: 49px;
}
.faqSec .faqSecFltr label p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.faqSec .faqSecFltr input:checked ~ label {
  color: var(--primary-pink);
}
.faqSec .faqSecFltr input:checked ~ label .img {
  border-color: var(--primary-pink);
}
.faqSec .accordion .accordion-item {
  margin-bottom: 10px;
  border: none;
  border-bottom: solid 3px #e0e0e0;
  border-radius: 0;
}
.faqSec .accordion .accordion-button {
  font-size: 20px;
  font-family: "YekanBakhFaNum_Medium";
  text-align: right;
  color: black;
  border-radius: 0;
  box-shadow: none;
  outline: unset;
  background: transparent;
}
.faqSec .accordion .accordion-button:not(.collapsed) {
  color: black;
  background: transparent;
  box-shadow: unset;
}
.faqSec .accordion .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
  font-weight: bold;
}
.faqSec .accordion .accordion-body {
  font-size: 18px;
  color: black;
  text-align: right;
}
.faqSec .faqBtmRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 90px 0 5px 0;
  width: 100%;
  gap: 20px 30px;
  flex-direction: row-reverse;
}
.faqSec .faqBtmRow .features {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
}
.faqSec .faqBtmRow .txtLogo {
  display: block;
  width: 300px;
  height: auto;
}
.faqSec .faqBtmRow .txtLogo img {
  width: 100%;
  height: auto;
  display: block;
}
.faqSec .faqBtmRow .storeLink {
  width: 294px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-pink);
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  color: white;
}
.faqSec .faqBtmRow .storeLink:hover {
  background: var(--primary-blue);
}

/*==================loginSec=================*/
.loginSec {
  min-height: 100vh;
}
.loginSec .loginPgHed {
  width: 100%;
  max-width: 668px;
  border-bottom: 3px solid #e0e0e0;
  margin: 20px auto 0px auto;
}
.loginSec .loginPgHed a,
.loginSec .loginSecBx .logBxLogo {
  display: block;
  width: 135px;
  height: auto;
  margin: 10px auto;
}
.loginSec .loginPgHed a img,
.loginSec .loginSecBx .logBxLogo img {
  width: 100%;
  height: auto;
  display: block;
}
.loginSec .loginSecBx {
  width: 100%;
  max-width: 500px;
  margin: 100px auto 50px auto;
  padding: 12px 60px;
  border: solid 3px #e0e0e0;
}
.loginSec .loginSecBx .logBxName {
  width: max-content;
  margin: 46px 0 52px 24px;
}
.loginSec .loginSecBx .logBxName h1 {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  text-align: right;
  color: black;
}
.loginSec .loginSecBx .frmLabel {
  margin-bottom: 10px;
  font-size: 15px;
  text-align: right;
  color: #535353;
}
.loginSec .loginSecBx .frmLabel h2 {
  font-size: 24px;
  color: black;
  font-family: "YekanBakhFaNum_Medium";
}
.loginSec .loginSecBx .loginRules {
  margin: 10px auto;
  font-size: 13px;
  text-align: center;
  color: #535353;
}
.loginSec .loginSecBx .loginRules a {
  color: var(--primary-blue);
}
.loginSec .loginSecBx .loginRules a:hover {
  color: var(--primary-pink);
}
.loginSec .loginFrm .submitBtn {
  font-family: "YekanBakhFaNum_Bold";
  font-size: 24px;
  text-align: center;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 100%;
  height: 56px;
  margin: 100px auto 0 auto;
  background: var(--primary-blue);
}
.loginSec .loginFrm .submitBtn:hover {
  background: var(--primary-pink);
}
.loginSec .loginFrm .input-group {
  direction: ltr;
  border: solid 2px #d9d9d9;
  border-radius: 0;
  width: 100%;
  height: 63px;
}
.loginSec .loginFrm .input-group:has(.frmControl:focus) {
  border-color: var(--primary-blue);
}
.loginSec .loginFrm .frmControl {
  direction: rtl;
  border: none;
  border-radius: 0;
  font-family: "YekanBakhFaNum_Medium";
  font-size: 18px;
}
.loginSec .loginFrm .input-group-text {
  border: none;
  background: transparent;
  color: var(--primary-blue);
  border-radius: 0;
  font-size: 25px;
}
.loginSec .loginFrm .verifyCod {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  direction: ltr;
  margin: 10px auto;
}
.loginSec .loginFrm .verifyCod input {
  width: 56px;
  height: 56px;
  padding: 0;
  text-align: center;
  border-radius: 0;
  border: 2px solid var(--primary-blue);
  color: black;
  font-family: "YekanBakhFaNum_Bold";
  font-size: 36px;
}
.loginSec .loginFrm .verifyCod input:focus {
  border-color: var(--primary-pink);
}

.loginSec .loginFrm .editRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 325px;
}
.loginSec .loginFrm .resendTime {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  color: var(--primary-pink);
  font-family: "YekanBakhFaNum_Medium";
  font-size: 15px;
}
.loginSec .loginFrm .editRow a {
  font-size: 15px;
  color: #535353;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
}
.loginSec .loginFrm .editRow a:hover {
  color: var(--primary-blue);
}
.loginSec .lginIconBx {
  margin: 30px auto 5px auto;
  font-size: 43px;
  color: var(--primary-blue);
  width: max-content;
}
.loginSec .loginFrm .passRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin: 15px 0;
}
.loginSec .loginFrm .passRow label {
  font-size: 15px;
  text-align: right;
  color: #535353;
  min-width: max-content;
}
.loginSec .loginFrm .passRow .verifyCod {
  justify-content: flex-end;
  margin: 0 auto 0 0;
}
.loginSec .loginFrm .passRow .verifyCod input {
  width: 40px;
  height: 40px;
}
.loginSec .loginFrm .btnRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 100px auto 10px auto;
}
.loginSec .loginFrm .btnRow .frmBtn {
  width: 50%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  color: white;
  border: none;
}
.loginSec .loginFrm .btnRow a {
  background: var(--primary-pink);
}
.loginSec .loginFrm .btnRow a:hover {
  background: #ee206b;
}
.loginSec .loginFrm .btnRow button {
  background: var(--primary-blue);
}
.loginSec .loginFrm .btnRow button:hover {
  background: #01adb3;
}

/*==================media=================*/
@media (min-width: 1500px) {
  .productSec .boardSlider .swiperDiv {
    width: 73%;
  }
  .productSec .boardSlider .infoDiv {
    width: 27%;
  }
  .offerSwipr .prodctCrd {
    width: 270px;
  }
  .prodctCrd .prdctCrdImg {
    height: 270px;
  }
  .blogsSec .swiper-button-next,
  .blogsSec .swiper-rtl .swiper-button-prev {
    right: -35px;
  }
  .blogsSec .swiper-button-prev,
  .blogsSec .swiper-rtl .swiper-button-next {
    left: -35px;
  }
}
@media (min-width: 1460px) {
  .faqSec .faqSecFltr {
    gap: 30px 100px;
  }
}
@media (min-width: 1400px) {
  .faqSec .accordion .accordion-button {
    font-size: 24px;
  }
  .blgPgSec .blgPgRow .right {
    width: 68%;
  }
  .blgPgSec .blgPgRow .left {
    width: 32%;
  }
  .giftSec .giftCard .giftCrdBdy h2 {
    padding: 5px 30px;
  }
  .introBrdSldr .swiper-slide a {
    width: 208px;
  }
  footer .foterTop {
    gap: 130px;
  }
  .catItemsSec .catItemLst .prodctCrd {
    max-width: unset;
  }
  .blogsSec .swiper-button-next,
  .blogsSec .swiper-rtl .swiper-button-prev {
    right: -20px;
  }
  .blogsSec .swiper-button-prev,
  .blogsSec .swiper-rtl .swiper-button-next {
    left: -20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .faqSec .faqBtmRow .storeLink {
    width: max-content;
    padding: 0 15px;
  }
  .faqSec .faqBtmRow .txtLogo {
    width: 260px;
  }
  .blgPgSec .blgPgCntnt .offerSwipr {
    padding: 10px 68px 20px 68px;
  }
  .blgPgSec .newestCrd .crdBdy h2 {
    font-size: 22px;
  }
  .giftSec .giftCard .giftCrdBdy h2 {
    font-size: 28px;
  }
  .cartSec .cartSecBx .left .btn {
    font-size: 22px;
  }
  .productSec .topInfo .prdctFeatur {
    min-height: 80px;
  }
  .productSec .topInfo .prdctFeatur .shapeLeft {
    border-width: 80px 80px 0 0;
  }
  .productSec .topInfo .prdctFeatur .shapeRight {
    border-width: 0 0px 80px 80px;
  }
  .productSec .prdctFeatur li p {
    font-size: 14px;
  }
  .productSec .prdctFeatur li img {
    width: 44px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  footer .foterTop {
    gap: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .productSec .boardSlider .swiperDiv {
    width: 67%;
  }
  .productSec .boardSlider .infoDiv {
    width: 33%;
  }
  .productSec .featureBox ul {
    padding-right: 30px;
  }
  footer .foterTop {
    gap: 30px;
  }
  footer .foterTop .features {
    gap: 12px;
  }
  footer .kalinehMnu a {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .catItemsSec .catItemLst {
    gap: 12px;
  }
  .catItemsSec .catItemLst .prodctCrd {
    width: 24.1%;
    max-width: 277px;
  }
  .productSec .topInfo .priceRow.priceRow2 {
    padding: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .blgTopSec .headerSec .headrLeft {
    width: calc(100% - 770px);
  }
}
@media (min-width: 1199px) {
  .giftSec .giftCard .imgDiv .mainCrd {
    z-index: 2;
    transition: all 0.6s;
  }
  .giftSec .giftCard .imgDiv .hoverCrd {
    z-index: 1;
    transition: all 0.9s;
  }
  .giftSec .giftCard:hover .imgDiv .mainCrd {
    bottom: 100%;
    transform: rotate(-10deg);
  }
  .giftSec .giftCard:hover .imgDiv .hoverCrd {
    bottom: -210px;
    transform: rotate(8deg);
  }
}
@media (max-width: 1199px) {
  .loginSec .loginPgHed {
    display: none;
  }
  .faqSec .faqBtmRow {
    flex-wrap: wrap;
  }
  .faqSec .faqBtmRow .storeLink {
    margin: 0 40% 0 0;
  }
  .giftSec .giftCard .giftCrdBdy h2 {
    display: none;
  }
  .giftSec .giftCard .giftCrdImg img {
    height: auto;
    position: relative;
  }
  .giftSec .giftCard .giftCrdImg {
    height: max-content;
  }
  .giftSec .giftCard .imgDiv {
    height: max-content;
    max-height: 100%;
  }

  .factorSec .mainFactr ul {
    flex-wrap: wrap;
  }
  .productSec .topInfo .priceInput {
    padding: 0 12px 0 75px;
    margin: 0 auto;
  }
  .catItemsSec .catItemsHed {
    flex-direction: column;
    align-items: flex-end;
    position: relative;
  }
  .filtrSel:nth-child(4) {
    border-left: none;
  }
  .catItemsSec .catItemsHed .deltFilter {
    width: 130px;
  }
  .catItemsSec .catItemsHed .filters {
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 3px solid #e0e0e0;
  }
  .catItemsSec .catItemsHed .catSearch {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 130px);
    border: none;
  }
  .productSec .boardHed {
    flex-direction: column;
  }
  .productSec .boardHed .right,
  .productSec .boardHed .left {
    width: 100%;
  }
  .productSec .featureBox .content .materialsImg {
    margin-right: 0;
  }
  .productSec .featureBox ul {
    padding-right: 0;
  }
  .productSec .prdctTop {
    flex-direction: column;
  }
  .productSec .prdctSwipr {
    width: 100%;
  }
  .productSec .topInfo {
    width: 100%;
    margin-bottom: 25px;
  }
  footer .foterRow {
    flex-wrap: wrap;
  }
  footer .backToTop {
    bottom: 19px;
  }
  .headerSec .headrCentr .sideMnuUl {
    gap: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .giftSec .giftCard .imgDiv .mainCrd {
    bottom: 100%;
    transform: rotate(-10deg);
    z-index: 2;
  }
  .giftSec .giftCard .imgDiv .hoverCrd {
    top: calc(100% + 10px);
    transform: rotate(8deg);
    z-index: 1;
  }
  .giftSec .giftsRow {
    padding: 40px 35px 30px 35px;
  }
  .giftSec .giftCard .giftCrdBdy {
    margin-top: 30px;
  }
  .factorSec .factorTop .right p {
    font-size: 26px;
  }
  .factorSec .factorBtn a {
    width: 250px;
    font-size: 20px;
  }
  .factorSec .factorTop img {
    min-width: 70px;
  }
  .productSec .topInfo .priceRow,
  .productSec .topInfo .buyRow {
    width: 75%;
    margin: 0 auto;
  }
  .productSec .featureBox .content .left {
    width: 38%;
  }
  .productSec .topInfo .buyRow .center {
    max-width: 400px;
  }
  .aboutSec .aboutSecImgs .imgList {
    gap: 30px;
  }
  footer .foterRow {
    gap: 30px 50px;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blgPgSec .blgPgCntnt .offerSwipr {
    padding: 10px 49px 20px 49px;
  }
  .blgPgSec .blgTopRow {
    gap: 10px;
  }
  .blgPgSec .blgTopRow .blgPgSwpr {
    height: 356px;
  }
  .blgPgSec .blgTopRow .info strong {
    margin: 4px 0 10px auto;
  }
  .blgPgSec .blgTopRow .info ul i {
    font-size: 14px;
  }
  .blgPgSec .newestCrd .crdImg {
    min-width: 140px;
    width: 140px;
  }
  .blgPgSec .blgPgRow .left .listBtm strong,
  .blgPgSec .blgPgRow .left .listHed strong {
    font-size: 22px;
  }
  .blgPgSec .newestCrd .crdBdy h2 {
    font-size: 20px;
    height: 60px;
  }
  .giftSec .giftsRow {
    gap: 35px;
  }
  .ordrInfoSec .odrdInfoBx form .infoText {
    margin: 20px 0 15px 0;
  }
  .blgTopSec .sideMnuBx .sideMnuUl {
    gap: 23px;
  }
  .factorSec .mainFactr li {
    width: 24%;
  }
  .ordrInfoSec .odrdInfoBx .right {
    width: 51%;
  }
  .ordrInfoSec .odrdInfoBx .left {
    width: 49%;
    padding: 14px 20px 44px 20px;
  }
  .ordrInfoSec .features {
    justify-content: space-between;
  }
  .ordrInfoSec .features li {
    flex-direction: column-reverse;
  }
  .cartSec .cartSecBx .left {
    padding: 10px 15px 30px 15px;
  }
  .cartSec .cartSecBx .left li span {
    font-size: 18px;
  }
  .cartSec .cartSecBx .left .addBtn {
    font-size: 20px;
  }
  .productSec .topInfo .priceRow {
    width: 400px;
    padding: 0 12px 0 0;
  }
  .productSec .topInfo .priceRow.priceRow2 {
    width: 493px;
    padding: 0 88px 0 4px;
  }
  .productSec .topInfo .buyRow .center button {
    width: 400px;
  }
  .productSec .topInfo .priceInput,
  .productSec .topInfo .priceInput .input-group {
    width: 400px;
  }
  .mainCatSldr .swiper {
    height: 500px;
  }
  .filters .filtrSel {
    width: 25%;
  }
  .catItemsSec .catItemLst .prodctCrd {
    width: 24.2%;
    min-width: 241px;
    max-width: unset;
  }
  .productSec .boardSlider .infoDiv {
    width: 40%;
  }
  .productSec .boardSlider .swiperDiv {
    width: 60%;
  }
  footer .foterBtm .right {
    font-size: 14px;
  }
  footer .kalinehMnu a {
    font-size: 15px;
  }
  .sideMnuBx .sideMnuUl .mnuItem a {
    font-size: 13px;
  }
  footer .foterTop {
    gap: 60px;
    justify-content: space-between;
  }
  footer .foterTop .features p {
    display: none;
  }
  footer .foterTop .features {
    gap: 55px;
  }
  .topSlidrSec .topSlidrBx {
    height: 88vh;
  }
  .headerSec .headrLeft {
    width: calc(100% - 652px);
  }
  .sideMnuBx .sideMnuUl .mnuItem{
    gap: 2px;
  }
  .sideMnuBx .sideMnuUl .mnuItem span{
    font-size: 16px;
  }
  .aboutSec .aboutSecImgs .imgTwo,
  .aboutSec .aboutSecImgs .imgThree {
    height: 194px;
  }
}
@media (max-width: 991px) {
  .sideMnuBx .sideMnuUl .mnuItem{
    width: 100%;
  }
  .sideMnuBx .sideMnuUl .subOneBx .subItem{
    width: max-content;
    gap: 8px;
  }
  .sideMnuBx .sideMnuUl .subOneBx .subItem a{
    min-width: max-content;
  }
  .sideMnuBx .sideMnuUl .subOneBx,
  .sideMnuBx .sideMnuUl .subOneBx .subTwo{
    position: static;
    width: 100%;
    box-shadow: none;
    padding:2px 20px 2px 10px;
  }
  .faqSec .faqBtmRow {
    margin: 25px 0 5px 0;
    justify-content: center;
  }
  .blgPgSec .blgPgRow {
    flex-direction: column;
  }
  .faqSec .faqBtmRow .storeLink {
    margin: 0 auto 0 0;
  }
  .faqSec .faqBtmRow .features {
    justify-content: center;
    width: 100%;
  }
  .blgPgSec .blgPgRow .right {
    width: 100%;
  }
  .blgPgSec .blgPgRow .left {
    width: 100%;
  }
  .contactSec .contactFrm {
    padding: 0;
    margin-top: 24px;
  }
  .contactSec .contactBox .contactHed {
    position: static;
    text-align: center;
    background: transparent;
    margin: 10px auto 20px auto;
  }
  .contactSec .contactBox .contactHed h1 {
    font-size: 18px;
  }
  .contactSec .contactRow .info p {
    font-size: 16px;
  }
  .contactSec .contactBox {
    border: none;
    padding: 0;
  }
  .contactSec .contactRow {
    flex-direction: column;
  }
  .ordrInfoSec .odrdInfoBx .left {
    padding: 14px 28px 24px 28px;
  }
  .ordrInfoTtl {
    display: none;
  }
  .ordrInfoTtl.ordrInfoTtl2 {
    display: block;
  }
  .trendsSec {
    margin: 25px 0 20px 0;
  }
  .productSec .boardSlider .charity {
    justify-content: flex-start;
  }
  .ordrInfoSec .odrdInfoBx {
    flex-direction: column-reverse;
  }
  .factorSec .factorTop,
  .cartSec .cartSecBx {
    flex-direction: column;
  }
  .factorSec .factorTop .right,
  .factorSec .factorTop .left,
  .ordrInfoSec .odrdInfoBx .right,
  .ordrInfoSec .odrdInfoBx .left,
  .cartSec .cartSecBx .right,
  .cartSec .cartSecBx .left {
    width: 100%;
  }
  .productSec .boardSlider {
    flex-direction: column;
  }
  .productSec .boardSlider .swiperDiv {
    width: 100%;
  }
  .productSec .boardSlider .infoDiv {
    width: 100%;
    overflow: unset;
  }
  .productSec .boardSlider .thumbSlidr {
    width: max-content;
    max-width: 100%;
  }
  .productSec .infoDiv .buyBox {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 6px;
  }
  .breadSec .breadRow .txtLogo {
    display: none;
  }
  .prdctCmnBx .cmntFrm .submitBtn {
    left: 10px;
  }
  footer .foterBtm .right {
    text-align: center;
  }
  .headrRight .subBox {
    left: 0;
    right: unset;
  }
  header .subBox .subBody:before {
    left: 8px;
    right: unset;
  }
  footer .foterTop .kalinehMnu {
    display: none;
  }
  footer .foterBtm .ftrBtmRow {
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    gap: 5px;
  }
  .catSec {
    margin: 35px 0;
  }
  .topSlidrSec header {
    z-index: unset;
  }
  .topSlidrSec .topSlidrBx {
    position: static;
    top: unset;
  }
  .headerSec .headrCentr .sideMnuUl {
    padding: 10px 0;
  }
  .headerSec .headerBox {
    flex-direction: row-reverse;
  }
  .headerSec .headrCentr {
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .headerSec .headrCentr .headerLogo {
    width: 109px;
  }
  .headerSec .headrRight {
    justify-content: flex-end;
  }
  .headerSec,
  .topSlidrSec .headerSec {
    background: white;
    border-bottom: 1px solid black;
    padding: 10px 0;
  }
  /* .headerSec.fixed {
    border-bottom: none;
  } */
  .seachRow {
    display: block;
  }
  .headrRight .hdrProfil,
  .headerSec .headrLeft {
    display: none;
  }
  .headerSec .opnSideMnu {
    cursor: pointer;
    display: flex;
    transform: scaleX(-1);
    font-size: 30px;
    color: black;
    margin-left: 35px;
  }
  .sideMnuBx {
    right: -280px;
    width: 280px;
    height: 100vh;
    overflow: auto;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 15;
    padding: 25px 20px;
  }
  .headerSec .sideMnuBx {
    margin-top: 0px;
  }
  .sideMnuBx.opened {
    right: 0;
  }
  .sideMnuBx .sideTop,
  .sideMnuBx .sideProfil {
    display: flex;
  }
  .sideMnuBx .sideMnuUl {
    margin-bottom: 60px;
    display: block;
  }

  .sideMnuBx .sideMnuUl .mnuItem a {
    width: 100%;
    text-align: right;
    padding: 8px 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .faqSec .faqSecFltr input,
  .faqSec .faqSecFltr label {
    width: 144px;
  }
  .faqSec .faqSecFltr label {
    font-size: 18px;
  }
  .faqSec .faqBtmRow .txtLogo {
    margin: 0 20%;
  }
  .blgPgSec .newestCrd .crdBdy h2 {
    font-size: 22px;
  }
  .giftSec .giftCard .giftCrdBdy .crdBtn {
    font-size: 22px;
    height: 46px;
  }
  .topSlidrSec .topSlidrBx.blgTopSldr {
    height: 420px;
  }
  .productSec .infoDiv .buyBox .buyBtns .likeBtn {
    font-size: 55px;
  }
  .factorSec .mainFactr li {
    flex: 48%;
  }
  .productSec .topInfo .priceRow.priceRow2 {
    padding: 0 159px 0 75px;
    gap: 7px;
  }
  .productSec .topInfo .priceInput,
  .productSec .topInfo .priceInput .input-group {
    width: 376px;
  }
  .mainCatSldr .swiper {
    height: 440px;
  }
  .catItemsSec .catItemLst .prodctCrd {
    width: 32.3%;
  }
  .productSec .boardSlider .swiperDiv,
  .productSec .prdctSwipr {
    height: 500px;
  }
  .topSlidrSec .topSlidrBx {
    height: 70vh;
  }
  .aboutSec .aboutSecImgs .bgBox {
    height: 248px;
  }
  .aboutSec .aboutSecImgs .imgTwo,
  .aboutSec .aboutSecImgs .imgThree {
    height: 175px;
  }
  .aboutSec .aboutSecImgs .imgOne {
    height: 227px;
  }
  .aboutSec .aboutSecImgs .imgOne img {
    width: 402px;
  }
  .headerSec .headrRight {
    width: calc(100% - 145px);
  }
}
@media (max-width: 767px) {
  .loginSec .loginFrm .passRow {
    flex-wrap: wrap;
  }
  .loginSec .loginFrm .passRow label {
    font-size: 14px;
  }
  .loginSec .loginFrm .passRow .verifyCod input {
    width: 32px;
    height: 32px;
    font-size: 22px;
  }
  .loginSec .loginFrm .verifyCod input {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }
  .loginSec .loginFrm .editRow a,
  .loginSec .loginFrm .resendTime,
  .loginSec .loginSecBx .loginRules {
    font-size: 11px;
  }
  .loginSec .loginSecBx .logBxName {
    margin: 25px auto 15px auto;
  }
  .loginSec .loginSecBx .logBxName h1,
  .loginSec .loginSecBx .frmLabel {
    text-align: center;
  }
  .loginSec .loginFrm .input-group {
    height: 42px;
  }
  .loginSec .loginFrm .submitBtn {
    font-size: 20px;
    height: 42px;
    margin: 75px auto 0 auto;
  }
  .loginSec .loginFrm .btnRow {
    margin: 80px auto 0 auto;
  }
  .loginSec .loginSecBx {
    margin: 70px auto 50px auto;
    padding: 15px;
  }
  .faqSec .accordion .accordion-item {
    background-color: #d9d9d9;
  }
  .faqSec .faqSecHed img {
    width: 44px;
  }
  .loginSec .loginFrm .btnRow .frmBtn {
    font-size: 20px;
    height: 42px;
  }
  .loginSec .loginSecBx .frmLabel h2,
  .loginSec .loginSecBx .logBxName h1,
  .faqSec .faqSecHed h1 {
    font-size: 18px;
  }
  .loginSec .loginSecBx .frmLabel {
    font-size: 14px;
  }
  .faqSec .faqSecFltr {
    display: none;
  }
  .faqSec .accordion .accordion-button {
    font-size: 12px;
  }
  .faqSec .accordion .accordion-body {
    font-size: 12px;
    color: #ff0000;
  }
  .faqSec .faqBtmRow .features li {
    gap: 5px;
  }
  .faqSec .faqBtmRow .features p {
    font-size: 10px;
  }
  .faqSec .faqBtmRow .features img {
    width: 36px;
  }
  .faqSec .faqBtmRow .storeLink {
    font-size: 20px;
    height: 36px;
    width: 100%;
    max-width: 223px;
  }
  .faqSec .faqBtmRow .txtLogo {
    width: 100%;
    max-width: 300px;
    margin: 0 10%;
  }
  .blgPgSec .blgTopRow {
    gap: 10px;
  }
  .blgPgSec .blgPgCntnt {
    padding: 15px 0 0 0;
  }
  .blgPgSec .blgPgCntnt .offrSecBx,
  .blgPgSec .blgPgCntnt .prdctCmnBx .abstract {
    margin-bottom: 20px;
  }
  .blgPgSec .blgPgCntnt .offrSecHed h2,
  .blgPgSec .blgPgRow .left .listBtm strong,
  .blgPgSec .blgPgRow .left .listHed strong {
    font-size: 22px;
  }
  .blgPgSec .newestCrd .crdBdy h2 {
    font-size: 20px;
    height: 82px;
  }
  .blgPgSec .blgPgCntnt .offerSwipr {
    padding: 10px 20px 20px 20px;
  }
  .blgPgSec .blgPgRow .prdctName h2 {
    font-size: 15px;
  }
  .blgPgSec .blgPgRow .catRow {
    border: solid 3px #e0e0e0;
  }
  .blgPgSec .blgPgRow .catRow li {
    font-size: 10px;
  }
  .blgPgSec .blgPgCntnt {
    border: none;
    border-top: solid 3px #e0e0e0;
  }
  .blgPgSec .blgTopRow {
    margin-bottom: 8px;
  }
  .contactSec .cntctFrmRow .cntctFrmBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px auto 0 auto;
  }
  .contactSec .cntctFrmBtn button,
  .contactSec .cntctFrmBtn a {
    margin: unset;
    font-size: 18px;
  }
  .contactSec .cntctFrmRow .cntctFrmTxt {
    display: none;
  }
  .giftSec .giftCard .giftCrdImg {
    max-width: 430px;
  }
  .giftSec .giftsRow {
    border: none;
    padding: 0;
    gap: 15px;
    flex-direction: column;
  }
  .giftSec .giftCard {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 0 50px 0 0;
  }
  .giftSec .giftCard .imgDiv .hoverCrd {
    display: none;
  }
  .giftSec .giftCard .giftCrdBdy .crdBtn {
    height: 100%;
    width: 40px;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .giftSec .giftCard .giftCrdBdy .crdBtn p {
    writing-mode: vertical-rl;
  }
  .ordrInfoSec .txtLogo {
    margin: 30px auto 16px auto;
  }
  .productSec .infoDiv .priceLike .likeBtn {
    display: none;
  }
  .introBrdSldr .swiper-slide a,
  .styleSec .styleSwpr .swiper-slide a {
    width: 171px;
  }
  .styleSwpr .swiper-slide .imgBx,
  .introBrdSldr .swiper-slide .imgBx {
    height: 178px;
  }
  .bookSwpr .swiper-slide a {
    width: 153px;
  }
  .introBrdSec2 .introBrdRow .showLink {
    top: -14px;
  }
  .bookSwpr .swiper-slide .imgBx {
    width: 128px;
    height: 182px;
  }
  .bookSwpr .swiper-slide .bookBg {
    width: 143px;
  }
  .introBrdSec .introBrdSldr {
    margin-top: 20px;
    padding: 0 38px 0 0;
  }
  .introBrdSec2 .introSecBx {
    padding-top: 20px;
    border: 0;
    border-top: solid 3px #e0e0e0;
  }
  .bookSwpr .swiper-button-next,
  .bookSwpr .swiper-button-prev,
  .introBrdSec .introBrdSldr .swiper-button-next,
  .introBrdSec .introBrdSldr .swiper-button-prev,
  .styleSwpr .swiper-button-next,
  .styleSwpr .swiper-button-prev {
    display: none;
  }
  .bookSwpr,
  .introBrdSec .boardSwpr,
  .styleSec .styleSwpr {
    padding: 0;
  }
  .introBrdSec .introSecBx {
    border-bottom: solid 3px #e0e0e0;
    padding-bottom: 20px;
  }
  .introBrdSec1 .introSecBx {
    border: 0;
  }
  .styleSec .stylSecBx {
    border: none;
    padding: 0 38px 0 0;
  }
  .styleSec .stylSecRow {
    border-bottom: solid 3px #e0e0e0;
    padding-bottom: 20px;
  }
  .introBrdSec1 .introBrdRow {
    padding: 0;
  }
  .introBrdSec1 .introBrdRow .blgSecTtl {
    width: max-content;
    max-width: 100%;
    height: 32px;
    padding: 0 15px;
  }
  .introBrdSec1 .introBrdRow .blgSecTtl p {
    writing-mode: horizontal-tb;
  }
  .introBrdSec1 .introBrdRow .showLink {
    bottom: 0;
    top: unset;
  }
  .trendsSec .trendsRow {
    border: none;
    padding: 15px 38px 15px 0px;
  }
  .trendsSec .trendsRow .trndSwiper {
    padding: 0;
  }
  .blgSecTtl {
    width: 32px;
  }
  .blgSecTtl p {
    font-size: 20px;
    line-height: 1.6;
  }
  .topSlidrSec .topSlidrBx.blgTopSldr {
    height: 340px;
  }
  .cartSec .cartSecBx .left li span,
  .invoiceBox li span {
    font-size: 15px;
  }
  .productSec .infoDiv .viewBoard i {
    font-size: 30px;
  }
  .productSec .infoDiv .viewBoard {
    margin: 5px 0 8px 0;
  }
  .productSec .boardSlider {
    gap: 0;
  }
  .productSec .infoDiv .buyBox .buyBtns .likeBtn {
    display: none;
  }
  .productSec .infoDiv .buyBox .filtrSel {
    height: 37px;
    padding: 0 5px 0 1px;
  }
  .productSec .topInfo .buyRow .right.selectBx {
    height: 37px;
  }
  .productSec .topInfo .buyRow .right .filtrSel:nth-child(1) {
    border-bottom: 0;
  }
  .productSec .infoDiv .buyBox .filtrSel .fltrSelTtl i,
  .productSec .topInfo .buyRow .right .fltrSelTtl i {
    font-size: 15px;
  }
  .factorSec .factorTop img {
    min-width: 46px;
    width: 46px;
  }
  .factorSec .factorTop .right p,
  .factorSec .mainFactr h2 {
    font-size: 18px;
  }
  .factorSec .factorTop .left p {
    font-size: 12px;
  }
  .factorSec .factrTable th {
    font-size: 15px;
  }
  .factorSec .factorBtn a {
    font-size: 20px;
    height: 36px;
  }
  .factorSec .factrSecBx,
  .ordrInfoSec .odrdInfoBx .left,
  .ordrInfoSec .odrdInfoBx .right {
    padding: 0;
    border: none;
  }
  .cartSec .cartSecBx .left .addBtn {
    margin-bottom: 10px;
  }
  .cartSec .discntRow input {
    width: 109px;
  }
  .cartSec .cartSecBx {
    gap: 10px;
  }
  .ordrInfoSec .odrdInfoBx form .infoText p {
    font-size: 12px;
  }
  .ordrInfoSec .ordrSubmitBtn {
    font-size: 20px;
    height: 36px;
  }
  .cartSec .discntRow input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .cartSec .discntRow input::-moz-placeholder {
    font-size: 12px;
  }
  .cartSec .discntRow input:-ms-input-placeholder {
    font-size: 12px;
  }
  .cartSec .discntRow {
    padding: 5px 0;
  }
  .cartContnt .discount .numbr p {
    font-size: 10px;
  }
  .cartContnt .sum,
  .cartContnt .sum small,
  .cartContnt .price .main small,
  .cartContnt .price .main,
  .discntRow button,
  .discntRow label {
    font-size: 12px;
  }
  .cartContnt th {
    font-size: 14px;
  }
  .cartContnt {
    max-height: max-content;
    padding: 0;
  }
  .cartContnt .itemCrd {
    flex-direction: column;
    gap: 5px;
  }
  .cartContnt .itemCrd .name p {
    display: none;
  }
  .cartContnt .itemCrd .name h2 {
    font-size: 15px;
    margin-bottom: 0;
  }
  .cartContnt {
    margin-bottom: 10px;
  }
  .cartSec .cartSecBx .left {
    padding: 15px 5px;
    border-left: none;
    border-right: none;
  }
  .cartSec .cartSecBx .left .btn {
    font-size: 18px;
  }
  .cartSec .cartSecBx .left li p,
  .cartSec .cartSecBx .left li span {
    font-size: 16px;
  }
  .catSec .swiper-slide,
  .trendsSec .swiper-slide {
    width: 100px;
  }
  .catSec .swiper-slide .imgBx,
  .trendsSec .swiper-slide .imgBx {
    width: 100px;
    height: 100px;
  }
  .trndSwiper .swiper-button-next,
  .trndSwiper .swiper-button-prev {
    display: none;
  }
  .catSec .swiper-slide p,
  .trendsSec .swiper-slide p {
    font-size: 15px;
  }
  .filtrSel .fltrSelTtl i {
    font-size: 14px;
  }
  .prodctCrd .prdctCrdBdy .priceRow .newPrice {
    margin-left: 3px;
  }
  .catItemsSec .catItemLst .prodctCrd {
    width: 50%;
  }
  .filters .filtrSel {
    width: 50%;
  }
  .filtrSel:nth-child(1),
  .filtrSel:nth-child(2) {
    border-bottom: 3px solid #e0e0e0;
  }
  .filtrSel:nth-child(2) {
    border-left: none;
  }
  body.havPadingB {
    padding-bottom: 100px;
  }
  .floatingMnu {
    display: block;
  }
  .productSec .topInfo .priceInput {
    width: 100%;
    padding: 0;
    margin: 10px auto;
  }
  .productSec .topInfo .priceInput .input-group-text:first-child {
    font-size: 18px;
  }
  .productSec .swiperDiv .likeBtn {
    font-size: 38px;
    display: block;
  }
  .productSec .infoDiv .infoList li img {
    width: 25px;
  }
  .productSec .boardSlider .charity {
    justify-content: flex-end;
  }
  .productSec .boardHed .left {
    display: none;
  }
  .productSec .boardSlider #targetElementOne {
    width: 100%;
  }
  .productSec .infoDiv .buyBox .top,
  .productSec .infoDiv .buyBox .bottom {
    width: 50%;
  }
  .productSec .infoDiv .viewBoard {
    min-height: 37px;
  }
  .productSec .infoDiv .viewBoard img {
    width: 30px;
  }
  .productSec .infoDiv .viewBoard p {
    font-size: 13px;
  }
  .productSec .infoDiv .viewBoard p span {
    display: none;
  }
  .productSec .boardSlider .thumbSlidr {
    display: none;
  }
  .productSec .infoDiv .infoList {
    margin-top: 0;
  }
  .productSec .topInfo .buyRow {
    gap: 10px;
  }
  .productSec .topInfo .buyRow .right select {
    padding: 0.3rem 0.2rem 0.3rem 1.2rem;
    font-size: 14px;
    background-position: left 0.15rem center;
  }
  .productSec .topInfo .priceRow .discount {
    font-size: 18px;
  }
  .productSec .infoDiv .buyBox .discountBx {
    font-size: 18px;
    line-height: 1;
    padding: 5px 2px 0px 2px;
  }
  .productSec .featureBox .content {
    flex-wrap: wrap;
  }
  .productSec .featureBox .content .right,
  .productSec .featureBox .content .left {
    width: 100%;
  }
  .productSec .featureBox .content {
    height: 60px;
    overflow: hidden;
  }
  .productSec .featureBox.show .content {
    height: max-content;
  }
  .productSec .featureBox ul i,
  .blgPgSec .blgTopRow .info ul p,
  .blgPgSec .blgTopRow .info ul i,
  .productSec .featureBox ul p {
    font-size: 12px;
  }
  .productSec .featureBox .hasMoreBtn {
    display: block;
  }
  .productSec .topInfo .buyRow .center {
    width: 100%;
  }
  .rateBox ul span {
    font-size: 20px;
  }
  .cmntFrm .col-auto {
    padding: 0;
  }
  .productSec .topInfo .priceRow,
  .productSec .topInfo .priceRow.priceRow2 {
    justify-content: space-between;
    margin: 10px 0 8px 0;
    padding: 0;
  }
  .productSec .topInfo .priceRow .newPrice,
  .productSec .infoDiv .buyBox .newPrice {
    font-size: 20px;
  }
  .productSec .topInfo .priceRow .oldPrice p,
  .productSec .infoDiv .buyBox .oldPrice p {
    font-size: 16px;
  }
  .productSec .topInfo .priceRow .newPrice small,
  .productSec .infoDiv .buyBox .newPrice small {
    font-size: 14px;
  }
  .productSec .topInfo .buyRow .center button {
    height: 37px;
    font-size: 18px;
  }
  .productSec .infoDiv .buyBox .buyBtns .addBtn {
    font-size: 16px;
    height: 37px;
  }
  .productSec .infoDiv .buyBox select {
    height: 37px;
    font-size: 15px;
    padding: 0.3rem 0.4rem 0.4rem 2rem;
  }
  .productSec .topInfo .buyRow .right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: max-content;
    height: 37px;
  }
  .productSec .topInfo .buyRow .right .number {
    min-width: max-content;
    height: 100%;
    border-bottom: none;
    border-left: 3px solid #e0e0e0;
  }
  .productSec .topInfo .buyRow .right .number span {
    display: none;
  }
  .productSec .cmntList {
    padding-bottom: 0;
  }
  .productSec .cmntList .content {
    height: 71px;
  }
  .productSec .introHed strong,
  .catItemsSec .introHed strong,
  .blgPgCntnt .introHed strong {
    font-size: 13px;
  }
  .productSec .hasMoreBtn,
  .catItemsSec .hasMoreBtn {
    top: 0;
  }
  .productSec .introHed,
  .catItemsSec .introHed,
  .blgPgCntnt .introHed {
    width: calc(100% - 64px);
  }
  .productSec .hasMoreBtn i,
  .catItemsSec .hasMoreBtn i {
    font-size: 10px;
  }
  .introBox,
  .productSec .featureBox,
  .productSec .prdctCmnBx {
    border: none;
    border-bottom: 3px solid #e0e0e0;
    margin: 0;
    padding: 10px;
  }
  .catItemsSec .introBox {
    border-top: 3px solid #e0e0e0;
  }
  .productSec .hasMoreBtn span,
  .catItemsSec .hasMoreBtn span {
    display: none;
  }
  .productSec .specsRow .right strong {
    font-size: 13px;
    margin-bottom: 1px;
  }
  .blgPgSec .blgTopRow {
    position: relative;
    flex-direction: column;
  }
  .blgPgSec .blgTopRow .blgPgSwpr {
    width: 100%;
  }
  .blgPgSec .blgTopRow .info {
    width: 100%;
  }
  .blgPgSec .blgTopRow .info .likeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
  }
  .introBox p,
  .introBox strong,
  .introBox ul,
  .prdctCmnBx .abstract,
  .rateBox i,
  .productSec .specsRow ul p,
  .productSec .cmntList .cmntCntnt p,
  .productSec .cmntList .cmntCntnt .rate i {
    font-size: 12px;
  }
  .prdctCmnBx .cmntFrm .col_lbl {
    width: 50px;
    font-size: 12px;
    padding: 0;
  }
  .prdctCmnBx .cmntFrm .col_100 {
    width: calc(100% - 50px);
  }
  .productSec .specsRow ul span {
    font-size: 11px;
  }
  .productSec .specsRow ul li {
    margin-bottom: 3px;
  }
  .productSec .prdctFeatur {
    border: none;
    background: #e0e0e0;
    min-height: 40px;
    padding: 0 12px;
    margin-top: 12px;
  }
  .productSec .specsRow {
    padding-bottom: 10px;
    border-bottom: 3px solid #e0e0e0;
    flex-direction: column;
    gap: 0;
    height: 68px;
    overflow: hidden;
    position: relative;
  }
  .productSec .specsRow.show {
    height: max-content;
  }
  .productSec .specsRow .hasMoreBtn {
    display: block;
  }
  .productSec .specsRow .left div {
    flex-direction: row-reverse;
  }
  .productSec .topInfo {
    margin-bottom: 5px;
  }
  .productSec .prdctFeatur ul,
  .ordrInfoSec .features {
    justify-content: space-between;
    width: 100%;
    gap: 9px;
  }
  .productSec .prdctFeatur li p,
  .ordrInfoSec .features li p {
    font-size: 10px;
  }
  .productSec .prdctFeatur li img,
  .ordrInfoSec .features li img {
    width: 38px;
  }
  .productSec .prdctTop {
    gap: 0;
  }
  .productSec .catRow {
    border: solid 3px #e0e0e0;
    border-top: none;
    padding: 4px 3px 2px 5px;
  }
  .productSec .catRow li,
  .productSec .catRow .commntIcn p {
    font-size: 10px;
  }
  .productSec .catRow .commntIcn span {
    font-size: 18px;
  }
  .productSec .catRow .shareIcon {
    font-size: 14px;
  }
  .productSec .charity {
    flex-direction: row-reverse;
  }
  .productSec .charity img {
    width: 26px;
  }
  .productSec .prdctName {
    height: 22px;
  }
  .productSec .prdctName h2 {
    font-size: 15px;
  }
  .productSec .model {
    font-size: 12px;
  }
  .productSec .prdctSwipr .likeBtn {
    display: block;
  }
  .breadcrumb-item {
    font-size: 10px;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    font-size: 13px;
  }
  .productSec .prdctFeatur .shape,
  .productSec .topInfo .buyRow .likeBtn,
  .hasTabSec .tabSecBg,
  .productSec .breadRow .txtLogo {
    display: none;
  }
  .hasTabSec .tabBox .tabcontent {
    padding-bottom: 1px;
  }
  .hasTabSec .tabSwipr {
    margin: 20px 15px 20px 0;
  }
  footer .foterRow {
    gap: 0 20px;
    margin: 0 0 8px 0;
  }
  footer .foterTop {
    padding: 0 0 12px 0;
  }
  footer #targetElementOne {
    margin-top: 10px;
  }
  footer .foterCol:nth-child(5) {
    width: 100%;
  }
  footer .foterCol .license {
    width: 89px;
  }
  footer .foterCol:nth-child(5) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  footer .foterCol .suportTxt,
  footer .foterCol .ftrSocial {
    width: 100%;
    max-width: 100%;
  }
  footer .foterTop .features {
    justify-content: space-evenly;
    width: 100%;
    gap: 20px;
  }
  footer {
    background: #e0e0e0;
  }
  footer .foterCol .suportCall span,
  footer .foterText .foterTxtHed span,
  footer #targetElementTwo .foterCol strong {
    display: none;
  }
  footer #targetElementTwo {
    width: 100%;
    border-bottom: 1px solid black;
    padding-bottom: 15px;
  }
  footer .foterCol .suportCall .suprtCalDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }
  footer .foterBtm .right,
  footer .foterBtm .copyright,
  footer .foterBtm .copyright a {
    font-size: 14px;
  }
  footer .foterBtm .right a {
    color: white;
  }
  footer .backToTop p {
    font-size: 12px;
    line-height: 1;
  }
  footer .fotrTitle div:after {
    bottom: 2px;
  }
  footer .backToTop {
    gap: 1px;
    padding: 0 3px;
    left: 5px;
    bottom: 12px;
  }
  footer .foterCol strong {
    display: none;
  }
  footer .fotrTitle div p {
    font-size: 14px;
    padding: 0 5px 4px 0;
  }
  footer .fotrTitle .logoLnk {
    width: 119px;
    min-width: 119px;
  }
  footer .foterCol:first-child strong {
    display: block;
    font-size: 18px;
  }
  footer .foterCol .suportTxt,
  footer .foterCol .ftrLink {
    font-size: 14px;
  }
  footer .foterCol:nth-child(2),
  footer .foterCol:nth-child(3) {
    padding-top: 39px;
  }
  footer .foterBtm {
    background: #6b6b6b;
    border-top: 1px solid #000;
  }
  .bannerSec .bannersRow {
    display: none;
  }
  .bannerSec .mobileBnnr {
    display: block;
  }
  .hasTabSec .tabSecHed {
    height: unset;
  }
  .tabSecHed .tabBoxHdr {
    display: none;
  }
  .hasTabSec .tabSecHed .title {
    width: 100%;
    background: transparent;
    margin-top: 25px;
  }
  .blogsSec .blogSwipr .swiper-slide a {
    width: 230px;
    height: 340px;
  }
  .blogsSec .blogSwipr {
    padding: 25px 15px 40px 0;
  }
  .swiprBtn {
    display: none;
  }
  .offerSec .offerSwipr {
    margin: 15px 15px 15px 0;
  }
  .offerSec .offrSecBx,
  .blogsSec .blogSecBx,
  .offerSec .offrSecBx.recntViewBx {
    padding: 0 0 1px 0;
  }
  .offerSec .offrSecHed {
    padding: 5px 15px 5px 10px;
  }
  .offerSec .offrSecHed span {
    display: none;
  }
  .offerSec .offrSecHed h2 {
    font-size: 25px;
    margin-top: 8px;
  }
  .rcntViewHed a {
    position: absolute;
    left: 0;
  }
  .offerSec .offrSecHed a,
  .rcntViewHed.viewHed a,
  .tabSecHed a {
    height: 15px;
    font-size: 12px;
    padding: 0 8px;
    bottom: unset;
    top: 0;
  }
  .rcntViewHed.blgSecHed a {
    height: 15px;
    font-size: 12px;
    padding: 0 8px;
    bottom: 0;
    z-index: 3;
  }
  .rcntViewHed.viewHed {
    position: relative;
    padding: 0 15px;
  }
  .rcntViewHed.viewHed:after {
    position: absolute;
    content: "";
    left: 0;
    top: 39px;
    background: white;
    width: attr(length px);
    height: 3px;
  }
  .rcntViewHed.viewHed .title {
    background: transparent;
    margin-top: 25px;
    padding: 0;
  }
  .rcntViewHed .title h2 {
    font-size: 18px;
  }
  .timeContainer {
    margin-top: 10px;
    padding-right: 15px;
  }
  .hasLine {
    position: relative;
  }
  .timeContainer .wrapper {
    justify-content: flex-end;
    width: max-content;
    gap: 6px;
  }
  .hasLine:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: attr(length px);
    height: 3px;
    background: white;
  }
  .auctionSec .timeContainer:after {
    background: black;
  }
  .timeContainer .wrapper div i {
    font-size: 11px;
    line-height: 1;
  }
  .offerSec .offrSecBx.auctionSec {
    background-image: radial-gradient(
      circle at 0 0,
      #fff,
      #01bec3,
      #fff,
      #ff2273
    );
  }
  .topSlidrSec .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
  }
  .aboutSec .aboutSecLst {
    display: none;
  }
  .aboutSec .aboutSecLnk {
    font-size: 15px;
  }
  .aboutSec .aboutSecTxt p,
  .aboutSec .aboutSecTxt i,
  .aboutSec .aboutSecTxt div {
    font-size: 14px;
  }
  .aboutSec .aboutSecTxt img {
    display: block;
  }
  .headerSec .headrRight {
    justify-content: flex-end;
    width: calc(100% - 141px);
  }
  .aboutSec .aboutSecLst ul {
    gap: 15px 30px;
  }
  .aboutSec .aboutSecLst li img {
    height: 43px;
  }
  .aboutSec .aboutSecLst li:nth-child(1) img {
    height: 65px;
  }
  .aboutSec .aboutSecLst li:nth-child(5) img {
    height: 48px;
  }
  .aboutSec .aboutSecLst li p {
    font-size: 15px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .factorSec .factorBtn a {
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .factorSec .mainFactr li {
    flex: 47%;
  }
  .catItemsSec .catItemLst {
    padding: 25px 12px;
  }
  .productSec .boardSlider .swiperDiv,
  .productSec .prdctSwipr {
    height: 390px;
  }
  .topSlidrSec .topSlidrBx {
    height: 60vh;
  }
  .aboutSec .aboutSecImgs .bgBox {
    height: 180px;
  }
  .aboutSec .aboutSecImgs .imgList {
    gap: 20px;
  }
  .aboutSec .aboutSecImgs .imgOne {
    height: 147px;
  }
  .aboutSec .aboutSecImgs .imgOne img {
    width: 335px;
  }
  .aboutSec .aboutSecImgs .imgTwo,
  .aboutSec .aboutSecImgs .imgThree {
    height: 102px;
  }
}
@media (max-width: 575px) {
  .rotateImg {
    width: 83%;
    height: 75%;
  }
  .hasRotatSwpr .swiper-button-next,
  .hasRotatSwpr .swiper-rtl .swiper-button-prev {
    left: 0;
    right: auto;
  }
  .hasRotatSwpr .swiper-button-prev,
  .hasRotatSwpr .swiper-rtl .swiper-button-next {
    right: 0;
    left: auto;
  }
  .blgPgSec .newestCrd .crdImg {
    width: 155px;
    min-width: 155px;
  }
  .contactSec .contactRow .imgBx {
    height: 260px;
  }
  .factorSec .factorBtn {
    flex-direction: column;
  }
  .factorSec .factorBtn a {
    width: 100%;
  }
  .factorSec .mainFactr li {
    width: 100%;
  }
  .prodctCrd .prdctCrdBdy .priceRow .right span {
    font-size: 18px;
  }
  .prodctCrd .prdctCrdBdy .priceRow {
    height: max-content;
  }
  .catItemsSec .catItemLst {
    gap: 8px;
    padding: 10px 5px;
  }
  .prodctCrd .prdctCrdBdy .priceRow .left {
    gap: 0;
  }
  .prodctCrd .prdctCrdBdy .priceRow .right {
    gap: 6px;
  }
  .prodctCrd .prdctCrdBdy h2 {
    font-size: 12px;
    height: 35px;
  }
  .prodctCrd .prdctCrdBdy .priceRow .discount,
  .prodctCrd .prdctCrdBdy .priceRow .newPrice strong {
    font-size: 10px;
  }
  .prodctCrd .prdctCrdBdy .priceRow .oldPrice {
    font-size: 8px;
  }
  .prodctCrd .prdctCrdBdy .priceRow .newPrice small {
    font-size: 7px;
  }
  /* .prodctCrd .prdctCrdImg {
    height: 164px;
  } */
  .cmntFrm .rateBox {
    flex-wrap: wrap;
    padding-right: 0;
    justify-content: flex-start;
  }
  .cmntFrm .rateBox i {
    width: 100%;
  }
  .rateBox .starsLst {
    justify-content: flex-start;
  }
  .productSec .boardSlider .swiperDiv,
  .productSec .prdctSwipr {
    height: 350px;
  }
  footer .foterTop .features p {
    display: none;
  }
  .topSlidrSec .topSlidrBx {
    height: 240px;
  }
  .aboutSec .aboutSecLnk {
    margin: 30px auto 15px auto;
    padding: 0 25px;
  }
  .aboutSec .aboutSecImgs {
    margin: 20px 0 10px 0;
  }
  .aboutSec .aboutSecImgs .imgTwo,
  .aboutSec .aboutSecImgs .imgThree,
  .aboutSec .aboutSecImgs .bgBox {
    display: none;
  }
  .aboutSec .aboutSecImgs .imgList {
    gap: 15px;
  }
  .aboutSec .aboutSecImgs .imgOne {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .blgPgSec .blgTopRow .blgPgSwpr {
    height: 350px;
  }
}
@media (min-width: 359px) and (max-width: 767px) {
  .mainCatSldr .swiper {
    height: 390px;
  }
}
@media (min-width: 360px) and (max-width: 575px) {
  .catItemsSec .catItemLst .prodctCrd {
    max-width: 164px;
    width: 48%;
  }
}
@media (max-width: 359px) {
  .mainCatSldr .swiper {
    height: 320px;
  }
  .catItemsSec .catItemLst .prodctCrd {
    width: 100%;
    max-width: 241px;
  }
  footer .backToTop p {
    display: none;
  }
  .prodctCrd .prdctCrdImg .cardImg {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
}