::selection{
  background-color: #2E63CC;
  color: #ffffff;
}
::-webkit-scrollbar {
  width: 12px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: #E7F3F3;
}
::-webkit-scrollbar-thumb {
  background: #9CB5B5;
  border-radius: 15px;
  box-shadow: 0 0 0 3px #E7F3F3 inset;
}


.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none; /* Firefox */
}
*:focus{
  outline: transparent;
}

.categoryBtn {
  column-gap: 5px;
  align-items: center;
  background-color: transparent;
  color: #494949;
  border: 0px;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 8px;
  padding: 8px 14px;
}
.categoryBtn:hover{
  background-color: #ececec;
  transition: all 0.3s;
  color: #1d1d1d;
} 
.overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
  display: none;
}
.menu-container {
  position: fixed;
  top: 60px;
  bottom: 0;
  right: 0;
  display: none;
  flex-direction: row;
  z-index: 11;
}
.menu-box {
  width: 250px;
  background: white;
  border-left: 1px solid #ccc;
  overflow-y: auto;
  padding: 10px;
  display: none;
}
.menu-box.level-1 {
  box-shadow: -5px 1px 16px -1px rgba(0,0,0,0.10);
  z-index: 100;
}
.menu-box.level-2 {
  box-shadow: -5px 1px 16px -1px rgba(0,0,0,0.10);
  z-index: 90;
}
.menu-box.level-3 {
  background-color: rgb(219 234 254);
}
.menu-item {
  padding: 10px;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.2s;
}
.menu-title {
  font-weight: bold;
  font-size: 14px;
  color: #444;
  padding: 10px;
}
.menu-item:hover {
  background-color: rgb(246, 246, 246);
}
.menu-item2:hover {
  background-color: transparent;
}
.menu-level-1{
  display: flex;
  align-items: center;
  font-size: 13px;
  column-gap: 8px;
}
.menu-level-1:hover{
  font-size: 14px;
}
.icon{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
  padding: 5px;
}
/* .rotate-180 {
  transform: rotate(180deg);
} */
.swiper-button-next2,
.swiper-button-prev2 {
  cursor: pointer;
}
.swiper-button-next2:after,
.swiper-button-prev2:after {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: rgb(113 113 122);
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.swiper-button-next2:hover:after,
.swiper-button-prev2:hover:after {
  color: rgb(63 63 70);
}
.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled {
  opacity: 40%;
}

/* hero slider next and prev btn */
.swiper-button-next,
.swiper-button-prev {
  height: 2.2rem;
  width: 2.2rem;
  top: 52%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: rgb(113 113 122);
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  color: rgb(63 63 70);
}
.swiper-pagination-bullet{
  margin-left: 4px;
  margin-right: 4px;
  opacity: 0.9;
  background-color: white;
  width: 10px;
  height: 10px;
}
.swiper-pagination-bullet-active{
  background-color: #214792;
  border: 1px solid white;
  width: 10px;
  height: 20px;
  border-radius: 5px;
  transition: all 0.3s;
}

.swiper-pagination2{
  background-color: #676767;
  margin-right: auto;
  margin-left: 5px;
  margin-bottom: 5px;
}
.swiper-pagination2 .swiper-pagination-bullet{
  margin-left: 2px;
  margin-right: 2px;
  opacity: 0.6;
  background-color: white;
  width: 6px;
  height: 6px;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
  background-color: white;
  opacity: 1;
  width: 14px;
  height: 6px;
  border-radius: 5px;
  transition: all 0.3s;
}

@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
  }
}
@media (max-width: 768px) {
  .swiper-pagination-bullet-active {
    width: 7px;
    height: 15px;
  }
}
@media (max-width: 768px) {
  .heroSlider .swiper-button-prev {
    display: none;
  }
}
@media (max-width: 768px) {
  .heroSlider .swiper-button-next {
    display: none;
  }
}
.noUi-handle-upper {
  top: -9px;
border: 1px solid;
border-color: #d1d5db;
border-radius: 50%;
background: #FFF;
cursor: default;
}
.noUi-handle-upper::before {
  display: none;
}
.noUi-handle-upper::after {
  display: none;
}
.noUi-handle-lower {
  top: -9px;
border: 1px solid;
border-color: #d1d5db;
border-radius: 50%;
background: #FFF;
cursor: default;
}
.noUi-handle-lower::before {
  display: none;
}
.noUi-handle-lower::after {
  display: none;
}
.rtl-filter { direction: rtl; text-align: right; }

.rtl-prices { flex-direction: row-reverse; }



.phone_wrapper div nav .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* main */
.phone_wrapper div {
  overflow: hidden;
}
.phone_wrapper div .tab_reel {
  width: 200%;
  height: 100%;
  display: flex;
  transition: 0.5s cubic-bezier(.18, 1.14, .5, 1.18);
}
.phone_wrapper div .tab_panel1,
.phone_wrapper div .tab_panel2 {
  width: 50%;
}
.activeTabPanel{
  color: #214792;
  border-bottom-width: 2px;
  border-color: #214792;
}

/* page loader — minimal top-right spinner */
.page-loader {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 99999;
  width: 2rem;
  height: 2rem;
  padding: 0.3rem;
  box-sizing: border-box;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  pointer-events: none;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.page-loader.is-hidden {
  opacity: 0;
  transform: scale(0.72);
  visibility: hidden;
}

.page-loader__svg {
  width: 100%;
  height: 100%;
  display: block;
  animation: page-loader-spin 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.page-loader__track {
  fill: none;
  stroke: rgba(33, 71, 146, 0.14);
  stroke-width: 2.25;
}

.page-loader__arc {
  fill: none;
  stroke: #214792;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-dasharray: 28 70;
  animation: page-loader-dash 1.35s ease-in-out infinite;
}

@keyframes page-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes page-loader-dash {
  0% {
    stroke-dasharray: 18 80;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 42 56;
    stroke-dashoffset: -18;
  }
  100% {
    stroke-dasharray: 18 80;
    stroke-dashoffset: -98;
  }
}

/* search shortcut — Ctrl + K */
.search-shortcut {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 56;
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.28rem 0.5rem;
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(161, 161, 170, 0.35);
  color: #71717a;
  font-family: inherit;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  line-height: 1;
}

.search-shortcut span {
  display: inline-block;
}

#search-container:focus-within .search-shortcut,
#search-container.is-typing .search-shortcut {
  opacity: 0;
  transform: translateY(-50%) scale(0.9);
}