/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
                .module_shop_sub_1.item_img{
                    width:60px;
                    height:60px;
                }
            
                .module_shop_sub_2.item_img{
                    width:60px;
                    height:60px;
                }
            
                .module_shop_sub_3.item_img{
                    width:60px;
                    height:60px;
                }
            
                .parent-time-box .time-box{
                    width: 70px;
                    height: 70px;
                    display: flex;
                    margin-left: 15px;
                    background-color: rgba(251,251,251,.85);
                    text-align: center;
                    justify-content: center;
                    flex-direction: column;
                    border-radius: 4px;
                    line-height: 20px;
                }
                .parent-time-box .time-box span:first-child{
                    color: #222;
                    font-weight: 500;
                    font-size: 16px;
                }
                .parent-time-box .time-box span:last-child{
                    color: #555;
                    font-size: 14px;
                    font-weight: 400;
                }
            
                    #color_img_0 > .bg-item-img{
                        background-image:url("https://bitaplus.ir/files/");
                    }
                
                .select-custom{
                    width: 300px;
                    height: 35px;
                    padding: 5px;
                    background-color: #485761;
                    color: #FAFAFA;
                    position: relative;
                    cursor: pointer;
                }
                .select-custom span{
                    cursor: pointer;
                    font-size: 14px;
                }
                .select-custom span::after{
                    content: "\25BE";
                    left: 5px;
                    position: absolute;
                    font-size: 18px;
                    top: 15%;
                }
                .div_select-items{
                    position: relative;
                }
                .border-select-custom{
                    border-top: 1px dashed #9E9E9E;
                    width: 300px;
                    position: absolute;
                    z-index: 100;
                }
                .select-items-custom{
                    width: 300px;
                    height: 35px;
                    background-color: #485761;
                    color: #FAFAFA;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    cursor: pointer;
                }
                .select-items-custom:hover{
                    background-color: #5aafee;
                }
                .select-items-custom span{
                    padding: 5px;
                    cursor: pointer;
                    font-size: 14px;
                }
                #module_shop_page .img-box{
                    height:100%;
                    width:100%;
                    max-width:580px;
                    flex: 0 0 580px;
                    position: -webkit-sticky;
                    position: sticky;
                    top: 20px;
                }
                #module_shop_page .left-container{
                    flex: 0 0 590px;
                    max-width: 590px;
                    width: 100%;
                    padding-left: 0 !important;
                }
                #slider_shop_page{
                    height: calc(100vh - 40px);
                    max-height: 600px;
                    overflow: hidden;
                }
                #big_img_ssp{
                    width: 81%;
                    border-radius: 40px;
                    position: relative;
                }
                #module_shop_page .submodule-slider{
                    width:95px;
                    margin:auto;
                    max-height:550px;
                }
                #module_shop_page .swiper-button-prev,#module_shop_page .swiper-button-next {
                    display: none;
                }
                .swiper_button > div{
                    font-size: 20px;
                    margin: 10px auto;
                    color: #555;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    text-align: center;
                    background-color: #f7f8fa;
                    cursor: pointer;
                    -webkit-transition: .2s;-moz-transition:  .2s;-ms-transition:  .2s;-o-transition:  .2s;transition:  .2s;
                }
                #module_shop_page #slider_shop_page .swiper-wrapper img{
                    object-fit: cover;
                    cursor: pointer;
                }
                #module_shop_page .swiper-wrapper img:hover,#module_shop_page .swiper-wrapper .active_img img{
                    filter: opacity(0.7);
                }
                .swiper_button > div:hover{
                    background-color: #ddd;
                }
                .swiper_button > div:active{
                    border: 2px solid transparent;
                }
                .swiper_button .disabled-button,.swiper_button .disabled-button:hover,.swiper_button .disabled-button:active{
                    cursor: default;
                    background-color: rgba(250,250,250,.9);
                    color: #ddd;
                    border: none;
                }
                .swiper_button .disabled-button i{
                    cursor: default;
                }
            
            #module_shop_page #slider_shop_page img{
                width: 100%;
                height: 100%;
                object-fit: fill;
                border-radius: 0;
            }
            #big_img_ssp #icon_zoom_img{
                position: absolute;
                top: 10px;
                right: 10px;
                width: 45px;
                height: 45px;
                border-radius: 50%;
                cursor: pointer;
                background-color: transparent;
                color: #fff;
                font-size: 18px;
                visibility: visible;
                left: unset;
                text-align: center;
                z-index: 999;
                -webkit-transition: 1s;-moz-transition:  1s;-ms-transition:  1s;-o-transition:  1s;transition:  1s;
            }
            #big_img_ssp:hover #icon_zoom_img{
                background-color: #2879fe;
            }
            #big_img_ssp div{
                width: 100%;
                height: 100%;
                cursor: crosshair;
            }
            #big_img_ssp > div{
                position: absolute;
                left: 0;
                top: 0;
                visibility: hidden;
            }
            #big_img_ssp > div.active_img{
                visibility: visible;
            }
            #big_img_ssp .zoom:hover img{
                cursor: crosshair;
            }
            #module_shop_page #big_img_ssp img{
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
                -webkit-transition: .4s;-moz-transition:  .4s;-ms-transition:  .4s;-o-transition:  .4s;transition:  .4s;
                opacity: 0;
                visibility: hidden;
            }
            #module_shop_page #big_img_ssp .active_img img{
                -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
                opacity: 1;
                visibility: visible;
            }
        
                    #shopping_box_page button,#unavailable_box_page button{
                        width: 400px !important;
                    }
                    .title_type_count{
                        background-color: #f1f1f1;
                        padding: 0px 15px;
                        margin-left:5px;
                        border-radius:5px;
                    }
                
                #popup_module{
                    position:fixed;
                    display:flex;
                    background:rgba(0,0,0,0.5);
                    width:auto;
                    height:auto;
                    -webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0;transition:0;
                    text-align:center;
                    top:0;
                    bottom:0;
                    right:0;
                    left:0;
                    z-index:99999;
                    visibility:hidden;
                    
                    flex-direction:column;
                    justify-content:center;
                
                }
                #popup_module.show_popup{
                    visibility:visible;
                    
                }
                #popup_module > div{
                    display:block;
                    background:transparent;
                    width:95%;
                    height:95%;
                    padding:10px;
                    margin:auto;
                    transform:translateY(-150px);
                    -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                    text-align:center;
                    border-radius:10px;
                    ;
                    position:relative;
                    z-index:999999;
                }
                #popup_module.show_popup > div{
                    transform:translateY(0);
                    
                }
                #popup_module .icon-close-popup{
                    position:absolute;
                    font-size:30px;
                    height:30px;
                    width:30px;
                    border-radius:50%;
                    color:red;
                    top:-10px;
                    right:-10px;
                    background-color:transparent;
                    z-index:9999;
                }
                #popup_module .icon-close-popup i{
                    position:absolute;
                    top:0;
                    right:0;
                }
                #popup_module .container-html{
                    height:100%;
                    overflow:auto;
                    max-height:90vh;
                }
                #popup_module .container-html::-webkit-scrollbar{
                    width:5px;
                    height:100%;
                }
                #popup_module .container-html::-webkit-scrollbar-track{
                    background-color:transparent;
                }
                #popup_module .container-html::-webkit-scrollbar-thumb{
                    background-color:#777;
                    border-radius:20%;
                }
            
                    #popup_module .icon-close-popup{
                        color:#fff;
                        top:0;
                        right:0;
                    }
                
                #s_breadCrump{
                    width: 1200px;
                    margin: auto;
                    height: 60px;
                    line-height:60px;
                }
                #s_breadCrump span,#s_breadCrump a{display:inline-block;padding: 0px 10px;}
            
            #product_title{
                margin-top: 0px;
                margin-bottom: 0px;
            }
            #post_status_shop_page{
                color: red;
                font-size: 16px;
                padding: 5px 20px;
                background-color: mistyrose;
            }
            #shop_price_box{
                height: 60px;
            }
            #module_shop_page{
                display:flex;
                padding:20px 10px;
                height:auto;
                background-color: transparent;
                border-radius: 0px;
                overflow: unset !important;
            }
            .icon_widout_val{
                color: red;
            }
            #module_shop_page .img-box img,#module_shop_page .img-box video{
                height:100%;
                width:100%;
                border-radius:3px;
            }
            #module_shop_page .container-box{
                padding:0 30px;
                text-align:right;
                width:100%;
            }
            #module_shop_page .msg-row-box{
                margin-bottom: 5px;
            }
            #module_shop_page .msg-row-box span:first-child{
                font-weight: 400;
                margin-left: 5px;
                color: #333;
            }
            #module_shop_page .msg-row-box span:nth-child(2){
                font-weight: bold;
                font-size: 15px;
                color: #007bff;
            }
            #module_shop_page .title-box{
                font-size: 24px;
                font-weight: 500;
                line-height: 40px;
                text-align: justify;
                margin: 35px 0 5px;
            }
            .title-box h1 {
                font-weight: 800;
            }
            .sub_title_product{
                font-size: 14px;
                font-weight: 400;
            }
            #module_shop_page .item_img{
                padding: 2px;
                margin-left: 10px;
                margin-top: 3px;
                border-radius: 7px;
                position: relative;
                cursor: pointer;
                -webkit-transition: border-width .3s;-moz-transition: border-width .3s;-ms-transition: border-width .3s;-o-transition: border-width .3s;transition: border-width .3s;
            }
            #module_shop_page .item_img:hover,#module_shop_page .item_img.active_group,#module_shop_page .item_img.active_size,#module_shop_page .item_img.active_material{
                border: 4px solid #007bff;
            }
            #module_shop_page .title-item-img{
                position: absolute;
                right: 50%;
                -webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
                top: -55px;
                opacity: 0;
                display: block;
                height: 30px;
                line-height: 30px;
                color: #777;
                font-size: 14px;
                font-weight: 300;
                background-color: #fff;
                padding: 0 10px;
                white-space: nowrap;
                text-align: center;
                visibility: hidden;
                -webkit-transition: .5s;-moz-transition:  .5s;-ms-transition:  .5s;-o-transition:  .5s;transition:  .5s;
                -webkit-box-shadow: 0 0 5px #f7f8fa;-moz-box-shadow: 0 0 5px #f7f8fa;box-shadow: 0 0 5px #f7f8fa;
                border: 1px solid #efefef;
            }
            #module_shop_page .item_img:hover .title-item-img{
                opacity: 1;
                top: -45px;
                visibility: visible;
            }
            #module_shop_page .item_img .title-item-img:hover{
                opacity: 0;
                top: -55px;
                visibility: hidden;
            }
            #module_shop_page .title-item-img:after{
                content:"";
                border: 7px solid;
                right: 50%;
                -webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
                border-color: #efefef transparent transparent transparent;
                position: absolute;
                top: 100%;
            }
            #module_shop_page .active_group .title-item-img,#module_shop_page .active_material .title-item-img{
                display: none;
            }
            #module_shop_page .item_img .bg-item-img{
                background-size: 60px 60px;
                background-repeat: no-repeat;
                background-position: center center;
                display: block;
                width: 100%;
                height: 100%;
                cursor: pointer;
                border-radius: 5px;
            }
            #module_shop_page .item_img.active_group .bg-item-img,#module_shop_page .item_img.active_material .bg-item-img{
                cursor: default;
                border-radius: 0;
            }
            #module_shop_page .item_img:hover .bg-item-img{
                border-radius: 0;
            }
            #module_shop_page .price-box,#module_shop_page .discount-box{
                font-size: 26px;
                color: #2879fe;
                direction:inherit;
                font-weight:500;
                letter-spacing:2px;
            }
            #module_shop_page .price-box-delete{
                color:#2879fe;
                direction:inherit;
                font-weight: 400;
                font-size:26px;
                text-decoration:line-through rgba(255, 0, 0, 0.6);
            }
            #module_shop_page .background-image-toman{
                height:30px;
                width:50px;
                margin-right:3px;
                -webkit-background-size:100% 100%;
                background-size:100% 100%;
                -webkit-background-repeat:no-repeat;
                background-repeat:no-repeat;
                -webkit-background-image:  url("https://bitaplus.ir/files/main/module/shop/main/img/toman.svg");
                background-image: url("https://bitaplus.ir/files/main/module/shop/main/img/toman.svg");
                display:inline-block;
                vertical-align:middle;
            }
            #module_shop_page .star-box{
                margin:10px 0 30px;
            }
            #module_shop_page .star-box i{
                color:#ffb503;
                font-size:12px;
                margin: 0 1px;
            }
            #module_shop_page .calculation-box{
                margin: 20px 0;
                line-height: 25px;
                font-size: 14px;
            }
            #module_shop_page .calculation-box span:nth-child(2){
                font-weight: bold;
                margin-right: 5px;
            }
            #module_shop_page .price-finally-cb {
                color: green;
                font-size: 16px;
            }
            #module_shop_page .description-box{
                text-align:justify;
                font-size:13px;
                font-weight:500;
                color:#777;
            }
            #status_shopping_box_page{
                min-width: 560px;
            }
            #status_shopping_box_page.unavailable #unavailable_box_page,#shopping_box_page{
                display: flex;
            }
            #unavailable_box_page,#status_shopping_box_page.unavailable #shopping_box_page{
                display: none;
            }
            .form_title{
                text-align: center;
            }
            #myForm{
                box-shadow: black 0px 0px 8px 1px;
                border-radius: 13px;
            }
            .open-button {
                  background-color: #7e7880;
                  color: white;
                  padding: 16px 20px;
                  border: none;
                  cursor: pointer;
                  opacity: 0.8;
                  width: max-content;
                  border-radius: 5px;
                }
                #main_form{
                    display:none;
                    position:fixed;
                    top:0;
                    left:0;
                    right:0;
                    bottom:0;
                    background-color: rgba(0,0,0,0.5);
                    z-index: 100000;
                }
                .form-popup {
                  position: absolute;
                  border: 3px solid #f1f1f1;
                  transform: translate(-50%,-50%);
                  left: 50%;
                  top:50%;
                }
                .form-container {
                  max-width: 300px;
                  max-height:400px;
                  padding: 10px;
                  background-color: white;
                }
                #load_khabar_kon{
                    margin: 10px;
                }
                .form-container input[type=text], .form-container input[type=password] {
                  width: 100%;
                  padding: 15px;
                  margin: 5px 0 22px 0;
                  border: none;
                  background: #f1f1f1;
                }
               
                .form-container input[type=text]:focus, .form-container input[type=password]:focus {
                  background-color: #ddd;
                  outline: none;
                }
                
                .form-container .btn {
                  background-color: #4CAF50;
                  color: white;
                  border: none;
                  cursor: pointer;
                  width: 100%;
                  margin-bottom:10px;
                  opacity: 0.8;
                  height:40px;
                }
                .form-container input[type="text"]{
                    height: 36px;
                }
                .form-container .cancel {
                  background-color: red;
                }
                
                .form-container .btn:hover, .open-button:hover {
                  opacity: 1;
                }
            .unavailable_form{
                display: none;
            }
            .unavailable .unavailable_form{
                display:block;
            }
            #shopping_box_page button,#unavailable_box_page button{
                border: none;
                width: 100%;
                margin: 0 auto;
                height: 50px;
                line-height: 50px;
                border-radius: 6px;
                color: #ffffff;
                font-size: 15px;
                font-weight:500;
                text-space: 1px;
                text-align:center;
                cursor:pointer;
                transition: background-color .5s;
                max-width:100%;
            }
            #shopping_box_page button{
                background-color: #0B1221;
                -webkit-box-shadow: 0 20px 19px -20px #2879fe;
                -moz-box-shadow: 0 20px 19px -20px #2879fe;
                box-shadow: 0 20px 19px -20px #2879fe;
            }
            #unavailable_box_page button{
                background-color: #7e7880;
                -webkit-box-shadow: 0 20px 19px -20px #7e7880;
                -moz-box-shadow: 0 20px 19px -20px #7e7880;
                box-shadow: 0 20px 19px -20px #7e7880;
            }
            #unavailable_box_page button span{
                color: #ffcfd7;
            }
            #module_shop_page .number-product{
                width: 150px;
                border-radius: 5px;
                background-color: #f1f1f1;
                height: 50px;
                line-height: 50px;
                margin-left: 15px;
            }
            #module_shop_page .number-product span{
                background-color: transparent;
                border: none;
                width: 50%;
                font-size: 14px;
                color: #222;
                font-weight: bold;
                text-align: center;
            }
            #module_shop_page .number-product i{
                width: 25%;
                color: #aaa;
                height: 100%;
                text-align: center;
                cursor: pointer;
                -webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;transition: color .2s;
            }
            #module_shop_page .number-product i:hover{
                color: #666;
            }
            #module_shop_page .info-box{
                margin-bottom: 5px;
            }
            #module_shop_page .info-box span:first-child{
                font-weight: 400;
                margin-left: 5px;
                color: #333;
            }
            #module_shop_page .info-box span:nth-child(2){
                font-weight: bold;
                font-size: 15px;
                color: #007bff;
            }
            #module_shop_page .toggle-slide{
                display: block;
                color: #222;
                font-size: 16px;
                font-weight: bold;
                cursor: pointer;
                margin-bottom: 25px;
            }
            .hr-box{
                height: 1px;
                width: 100%;
                background-color: #f7f8fa;
                margin: 35px 0;
            }
            #time_stp{
                height: 80px;
            }
            /*-----------------------------POPUP--------------------------------*/
            #popup_module .container-html{
                color: #fff;
                overflow: hidden;
            }
            #popup_module .container-html i{
                font-size: 50px;
            }
            #popup_module .container-html img,#popup_module .container-html video{
                max-height: 100%;
                max-width: 80%;
                border-radius: 3px;
                object-fit: contain;
                margin: auto;
            }
            #popup_module .container-html video{
                background-color: #000;
            }
            #module_shop_page .title-slh{
                font-size: 16px;
                font-weight: 500;
                height: 40px;
                line-height: 40px;
                color: #444;
            }
         
            .w-49{
                width: 49%;
            }
            #description_product{
                padding: 50px 0;
            }
            .tabs-description{
                width: 100%;
                display: flex;
                flex-direction: row;
                border-bottom: 1px solid #ccc;
            }
            .tab-description{
                font-size: 16px;
                font-weight: 600;
                padding: 0 10px;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
            }
            .active-border{
                border-bottom: 3px solid #ff0000;
            }
            .content-tabs{
                width: 100%;
                padding: 10px 0;
            }
            .content-tab{
                width: 100%;
            }
            .table-content{
                display: flex;
                flex-direction: row;
                height: max-content;
                padding-top: 30px;
            }
            .flex-grow1{
                flex: 1 0;
                color: #555;
            }
            .flex-grow3{
                flex: 3 0;
                color: #222;
            }
        
