:root {
  --Mainprimary: #385E67;
  --primary1: #FFFFFF;
  --primary2: #EBEFF0;
  --primary3: #D7DFE1;
  --primary4: #C3CFD1;
  --primary5: #AFBFC2;
  --primary6: #889EA4;
  --primary7: #607E85;
  --primary8: #385E67;
  --primary9: #2D4B52;
  --primary10: #22383E;
  --primary11: #162629;
  --primary12: #111C1F;
  --primary13: #0B1315;
  --primary14: #06090A;

  --gray1: #F9F9F9;
  --gray2: #F3F3F3;
  --gray3: #EEEEEE;
  --gray4: #E8E8E8;
  --gray5: #DCDCDC;
  --gray6: #D1D1D1;
  --gray7: #C5C5C5;
  --gray8: #9E9E9E;
  --gray9: #767676;
  --gray10: #4F4F4F;
  --gray11: #3B3B3B;
  --gray12: #272727;
  --gray13: #141414;
  --gray14: #000000;

  --warning1: #FFF8E1;
  --warning2: #F4B740;
  --warning3: #A9791C;

  --error1: #FFF2F2;
  --error2: #ED2E2E;
  --error3: #C30000;
  --error4: #DC3D3D;

  --sucess1: #F3FDFA;
  --sucess2: #00BA88;
  --sucess3: #00966D;

  --approved5: #EBF9EE;
  --approved70: #1F7735;
  --link1: #E6F2FF;
  --link2: #CCE4FF;
  --link3: #B3D7FF;
  --link4: #99CAFF;
  --link5: #66AFFF;
  --link6: #3395FF;
  --link7: #007AFF;
  --link8: #0062CC;
  --link9: #004999;
  --link10: #003166;
  --link11: #00254D;
  --link12: #001833;
  --link13: #000C1A;



  --MainWhite: #FFFFFF;
  --MainBlack: #000000;

  --scrollcolor: var(--Mainprimary);

  --custom-1: #F6F6F6;
  --custom-2: #F88F8F;

  --white : #fff !important;

}

:root {
  --headerheight: 166px;
  --gap1: 0.25rem;
  --gap2: 0.5rem;
  --gap3: 0.75rem;
  --gap4: 1rem;
  --gap5: 1.25rem;
  --gap6: 1.5rem;
  --gap7: 1.75rem;
  --gap8: 2rem;
  --gap9: 2.25rem;
  --gap10: 0.625rem;
  --wrapperlarge: 1680px;


  --font-size-1: 10px;
  --font-size-2: 12px;
  --font-size-3: 14px;
  --font-size-4: 16px;
  --font-size-5: 18px;
  --font-size-6: 24px;
  --font-size-7: 28px;
  --font-size-8: 32px;

  --widthImgbig: 635px;
  --widthImgSmall:153px;
  --widthImgMedium:132px;
  --widthLike:50px;
}

/*#####Reset Styles#####*/
body,
ul,
li,
a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
dialog {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-family: 'IRANSans';
  font-weight: normal;
  line-height: 1.5;
}

body * {
  font-family: 'IRANSans';
}

body {
  min-height: 100vh;
  /* background: var(--MainWhite); */
  /* overflow-x: clip; */
  /* overflow-y: clip; */
  height: 100svh;
  /* border: 1rem solid white; */
  background: var(--gray1);

}

html {
  scroll-behavior: smooth;
}

html, body {
  touch-action: pan-x pan-y;
}

img {
  width: 100%
}

a,
button,
select,
input[type=button] {
  cursor: pointer;
}

input[type=button][disabled],
button[disabled],
.sp-disabled {
  cursor: not-allowed !important;
  filter: grayscale(1);
}

.sp-disabled:is(.sp-grid-button a, .sp-g-button a, .sp-g-body button) {
  opacity: 0.5;
}

input,
select,
textarea,
button {
  border: 0;
  outline: 0;
}

::placeholder {
  color: var(--PlaceholderColor);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  resize: none !important;
  min-height: 5.375rem !important;
  width: 100% !important;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0px;
  margin: 0px
}

address {
  font-style: normal;
}

:focus-visible {
  outline: 0;
}


