@import 'AlJameel.Website.Components.rv6jump4py.bundle.scp.css';
@import '_content/AngryMonkey.CloudLogin.Components/AngryMonkey.CloudLogin.Components.ztr5inwcaw.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* /Components/Home/Home_BoxComponent.razor.rz.scp.css */
:root[b-88rgroy5bc] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-88rgroy5bc],
.account-management[b-88rgroy5bc] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
.boxes[b-88rgroy5bc] {
  background-color: #fff;
}
.boxes article[b-88rgroy5bc] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
.boxes .item[b-88rgroy5bc],
.boxes .seller[b-88rgroy5bc] {
  width: 100%;
  border-radius: 15px;
  border: var(--borderSolid) solid var(--primaryColor);
  padding-block: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 400px;
  position: relative;
}
.boxes .item .top[b-88rgroy5bc],
.boxes .seller .top[b-88rgroy5bc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding-inline: 20px;
}
.boxes .item .top .info[b-88rgroy5bc],
.boxes .seller .top .info[b-88rgroy5bc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.boxes .item .top .info .tag[b-88rgroy5bc],
.boxes .seller .top .info .tag[b-88rgroy5bc] {
  font-size: 1.5rem;
  color: var(--secondaryColor);
  font-weight: bold;
  text-transform: capitalize;
}
.boxes .item .top .info .title[b-88rgroy5bc],
.boxes .seller .top .info .title[b-88rgroy5bc] {
  font-size: 1rem;
  color: var(--primaryColorDark);
}
.boxes .item .top .info a[b-88rgroy5bc],
.boxes .seller .top .info a[b-88rgroy5bc] {
  margin-top: 10px;
  color: var(--primaryColor);
  text-transform: capitalize;
}
.boxes .item .buttons[b-88rgroy5bc],
.boxes .seller .buttons[b-88rgroy5bc] {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
}
.boxes .item .buttons > div[b-88rgroy5bc],
.boxes .seller .buttons > div[b-88rgroy5bc] {
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--primaryColor);
  transition: all var(--duration);
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.boxes .item .buttons > div[b-88rgroy5bc]:before,
.boxes .seller .buttons > div[b-88rgroy5bc]:before,
.boxes .item .buttons > div[b-88rgroy5bc]:after,
.boxes .seller .buttons > div[b-88rgroy5bc]:after {
  content: none;
}
.boxes .item .buttons > div[b-88rgroy5bc]  svg,
.boxes .seller .buttons > div[b-88rgroy5bc]  svg {
  width: 100%;
}
.boxes .item .buttons > div[b-88rgroy5bc]  .--svg-fill,
.boxes .seller .buttons > div[b-88rgroy5bc]  .--svg-fill {
  fill: #fff;
}
.boxes .item .buttons > div:first-child[b-88rgroy5bc]  svg,
.boxes .seller .buttons > div:first-child[b-88rgroy5bc]  svg {
  transform: rotate(180deg);
}
.boxes .item > div[b-88rgroy5bc],
.boxes .seller > div[b-88rgroy5bc] {
  z-index: 2;
}
.boxes .seller[b-88rgroy5bc] {
  background: url("img/home/top-seller.jpg") no-repeat left center;
  background-size: cover;
}
.boxes .seller[b-88rgroy5bc]:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #00000061;
  width: 100%;
  height: 100%;
  content: "";
}
.boxes .seller .top .info a[b-88rgroy5bc] {
  color: #fff;
}
.boxes .item:last-child[b-88rgroy5bc] {
  border-color: var(--secondaryColor);
}
.boxes .item-list[b-88rgroy5bc] {
  width: 100%;
}
.boxes .item-list .info[b-88rgroy5bc] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: none;
}
.boxes .item-list .info-botton[b-88rgroy5bc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  padding-inline: 20px;
}
.boxes .item-list .info .description[b-88rgroy5bc] {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  text-wrap-style: balance;
}
.boxes .item-list .info .description p[b-88rgroy5bc] {
  font-size: 0.8rem;
  color: var(--primaryColor);
}
.boxes .item-list .info .description span[b-88rgroy5bc] {
  font-size: 0.8rem;
  color: var(--primaryColorDark);
  font-weight: bold;
  display: flex;
  position: relative;
  gap: 5px;
}
.boxes .item-list .info .description span sup[b-88rgroy5bc] {
  position: relative;
}
.boxes .item-list .info .description span sup span[b-88rgroy5bc] {
  font-size: 0.7rem;
  position: relative;
}
.boxes .item-list .info .description span sup span[b-88rgroy5bc]:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--primaryColorDark);
}
.boxes .item-list .info .add[b-88rgroy5bc] {
  align-self: flex-end;
}
.boxes .item-list img[b-88rgroy5bc] {
  height: 300px;
  object-fit: contain;
}
@media only screen and (min-width: 800px) {
  .boxes article[b-88rgroy5bc] {
    grid-template-columns: repeat(3, 1fr);
  }
}
html[lang='ar'] .boxes .item .buttons[b-88rgroy5bc] {
  gap: 15px;
}
html[lang='ar'] .boxes .item .buttons > div:first-child[b-88rgroy5bc]  svg {
  transform: rotate(0deg);
}
html[lang='ar'] .boxes .item .buttons > div:last-child[b-88rgroy5bc]  svg {
  transform: rotate(180deg);
}
html[lang='ar'] .boxes .item .add[b-88rgroy5bc] {
  left: 20px;
  right: unset;
}
/* /Components/Home/Home_HeroComponent.razor.rz.scp.css */
:root[b-djgcy3gmdv] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-djgcy3gmdv],
.account-management[b-djgcy3gmdv] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
.hero[b-djgcy3gmdv] {
  background-color: #fff;
}
.hero article[b-djgcy3gmdv] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
  padding-top: 30px;
}
.hero article > div[b-djgcy3gmdv] {
  width: 100%;
  gap: 20px;
  height: 100%;
}
.hero .item[b-djgcy3gmdv] {
  width: 100%;
  border-radius: 15px;
  padding: 20px;
  background-color: var(--c, var(--grayColor));
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
.hero .item .tag[b-djgcy3gmdv] {
  color: var(--secondaryColor);
  font-size: 1.5rem;
  text-transform: capitalize;
}
.hero .item .tag._small[b-djgcy3gmdv] {
  font-size: 1rem;
}
.hero .item .tag._large[b-djgcy3gmdv] {
  font-size: 2rem;
}
.hero .item .title[b-djgcy3gmdv] {
  text-transform: capitalize;
  font-size: 1.5rem;
  text-align: left;
  color: var(--primaryColorDark);
}
.hero .item .title._small[b-djgcy3gmdv] {
  font-size: 1rem;
}
.hero .item .title._large[b-djgcy3gmdv] {
  font-size: 2rem;
}
.hero .item .button[b-djgcy3gmdv] {
  outline: none;
  background-color: transparent;
  border: none;
  font-size: 0.9rem;
  color: var(--primaryColorDark);
  margin-top: 10px;
  font-size: 1rem;
  cursor: pointer;
}
.hero .item .button._small[b-djgcy3gmdv] {
  font-size: 0.8rem;
}
.hero .item._large > div[b-djgcy3gmdv] {
  display: flex;
  flex-direction: column;
}
.hero .item._white .title[b-djgcy3gmdv],
.hero .item._white .button[b-djgcy3gmdv] {
  color: #fff;
}
.hero .item img[b-djgcy3gmdv] {
  width: 100%;
  object-fit: contain;
}
.hero .item._primary[b-djgcy3gmdv] {
  background-image: var(--img);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-repeat: no-repeat;
  min-height: 300px;
}
.hero .item._secondary[b-djgcy3gmdv] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.hero .item._secondary > div[b-djgcy3gmdv] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-self: flex-start;
}
.hero .item._tertiary[b-djgcy3gmdv] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.hero .item._tertiary > div[b-djgcy3gmdv] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.hero .item._border[b-djgcy3gmdv] {
  border: var(--borderSolid) solid var(--secondaryColor);
}
.hero .item .bold[b-djgcy3gmdv] {
  font-weight: bold;
}
.hero-left[b-djgcy3gmdv] {
  display: grid;
  grid-template-rows: 0.5fr 1fr;
}
.hero-left > div:first-child img[b-djgcy3gmdv] {
  width: 100px;
}
.hero-left > div:last-child[b-djgcy3gmdv] {
  min-height: 300px !important;
}
.hero-middle[b-djgcy3gmdv] {
  display: grid;
  grid-template-rows: 1fr 0.5fr;
  gap: 20px;
}
.hero-middle > div:first-child[b-djgcy3gmdv] {
  min-height: 400px;
}
.hero-middle > div:last-child[b-djgcy3gmdv] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.hero-middle > div:last-child img[b-djgcy3gmdv] {
  left: 120px;
  bottom: -50px;
  position: absolute;
}
.hero-middle > div:last-child > div:first-child .title[b-djgcy3gmdv] {
  font-weight: 400;
}
.hero-middle > div:last-child > div:last-child[b-djgcy3gmdv] {
  min-height: 350px;
}
.hero-right[b-djgcy3gmdv] {
  display: grid;
  grid-template-rows: 0.5fr 0.5fr 0.5fr;
}
.hero-right > a:first-child[b-djgcy3gmdv] {
  min-height: 250px;
}
.hero-right > a:first-child .tag[b-djgcy3gmdv],
.hero-right > a:first-child .button[b-djgcy3gmdv] {
  color: #fff;
}
.hero-right > a:first-child img[b-djgcy3gmdv] {
  position: absolute;
  left: 120px;
  top: 50px;
}
.hero-right > div:last-child[b-djgcy3gmdv] {
  min-height: 400px;
}
@media only screen and (min-width: 800px) {
  .hero article[b-djgcy3gmdv] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hero-right > div:last-child[b-djgcy3gmdv] {
    min-height: unset;
  }
}
@media only screen and (min-width: 1100px) {
  .hero article[b-djgcy3gmdv] {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .hero-middle > a:first-child[b-djgcy3gmdv] {
    /*background-size: 200% !important;*/
  }
  .hero-middle > div:last-child[b-djgcy3gmdv] {
    grid-template-columns: 1fr 1fr;
  }
}
html[lang='ar'] .hero-middle > div:last-child img[b-djgcy3gmdv] {
  right: 120px;
  left: unset;
}
html[lang='ar'] .hero-right > a:first-child img[b-djgcy3gmdv] {
  right: 120px;
  left: unset;
}
/* /Components/Home/Home_ItemsComponent.razor.rz.scp.css */
:root[b-jss93hao75] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-jss93hao75],
.account-management[b-jss93hao75] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
.items[b-jss93hao75] {
  background-color: var(--grayColor);
}
.items article[b-jss93hao75] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding-block: 60px !important;
}
.items-info[b-jss93hao75] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  width: 100%;
  padding-inline: 20px;
}
.items-info .info[b-jss93hao75] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.items-info .info .tag[b-jss93hao75] {
  font-size: 1.5rem;
  color: var(--secondaryColor);
  font-weight: bold;
  text-transform: capitalize;
}
.items-info .info .title[b-jss93hao75] {
  font-size: 1rem;
  color: var(--primaryColorDark);
}
.items-info .info .button[b-jss93hao75] {
  outline: none;
  background-color: transparent;
  border: none;
  font-size: 0.8rem;
  color: var(--primaryColorDark);
  cursor: pointer;
  margin-top: 10px;
  text-transform: capitalize;
}
.items-info .buttons[b-jss93hao75] {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-end;
}
.items-info .buttons > div[b-jss93hao75] {
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--primaryColor);
  transition: all var(--duration);
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.items-info .buttons > div[b-jss93hao75]:before,
.items-info .buttons > div[b-jss93hao75]:after {
  content: none;
}
.items-info .buttons > div[b-jss93hao75]  svg {
  width: 100%;
}
.items-info .buttons > div[b-jss93hao75]  .--svg-fill {
  fill: #fff;
}
.items-info .buttons > div.swiper-button-prev[b-jss93hao75]  svg {
  transform: rotate(180deg);
}
.items-list[b-jss93hao75] {
  width: 100%;
}
.items-list .item[b-jss93hao75] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  flex: none;
}
.items-list .item img[b-jss93hao75] {
  height: 150px;
  object-fit: contain;
}
.items-list .item .info[b-jss93hao75] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.items-list .item .info span[b-jss93hao75] {
  font-size: 0.8rem;
  text-transform: capitalize;
  color: var(--primaryColorDark);
  text-align: center;
  text-wrap-style: balance;
}
.items-list .item .info .price[b-jss93hao75] {
  font-weight: bold;
  flex-direction: row;
  position: relative;
  margin-top: 5px;
}
.items-list .item .info .price sup[b-jss93hao75] {
  position: relative;
}
.items-list .item .info .price sup span[b-jss93hao75] {
  font-size: 0.7rem;
  position: relative;
}
.items-list .item .info .price sup span[b-jss93hao75]:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--primaryColorDark);
}
.items-list .item[b-jss93hao75]  .--cart {
  margin-top: auto;
}
@media only screen and (min-width: 800px) {
  .items article[b-jss93hao75] {
    grid-template-columns: auto 1fr;
  }
  .items-info[b-jss93hao75] {
    width: fit-content;
  }
}
html[lang='ar'] .items-info .buttons[b-jss93hao75] {
  gap: 0;
}
html[lang='ar'] .items-info .buttons > div.swiper-button-prev[b-jss93hao75]  svg {
  transform: unset;
}
html[lang='ar'] .items-info .buttons > div.swiper-button-next[b-jss93hao75]  svg {
  transform: rotate(180deg);
}
/* /Main/Layout/AdminLayout.razor.rz.scp.css */
:root[b-rwvhz2zrw3] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-rwvhz2zrw3],
.account-management[b-rwvhz2zrw3] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
.admin[b-rwvhz2zrw3] {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 0 1fr;
  overflow: hidden;
}
.admin-header[b-rwvhz2zrw3] {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  border-right: 1px solid #6b52513d;
  opacity: 0;
}
.admin-header .logo[b-rwvhz2zrw3] {
  width: 100%;
  /*height: 100px;*/
  padding-inline: 10px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-header .logo[b-rwvhz2zrw3]  svg {
  width: 100%;
}
.admin-header ul[b-rwvhz2zrw3] {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.admin-header ul li[b-rwvhz2zrw3]  a {
  padding: 20px 10px;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-inline: 15px;
  transition: all var(--duration);
}
.admin-header ul li[b-rwvhz2zrw3]  a svg {
  width: 100%;
}
.admin-header ul li[b-rwvhz2zrw3]  a .--svg-fill {
  fill: var(--primaryColor);
  transition: all var(--duration);
}
.admin-header ul li[b-rwvhz2zrw3]  a .--svg-stroke {
  stroke: var(--primaryColor);
  transition: all var(--duration);
}
.admin-header ul li[b-rwvhz2zrw3]  a span {
  display: none;
  font-size: 1.2rem;
  color: var(--primaryColor);
}
.admin-header ul li[b-rwvhz2zrw3]  a:hover .--svg-fill,
.admin-header ul li[b-rwvhz2zrw3]  a.active .--svg-fill {
  fill: var(--secondaryColor);
}
.admin-header ul li[b-rwvhz2zrw3]  a:hover .--svg-stroke,
.admin-header ul li[b-rwvhz2zrw3]  a.active .--svg-stroke {
  stroke: var(--secondaryColor);
}
.admin-header ul li[b-rwvhz2zrw3]  a:hover span,
.admin-header ul li[b-rwvhz2zrw3]  a.active span {
  color: var(--secondaryColor);
}
.admin-body[b-rwvhz2zrw3] {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
}
.admin-body .header[b-rwvhz2zrw3] {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  flex-wrap: wrap;
}
.admin-body .header > div[b-rwvhz2zrw3] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.admin-body .header > div:last-child[b-rwvhz2zrw3] {
  justify-content: flex-end;
}
.admin-body .header button[b-rwvhz2zrw3] {
  outline: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.admin-body .header button[b-rwvhz2zrw3]  svg {
  width: 30px;
  fill: var(--primaryColor);
  transition: all var(--duration);
}
.admin-body .header button:hover[b-rwvhz2zrw3]  svg {
  fill: var(--secondaryColor);
}
.admin-body .header a span[b-rwvhz2zrw3] {
  font-size: 1rem;
  color: var(--primaryColor);
  transition: all var(--duration);
}
.admin-body .header a:hover span[b-rwvhz2zrw3] {
  color: var(--secondaryColor);
}
.admin._open[b-rwvhz2zrw3] {
  grid-template-columns: 200px 1fr;
}
.admin._open .admin-header[b-rwvhz2zrw3] {
  opacity: 1;
}
.admin._open .admin-header .logo[b-rwvhz2zrw3]  svg {
  width: 50%;
}
.admin._open .admin-header ul li a[b-rwvhz2zrw3] {
  grid-template-columns: 30px 1fr;
  padding-inline: 10px;
}
.admin._open .admin-header ul li a span[b-rwvhz2zrw3] {
  display: block;
}
.admin._open .admin-body[b-rwvhz2zrw3] {
  flex-flow: wrap;
}
.notfound[b-rwvhz2zrw3] {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grayColor);
}
.notfound article[b-rwvhz2zrw3] {
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  border: 1px solid var(--primaryColor);
  border-radius: var(--radius);
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.notfound article > span[b-rwvhz2zrw3] {
  font-size: 1.2rem;
  color: var(--primaryColor);
  text-align: center;
}
[b-rwvhz2zrw3] .title {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-top: 1px solid #6b52513d;
  padding-left: 30px;
  flex-wrap: wrap;
  row-gap: 30px;
}
[b-rwvhz2zrw3] .title-left {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
[b-rwvhz2zrw3] .title-left > span {
  font-size: 1.2rem;
  color: var(--primaryColor);
  font-weight: bold;
  padding-right: 10px;
  border-right: 1px solid var(--primaryColor);
}
[b-rwvhz2zrw3] .title-left > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
}
[b-rwvhz2zrw3] .title-left > div > span {
  font-size: 1rem;
  color: var(--primaryColor);
}
[b-rwvhz2zrw3] .title-left > div > span:first-child {
  font-weight: bold;
}
[b-rwvhz2zrw3] .title-left > div > span:last-child {
  font-size: 0.8rem;
  margin-left: 10px;
}
[b-rwvhz2zrw3] .title-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
}
[b-rwvhz2zrw3] .title-action > button,
[b-rwvhz2zrw3] .title-action > label,
[b-rwvhz2zrw3] .title-action > a {
  outline: none;
  background-color: transparent;
  border: 1px solid var(--primaryColor);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  min-width: 150px;
  transition: all var(--duration);
  padding: 5px;
}
[b-rwvhz2zrw3] .title-action > button span,
[b-rwvhz2zrw3] .title-action > label span,
[b-rwvhz2zrw3] .title-action > a span {
  color: var(--primaryColor);
  font-size: 1rem;
}
[b-rwvhz2zrw3] .title-action > button:hover,
[b-rwvhz2zrw3] .title-action > label:hover,
[b-rwvhz2zrw3] .title-action > a:hover {
  background-color: var(--primaryColor);
}
[b-rwvhz2zrw3] .title-action > button:hover span,
[b-rwvhz2zrw3] .title-action > label:hover span,
[b-rwvhz2zrw3] .title-action > a:hover span {
  color: #fff;
}
[b-rwvhz2zrw3] .title-action > button > input,
[b-rwvhz2zrw3] .title-action > label > input,
[b-rwvhz2zrw3] .title-action > a > input {
  display: none;
}
[b-rwvhz2zrw3] .title-action .add {
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: unset;
}
[b-rwvhz2zrw3] .title-action .add svg {
  width: 100%;
  fill: #fff;
}
[b-rwvhz2zrw3] .title-action .add:hover {
  background-color: transparent;
}
[b-rwvhz2zrw3] .title-action .add:hover svg {
  fill: var(--secondaryColor);
}
[b-rwvhz2zrw3] .title-action .input-date {
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid var(--primaryColor);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  min-width: 150px;
}
[b-rwvhz2zrw3] .title-action .filter {
  position: relative;
  display: flex;
  align-items: center;
}
[b-rwvhz2zrw3] .title-action .filter button {
  width: 40px;
  background-color: transparent;
  border: none;
  outline: none;
  min-width: unset;
  cursor: pointer;
}
[b-rwvhz2zrw3] .title-action .filter button svg {
  width: 100%;
  fill: var(--primaryColor);
  transition: all var(--duration);
}
[b-rwvhz2zrw3] .title-action .filter button:hover svg {
  fill: var(--secondaryColor);
}
[b-rwvhz2zrw3] .title-action .filter > div {
  position: absolute;
  width: 200px;
  background-color: #fff;
  padding: 0;
  display: flex;
  flex-direction: column;
  top: 30px;
  left: -70px;
  box-shadow: 0 0 1px #00000075;
  border-radius: 5px;
}
[b-rwvhz2zrw3] .title-action .filter > div label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
  padding: 10px;
  border-bottom: 1px solid var(--primaryColor);
  cursor: pointer;
}
[b-rwvhz2zrw3] .title-action .filter > div label:last-child {
  border-bottom: none;
}
[b-rwvhz2zrw3] .title-action .filter > div label > div {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 5px;
  border: 1px solid var(--primaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--duration);
}
[b-rwvhz2zrw3] .title-action .filter > div label > div svg {
  display: none;
  width: 100%;
}
[b-rwvhz2zrw3] .title-action .filter > div label > div .--svg-stroke {
  stroke: #fff;
}
[b-rwvhz2zrw3] .title-action .filter > div label span {
  font-size: 1rem;
  color: var(--primaryColor);
}
[b-rwvhz2zrw3] .title-action .filter > div label:has(input:checked) > div {
  background-color: var(--primaryColor);
}
[b-rwvhz2zrw3] .title-action .filter > div label:has(input:checked) > div svg {
  display: block;
}
[b-rwvhz2zrw3] .title-action .filter .color {
  position: relative;
  content: "";
  width: 10px;
  border-radius: 50%;
  aspect-ratio: 1;
  background: var(--c);
  margin-left: auto;
  box-shadow: 0 0 2px #0000006b;
}
[b-rwvhz2zrw3] .title-action .select {
  background-color: #fff;
  border: 1px solid var(--primaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  border-radius: 5px;
  min-width: 150px;
  position: relative;
  overflow: hidden;
}
[b-rwvhz2zrw3] .title-action .select select {
  background-color: #fff;
  border: none;
  outline: none;
  color: var(--primaryColor);
  padding-right: 20px;
  padding: 10px;
  width: 100%;
  cursor: pointer;
}
[b-rwvhz2zrw3] .title-action .select svg {
  width: 10px;
  fill: var(--primaryColor);
  transform: rotate(90deg) translateX(-50%);
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
[b-rwvhz2zrw3] .title-action .select._loading select {
  opacity: 0.5;
  pointer-events: none;
}
[b-rwvhz2zrw3] .title-action .text {
  font-size: 0.8rem;
  color: var(--primaryColor);
}
@media only screen and (min-width: 800px) {
  .admin[b-rwvhz2zrw3] {
    grid-template-columns: 100px 1fr;
  }
  .admin-header[b-rwvhz2zrw3] {
    opacity: 1;
  }
  .admin._open[b-rwvhz2zrw3] {
    grid-template-columns: 200px 1fr;
  }
  .admin._open .admin-header[b-rwvhz2zrw3] {
    left: unset;
  }
  .admin._open .admin-body[b-rwvhz2zrw3] {
    flex-flow: column;
  }
  [b-rwvhz2zrw3] .title-action {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: fit-content;
  }
}
/* /Main/Layout/Footer.razor.rz.scp.css */
:root[b-aphbw5myvl] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-aphbw5myvl],
.account-management[b-aphbw5myvl] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
.footer[b-aphbw5myvl] {
  background-color: var(--primaryColor);
}
.footer article[b-aphbw5myvl] {
  max-width: var(--maxWidth);
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 50px 20px;
  padding-bottom: 10px;
}
.footer article > div[b-aphbw5myvl] {
  width: 100%;
}
.footer-top[b-aphbw5myvl] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}
.footer-top .about[b-aphbw5myvl] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-top .about a[b-aphbw5myvl] {
  font-size: 1rem;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
}
.footer-top .about-media[b-aphbw5myvl] {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.footer-top .about-media a[b-aphbw5myvl] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--primaryColorDark);
  padding: 5px;
}
.footer-top .about-media a[b-aphbw5myvl]  svg {
  width: 100%;
}
.footer-top .about-media a[b-aphbw5myvl]  .--svg-fill {
  fill: #fff;
}
.footer-top .about-media a[b-aphbw5myvl]  .--svg-stroke {
  stroke: #fff;
}
.footer-top form[b-aphbw5myvl] {
  position: relative;
  width: 100%;
  height: 50px;
}
.footer-top form input[b-aphbw5myvl] {
  border: 1px solid #fff;
  background-color: transparent;
  outline: none;
  padding: 15px;
  font-size: 1rem;
  color: #fff;
  border-radius: var(--radius);
  width: 100%;
  transition: all var(--duration);
}
.footer-top form input[b-aphbw5myvl]::-webkit-input-placeholder {
  color: #fff;
}
.footer-top form input:-moz-placeholder[b-aphbw5myvl] {
  color: #fff;
}
.footer-top form input[b-aphbw5myvl]::-moz-placeholder {
  color: #fff;
}
.footer-top form input:-ms-input-placeholder[b-aphbw5myvl] {
  color: #fff;
}
.footer-top form button[b-aphbw5myvl] {
  border-radius: var(--radius);
  font-size: 1rem;
  background-color: var(--primaryColorDark);
  text-transform: capitalize;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  color: #fff;
  outline: none;
  border: 1px solid var(--primaryColorDark);
  cursor: pointer;
  transition: all var(--duration);
}
.footer-botton[b-aphbw5myvl] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  gap: 20px;
}
.footer-botton span[b-aphbw5myvl] {
  font-size: 0.8rem;
  color: #fff;
}
.footer-botton img[b-aphbw5myvl] {
  max-width: 300px;
  object-fit: contain;
  width: 100%;
}
.footer-nesletter:has(input:focus) input[b-aphbw5myvl] {
  background: #fff;
  color: var(--primaryColor);
}
.footer-nesletter:has(input:focus) button[b-aphbw5myvl] {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
@media only screen and (min-width: 600px) {
  .footer-top[b-aphbw5myvl] {
    grid-template-columns: 1fr 1fr;
  }
  .footer-top .about-media[b-aphbw5myvl] {
    justify-content: flex-start;
  }
  .footer-botton[b-aphbw5myvl] {
    display: flex;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1100px) {
  .footer-top[b-aphbw5myvl] {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
html[lang='ar'] .footer-top form input[b-aphbw5myvl] {
  padding-right: 90px;
}
/* /Main/Layout/Header.razor.rz.scp.css */
:root[b-bptbs7204o] {
  --primaryColor: #6b5251;
  --primaryColorDark: #5d0000;
  --secondaryColor: #ff7f7d;
  --errorColor: red;
  --grayColor: #f6f0f0;
  --duration: 0.3s ease-in-out;
  --headerHeightMobile: 250px;
  --headerHeight: 150px;
  --maxWidth: 1300px;
  --radius: 50px;
  --headerBg: var(--grayColor);
  --borderSolid: 1px;
}
.amc-cloudlogin[b-bptbs7204o],
.account-management[b-bptbs7204o] {
  --amc-accentColor: #6b5251;
  --amc-secondColor: #ff7f7d;
}
body .header[b-bptbs7204o] {
  z-index: 999999;
  height: calc(var(--headerHeightMobile) - 50px);
  background-color: var(--headerBg);
}
body .header article[b-bptbs7204o] {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "logo menu" "search search";
  align-items: center;
  justify-content: center;
  gap: 5px 50px;
  padding: 5px 20px;
  width: 100%;
  height: 100%;
  max-width: var(--maxWidth);
  margin-inline: auto;
  transition: all var(--duration);
  justify-content: space-between;
  align-content: center;
}
body .header-logo[b-bptbs7204o] {
  max-width: 80px;
  width: 100%;
  transition: all var(--duration);
  grid-area: logo;
}
body .header-logo[b-bptbs7204o]  svg {
  width: 100%;
}
body .header-right[b-bptbs7204o] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  grid-area: menu;
}
body .header-right[b-bptbs7204o]  .lang {
  background-color: transparent;
  border: 2px solid var(--primaryColor);
  border-radius: var(--radius);
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: all var(--duration);
  display: none;
  position: relative;
  padding: 5px 10px;
}
body .header-right[b-bptbs7204o]  .lang img {
  width: 25px;
  pointer-events: none;
}
body .header-right[b-bptbs7204o]  .lang select {
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--primaryColor);
}
body .header-right[b-bptbs7204o]  .lang span {
  font-size: 1rem;
  color: var(--primaryColor);
}
body .header-right .link[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  display: none;
  position: relative;
}
body .header-right .link div[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link div {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--primaryColorDark);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all var(--duration);
}
body .header-right .link div svg[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link div svg {
  width: 100%;
  transition: all var(--duration);
}
body .header-right .link div .--svg-stroke[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link div .--svg-stroke {
  stroke: #fff;
}
body .header-right .link div .--svg-fill[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link div .--svg-fill {
  fill: #fff;
}
body .header-right .link .link[b-bptbs7204o]  svg,
body .header-right[b-bptbs7204o]  .link .link ::deep svg {
  width: 100%;
  transition: all var(--duration);
}
body .header-right .link .link[b-bptbs7204o]  .--svg-stroke,
body .header-right[b-bptbs7204o]  .link .link ::deep .--svg-stroke {
  stroke: #fff;
}
body .header-right .link .link[b-bptbs7204o]  .--svg-fill,
body .header-right[b-bptbs7204o]  .link .link ::deep .--svg-fill {
  fill: #fff;
}
body .header-right .link span[b-bptbs7204o],
body .header-right[b-bptbs7204o]  .link span {
  font-size: 1rem;
  color: var(--primaryColorDark);
  text-transform: capitalize;
}
body .header-right[b-bptbs7204o]  sublogin {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--primaryColor);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body .header-right[b-bptbs7204o]  sublogin span {
  font-size: 1rem;
  color: #fff;
}
body .header-right-burger[b-bptbs7204o] {
  width: 40px;
  outline: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
body .header-right-burger[b-bptbs7204o]  svg {
  width: 100%;
}
body .header-right-burger[b-bptbs7204o]  svg .--svg-fill {
  fill: var(--primaryColorDark);
  transition: all var(--duration);
}
body .header-right-burger:hover[b-bptbs7204o]  svg .--svg-fill {
  fill: var(--primaryColor);
}
body .tab[b-bptbs7204o] {
  position: fixed;
  width: 100%;
  top: calc(var(--headerHeightMobile) - 50px);
  background-color: var(--primaryColor);
  height: 50px;
  left: 0;
  z-index: 999;
}
body .tab article[b-bptbs7204o] {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-block: 0;
  padding-inline: 40px;
  overflow-x: hidden;
  position: relative;
  scroll-behavior: smooth;
}
body .tab-links[b-bptbs7204o] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
  padding-block: 5px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body .tab-links[b-bptbs7204o]  a {
  color: #fff;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  white-space: nowrap;
  transition: all var(--duration);
}
body .tab-links[b-bptbs7204o]  a:hover,
body .tab-links[b-bptbs7204o]  a.active {
  color: var(--secondaryColor);
}
body .tab-links[b-bptbs7204o]  a.active {
  font-weight: bold;
}
body .tab-links.dragging[b-bptbs7204o] {
  scroll-behavior: auto;
  cursor: grab;
}
body .tab-links.dragging a[b-bptbs7204o] {
  user-select: none;
}
body .tab-button[b-bptbs7204o] {
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1px solid var(--primaryColorDark);
  background-color: var(--primaryColorDark);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 40px;
}
body .tab-button[b-bptbs7204o]  svg {
  width: 100%;
}
body .tab-button[b-bptbs7204o]  .--svg-fill {
  fill: #fff;
}
body .tab-button:not(._left)[b-bptbs7204o] {
  right: 0;
}
body .tab-button._left[b-bptbs7204o] {
  left: 0;
  display: none;
}
body .tab-button._left[b-bptbs7204o]  svg {
  transform: rotate(180deg);
}
body .tab-button._disable[b-bptbs7204o] {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
body._scroll .header[b-bptbs7204o] {
  height: calc(var(--headerHeightMobile) - 150px);
}
body._scroll .header-logo[b-bptbs7204o] {
  max-width: 60px;
}
body._scroll .header[b-bptbs7204o]  .search {
  display: none;
}
body._scroll .header-right[b-bptbs7204o]  .lang img {
  width: 20px;
}
body._scroll .header-right[b-bptbs7204o]  .lang ::deep svg {
  width: 20px;
}
body._scroll .header-right .link div[b-bptbs7204o],
body._scroll .header-right[b-bptbs7204o]  .link div {
  width: 30px;
}
body._scroll .header-right[b-bptbs7204o]  .cart ::deep svg {
  width: 30px;
}
body._scroll .header-right[b-bptbs7204o]  .cart > div {
  width: 20px;
  height: 20px;
  padding: 3px;
}
body._scroll .tab[b-bptbs7204o] {
  top: calc(var(--headerHeightMobile) - 150px);
}
body .mobile[b-bptbs7204o] {
  width: 100vw;
  height: 100vh;
  background-color: #0000008c;
  position: fixed;
  z-index: 99999999;
  inset: 0;
  align-items: flex-end;
  justify-content: flex-end;
  display: none;
  padding-right: 0;
}
body .mobile article[b-bptbs7204o] {
  width: 100%;
  height: 100%;
  background-color: var(--primaryColor);
  display: flex;
  flex-direction: column;
  padding: 50px 20px;
  overflow-y: auto;
  max-width: 350px;
}
body .mobile-close[b-bptbs7204o] {
  width: 50px;
  align-self: flex-end;
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-right: auto;
  transition: all var(--duration);
}
body .mobile-close[b-bptbs7204o]  svg {
  width: 100%;
  transition: all var(--duration);
  fill: #fff;
}
body .mobile-close:hover[b-bptbs7204o] {
  opacity: 0.6;
}
body .mobile-link[b-bptbs7204o] {
  display: flex;
  margin-top: 40px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
body .mobile-link .logo[b-bptbs7204o] {
  max-width: 100px;
  width: 100%;
}
body .mobile-link .logo[b-bptbs7204o]  svg {
  width: 100%;
}
body .mobile .links[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .mobile .links a[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a,
body .mobile .links button[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}
body .mobile .links a div[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a div,
body .mobile .links button div[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button div {
  width: 30px;
}
body .mobile .links a div svg[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a div svg,
body .mobile .links button div svg[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button div svg {
  width: 100%;
}
body .mobile .links a div .--svg-fill[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a div .--svg-fill,
body .mobile .links button div .--svg-fill[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button div .--svg-fill {
  fill: #fff;
  transition: all var(--duration);
}
body .mobile .links a div .--svg-stroke[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a div .--svg-stroke,
body .mobile .links button div .--svg-stroke[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button div .--svg-stroke {
  stroke: #fff;
  transition: all var(--duration);
}
body .mobile .links a span[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a span,
body .mobile .links button span[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button span {
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  transition: all var(--duration);
}
body .mobile .links a:hover div[b-bptbs7204o]  .--svg-fill,
body .mobile[b-bptbs7204o]  .links a:hover div ::deep .--svg-fill,
body .mobile .links button:hover div[b-bptbs7204o]  .--svg-fill,
body .mobile[b-bptbs7204o]  .links button:hover div ::deep .--svg-fill {
  fill: var(--secondaryColor);
}
body .mobile .links a:hover div[b-bptbs7204o]  .--svg-stroke,
body .mobile[b-bptbs7204o]  .links a:hover div ::deep .--svg-stroke,
body .mobile .links button:hover div[b-bptbs7204o]  .--svg-stroke,
body .mobile[b-bptbs7204o]  .links button:hover div ::deep .--svg-stroke {
  stroke: var(--secondaryColor);
}
body .mobile .links a:hover span[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links a:hover span,
body .mobile .links button:hover span[b-bptbs7204o],
body .mobile[b-bptbs7204o]  .links button:hover span {
  color: var(--secondaryColor);
}
body .mobile .links[b-bptbs7204o]  svg {
  width: 100%;
}
body .mobile .links[b-bptbs7204o]  .--svg-fill {
  fill: #fff;
  transition: all var(--duration);
}
body .mobile .links[b-bptbs7204o]  .--svg-stroke {
  stroke: #fff;
  transition: all var(--duration);
}
body .mobile .others[b-bptbs7204o] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  border-top: 1px solid #fff;
  padding-block: 20px;
  width: 100%;
}
body .mobile .others[b-bptbs7204o]  .lang {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: var(--radius);
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: all var(--duration);
  padding-inline: 5px;
  overflow: hidden;
  padding: 5px 10px;
}
body .mobile .others[b-bptbs7204o]  .lang select {
  padding: 5px 10px;
  background-color: var(--primaryColor);
  outline: none;
  cursor: pointer;
  border: none;
  font-size: 1rem;
  color: #fff;
}
body .mobile .others[b-bptbs7204o]  .lang img {
  width: 25px;
}
body .mobile .others[b-bptbs7204o]  .lang ::deep svg {
  width: 25px;
  transition: all var(--duration);
}
body .mobile .others[b-bptbs7204o]  .lang span {
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
}
body._open .mobile[b-bptbs7204o] {
  display: flex;
}
@media only screen and (min-width: 500px) {
  body .header[b-bptbs7204o] {
    height: calc(var(--headerHeight) - 50px);
  }
  body .header article[b-bptbs7204o] {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo search menu";
  }
  body .tab[b-bptbs7204o] {
    top: calc(var(--headerHeight) - 50px);
  }
  body._scroll .header[b-bptbs7204o] {
    height: calc(var(--headerHeight) - 70px);
  }
  body._scroll .header[b-bptbs7204o]  .search {
    display: block;
  }
  body._scroll .tab[b-bptbs7204o] {
    top: calc(var(--headerHeight) - 70px);
  }
}
@media only screen and (min-width: 1100px) {
  body .header-right[b-bptbs7204o]  .lang,
  body .header-right .link[b-bptbs7204o],
  body .header-right[b-bptbs7204o]  .link {
    display: flex;
  }
  body .header-right-burger[b-bptbs7204o] {
    display: none;
  }
  body .mobile[b-bptbs7204o] {
    display: none !important;
  }
}
/* /Pages/PaymentFailed.razor.rz.scp.css */
.failed article[b-ugc1plbs4p] {
  max-width: 700px;
  margin-inline: auto;
  width: 100%;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  margin-block: 50px;
  align-items: center;
  justify-content: center;
}
.failed article[b-ugc1plbs4p]  svg {
  width: 100%;
  max-width: 150px;
}
.failed article[b-ugc1plbs4p]  svg .--svg-stroke {
  stroke: var(--primaryColor);
}
.failed article > span[b-ugc1plbs4p] {
  font-size: 1.5rem;
  text-align: center;
  color: var(--primaryColor);
}
.failed article > div[b-ugc1plbs4p] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.failed article > div .--button[b-ugc1plbs4p] {
  width: fit-content;
}