/* ==========================================================================
   RenderBox CMS Scoped CSS: CombinedSpecsTable Module (Pure White Light Theme)
   Root ID: #CombinedSpecsTable_root__CS816
   ========================================================================== */

#CombinedSpecsTable_root__CS816,
#CombinedSpecsTable_root__CS816 *,
#CombinedSpecsTable_root__CS816 *::before,
#CombinedSpecsTable_root__CS816 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#CombinedSpecsTable_root__CS816 {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  width: 100% !important;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
  direction: rtl !important;
  text-align: right !important;
  -webkit-font-smoothing: antialiased !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_container__CS816 {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 640px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_container__CS816 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_container__CS816 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Header */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_header__CS816 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 2.5rem !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topBadge__CS816 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #b08a49 !important;
  background-color: rgba(176, 138, 73, 0.1) !important;
  border: 1px solid rgba(176, 138, 73, 0.3) !important;
  padding: 0.375rem 1rem !important;
  border-radius: 1rem !important;
  margin-bottom: 1rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topBadge__CS816 svg {
  width: 1rem !important;
  height: 1rem !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_mainTitle__CS816 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.3 !important;
  color: #0f172a !important;
}
@media (min-width: 640px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_mainTitle__CS816 {
    font-size: 2rem !important;
  }
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_goldSpan__CS816 {
  color: #b08a49 !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_subtitle__CS816 {
  font-size: 0.875rem !important;
  color: #475569 !important;
  font-weight: 500 !important;
}

/* Top Tabs */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabs__CS816 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  background-color: #0B1221 !important;
  padding: 0.5rem !important;
  border-radius: 1rem !important;
  border: 1px solid rgba(176, 138, 73, 0.3) !important;
  margin-bottom: 2.5rem !important;
}
@media(min-width: 768px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabs__CS816 {
    flex-direction: row !important;
    border-radius: 1rem !important;
  }
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabBtn__CS816 {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding: 1rem !important;
  border-radius: 0.75rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #e2e8f0 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
@media(min-width: 768px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabBtn__CS816 {
    border-radius: 1rem !important;
  }
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabBtn__CS816:hover {
  background-color: rgba(176, 138, 73, 0.1) !important;
  color: #f9de97 !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabBtn__CS816.CombinedSpecsTable_activeTopTab__CS816 {
  background: linear-gradient(to left, #b08a49, #f9de97) !important;
  color: #0B1221 !important;
  border: 1px solid #f9de97 !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_tabBadge__CS816 {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  transition: all 0.3s ease !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topTabBtn__CS816.CombinedSpecsTable_activeTopTab__CS816 .CombinedSpecsTable_tabBadge__CS816 {
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border-color: #0B1221 !important;
}

/* Panels */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topPanel__CS816 {
  display: none !important;
  animation: fadeIn 0.4s ease forwards !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_topPanel__CS816.CombinedSpecsTable_activeTopPanel__CS816 {
  display: block !important;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   PANEL 1: TECH SPECS
   ========================================================================== */

/* Mobile Accordion */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techMobile__CS816 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
@media(min-width: 1024px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techMobile__CS816 { display: none !important; }
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accCard__CS816 {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accBtn__CS816 {
  width: 100% !important;
  padding: 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accBtn__CS816 svg.chevron {
  width: 1rem !important;
  height: 1rem !important;
  color: #94a3b8 !important;
  transition: transform 0.3s ease !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accBtn__CS816.CombinedSpecsTable_active__CS816 svg.chevron {
  transform: rotate(180deg) !important;
  color: #b08a49 !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accBody__CS816 {
  display: none !important;
  padding: 1rem !important;
  background-color: #f8fafc !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  border-top: 1px solid #e2e8f0 !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_accBody__CS816.CombinedSpecsTable_accOpen__CS816 {
  display: flex !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowMob__CS816 {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowMob__CS816 .label {
  font-size: 0.75rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowMob__CS816 .value {
  font-size: 0.875rem !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Desktop Grid */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techDesktop__CS816 {
  display: none !important;
}
@media(min-width: 1024px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techDesktop__CS816 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 2rem !important;
    align-items: start !important;
  }
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techSidebar__CS816 {
  grid-column: span 4 !important;
  position: sticky !important;
  top: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catBtn__CS816 {
  width: 100% !important;
  padding: 1.25rem 1rem !important;
  border-radius: 1rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: right !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catBtn__CS816 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: none !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catBtn__CS816.CombinedSpecsTable_activeCat__CS816 svg {
  display: block !important;
  color: #ffffff !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catBtn__CS816:hover {
  background-color: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catBtn__CS816.CombinedSpecsTable_activeCat__CS816 {
  background-color: #b08a49 !important;
  color: #ffffff !important;
  border: 1px solid #b08a49 !important;
  box-shadow: 0 4px 6px -1px rgba(176, 138, 73, 0.2) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techDetails__CS816 {
  grid-column: span 8 !important;
  background-color: #ffffff !important;
  border-radius: 1.5rem !important;
  padding: 2rem !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techCardHeader__CS816 {
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techCardHeaderTitle__CS816 {
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_techVerifiedTag__CS816 {
  font-size: 0.75rem !important;
  color: #b08a49 !important;
  font-weight: 700 !important;
  background-color: #fcf8f0 !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: 1rem !important;
  border: 1px solid rgba(176, 138, 73, 0.2) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catPanel__CS816 {
  display: none !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_catPanel__CS816.CombinedSpecsTable_activeCatPanel__CS816 {
  display: flex !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowDesk__CS816 {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.75rem !important;
  padding: 1rem 1.25rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  font-size: 0.875rem !important;
  transition: all 0.2s ease !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowDesk__CS816:hover {
  border-color: rgba(176, 138, 73, 0.4) !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowDesk__CS816 .label {
  color: #475569 !important;
  font-weight: 500 !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_specRowDesk__CS816 .value {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-align: left !important;
}

/* ==========================================================================
   PANEL 2: KEY FEATURES
   ========================================================================== */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfGrid__CS816 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  margin-bottom: 2rem !important;
}
@media (min-width: 640px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfGrid__CS816 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (min-width: 1024px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfGrid__CS816 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfCard__CS816 {
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  border: 1px solid #e2e8f0 !important;
  transition: all 0.3s ease !important;
  align-items: center !important;
  text-align: center !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfCard__CS816:hover {
  border-color: rgba(176, 138, 73, 0.4) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfIcon__CS816 {
  width: 3.5rem !important;
  height: 3.5rem !important;
  background-color: #f8fafc !important;
  color: #b08a49 !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 0.5rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfIcon__CS816 svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfTitle__CS816 {
  font-weight: 800 !important;
  font-size: 0.875rem !important;
  color: #0f172a !important;
  line-height: 1.4 !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_kfDesc__CS816 {
  font-size: 0.75rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* Connection Banner */
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connBanner__CS816 {
  background-color: #0B1221 !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  border: 1px solid #b08a49 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connBannerTitle__CS816 {
  color: #f9de97 !important;
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  margin-bottom: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connBannerTitle__CS816 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #b08a49 !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connGrid__CS816 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}
@media(min-width: 640px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connGrid__CS816 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media(min-width: 1024px) {
  #CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connGrid__CS816 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connCard__CS816 {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 138, 73, 0.3) !important;
  border-radius: 1rem !important;
  padding: 1rem !important;
  transition: all 0.2s ease !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connCard__CS816:hover {
  border-color: #f9de97 !important;
  background-color: rgba(176, 138, 73, 0.2) !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connHeader__CS816 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: #f9de97 !important;
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.5rem !important;
}
#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connHeader__CS816 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #b08a49 !important;
}

#CombinedSpecsTable_root__CS816 .CombinedSpecsTable_connDesc__CS816 {
  font-size: 0.75rem !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
}
 
/* ========== RESET SCOPED TO ROOT (RenderBox Rule #1 & 4.2) ========== */
#VideoTeaser_root__Vid8X,
#VideoTeaser_root__Vid8X *,
#VideoTeaser_root__Vid8X *::before,
#VideoTeaser_root__Vid8X *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#VideoTeaser_root__Vid8X {
  --black-bg: #000000;
  
  background-color: var(--black-bg) !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  direction: rtl !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  overflow: hidden !important;
}

/* ========== STRUCTURE ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  background: var(--black-bg) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_videoWrapper__Vid8X {
  position: relative !important;
  width: 100% !important;
  height: 100vh !important; /* دسکتاپ تمام صفحه */
  overflow: hidden !important;
  display: flex !important;
  z-index: 1 !important;
  background: #000000 !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_video__Vid8X {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background: #000000 !important;
}

/* ========== MUTE TOGGLE BUTTON ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X {
  position: absolute !important;
  bottom: 2rem !important;
  right: 2rem !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  z-index: 20 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
  color: #ffffff !important;
  padding: 0 !important;
  outline: none !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X:hover {
  background: rgba(176, 138, 73, 0.85) !important;
  border-color: rgba(176, 138, 73, 1) !important;
  transform: scale(1.08) !important;
}

/* مدیریت نمایش آیکون‌ها بدون تداخل (رفع باگ نمایش هم‌زمان) */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X svg {
  width: 24px !important;
  height: 24px !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

/* در حالت بی‌صدا: فقط آیکون بی‌صدا نمایش داده شود */
#VideoTeaser_root__Vid8X .VideoTeaser_iconMuted__Vid8X {
  display: block !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_iconUnmuted__Vid8X {
  display: none !important;
}

/* در حالت صدادار: فقط آیکون بلندگو با صدا نمایش داده شود */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X.VideoTeaser_unmuted__Vid8X .VideoTeaser_iconMuted__Vid8X {
  display: none !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X.VideoTeaser_unmuted__Vid8X .VideoTeaser_iconUnmuted__Vid8X {
  display: block !important;
}

/* ========== RENDERBOX ENTRY ANIMATIONS (CLASS-BASED Section 10.5.2) ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_animate-in__Vid8X {
  opacity: 0 !important;
  transform: translateY(30px) scale(0.98) !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_animate-in__Vid8X.VideoTeaser_animated__Vid8X {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* ========== MOBILE RESPONSIVE (50VH & BUTTON SIZING Section 9) ========== */
@media (max-width: 768px) {
  #VideoTeaser_root__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_videoWrapper__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X {
    bottom: 1.25rem !important;
    right: 1.25rem !important;
    width: 42px !important;
    height: 42px !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X svg {
    width: 20px !important;
    height: 20px !important;
  }
}
 
/* ========== RESET SCOPED TO ROOT ========== */
#ImageShowcase_root__Bv8K2,
#ImageShowcase_root__Bv8K2 * {
  box-sizing: border-box !important;
}

#ImageShowcase_root__Bv8K2 {
  --navy: #0B1221;
  --navy-deep: #060a12;
  
  background-color: var(--navy-deep) !important;
  padding: 4rem 1rem !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  direction: rtl !important;
}

/* ========== STRUCTURE ========== */
#ImageShowcase_root__Bv8K2 .ImageShowcase_container__Bv8K2 {
  max-width: 80rem !important;
  width: 100% !important;
  position: relative !important;
  border-radius: 1.5rem !important;
  overflow: hidden !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 40px rgba(176, 138, 73, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: var(--navy) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

/* ========== MOUSE-FOLLOWING GLOW EFFECT ========== */
#ImageShowcase_root__Bv8K2 .ImageShowcase_container__Bv8K2::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: radial-gradient(
    800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(22, 163, 74, 0.15) 0%, /* هاله نوری سبز */
    transparent 40%
  ) !important;
  z-index: 10 !important; /* زیر متن، روی عکس */
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_container__Bv8K2:hover::before {
  opacity: 1 !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_imageWrapper__Bv8K2 {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* ========== CINEMATIC KEN BURNS HOVER ZOOM ========== */
#ImageShowcase_root__Bv8K2 .ImageShowcase_image__Bv8K2 {
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  object-fit: cover !important;
  object-position: center !important;
  transform-origin: center !important;
  display: block !important;
  transition: transform 8s ease-out !important; /* انیمیشن نرم ۸ ثانیه ای */
  will-change: transform !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_container__Bv8K2:hover .ImageShowcase_image__Bv8K2 {
  transform: scale(1.15) !important; /* زوم ۱۵ درصدی */
}

/* ========== CONTENT OVERLAY (ALWAYS VISIBLE) ========== */
#ImageShowcase_root__Bv8K2 .ImageShowcase_overlay__Bv8K2 {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 3.5rem 2rem 2rem !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 50%, transparent 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  z-index: 20 !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_title__Bv8K2 {
  color: #FFFFFF !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.5rem 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_subtitle__Bv8K2 {
  color: #b08a49 !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  margin: 0 !important;
  opacity: 1 !important;
  text-shadow: 0 2px 5px rgba(0,0,0,0.8) !important;
}

/* ========== RENDERBOX ENTRY ANIMATIONS (CLASS-BASED) ========== */
#ImageShowcase_root__Bv8K2 .ImageShowcase_animate-in__Bv8K2 {
  opacity: 0 !important;
  transform: translateY(50px) scale(0.98) !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_animate-in__Bv8K2.ImageShowcase_animated__Bv8K2 {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}

#ImageShowcase_root__Bv8K2 .ImageShowcase_container__Bv8K2 {
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
 
/* ==========================================================================
   RenderBox CMS Scoped CSS: HighlightBanner Module (MR-301)
   Root ID: #HighlightBanner_root__Hb301
   ========================================================================== */

/* Scoped Reset */
#HighlightBanner_root__Hb301,
#HighlightBanner_root__Hb301 *,
#HighlightBanner_root__Hb301 *::before,
#HighlightBanner_root__Hb301 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#HighlightBanner_root__Hb301 {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: #0B1221 !important;
  color: #ffffff !important;
  width: 100% !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  position: relative !important;
  overflow: hidden !important;
  direction: rtl !important;
  text-align: right !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Glowing Background Orbs */
#HighlightBanner_root__Hb301 .HighlightBanner_glowOrbTop__Hb301 {
  position: absolute !important;
  top: 0 !important;
  right: 25% !important;
  width: 24rem !important;
  height: 24rem !important;
  background-color: rgba(180, 83, 9, 0.2) !important;
  border-radius: 9999px !important;
  filter: blur(64px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_glowOrbBottom__Hb301 {
  position: absolute !important;
  bottom: 0 !important;
  left: 25% !important;
  width: 24rem !important;
  height: 24rem !important;
  background-color: rgba(218, 197, 118, 0.15) !important;
  border-radius: 9999px !important;
  filter: blur(64px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Container */
#HighlightBanner_root__Hb301 .HighlightBanner_contentWrapper__Hb301 {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  position: relative !important;
  z-index: 10 !important;
}

@media (min-width: 1024px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_contentWrapper__Hb301 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Section Intro */
#HighlightBanner_root__Hb301 .HighlightBanner_sectionIntro__Hb301 {
  text-align: center !important;
  margin-bottom: 3rem !important;
  max-width: 48rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_introTag__Hb301 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(180, 83, 9, 0.15) !important;
  color: #f9de97 !important;
  padding: 0.375rem 1rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  border: 1px solid rgba(180, 83, 9, 0.4) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_introTitle__Hb301 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_introTitle__Hb301 {
    font-size: 2rem !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_textGold__Hb301 {
  color: #b08a49 !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_introDesc__Hb301 {
  color: #94a3b8 !important;
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_introDesc__Hb301 {
    font-size: 1rem !important;
  }
}

/* Featured Card */
#HighlightBanner_root__Hb301 .HighlightBanner_featuredCard__Hb301 {
  background-color: rgba(30, 41, 59, 0.4) !important;
  border: 1px solid rgba(180, 83, 9, 0.2) !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: blur(12px) !important;
}

@media (min-width: 1024px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_featuredCard__Hb301 {
    padding: 3rem !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_featuredGrid__Hb301 {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 2rem !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_featuredGrid__Hb301 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 4rem !important;
  }
}

/* Image Column */
#HighlightBanner_root__Hb301 .HighlightBanner_imageColumn__Hb301 {
  position: relative !important;
  width: 100% !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_imageWrapper__Hb301 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4/5 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 768px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_imageWrapper__Hb301 {
    aspect-ratio: 3/2 !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_productImg__Hb301 {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.5s ease !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_imageWrapper__Hb301:hover .HighlightBanner_productImg__Hb301 {
  transform: scale(1.05) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_imageOverlay__Hb301 {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(11, 18, 33, 0.9) 0%, rgba(11, 18, 33, 0.2) 50%, rgba(11, 18, 33, 0) 100%) !important;
}

/* Badges on Image */
#HighlightBanner_root__Hb301 .HighlightBanner_imgTopBadge__Hb301 {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  background: rgba(11, 18, 33, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  padding: 0.5rem 1rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_imgBottomBadges__Hb301 {
  position: absolute !important;
  bottom: 1.5rem !important;
  left: 1.5rem !important;
  right: 1.5rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_badgeLdrgb__Hb301,
#HighlightBanner_root__Hb301 .HighlightBanner_badgeMic__Hb301 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #0f172a !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_iconSparkle__Hb301 {
  width: 1rem !important;
  height: 1rem !important;
  color: #b45309 !important;
}

/* Content Column */
#HighlightBanner_root__Hb301 .HighlightBanner_headerTag__Hb301 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: #dac576 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  margin-bottom: 1rem !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_iconVolume__Hb301 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_contentTitle__Hb301 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_contentTitle__Hb301 {
    font-size: 1.75rem !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_contentDesc__Hb301 {
  color: #cbd5e1 !important;
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  margin-bottom: 2rem !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_contentDesc__Hb301 {
    font-size: 1rem !important;
  }
}

/* Mini Specs Grid */
#HighlightBanner_root__Hb301 .HighlightBanner_miniSpecsGrid__Hb301 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1rem !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_miniSpecsGrid__Hb301 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_miniSpecCard__Hb301 {
  background-color: rgba(11, 18, 33, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 1rem !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: background-color 0.3s ease !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_miniSpecCard__Hb301:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_specValGold__Hb301 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #dac576 !important;
  margin-bottom: 0.25rem !important;
  direction: ltr !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_specValAmber__Hb301 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #fbbf24 !important;
  margin-bottom: 0.25rem !important;
  direction: ltr !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_specValEmerald__Hb301 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #34d399 !important;
  margin-bottom: 0.25rem !important;
  direction: ltr !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_specValBlue__Hb301 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #60a5fa !important;
  margin-bottom: 0.25rem !important;
  direction: ltr !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_specLabel__Hb301 {
  font-size: 0.75rem !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* Bottom Highlight Feature Cards */
#HighlightBanner_root__Hb301 .HighlightBanner_bottomCardsGrid__Hb301 {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 1rem !important;
}

@media (min-width: 640px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_bottomCardsGrid__Hb301 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  #HighlightBanner_root__Hb301 .HighlightBanner_bottomCardsGrid__Hb301 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCard__Hb301 {
  background-color: rgba(30, 41, 59, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 1.25rem !important;
  border-radius: 1rem !important;
  backdrop-filter: blur(8px) !important;
  transition: transform 0.3s ease, background-color 0.3s ease !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCard__Hb301:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  transform: translateY(-4px) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCardHeader__Hb301 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  margin-bottom: 0.5rem !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCardIcon__Hb301 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_goldText__Hb301 { color: #dac576 !important; }
#HighlightBanner_root__Hb301 .HighlightBanner_amberText__Hb301 { color: #fbbf24 !important; }
#HighlightBanner_root__Hb301 .HighlightBanner_emeraldText__Hb301 { color: #34d399 !important; }
#HighlightBanner_root__Hb301 .HighlightBanner_blueText__Hb301 { color: #60a5fa !important; }

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCardDesc__Hb301 {
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   ENTRY ANIMATIONS (RenderBox Standard Pattern)
   ========================================================================== */

#HighlightBanner_root__Hb301 .HighlightBanner_animate-in__Hb301 {
  opacity: 0 !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_animate-in__Hb301.HighlightBanner_animated__Hb301 {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_slide-up__Hb301 {
  transform: translateY(30px) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_slide-left__Hb301 {
  transform: translateX(-20px) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_slide-right__Hb301 {
  transform: translateX(20px) !important;
}

/* Transitions */
#HighlightBanner_root__Hb301 .HighlightBanner_sectionIntro__Hb301,
#HighlightBanner_root__Hb301 .HighlightBanner_featuredCard__Hb301 {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

#HighlightBanner_root__Hb301 .HighlightBanner_bottomCard__Hb301 {
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),
              background-color 0.3s ease !important;
}
 
/* Reset and scoping */
#RbProsCons_root__M301,
#RbProsCons_root__M301 *,
#RbProsCons_root__M301 *::before,
#RbProsCons_root__M301 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#RbProsCons_root__M301 {
  font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
  background-color: transparent !important;
  padding: 4rem 0 !important;
  position: relative !important;
}

/* Aggressive Reset for Typography */
#RbProsCons_root__M301 p, 
#RbProsCons_root__M301 h2, 
#RbProsCons_root__M301 h3, 
#RbProsCons_root__M301 span {
  letter-spacing: normal !important;
  line-height: 1.5 !important;
  background: none !important;
}

/* Layout Containers */
#RbProsCons_root__M301 .RbProsCons_container__M301 {
  width: 100% !important;
}

#RbProsCons_root__M301 .RbProsCons_wrapper__M301 {
  max-width: 80rem !important; /* max-w-7xl */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

/* Header Section */
#RbProsCons_root__M301 .RbProsCons_headerBox__M301 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 3.5rem !important;
}

#RbProsCons_root__M301 .RbProsCons_mainTitle__M301 {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: #0f172a !important; /* slate-900 */
  margin-bottom: 0.75rem !important;
}
@media (min-width: 768px) {
  #RbProsCons_root__M301 .RbProsCons_mainTitle__M301 {
    font-size: 2.25rem !important;
  }
}

#RbProsCons_root__M301 .RbProsCons_subTitle__M301 {
  font-size: 1rem !important;
  color: #64748b !important; /* slate-500 */
  max-width: 42rem !important;
}

/* Grid Layout */
#RbProsCons_root__M301 .RbProsCons_grid__M301 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2rem !important;
}
@media (min-width: 1024px) {
  #RbProsCons_root__M301 .RbProsCons_grid__M301 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
  }
}

/* Base Card Styles */
#RbProsCons_root__M301 .RbProsCons_card__M301 {
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
}
@media (min-width: 640px) {
  #RbProsCons_root__M301 .RbProsCons_card__M301 {
    padding: 2.5rem !important;
  }
}

/* Pros Card Specifics */
#RbProsCons_root__M301 .RbProsCons_cardPros__M301 {
  background-color: #f0fdf4 !important; /* green-50 */
  border: 1px solid #bbf7d0 !important; /* green-200 */
}

/* Cons Card Specifics */
#RbProsCons_root__M301 .RbProsCons_cardCons__M301 {
  background-color: #fef2f2 !important; /* red-50 */
  border: 1px solid #fecaca !important; /* red-200 */
}

/* Card Header Layout */
#RbProsCons_root__M301 .RbProsCons_cardHeader__M301 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 2.5rem !important;
}

#RbProsCons_root__M301 .RbProsCons_headerText__M301 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Badges */
#RbProsCons_root__M301 .RbProsCons_badge__M301 {
  padding: 0.375rem 1rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 1.25rem !important;
}

#RbProsCons_root__M301 .RbProsCons_badgePros__M301 {
  background-color: #dcfce7 !important; /* green-100 */
  color: #166534 !important; /* green-800 */
}

#RbProsCons_root__M301 .RbProsCons_badgeCons__M301 {
  background-color: #fee2e2 !important; /* red-100 */
  color: #991b1b !important; /* red-800 */
}

/* Card Titles */
#RbProsCons_root__M301 .RbProsCons_cardTitle__M301 {
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  color: #0f172a !important; /* slate-900 */
  margin-bottom: 0.5rem !important;
}

#RbProsCons_root__M301 .RbProsCons_cardSubtitle__M301 {
  font-size: 0.875rem !important;
  color: #64748b !important; /* slate-500 */
}

/* Big Header Icons */
#RbProsCons_root__M301 .RbProsCons_iconBox__M301 {
  width: 3.5rem !important;
  height: 3.5rem !important;
  border-radius: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-right: 1rem !important; /* RTL Spacing from text */
}

#RbProsCons_root__M301 .RbProsCons_iconPros__M301 {
  background-color: #16a34a !important; /* green-600 */
  color: #ffffff !important;
  box-shadow: 0 4px 14px 0 rgba(22, 163, 74, 0.3) !important;
}

#RbProsCons_root__M301 .RbProsCons_iconCons__M301 {
  background-color: #dc2626 !important; /* red-600 */
  color: #ffffff !important;
  box-shadow: 0 4px 14px 0 rgba(220, 38, 38, 0.3) !important;
}

#RbProsCons_root__M301 .RbProsCons_iconBox__M301 svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

/* Lists */
#RbProsCons_root__M301 .RbProsCons_list__M301 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

/* List Items */
#RbProsCons_root__M301 .RbProsCons_listItem__M301 {
  background-color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 1rem 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  min-height: 4.5rem !important;
}
@media (max-width: 639px) {
  #RbProsCons_root__M301 .RbProsCons_listItem__M301 {
    border-radius: 1.25rem !important;
    padding: 1rem !important;
  }
}

#RbProsCons_root__M301 .RbProsCons_listItem__M301 span {
  font-size: 0.875rem !important;
  color: #1e293b !important; /* slate-800 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

#RbProsCons_root__M301 .RbProsCons_listItem__M301 svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
  flex-shrink: 0 !important;
}

#RbProsCons_root__M301 .RbProsCons_itemPros__M301 svg {
  color: #22c55e !important; /* green-500 */
}

#RbProsCons_root__M301 .RbProsCons_itemCons__M301 svg {
  color: #ef4444 !important; /* red-500 */
}

/* Advice Box (Yellow) */
#RbProsCons_root__M301 .RbProsCons_adviceBox__M301 {
  background-color: #fefce8 !important; /* yellow-50 */
  border: 1px solid #fde047 !important; /* yellow-300 */
  border-radius: 1.25rem !important;
  padding: 1.5rem !important;
  margin-top: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#RbProsCons_root__M301 .RbProsCons_adviceHeader__M301 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#RbProsCons_root__M301 .RbProsCons_adviceHeader__M301 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #ca8a04 !important; /* yellow-600 */
}

#RbProsCons_root__M301 .RbProsCons_adviceTitle__M301 {
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  color: #ca8a04 !important; /* yellow-600 */
}

#RbProsCons_root__M301 .RbProsCons_adviceText__M301 {
  font-size: 0.8125rem !important;
  line-height: 1.8 !important;
  color: #a16207 !important; /* yellow-700 */
  font-weight: 500 !important;
}

/* ---------------- ENTRY ANIMATIONS (RenderBox Standard) ---------------- */
#RbProsCons_root__M301 .RbProsCons_animateIn__M301 {
  opacity: 0 !important;
}

/* Initial transform states */
#RbProsCons_root__M301 .RbProsCons_slideUp__M301 {
  transform: translateY(40px) !important;
}

#RbProsCons_root__M301 .RbProsCons_slideRight__M301 {
  transform: translateX(30px) !important;
}

/* Active animated states */
#RbProsCons_root__M301 .RbProsCons_animateIn__M301.RbProsCons_animated__M301 {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* Transition definitions */
#RbProsCons_root__M301 .RbProsCons_card__M301 {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

#RbProsCons_root__M301 .RbProsCons_listItem__M301,
#RbProsCons_root__M301 .RbProsCons_adviceBox__M301 {
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
 
/* Reset and scoping */
#RbPerformance_root__M301,
#RbPerformance_root__M301 *,
#RbPerformance_root__M301 *::before,
#RbPerformance_root__M301 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#RbPerformance_root__M301 {
  font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
  background-color: transparent !important;
  padding: 3rem 0 !important;
  position: relative !important;
}

@media (min-width: 640px) {
  #RbPerformance_root__M301 {
    padding: 4rem 0 !important;
  }
}

/* Typography Reset */
#RbPerformance_root__M301 p, 
#RbPerformance_root__M301 h2, 
#RbPerformance_root__M301 h3, 
#RbPerformance_root__M301 span {
  letter-spacing: normal !important;
  line-height: 1.5 !important;
  background: none !important;
}

/* Container */
#RbPerformance_root__M301 .RbPerformance_container__M301 {
  width: 100% !important;
}

#RbPerformance_root__M301 .RbPerformance_wrapper__M301 {
  max-width: 80rem !important; /* max-w-7xl */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_wrapper__M301 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Header Box */
#RbPerformance_root__M301 .RbPerformance_headerBox__M301 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 48rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 2.5rem !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_headerBox__M301 {
    margin-bottom: 3rem !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_badge__M301 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  background-color: #fef8eb !important;
  color: #a17c38 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 0.375rem 1rem !important;
  border-radius: 9999px !important;
  margin-bottom: 0.75rem !important;
  border: 1px solid #f3e5c8 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

#RbPerformance_root__M301 .RbPerformance_badge__M301 svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

#RbPerformance_root__M301 .RbPerformance_mainTitle__M301 {
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  color: #0f172a !important; /* slate-900 */
  margin-bottom: 0.5rem !important;
  letter-spacing: -0.025em !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_mainTitle__M301 {
    font-size: 1.875rem !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_subTitle__M301 {
  font-size: 0.75rem !important;
  color: #64748b !important; /* slate-500 */
  font-weight: 500 !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_subTitle__M301 {
    font-size: 0.875rem !important;
  }
}

/* Grid Layout */
#RbPerformance_root__M301 .RbPerformance_grid__M301 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}
@media (min-width: 1024px) {
  #RbPerformance_root__M301 .RbPerformance_grid__M301 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
}

/* Score Card (Left visually) */
#RbPerformance_root__M301 .RbPerformance_scoreCard__M301 {
  background-color: #0B1221 !important;
  color: #ffffff !important;
  border-radius: 1.75rem !important;
  padding: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid #1e293b !important; /* slate-800 */
  position: relative !important;
  overflow: hidden !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_scoreCard__M301 {
    padding: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  #RbPerformance_root__M301 .RbPerformance_scoreCard__M301 {
    grid-column: span 5 / span 5 !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_iconBadge__M301 {
  width: 3.5rem !important;
  height: 3.5rem !important;
  border-radius: 1rem !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #d9bd85 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.5rem !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

#RbPerformance_root__M301 .RbPerformance_iconBadge__M301 svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

#RbPerformance_root__M301 .RbPerformance_scoreLabel__M301 {
  font-size: 0.75rem !important;
  color: #cbd5e1 !important; /* slate-300 */
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
}

#RbPerformance_root__M301 .RbPerformance_scoreRow__M301 {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

#RbPerformance_root__M301 .RbPerformance_scoreNumber__M301 {
  font-size: 3rem !important;
  font-weight: 900 !important;
  color: #d9bd85 !important;
  letter-spacing: -0.025em !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_scoreNumber__M301 {
    font-size: 3.75rem !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_scoreMax__M301 {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
}

#RbPerformance_root__M301 .RbPerformance_stars__M301 {
  display: flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  color: #d9bd85 !important;
}

#RbPerformance_root__M301 .RbPerformance_stars__M301 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

#RbPerformance_root__M301 .RbPerformance_scoreDesc__M301 {
  font-size: 0.75rem !important;
  color: #94a3b8 !important; /* slate-400 */
  line-height: 1.625 !important;
  max-width: 20rem !important;
  font-weight: 500 !important;
  margin-top: 0.5rem !important;
}

/* Metrics Card (Right visually) */
#RbPerformance_root__M301 .RbPerformance_metricsCard__M301 {
  background-color: #ffffff !important;
  border-radius: 1.75rem !important;
  padding: 1.5rem !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_metricsCard__M301 {
    padding: 2rem !important;
  }
}
@media (min-width: 1024px) {
  #RbPerformance_root__M301 .RbPerformance_metricsCard__M301 {
    grid-column: span 7 / span 7 !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_metricsHeader__M301 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin-bottom: 1.5rem !important;
}

#RbPerformance_root__M301 .RbPerformance_maxScoreBadge__M301 {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
}

#RbPerformance_root__M301 .RbPerformance_metricsTitleBox__M301 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  font-size: 1rem !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_metricsTitleBox__M301 {
    font-size: 1.125rem !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_metricsTitleBox__M301 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #b08a49 !important;
}

/* Metrics List & Bars */
#RbPerformance_root__M301 .RbPerformance_metricsList__M301 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

#RbPerformance_root__M301 .RbPerformance_barRow__M301 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#RbPerformance_root__M301 .RbPerformance_barInfo__M301 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
}
@media (min-width: 640px) {
  #RbPerformance_root__M301 .RbPerformance_barInfo__M301 {
    font-size: 0.875rem !important;
  }
}

#RbPerformance_root__M301 .RbPerformance_barPercent__M301 {
  color: #b08a49 !important;
  font-weight: 900 !important;
}

#RbPerformance_root__M301 .RbPerformance_barTitle__M301 {
  color: #0f172a !important;
}

#RbPerformance_root__M301 .RbPerformance_barTrack__M301 {
  height: 0.625rem !important; /* 10px */
  width: 100% !important;
  background-color: #f1f5f9 !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  padding: 0.125rem !important; /* 2px */
  border: 1px solid rgba(226, 232, 240, 0.5) !important;
}