::-webkit-scrollbar,
.zr-scroll-custom::-webkit-scrollbar {
  width: 5px !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-track,
.zr-scroll-custom::-webkit-scrollbar-track {
  background: var(--gray5) !important;
  border-radius: 16px !important;
}

::-webkit-scrollbar-thumb,
.zr-scroll-custom::-webkit-scrollbar-thumb {
  background: var(--Mainprimary) !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover,
.zr-scroll-custom::-webkit-scrollbar-thumb:hover {
  background: var(--Mainprimary) !important;
}

::-webkit-scrollbar {
  height: 0px;
  /* or 2px if you want a tiny one */
}



.sp-flex-end {
  justify-content: flex-end;
}

.zr-font-english {
  font-family: 'NewYork', sans-serif;

}


.sp-flex-1 {
  flex: 1;
}


.zr-gap-1 {
  gap: var(--gap1);
}

.zr-gap-2 {
  gap: var(--gap2);
}

.zr-gap-3 {
  gap: var(--gap3);
}

.zr-gap-4 {
  gap: var(--gap4);
}

.zr-gap-5 {
  gap: var(--gap5);
}

.zr-gap-6 {
  gap: var(--gap6);
}

.zr-gap-7 {
  gap: var(--gap8);
}

.zr-gap-8 {
  gap: var(--gap8);
}

.zr-gap-9 {
  gap: var(--gap9);
}

.zr-gap-10 {
  gap: var(--gap10);
}

/* font size */


/* ---------font-size-class---------*/
.zr-fz-10 {
  font-size: var(--font-size-1);
}

.zr-fz-12 {
  font-size: var(--font-size-2);
}

.zr-fz-14 {
  font-size: var(--font-size-3);
}

.zr-fz-16 {
  font-size: var(--font-size-4);
}

.zr-fz-18 {
  font-size: var(--font-size-5);
}

.zr-fz-24 {
  font-size: var(--font-size-6);
}

.zr-fz-28 {
  font-size: var(--font-size-7);
}


.zr-fz-32 {
  font-size: var(--font-size-8);
}

.zr-fz-40 {
  font-size: 40px;
}


.zr-bg-mainprimary {
  background: var(--Mainprimary);
}

.zr-color-white {
  color: var(--MainWhite);
}

.zr-color-mainprimary {
  color: var(--Mainprimary);

}

.zr-flex {
  flex: 1;
}

.zr-tiny-img {
  width: 24px;
  height: 24px;
}

.zr-tiny-img-1 {
  width: 18px;
  height: 18px;
}


.zr-center {
  align-items: center !important;
}

.zr-center-text {
  text-align: center;
}

.zr-right-text {
  text-align: right;
}

.zr-detail-txt-1 {
  color: var(--gray9);
}

.zr-white-bg {
  background: var(--MainWhite);
}

.zr-cursor {
  cursor: pointer;
}

.zr-py-10 {
  padding-block: 10px;
}

.zr-px-10 {
  padding-inline: 10px;
}

/* header */


.zr-header::before {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/head-inline1.svg') no-repeat center;
  width: 230px;
  height: 90px;
  left: 0px;
  top: 0px;
}

.zr-header::after {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/head-inline1.svg') no-repeat center;
  width: 230px;
  height: 90px;
  right: 0px;
  top: 0px;
  transform: rotate(180deg) scaleY(-1);
}

.zr-header.res-nav-opened::before,
.zr-header.res-nav-opened::after {
  background: url('../Images/Icons/head-opened.svg') no-repeat center;
}

.zr-header-res-page::before {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/rest-page.svg') no-repeat center;
  width: 230px;
  height: 90px;
  left: 0px;
  top: 0px;
}

.zr-header-res-page::after {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/rest-page.svg') no-repeat center;
  width: 230px;
  height: 90px;
  right: 0px;
  top: 0px;
  transform: rotate(180deg) scaleY(-1);
}

.zr-header-res-page.res-nav-opened::before,
.zr-header-res-page.res-nav-opened::after {
  background: url('../Images/Icons/head-opened.svg') no-repeat center;
}





.zr-header-container {
  width: 100%;
  max-width: calc(100% - 250px);
  margin: auto;
  background: var(--MainWhite);
  clip-path: polygon(0 0, 101% 0, 96% 100%, 4% 100%) ;
  /* padding-inline: 134px; */
  /* padding-right: 4rem; */
  position: relative;
  border-radius: 0;
  z-index: 1;
  border-bottom: 1px solid var(--MainWhite);

}

.zr-res-nav {
  display: none;
}

.zr-parent-nav li {
  padding: 1rem 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 49px;
  border-radius: 2rem;
}

.zr-parent-nav li > a {
  width: 120px;
  height: 49px;  
}



.zr-selected-menu {
  background: var(--primary7) !important;
  border-radius: 2rem;
}

.zr-selected-menu a {
  color: #000 !important;
}



.zr-main-img {
  margin-inline: 1rem;
  height: 100svh;
  width: 100%;
}

.zr-main-img img {
  height: 96.5svh;
  object-fit: cover;
  border-radius: 2rem;

}

.zr-curve-1::before {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/head-inline1.svg');
}

/* footer */
.zr-footer-1 {
  bottom: 0;
  /* margin-bottom: 1.25rem; */
}

.zr-footer-1::before {
  content: "";
  position: absolute;
  background: url('../Images/head-inline1.svg') no-repeat center;
  top: 64px;
  width: 230px;
  height: 90px;
  left: 0px;
  top: 0px;
  transform: scaleX(1) scaleY(-1);

}

.zr-footer-1::after {
  content: "";
  background: url('../Images/head-inline1.svg') no-repeat center;
  position: absolute;
  top: 64px;
  width: 230px;
  height: 90px;
  right: 1px;
  top: 0px;
  transform: scaleX(1) scaleY(1) rotate(180deg);
}

.zr-header-container {
  position: relative;
  z-index: 2000;
}

.zr-main-index {
  height: 100svh;
  background: var(--MainWhite);
  width : 100vw;
}

.zr-footer-container {
  width: 100%;
  max-width: calc(100% - 372px);
  margin: auto;
  background: var(--MainWhite);
  /* clip-path: polygon(4% 0%, 96% -5%, 98% 100%, -2% 133%); */
  /* padding-inline: 4rem; */
  position: relative;
  border-radius: 0;
  z-index: 1;
  border-top: 1px solid var(--MainWhite);
  overflow: visible !important;
}

/* -------logo------- */

.zr-main-logo {
  /* aspect-ratio: 142/60; */
  max-width: 200px;
  max-height: 60px;
  height : 100%;
  width : 100%;
}


.zr-main-logo img {
  width : 100%;
  height : 100%;
  object-fit : contain;
  max-height : 60px;
}

.zr-nav-layout {
  padding-inline: 4rem;
}

.zr-price-loop-container {
  border: 1px solid var(--gray5);
  background: var(--gray1);
  border-radius: 2rem;
  padding: 16px 62px;
  gap: 1rem;
  /* margin-left: 64px; */
  overflow: hidden;
  /* position: relative; */
  height: 49px;
  max-width: 317px;
  width: 100%;
}

.zr-price-loop-container.slick-vertical {
  direction: rtl;
  /* تغییر جهت */
}



/* .zr-child-loop {
position: absolute;
width: 100%;
margin: auto;
transition: top 0.5s ease-in-out;
} */

.zr-fz-14.zr-detail-txt-1 {
  padding-right: 10px;
}

/* ----footer---- */

.zr-search-container {
  padding: 15px 32px;
  background: var(--Mainprimary);
  color: var(--MainWhite);
  border-radius: 2rem;
  white-space: nowrap;

}

.zr-filters-container-li {
  background: var(--gray1);
  display: flex;
  justify-content: center;
  align-items: center;
  /*padding-inline: 1rem;*/
  border-radius: 2rem;
  position: relative;
  /* padding: 1rem; */
  width: 200px;
  aspect-ratio: 200 / 56;
  justify-content: space-between;
}

.zr-opened-filter {
  width: 318px;
  height: 184px;
  position: absolute;
  bottom: calc(100% + 1rem + 1rem);
  right: 0%;
  border-radius: 1.5rem;
  overflow: hidden;
  background: var(--gray1);
  box-shadow: 0px 0px 16px 0px #00000029;
  display: none;
}

.zr-opened-filter.zr-filter-price {
  height: 107px;
}

.zr-open-item {
  outline: 1px solid var(--gray7);
}

.zr-open-item .zr-tiny-img {
  transform: rotate(180deg)
}

.zr-nav-container {
  padding-block: 20px;
}

.zr-footer-container .zr-nav-container {
  padding-block: 16px;
}

.sp-f-check:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"><path d="M1.5 10.5C1.5 6.02166 1.5 3.78249 2.89124 2.39124C4.28249 1 6.52166 1 11 1C15.4783 1 17.7175 1 19.1088 2.39124C20.5 3.78249 20.5 6.02166 20.5 10.5C20.5 14.9783 20.5 17.2175 19.1088 18.6088C17.7175 20 15.4783 20 11 20C6.52166 20 4.28249 20 2.89124 18.6088C1.5 17.2175 1.5 14.9783 1.5 10.5Z" stroke="black" stroke-width="1.5"/></svg>');
  background-size: 100% 100%;
  border: 0;
  background-color: #f9f9f9 !important;
}

.sp-f-check:checked:before {
  opacity: 0;
}

.sp-f-check:checked:after {
  /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M11.0576 0.25C13.2479 0.249987 14.9683 0.250117 16.3115 0.430664C17.6882 0.615751 18.7805 1.00313 19.6387 1.86133C20.4969 2.71953 20.8842 3.81182 21.0693 5.18848C21.2499 6.53173 21.25 8.25214 21.25 10.4424V10.5576C21.25 12.7479 21.2499 14.4683 21.0693 15.8115C20.8842 17.1882 20.4969 18.2805 19.6387 19.1387C18.7805 19.9969 17.6882 20.3842 16.3115 20.5693C14.9683 20.7499 13.2479 20.75 11.0576 20.75H10.9424C8.75212 20.75 7.03174 20.7499 5.68848 20.5693C4.31182 20.3842 3.21953 19.9969 2.36133 19.1387C1.50313 18.2805 1.11575 17.1882 0.930664 15.8115C0.750117 14.4683 0.749987 12.7479 0.75 10.5576V10.4424C0.749987 8.25213 0.750117 6.53174 0.930664 5.18848C1.11575 3.81182 1.50313 2.71953 2.36133 1.86133C3.21953 1.00313 4.31182 0.615751 5.68848 0.430664C7.03174 0.250117 8.75213 0.249987 10.9424 0.25H11.0576ZM15.8779 6.52051C15.6129 6.03596 15.0051 5.85807 14.5205 6.12305C12.692 7.12303 11.1798 9.05263 10.1631 10.6094C9.78735 11.1847 9.46583 11.73 9.20898 12.1914C8.96946 11.959 8.73269 11.7566 8.52051 11.5889C8.24286 11.3694 7.99272 11.1965 7.81055 11.0771L7.49512 10.8818C7.01542 10.6084 6.40542 10.7753 6.13184 11.2549C5.85829 11.7345 6.0254 12.3454 6.50488 12.6191L6.71484 12.75C6.85766 12.8436 7.05796 12.9824 7.28027 13.1582C7.73776 13.5199 8.23134 13.9943 8.54199 14.5137C8.73266 14.8323 9.08429 15.0194 9.45508 14.999C9.82586 14.9786 10.1551 14.7537 10.3096 14.416L10.4082 14.2109C10.4759 14.0725 10.577 13.8695 10.709 13.6201C10.9735 13.1204 11.3586 12.4371 11.8379 11.7031C12.8212 10.1975 14.1092 8.62784 15.4805 7.87793C15.9648 7.61292 16.1427 7.00495 15.8779 6.52051Z' fill='%23385E67'/%3E%3C/svg%3E");*/
  background: var(--Mainprimary);
  content: "✓" !important;
  padding-right: 5px;
  padding-top: 1px;
  color : #fff;
  font-size: 12px;
  font-weight: 600;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  border: 0;
  transform: none;
  left: -12px !important;
  top: -2px;
  transform: rotate(2deg) translate(50%) !important;
}

.sp-f-check {
  margin: 4px 0px 4px 10px !important;
  position: relative;

  padding: 0;
  width: var(--checkboxheight);
  height: 0;
}

/* other pages header */

.zr-header-2::before {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/rest-page.svg') no-repeat center;
  width: 230px;
  height: 90px;
  left: 0px;
  top: 1px;
}

.zr-header-2::after {
  content: "";
  position: absolute;
  top: 64px;
  background: url('../Images/rest-page.svg') no-repeat center;
  width: 230px;
  height: 90px;
  right: 0px;
  top: 1px;
  transform: rotate(180deg) scaleY(-1);
}

.zr-brd-header {
  border-bottom: 1px solid var(--gray5);
}

.zr-header-2 {
  position: fixed;
  top: 0;
  z-index: 4004;
}

.zr-main {
  margin-top: 122px;
}

/* footer other pages */


/* .zr-footer-2::before {
content: "";
position: absolute;
background: url('../Images/Icons/Vector.svg') no-repeat center;
width: 360px;
height: 186px;
z-index: 40000;
right: 120px;

}

.zr-footer-2::after {
content: "";
position: absolute;
background: url('../Images/Icons/Vector.svg') no-repeat center;
width: 360px;
height: 186px;
left: 120px;
z-index: 40000;
transform: rotate(180deg) scaleY(-1);
} */

/* ----------------------------------- */
.zr-footer-2::before {
  content: "";
  position: absolute;
  background: url('../Images/Icons/footer-shape-desktop.svg') no-repeat center;
  width: 334px;
  height: 449px;
  z-index: 40001;
  right: 0;
  margin-right: 121px;
  top: -1px;

}

.zr-footer-2::after {
  content: "";
  position: absolute;
  background: url('../Images/Icons/footer-shape-desktop.svg') no-repeat center;
  width: 334px;
  height: 449px;
  left: 0;
  margin-left: 121px;
  z-index: 40001;
  transform: rotate(180deg) scaleY(-1);
  top: -1px;
}



.zr-owner-text {
  width: 100%;
  max-width: calc(100% - 240px);
  margin: auto;
  padding: 1rem 4rem;
}

.zr-footer-logo {
  max-width: 142px; 
  max-height: 60px;
  width : 100%;
  height : 100%;
}

.zr-footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.zr-footer-desc {
  max-width: 418px;
  padding-bottom: 11px;
}

.zr-links-item li {
  aspect-ratio: 95 / 25;
  max-width: 95px;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
}

.zr-footer-address {
  max-width: 405px;
}

/* NABIZADEH */

.zr-wrapper {
  width: 90%;
  max-width: 1680px;
  margin: auto;
}

.zr-bg-white {
  background: var(--MainWhite);
}

body {
  background: var(--gray1);
}

.zr-slider-aboutus-parent {
  width: 51%;
 /* padding-inline: 90px;*/
}


.zr-slider-aboutus {
  gap: 1rem 2rem;
}

.slick-arrow {
  font-size: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: transparent url('../Images/Icons/arrow-left.svg') no-repeat;
  cursor: pointer;
}


.slick-prev {
  order: 1;
}

.slick-next {
  order: 3;
  rotate: 180deg;
}

.slick-dots {
  order: 2;
  display: flex;
  gap: 0.5rem;
}

.slick-dots .slick-active {
  width: 23px;
  background: var(--MainBlack);
}

.slick-dots button {
  width: 0;
  height: 0;
  font-size: 0;
}

.slick-dots li {
  width: 5px;
  height: 5px;
  border-radius: 30px;
  background: var(--gray8);
  cursor: pointer;
}


.zr-aboutus-title {
  color: var(--gray11);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-iframe {
  width: 40%;
  height: 519px;
}

.zr-contatct-text {
  width: 77%;
  margin: 0 0 71px;
}

.zr-contect-item {
  background: var(--primary2);
  border-radius: 64px;
  width: 64%;
  min-height : 88px;
}

.zr-contact-img {
  width: 40px;
  height: 40px;
}


.zr-address {
  width: 55%;
}

.zr-like {
  width: 50px;
  height: 50px;
  border: 1px solid var(--gray5);
  background: #FFFFFFA6;
  bottom: 16px;
  right: 16px;
}

.zr-link-grey {
  color: var(--gray8);
}

.zr-link-dark {
  color: var(--gray12);
}

.zr-link-return {
  color: var(--gray11);
}

.zr-productdetails-info {
  width: 46%;
}

.zr-btn-share {
  background: var(--primary8);
}

.zr-btn-share:hover{
  background: #889EA4;
}

.zr-productdetails-item:not(:last-child) {
  border-bottom: 1px solid var(--gray3);
}


.zr-produc-img-big {
  max-width: 635px;
  max-height: 635px;
  aspect-ratio: 635 / 635 !important;
  border: 1px solid var(--gray4);
}

.zr-product-img-parent {
  width: 153px;
  max-height: 635px;
  scrollbar-width: none;
  /*  height: 636px;*/
  overflow: auto;
}

.zr-produc-img {
  max-width: 153px !important;
  width : 100% !important;
  height: 153px !important;
  padding: 0.75rem;
  border: 2px solid transparent ;
  border-radius : 8px ;
  /* width : 100% !important;
  height : 100% !important;
  min-width : 100px !important;
  min-height : 100px !important;*/
}


.zr-produc-img img {
  border-radius : 8px ;
  object-fit : cover ;
}

.zr-produc-img.zr-selected {
  /* width: 153px;
  height: 153px;*/
  padding: 0.75rem;
  border: 2px solid;
}

.zr-produc-img.zr-selected img{
  border-radius: 0.5rem;

}

.zr-footer-important-links {
  max-width: 437px;
  width: 100%;
  border-bottom: 1px solid var(--gray5);
}

.zr-footer-info-container {
  /*padding-block: 27px 67px;*/
  background: var(--MainWhite);
  max-width: calc(100% - 793px);
  border-top: 1px solid var(--gray5);
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--gray5);
  width: 100%;
  margin: auto;
  position: relative;
  overflow: visible;
  z-index:40003;
  height: 448px;
  max-height: 448px;
  /* background: url(../Images/Icons/footer-bg-1.svg) no-repeat center; */
  /* background-size: cover; */
  /* max-width: calc(100% - 240px); */
  /* border-radius: 2rem; */
  /* clip-path: polygon(52% -58%, 90% 20%, 100% 34%, 100% 100%, 0% 100%, 0% 30%, 10% 20%); */
  /* max-height: 448px; */
  /* background-position: top; */
}


.zr-footer-2 {
  position: relative;
  max-width: 1920px;
  margin: auto;
  z-index : 1;
}

/* filters */


.zr-search-input-box input::placeholder {
  color: var(--gray9);
  font-size: 14px;
  font-weight: 300;
}

.zr-cancel-img {
  width: 16px;
  height: 16px;
  padding-left: 4px;
}

.zr-cancel-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.zr-selected-search-box {
  display: none;
}

/* نرخ */






.rate-title-container {
  flex-shrink: 0;
  color: #555;
  /* margin-left: 15px; */
 /* width: 70px;*/
  height: 21px;
  overflow: hidden;
  position: relative;
  direction: rtl;
  flex : 1;
}

.rate-title {
  position: absolute;
  /* width: 100%; */
  font-weight: 500;
  transition: transform 0.6s ease;
  white-space: nowrap;
  font-size: 14px !important;
  color: var(--MainBlack) !important;
}

.rate-value-container {
  position: relative;
  /*width: 150px;*/
  height: 28px;
  overflow: hidden;
  text-align: left;
  direction: ltr;
  flex : 1;
}

.rate-value {
  position: absolute;
  width: 100%;
  color: var(--MainBlack);
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  transition: transform 0.6s ease;
  display: flex;
  direction: rtl;
  /*justify-content: center;*/
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.rate-value span {
  font-weight: 500;
  font-size: 14px;
  color: var(--gray9);
}

/* -------------------- */
.zr-filter-title-container {
  padding-block: 17px;

}

.zr-filters-arrow {
  transform: rotate(180deg);
}

.zr-check-box-item {
  padding-block: 5.5px;
}

.zr-check-box-parent {
  max-height: 184px;
  overflow: auto;
  margin-block: 0.5rem;
  padding-inline: 1rem;
}




.zr-child-filters {
  display: none;
}

.zr-child-filters.active {
  display: flex;
}

.zr-rotate-img img {
  transform: rotate(180deg);
}

.zr-metal-type-container.active-bg {
  background-color: var(--gray1);
  max-width: 318px;
}

.zr-filter-title-container.active-border {
  border-bottom: 1px solid var(--gray5);
}

.zr-sort-filter-container {
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--gray5);
  max-height: 54px;
  padding: 0.5rem;
}

.zr-high-price {
  padding: 8px 46px;
}




.zr-lable-filter-container {
  /*max-height: 54px;*/
  background: var(--gray1);
  top: 8px;
  position: sticky;
  z-index: 1;
 /* overflow: hidden;*/
}
.zr-lable-filter-container {
    transition: padding-top 0.3s ease;
}


.zr-tag {
  overflow : hidden;
}


/*.zr-lable-filter-container::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 34px;
  background: var(--gray1);
  top: -33px;
}*/


.zr-ul-lables {
  position: relative;
}

.zr-labels-shadow {
  position: relative;
}

.zr-tag::before {
  content: "";
  position: absolute;
  background: linear-gradient(95deg, #f9f9f9 -1.68%, rgba(249, 249, 249, 0) 100%);
  width: 35px;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 40000;
  margin-top: 0rem;
}

.zr-shadow {
  width: 10px;
  box-shadow: 5px 0 10px 0 white;

}

.zr-selected-title {
  background: var(--gray1);
  color: var(--MainBlack) !important;
}

.zr-products-count-box {
  margin-left: 10px;
}

.zr-selected-filters-container {
  background: var(--custom-1);
  border: 1px solid var(--gray6);
  max-height: 34px;
  overflow: hidden;
  padding: 8px 12px;
  white-space: nowrap;
  flex-wrap: nowrap;
  min-width: fit-content;
  direction: ltr;
}

.zr-selected-filters-container p,
.zr-selected-filters-container span {
  margin: 0;
  white-space: nowrap;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}


.zr-lables-filter {
  overflow: hidden;
  max-width: 805px;
  flex: 1;
}

.zr-res-sec-1-pro-list {
  justify-content: space-between;
  gap: 2rem;
  padding-bottom : 0.25rem;
}

/* cards */

.zr-cards-container {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1314px;
  /* margin-left: 2.5rem; */
}

.zr-pro-card {
  padding: 4px;
  align-items: center;
  /* aspect-ratio: 322 / 434;*/
  max-width: 322.5px;
  max-height: 434px;
}

.zr-product-img-frame {
  aspect-ratio: 314.5 / 302 !important;
  max-width: 317px;
  overflow: hidden;
  max-height: 302px;
  height: 100%;
  width: 100%;
}

.zr-product-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.zr-img-1 {
  display: block;
}

.zr-img-2 {
  display: none;
}



.zr-pro-title {
  padding: 6px 12px;
}

.zr-pro-detail {
  padding-inline: 12px;
}

.zr-price-style {
  gap: 0.25rem;
  display: flex;
}
.active-page-number
{
  width: 30px;
  height: 30px;
  background: var(--primary9);
  color: var(--MainWhite);
  border-radius: 0.5rem;
}

.zr-pagination {
  margin-block: 0.5rem;
}

.zr-opened-sort-filter {
  padding-top: 0px !important;
  box-shadow: 0px 0px 16px 0px #00000029;
  top: calc(100% + 0.5rem);
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--gray5);
  display: none;
  z-index : 1;
  position : absolute !important;
}

.zr-opened-sort-filter-active {
  display: flex;
}


.zr-selected-title {
  background: var(--gray1);
  color: var(--MainBlack) !important;
}


.zr-rotate-reverse {
  transform: rotate(180deg);
}

.P-range svg,
.P-range input[type=range] {
  position: absolute;
  left: 0;
  bottom: 5px;
  background: var(--white);
  box-shadow: none;
  direction: ltr;
}

.P-range {
  min-height: 20px;
  margin-block: 0.75rem;
}

.P-range input[type=range] {

  width: 100%;
}

.zr-slider-container {
  height: 8px;
  background: var(--gray6) !important;
  width: 100%;
  top: 7px;
}

.zr-range-highlight {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 4px;
  background: var(--Mainprimary);
}

.zr-w-full {
  width: 100% !important;
}

.zr-opened-res-nav {
  display: none;
}

.zr-price-nav,
.zr-res-opened-bg-filter,
.zr-res-filters-container,
.zr-res-title-filters,
.zr-btn-display {
  display: none !important;
}


.P-range {
  min-height: 20px;
  margin-block: 0.75rem;
  transform: rotate(180deg);
}

.P-range svg,
.P-range input[type=range] {
  position: absolute;
  left: 0;
  bottom: 5px;
  background: var(--inputBorderColor);
  box-shadow: none;
  direction: ltr;
}

.P-range input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}

.P-range input[type=range]:focus {
  outline: none;
}

.P-range input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--inputBorderColor);
}

.P-range input[type=range]:focus::-ms-fill-lower {
  background: var(--inputBorderColor);
}

.P-range input[type=range]:focus::-ms-fill-upper {
  background: var(--inputBorderColor);

}

.P-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: var(--inputBorderColor);
  border-radius: 20px;
  box-shadow: none;
  border: 0;
}

.P-range input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 20px 0px #13384D33;
  height: 20px;
  width: 20px;
  border: 5px solid var(--white);
  border-radius: 25px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

.P-range input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: var(--gray4);
  border-radius: 20px;
  box-shadow: none;
  border: 0;
}

.P-range input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  height: 20px;
  width: 20px;
  border: 5px solid var(--white);
  border-radius: 25px;
  background: var(--primary8);
  cursor: pointer;
  box-shadow: 0px 0px 20px 0px #13384D33;
}

.P-range input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.P-range input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  border: 1px solid var(--primary8);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--primary8);
  cursor: pointer;
}

.in-minvalue::-webkit-slider-thumb {
  border: 2px solid var(--primary8);
  background: var(--primary8);
}

.in-minvalue::-moz-range-thumb {
  border: 2px solid var(--primary8);
  background: var(--primary8);
}