#RbPerformance_root__M301 .RbPerformance_progressBarFill__M301 {
  height: 100% !important;
  background: linear-gradient(to left, #b08a49, #c69f58, #d9bd85) !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  transition: width 1.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* ---------------- ENTRY ANIMATIONS (RenderBox Standard) ---------------- */
#RbPerformance_root__M301 .RbPerformance_animateIn__M301 {
  opacity: 0 !important;
}

#RbPerformance_root__M301 .RbPerformance_slideUp__M301 {
  transform: translateY(40px) !important;
}

#RbPerformance_root__M301 .RbPerformance_animateIn__M301.RbPerformance_animated__M301 {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

#RbPerformance_root__M301 .RbPerformance_card__M301 {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

#RbPerformance_root__M301 .RbPerformance_barRow__M301 {
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
 
/* Reset and Scoping */
#RbPillars_root__M301,
#RbPillars_root__M301 *,
#RbPillars_root__M301 *::before,
#RbPillars_root__M301 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#RbPillars_root__M301 {
  font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
  background-color: #f8fafc !important; /* bg-slate-50 */
  padding: 3rem 0 !important;
  position: relative !important;
  border-bottom: 1px solid #e2e8f0 !important; /* border-slate-200 */
}

@media (min-width: 640px) {
  #RbPillars_root__M301 {
    padding: 3rem 0 !important; /* py-12 */
  }
}