.in-maxvalue::-webkit-slider-thumb {
  border: 2px solid var(--primary8);
  background: var(--primary8);
}

.in-maxvalue:-moz-range-thumb {
  border: 2px solid var(--primary8);
  background: var(--primary8);
}


.zr-range-highlight {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 4px;
  background: var(--primary8);
}

.zr-rang-input {
  line-height: 48px;
  background: transparent;
}

.zr-rang-input::placeholder {
  color: var(--placeholder);
  font-weight: 400;
  font-size: 14px;
}

.zr-slider-container {
  height: 8px;
  background: var(--inputBorderColor);
  width: 100%;
  top: 7px;
}



.zr-wrapper {
  width: 90%;
  max-width: 1680px;
  margin: auto;
}

.zr-bg-white {
  background: var(--MainWhite);
}

body {
  background: var(--gray1);
}

.zr-slider-aboutus-parent {
  width: 51%;
}


.zr-slider-aboutus {
  gap: 1rem 2rem;
}

.slick-arrow {
  font-size: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: transparent url('../Images/Icons/arrow-left.svg') no-repeat;
  cursor: pointer;
}


.slick-prev {
  order: 1;
}

.slick-next {
  order: 3;
  rotate: 180deg;
}

.slick-dots {
  order: 2;
  display: flex;
  gap: 0.5rem;
}

.slick-dots .slick-active {
  width: 23px;
  background: var(--MainBlack);
}

.slick-dots button {
  width: 0;
  height: 0;
  font-size: 0;
}

.slick-dots li {
  width: 5px;
  height: 5px;
  border-radius: 30px;
  background: var(--gray8);
  cursor: pointer;
}


.zr-aboutus-title {
  color: var(--gray11);
}

.zr-iframe {
  width: 40%;
  height: 519px;
}

.zr-contatct-text {
  width: 77%;
  margin: 0 0 71px;
}

.zr-contect-item {
  background: var(--primary2);
  border-radius: 64px;
  width: 64%;
}

.zr-contact-img {
  width: var(--widthcontatcimg);
  height: var(--widthcontatcimg);
  margin-block: auto;
}


.zr-address {
  width: 55%;
}

.zr-like {
  width: var(--widthLike);
  height: var(--widthLike);
  border: 1px solid var(--gray5);
  background: #FFFFFFA6;
  bottom: 16px;
  right: 16px;
}

.zr-link-grey {
  color: var(--gray8);
}

.zr-link-dark {
  color: var(--gray12);
}

.zr-link-return {
  color: var(--gray11);
}

.zr-productdetails-info {
  width: 46%;
}

.zr-btn-share {
  background: var(--primary8);
}