/* Typography Basics */
#RbPillars_root__M301 p, 
#RbPillars_root__M301 h2, 
#RbPillars_root__M301 h3, 
#RbPillars_root__M301 h4,
#RbPillars_root__M301 span {
  letter-spacing: normal !important;
  line-height: 1.5 !important;
}

#RbPillars_root__M301 a {
  text-decoration: none !important;
}

/* Container */
#RbPillars_root__M301 .RbPillars_container__M301 {
  width: 100% !important;
}

#RbPillars_root__M301 .RbPillars_wrapper__M301 {
  max-width: 80rem !important; /* max-w-7xl */
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

@media (min-width: 640px) {
  #RbPillars_root__M301 .RbPillars_wrapper__M301 {
    padding: 0 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  #RbPillars_root__M301 .RbPillars_wrapper__M301 {
    padding: 0 2rem !important;
  }
}

/* Header Section */
#RbPillars_root__M301 .RbPillars_headerBox__M301 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 48rem !important; /* max-w-3xl */
  margin: 0 auto 2.5rem !important;
}

#RbPillars_root__M301 .RbPillars_badge__M301 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: #fffbeb !important; /* bg-gold-50 (yellow-50) */
  color: #854d0e !important; /* text-gold-800 (yellow-800) */
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 0.375rem 1rem !important;
  border-radius: 9999px !important;
  margin-bottom: 0.75rem !important;
  border: 1px solid #fef08a !important; /* border-gold-200 */
}