.zr-productdetails-item:not(:last-child) {
  border-bottom: 1px solid var(--gray3);
}


.zr-produc-img-big {
  /*   width: var(--widthImgbig);
  height: var(--widthImgbig); */
  aspect-ratio: 1;
}

.zr-produc-img-big img{
  object-fit: cover;
}

.zr-product-img-parent {
  width: var(--widthImgSmall);
  max-height: var(--widthImgbig);
  scrollbar-width: none;
}

.zr-produc-img {
  width: var(--widthImgMedium);
  height: var(--widthImgMedium);
}

.zr-produc-img.zr-selected {
  /*  width: var(--widthImgSmall);
  height: var(--widthImgSmall); */
  padding: 0.75rem;
  border: 2px solid;
}

.zr-footer-important-links {
  max-width: 437px;
  width: 100%;
  border-bottom: 1px solid var(--gray5);
}



/* filters */


.zr-cancel-img {
  width: 16px;
  height: 16px;
  padding-left: 4px;
}

.zr-cancel-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.zr-selected-search-box {
  display: none;
}

/* نرخ */

.rate-box {
  padding-inline : 1rem;
  display: flex;
  align-items: center;
  /* background: #f9f9f9; */
  border-radius: 25px;
  /* padding: 10px 20px; */
  /* box-shadow: 0 0 10px #ddd; */
  /* font-size: 18px; */
  /* width: 350px; */
  user-select: none;
  /*margin-left: 4rem;*/
  border: 1px solid var(--gray5);
  background: var(--gray1);
  border-radius: 2rem;
  /* padding: 0px 62px; */
  gap: 0.25rem;
  /* margin-left: 64px; */
  /* overflow: hidden; */
  /* position: relative; */
  height: 49px;
  max-width: 317px;
  width: 100%;

  justify-content: center;
}




.rate-value span {
  font-weight: 500;
  font-size: 14px;
  color: var(--gray9);
}

/* -------------------- */
.zr-filter-title-container {
  padding-block: 17px;

}

.zr-filters-arrow {
  transform: rotate(180deg);
}

.zr-check-box-item {
  padding-block: 5.5px;
}



.sp-form-check:before,
.sp-f-check:before,
.sp-form-radio:before,
.sp-f-radio:before {
  /* border: 1.75px solid var(--MainBlack); */
  border-radius: 0.25rem;
}

.zr-child-filters {
  display: none;
}

.zr-child-filters.active {
  display: flex;
}

.zr-rotate-img img {
  transform: rotate(180deg);
}

.zr-metal-type-container.active-bg {
  background-color: var(--gray1);
}

.zr-filter-title-container.active-border {
  border-bottom: 1px solid var(--gray5);
}

.zr-sort-filter-container {
  max-width: 400px;
  width: 400px;
  border: 1px solid var(--gray5);
  max-height: 54px;
  padding: 0.5rem;
}

.zr-high-price {
  padding: 8px 0;
  padding-inline: 0px !important;
}

.zr-selected-title {
  background: var(--gray1);
  color: var(--MainBlack) !important;
}



.zr-products-count-box {
  margin-left: 10px;
}