#RbPillars_root__M301 .RbPillars_badge__M301 svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
  color: #b08a49 !important; /* text-gold-600 */
}

#RbPillars_root__M301 .RbPillars_mainTitle__M301 {
  font-size: 1.5rem !important;
  font-weight: 800 !important; /* font-extrabold */
  color: #0f172a !important; /* text-navy-900 / slate-900 */
  letter-spacing: -0.025em !important;
  margin-bottom: 0.5rem !important;
}
@media (min-width: 640px) {
  #RbPillars_root__M301 .RbPillars_mainTitle__M301 {
    font-size: 1.875rem !important; /* text-3xl */
  }
}

#RbPillars_root__M301 .RbPillars_highlight__M301 {
  color: #b08a49 !important; /* text-gold-600 */
}

#RbPillars_root__M301 .RbPillars_subTitle__M301 {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: #475569 !important; /* text-slate-600 */
  margin-top: 0.5rem !important;
}
@media (min-width: 640px) {
  #RbPillars_root__M301 .RbPillars_subTitle__M301 {
    font-size: 0.875rem !important;
  }
}

/* Cards Grid */
#RbPillars_root__M301 .RbPillars_grid__M301 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1rem !important; /* gap-4 */
}

@media (min-width: 768px) {
  #RbPillars_root__M301 .RbPillars_grid__M301 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  #RbPillars_root__M301 .RbPillars_grid__M301 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Individual Card */
#RbPillars_root__M301 .RbPillars_card__M301 {
  background-color: #ffffff !important;
  border-radius: 1.5rem !important; /* rounded-3xl */
  padding: 1.5rem !important; /* p-6 */
  border: 1px solid #e2e8f0 !important; /* border-slate-200 */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* shadow-xs */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s ease !important;
}

#RbPillars_root__M301 .RbPillars_card__M301:hover {
  border-color: #facc15 !important; /* hover:border-gold-400 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; /* hover:shadow-lg */
}

/* Card Top Section */
#RbPillars_root__M301 .RbPillars_cardTop__M301 {
  display: block !important;
}

#RbPillars_root__M301 .RbPillars_cardHeader__M301 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important; /* mb-4 */
}

#RbPillars_root__M301 .RbPillars_iconBox__M301 {
  width: 3rem !important; /* w-12 */
  height: 3rem !important; /* h-12 */
  border-radius: 1rem !important; /* rounded-2xl */
  background-color: #fffbeb !important; /* bg-gold-50 */
  color: #b08a49 !important; /* text-gold-600 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(254, 240, 138, 0.6) !important; /* border-gold-200/60 */
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

#RbPillars_root__M301 .RbPillars_card__M301:hover .RbPillars_iconBox__M301 {
  background-color: #eab308 !important; /* group-hover:bg-gold-500 */
  color: #ffffff !important; /* group-hover:text-white */
}

#RbPillars_root__M301 .RbPillars_iconBox__M301 svg {
  width: 1.5rem !important; /* w-6 */
  height: 1.5rem !important; /* h-6 */
}

#RbPillars_root__M301 .RbPillars_cardBadge__M301 {
  font-size: 0.625rem !important; /* text-[10px] */
  font-weight: 800 !important; /* font-extrabold */
  background-color: #f1f5f9 !important; /* bg-slate-100 */
  color: #475569 !important; /* text-slate-600 */
  padding: 0.25rem 0.625rem !important; /* px-2.5 py-1 */
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important; /* border-slate-200 */
}

#RbPillars_root__M301 .RbPillars_cardTitle__M301 {
  font-size: 1rem !important; /* text-base */
  font-weight: 800 !important; /* font-extrabold */
  color: #0f172a !important; /* text-navy-900 */
  margin-bottom: 0.5rem !important; /* mb-2 */
  transition: color 0.3s ease !important;
}

#RbPillars_root__M301 .RbPillars_card__M301:hover .RbPillars_cardTitle__M301 {
  color: #b08a49 !important; /* group-hover:text-gold-600 */
}

#RbPillars_root__M301 .RbPillars_cardDesc__M301 {
  font-size: 0.75rem !important; /* text-xs */
  font-weight: 400 !important; /* font-normal */
  color: #475569 !important; /* text-slate-600 */
  line-height: 1.625 !important; /* leading-relaxed */
}

/* Card Footer Section */
#RbPillars_root__M301 .RbPillars_cardFooter__M301 {
  margin-top: 1.5rem !important; /* mt-6 */
  padding-top: 1rem !important; /* pt-4 */
  border-top: 1px solid #f1f5f9 !important; /* border-slate-100 */
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#RbPillars_root__M301 .RbPillars_footerText__M301 {
  font-size: 0.6875rem !important; /* text-[11px] */
  font-weight: 700 !important; /* font-bold */
  color: #b08a49 !important; /* text-gold-600 */
}

#RbPillars_root__M301 .RbPillars_pulseDot__M301 {
  width: 0.5rem !important; /* w-2 */
  height: 0.5rem !important; /* h-2 */
  border-radius: 9999px !important;
  background-color: #eab308 !important; /* bg-gold-500 */
  animation: RbPillars_pulse__M301 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@keyframes RbPillars_pulse__M301 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

/* Bottom CTA Box */
#RbPillars_root__M301 .RbPillars_ctaBox__M301 {
  margin-top: 2.5rem !important; /* mt-10 */
  background-color: #0f172a !important; /* bg-navy-900 */
  border-radius: 1.5rem !important; /* rounded-3xl */
  padding: 1.5rem !important; /* p-6 */
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  text-align: center !important;
  border: 1px solid #1e293b !important; /* border-navy-800 */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; /* shadow-xl */
}

@media (min-width: 640px) {
  #RbPillars_root__M301 .RbPillars_ctaBox__M301 {
    flex-direction: row !important;
    text-align: right !important;
  }
}

#RbPillars_root__M301 .RbPillars_ctaContent__M301 {
  display: block !important;
}

#RbPillars_root__M301 .RbPillars_ctaTitle__M301 {
  font-size: 1rem !important; /* text-base */
  font-weight: 800 !important; /* font-extrabold */
  color: #ffffff !important;
}
@media (min-width: 640px) {
  #RbPillars_root__M301 .RbPillars_ctaTitle__M301 {
    font-size: 1.125rem !important; /* text-lg */
  }
}

#RbPillars_root__M301 .RbPillars_ctaDesc__M301 {
  font-size: 0.75rem !important; /* text-xs */
  color: #cbd5e1 !important; /* text-slate-300 */
  margin-top: 0.25rem !important; /* mt-1 */
}

#RbPillars_root__M301 .RbPillars_ctaButton__M301 {
  background: linear-gradient(135deg, #dac576 0%, #bda162 50%, #b08a49 100%) !important; /* from-gold-500 to-gold-600 */
  color: #ffffff !important;
  font-weight: 800 !important; /* font-extrabold */
  font-size: 0.75rem !important; /* text-xs */
  padding: 0.875rem 1.5rem !important; /* px-6 py-3.5 */
  border-radius: 0.75rem !important; /* rounded-xl */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; /* shadow-md */
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  flex-shrink: 0 !important; /* shrink-0 */
  border: none !important;
  display: inline-block !important;
}

#RbPillars_root__M301 .RbPillars_ctaButton__M301:hover {
  background: linear-gradient(to right, #b08a49, #a16207) !important; /* hover:from-gold-600 hover:to-gold-700 */
}

/* ---------------- ENTRY ANIMATIONS (RenderBox Standard) ---------------- */
#RbPillars_root__M301 .RbPillars_animateIn__M301 {
  opacity: 0 !important;
}

#RbPillars_root__M301 .RbPillars_slideUp__M301 {
  transform: translateY(40px) !important;
}

#RbPillars_root__M301 .RbPillars_animateIn__M301.RbPillars_animated__M301 {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

#RbPillars_root__M301 .RbPillars_card__M301,
#RbPillars_root__M301 .RbPillars_ctaBox__M301 {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 0.8s cubic-bezier(0.19, 1, 0.22, 1),
              border-color 0.3s ease,
              box-shadow 0.3s ease !important; /* Preserving hover transitions */
}
 
/* ==========================================================================
   RenderBox CMS Scoped CSS: Customer Reviews Module
   Root ID: #CustomerReviews_root__M301CR
   ========================================================================== */

/* Scoped Reset */
#CustomerReviews_root__M301CR,
#CustomerReviews_root__M301CR *,
#CustomerReviews_root__M301CR *::before,
#CustomerReviews_root__M301CR *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#CustomerReviews_root__M301CR {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: #ffffff !important;
  color: #0B1221 !important;
  width: 100% !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  direction: rtl !important;
  text-align: right !important;
  position: relative !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Outer Container */
#CustomerReviews_root__M301CR .CustomerReviews_container__M301CR {
  max-width: 80rem !important; /* 1280px */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 640px) {
  #CustomerReviews_root__M301CR .CustomerReviews_container__M301CR {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  #CustomerReviews_root__M301CR .CustomerReviews_container__M301CR {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Header Section */
#CustomerReviews_root__M301CR .CustomerReviews_headerBlock__M301CR {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 2rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_headerBlock__M301CR {
    flex-direction: row !important;
    align-items: flex-end !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_topBadge__M301CR {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #f9de97 !important;
  background-color: #0B1221 !important;
  padding: 0.375rem 0.875rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 0.625rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconShield__M301CR {
  width: 1rem !important;
  height: 1rem !important;
  color: #dac576 !important;
  flex-shrink: 0 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_mainTitle__M301CR {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #0B1221 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
}

@media (min-width: 640px) {
  #CustomerReviews_root__M301CR .CustomerReviews_mainTitle__M301CR {
    font-size: 1.875rem !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_subtitle__M301CR {
  margin-top: 0.375rem !important;
  color: #475569 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

@media (min-width: 640px) {
  #CustomerReviews_root__M301CR .CustomerReviews_subtitle__M301CR {
    font-size: 0.875rem !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_openModalBtn__M301CR {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: linear-gradient(135deg, #dac576 0%, #bda162 50%, #b08a49 100%) !important;
  color: #0B1221 !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  cursor: pointer !important;
  border: 1px solid rgba(249, 222, 151, 0.5) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  align-self: flex-start !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_openModalBtn__M301CR {
    align-self: auto !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_openModalBtn__M301CR:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconMessage__M301CR {
  width: 1rem !important;
  height: 1rem !important;
  stroke-width: 2.5 !important;
  flex-shrink: 0 !important;
}

/* Slider Wrapper */
#CustomerReviews_root__M301CR .CustomerReviews_sliderWrapper__M301CR {
  position: relative !important;
}

/* Mobile Top Bar */
#CustomerReviews_root__M301CR .CustomerReviews_mobileTopBar__M301CR {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 0.75rem !important;
  padding: 0 0.25rem !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_mobileTopBar__M301CR {
    display: none !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_mobileCounterBadge__M301CR {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  background-color: rgba(249, 222, 151, 0.3) !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  color: #0B1221 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_pulseDot__M301CR {
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 9999px !important;
  background-color: #b08a49 !important;
  animation: CustomerReviews_pulse__M301CR 2s infinite !important;
}

@keyframes CustomerReviews_pulse__M301CR {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.8); }
}

#CustomerReviews_root__M301CR .CustomerReviews_mobileSwipeHint__M301CR {
  font-size: 0.6875rem !important;
  color: #b08a49 !important;
  font-weight: 500 !important;
  background-color: #f8fafc !important;
  padding: 0.25rem 0.625rem !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
}

/* Mobile Floating Side Arrows */
#CustomerReviews_root__M301CR .CustomerReviews_sideArrow__M301CR {
  display: flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 9999px !important;
  background-color: rgba(11, 18, 33, 0.9) !important;
  color: #f9de97 !important;
  border: 1px solid rgba(176, 138, 73, 0.6) !important;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.2) !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_sideArrow__M301CR {
    display: none !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_sideArrowRight__M301CR {
  right: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_sideArrowLeft__M301CR {
  left: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_sideArrow__M301CR:disabled {
  opacity: 0.2 !important;
  pointer-events: none !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_sideArrow__M301CR:active {
  transform: translateY(-50%) scale(0.95) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_arrowIcon__M301CR {
  width: 1.25rem !important;
  height: 1.25rem !important;
  stroke-width: 2.5 !important;
}

/* Reviews Grid (Mobile Slider / Desktop Grid) */
#CustomerReviews_root__M301CR .CustomerReviews_grid__M301CR {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 1rem !important;
  padding-bottom: 0.75rem !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_grid__M301CR::-webkit-scrollbar {
  display: none !important;
}

/* Review Card */
#CustomerReviews_root__M301CR .CustomerReviews_card__M301CR {
  flex: 0 0 100% !important;
  width: 100% !important;
  scroll-snap-align: center !important;
  scroll-snap-stop: always !important;
  background-color: #ffffff !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  border: 2px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_grid__M301CR {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    gap: 1.5rem !important;
    padding-bottom: 0 !important;
  }

  #CustomerReviews_root__M301CR .CustomerReviews_card__M301CR {
    flex: initial !important;
    width: auto !important;
    scroll-snap-align: none !important;
  }
}

/* Mobile Nav Footer */
#CustomerReviews_root__M301CR .CustomerReviews_mobileNavFooter__M301CR {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 1rem !important;
  background-color: #f8fafc !important;
  padding: 0.625rem !important;
  border-radius: 1rem !important;
  border: 1px solid #e2e8f0 !important;
}

@media (min-width: 768px) {
  #CustomerReviews_root__M301CR .CustomerReviews_mobileNavFooter__M301CR {
    display: none !important;
  }
}

#CustomerReviews_root__M301CR .CustomerReviews_navFooterPrevBtn__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: 0.75rem !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0B1221 !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_navFooterPrevBtn__M301CR:disabled,
#CustomerReviews_root__M301CR .CustomerReviews_navFooterNextBtn__M301CR:disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_arrowIconGold__M301CR {
  width: 1rem !important;
  height: 1rem !important;
  color: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_navFooterNextBtn__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: 0.75rem !important;
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border: 1px solid rgba(176, 138, 73, 0.5) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_arrowIconYellow__M301CR {
  width: 1rem !important;
  height: 1rem !important;
  color: #f9de97 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_dotsGroup__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0 0.5rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_dot__M301CR {
  height: 0.625rem !important;
  width: 0.625rem !important;
  border-radius: 9999px !important;
  background-color: #cbd5e1 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_dotActive__M301CR {
  width: 1.75rem !important;
  background-color: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_card__M301CR:hover {
  border-color: rgba(176, 138, 73, 0.6) !important;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-3px) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_cardTop__M301CR {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_authorRow__M301CR {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_authorLeft__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_avatarCircle__M301CR {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 9999px !important;
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconUser__M301CR {
  width: 1rem !important;
  height: 1rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_authorName__M301CR {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #0B1221 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_verifiedBadge__M301CR {
  font-size: 0.625rem !important;
  color: #047857 !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconCheckCircle__M301CR {
  width: 0.75rem !important;
  height: 0.75rem !important;
  stroke-width: 2.5 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_starsRow__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.125rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconStar__M301CR {
  width: 0.875rem !important;
  height: 0.875rem !important;
  fill: #dac576 !important;
  stroke: #b08a49 !important;
  stroke-width: 1 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_selectedTag__M301CR {
  display: inline-block !important;
  background-color: rgba(249, 222, 151, 0.3) !important;
  color: #0B1221 !important;
  border: 1px solid rgba(218, 197, 118, 0.5) !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  padding: 0.125rem 0.625rem !important;
  border-radius: 0.375rem !important;
  width: fit-content !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_commentText__M301CR {
  color: #334155 !important;
  font-size: 0.75rem !important;
  line-height: 1.625 !important;
  font-weight: 400 !important;
}

/* Pros and Cons */
#CustomerReviews_root__M301CR .CustomerReviews_prosBlock__M301CR {
  padding-top: 0.5rem !important;
  border-top: 1px solid rgba(226, 232, 240, 0.7) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_proItem__M301CR {
  font-size: 0.6875rem !important;
  color: #065f46 !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_proIcon__M301CR {
  color: #059669 !important;
  font-weight: 900 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_consBlock__M301CR {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_conItem__M301CR {
  font-size: 0.6875rem !important;
  color: #78350f !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_conIcon__M301CR {
  color: #d97706 !important;
  font-weight: 900 !important;
}

/* Card Footer */
#CustomerReviews_root__M301CR .CustomerReviews_cardFooter__M301CR {
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(226, 232, 240, 0.7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.6875rem !important;
  color: #64748b !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_dateText__M301CR {
  font-weight: 500 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_likeBtn__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: 0.75rem !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  background-color: #f8fafc !important;
  color: #0B1221 !important;
  border: 1px solid #e2e8f0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_likeBtn__M301CR:hover {
  background-color: rgba(249, 222, 151, 0.2) !important;
  border-color: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_likeBtn__M301CR.CustomerReviews_liked__M301CR {
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border-color: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconThumb__M301CR {
  width: 0.875rem !important;
  height: 0.875rem !important;
  stroke-width: 2 !important;
}

/* Modal Submission Popup */
#CustomerReviews_root__M301CR .CustomerReviews_modalBackdrop__M301CR {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999 !important;
  background-color: rgba(11, 18, 33, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  transition: opacity 0.3s ease !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalBackdrop__M301CR.CustomerReviews_open__M301CR {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalBox__M301CR {
  background-color: #ffffff !important;
  border-radius: 1.5rem !important;
  max-width: 32rem !important; /* 512px */
  width: 100% !important;
  padding: 1.5rem !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  border: 2px solid rgba(176, 138, 73, 0.4) !important;
  transform: scale(0.95) !important;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalBackdrop__M301CR.CustomerReviews_open__M301CR .CustomerReviews_modalBox__M301CR {
  transform: scale(1) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalHeader__M301CR {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalTitle__M301CR {
  font-weight: 800 !important;
  color: #0B1221 !important;
  font-size: 0.875rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalCloseBtn__M301CR {
  color: #94a3b8 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  border-radius: 0.5rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_modalCloseBtn__M301CR:hover {
  color: #0B1221 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_iconX__M301CR {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

/* Modal Form Controls */
#CustomerReviews_root__M301CR .CustomerReviews_form__M301CR {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.875rem !important;
  font-size: 0.75rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_formGroup__M301CR {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_label__M301CR {
  color: #0B1221 !important;
  font-weight: 700 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_labelGreen__M301CR {
  color: #065f46 !important;
  font-weight: 700 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_labelAmber__M301CR {
  color: #78350f !important;
  font-weight: 700 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_input__M301CR,
#CustomerReviews_root__M301CR .CustomerReviews_textarea__M301CR {
  width: 100% !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #e2e8f0 !important;
  font-size: 0.75rem !important;
  color: #0B1221 !important;
  outline: none !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_input__M301CR:focus,
#CustomerReviews_root__M301CR .CustomerReviews_textarea__M301CR:focus {
  border-color: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_textareaGreen__M301CR {
  width: 100% !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #a7f3d0 !important;
  font-size: 0.75rem !important;
  color: #0B1221 !important;
  outline: none !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_textareaGreen__M301CR:focus {
  border-color: #059669 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_textareaAmber__M301CR {
  width: 100% !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #fde68a !important;
  font-size: 0.75rem !important;
  color: #0B1221 !important;
  outline: none !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_textareaAmber__M301CR:focus {
  border-color: #d97706 !important;
}

/* Star Rating Selector in Form */
#CustomerReviews_root__M301CR .CustomerReviews_starSelectGroup__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_starBtn__M301CR {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_starSelectIcon__M301CR {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_filledStar__M301CR {
  fill: #dac576 !important;
  stroke: #b08a49 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_emptyStar__M301CR {
  fill: #cbd5e1 !important;
  stroke: #94a3b8 !important;
}

/* Form Action Buttons */
#CustomerReviews_root__M301CR .CustomerReviews_formActions__M301CR {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding-top: 0.5rem !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_submitBtn__M301CR {
  flex: 1 !important;
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  font-weight: 700 !important;
  padding: 0.625rem !important;
  border-radius: 0.75rem !important;
  cursor: pointer !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_submitBtn__M301CR:hover {
  background-color: #131C31 !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_cancelBtn__M301CR {
  padding: 0.625rem 1rem !important;
  background-color: #f1f5f9 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  border: none !important;
  cursor: pointer !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_cancelBtn__M301CR:hover {
  background-color: #e2e8f0 !important;
}

/* Entry Animation Classes */
#CustomerReviews_root__M301CR .CustomerReviews_animateIn__M301CR {
  opacity: 0 !important;
  transform: translateY(30px) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_animateIn__M301CR.CustomerReviews_animated__M301CR {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#CustomerReviews_root__M301CR .CustomerReviews_headerBlock__M301CR,
#CustomerReviews_root__M301CR .CustomerReviews_card__M301CR {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
 
/* ==========================================================================
   RenderBox CMS Scoped CSS: Why Choose Us Module
   Root ID: #WhyChooseUs_root__Wc309
   ========================================================================== */

/* Scoped Reset */
#WhyChooseUs_root__Wc309,
#WhyChooseUs_root__Wc309 *,
#WhyChooseUs_root__Wc309 *::before,
#WhyChooseUs_root__Wc309 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#WhyChooseUs_root__Wc309 {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: #ffffff !important;
  color: #0B1221 !important;
  width: 100% !important;
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  direction: rtl !important;
  text-align: right !important;
  position: relative !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Container */
#WhyChooseUs_root__Wc309 .WhyChooseUs_container__Wc309 {
  max-width: 80rem !important; /* 1280px */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_container__Wc309 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_container__Wc309 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Top Header Grid */
#WhyChooseUs_root__Wc309 .WhyChooseUs_topHeaderGrid__Wc309 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
  align-items: center !important;
  margin-bottom: 3rem !important;
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_topHeaderGrid__Wc309 {
    grid-template-columns: repeat(12, 1fr) !important;
  }
  
  #WhyChooseUs_root__Wc309 .WhyChooseUs_topHeaderRight__Wc309 {
    grid-column: span 6 / span 6 !important;
  }
  
  #WhyChooseUs_root__Wc309 .WhyChooseUs_introBox__Wc309 {
    grid-column: span 6 / span 6 !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_topBadge__Wc309 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #f9de97 !important;
  background-color: #0B1221 !important;
  padding: 0.375rem 0.875rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 0.75rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconBag__Wc309 {
  width: 0.875rem !important;
  height: 0.875rem !important;
  color: #dac576 !important;
  flex-shrink: 0 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_mainTitle__Wc309 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #0B1221 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_mainTitle__Wc309 {
    font-size: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_mainTitle__Wc309 {
    font-size: 2.25rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_goldText__Wc309 {
  color: #b08a49 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_introBox__Wc309 {
  background-color: #f8fafc !important;
  border-right: 4px solid #b08a49 !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 1rem !important;
  border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-left: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_introText__Wc309 {
  color: #334155 !important;
  font-size: 0.75rem !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_introText__Wc309 {
    font-size: 0.875rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_boldDarkText__Wc309 {
  font-weight: 700 !important;
  color: #0B1221 !important;
}

/* Sub Header Divider Bar */
#WhyChooseUs_root__Wc309 .WhyChooseUs_subHeaderBar__Wc309 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-bottom: 2rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_subHeaderRight__Wc309 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconSparkles__Wc309 {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #b08a49 !important;
  flex-shrink: 0 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_subHeaderTitle__Wc309 {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #0B1221 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_subHeaderTitle__Wc309 {
    font-size: 1.125rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_reasonsBadge__Wc309 {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #0B1221 !important;
  background-color: rgba(249, 222, 151, 0.4) !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
}

/* 7 Pillars Grid Layout */
#WhyChooseUs_root__Wc309 .WhyChooseUs_grid__Wc309 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
  margin-bottom: 3rem !important;
}

@media (min-width: 768px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_grid__Wc309 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_grid__Wc309 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_card__Wc309 {
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  padding: 1.25rem !important;
  border: 2px solid rgba(226, 232, 240, 0.9) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_card__Wc309:hover {
  border-color: rgba(176, 138, 73, 0.6) !important;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-4px) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_cardInner__Wc309 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_cardHeader__Wc309 {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_pillarTag__Wc309 {
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  padding: 0.125rem 0.625rem !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  margin-bottom: 0.375rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_pillarTitle__Wc309 {
  font-weight: 800 !important;
  color: #0B1221 !important;
  font-size: 0.75rem !important;
  line-height: 1.375 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_pillarTitle__Wc309 {
    font-size: 0.875rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconBox__Wc309 {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 0.75rem !important;
  background-color: #0B1221 !important;
  color: #f9de97 !important;
  border: 1px solid rgba(176, 138, 73, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_pillarIcon__Wc309 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_pillarDesc__Wc309 {
  color: #475569 !important;
  font-size: 0.75rem !important;
  line-height: 1.625 !important;
  font-weight: 400 !important;
}

/* Bottom Dark Banner */
#WhyChooseUs_root__Wc309 .WhyChooseUs_darkBanner__Wc309 {
  background-color: #0B1221 !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  color: #ffffff !important;
  border: 2px solid rgba(176, 138, 73, 0.4) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 3rem !important;
  position: relative !important;
  overflow: hidden !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_darkBanner__Wc309 {
    padding: 2rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerGlow__Wc309 {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 16rem !important;
  height: 16rem !important;
  background-color: rgba(218, 197, 118, 0.1) !important;
  border-radius: 9999px !important;
  filter: blur(48px) !important;
  pointer-events: none !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerContent__Wc309 {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_bannerContent__Wc309 {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerTextGroup__Wc309 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  max-width: 48rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerBadge__Wc309 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: #f9de97 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  padding: 0.375rem 0.875rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  width: fit-content !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconCheckCircle__Wc309 {
  width: 1rem !important;
  height: 1rem !important;
  color: #dac576 !important;
  flex-shrink: 0 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerDesc__Wc309 {
  color: #e2e8f0 !important;
  font-size: 0.75rem !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_bannerDesc__Wc309 {
    font-size: 0.875rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_bannerActions__Wc309 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_bannerActions__Wc309 {
    flex-direction: row !important;
  }
}

@media (min-width: 1024px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_bannerActions__Wc309 {
    width: auto !important;
    flex-shrink: 0 !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_callBtn__Wc309 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  background: linear-gradient(135deg, #dac576 0%, #bda162 50%, #b08a49 100%) !important;
  color: #0B1221 !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  text-decoration: none !important;
  border: 1px solid rgba(249, 222, 151, 0.5) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  flex: 1 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_callBtn__Wc309 {
    flex: initial !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_callBtn__Wc309:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconPhone__Wc309 {
  width: 1rem !important;
  height: 1rem !important;
  stroke-width: 2.5 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_supportBtn__Wc309 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  background-color: #131C31 !important;
  color: #f9de97 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1rem !important;
  border: 1px solid rgba(176, 138, 73, 0.5) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  flex: 1 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_supportBtn__Wc309 {
    flex: initial !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_supportBtn__Wc309:hover {
  background-color: #1c2947 !important;
  color: #ffffff !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconHeadphones__Wc309 {
  width: 1rem !important;
  height: 1rem !important;
  color: #dac576 !important;
}

/* FAQ Container */
#WhyChooseUs_root__Wc309 .WhyChooseUs_faqContainer__Wc309 {
  max-width: 56rem !important; /* 896px */
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #f8fafc !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  border: 2px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_faqContainer__Wc309 {
    padding: 2rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqHeader__Wc309 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqTitle__Wc309 {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #0B1221 !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_faqTitle__Wc309 {
    font-size: 1.125rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqList__Wc309 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqItem__Wc309 {
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqQuestionBtn__Wc309 {
  width: 100% !important;
  text-align: right !important;
  padding: 1rem !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  color: #0B1221 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.2s ease !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_faqQuestionBtn__Wc309 {
    font-size: 0.875rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqQuestionBtn__Wc309:hover {
  color: #b08a49 !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_iconChevron__Wc309 {
  width: 1rem !important;
  height: 1rem !important;
  color: #b08a49 !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s ease !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqItem__Wc309.WhyChooseUs_isOpen__Wc309 .WhyChooseUs_iconChevron__Wc309 {
  transform: rotate(180deg) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqAnswer__Wc309 {
  display: none !important;
  padding: 0 1rem 1rem 1rem !important;
  font-size: 0.75rem !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 0.75rem !important;
}

@media (min-width: 640px) {
  #WhyChooseUs_root__Wc309 .WhyChooseUs_faqAnswer__Wc309 {
    font-size: 0.875rem !important;
  }
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_faqItem__Wc309.WhyChooseUs_isOpen__Wc309 .WhyChooseUs_faqAnswer__Wc309 {
  display: block !important;
}

/* Entry Animation Classes */
#WhyChooseUs_root__Wc309 .WhyChooseUs_animateIn__Wc309 {
  opacity: 0 !important;
  transform: translateY(30px) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_animateIn__Wc309.WhyChooseUs_animated__Wc309 {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#WhyChooseUs_root__Wc309 .WhyChooseUs_topHeaderGrid__Wc309,
#WhyChooseUs_root__Wc309 .WhyChooseUs_card__Wc309,
#WhyChooseUs_root__Wc309 .WhyChooseUs_darkBanner__Wc309,
#WhyChooseUs_root__Wc309 .WhyChooseUs_faqContainer__Wc309 {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
 
            body{
                position: relative;
            }
            .dno{
                display: none!important;
            }
            .public-header{
                position: relative;
                transition:5s;
            }
            .absolute-container{
                background-color: #ee273a;
                border-radius: 7px;
                position: fixed;
                top: 50%;
                left: 2%;
                transform: translateY(-50%);
                padding: 10px;
                z-index: 4900;
            }
            .social-absolute{
                position: relative;
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                box-sizing: content-box;
                width: 24px;
                height: 24px;
            }
            .social-absolute:last-child {
                border-bottom: none !important;
            }
            .social-absolute img{
                width: 24px;
                height: 24px;
            }
            .absolute-tooltip{
                position: relative;
                transition: all 0.5s;
                border-radius: 0 7px 7px 0;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
            }
            .absolute-tooltip > span{
                padding: 10px 20px;
                display: block;
            }
            .tooltip-shake{
                display: block;
                width: 100%;
                height: 100%;
            }
            .tooltip-shake:before,
            .tooltip-shake:after {
                position: absolute;
                content: "";
                opacity: 0;
                transition: all 0.4s ease;
                color: #fff;
                font-weight: bold;
            }
            .tooltip-shake:before {
                content: attr(data-tooltip);
                background: #3c5059;
                width: 0;
                padding: 0;
                font-size: 0.9rem;
                top: 50%;
                left: calc(24px + 32px);
                border-radius: 5px;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
            }
            .tooltip-shake:after {
                border-width: 8px 10px 8px 0;
                border-style: solid;
                border-color: transparent #3c5059 transparent transparent;
                top: 50%;
                left: calc(24px + 24px);
                transform: translateY(-50%);
            }
            .tooltip-shake:hover::before,
            .tooltip-shake:hover::after {
                opacity: 1;
                overflow: hidden;
                white-space: nowrap;
                transform: translate(0, -50%);
            }
            .tooltip-shake:hover::before {
                width: max-content;
                padding: 10px 25px;
            }
            @keyframes shake {
                0% {
                    transform: rotate(2deg);
                }
                50% {
                    transform: rotate(-3deg);
                }
                70% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(0deg);
                }
            }
            .social-absolute:hover {
                animation: shake 500ms ease-in-out forwards;
            }
            
                .public-header{
                    width: 100%;
                    background: #0B1221;
                    background-size: auto;
                    background-repeat: no-repeat;
                    z-index: 100;
                }
            
            .adv-banner-container{
                width: 100%;
                height: 10px;
            }
            .adv-banner-container .adv-item{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .top-bar-container{
                width: 100%;
                min-height: 40px;
                height: 40px;
                background: #222 ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-bar{
                width: 1200px;
                height: 100%;
                margin: auto;
                padding: 0 8px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .top-item{
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container{
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container img{
                width: 16px;
                height: 16px;
            }
            .info-container > span{
                display: inline-flex;
            }
            .top-info,
            .top-social{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-social{
                padding: 5px 0;
            }
            .top-social li a img{
                width: 32px;
                height: 32px;
            }
            .top-social li a span{
                font-size: 0px;
                font-weight: 200;
                color: #777;
            }
            .top-list{
                width: max-content;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 0  0px;
            }
            .top-list:hover{
                color: ;
            }
            
                .top-list:first-child{
                    margin-right : 0;
                }
                .top-list:last-child{
                    margin-left : 0;
                }
            
            .arrow-menu-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-list a span,
            .top-list span{
                color: #777;
                font-weight: bold;
                font-size: 14px;
            }
            .top-list a img,
            .top-list span img{
                margin: 0 5px;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .top-list:first-child a img,
            .top-list:first-child span img{
                margin-right: 0;
            }
            .top-navbar{
                height: 100%;
                background: transparent;
            }
            .top-nav-list{
                position: relative;
                height: 100%;
                padding: 0 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-nav-list a span,
            .top-nav-list span{
                color: #000;
                font-size: 0px;
                font-weight: 200;search
            }
            .top-nav-list:hover{
                background-color: #fff;
            }
            .top-nav-list .arrow-menu-container svg{
                fill: #000;
            }
            .top-nav-list:hover a span,
            .top-nav-list:hover span,
            .top-nav-list:hover .arrow-menu-container svg{
                color: #fff;
                fill: #fff;
            }
            .top-nav-list .icon-title-part{
                padding-left: 5px;
            }
            .top-sub-nav > .top-sub-list a span,
            .top-sub-nav > .top-sub-list span{
                color: #000;
            }
            .top-sub-nav > .top-sub-list:hover a span,
            .top-sub-nav > .top-sub-list:hover span{
                color: #fff;
            }
            
            .top-sub-nav{
                flex-direction: column;
                justify-content: center;
                align-content: flex-start;
                position: absolute;
                z-index: 4999;
                min-width: 150px;
                width: max-content;
                background: #2c3e50;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translateY(-10px) scaleY(0.5);
                transform-origin: top;  
                border-radius: 0;
            }
            .top-nav-list:hover > .top-sub-nav{
                display: flex;
                top: 100%;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
        
                .top-nav-list:hover > .top-sub-nav{
                    right: 0;
                }
                .top-sub-list{
                    border-left: 5px solid  #f00;
                }
            
            .top-sub-list{
                width: 100%;
                padding: 8px 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-sub-list:hover{
                background: #fff;
            }
            .header-container{
                display: grid;
                width: 1200px;
                margin: auto;
                height: auto;
                grid-template-rows: 1fr 1fr;  
                grid-template-columns: 1fr 3fr 1fr;
                grid-template-areas: 
                    "top-1 top-2 top-3"
                    "bottom-1 bottom-2 bottom-3"; 
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
            }
            .top-section-1{
                grid-area: top-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-2{
                grid-area: top-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-3{
                grid-area: top-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .logo-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 0px  0px;
            }
            .logo-container img{
                display: block;
                width: 200px;
                height: 100px;
                max-width: 200px;
                max-height: 100px;
                object-fit: contain;
            }
            .nav-container{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                box-sizing: border-box;
                margin: 0 10px;
            }
            .nav-container > .navbar{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: #0B1221 ;
                box-sizing: border-box;
                border: px  solid  ;
                border-radius: 3px;
                padding: 0 !important;
            }
            
                .nav-container > .navbar{
                    margin-left: calc(0px + 10px);
                }
            
            .max-height{
                height: 700px;
                overflow-x:hidden;
                overflow-y: auto;
                display:flex!important;
                flex-direction: column!important;
                justify-content: flex-start!important;
            }
            .nav-container .navbar .nav-list{
                padding: 10px 18px;
                min-height: 45px;
                position: relative;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-content: center;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list.active{
                background-color: ;
            }
            .nav-container .navbar .nav-list.active a,
            .nav-container .navbar .nav-list.active span{
                color: ;
            }
            
            .nav-container .navbar .nav-list .icon-title-part{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .nav-container .navbar .nav-list .icon-title-part img{
                width: 24px;
                height: 24px;
                margin: 0 5px;
            }
            .nav-container .navbar .nav-list .overflow-menu{
                justify-content: center !important;
            }
            .nav-container .navbar .nav-list:hover{
                background-color: ;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list:hover a,
            .nav-container .navbar .nav-list:hover span{
                color:  ;
            }
            .nav-container .navbar .nav-list img{
                width: 32px;
                height: 32px;
            }
            .nav-container .navbar .nav-list a,
            .nav-container .navbar .nav-list span{
                text-decoration: none;
                font-size: 15px;
                color: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
            .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                display: flex;
                top: 45px;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                display: flex;
                right: calc(100%  +  5px);
                top: 0;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
                    .nav-container .navbar.navbar-sub{
                        position: absolute;
                        z-index: 4999;
                        background: #0B1221 ;
                        clip: rect(1px, 1px, 1px, 1px);
                        opacity: 0.1;
                        transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                                    opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                        transform: translateY(-10px) scaleY(0.5);
                        transform-origin: top;  
                        border-radius: 0;
                    }
                    .nav-container .navbar.navbar-sub{
                        flex-direction: column;
                        justify-content: center;
                        align-content: flex-start;
                        min-width: 150px;
                        width: max-content;
                    }
                    .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
                    .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                        right: 0;
                    }
                    .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                        right: calc(100%  +  5px);
                    }
                    .nav-container .navbar.navbar-sub .nav-list{
                        width:200px;
                        border-left: 5px solid #0B1221;
                    }
                
            .arrow-icon-menu{
                width: 8px;
                height: 8px;
            }
            .arrow-icon-menu.arrow-bottom{
                transform: rotate(90deg);
            }
            
                .arrow-menu-container{
                    margin-right: 5px;
                }
                .arrow-icon-menu.arrow-right,
                .overflow-list .arrow-icon-menu.arrow-bottom{
                    transform: rotate(180deg);
                }
                .nav-container .navbar .nav-list:first-child:hover{
                    border-radius: 0 3px 3px 0;
                }
                .nav-container .navbar .nav-list:last-child:hover{
                    border-radius: 3px 0 0 3px;
                }
            
            .nav-container .navbar .nav-list.base-level svg,
            .nav-container .navbar .nav-list .overflow-menu svg{
                fill: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover svg{
                fill: ;
            }
            .sub-menu-container{
                position: absolute;
                min-width: 150px;
                background-color: #0B1221 ;
                color: #fff;
                top: 32px;
                right: 0;
                z-index: 4999;
               /* display: none;*/
            } 
            /*.sub-navbar{
                width: 100%;
                height: 100%;
            }*/
            .nav-container .navbar.navbar-sub .nav-list img{
                width: 16px;
                height: 16px;
            }
            .nav-container .navbar.navbar-sub .nav-list a,
            .nav-container .navbar.navbar-sub .nav-list span{
                color: #fff;
                font-size: 12px;
            }
            .nav-list.with-sub-menu:hover .sub-menu-container{
                display: block;
            }
            .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{
                fill: #fff;
            }
            .active{
                background-color: ;
            }
            .active a{
                color: ;
            }     
            .icon-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
            }
            .icon-container .icon-item{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                box-sizing: border-box;
                min-height: 45px;
                margin: 0 5px;
            }
            
                .icon-container .icon-item:first-child{
                    margin-right: 0 !important;
                }
                .icon-container .icon-item:last-child{
                    margin-left: 0 !important;
                }
                
            
            .icon-container .icon-item a{
                border: 0px  solid  ;
            }
            .icon-container .icon-item.basket-icon{
                position: relative;
                color: #fff;
                min-width: 45px;
                min-height: 45px;
                outline: none;
                border-radius: 3px;
                background: #0B1221 ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                text-decoration: none;
                margin: 0 10px;
            }
            .icon-container .icon-item .icon-shortcut{
                color: #fff;
                min-width: 45px;
                min-height: 45px;
                margin: 0;
                outline: none;
                border-radius: 3px;
                background: #0B1221 ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: .4s;
                cursor: pointer;
                text-decoration: none;
            }
            
            .basket-shop{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 3px;
            }
            .icon-container .icon-item .icon-shortcut:hover svg,
            .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span
            {
                fill: #fff;
                color: #fff;
            }
            
                .icon-container .icon-item.basket-icon .add-item-to-cart{
                    color: #fff;
                    border-radius: 3px;
                    background: #0B1221 ;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .4s;
                    cursor: pointer;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                
                    .icon-container .icon-item.basket-icon .add-item-to-cart{
                        border-left: none !important;
                    }
                    .border-basket{
                        border-right: none !important;
                    }
                
                    .icon-container .icon-item:hover > span,
                    .icon-container .icon-item.login-icon:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover,
                    .icon-container .icon-item.login-icon .icon-shortcut:hover,
                    
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{
                       background: #0B1221 ;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open{
                        width: 45px;
                        border-radius: 0 3px 3px 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                    }
                    .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{
                        background: #0B1221 ;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{
                        border-radius: 3px 0 0 3px;
                    }
                    .icon-container .icon-item.lang-icon .icon-shortcut:hover{
                        background: #0B1221 ;
                    }
                    .icon-container .icon-item.search-icon .icon-shortcut .search-container .search-btn:hover{
                        background: #0B1221 ;
                    }
                 
            .icon-container .icon-item svg{
                width: 25px;
                height: 25px;
            
                fill: #fff;
            
            }
            .icon-container .icon-item.login-icon{
                position: relative;
            }
            /*.icon-container .icon-item.login-icon .icon-shortcut{
                width: 100%;
                height: 100%;
            }*/
            .icon-container .icon-item.login-icon .icon-login{
                width: 25px;
                height: 25px;
            }
            #div_profile_picture, 
            #div_profile_picture_metro {
                display: block;
                width: 0 !important;
                height: 0 !important;
                line-height: unset !important;
            }
            #div_profile_picture .rShowLogin{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                z-index: -1000;
            }
            #div_profile_picture .login-container{
                display: none !important;
            }
            #div_profile_picture #profile_picture,
            #div_profile_picture #profile_exit{
                display: none !important;
            }
        
                .icon-container .icon-item.login-icon{
                    color: #fff;
                    /*width: 90px !important;*/
                    min-height: 45px;
                    outline: none;
                    border-radius: 3px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    text-decoration: none;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                .icon-container .icon-item.login-icon .status-user,
                .icon-container .icon-item.login-icon .icon-login{
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin: 0 5px;
                    font-size:14px;
                }
            
            .public-header .bottom-section-1{
                grid-area: bottom-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-2{
                grid-area: bottom-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-3{
                grid-area: bottom-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            
                .icon-container .icon-item{
                    width: unset;
                    height: unset;
                }
                .search-icon{
                    position: relative;
                }
                .search-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    height: 100%;
                    position: relative;
                    border-radius: 3px;
                    min-width: 45px;
                }
                .search-container > .search-btn svg,
                .search-container > .close-search-btn svg{
                    fill: #fff;
                }
                .search-container > .search-btn:hover svg,
                .search-container > .close-search-btn:hover svg{
                    fill: #fff;
                }
                .search-btn {
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #000;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .8s;
                    cursor: pointer;
                    text-decoration: none;
                    border: 0px  solid  transparent;
                }
                
                .icon-container .icon-item img{
                    width: 25px;
                    height: 25px;
                    object-fit:contain;
                }
                
                    .search-container.open-search-box .search-btn{
                        border-radius: 3px 0 0 3px !important;
                    }
                    .search-container.open-search-box .close-search-btn{
                        border-radius: 0 3px 3px 0 !important;
                    }
                 
                .search-btn,
                .search-command,
                .close-search-btn{
                    box-sizing: content-box;
                }
                .search-btn > svg {
                    fill: #fff;
                }
                .cls-pls::placeholder{
                    color: ;
                }
                .search-input {
                    padding: 0;
                    height: 100%;
                    background: #FFF;
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    transition: all 1s ease-in-out;
                    width: 0;
                    position: absolute;
                    top: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    border: 0px  solid  transparent;
                }
                
                .open-search-box > .search-input{
                    padding : 10px 48px;
                }
                
                    .search-input {
                        left: calc(0px + 45px);
                        border-right: none;
                        border-left: none;
                    }
                
                        .search-container.open-search-box .search-btn{
                            border-radius: 3px 0 0 3px !important;
                        }
                        .search-container.open-search-box .close-search-btn{
                            border-radius: 0 3px 3px 0 !important;
                        }
                        .search-container.open-search-box .search-input{
                            border-radius: 0 3px 3px 0 !important;
                        }
                    
                .close-search-btn{
                    position: absolute;
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #FFF;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    box-sizing: border-box;
                    box-sizing: border-box;
                }
                .close-search-btn svg{
                    fill: #fff;
                }
            
            .sticky{
                width: 100vw;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 999;
                padding: 2vh 8vw;
                transition: .8s;
                background-color: #ddd !important;
            }
            .public_sticky{
                width: 100%;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1001;
            }
            .d-none{
                display: none !important;
            }
            .border-left-n{
                border-left: none !important;
            }
            .border-right-n{
                border-right: none !important;
            }
            .w-1200px{
                width: 1200px !important;
                margin: auto;
            }
            .lang-icon{
                position: relative;
            }
            .language-container .lang-btn{
                width: 25px;
                height: 25px;
            }
            .lang-list-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .lang-list{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px;
                background: #0B1221 ;
                border-radius: 3px;
            }
            .lang-list::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #0B1221 ;
                display: block;
            }
            .lang-nav{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .lang-nav .lang-li{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                list-style: none;
                width: max-content;
                margin: 5px 0;
                
            }
            .lang-nav .lang-li a{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .lang-nav .lang-li img{
                width: 25px;
                height: 25px;
                object-fit: cover;
                margin: 0 4px;
            }
            .lang-nav .lang-li span{
                text-transform: uppercase;
                line-height: 2.5;
                font-size: 14px;
                margin: 0 4px;
                color: #fff;
            }
            .lang-nav .lang-li a{
                color: #fff;
            }
            .lang-nav .lang-li span:hover{
                cursor: pointer;
                color: #fff;
            }
            .lang-nav .lang-li .lang-active{
                font-weight: bold;
                color: #fff;
            }
            .icon-item.lang-icon:hover .lang-list-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            /*---------------------------------------------------------------------------------*/
            .link-profile-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .link-profile-container .link-wrapper{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px 25px;
                background: #0B1221 ;
                border-radius: 3px;
            }
            .link-profile-container .link-wrapper a{
                color: #fff;
            }
            .link-profile-container .link-wrapper a:hover{
                cursor: pointer;
                color: #fff;
            }
            .link-profile-container .link-wrapper::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #0B1221 ;
                display: block;
            }
             .icon-item.login-icon:hover .link-profile-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            
            .backTop{
                display: flex !important;
            }
            #back_to_top{
                display: none;
                position: fixed;
                transition: 600ms;
                right: 25px;
                left: unset;
                bottom: 50px;
                z-index: 100;
                border-radius: 50%;
                border: 1px  solid  #000;
                padding: 15px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                background-color: #777 ;
            }
            #back_to_top svg{
                width: 24px;
                height: 24px;
                fill: #fff ;
            }
            #back_to_top img{
                width: 24px;
                height: 24px;
                fill: #fff ;
                object-fit:contain;
            }
            .search-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .basket-shop img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .lang-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .icon-login img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
        
                    .header-container{
                        grid-template-rows: 1fr;  
                        grid-template-columns: 200px minmax(auto, 100%) 1fr;
                        grid-template-areas: 
                            "top-1 top-2 top-3"; 
                    }
                    .top-section-1{
                        justify-content: flex-start;
                    }
                    .top-section-2{
                        justify-content: flex-start;
                    }
                    .logo-container{
                        justify-content: flex-start;
                    }
                    .nav-container{
                        justify-content: flex-start;
                    }
                    .nav-container .navbar{
                        justify-content: flex-start;
                    }
                    .width-full{
                        width: 100% !important;
                    }
                #module_footer_section_1{
;
width:100%;
padding-top:2vw;
padding-right:4vw;
padding-bottom:2vw;
padding-left:4vw;
border-style:none;
}#module_footer_column_1{
;
width:20%;
margin-top:0vw;
justify-content:flex-start;
border-style:none;
border-color:#b7eb8f;
}#module_footer_items_1{
;
cursor:default;
text-align:center;
width:15vw;
height:4vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_1:hover{
;
}#module_footer_row_2{
;
border-style:none;
}#module_footer_items_3{
;
cursor:default;
text-align:justify;
line-height:1.7vw;
color:#fff;
font-weight:200;
font-size:.95vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
padding-top:1vw;
}#module_footer_items_3:hover{
;
}#module_footer_column_2{
;
width:30%;
margin-top:0vw;
justify-content:flex-start;
border-style:none;
border-color:#b7eb8f;
}#module_footer_items_4{
;
cursor:default;
line-height:4vw;
color:#fff;
font-weight:bold;
font-size:1.2vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_4:hover{
;
}#module_footer_row_4{
;
margin-top:1vw;
border-style:none;
}#module_footer_items_5{
;
cursor:default;
line-height:1.7vw;
color:#fff;
font-weight:200;
font-size:.95vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_5:hover{
;
}#module_footer_column_3{
;
width:10%;
margin-top:0vw;
justify-content:flex-start;
border-style:none;
}#module_footer_row_6{
;
border-style:none;
}#module_footer_items_7{
;
cursor:pointer;
text-align:center;
width:10vw;
color:#fff;
font-weight:300;
font-size:1vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:solid;
border-bottom-width:.10vw;
border-color:#ffffff;
padding-bottom:1vw;
}#module_footer_items_7:hover{
;
}#module_footer_items_34{
;
cursor:default;
text-align:center;
width:10vw;
color:#fff;
font-weight:300;
font-size:1vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:solid;
border-bottom-width:.10vw;
border-color:#ffffff;
padding-top:1vw;
padding-bottom:1vw;
}#module_footer_items_34:hover{
;
}#module_footer_items_35{
;
cursor:default;
text-align:center;
width:10vw;
color:#fff;
font-weight:300;
font-size:1vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:solid;
border-bottom-width:.10px;
border-color:#ffffff;
padding-top:1vw;
padding-bottom:1vw;
}#module_footer_items_35:hover{
;
}#module_footer_items_36{
;
cursor:default;
text-align:center;
width:10vw;
color:#fff;
font-weight:300;
font-size:1vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
border-bottom-width:.10px;
border-color:#ffffff;
padding-top:1vw;
padding-bottom:1vw;
}#module_footer_items_36:hover{
;
}#module_footer_column_4{
;
width:30%;
margin-top:0vw;
justify-content:flex-start;
padding-right:2vw;
border-style:none;
}#module_footer_row_18{
;
width:100%;
margin-top:2vw;
border-style:none;
}#module_footer_items_27{
;
cursor:pointer;
font-weight:400;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_27:hover{
;
}#module_footer_items_31{
;
cursor:pointer;
font-weight:400;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_31:hover{
;
}#module_footer_row_28{
;
padding-top:2vw;
border-style:none;
}#module_footer_items_47{
;
cursor:default;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
margin-left:4vw;
}#module_footer_items_47:hover{
;
}#module_footer_items_48{
;
cursor:default;
font-weight:400;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_48:hover{
;
}#module_footer_section_2{
;
justify-content:center;
padding-top:2vw;
padding-bottom:2vw;
border-style:none;
}#module_footer_column_5{
;
justify-content:center;
border-style:none;
}#module_footer_row_8{
;
justify-content:center;
border-style:none;
}#module_footer_items_12{
;
cursor:default;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:.95vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
padding-left:1vw;
}#module_footer_items_12:hover{
;
}#module_footer_items_13{
;
cursor:default;
color:#000000;
font-weight:300;
font-size:.95vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
padding-right:1vw;
}#module_footer_items_13:hover{
;
}#public_footer_main_1{;background-color:#073234;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;width:100%;max-width:100%;border-style:none;}#public_footer_main_1:hover{;}#public_footer_main_1{
                    position:relative;
                    margin-right:auto !important;
                    margin-left:auto !important;
                    overflow:hidden !important;
                }
                #public_footer_main_1 > div{
                    position:relative;
                    z-index:12;
                }
                #public_footer_main_1 
            
            #public_footer_main_1 .new_admin_layer {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 10;
                transition: all 600ms ease;
                background-color: rgba(0,0,0,0);
                display: flex;
                
            right:0;
            top:0;
        
            }

            #public_footer_main_1 .layer_first_child {
                width: 100%;
            }
        
            #public_footer_main_1:hover .new_admin_layer {
                border-radius: 0 !important;
                
                background-color: rgba(0,0,0,0);
            }
        
            #msg_footer.msg_footer,
            #msg_footer_complete.msg_footer{
                position: fixed;
                top: 50px;
                right: 10px;
                width: 400px;
                height: 50px;
                z-index: 10000;
                border-radius: 3px;
            }

            #msg_footer .d_flex,
            #msg_footer_complete .d_flex{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                padding: 0 15px;
            }

            #msg_footer.green_msg_footer {
                background-color: #d4edda;
                border: 1px solid #c3e6cb;
                color: #155724;
            }

            #msg_footer.red_msg_footer,
            #msg_footer_complete.red_msg_footer{
                background-color: #f8d7da;
                border: 1px solid #f5c6cb;
                color: #721c24;
            }

            #msg_footer .close_msg,
            #msg_footer_complete .close_msg{
                cursor: pointer;
                font-size: 25px;
                padding-right: 15px;
            }

            #msg_footer .close_msg:hover,
            #msg_footer_complete .close_msg:hover{
                color: #000;
            }
            
            .border_red{
                border: 1px solid #e20000;
            }
            footer a{
                color: inherit;
            }
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}