.zr-selected-filters-container {
  background: var(--custom-1);
  border: 1px solid var(--gray6);
  max-height: 34px;
  overflow: hidden;
  padding: 8px 12px;
  white-space: nowrap;
  flex-wrap: nowrap;
  min-width: fit-content;
  direction: ltr;
}

.zr-selected-filters-container p,
.zr-selected-filters-container span {
  margin: 0;
  white-space: nowrap;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}


.zr-lables-filter {
  overflow: hidden;
}


/* cards */

.zr-cards-container {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1314px;
  /* margin-left: 2.5rem; */
}

.zr-pro-card {
  padding: 4px;
  align-items: center;
  /* aspect-ratio: 322 / 434;*/
  max-width: 322.5px;
  max-height: 434px;
}

.zr-product-img-frame {
  aspect-ratio: 314.5/302;
  max-width: 314.5px;
  overflow: hidden;
}

.zr-product-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.zr-img-1 {
  display: block;
}

.zr-img-2 {
  display: none;
}



.zr-pro-title {
  padding: 6px 12px;
}

.zr-pro-detail {
  padding-inline: 12px;
}

.zr-price-style {
  gap: 0.25rem;
  display: flex;
}

.zr-selected-num {
  width: 30px;
  height: 30px;
  background: var(--primary9);
  color: var(--MainWhite);
  border-radius: 0.5rem;
}

.zr-pagination {
  margin-block: 0.5rem;
}

.zr-opened-sort-filter {
  box-shadow: 0px 0px 16px 0px #00000029;
  top: calc(100% + 0.5rem);
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--gray5);
  display: none;
}

.zr-opened-sort-filter.active {
  display: flex;
}

.active.zr-item-orderby {
  background: var(--Mainprimary) !important;
  color: var(--MainWhite) !important;
  font-weight: 700 !important;
  direction: rtl;
  flex-direction: row;
}



app-dialog.sp-dialog {
  /*  padding: 0.75rem !important;*/
  border-radius: 1rem !important;
  box-shadow: none !important;
  /* max-width: calc(100% - 1rem) !important; */
  overflow: hidden;
  --white: var(--MainWhite);
  /*  background: var(--white); */
  /*   border: 7px solid var(--Mainprimary); */
}

.zr-social-box {
  width: 84px !important;
  height: 84px !important;
  background: #F8F8F8 !important;
}

.zr-box-link {
  background: #F6F6F6 !important;
}

.zr-main-link {
  white-space: nowrap !important;
  color: var(--Mainprimary) !important;
}

.sp-dialog-overlay {
  background: #FFFFFF33 !important;
  backdrop-filter: blur(8px) !important;
  z-index: 9090909 !important;
}

.sp-dialog-button {
  display: none !important;
}

.sp-icon {

  width: 24px !important;
}

.sp-dialog-main {
  display: flex !important;
  flex-direction: column !important;
  padding: 0px !important;
  margin: 0px !important;
  height: 100% !important;
  background-color: transparent !important;
}

.zr-color-black {
  color: var(--gray12) !important;
}



.share-title {
  color: #000 !important;
  order: 2;
  flex: 1;
}

.sp-icon {
  transform: none !important;
}

/* -------------------- */
.zr-lables-filter ul {
  direction: rtl;
  /* max-width: 805px; */
  /* overflow: auto; */
  min-width: fit-content;
  /*  min-height: 54px;*/
  padding-left: 4rem;
}


.zr-sort-filter::before {
  content: "";
  position: absolute;
  /* background: linear-gradient(90deg, #FFFFFF 65.17%, rgba(255, 255, 255, 0) 100%); */
  background: linear-gradient(95deg, #f9f9f9 -1.68%, rgba(249, 249, 249, 0) 100%);
  width: 112px;
  height: 50px;
  left: 100%;
  z-index: 1;
  /* top: 16%; */
  /* transform: translateY(-50%); */
  /* left: 593px; */
}



.zr-product-list-container {
  width: 90%;
  max-width: 1676px;
  margin-inline: auto;
  justify-content: center;
  margin: auto;
  /*overflow: hidden;*/
}


.zr-search-input-box {
  border: 1px solid var(--gray5);
  height: 44px;
  /* max-width: 168px; */
}


.zr-filters-box {
  max-height: 800px;
  min-width: 350px;
  position: sticky;
  top: 122px;
  overflow: auto;
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}

.zr-filters-box::-webkit-scrollbar {
  display: none;
}



.zr-whole-products-container {
   /* flex: 1; */
    /* overflow: hidden; */
    width: calc(100% - 350px - 1rem);
}

.zr-range-rewrite-input {
  border: 1px solid var(--gray-scale-gray-30-dcdcdc, #DCDCDC) !important;
 /* max-width: 135px;*/
  max-height: 43px;
  border-radius: 0.5rem !important;
}

.zr-detail-txt-color {
  color: var(--gray5) !important;
}

.zr-other-page-header {
  position: fixed;
  top: 0;
  z-index: 6000;
}

.zr-other-page-header {
  z-index: 6000;
}

.zr-other-page-header.zr-low-zindex {
  z-index: 1 !important;
}

.zr-footer-2.zr-low-zindex {
  z-index : 0 !important; 
}


.zr-res-filter-btn-container,
.zr-result-search-container {
  display: none;
}

.zr-filter-res-head {
  display: none;
}

.zr-shape-head-filter {
  padding-top: 1rem;
  position : relative;
}

.zr-close-box-filter-box,
.zr-res-search-filter,
.zr-submit-filters-res,
.zr-res-sort-filter {
  display: none !important;
}

.zr-item-hasfilter {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--Mainprimary);
  display: none;
}
.zr-hasfilter .zr-item-hasfilter {
  display: flex ;
}

.zr-owner-text {
  width: 100%;
  max-width: calc(100% - 240px);
  margin: auto;
  padding: 1rem 4rem;
}

.zr-owner-text {
  max-width: 1742px;
}

.zr-position-ham-icon {
  position: fixed;
  top: 0;
  right: 0;
  margin-top: 2.25rem;
  z-index: 908000;
}

.zr-close{
  margin-right: 0.5rem;
}

.zr-item-filter{
  background: var(--custom-1);
  border: 1px solid var(--gray6);
  max-height: 34px;
  overflow: hidden;
  padding: 8px 12px;
  white-space: nowrap;
  flex-wrap: nowrap;
  min-width: fit-content;
  direction: ltr;
  gap: 0.5rem;
  border-radius: 1rem !important;
  padding-left: 0.75rem !important;
  flex-direction: row-reverse;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.zr-index-ham-icon{
  display : none;
}


.zr-close {
  margin-right: 0.5rem;
}

.zr-item-hasfilter-res-index {
  content: "";
  position: absolute;
  background: var(--error2);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 0;
  right: 0;
  margin-top: 8px;
  margin-right: 8px;
}

.zr-share-box-filter-box-res {
  display : none;
}

.desktop-share{
  display: flex;
}

.zr-desk-share{
  display : flex !important;
}

.close-sort-res{
  display : none;
}

.zr-shortmsg-parent.zr-correctbox-parent{
  z-index: 999999900 !important;  
}

.zr-figner-img{
  max-width : 159px;
  /*flex-direction: column-reverse;*/
}

.zr-img-list{
  max-width: 154px !important;
}
.zr-magnifier  .img-magnifier-glass {
  position: absolute;
  border: 1px solid #000000b8;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
}
.zr-magnifier .vertical-scroll{
  width: 140px;
  scrollbar-width: none;
}
.zr-magnifier   .product-s-img{
  flex: 140px 0 1;
  min-width: 140px;
}

.zr-nowrap {
  white-space: nowrap; 
}

.zr-fix-splash {
  overflow-y: clip !important; 
  position: fixed !important;
}

.rewrite-light-box-layout{
  max-height: fit-content;
  aspect-ratio: 779 / 779; 
}
/*.zr-two-option{
background-color: var(--gray1);
width: 100%;
height: 96px;
border-radius: 1rem !important;
padding-left: 1rem !important;
padding-right: 1rem !important; 
}
*/
.zr-filter-option-list{
  border-radius: 1rem !important;
  background-color: var(--gray1);
}

.switch-slider.round {
  border-radius: 32px;
}
input:checked+.switch-slider {
  background-color: var(--Mainprimary);
}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray4);
  -webkit-transition: .4s;
  transition: .4s;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

input:checked+.switch-slider:before {
  left: calc(100% + -21px);
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--white);
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider.round:before {
  border-radius: 50%;
}


.zr-switch-style{
  min-height: 56px !important; 
  height: 56px !important; 
}


.zr-main-img-2 {
  /*background : url('/Themes/website/vitrin/Images/1.svg') no-repeat;*/
  width: 100%;
  height: 96%;
  border-radius: 2rem; 
  background-size: cover !important;
}


.tiny-img {
  width: 11px;
  height: 14px; 
}




.loading-wrapper {
  margin-top: 80px;
}

.loading-svg {
  width: 24px;
  height: 24px;
}

.star-loading {
  animation: starAnimation 2s infinite;
  animation-delay: 0s;
}

.star-loading-1 {
  animation: starAnimation 2s infinite;
  animation-delay: 1s;
}

.star-loading-2 {
  animation: starAnimation 2s infinite;
  animation-delay: 1.5s;
}



@keyframes starAnimation {
  0% {
    transform: translateY(0) rotate(0deg);
    fill: #997968;
  }

  30% {
    transform: translateY(-24px) rotate(45deg);
    fill: #A8C8D7;
  }

  50% {
    transform: translateY(-24px) rotate(90deg);
    fill: #997968;
  }

  80% {
    transform: translateY(-24px) rotate(135deg);
    fill:  #A8C8D7;
  }

  100% {
    transform: translateY(0) rotate(180deg);
    fill: #997968;
  }
}


.zr-opened-filter {
  height: fit-content;
  max-height: 184px;
}



.zr-pro-title {
  min-height : 36px ;  
}


.zr-pro-detail,
.zr-pro-price
{
  min-height : 27px ;
}

.zr-footer-connection {
  max-width: 437px;
  width: 100%; 
}


.desktop-about-us {
  display : block;
}

.mobile-about-us {
  display : none;
}



.zr-about-us-items {
  max-width: 831px;
  max-height: 464px;
  height: 100%;
  aspect-ratio: 831 / 464;
}



.zr-about-image  {
  border-radius : 0.5rem !important;
  overflow : hidden;

}

.no-scroll {
  overflow: clip !important;
  position: fixed;
  width: 100%;
  height: 100vh;
}

.zr-right-txt {
 text-align : right ;
}

.zr-izargar-link {
  color : #004999;
  text-decoration: underline;
  text-decoration-color: #004999;        
  text-decoration-thickness: 1px;      
  text-underline-offset: 5px; 
}


.zr-filter-desktop-none p {
  white-space : nowrap;  
  font-size : 14px !important;
}






.zr-social-media-container {
  max-width: 648px;
  width : 100%;
  height: 143px;
  border: 7px solid #F1F0EF;
  border-radius: 128px ;
  gap : 1rem;
}


.zr-social-media-img {
  width : 50px;
  height : 50px;
  max-width : 50px;
  max-height : 50px;
}
.zr-social-media-img  img {
  width : 100%;
  height : 100%;
  object-fit : contain ;
}

.zr-social-media-items {
  width : 100%; 
  max-width : 120px;
  height : 100%;
  align-items: center;
  justify-content: flex-end;
}

.zr-bb {
  border-bottom: 1px solid var(--gray3); 
}

.zr-link-return {
  display : none !important; 
}


.exist-tag {
  position: absolute;
  bottom: 0;
  background: #717171;
  color : #fff;
  margin: 8px;
  padding: 0.25rem;
  /*border-radius: 0.5rem; */
}


.no-select {
  user-select: none;       
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none;     
}

.zr-range-input-txt {
  min-width : 61px;
}

.zr-r-txt-align {
  text-align : right ; 
}

.zr-item-filter-list {
  cursor: grab;
  user-select: none;
}

.zr-item-filter-list:active {
  cursor: grabbing;
}