@charset "UTF-8";
.ltr {
  direction: ltr !important;
}

.space-top {
  margin-top: 200px;
}

:root {
  --clr-white: #ffffff;
  --clr-black: #111;
}

@font-face {
    font-display: swap;
    font-family: iranyekanBakh;
    font-weight: 400;
    src: local("?"), url("../font/fonts/ttf/Yekan-Bakh-FaNum-04-Regular.woff") format("woff");
}
@font-face {
    font-display: swap;
    font-family: iranyekanBakh;
    font-weight: 500;
    src: local("?"), url("../font/fonts/ttf/Yekan-Bakh-FaNum-06-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Peyda;
  font-weight: 800;
  src: local("?"), url("../font/fonts/ttf/Peyda-Black.ttf") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Peyda;
  font-weight: 600;
  src: local("?"), url("../font/fonts/ttf/Peyda-SemiBold.ttf") format("woff");
}
body {
  font-size: 13px;
  color: rgb(35, 35, 35);
  background-color: rgb(255, 255, 255);
  font-family: iranyekanBakh;
  overflow-x: hidden !important;
  z-index: 0;
}

body.rtl {
  text-align: right;
}
body.rtl .about-us-captions {
  direction: rtl;
}

.rtl {
  direction: rtl;
}

* {
  box-sizing: border-box;
}

.owl-nav {
  display: none;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 10px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.wrapp-deliver-time {
  direction: rtl;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0px;
  padding: 5px 0;
  direction: rtl;
  border-top: 1px solid #eee;
}
.wrapp-deliver-time span {
  font-size: 13px;
  margin-right: 4px;
  margin-top: 3px;
}
.wrapp-deliver-time strong {
  font-size: 14px;
}
.wrapp-deliver-time i {
  margin-left: 4px;
  font-size: 18px;
}

/**
  * Owl Carousel v2.3.4
  * Copyright 2013-2018 David Deutsch
  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: none !important;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
}

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}

.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf",endColorstr="#ffbebebe",GradientType=0);
  background-repeat: repeat-x;
}

.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5",endColorstr="#ffe9e9e9",GradientType=0);
  background-repeat: repeat-x;
  cursor: not-allowed;
}

.slider .tooltip {
  pointer-events: none;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#fff9f9f9",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9",endColorstr="#fff5f5f5",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef",endColorstr="#ff82b3de",GradientType=0);
  background-repeat: repeat-x;
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2e6da4",GradientType=0);
  background-repeat: repeat-x;
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0 solid transparent;
}

.slider-handle:hover {
  cursor: pointer;
}

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

.slider-handle.triangle {
  background: transparent none;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "★";
  color: #726204;
}

.slider-tick {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9",endColorstr="#fff5f5f5",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0 solid transparent;
}

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

.slider-tick.triangle {
  background: transparent none;
}

.slider-tick.custom {
  background: transparent none;
}

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "★";
  color: #726204;
}

.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef",endColorstr="#ff82b3de",GradientType=0);
  background-repeat: repeat-x;
  opacity: 1;
}

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.ah-tab-wrapper {
  position: relative;
}

.ah-tab-wrapper *,
.ah-tab-wrapper *:before,
.ah-tab-wrapper *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ah-tab {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: -0.3em;
}

.ah-tab::before,
.ah-tab::after {
  bottom: 0;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s;
}

.ah-tab::before {
  right: -100%;
  width: 30px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
}

@media (min-width: 768px) {
  .ah-tab::before {
    width: 50px;
  }
}
.ah-tab::after {
  left: 100%;
  width: 80px;
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
}

.ah-tab-overflow-left::before {
  opacity: 1;
  right: 0;
}

.ah-tab-overflow-right::after {
  opacity: 1;
  left: 0;
}

.ah-tab-overflow-wrapper {
  position: absolute;
  width: 43px;
  height: 100%;
  left: 100%;
  opacity: 0;
  top: 0;
  z-index: 1;
  text-align: center;
}

.ah-tab-overflow-wrapper[data-ah-tab-active=true] {
  left: 0;
  opacity: 1;
  transition: opacity 0.3s;
}

.ah-tab-overflow-wrapper:hover {
  z-index: 2;
}

.ah-tab-overflow-menu {
  background: transparent url("././img/theme/ah-tab-overflow-menu.svg") center center no-repeat;
  background-size: 18px;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0.7;
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {
  opacity: 1;
}

.ah-tab-overflow-list {
  position: absolute;
  top: -10000%;
  left: 0;
  text-align: right;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
  list-style: none;
  transition: opacity 0.3s;
  opacity: 0;
  max-width: 290px;
  z-index: 100000;
}

.ah-tab-overflow-list::after {
  content: " ";
  display: block;
  position: absolute;
  top: -14px;
  left: 14px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom-color: #fff;
}

.ah-tab-overflow-list::before {
  content: " ";
  display: block;
  position: absolute;
  top: -16px;
  left: 13px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #cdcdcd;
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {
  top: 99%;
  padding: 10px 0;
  opacity: 1;
}

.ah-tab-overflow-list:hover {
  display: block;
}

.ah-tab-item {
  color: #000;
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  transition: all 0.3s;
  text-decoration: none;
  font-size: 16px;
}
.ah-tab-item i {
  margin-left: 5px;
  font-size: 18px;
  color: #d35154;
}

.ah-tab > .ah-tab-item {
  border-bottom: 3px solid transparent;
  padding: 15px;
}

.ah-tab > .ah-tab-item:hover {
  color: #000;
}

.ah-tab-item[data-ah-tab-active=true] {
  color: #000;
}

.ah-tab > .ah-tab-item:hover {
  border-bottom: 3px solid #000;
}

.ah-tab > .ah-tab-item[data-ah-tab-active=true] {
  border-bottom-color: #000;
}

.ah-tab-overflow-list > .ah-tab-item {
  border-right: 3px solid transparent;
  display: block;
  overflow: hidden;
  padding: 10px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ah-tab-overflow-list > .ah-tab-item:hover {
  border-right-color: #000;
}

.ah-tab-overflow-list > .ah-tab-item[data-ah-tab-active=true] {
  border-right: 3px solid #000 !important;
  border-radius: 0 !important;
}

.ah-tab-overflow-list > .ah-tab-item {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  font-size: 15px !important;
}

.ah-tab-content-wrapper {
  margin: 30px 0;
}

.ah-tab-content {
  display: none;
}

.ah-tab-content[data-ah-tab-active=true] {
  display: block;
}

.stack-menu {
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.stack-menu--active {
  display: block;
}

.stack-menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.stack-menu__list--active {
  display: block;
}

.stack-menu__item--hidden {
  display: none;
}

.stack-menu__link {
  padding: 14px 20px;
  display: block;
  text-decoration: none;
  position: relative;
  color: #000;
  -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
}

.stack-menu__link--back,
.stack-menu__link--parent {
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  background-repeat: no-repeat;
}

.stack-menu__link--parent {
  background-position: center right 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back {
  background-position: center left 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--hidden {
  display: none;
}

.stack-menu__link:hover {
  color: #fff;
  background-color: #007aff;
}

.stack-menu__link--parent:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: 600;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.dt-sl {
  width: 100%;
  height: auto;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
}

.nicescroll-cursors {
  background-color: #ccc !important;
}

.dt-sn {
  padding: 10px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.btn.hover:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (min-width: 1200px) {
  .main-container {
    max-width: 90vw;
  }
}
@media (min-width: 1600px) {
  .main-container {
    max-width: 82vw;
  }
}
@media (max-width: 1200px) {
  .main-container {
    max-width: 100%;
  }
}
.btn {
  padding: 10px;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  border-radius: 10px;
  color: #212121;
  border: 0;
  outline: 0;
}

.btn-light {
  box-shadow: 0 2px 6px #e6ecf1;
  background-color: #e3eaef;
  border-color: #e3eaef;
  color: #191d21;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.disabled:hover,
.btn-light.disabled:focus,
.btn-light.disabled:active {
  background-color: #c3d2dc !important;
}

.btn-dark {
  box-shadow: 0 2px 6px #bac0c6;
  background-color: #191d21;
  border-color: #191d21;
  color: #fff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active {
  background-color: black !important;
}

.btn-success {
  box-shadow: 0 2px 6px #a8f5b4;
  background-color: #63ed7a;
  border-color: #63ed7a;
  color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active {
  background-color: #4cea67 !important;
  color: #fff !important;
}

.btn-info {
  box-shadow: 0 2px 6px #82d3f8;
  background-color: #3abaf4;
  border-color: #3abaf4;
  color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active {
  background-color: #0da8ee !important;
}

.btn-primary {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  border-color: #6777ef;
  color: #fff;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:hover {
  background-color: #394eea !important;
}

.btn-danger {
  box-shadow: 0 2px 6px #fd9b96;
  background-color: #fc544b;
  border-color: #fc544b;
  color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active {
  background-color: #fb160a !important;
}

.btn-warning {
  box-shadow: 0 2px 6px #ffc473;
  background-color: #ffa426;
  border-color: #ffa426;
  color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active {
  background-color: #ff990d !important;
  color: #fff !important;
}

.border {
  border-color: #eee !important;
}

.custom-control-label {
  padding-right: 30px;
  padding-top: 2px;
  cursor: pointer;
}

.custom-control-label::before {
  right: 0;
  left: auto;
}

.custom-control-label::after {
  right: 0;
  left: auto;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary-cm {
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  position: relative;
  border-radius: 10px;
  color: #fff;
  border: 0;
  outline: 0;
  background-color: #d35154;
  overflow: hidden;
}

.btn-primary-cm:hover {
  color: #fff;
}

.btn-primary-cm.btn-with-icon {
  padding-right: 50px;
}

.btn-primary-cm.btn-with-icon.w-100 {
  padding-right: 0;
}

.btn-primary-cm.btn-with-icon::before {
  content: "";
  width: 44px;
  height: 140%;
  position: absolute;
  right: 0;
  top: -10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-primary-cm.btn-with-icon:hover::before {
  width: 110%;
}

.btn-primary-cm.btn-with-icon img {
  width: 24px;
  position: absolute;
  right: 10px;
}

.btn-primary-cm.btn-with-icon i {
  position: absolute;
  right: 10px;
  font-size: 23px;
  top: 7px;
}

.dir-rtl {
  direction: rtl;
}

.dir-ltr {
  direction: ltr;
}

.ps-relative {
  position: relative;
}

.shadow-unset {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.wrapper {
  direction: rtl;
  overflow-x: hidden !important;
}

/* main-content */
main.main-content {
  position: relative;
}

/* ----------------- Start Sidebar */
.sidebar-banner {
  padding: 0;
  text-align: center;
  box-shadow: none;
  background: 0 0;
  margin: 2px 0 15px 0;
}

.sidebar-banner img {
  border-radius: 10px;
}

/* End Sidebar----------------- */
/* ----------------- Start Main-Slider */
.main-slider {
  border-radius: 8px;
  margin-bottom: 2px;
  height: 450;
  border: 0;
  border-radius: 10px;
}

.main-slider-cs {
  height: auto;
  overflow: hidden;
}

#main-slider-res {
  height: auto;
}

.main-slider .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-left: 6px;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.main-slider .carousel-indicators li.active {
  background: #fff;
  width: 40px;
  border-radius: 25px;
}

.main-slider .carousel-control-next {
  left: 0;
  right: auto;
  font-size: 45px;
}

.main-slider .carousel-control-prev {
  right: 0;
  left: auto;
  font-size: 45px;
}

.main-slider .carousel-inner {
  height: 100%;
}

.main-slider .carousel-inner .carousel-item {
  height: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 10px;
}

.main-slider-slide {
  display: block;
  width: 100%;
  height: 450px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  cursor: pointer;
}
.main-slider-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#main-slider-res .main-slider-slide img {
  border-radius: 10px;
  width: 100%;
}

/* End Main-Slider------------ */
/* ----------------- Start Category-Section */
.category-section {
  background-color: #fff;
}

.category-section-title {
  color: #656565;
  margin: 10px auto 24px;
  line-height: 30px;
  opacity: 0.7;
  width: 100%;
  text-align: center;
}

.category-section-title h3 {
  font-size: 19px;
}

.category-section-slider .category-slider .item {
  text-align: center;
}

.category-section-slider .category-slider .item img {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  object-fit: contain;
}

.category-section-slider .category-slider .item h4 {
  font-size: 12px;
  line-height: 30px;
  color: #2a2a2a;
  margin-top: 8px;
  text-align: center;
}

.category-section-slider .category-slider .item h6 {
  color: #00bfd6;
  font-size: 12px;
  line-height: 10px;
}

.category-section-slider .category-slider .item h6::before {
  content: "+";
  margin-left: 2px;
}

.category-section-slider .owl-carousel .owl-nav .owl-prev,
.category-section-slider .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.category-section-slider .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -10px;
  border-radius: 8px 0 0 8px;
}

.category-section-slider .owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -10px;
  border-radius: 0 8px 8px 0;
}

.category-section-slider .owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

/* End Category-Section------------ */
/* ------------ Start Brand-Slider */
a.brand-img {
  display: block;
  height: 120px;
  width: 120px;
  object-fit: contain;
}
a.brand-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.brand-slider .owl-nav {
  margin-top: 0;
}

.brand-slider .owl-nav button {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  line-height: 37px !important;
  text-align: center;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brand-slider .owl-nav button.owl-next,
.brand-slider .owl-nav button.owl-prev {
  background-color: #fff;
  border-radius: 50%;
  font-size: 40px;
  color: #6a6a6a;
}

.brand-slider .owl-nav button.owl-next {
  left: -15px;
  cursor: pointer;
}

.brand-slider .owl-nav button.owl-prev {
  right: -15px;
  cursor: pointer;
}

.brand-slider .owl-nav button.owl-next:hover,
.brand-slider .owl-nav button.owl-prev:hover {
  background-color: #fff;
  color: #000;
}

.brand-slider .owl-nav button.disabled {
  opacity: 0 !important;
}

/* End Brand-Slider------------ */
/* ------------ Start Section-Title */
.section-title {
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
}

.title-wide::after {
  content: "";
  background-color: #d9e1eb;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 16px;
}

.no-after-title-wide::after {
  display: none;
}

.title-wide a,
.title-wide h2 {
  color: #1c1c1c;
  line-height: 33px;
}

.title-wide h2 {
  font-size: 20px;
  height: 33px;
  position: relative;
  z-index: 10;
  display: inline-block;
  padding-right: 40px;
  padding-left: 10px;
}

.text-sm-title h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.title-wide h2:after,
.title-wide h2:before {
  content: "";
}

.mini-banner {
  height: 108px;
  margin-top: 10px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.mini-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.see-all h4 {
  font-size: 16px;
  font-weight: 700;
}
.see-all a {
  padding: 5px 25px;
  background: rgba(252, 226, 227, 0.55);
  border: 1px solid #d35154;
  border-radius: 8px;
  text-align: center;
  color: #d35154;
  font-weight: 600;
  font-size: 15px;
  margin-top: 26px;
}

.title-wide h2:before {
  background: url(/assets/img/theme/title-circles.png) left no-repeat;
  display: block;
  position: absolute;
  right: -20px;
  top: 11px;
  height: 14px;
  width: 32px;
  margin-right: 13px;
  height: 14px;
  width: 32px;
}

.no-title-wide-before h2 {
  padding-right: 10px;
}

.no-title-wide-before h2::before {
  background: none;
}

.title-wide a {
  display: block;
  position: relative;
  float: left;
  padding: 0 10px;
  margin: 4px;
  height: 33px;
  background-color: #edf0f5;
  color: #d35154;
  font-weight: 600;
  border-radius: 3px;
  z-index: 100;
}

.title-wide a::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -28px;
  width: 28px;
  height: 2px;
  background-color: #edf0f5;
}

.section-title p {
  margin: -10px 40px 0;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

/* End Section-Title------------ */
/* ------------ Start Product-Carousel */
section.slider-section {
  padding: 40px 25px 15px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
}

section.slider-section .product-card {
  border-radius: 0;
  border-left: 1px solid #eee;
}

.free-shipping {
  display: flex;
  align-items: center;
  width: max-content;
  position: absolute;
  z-index: 1;
  background: rgba(211, 81, 84, 0.1019607843);
  right: 7px;
  border-radius: 5px;
  padding: 0px 8px;
}
.free-shipping i {
  font-size: 17px;
  color: #d35154;
  margin-left: 5px;
}
.free-shipping strong {
  font-size: 12px;
}

.amazing-section {
  border-radius: 0 !important;
}

.amazing-product a {
  display: block;
  padding: 10px 15px;
}

.amazing-product img {
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  height: 250px;
}

.amazing-product a.view-all-amazing-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  padding: 9px 18px;
  border-radius: 5px;
}

.amazing-product a.view-all-amazing-btn.black-btn {
  color: #000000;
  border: 1px solid #000000;
}

.category-banner a {
  height: 220px;
  width: 220px;
  object-fit: contain;
}
.category-banner a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.amazing-section .product-card {
  border-radius: 10px !important;
  border-left: 0 !important;
}

.amazing-section .product-carousel .item {
  margin-bottom: 20px !important;
}

.product-carousel .item {
  margin-bottom: 40px;
}

.product-carousel {
  position: relative;
}

.product-carousel .owl-dots {
  margin-top: 0 !important;
  text-align: center;
}

.product-carousel .owl-dot {
  outline: none;
}

.product-carousel .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 7px;
  background: #ddd;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.product-carousel .owl-dot.active span,
.product-carousel .owl-dot:hover span {
  background: #d35154;
}

.product-carousel .owl-dot.active span {
  width: 38px;
}

.product-carousel .owl-nav {
  margin-top: 0;
}

.product-carousel .owl-nav button {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 80px;
  margin-top: -20px;
  line-height: 37px !important;
  text-align: center;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-carousel .owl-nav button.owl-next,
.product-carousel .owl-nav button.owl-prev {
  background-color: #fff;
  font-size: 40px;
  color: #6a6a6a;
}

.product-carousel .owl-nav button.owl-next {
  left: 10px;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
}

.product-carousel .owl-nav button.owl-prev {
  right: 10px;
  cursor: pointer;
  border-radius: 8px 0 0 8px;
}

.product-carousel .owl-nav button.owl-next:hover,
.product-carousel .owl-nav button.owl-prev:hover {
  background-color: #fff;
  color: #000;
}

.product-carousel .owl-nav button.disabled {
  opacity: 0 !important;
}

/* ------------ Start Product-Card */
.product-card {
  position: relative;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
  margin: 5px;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.seggest-items .product-card {
  margin: 0px;
  padding: 8px 5px;
}
.seggest-items .product-card .product-img {
  height: 220px;
  width: 100%;
  object-fit: contain;
}
.seggest-items .product-card .product-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-img {
  height: 230px;
  width: 100%;
  object-fit: contain;
}
.product-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-card .promotion-badge {
  font-size: 12px;
}
.product-card .product-timeout {
  position: absolute;
  bottom: -14px;
  right: -8px;
}
.product-card .product-timeout .countdown-timer span {
  display: inline-block;
  width: 50px;
  height: 20px;
  position: relative;
}
.product-card .promotion-badge {
  color: #d35154;
  border-bottom: 1px solid #d35154;
}
.product-card .product-timeout .countdown-timer {
  direction: ltr;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
.product-card .promotion-badge {
  width: 100%;
  height: 25px;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
  line-height: 12px;
  color: #d35154;
  border-bottom: 1px solid rgba(211, 81, 84, 0.2196078431);
  position: absolute;
  top: -31px;
  z-index: 10000000;
}

.product-card .product-timeout .countdown-timer span {
  display: inline-block;
  width: 40px;
  height: 20px;
  position: relative;
  color: #d35154;
}

.product-card .promotion-badge {
  font-size: 12px !important;
  padding-right: 8px;
}

.amazing-section .product-card .product-card-body {
  padding: 5px 15px;
}
.amazing-section .product-card .product-card-body .product-price {
  padding-left: 0;
}

.first-widget-seggustion {
  height: 452px;
  margin-top: 5px;
}

.widget-suggestion .owl-dots {
  margin-top: 0 !important;
  text-align: center;
  top: -10px !important;
  position: relative;
}

.product-card:hover {
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.15);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.15);
}

.product-card .product-head {
  padding: 5px 8px;
}

.rating-stars {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.rating-stars i {
  display: inline-block;
  margin-left: -7px;
  color: #bfbfbf;
  font-size: 0.875rem;
}

.rating-stars i.active {
  color: #ffd800;
}

.discount {
  position: absolute;
  top: 10px;
  left: 10px;
}

.discount span {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #fff;
  background: #d35154;
  border-radius: 15px 15px 0 15px;
}

.product-card .product-thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

.product-card .product-thumb::before {
  background-color: #fff;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  content: "";
  left: -130%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px #fff;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.product-card:hover .product-thumb::before {
  left: 200%;
}

.fire-icon-title {
  font-size: 50px;
  width: 20px;
  display: inline-block;
  color: #d35154;
  position: relative;
  top: 8px;
}

.product-card .product-card-body {
  padding: 0px 2px;
  position: relative;
}

.product-card .product-card-body .add-to-compare {
  position: absolute;
  top: -45px;
  left: 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.1s ease;
}

.product-card:hover .product-card-body .add-to-compare {
  opacity: 1;
}

.product-card .product-card-body .add-to-compare .custom-control {
  padding-left: 0;
}

.product-card .product-card-body .add-to-compare .custom-control-label {
  padding-right: 20px;
}

.product-card .product-meta {
  display: block;
  margin-bottom: 0.5rem;
  color: rgba(140, 140, 140, 0.75);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.product-card .product-meta:hover {
  color: #404040;
}

.product-card .product-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.product-card .product-title > a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #d35154;
  text-decoration: none;
  display: block;
  font-weight: 600;
}

.product-card .product-title > a:hover {
  color: #f44336;
}

.product-card .product-price {
  display: block;
  color: #000000;
  font-weight: 600;
  text-align: left;
  font-size: 15px;
  padding-left: 15px;
}
.product-card .product-price strong {
  font-weight: 600;
}

.hover-effect-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.hover-effect-img::before {
  background-color: white;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  content: "";
  left: -100%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px white;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.card-row:hover .hover-effect-img::before {
  left: 200%;
}

.search-amazing-content {
  padding-top: 65px;
}

.search-amazing-tab .product-card {
  padding-top: 40px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.btn-filter-sidebar {
  background-color: #e0e0e0;
  border: 0;
  border-radius: 7px;
  padding: 10px 20px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.promotion-badge {
  width: 100%;
  height: 29px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 17px;
  color: #d35154;
  border-bottom: 1px solid #d35154;
  position: absolute;
  top: 10px;
}

.promotion-badge.not-available {
  color: #6c757d;
  border-color: #6c757d;
}

.product-card .promotion-badge {
  font-size: 16px;
}

.search-amazing-tab .discount {
  top: 42px;
}

/* End Product-Card------------ */
/* ------------ Start Suggestion-Slider */
.amazing-suggest {
  font-size: 16px;
  font-weight: 600;
}
.amazing-suggest strong {
  color: red;
}

.product-carousel.carousel-md .item {
  margin-bottom: 20px;
}

.widget-suggestion .widget-suggestion-title {
  margin-bottom: 10px;
}

.widget-suggestion .widget-suggestion-title img {
  max-width: 100%;
}

.widget-suggestion #progressBar {
  height: 1px;
  background: #e0e1e2;
  position: relative;
  margin-bottom: 7px;
}

.widget-suggestion .slide-progress {
  box-shadow: 0 0 8px 0 rgba(255, 138, 138, 0.5);
  border-top-style: solid;
  border-width: 0;
  border-top-width: 1px;
  border-color: #d35154;
  position: absolute;
  width: 0;
  right: 0;
  top: 0;
  max-width: 100%;
  display: inline-block;
  animation: progressbar 10s ease-in-out;
  animation-iteration-count: infinite;
}

.widget-suggestion .owl-dots {
  margin-top: 0 !important;
  text-align: center;
}

.widget-suggestion .owl-dot {
  outline: none;
}

.widget-suggestion .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  background: #ddd;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.widget-suggestion .owl-dot.active span,
.widget-suggestion .owl-dot:hover span {
  background: #d35154;
}

.widget-suggestion .owl-dot.active span {
  width: 30px;
}

/* End Suggestion-Slider------------ */
/* ------------ Start Widget */
.widget-banner a {
  height: 150px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.widget-banner a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.widget-banner-fourth a {
  height: 180px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.widget-banner-fourth a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.half-banner a {
  height: 250px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.half-banner a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.widget-search {
  position: relative;
}

.widget-search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 7px;
  font-size: 13px;
  background-color: #fafdfb;
  border: 1px solid #f3f3f3;
  border-radius: 7px;
  outline: none;
}

.widget-search input::placeholder {
  font-size: 12px;
}

.widget-search button.btn-search-widget {
  position: absolute;
  left: 0;
  width: 35px;
  height: 40px;
  background-color: #d35154;
  border: 0;
  border-radius: 7px 0 0 7px;
  outline: none;
}

.widget-search button.btn-search-widget img {
  max-width: 100%;
}

.filter-product .card {
  border-radius: 10px;
  border: 1px solid #f3f3f3;
}

.filter-product .card .card-header {
  background-color: #fff;
}

.filter-product .card .card-header button {
  font-size: 14px;
}

.filter-product .card .card-header button i {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #edf0f5;
  border-radius: 50%;
  font-size: 25px;
  text-align: center;
  color: #d35154;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.filter-product .card .card-header button[aria-expanded=true] i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter-product .card .card-body .custom-control {
  padding-left: 0;
}

.filter-product .card .card-body .filter-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
  margin-top: 7px;
  margin-left: 6px;
  border: 1px solid #f2f2f2;
  position: absolute;
  left: 0;
}

.parent-switcher {
  position: relative;
}

.parent-switcher .ui-statusswitcher {
  position: absolute;
  right: 0;
  top: 0;
}

.parent-switcher .ui-statusswitcher input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.parent-switcher .ui-statusswitcher-slider {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 21px;
  border-radius: 29px;
  border: 1px solid #8c8c8c;
  background: #e5e5e5;
  transition: 0.15s ease-in;
}

.parent-switcher input[type=checkbox]:checked + .ui-statusswitcher-slider {
  background-color: #d35154;
  border-color: #d35154;
}

.parent-switcher .ui-statusswitcher-slider-toggle {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #959595;
  transition: all 0.4s ease;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
}

.parent-switcher input[type=checkbox]:checked + .ui-statusswitcher-slider span {
  right: 21px;
}

.parent-switcher .label-switcher {
  margin-right: 50px;
  margin-bottom: 5px;
  cursor: pointer;
}

.noUi-target {
  border: 0;
  border-radius: 0;
  background-color: #e7e7e7;
  box-shadow: none;
}

.noUi-horizontal {
  height: 0.1875rem;
}

.noUi-horizontal .noUi-handle {
  top: -6px;
  left: -0.375rem;
  width: 15px;
  height: 15px;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.noUi-handle:after,
.noUi-handle:before {
  display: none;
}

.noUi-horizontal .noUi-handle::before {
  display: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  background-color: #d35154;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
  background-color: #d35154;
}

.noUi-horizontal .noUi-handle:focus {
  outline: none;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -0.375rem;
  left: auto;
}

.ui-range-slider-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.875rem;
}

.ui-range-slider-footer > .column:last-child {
  padding-right: 0.9375rem;
  text-align: right;
}

.ui-range-values {
  display: inline-block;
}

.ui-range-values .ui-range-value-min,
.ui-range-values .ui-range-value-max {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
}

.ui-range-values .ui-range-label {
  display: inline-block;
  margin-right: 0.125rem;
  color: #8c8c8c;
  font-size: 0.75rem;
  font-weight: 600;
}

.noUi-connect {
  background: #d35154 !important;
}

/* End Widget------------ */
/* ------------ Start Search Page */
.header-cover {
  content: "";
  background-color: #d35154;
  background-image: url(./img/svg/701f8a6b.svg);
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 275px;
  z-index: -1;
}

.promotion-header-img {
  width: 100%;
  background: url(./img/theme/amazing.svg) 50% no-repeat;
  background-size: contain;
  height: 120px;
}

.search-amazing-tab .ah-tab-item {
  padding: 5px 8px;
  border-radius: 10px;
  border-bottom: 0;
  margin: 0 10px;
  font-size: 13px;
}

.search-amazing-tab .ah-tab-item:first-child {
  margin-right: 40px;
}

.search-amazing-tab .ah-tab-item:hover {
  border: 0;
}

.search-amazing-tab .ah-tab > .ah-tab-item[data-ah-tab-active=true] {
  background-color: #d35154;
  color: #fff;
  padding: 5px 8px;
  border-radius: 10px;
  border-bottom: 0;
}

/* End Search Page------------ */
/* ------------ Start Pagination */
.pagination {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.pagination a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 33px;
  border-radius: 10px;
  font-size: 20px;
  color: #212121;
}

.pagination a.next {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 5px;
  color: #333;
}

.pagination a.prev {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 5px;
  color: #333;
}

.pagination a.active-page {
  background-color: #d35154;
  border-color: #d35154;
  color: #fff;
}

/* End Pagination------------ */
/* ------------ Start Single-Product */
ul.gallery-options {
  position: absolute;
  top: -3px;
  right: 20px;
  z-index: 10;
}

ul.gallery-options li {
  margin-bottom: 5px;
  z-index: 980;
  position: relative;
  list-style: none;
}

ul.gallery-options button {
  width: 40px;
  height: 35px;
  border-radius: 8px;
  background-color: #fff;
  border: 0;
  color: #565656;
  cursor: pointer;
  outline: none;
  font-size: 24px;
}

ul.gallery-options .tooltip-option {
  opacity: 0;
  visibility: hidden;
  padding: 5px 0;
  background-color: #6f6f6f;
  color: #fff;
  z-index: 4;
  font-size: 13px;
  line-height: 1.692;
  position: absolute;
  top: 2px;
  right: 60px;
  width: 130px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

ul.gallery-options .tooltip-option::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  right: -10px;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #6f6f6f;
}

ul.gallery-options li:hover .tooltip-option {
  opacity: 1;
  visibility: visible;
}

/* product-summary */
.product-guaranteed {
  display: flex;
  align-items: center;
  padding: 0 5px;
  max-width: 250px;
  margin: auto;
  text-align: justify;
}

/* product-seller */
.product-sellers {
  overflow-x: auto !important;
}

.product-sellers .product-seller {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  min-width: 910px;
  overflow-x: auto;
}

.product-sellers .product-seller:last-child {
  border-bottom: 0;
}

.product-sellers .product-seller .product-seller-col {
  flex: 1 1 auto;
  padding: 10px;
  box-sizing: border-box;
}

.product-sellers .product-seller .product-seller-title {
  display: flex;
  align-items: center;
}

.product-sellers .product-seller .product-seller-title .icon {
  font-size: 21px;
  color: #979797;
  margin-left: 10px;
  line-height: 0;
}

.product-sellers .product-seller .product-seller-title .name {
  font-size: 18px;
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-title .name .bade {
  font-weight: normal;
}

.product-sellers .product-seller .product-seller-title .detail .value {
  color: #c5252d;
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-title .detail .label {
  color: #979797;
}

.product-sellers .product-seller .product-seller-title .divider {
  margin-right: 5px;
  margin-left: 5px;
  color: #eee;
}

.product-sellers .product-seller .product-seller-info i {
  margin-left: 5px;
}

.product-sellers .product-seller .product-seller-info span {
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-price-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-sellers .product-seller .product-seller-price-action .product-seller-price {
  font-weight: 600;
  font-size: 18px;
}

.product-sellers .product-seller .product-seller-price-action .product-seller-price .currency {
  margin-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

.product-guaranteed i {
  margin-left: 5px;
  font-size: 32px;
  color: #fb3449;
}

.product-guaranteed p {
  margin-bottom: 0;
}

.product-summary {
  margin: 20px;
}

.product-summary .stack-menu {
  background: linear-gradient(0deg, hsla(240, 3%, 94%, 0.5), hsla(240, 3%, 94%, 0.5)), #fff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.product-summary .stack-menu .stack-menu__link--back {
  background-image: unset;
}

.product-summary .stack-menu .stack-menu__link--back::before {
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #9b9b9b;
  font-family: "Font Awesome 5 Pro";
}

.product-summary .stack-menu .stack-menu__link--back::after {
  content: "بازگشت";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(155, 155, 155);
  font-weight: 500;
}

.product-summary .stack-menu .stack-menu__link {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

.product-summary .stack-menu .stack-menu__link:hover {
  background: #ececec;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #000;
}

.stack-menu__item {
  border-top: 1px solid #eee;
}

.product-summary .stack-menu .stack-menu__link--parent {
  background-image: unset;
}

.product-summary .stack-menu .stack-menu__link--parent::before {
  content: "\f141";
  font-family: "Material Design Icons";
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: #9b9b9b;
}

.product-summary .product-seller-row-main img {
  margin-left: 7px;
}

.product-summary .product-seller-row-main .product-seller-first-line {
  display: inline-block;
  margin-bottom: 7px;
}

.product-summary .product-seller-second-line {
  font-size: 14px;
  color: #19bfd3;
}

.product-summary .u-divider:before {
  content: "|";
  display: inline-block;
  color: #e4e4e4;
  margin: 0 4px;
}

.product-summary .stack-menu .stack-menu__link i {
  color: #ef394e;
  font-size: 18px;
  margin-left: 7px;
}

.product-summary .stack-menu .stack-menu__link i.product-delivery-warehouse {
  color: #0fabc6;
}

.product-summary .product-seller-row--price {
  padding: 10px;
  color: #000000;
  font-weight: 600;
  border-top: 1px solid #eee;
}

.product-summary .product-seller-price-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b4b4b4;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
}

.product-summary .product-seller-price-prev {
  text-decoration: line-through;
  font-size: 1.3rem;
}

.product-summary .product-seller-price-off {
  padding: 3px 0.7rem 1px;
  margin-right: 7px;
  font-weight: 600;
  background: #fb3449;
  border-radius: 1rem;
  color: #fff;
  font-size: 14px;
}

.product-summary .product-seller-price-real,
.product-seller-second-line,
.m-t-sm {
  margin-top: 0.5rem;
}

.product-summary .product-seller-price-real {
  text-align: center;
  margin: 0;
}

.product-summary .product-seller-price-raw {
  display: inline;
  font-size: 26px;
  line-height: 35px;
}

.product-summary .product-seller-row .product-additional-item {
  color: #686868;
}

.product-summary .product-seller-row--add-to-cart {
  padding: 0 10px;
  margin-bottom: 10px;
}

.product-summary .stack-menu .btn-add-to-cart {
  font-size: 18px;
  line-height: 1.222;
  border-radius: 8px;
  color: #fff;
  overflow: hidden;
  text-align: center;
  min-height: 55px;
  background-color: #ef394e;
  border: none;
  padding: 16px 18px;
  border: 0;
}

.product-summary .stack-menu .btn-add-to-cart:hover {
  background-color: #ef394e;
  color: #fff;
  border: 0;
}

.product-summary .stack-menu .btn-add-to-cart--full-width {
  width: 100%;
}

.product-summary .product-seller-digiclub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 18px;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
  padding-right: 12px;
}

.product-summary .product-seller-digiclub img {
  height: 20px;
  margin-left: 4px;
}

.product-summary .product-seller-digiclub span {
  font-weight: 700;
}

.product-summary .other-seller {
  padding: 10px;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.product-summary .other-seller:hover {
  background: #ececec;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}

.product-summary .other-seller a {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.product-summary .other-seller a:hover {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.product-summary .product-stock-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #969696;
  font-size: 18px;
  font-weight: 700;
}

.product-summary .product-stock-title:after,
.product-summary .product-stock-title:before {
  content: "";
  margin: 0.7rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  background: #969696;
}

.product-summary .product-stock-status--out-of-stock {
  padding: 10px;
  color: #4a4a4a;
}

.product-summary .product-stock-action {
  width: 100%;
  border-width: 0;
  background: #7a7a7a;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: block;
  margin-top: 15px;
  outline: none;
}

.product-summary .product-stock-action:hover {
  opacity: 0.8;
}

.product-summary .product-seller-row-info {
  color: #00bfd6;
  font-weight: 700;
}

.product-summary .product-info-box-body-wrapper {
  padding: 0 10px 10px;
}

.product-summary .product-info-box-row,
.product-summary .product-stock-action,
.product-summary .product-stock-title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.product-summary .product-info-box-row .seller-name {
  font-size: 13px;
  font-weight: 500;
}

.product-summary .product-info-box-row {
  position: relative;
  font-size: 1rem;
  border-bottom: 1px solid #e4e4e4;
}

.product-summary .product-info-box-row:last-of-type {
  border-bottom-width: 0;
}

.product-summary .product-info-box-feedbacks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.product-summary .product-feedback {
  text-align: center;
  font-size: 0.8rem;
}

.product-summary .product-feedback-percent {
  font-size: 1.5rem;
  color: #c62828;
  background: #ffebee;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}

.product-summary .product-feedback-percent--green {
  color: #388e3c;
  background-color: #e8f5e9;
}

.product-summary .product-v-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-summary .product-v-feedback-label {
  font-size: 0.8rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin-left: 1rem;
}

.product-summary .product-v-feedback-bar {
  position: relative;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: #ccc;
}

.product-summary .product-v-feedback-bar--very-green {
  position: absolute;
  background-color: #47ae4c;
}

.product-summary .product-v-feedback-bar--green {
  position: absolute;
  background-color: #7ed321;
}

.product-summary .product-v-feedback-bar--yellow {
  position: absolute;
  background-color: #ffea00;
}

.product-summary .product-v-feedback-bar--orange {
  position: absolute;
  background-color: #ff9100;
}

.product-summary .product-v-feedback-bar--red {
  position: absolute;
  background-color: #ec3131;
}

.product-summary .product-v-feedback-percent {
  margin-right: 1rem;
}

.product-summary .u-text-big {
  font-size: 1.2rem;
}

.product-summary .u-text-spaced {
  line-height: 26px;
}

.product-summary .product-seller-box--shadowed {
  position: relative;
  min-height: 206px;
}

.product-summary .product-seller-box--shadowed:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 35px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.1%, 0)), to(#ececec));
  background-image: linear-gradient(180deg, hsla(0, 0%, 96.1%, 0), #ececec);
}

.product-summary .shipment-info-box-row {
  padding-top: 15px;
}

.favorites {
  color: #f44336 !important;
}

.product-timeout .countdown-timer {
  direction: ltr;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
}

.product-timeout .countdown-timer span {
  display: inline-block;
  width: 50px;
  height: 35px;
  position: relative;
}

.product-timeout .countdown-timer span[data-days]::before,
.product-timeout .countdown-timer span[data-hours]::before,
.product-timeout .countdown-timer span[data-minutes]::before,
.product-timeout .countdown-timer span[data-seconds]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  font-size: 11px;
  color: #aba1a1;
}

.product-timeout .countdown-timer span[data-days]::before {
  content: "روز";
}

.product-timeout .countdown-timer span[data-hours]::before {
  content: "ساعت";
}

.product-timeout .countdown-timer span[data-minutes]::before {
  content: "دقیقه";
}

.product-timeout .countdown-timer span[data-seconds]::before {
  content: "ثانیه";
}

.mb-add-to-cart-btn-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 65px;
  padding: 10px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 10;
  display: none;
}

.mb-add-to-cart-btn-wrapper .mb-add-to-cart-btn {
  background-color: #f44336;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  margin-bottom: 5px;
}

.product-gallery .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin-left: 0;
  color: #fff;
  background-color: #d35154;
  padding: 5px;
  border-radius: 0;
  z-index: 5;
}

.gallery-item {
  display: block;
  position: relative;
  width: 100%;
  transition: box-shadow 0.35s 0.12s;
  color: #fff;
  text-decoration: none;
}

.gallery-item::before,
.gallery-item::after {
  display: block;
  position: absolute;
}

.gallery-item::after {
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: -22px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  z-index: 5;
}

.gallery-item:not(.type-video)::after {
  transform: scale(0.2);
  transition: all 0.3s 0.12s;
  color: #404040;
  font-family: "Material Design Icons";
  font-size: 1.3125rem;
  font-weight: normal;
  line-height: 44px;
  text-align: center;
  content: "\f6ec";
  opacity: 0;
}

.product-gallery .gallery-item::after {
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.26);
}

.gallery-item:hover:not(.type-video)::after {
  transform: scale(1);
  opacity: 1;
}

.product-gallery .product-carousel .owl-nav button.owl-next,
.product-gallery .product-carousel .owl-nav button.owl-prev {
  width: 50px;
  height: 60px;
  line-height: 50px !important;
}

.product-info .product-title {
  margin-top: 18px;
  border-bottom: 1px solid #f2f2f2;
}

.product-info .product-title h1 {
  font-size: 18px;
  color: #000000;
  position: relative;
  line-height: 35px;
}

.product-info .product-title h1::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

.product-info .product-title h3 {
  font-size: 14px;
  color: #878787;
  font-weight: 600;
  position: relative;
  margin-top: 20px;
  padding-bottom: 10px;
}

.product-info .product-title h3::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.product-variant {
  margin: 20px 0 10px;
  color: #6f6f6f;
  vertical-align: top;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
}

.product-variant > span {
  font-size: inherit;
  color: inherit;
  padding-left: 15px;
  margin-top: 3px;
  float: right;
}

.widget-longer a {
  height: 200px !important;
}

.product-variants {
  margin-right: -8px;
  list-style: none;
  padding: 0;
  display: inline-block;
  margin-bottom: 0;
}

.ui-variant {
  display: inline-block;
  position: relative;
}

.product-variants li {
  margin: 0 8px 8px 0;
  display: inline-block;
}

.ui-variant {
  display: inline-block;
  position: relative;
}

.ui-variant--color .ui-variant-shape {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 8px;
  top: 8px;
  border-radius: 50%;
  background: #ccc;
  border: 1px solid #000;
  content: "";
  cursor: pointer;
}

.ui-variant input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.ui-variant--check {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #6f6f6f;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  display: block;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.ui-variant--color .ui-variant--check {
  padding-right: 37px;
}

input[type=radio]:checked + .ui-variant--check {
  border-color: #d35154;
}

.product-params {
  height: 192px;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}

.product-params.active {
  height: auto;
}

.product-params ul {
  list-style: none;
  padding: 0;
  color: #55565a;
  margin: 20px 0;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
}

.select-options {
  width: 30%;
}

.product-params ul:before {
  content: attr(data-title);
  background: url(/assets/img/theme/title-circles.png) left no-repeat;
  font-size: 13px;
  font-size: 18px;
  line-height: 28px;
  display: list-item;
  font-weight: 600;
  color: #000;
  direction: rtl;
  background-position: right;
  padding-right: 40px;
}

.product-params ul li {
  margin: 5px 15px;
  width: 100%;
  font-size: 13px;
  position: relative;
}

.product-select {
  border: 1px solid transparent;
  border-radius: 10px;
  color: #6f6f6f;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 14px;
  line-height: 28px;
  display: block;
  margin-bottom: 0px !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.product-params ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ccc;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: -14px;
}

.product-service-item {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.product-service-item .service-item {
  display: flex;
  align-items: center;
}
.product-service-item .service-item p {
  color: #6d6c6c;
  font-size: 12px;
}
.product-service-item .service-item img {
  opacity: 0.4;
}

.product-params ul li span {
  margin-left: 5px;
  white-space: normal;
}

.product-params ul li span:first-child {
  font-weight: 700;
}

.product-params .sum-more {
  width: 100%;
  position: absolute;
  height: 50px;
  text-align: right;
  background: #fff;
  bottom: 0;
  right: 0;
  line-height: 47px;
  font-size: 13px;
  box-shadow: 0 0 10px #fff;
  cursor: pointer;
}

.btn-link-border {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #1ca2bd;
  padding: 0;
  line-height: 2;
  font-size: 12px;
}

.btn-link-border:after {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 0.85em;
  content: "";
  position: absolute;
  border-bottom: 1px dashed #1ca2bd;
}

.product-params .show-less {
  display: none;
}

.product-info .price {
  font-weight: 600;
  color: #000;
  font-size: 30px;
}

.tabs-product-info .ah-tab .ah-tab-item i {
  margin-left: 5px;
}

.description-product {
  line-height: 30px;
  color: #666;
  text-align: justify;
}

.accordion-product .card {
  border: 0;
  padding-bottom: 20px;
}

.accordion-product .card .card-header {
  background-color: #fff;
  padding: 5px 15px;
  border-bottom: 0;
  border: 1px solid #eee;
  border-radius: 10px !important;
}

.accordion-product h5 button {
  font-size: 14px;
  color: #000;
  padding-right: 50px;
  position: relative;
  font-weight: 600;
}

.accordion-product h5 button:hover,
.accordion-product h5 button:active {
  color: #000;
  text-decoration: none;
}

.accordion-product h5 button::before {
  content: "-";
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #d35154;
  position: absolute;
  right: 0;
  top: 6px;
  border: none;
  color: #fff;
  border-radius: 5px;
  outline: none;
}

.accordion-product h5 button.collapsed::before {
  content: "+";
}

.accordion-product .card-body img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.accordion-product .card-body p {
  font-size: 15px;
  line-height: 2.53;
  color: #404040;
  margin: 20px 0;
}

.params section {
  width: 100%;
  margin-bottom: 20px;
}

.params .params-title {
  color: #4d4d4d;
  margin-bottom: 25px;
  position: relative;
  padding-right: 19px;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: -0.3px;
}

.params .params-title:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #00bfd6;
  transform: rotate(45deg);
}

.params .params-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
  width: 100%;
}

.params .params-list li {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  margin: 8px -8px;
  width: 100%;
  padding-right: 19px;
}

.params .params-list li .params-list-key {
  flex: 0 0 19%;
  max-width: 19%;
  margin-left: 20px;
  background: #efefef;
  border-radius: 5px;
  padding: 14px 18px 12px;
  margin-bottom: 10px;
}

.params .params-list li .params-list-value {
  flex: 0 0 79%;
  max-width: 79%;
  font-size: 13px;
  background: #efefef;
  border-radius: 5px;
  padding: 14px 18px 14px;
  margin-bottom: 5px;
}

.content-expert-rating {
  list-style: none;
  padding: 5px 13px 33px 60px;
  background: #e8e8e8;
  border-radius: 5px;
}

.content-expert-rating > li {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
  margin-top: 15px;
  border-bottom: 1px solid #f9f7f7;
  padding-bottom: 4px;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.content-expert-rating > li:first-child {
  margin-top: 0;
}

.content-expert-rating > li .cell {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 7px;
  padding-left: 7px;
  font-size: 14px;
  font-weight: 600;
}

.content-expert-rating > li .cell:first-child {
  flex: 0 0 45%;
  max-width: 45%;
}

.content-expert-rating > li .cell:last-child {
  flex: 0 0 55%;
  max-width: 55%;
}

.content-expert-rating .rating {
  position: relative;
  height: 4px;
  border-radius: 3px;
  background: #ffffff;
}

.rating--general {
  background-color: #d5d5d5;
}

.content-expert-rating {
  list-style: none;
  padding: 22px 12px 22px 60px;
  background: rgba(232, 232, 232, 0.6392156863);
  border-radius: 5px;
}

.rating[data-rate-digit]:before {
  position: absolute;
  right: 100%;
  top: 50%;
  content: attr(data-rate-digit);
  margin-right: 11px;
  color: #6f6f6f;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rating-rate {
  width: 0;
  height: 100%;
  background: silver;
  border-radius: 3px;
}

.rating--general .rating-rate {
  background-color: #d35154;
}

.comments-summary-box,
.comments-summary-note {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px;
}

.comments-summary-note > span {
  font-size: 19px;
  font-size: 16px;
  line-height: 1.158;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
  display: block;
}

.comments-summary-note p {
  font-size: 15px;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 35px;
  color: #676767;
}

.comments-tab .card-body p {
  font-size: 15px;
  line-height: 2.53;
  color: #404040;
  margin: 20px 0;
}

.count-comment {
  font-size: 14px !important;
  margin: 8px 0px !important;
}

.comments-area ol.comment-list {
  list-style: none;
  padding: 0;
  width: 100%;
}

.comments-area ol.comment-list li .comment-body {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px 20px 20px;
  line-height: 30px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #f7f1f1;
  background-color: #fff;
}

.section-line {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin: 10px 0px;
}

.message-light {
  font-size: 14px;
  padding: 15px 20px;
  position: relative;
  border-radius: 10px;
  line-height: 22px;
  margin: 15px 25px 10px;
  background-color: #f9f7d8;
  border: 1px solid #f6e8a1;
  color: #a37731;
  text-align: justify;
}

.message-light--purchased {
  font-size: 13px;
  line-height: 2.23;
  border-radius: 10px;
  color: rgba(36, 90, 29, 0.98);
  padding: 7px 40px 7px 12px;
  background-color: #fff;
  border: 0;
}

.comment-body .message-light {
  margin: 15px 0;
}

.message-light--purchased:before {
  content: "\f111";
  font-family: "Material Design Icons";
  font-size: 28px;
  position: absolute;
  right: -20px;
  top: -4px;
  width: 50px;
  height: 50px;
  color: #212121;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
  border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
}

.comments-user-shopping {
  list-style: none;
  padding: 5px 0 0;
}

.comments-user-shopping > li {
  margin: 20px 0;
}

.comments-user-shopping > li .cell {
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  color: #777;
  margin: 5px 0;
}

.comments-user-shopping > li > .cell {
  color: #000;
  font-weight: 600;
}

.comments-user-shopping > li .color-cell {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.comments-user-shopping > li .color-cell .shopping-color-value {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.comments-user-shopping > li .seller-cell:before {
  content: "\f00ec";
  font-family: "Material Design Icons";
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-left: 7px;
}

.o-text-blue {
  color: #1ca2bd;
}

.message-light--opinion-positive {
  font-size: 13px;
  line-height: 2.23;
  background-color: #fff;
  border: 0;
  border-radius: 10px;
  color: rgba(36, 90, 29, 0.98);
  padding: 7px 40px 7px 12px;
}

.message-light--opinion-positive:before {
  content: "\f514";
  font-family: "Material Design Icons";
  font-size: 28px;
  position: absolute;
  right: -20px;
  top: -4px;
  width: 50px;
  height: 50px;
  color: #4ae3f3;
  text-align: center;
  line-height: 50px;
}

.rate-product {
  font-family: iranyekanBakh;
  margin: 0 10px;
  color: #394eea;
  font-size: 18px;
}

.comments-area .comment-content {
  padding-bottom: 35px;
}

.comments-area ol li {
  list-style: none;
}

.comments-area ol.comment-list .comment-title {
  font-size: 19px;
  line-height: 1.158;
  color: #5f5f5f;
  font-weight: 600;
}

.comments-area ol.comment-list .comment-author {
  font-size: 14px;
  line-height: 1.571;
  display: block;
  color: #adadad;
  margin-top: 5px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.comments-area ol.comment-list li .comment-body p {
  text-align: justify;
}

.comments-area ol.comment-list li .fn {
  font-size: 15px;
  margin-left: 0;
  float: right;
  font-weight: 600;
  font-style: normal;
  color: #000;
}

.comments-area ol.comment-list li .says {
  margin-left: 15px;
  margin-right: 5px;
}

.comments-area ol.comment-list li .commentmetadata {
  float: left;
}

.comments-area ol.comment-list li .commentmetadata a {
  color: #03a9f4;
  font-size: 13px;
}

.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #1ca2bd;
  padding: 0;
  line-height: 2;
  font-size: 14px;
}

.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link::before {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 0.85em;
  content: "";
  position: absolute;
  border-bottom: 1px dashed #1ca2bd;
}

.comments-area ol.comment-list li .comment-body .icon-comment {
  font-size: 27px;
  position: absolute;
  right: -20px;
  top: -24px;
  width: 40px;
  height: 40px;
  background-color: #d35154;
  border: 1px solid #d35154;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 38px;
}

.comments-area ol.comment-list li .comment-body .icon-comment.mdi {
  background-color: #c1ff26;
  border: 1px solid #e2f0d5;
  color: rgba(36, 90, 29, 0.98);
}

.content-expert-evaluation-negative,
.content-expert-evaluation-positive {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.content-expert-evaluation-positive span {
  color: #00bfd6;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
}

.content-expert-evaluation-negative span {
  color: #f44336;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
}

.content-expert-evaluation-negative ul,
.content-expert-evaluation-positive ul {
  list-style: none;
  padding: 0;
}

.content-expert-evaluation-negative ul li,
.content-expert-evaluation-positive ul li {
  margin: 6px 0;
  padding-right: 17px;
  color: #5f5f5f;
  position: relative;
}

.content-expert-evaluation-negative ul li:before,
.content-expert-evaluation-positive ul li:before {
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
}

.content-expert-evaluation-positive ul li:before {
  background-color: #00bfd6;
}

.comments-area ol.comment-list .footer {
  position: absolute;
  bottom: 0;
  left: 30px;
}

.comments-likes {
  text-align: left;
  color: #777;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
}

.comments-area ol.comment-list li img.avatar {
  position: absolute;
  top: 4px;
  right: -40px;
  left: auto;
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 50%;
  padding: 0;
  z-index: 999;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.btn-like {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  padding: 2px 13px;
  color: #8c8c8c;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  outline: none !important;
  cursor: pointer;
}

.comments-likes .btn-like {
  margin-right: 17px;
}

.btn-like[data-counter]:before {
  margin-left: 7px;
  color: #7a7a7a;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: inherit;
  content: attr(data-counter);
}

.form-question-answer textarea {
  border-radius: 10px;
  padding: 10px;
}

/* Single-Product------------ */
/* ------------ Start Single-Product-Comment */
.comments-product-attributes-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.692;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-right: -10px;
}

.comments-product-attributes .slider.slider-horizontal {
  width: 70%;
}

.comments-product-attributes .slider.slider-horizontal.slider-rtl .slider-track {
  background: #d5d5d5;
  height: 5px;
}

.comments-product-attributes .slider-selection.tick-slider-selection {
  background: #35ccde;
}

.comments-product-attributes .slider-tick {
  width: 12px;
  height: 12px;
  background: silver;
  border: 2px solid #fcfcfc;
  top: 2px;
}

.comments-product-attributes .slider-tick.in-selection {
  width: 12px;
  height: 12px;
  border: 2px solid #fcfcfc;
  background-color: #35ccde;
  top: 2px;
}

.comments-product-attributes .slider-handle {
  width: 19px;
  height: 19px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: #35ccde;
  top: -3px;
}

.comments-add-col--content .form-ui form {
  max-width: 100%;
}

.comments-add-col--content input::placeholder,
.comments-add-col--content textarea::placeholder {
  padding-right: 7px;
}

.comments-add-col--content h3 {
  margin-bottom: 25px;
  letter-spacing: -0.5px;
  font-size: 22px;
  line-height: 1.5;
  color: #555;
}

.comments-add-col--content .desc-comment {
  color: #54696b;
}

.comments-add-col--content .cl-circle-title {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  float: right;
  margin: 8px 0 0 10px;
}

.comments-add-col--content .cl-circle-title.cl-primary {
  background: #00bfd6;
}

.comments-add-col--content .cl-circle-title.cl-red {
  background: #fb3449;
}

.product-offer-question-option {
  padding-right: 40px;
}

.product-offer-question-option label {
  color: #6777ef;
  padding-top: 0;
}

.comments-add-col--content p {
  font-size: 14px;
  line-height: 1.36;
  text-align: justify;
  margin: 10px;
}

.comments-add-col--content .add-points {
  width: 30px;
  height: 28px;
  background: none;
  position: absolute;
  left: 6px;
  top: 8px;
  padding: 0;
  cursor: pointer;
  border: 2px solid #878787;
  border-radius: 4px;
  color: #878787;
  font-size: 24px;
  line-height: 23px;
  outline: none;
  display: none;
}

.form-comment-title {
  margin-bottom: 12px;
  color: #565656;
  font-size: 16px;
  font-size: 1.143rem;
  line-height: 1.375;
  position: relative;
}

.form-comment-title--positive {
  padding-right: 25px;
}

.form-comment-title--negative {
  padding-right: 25px;
}

.form-comment-title--positive:before {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 6px;
  border-radius: 4px;
  background: #00bfd6;
  content: "";
}

.form-comment-title--negative:before {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 6px;
  border-radius: 4px;
  background: #fb3449;
  content: "";
}

.ui-input--add-point {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 22px;
}

.ui-input--add-point .ui-input-field {
  padding-left: 44px;
}

.ui-input--add-point .ui-input-point {
  width: 48px;
  height: 100%;
  background: none;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  cursor: pointer;
}

.ui-input--add-point .ui-input-point:before {
  content: "+";
  font-size: 22px;
  position: absolute;
  top: 7px;
  left: 7px;
  color: #878787;
  border: 2px solid #878787;
  border-radius: 5px;
  padding: 0 7px;
}

.form-comment-dynamic-labels {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 10px;
}

.ui-dynamic-label {
  position: relative;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
  border-radius: 8px;
  padding: 8px 14px 8px 38px;
  background: #ccc;
}

.ui-dynamic-label--positive {
  background-color: #edf6f7;
  color: #3a8c96;
}

.ui-dynamic-label--negative {
  background-color: #fff3f4;
  color: #fb3449;
}

.form-comment-dynamic-labels .ui-dynamic-label {
  margin-top: 12px;
}

.ui-dynamic-label-remove {
  width: 38px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}

.ui-dynamic-label-remove:before {
  position: absolute;
  content: "×";
  font-size: 25px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* End Single-Product-Comment------------ */
.auth-wrapper {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.auth-wrapper .section-title {
  padding: 0 15px;
}

.auth-wrapper .form-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: rgba(97, 224, 0, 0.08);
  padding: 25px 0;
}

.form-ui form {
  padding: 20px;
  max-width: 380px;
  margin: 0 auto;
}

.blog-comment form {
  max-width: unset;
  margin: 0;
}

.form-ui .form-row-title {
  margin-top: 20px;
}

.form-ui .form-row-title:first-child {
  margin-top: 0;
}

.form-ui .form-row-title h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.form-ui .form-row-title h4 {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.form-ui .form-row.with-icon {
  position: relative;
}

.form-ui .form-row .input-ui {
  width: 100%;
  height: 45px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  outline: none;
}

.form-ui .form-row .input-ui.placeholder-right::placeholder {
  text-align: right;
  padding-right: 0.5rem !important;
}

.form-ui .form-row.with-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 20px;
  color: #979797;
  transform: translateY(-50%);
}

.form-ui .form-row textarea {
  height: 120px !important;
  padding-top: 10px;
}

.form-ui .custom-select-ui {
  width: 100%;
}

.form-ui .custom-select-ui .nice-select {
  width: 100%;
  padding-right: 18px;
  padding-left: 30px;
  border-radius: 10px;
  clear: none;
}

.form-ui .custom-select-ui .nice-select .current {
  float: right;
}

.form-ui .custom-select-ui .nice-select:after {
  left: 12px;
  right: auto;
}

.form-ui .custom-select-ui .nice-select:active,
.form-ui .custom-select-ui .nice-select.open,
.form-ui .custom-select-ui .nice-select:focus {
  border-color: #dbdbdb;
}

.form-ui .custom-select-ui .nice-select.right .list {
  width: 100%;
  height: 160px;
  overflow-y: auto;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
}

.form-ui .custom-select-ui .nice-select .option {
  padding-right: 18px;
  padding-left: 29px;
  text-align: right;
}

.form-ui .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 40px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 26px;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e0e0e2;
  border-radius: 10px;
}

.form-ui .custom-file-label::after {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 38px;
  padding: 0.375rem 0.75rem;
  line-height: 26px;
  color: #495057;
  content: "بارگذاری";
  background-color: #e9ecef;
  border-right: inherit;
  border-left: 0;
  border-radius: 10px 0 0 10px;
}

.form-ui .custom-file-input:focus ~ .custom-file-label {
  border-color: #e0e0e2;
  box-shadow: unset;
}

.form-ui .form-footer a {
  color: #d35154;
  font-weight: 600;
  border-bottom: 1px dashed #d35154;
}

.circle-box-icon {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  line-height: 100px;
  font-size: 50px;
  background-color: #edf0f5;
  border-radius: 50%;
  color: #ababab;
  text-align: center;
}

.numbers-verify {
  width: 100%;
}

.numbers-verify .lines-number-input {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #eee;
  color: #717171;
  font-size: 14px;
  line-height: 1.571;
  padding: 11px 12px;
  width: 100%;
  text-align: center;
  direction: ltr;
}

.numbers-verify .lines-number-input .line-number {
  display: inline-block;
  width: 40px;
  height: 30px;
  border: 0;
  border-bottom: 4px solid #c8c8c8;
  margin: 0 7px;
  outline: none;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

#countdown-verify-end {
  display: inline-block;
  margin-bottom: 0;
}

#countdown-verify-end span {
  float: left;
}

#countdown-verify-end span.day {
  display: none;
}

#countdown-verify-end span.hour {
  display: none;
}

#countdown-verify-end a.btn-link-border {
  float: right;
  margin-top: -1px;
  color: #d35154;
  font-weight: 600;
}

#countdown-verify-end a.btn-link-border:after {
  border-color: #d35154;
}

/* ------------ Start Profile */
.profile-sidebar-header .profile-avatar img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.profile-sidebar-header .profile-header-content .profile-username {
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar-header .profile-header-content .profile-phone {
  color: #b9b9b9;
  font-size: 13px;
}

.profile-sidebar-header .profile-point {
  border-bottom: 1px solid #ededed;
}

.profile-sidebar-header .profile-point .label-profile-point {
  color: #00bfd6;
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar-header .profile-point .value-profile-point {
  color: #b9b9b9;
  font-weight: 600;
}

.profile-sidebar-header .profile-link a {
  display: block;
  width: 100%;
  height: 100%;
  color: #7b7b7b;
}

.profile-sidebar-header .profile-link a:hover {
  color: #00bfd6;
}

.profile-sidebar .profile-menu-section .label-profile-menu {
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar .profile-menu-section .profile-menu ul li {
  list-style: none;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a {
  display: block;
  padding: 10px 5px;
  color: #7b7b7b;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a.active,
.profile-sidebar .profile-menu-section .profile-menu ul li a:hover {
  color: #00bfd6;
  background-color: #f6ffff;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a i {
  float: right;
  font-size: 19px;
  margin: -3px 4px;
}

.user-menu .btn:not(:disabled):not(.disabled).active,
.user-menu .btn:not(:disabled):not(.disabled):active,
.user-menu .show > .btn.dropdown-toggle {
  color: #fff;
  box-shadow: 0 2px 6px #a8f5b4 !important;
  background-color: #63ed7a !important;
  border-color: #63ed7a !important;
}

.user-menu .btn.focus,
.user-menu .btn:focus {
  box-shadow: none;
}

.user-menu-responsive .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  transform: translate3d(0, 39px, 0px) !important;
}

.user-menu-responsive .dropdown-menu a {
  padding: 7px;
  font-size: 14px;
}

.profile-navbar {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}

.profile-navbar .profile-navbar-btn-back {
  background: none;
  height: 56px;
  border: none;
  border-left: 1px solid #dfdfdf;
  margin-left: 15px;
  font-size: 13px;
  line-height: 2.2;
  letter-spacing: -0.2px;
  color: #767676;
  padding: 36px 0 0 16px;
  cursor: pointer;
  position: relative;
}

.profile-navbar .profile-navbar-btn-back:before {
  content: "\f054";
  position: absolute;
  right: 2px;
  top: -20px;
  font-family: "Material Design Icons";
  font-size: 37px;
}

.profile-navbar h4 {
  font-size: 21px;
  line-height: 23px;
  color: #858585;
}

.profile-navbar h4 span {
  display: block;
  font-size: 12px;
  line-height: 1.833;
  letter-spacing: -0.3px;
  margin-top: 5px;
  margin-bottom: -5px;
  color: #acacac;
}

.profile-navbar h4 span.font-en {
  display: inline-block;
  color: #858585;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.profile-section {
  height: 310px;
  padding: 10px;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}

.profile-section .label-info {
  color: #b9b9b9;
  font-size: 12px;
  font-weight: 600;
}

.profile-section .value-info {
  color: #4a5f73;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-section .list-favorites li {
  display: flex;
  vertical-align: middle;
  height: 60px;
  list-style: none;
  padding: 10px;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 8px;
  position: relative;
}

.profile-section .list-favorites li a {
  display: inline-block;
}

.profile-section .list-favorites li a span {
  width: 310px;
  color: #7b7b7b;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.profile-section .list-favorites li a span:hover {
  color: #00bfd6;
}

.profile-section .list-favorites li a img {
  width: 40px;
  height: 40px;
  border-radius: 25px;
}

.profile-section .list-favorites li button {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  font-size: 20px;
  border: 0;
  border-radius: 12px;
  background-color: #edf0f5;
  color: #d35154;
  outline: none;
  cursor: pointer;
}

a.border-bottom-dt {
  color: #d35154;
  font-weight: 600;
  border-bottom: 1px dashed #d35154;
}

.profile-section .profile-section-link {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
  text-align: center;
}

.table-responsive {
  background-color: #fff;
}

.table-order {
  margin-bottom: 0;
}

.table-order thead {
  background-color: #d35154;
  color: #fff;
}

.table-order td,
.table-order th {
  text-align: center;
  vertical-align: middle;
}

.table-order thead th {
  border: 0;
}

.table-order td.details-link,
.table-order td.link-to-orders {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.table-order td.details-link a {
  display: block;
  font-size: 30px;
  border-radius: 50%;
  color: #a9a9a9;
}

.table-order td.details-link:hover {
  background-color: #e5e5e5;
}

.table-order td.link-to-orders a {
  display: block;
  color: #535353;
}

.table-order td.link-to-orders:hover {
  background-color: #e5e5e5;
}

.table-order-details td {
  border-left: 1px solid #ededed;
}

.table-order-details .details-product-area {
  display: flex;
  align-items: center;
}

.table-order-details img.thumbnail-product {
  width: 60px;
  margin-left: 7px;
}

.table-order-details .details-product {
  font-size: 13px;
  line-height: 2;
  letter-spacing: -0.7px;
  text-align: right;
  text-overflow: ellipsis;
  width: 160px;
  overflow: hidden;
  position: relative;
}

.table-order-details .details-product::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.table-order-details .details-product span {
  display: block;
  font-size: 12px;
  line-height: 1.833;
  color: #acacac;
  letter-spacing: 0;
}

.table-draught div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 36px;
  border-bottom: 1px solid #ededed;
}

.table-draught div:last-child {
  border-bottom: 0;
}

.table-draught div span.title {
  display: block;
  color: #00bfd6;
  font-size: 17px;
  font-weight: 600;
}

.table-draught div span.value {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}

.profile-order-steps-item {
  height: 160px;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  text-align: center;
}

.profile-order-steps-item.is-active::before {
  content: "\f63d";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-family: "Material Design Icons";
  font-size: 25px;
  color: #009ec9;
  z-index: 1;
}

.profile-order-steps-item.is-active::after {
  content: "";
  position: absolute;
  right: 55%;
  bottom: 16px;
  width: 96%;
  height: 3px;
  margin: auto;
  background-color: #009ec9;
  z-index: -1;
}

.profile-order-steps-item img {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  max-width: 140px;
  margin: auto;
}

.profile-order-steps-item span {
  white-space: nowrap;
  margin-top: 10px;
  color: #6f6f6f;
}

.profile-order-steps-item.is-active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.profile-order-steps-item.is-active img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.profile-order-steps-item.is-active span {
  color: #009ec9;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev,
.profile-order-steps.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -20px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.profile-order-steps.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -20px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.profile-order-steps.owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev i,
.profile-order-steps.owl-carousel .owl-nav .owl-next i {
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
}

.additional-info form {
  max-width: 100%;
}

/* End Profile------------ */
/* ------------ Start Cart */
.cart-empty {
  text-align: center;
}

.cart-empty p.cart-empty-title {
  color: #858585;
  font-size: 28px;
}

.cart-empty .cart-empty-links a {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
}

.cart-empty .cart-empty-links a::after {
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  height: 100%;
  border-left: 1px solid #d5d5d5;
}

.cart-empty .cart-empty-links a:last-child::after {
  display: none;
}

/*------------------------------------
    Compare
------------------------------------*/
.compare-quick-title {
  color: #4d4d4d;
  font-size: 19px;
  line-height: 1.158;
  margin-bottom: 25px;
  letter-spacing: -0.3px;
  position: relative;
  padding-right: 19px;
}

.compare-quick-title:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 0;
  height: 0;
  border-color: transparent #00bfd6 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 7px 0;
}

.compare-quick-list {
  list-style: none;
  padding: 0;
  margin-bottom: 47px;
  background-color: #fff;
}

.compare-quick-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0;
}

.compare-list-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.692;
  padding: 9px 26px;
  background-color: #eaeaea;
  font-weight: 700;
}

.compare-list-value {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  border-right: 1px solid #e4e4e4;
}

.compare-list-value:first-child {
  border-right: none;
}

.compare-list-value .block {
  padding: 14px 18px 12px;
  font-size: 14px;
  line-height: 1.571;
  color: #4d4d4d;
  letter-spacing: -0.3px;
  min-height: 47px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.features-checkout-slider .item {
  text-align: center;
}

.features-checkout-slider .item a {
  display: block;
}

.features-checkout-slider .item img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 10px auto 10px;
}

.features-checkout-slider .item .title-feature-checkout-slider {
  font-size: 13px;
  line-height: 1.692;
  color: #606060;
  letter-spacing: 0.2px;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev,
.features-checkout-slider.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -20px;
  color: #a8a8a8;
  box-shadow: -1.5px 0 4px 0 rgba(0, 0, 0, 0.15);
}

.features-checkout-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -20px;
  color: #a8a8a8;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.2);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.2);
}

.features-checkout-slider.owl-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: all;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev i,
.features-checkout-slider.owl-carousel .owl-nav .owl-next i {
  font-size: 25px;
  color: #000;
  line-height: 40px;
}

.tab-cart-page .nav-tabs {
  border: 0;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
}

.tab-cart-page a {
  width: 50%;
  text-align: center;
  color: #818181;
  padding: 8px;
  height: 42px;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 4px solid transparent !important;
}

.tab-cart-page a:first-child {
  border-left: none !important;
  border-radius: 0 5px 0 0 !important;
}

.tab-cart-page a:last-child {
  border-radius: 5px 0 0 0 !important;
}

.tab-cart-page a.active {
  color: #000;
  font-weight: 600;
  background-color: #fff !important;
  border-bottom-color: #d35154 !important;
}

.tab-cart-page a span.count-cart {
  color: #f8f8f8;
  background-color: #d35154;
  margin-right: 4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.checkout-content {
  margin: 0 0 10px;
  background-color: #fff;
  border-radius: 8px;
}

.checkout-header {
  display: flex;
  align-items: center;
  margin: 0 16px;
  padding: 12px 24px 12px 0;
  border-bottom: 1px solid #fff;
  position: relative;
}

.checkout-header--express {
  color: #d35154;
  border-bottom-color: #d35154;
}

.checkout-header:before {
  font-size: 24px;
  position: absolute;
  right: 0;
}

.checkout-header--express:before {
  content: "\f787";
  font-family: "Material Design Icons";
  font-size: 18px;
}

.checkout-header .checkout-add-all-to-cart {
  font-size: 12px;
  line-height: 1.833;
  font-weight: 700;
  margin-right: auto;
  cursor: pointer;
}

.checkout-header-title {
  margin-right: 8px;
  color: #858585;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

.checkout-header-extra-info {
  margin-right: 8px;
  color: #a1a3a8;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.5;
}

.checkout-item {
  border-top: 1px solid #eaeaea;
  text-align: center;
  overflow: hidden;
}

.checkout-item:first-child {
  border-top: none;
}

.checkout-item td,
.checkout-item th {
  border: 0;
}

.checkout-item td {
  position: relative;
  vertical-align: middle;
}

.checkout-btn-remove {
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 23px;
  font-size: 20px;
  text-align: center;
  border: none;
  border-radius: 13px;
  color: #999;
  background: #f5f5f5;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  outline: none !important;
}

.checkout-title {
  border-bottom: 1px solid #ececec;
  color: #656565;
  padding: 17px 0;
  font-size: 18px;
  font-weight: 600;
}

.checkout-title {
  font-size: 15px;
  line-height: 1.88;
  margin-bottom: 15px;
  border-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  max-width: 320px;
}

.checkout-title::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.checkout-dealer {
  font-size: 13px;
  line-height: 1.692;
  margin: 7px 0;
}

.checkout-guarantee,
.checkout-special-deal {
  font-size: 12px;
  line-height: 1.833;
  margin: 7px 0;
}

.checkout-variant {
  font-size: 13px;
  line-height: 1.692;
  margin: 7px 0;
}

.checkout-variant-value {
  position: relative;
  margin-right: 8px;
}

.checkout-variant--color .checkout-variant-value {
  padding-left: 25px;
}

.checkout-variant--color .checkout-variant-shape {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  position: absolute;
  left: 0;
  top: 3px;
}

.checkout-save-for-later {
  text-align: right;
  color: #009ec9 !important;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.833;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #c8c8d6;
  border-radius: 5px;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: block;
  position: absolute;
  content: "";
  width: 1rem;
  height: 2px;
  background-color: #c8c8d6;
}

.number-input button.plus:after {
  transform: translate(0, 0) rotate(90deg);
}

.number-input input[type=number] {
  max-width: 30px;
  padding: 0.5rem;
  border: solid #c8c8d6;
  border-width: 0 1px;
  font-size: 18px;
  height: 30px;
  font-weight: 600;
  text-align: center;
}

.checkout-summary-summary {
  list-style: none;
  padding: 15px 10px;
  color: #515151;
  margin-bottom: 0;
}

.checkout-summary-summary li {
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}

.checkout-summary-summary li:last-child {
  padding-bottom: 0;
}

.checkout-summary-summary li span:first-child {
  font-weight: 600;
}

.checkout-summary-summary li span:last-child {
  margin-right: auto;
}

.checkout-summary-discount {
  font-size: 14px;
  line-height: 1.571;
  color: #009ec9;
}

.checkout-summary-summary .help-sn:first-of-type {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: -0.4;
  text-align: right;
  direction: rtl;
  color: #777676;
}

.checkout-summary-summary .help-sn:last-of-type {
  margin-right: 5px;
}

.help-arrow {
  position: absolute;
  top: -8px;
  right: 16px;
  width: 13.7px;
  height: 13.7px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #fff;
  -webkit-box-shadow: inset -1px -1px 0 0 #b8b8b8;
  box-shadow: inset -1px -1px 0 0 #b8b8b8;
}

.help-container.is-right .help-arrow {
  left: 14px;
  right: unset;
}

.help-text {
  font-size: 13px;
  line-height: 1.692;
  font-weight: 400;
  letter-spacing: -0.3px;
  text-align: right;
  direction: rtl;
  color: #777;
  margin-bottom: 0;
}

.help-sn .mdi {
  color: #ababab;
  font-size: 21px;
  line-height: 1.048;
  cursor: pointer;
}

.help-container {
  position: absolute;
  padding: 11px 11px 21px;
  min-width: 273px;
  max-width: 394px;
  -webkit-box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, 0.3);
  box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, 0.3);
  background-color: #fff;
  border: 1px solid #b8b8b8;
  z-index: 121;
}

.help-container.is-left {
  right: 0;
  left: auto;
}

.checkout-club-container {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.checkout-summary-devider {
  padding: 0 10px;
}

.checkout-summary-devider div {
  width: 100%;
  height: 4px;
  border: 1px solid #e6e6e6;
  border-right: none;
  border-left: none;
}

.checkout-summary-content {
  padding: 15px 0;
  color: #a0a0a0;
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 2;
}

.checkout-summary-price-title {
  text-align: center;
  color: #676767;
  font-size: 18px;
  font-size: 1.286rem;
  line-height: normal;
}

.checkout-summary-price-value {
  text-align: center;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: normal;
  color: #d35154;
}

.checkout-summary-price-value-amount {
  font-size: 20px;
  font-size: 1.429rem;
  line-height: 2;
  font-weight: 700;
}

.checkout-feature-aside-item {
  position: relative;
  font-size: 13px;
  line-height: 1.692;
  font-weight: 700;
  margin-bottom: 10px;
  list-style: none;
}

.checkout-feature-aside-item img {
  width: 24px;
  margin-left: 4px;
}

.checkout-section-content-dd-k .num-block {
  width: 120px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 5px 0;
}

.checkout-section-content-dd-k .num-block .num-in {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout-section-content-dd-k .num-block .num-in span {
  display: block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.checkout-section-content-dd-k .num-block .num-in span.dis:before {
  background-color: #ccc !important;
}

.checkout-section-content-dd-k .num-block .num-in span.minus:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #f44336;
  top: 50%;
  left: 0;
}

.checkout-section-content-dd-k .num-block .num-in span.plus:before,
.checkout-section-content-dd-k .num-block .num-in span.plus:after {
  content: "";
  position: absolute;
  right: 0px;
  width: 15px;
  height: 2px;
  background-color: #0fabc6;
  top: 50%;
}

.checkout-section-content-dd-k .num-block .num-in span.plus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.checkout-section-content-dd-k .num-block .num-in input {
  width: 32px;
  height: 32px;
  color: #666;
  text-align: center;
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: none;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaeaea;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item:last-child {
  border-bottom: 0;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail {
  text-align: center;
  margin-left: 15px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail a {
  display: block;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail a img {
  max-width: 100%;
  max-height: 140px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-title h2 {
  color: #000;
  font-size: 16px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-title h2 a {
  color: inherit;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
  position: relative;
  line-height: 28px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li .color {
  width: 40px;
  position: absolute;
  right: 3px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li i {
  width: 40px;
  position: absolute;
  right: -10px;
  text-align: center;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li span {
  font-size: 13px;
  letter-spacing: -0.5px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-quantity .item-remove-btn {
  background-color: transparent;
  color: #777;
  border: 0;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-price {
  font-size: 18px;
  font-weight: 600;
}

/* End Cart------------ */
/* ------------ Start Shopping */
.shopping-page header.header-shopping {
  position: relative;
  height: 110px;
  background-color: #fff;
  box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04);
}

.shopping-page header.header-shopping ul.checkout-steps {
  float: right;
  width: 100%;
  margin: 30px auto 18px;
  list-style: none;
  padding: 0;
  color: #a0a0a0;
  font-size: 13px;
  position: relative;
}

.shopping-page header.header-shopping ul.checkout-steps::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -20px;
  width: 67%;
  margin: 0 auto;
  height: 6px;
  background-color: #e8e8e8;
}

.shopping-page header.header-shopping .checkout-steps li {
  float: right;
  width: 33.3%;
  position: relative;
}

.shopping-page header.header-shopping .checkout-steps li.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background-color: #d35154;
  right: -50%;
  bottom: -20px;
  z-index: 1000000;
}

.shopping-page header.header-shopping .checkout-steps li a {
  color: #a0a0a0;
  font-weight: 600;
  position: relative;
}

.shopping-page header.header-shopping .checkout-steps li a.active {
  color: #d35154;
}

.shopping-page header.header-shopping .checkout-steps li a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -28px;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d0d0d0;
  z-index: 1000;
}

.shopping-page header.header-shopping .checkout-steps li a.active::after {
  background-color: #d35154;
}

.shopping-page .checkout-contact {
  margin-bottom: 20px;
  position: relative;
}

.shopping-page .checkout-contact-content {
  padding: 20px 43px 22px 20px;
  position: relative;
  color: #6d6d6d;
}

.shopping-page .checkout-contact-content.hidden {
  display: none;
}

.shopping-page .checkout-contact-content:before {
  width: 5px;
  top: 0;
  bottom: 0;
  right: -1px;
  position: absolute;
  background-color: #d35154;
  content: "";
}

.shopping-page .checkout-contact-items {
  padding: 0;
  list-style: none;
}

.shopping-page .checkout-contact-item {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 34px;
  position: relative;
}

.shopping-page .checkout-contact-item:first-child {
  margin-top: 0;
  margin-bottom: 5px;
}

.shopping-page .checkout-contact-btn-edit {
  line-height: 21px;
  font-size: 12px;
  margin-right: 11px;
  position: relative;
  color: #d35154 !important;
  border: none;
  border-bottom: 1px dashed #d35154;
  background-color: transparent;
  font-weight: 700;
  cursor: pointer;
}

.shopping-page .checkout-contact-item-message,
.shopping-page .checkout-contact-item-mobile {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
}

.shopping-page .checkout-contact-item-mobile {
  padding-left: 10px;
  border-left: 1px solid #e4e4e4;
}

.shopping-page .checkout-contact-item:first-child {
  margin-top: 0;
  margin-bottom: 5px;
}

.shopping-page .checkout-contact-item-message {
  margin-right: 10px;
}

.shopping-page .checkout-contact-badge {
  width: 41px;
  height: 41px;
  background-color: #f3feff;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #d35154;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
  color: #d35154;
}

.checkout-address {
  margin-bottom: 20px;
  position: relative;
  display: none;
  z-index: 1;
  border-radius: 8px;
}

.checkout-address.show {
  display: block;
}

.checkout-address-content {
  padding: 20px 40px 25px;
}

.checkout-address-headline {
  font-size: 15px;
  line-height: 1.467;
  font-weight: 700;
  margin-bottom: 21px;
}

.checkout-address-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px;
}

.checkout-address-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 10px;
}

.checkout-address-location {
  border: 4px dashed #b8b8b8;
  border-radius: 15px;
  background: #fff;
  letter-spacing: -0.3px;
  color: #a0a0a0;
  min-height: 72px;
  height: 100%;
  font-size: 14px;
  font-size: 1rem;
  line-height: 2;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}

.checkout-address-location strong {
  position: relative;
  display: block;
  padding: 14px 22px;
  max-width: 252px;
  font-size: 23px;
  font-size: 1.643rem;
  line-height: 1.913;
}

.checkout-address-box {
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  padding: 10px 10px 55px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
}

.checkout-address-box h5 {
  font-size: 17px;
  line-height: 29px;
  margin-top: 6px;
  letter-spacing: -0.4px;
}

.checkout-address-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkout-address-box p {
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 2.62;
  margin-top: 5px;
  margin-bottom: 12px;
  color: #a0a0a0;
}

.checkout-address-box ul {
  list-style: none;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 2;
  color: #a0a0a0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
}

.checkout-address-btn-edit,
.checkout-address-btn-submit {
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.checkout-address-btn-edit,
.checkout-address-btn-remove {
  color: #636363;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 21px;
  text-align: center;
  padding: 6px 25px;
  border: none;
  border-radius: 5px;
  background-color: #e3e3e3;
  cursor: pointer;
  font-weight: 700;
  outline: none;
}

.checkout-address-btn-remove {
  margin-right: 10px;
  padding: 6px 32px;
}

.checkout-address-btn-submit {
  background-color: #f5f5f5;
  padding: 6px 0;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 22px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  color: #636363;
  outline: none;
}

.checkout-address-btn-submit:hover {
  background-color: #f0f0f0;
}

.checkout-address-box.is-selected .checkout-address-btn-submit {
  background-color: #d35154;
  border-top-color: #e0eff0;
  color: #fff;
}

.checkout-address-cancel {
  color: #8d8d8d;
  position: absolute;
  top: 20px;
  left: 15px;
  border: 2px solid #8d8d8d;
  background-color: transparent;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 20px;
  border-radius: 50%;
  outline: none;
}

.checkout-address-cancel::before {
  content: "×";
  font-size: 26px;
  vertical-align: middle;
}

.shopping-page .checkout-contact-location {
  padding: 3px 10px 4px;
  font-size: 14px;
  line-height: 25px;
  background-color: #edf0f5;
  position: absolute;
  border: none;
  top: 20px;
  left: 20px;
  border-radius: 10px;
  color: #666 !important;
  cursor: pointer;
}

#remove-location .remodal-general-alert-button {
  min-width: 124px;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  float: left;
  outline: none;
}

#remove-location .remodal-general-alert-button--cancel {
  background-color: #979ba7;
}

#remove-location .remodal-general-alert-button:first-of-type {
  margin-left: 20px;
}

#remove-location .remodal-general-alert-button--approve {
  background-color: #63d0df;
}

.products-compact-slider.owl-carousel .owl-nav .owl-prev,
.products-compact-slider.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.products-compact-slider.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -10px;
}

.products-compact-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -10px;
}

.products-compact-slider.owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

.shopping-page .checkout-tab-times {
  border: 1px solid #edf0f5;
  border-radius: 0 0 15px 15px;
  padding-bottom: 10px;
}

.shopping-page .checkout-tab-times ul.nav {
  padding: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e3e3e3 !important;
}

.shopping-page .checkout-tab-times ul.nav li {
  text-align: center;
  position: relative;
  background-color: #f8f8f8;
}

.shopping-page .checkout-tab-times ul.nav a {
  margin-right: 0;
  padding: 11px 43px;
  border-left: 1px solid #e3e3e3 !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  color: #000;
  -webkit-transition: unset !important;
  -moz-transition: unset !important;
  -o-transition: unset !important;
  transition: unset !important;
}

.shopping-page .checkout-tab-times ul.nav a.active {
  border: 0;
  border-left: 1px solid #e3e3e3 !important;
  border-bottom: 0 !important;
  background-color: #fff;
}

.shopping-page .checkout-tab-times ul.nav a.active::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #39e0cc;
}

.shopping-page .checkout-tab-times ul.nav a span {
  display: block;
  color: #c4c4c4;
}

.shopping-page .checkout-tab-times ul.nav a.disabled,
.shopping-page .checkout-tab-times ul.nav a.disabled span {
  color: #e6e6e6;
}

.shopping-page .checkout-time-table {
  padding: 18px;
  width: 100%;
}

.radio-box {
  width: 100%;
  float: right;
}

.radio-box label {
  position: relative;
  display: block;
  cursor: pointer;
  float: right;
}

.radio-box label::before {
  top: 15px;
}

.radio-box label::after {
  top: 15px;
}

.shopping-page .checkout-additional-options-checkbox-image {
  margin-left: 16px;
  cursor: pointer;
  width: 49px;
  height: 40px;
  float: right;
  font-size: 42px;
  line-height: 47px;
  text-align: center;
  color: #d35154;
}

.radio-box .content-box {
  float: right;
}

.shopping-page .checkout-time-table-title-bar {
  font-size: 14px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: -0.3px;
  color: #858585;
}

.shopping-page .checkout-time-table-title-bar-city {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  color: #000;
}

.shopping-page .checkout-time-table-title-bar-city > span {
  font-weight: 700;
}

.shopping-page .checkout-time-table-subtitle-bar {
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 2;
  letter-spacing: -0.2px;
  color: #a2a2a2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.shopping-page .checkout-time-table-subtitle-bar > :not(:last-child) {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e0e0e0;
}

.checkout-order-summary .card {
  box-shadow: none;
  border: 0;
}

.checkout-order-summary-header {
  border-radius: 6px !important;
  background-color: #fcfcfc;
  padding: 9px 25px 9px 50px;
  position: relative;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  margin: 10px !important;
  position: relative;
}

.checkout-order-summary-header button {
  display: block;
  width: 100%;
}

.checkout-order-summary-header button:focus,
.checkout-order-summary-header button:hover {
  text-decoration: none;
}

.checkout-order-summary-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.checkout-order-summary-header .checkout-order-summary-row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.checkout-order-summary-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
  flex: 0 0 20%;
  max-width: 20%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: unset;
}

.checkout-order-summary-col-post-time {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -0.7px;
  color: #858585;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout-order-summary-col span {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 21px;
  vertical-align: middle;
  display: block;
  color: #919191;
}

.checkout-order-summary-col-how-to-send,
.checkout-order-summary-col-send-by,
.checkout-order-summary-col-shipping-cost {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #858585;
}

.checkout-order-summary-header button .icon-down {
  position: absolute !important;
  left: 20px;
  top: 20px !important;
  font-size: 24px;
  color: #858594;
}

.shopping-page .product-box {
  display: block;
  background: #fff;
  height: 100%;
  position: relative;
  padding: 10px;
  text-align: center;
}

.shopping-page .product-box-compact .product-box-img {
  height: 90px;
  padding: 0 10px 5px;
}

.shopping-page .product-box-compact .product-box-img img {
  max-width: 100%;
  max-height: 100%;
}

.shopping-page .product-box-title {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 30px;
  line-height: 22px;
  margin-top: 13px;
  height: 43px;
}

.shopping-page .product-box-compact .product-box-title {
  margin-top: 0;
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 22px;
  letter-spacing: -0.3px;
  position: relative;
  text-align: center;
}

.shopping-page .form-ui form {
  width: 100%;
  max-width: 90%;
  padding: 0;
}

.checkout-alert {
  padding-right: 25px;
  padding-left: 25px;
}

.checkout-alert .failed {
  background-color: rgba(251, 52, 73, 0.18);
  color: #ff637d;
}

.checkout-alert .successful {
  background-color: hsla(84, 55%, 66%, 0.623);
  color: #9caf7e;
}

.checkout-alert-title h4 {
  color: #737373;
  font-size: 21px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-align: center;
  margin-bottom: 10px;
}

.checkout-alert-highlighted {
  border-radius: 8px;
  padding: 3px 5px 0;
  margin: 0 5px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.checkout-alert-highlighted-success {
  color: #00bfd6;
  background-color: #ebfdff;
}

.checkout-alert-content p {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.67;
  color: #7d7d7d;
  text-align: center;
}

.checkout-alert-content-failed {
  color: #fb3449;
}

.checkout-alert-content-small {
  font-size: 12px;
  line-height: 2.08;
}

.checkout-alert-content-success {
  color: #4d663f;
  font-size: 14px;
  font-weight: 600;
}

.checkout-details-title h4 {
  font-size: 21px;
  line-height: 1.048;
  font-weight: 700;
  letter-spacing: -0.7px;
}

.checkout-details-title h4 span {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.checkout-details-title p {
  font-size: 15px;
  line-height: 1.467;
  font-weight: 700;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 5px;
  color: #a0a0a0;
}

.checkout-details .text-highlight {
  padding: 4px 6px;
  margin: 0 3px;
  border-radius: 8px;
}

.checkout-details .text-highlight-error {
  color: #fb3449;
  background-color: #fff1f2;
}

.checkout-details .text-highlight-success {
  background-color: hsla(84, 55%, 66%, 0.26);
  color: #9caf7e;
}

.checkout-table {
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

.checkout-table .row:first-of-type {
  background-color: #ededed !important;
}

.checkout-table .row div {
  padding: 20px 30px;
}

.checkout-table p {
  font-size: 18px;
  line-height: 1.222;
  letter-spacing: -0.5px;
  color: #737373;
  margin-bottom: 0;
}

.checkout-table p span.red {
  color: #f63b4f;
}

.checkout-table p span.green {
  color: #9caf7e;
}

.checkout-orders-table {
  border-radius: 15px;
  -webkit-box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  width: 100%;
}

.checkout-orders-table tr:first-of-type {
  background-color: #ededed !important;
}

.checkout-orders-table tr td {
  position: relative;
  border-left: 1px solid #f1f1f1;
  padding: 20px 30px;
}

.checkout-orders-table p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.222;
  letter-spacing: -0.5px;
  color: #737373;
}

/* End Shopping------------ */
.modal {
  z-index: 1000001;
}

.modal-content {
  border-radius: 8px;
  border: none;
  box-shadow: none;
}

.modal-header {
  border: 0;
  position: relative;
}

.modal-header .modal-title,
.send-info-title {
  font-size: 18px;
}

.modal-header .modal-title i,
.send-info-title i {
  float: right;
  margin: 4px 0 4px 4px;
  color: #dbc7c7;
}

.modal .modal-header .close {
  color: #666;
  text-shadow: none;
  background-color: #f5f5f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 10px;
  padding: 0;
  opacity: 1;
  position: absolute;
  left: 15px;
  top: 30px;
}

.modal-footer {
  border: 0;
}

.modal-backdrop.show {
  opacity: 0.2;
  z-index: 1000000;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  background-color: #fff;
  font-family: iranyekanBakh;
}

.card-horizontal-product,
.card-horizontal-address {
  width: 100%;
  height: 190px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 16px 16px 30px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  align-content: space-around;
}

.card-horizontal-address {
  height: 250px !important;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.card-horizontal-product-content .card-horizontal-comment {
  position: relative;
  height: 90px;
}

.card-horizontal-address-full-name {
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
}

.card-horizontal-address:before {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #00bfd6 48px, #ff7e7e 0) repeat-x;
  background-size: 96px 3px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title a {
  color: #212121;
}

.margin-top {
  margin-top: 190px;
}

.card-horizontal-product .label-status-comment {
  position: absolute;
  top: 10px;
  left: 15px;
  background-color: #f5fdf0;
  border: 1px solid #d0e3ca;
  border-radius: 4px;
  color: #9dbf9c;
  font-size: 11px;
  word-spacing: -1.5px;
  padding: 4px 10px;
}

.card-horizontal-product .card-horizontal-product-thumb {
  width: 28%;
  height: 150px;
  text-align: center;
  position: relative;
  margin-left: 2%;
  object-fit: contain;
}
.card-horizontal-product .card-horizontal-product-thumb img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.card-horizontal-product .card-horizontal-product-thumb img {
  max-width: 100%;
}

.card-horizontal-product .card-horizontal-product-content {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title h3 {
  font-size: 15px;
  line-height: 26px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  height: 55px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment-title a {
  color: #212121;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment-title h3 {
  font-size: 15px;
  line-height: 28px;
  white-space: pre-wrap;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment {
  position: relative;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 75%;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::after {
  content: "\f756";
  font-family: "Material Design Icons";
  font-size: 80px;
  color: #f6f6f5;
  position: absolute;
  bottom: -40px;
  left: 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment p {
  font-size: 13px;
  width: 75%;
  height: 120px;
  overflow: hidden;
  white-space: pre-wrap;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-price {
  margin: 10px 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-price span {
  font-size: 16px;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons {
  text-align: left;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons span.count-like {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #efefef;
  color: #96949a;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons span.count-like i {
  color: #d5d7db;
  font-size: 18px;
  font-weight: normal;
  margin-left: 7px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  border: 1px solid #19bfd3;
  background-color: #19bfd3;
  color: #fff;
  cursor: pointer;
  padding: 0 16px;
  text-align: center;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:hover {
  background-color: #fff;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info {
  border: 1px solid #19bfd3;
  background-color: #fff;
  color: #19bfd3;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:hover {
  border: 1px solid #19bfd3;
  background-color: #19bfd3;
  color: #fff;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .remove-btn {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #a1a3a8;
  color: #a1a3a8;
  cursor: pointer;
  text-align: center;
  font-size: 25px;
  outline: none;
  float: left;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-light {
  background-color: #e3e3e3;
  color: #000;
  border: 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .label-card-horizontal-product {
  float: right;
  color: #f44336;
  margin: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.card-horizontal-address .card-horizontal-address-desc {
  height: 120px;
  overflow: hidden;
  position: relative;
}

.card-horizontal-address .card-horizontal-address-desc::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 100%;
}

.card-horizontal-address .card-horizontal-address-desc h4 {
  font-size: 21px;
  line-height: 1.048;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
  color: #6d6d6d;
}

.card-horizontal-address .card-horizontal-address-desc p {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  letter-spacing: -0.3px;
  color: #979797;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}

.card-horizontal-address .card-horizontal-address-data {
  border-top: 1px solid #f4f4f4;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods {
  padding: 0;
  list-style: none;
  color: #979797;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.375;
  position: relative;
  color: #979797;
  padding-right: 36px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method i {
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 24px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions {
  position: absolute;
  left: 15px;
  bottom: 20px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions .btn-note {
  border: 0;
  border-radius: 5px;
  background-color: #e3e3e3;
  font-size: 14px;
  line-height: 1.571;
  color: #6d6d6d;
  padding: 5px 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions .btn-note:hover {
  opacity: 0.9;
  color: #717171;
}

.card-horizontal-address .checkout-address-location {
  display: block;
  text-align: center;
}

.card-horizontal-address .checkout-address-location strong {
  display: block;
  max-width: 100%;
}

.card-horizontal-address .checkout-address-location i {
  display: block;
  font-size: 40px;
}

/* ------------ Start Page */
.page p {
  color: #666;
  font-size: 16px;
  text-align: justify;
  line-height: 40px;
}

.page-cover {
  width: 100%;
  height: 400px;
  background: url(/assets/img/theme/page-cover.jpg) top no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/theme/page-cover.jpg) top no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/assets/img/theme/page-cover.jpg) top no-repeat;
  background-size: cover;
  margin-top: -23px;
}

.page-cover .page-cover-title h1 {
  padding: 70px 0 50px;
  font-size: 37px;
  line-height: 1.189;
  color: #fff;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
}

.page-cover .form-ui form {
  padding: 20px;
  max-width: 480px;
  margin: 0 auto;
}

.page-cover .form-ui form .form-row input {
  width: 70%;
  margin: 0 0 0 10px;
}

.page-cover .form-ui form .form-row button {
  width: 27%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.info-page-cats {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
}

.info-page-cats .info-page-cat {
  padding: 25px;
  border-radius: 25px;
  margin-bottom: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.info-page-cats .info-page-cat:hover .info-page-cat-title {
  font-weight: 600;
}

.info-page-cats .info-page-cat a {
  display: block;
  width: 100%;
  height: 150px;
  text-align: center;
}

.info-page-cats .info-page-cat .info-page-cat-icon {
  width: 120px;
  height: 120px;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-page-cats .info-page-cat img {
  max-height: 100%;
  max-width: 100%;
}

.info-page-cats .info-page-cat span.info-page-cat-title {
  font-size: 14px;
  color: #000;
  transition: all 0.2s ease;
}

.page .filter-product .card {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.page .filter-product .card .card-header {
  margin-bottom: 15px;
  border: 1px solid #ededed;
  border-radius: 10px;
}

.page .filter-product .card:not(:first-of-type) .card-header:first-child {
  border-radius: 10px;
}

.page .filter-product .card-body {
  padding: 0 25px 25px;
  margin-bottom: 10px;
}

.page .filter-product p {
  list-style: unset;
  margin-bottom: 0;
}

.page ul {
  list-style: none;
  padding-right: 30px;
}

.page ul li {
  font-size: 13px;
  color: #3abaf4;
  font-weight: 600;
}

.page-question-not-found {
  background: url(./img/theme/page-cover-faq.jpg) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(./img/theme/page-cover-faq.jpg) no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(./img/theme/page-cover-faq.jpg) no-repeat;
  height: 405px;
  background-size: cover;
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
  box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
  padding: 30px 20px;
}

.page-question-not-found-text {
  font-size: 30px;
  line-height: 2.1;
  letter-spacing: -1px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-bottom: 30px;
  width: 100%;
}

.page-question-not-found img {
  display: block;
  margin: 0 auto 40px;
}

.page-question-not-found .btn {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.page-question-not-found .page-contact-option-text {
  display: inline-block;
  font-size: 17px;
  line-height: 1.294;
  color: #fff;
  font-weight: 700;
}

.content-faq-question p {
  color: #666;
  font-size: 18px;
  text-align: justify;
  line-height: 40px;
}

.content-faq-question span {
  color: #2980b9;
}

.content-faq-question img {
  display: block;
  max-width: 100%;
  margin: 1.5rem auto;
}

/* End Page------------ */
/* ------------ Start Error-Page */
.error-page h1 {
  color: #4a5f73;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  font-weight: 600;
}

.error-page img {
  display: block;
  margin: 1rem auto;
  max-width: 100%;
}

/* End Error-Page------------ */
/* main-content */
/* footer */
footer.main-footer {
  margin-top: 50px;
  background: #fff;
}

footer.main-footer .back-to-top {
  text-align: center;
  font-size: 20px;
  border-top: 1px solid #eceff1;
  padding: 10px 0;
  margin-bottom: 30px;
}

footer.main-footer .back-to-top a {
  color: #515151 !important;
  font-weight: 600;
  font-size: 16px;
}

footer.main-footer .back-to-top .icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #edf0f5;
  color: #d35154;
  border-radius: 50%;
  margin-left: 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 36px;
  font-size: 35px;
}

footer.main-footer .footer-services {
  padding-bottom: 10px;
}

footer.main-footer .footer-services .service-item {
  text-align: center;
  position: relative;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  color: #606060;
  letter-spacing: 0.2px;
  padding-bottom: 20px;
  margin: auto;
}

footer.main-footer .footer-services .service-item img {
  width: 58px;
  height: 58px;
  margin-bottom: 7px;
}

/* breadcrumb */
.title-breadcrumb-special {
  font-weight: 600;
  color: #000;
}

.title-breadcrumb-special .breadcrumb {
  background: transparent;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
}

.title-breadcrumb-special .breadcrumb nav {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.title-breadcrumb-special .breadcrumb a {
  color: #666;
  font-size: 13px;
  font-weight: 600;
  margin-left: 20px;
  position: relative;
}

.title-breadcrumb-special .breadcrumb a::after {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: 17px;
  font-weight: 300;
  position: absolute;
  top: -1px;
  left: -17px;
}

.title-breadcrumb-special .breadcrumb a:last-child::after {
  display: none;
}

.title-breadcrumb-special .breadcrumb a:hover {
  color: #246df8;
}

.title-breadcrumb-special .title-page h1 {
  font-size: 26px;
  font-weight: 600;
  margin: 0.75rem 0 0.125rem;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.title-breadcrumb-special .post-rating {
  direction: ltr;
  padding: 7px 0 0 10px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}

.title-breadcrumb-special .post-rating .star-rate {
  float: left;
}

.title-breadcrumb-special .post-rating span {
  float: left;
  margin-right: 2px;
  font-size: 17px;
  width: 15px;
  height: 15px;
  background: url(./img/theme/star-empty.svg) no-repeat;
}

.title-breadcrumb-special .post-rating span.active {
  background: url(./img/theme/star.svg) no-repeat;
}

.tooltip-inner {
  font-family: iranyekanBakh;
  line-height: 1.5em;
  background: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0.75rem 1.25rem 0.0625rem rgba(64, 64, 64, 0.11);
  color: #555;
}

/* end breadcrumb */
/* content-desc */
.content-desc .post-meta {
  display: inline-block;
  font-size: 11px;
  padding-right: 24px;
  color: #8f8f8f;
}

.content-desc .post-meta a {
  color: #8f8f8f;
}

.content-desc .post-meta a:hover {
  color: #246df8;
}

.content-desc .post-thumbnail {
  text-align: center;
}

.content-desc .post-thumbnail img {
  max-width: 100%;
}

.content-desc ul {
  margin-right: 0 !important;
}

.content-desc ul li {
  list-style: none;
  margin-bottom: 10px;
}

/* end content-desc */
/* sidebar */
.sidebar .title-sidebar {
  padding: 5px 0;
  border-bottom: 1px solid #f6f6f6;
}

.sidebar .title-sidebar h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  word-spacing: -1.5px;
}

.sidebar .content-sidebar .item {
  margin-bottom: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #f6f6f6;
}

.sidebar .content-sidebar .item .item-thumb {
  margin-left: 13px;
  float: right;
  margin-right: auto;
}

.sidebar .content-sidebar .item .item-thumb a {
  display: inline-block;
  width: 86px;
  margin-left: 0;
  margin-right: auto;
  height: 57px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}

.sidebar .content-sidebar .item p.title a {
  font-weight: 400;
  line-height: 18px;
  font-size: 13px;
  text-align: inherit;
  text-transform: none;
  color: #383838;
}

.sidebar .content-sidebar .item p.title a:hover {
  color: #5e72e4;
}

.sidebar .content-sidebar .item .item-meta,
.sidebar .content-sidebar .item .item-meta a {
  font-weight: 400;
  font-size: 11px;
  text-transform: none;
  color: #aeaeae;
}

.sidebar .category-list,
.sidebar .category-list ul {
  list-style: none;
}

.sidebar .category-list li {
  margin-bottom: 7px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.sidebar .category-list li a {
  position: relative;
  padding-right: 20px;
  color: #545454;
}

.sidebar .category-list a::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0;
}

.sidebar .category-list li a:hover {
  color: #0cf;
}

.sidebar .category-list li ul {
  margin: 7px 15px 7px 0;
}

.sidebar .tag-list {
  list-style: none;
}

.sidebar .tag-list li {
  display: inline-block;
  margin: 7px 3px 10px;
}

.sidebar .tag-list li a {
  padding: 5px 10px;
  font-size: 12px;
  background-color: #f5f5f5;
  border-radius: 15px;
}

.sidebar .tag-list li a:hover {
  color: #f44336;
}

/* post-card */
.post-card {
  margin: auto auto 50px;
  padding: 10px;
  max-width: 270px;
  height: 200px;
  min-height: 50px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}

.post-card .post-thumbnail {
  position: relative;
  overflow: hidden;
  height: 140px;
  padding: 0 10px 20px 10px;
  top: -40px;
  left: -10px;
}

.post-card .post-thumbnail a {
  display: block;
  height: 100%;
}

.post-card .post-thumbnail img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 10px;
}

.post-card .post-thumbnail .post-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fefefe;
  z-index: 1;
  font-size: 11px;
  padding: 3px 10px 1px 10px;
  border-radius: 3px;
}

.post-card .post-title {
  position: relative;
  top: -50px;
  text-align: right;
  line-height: 24px;
  height: 90px;
  overflow: hidden;
}

.post-card .post-title a {
  color: #000;
}

.post-card .post-title a:hover {
  color: #f44336;
}

.post-card .post-title > span {
  position: absolute;
  bottom: 0;
  left: 8px;
  display: inline-block;
  font-size: 11px;
  font-family: iranyekanBakh;
  font-weight: 300;
  margin-top: 10px;
}

/* end post-card */
/* end sidebar */
@media (max-width: 576px) {
  .footer-services .service-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 15%;
    margin-bottom: 5px;
  }
  footer.main-footer .footer-services .service-item img {
    width: 45px;
    height: 45px;
    margin-bottom: 7px;
  }
}
.widget {
  background: #fff;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  overflow: unset;
}

.widget .card-header {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
  margin-bottom: 15px;
  border: 0;
}

footer.main-footer .widget-menu {
  background: 0 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 15px;
}

footer.main-footer .widget-menu .card-header {
  border-bottom: 0;
}

footer.main-footer .widget-menu .card-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

footer.main-footer .widget-menu .footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer.main-footer .widget-menu .footer-menu li {
  line-height: 30px;
}

footer.main-footer .widget-menu .footer-menu li a {
  color: #666;
}

footer.main-footer .newsletter {
  margin-top: 30px;
}

footer.main-footer .newsletter form {
  position: relative;
}

footer.main-footer .newsletter form .form-control {
  font-family: iranyekanBakh;
  font-size: 13px;
  border-radius: 7px;
  color: #515151;
  padding: 7px !important;
  line-height: 2 !important;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #eee;
  transition: all 0.2s ease-out;
}

footer.main-footer .newsletter form .btn {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  border-radius: 7px;
  font-family: iranyekanBakh;
  background-color: #d35154;
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  line-height: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

footer.main-footer .newsletter form .btn:focus,
footer.main-footer .newsletter form .btn:active {
  background-color: #d35154;
  box-shadow: none !important;
}

footer.main-footer .newsletter form .btn:hover {
  background-color: #d35154 !important;
  box-shadow: none !important;
}

footer.main-footer .socials {
  margin-top: 30px;
}

footer.main-footer .socials .footer-social ul li {
  display: inline-block;
  list-style: none;
}

footer.main-footer .socials .footer-social ul li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: #666;
  font-size: 20px;
  text-align: center;
}

footer.main-footer .socials .footer-social ul li a i {
  margin: 0;
}

footer.main-footer .socials .footer-social ul li a:hover {
  color: #979797;
  background-color: unset !important;
}

footer.main-footer .socials .footer-social a i {
  margin-left: 4px;
}

footer.main-footer .info {
  font-size: 16px;
  text-align: center;
  padding: 15px 0;
}

footer.main-footer .info a {
  padding: 3px;
}

footer.main-footer .info div {
  margin-bottom: 10px;
}

footer.main-footer .info div.row {
  margin-bottom: 0;
}

footer.main-footer .description {
  padding: 15px 0 0;
}

footer.main-footer .description .site-description .site-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #5d5959;
}

footer.main-footer .description .site-description p {
  text-align: justify;
  font-size: 12px;
  margin-bottom: 0;
  color: #535353;
}

footer.main-footer .description .symbol {
  text-align: left;
}

footer.main-footer .description .symbol a {
  padding: 15px;
  background: #f0f0f0;
  border: 1px solid #e5e5ea;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}

footer.main-footer .description .symbol a {
  height: 120px;
  width: 120px;
  object-fit: contain;
}
footer.main-footer .description .symbol a img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

footer.main-footer .copyright {
  font-size: 12px;
  text-align: center;
  padding: 15px 0;
}

footer.main-footer .copyright p {
  margin-bottom: 0;
  padding-top: 15px;
}

footer.mini-footer {
  margin-top: 1.5rem;
}

footer.mini-footer .main-container {
  padding: 1.5rem 0 1rem;
  border-top: 1px solid #e7e7e7;
  font-size: 15px;
  font-weight: 500;
  color: #535353;
}

footer.mini-footer .main-container a {
  color: #535353;
}

footer.mini-footer .main-container i.mdi {
  margin-left: 10px;
  font-size: 20px;
}

footer.mini-footer ul.mini-footer-menu {
  list-style: none;
  text-align: center;
}

footer.mini-footer ul.mini-footer-menu li {
  display: inline-block;
  margin-left: 15px;
}

footer.mini-footer ul.mini-footer-menu li a {
  color: #7f7f7f;
  font-size: 13px;
}

footer.mini-footer .footer-light-text {
  color: #b0b0b0;
  font-size: 12px;
  text-align: center;
}

footer.mini-footer .text-footer {
  font-size: 13px;
}

footer.mini-footer .copy-right-mini-footer {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
  color: #b0b0b0;
}

/* footer */
/* colorswitch */
#colorswitch-option button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 0 15px 15px 0;
  font-size: 25px;
  border: 0;
  position: fixed;
  top: 30vh;
  left: 0;
  z-index: 1000;
}

#colorswitch-option ul {
  position: fixed;
  top: 35%;
  left: -150px;
  width: 150px;
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
  border-radius: 0 15px 15px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 11;
}

#colorswitch-option ul.show {
  left: 0;
}

#colorswitch-option .colorswitch-option-label {
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

#colorswitch-option ul li {
  width: 33%;
  float: left;
  list-style: none;
  text-align: center;
  cursor: pointer;
}

#colorswitch-option ul li span {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
}

#colorswitch-option ul li.active span::before {
  content: "﹮";
  font: normal normal normal 24px/1 "Material Design Icons";
  color: #fff;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
}

.wrapp-product-page {
  background: #f6f6f6;
  border-radius: 10px;
  padding: 20px 20px;
}

/* end colorswitch */
/* responsive */
@media (max-width: 1444px) {
  .shopping-page .checkout-contact-content:before {
    width: 5px;
    top: 0;
    bottom: 0;
    right: 18px;
    position: absolute;
    background-color: #d35154;
    content: "";
  }
  .shopping-page .checkout-contact-badge {
    width: 41px;
    height: 41px;
    background-color: #f3feff;
    -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #d35154;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    color: #d35154;
  }
  .shopping-page a.float-left.border-bottom-dt {
    margin-left: 5px;
  }
  .shopping-page a.float-right.border-bottom-dt {
    margin-right: 5px;
  }
}
@media (max-width: 1199px) {
  .hidden-lg {
    display: none;
  }
  .mt-res-1 {
    margin-top: 10px;
  }
}
@media (max-width: 1090px) {
  .params .params-list li {
    display: unset;
  }
  .params .params-list li .params-list-value {
    max-width: 100%;
  }
  .params .params-list li .params-list-key {
    max-width: 100%;
    margin-left: 0;
    background-color: #fff;
    font-weight: 600;
  }
}
@media (max-width: 992px) {
  .hidden-md {
    display: none;
  }
  .show-md {
    display: block !important;
  }
  .params .params-list li .params-list-key {
    width: auto;
  }
  .params .params-list li .params-list-value {
    width: 100%;
  }
  .w-res-sidebar {
    max-width: 360px;
    margin: auto;
  }
}
@media (max-width: 768px) {
  header.main-header .bottom-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .widget-banner-fourth a {
    height: 130px;
    width: 100%;
  }
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  .hidden-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }
  .dt-sn {
    border-radius: 10px;
  }
  .card-horizontal-address {
    border-radius: 0;
  }
  .checkout-content {
    border-radius: 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  .profile-navbar {
    padding-right: 10px;
  }
  .checkout-item td:last-child {
    width: 150px;
    display: block;
    margin-top: 80px;
  }
  header.main-header,
  .widget-banner,
  .main-footer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .main-slider {
    margin-right: 10px;
    margin-left: 10px;
  }
  section.slider-section {
    border-radius: 0;
  }
  .card-horizontal-product,
  .card-horizontal-address {
    border-radius: 0;
    padding-left: 16px;
  }
  .modal-dialog {
    margin: 0;
    max-width: 100%;
  }
  .modal-content {
    border-radius: 0;
  }
  .checkout-table {
    border-radius: 0;
  }
  button.btn-menu {
    display: block;
  }
  .category-section-slider .owl-carousel .owl-nav .owl-next {
    left: 0;
  }
  .category-section-slider .owl-carousel .owl-nav .owl-prev {
    right: 0;
  }
  .product-carousel .owl-nav button.owl-next {
    left: 0;
  }
  .product-carousel .owl-nav button.owl-prev {
    right: 0;
  }
  .features-checkout-slider.owl-carousel .owl-nav .owl-next {
    left: 0;
  }
  .features-checkout-slider.owl-carousel .owl-nav .owl-prev {
    right: 0;
  }
  .error-page h1 {
    font-size: 1.5rem;
  }
  .message-light {
    margin-right: 10px;
    margin-left: 10px;
  }
  .product-info .product-title h1::before,
  .product-info .product-title h3::before {
    display: none;
  }
  .accordion-product h5 button {
    font-size: 14px;
  }
  .comments-summary-box,
  .comments-summary-note {
    padding-right: 0;
    padding-left: 0;
  }
  .comments-area {
    margin-top: 20px;
  }
  .help-sn .mdi {
    display: none;
  }
  .tag-input-weak {
    margin-top: 50px !important;
  }
  .comments-add-col--content .form-ui form.px-5 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .product-offer-question h2 {
    white-space: unset !important;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    padding-top: 8px;
  }
  .product-offer-question h2::after {
    display: none !important;
  }
  .comments-add-col--content h3 {
    font-size: 16px;
    text-align: justify;
  }
  .profile-section {
    height: auto;
    margin-bottom: 20px;
  }
  .profile-section .list-favorites li:last-child {
    margin-bottom: 30px;
  }
  .profile-section .list-favorites li a span {
    display: unset;
  }
  .shopping-page .checkout-tab-times {
    overflow-x: scroll;
  }
  .shopping-page .checkout-tab-times ul.nav {
    min-width: 768px;
    overflow-x: scroll;
  }
  .shopping-page .checkout-time-table {
    overflow-x: scroll;
  }
  .shopping-page .checkout-time-table .col-12 .radio-box {
    overflow-x: scroll;
    min-width: 598px;
  }
  .shopping-page a.float-left.border-bottom-dt {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .shopping-page a.float-right.border-bottom-dt {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .px-res-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-res-1 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-res-2 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .checkout-orders-table {
    overflow-x: scroll;
    min-width: 800px;
  }
  .checkout-orders-table .row div {
    padding: 10px 20px;
    width: 120px;
    text-align: center;
  }
  .checkout-orders-table p {
    font-size: 14px;
  }
  footer.mini-footer .text-left,
  footer.mini-footer .text-right {
    text-align: center !important;
  }
  .product-card {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 1px solid #ebebeb;
    border-radius: 10px !important;
  }
  .checkout-address-headline {
    font-size: 14px;
    margin-right: -12px;
  }
  .checkout-address-cancel {
    left: 25px;
  }
  .checkout-address-location {
    border-radius: 0;
  }
  .checkout-address-box {
    border-radius: 0;
  }
  .checkout-address-box h5 {
    font-size: 15px;
  }
  .checkout-address-box p,
  .checkout-address-box ul {
    font-size: 13px !important;
  }
  .checkout-address-box ul {
    display: block;
    justify-content: unset;
    align-items: unset;
  }
  .checkout-address-btn-remove {
    margin-right: 0;
  }
  .checkout-address-btn-edit,
  .checkout-address-btn-remove {
    float: left;
    margin-left: 7px;
  }
  .checkout-address-content {
    padding: 20px 34px 25px;
  }
  .checkout-address-btn-edit,
  .checkout-address-btn-remove {
    font-size: 12px !important;
  }
  .title-breadcrumb-special {
    padding-right: 10px;
  }
  .filter-options-sidebar {
    position: fixed !important;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding-top: 60px;
    z-index: 10000;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .filter-options-sidebar.toggled {
    right: 0;
  }
  .filter-options-sidebar .header-filter-options {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .filter-options-sidebar .header-filter-options .btn-close-filter-sidebar {
    background-color: #fff;
    border: 0;
    font-size: 20px;
  }
  .filter-options-sidebar .btn-filter-product-submit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #2d58cf;
    color: #fff;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    width: 100vw;
  }
  .mb-add-to-cart-btn-wrapper {
    display: block;
  }
}
@media (max-width: 576px) {
  footer.main-footer .description .symbol {
    text-align: center;
  }
  footer.main-footer .newsletter {
    margin: 15px 0px;
  }
  .select-options {
    width: 60%;
  }
  .service-item p {
    display: none;
  }
  footer.main-footer .description .symbol a {
    height: 80px;
    width: 80px;
    object-fit: contain;
  }
  .params .params-list li .params-list-key {
    flex: 0 0 19%;
    max-width: 19%;
    margin-left: 20px;
    background: #efefef;
    border-radius: 5px;
    padding: 0px 5px 0px;
    margin-bottom: 2px;
  }
  .text-sm-title h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
  }
  .product-info .product-title h1 {
    font-size: 16px;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title h3 {
    font-size: 13px;
    line-height: 25px;
  }
  .item.seggest-items .product-card {
    border: none;
    border-left: 1px solid #eee;
    border-radius: 0px !important;
  }
  .product-card .product-timeout .countdown-timer span[data-days]::before,
  .product-card .product-timeout .countdown-timer span[data-hours]::before,
  .product-card .product-timeout .countdown-timer span[data-minutes]::before,
  .product-card .product-timeout .countdown-timer span[data-seconds]::before {
    display: none;
  }
  .product-card .product-timeout {
    z-index: 1;
    position: absolute;
    top: 68px;
    bottom: unset;
    right: 1px;
    background: #fff;
  }
  .product-card .product-card-body {
    padding: 0px 12px;
    position: relative;
  }
  .card-horizontal-product,
  .card-horizontal-address {
    width: 100%;
    height: 225px;
    padding: 16px 16px 8px 27px;
    margin-bottom: 0px;
    display: flex;
    position: relative;
    align-content: space-around;
    flex-direction: column;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn {
    display: inline-block;
    height: 28px;
    line-height: 25px;
    border-radius: 4px;
    border: 1px solid #19bfd3;
    background-color: #fff;
    color: #19bfd3;
    cursor: pointer;
    padding: 0 4px;
    text-align: center;
  }
  .section-title {
    margin-bottom: 0px;
    z-index: 0;
  }
  .slider-section.mb-5 {
    margin-bottom: 0px !important;
  }
  .main-slider-slide {
    height: 190px;
  }
  section.slider-section {
    padding: 10px 25px 5px;
    border-radius: 8px;
  }
  .amazing-product img {
    margin: auto;
    height: 170px;
  }
  .half-banner a {
    height: 120px;
    width: 100%;
  }
  .main-slider .carousel-inner .carousel-item {
    height: 190px;
  }
  .form-ui form {
    max-width: 100%;
    padding: 10px;
  }
  footer.main-footer .widget-menu .footer-menu li a {
    color: #2e2e2e;
    font-size: 11px;
    text-align: justify;
  }
  .accordion-product h5 button {
    font-size: 12px;
  }
  .mobile-re-padding {
    padding: 0;
  }
  footer.main-footer .widget-menu .card-title {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
  }
  footer.main-footer .widget-menu .footer-menu li {
    line-height: 22px;
  }
  .accordion-product h5 button::before {
    content: "-";
    width: 28px;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
  }
  .comments-summary-note > span {
    font-size: 16px;
  }
  .comments-summary-note p {
    font-size: 14px;
    text-align: justify;
  }
  .ah-tab-content-wrapper {
    padding: 10px !important;
  }
  .px-res-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mx-res-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .comments-area ol.comment-list .comment-title {
    font-size: 15px;
  }
  .comments-area ol.comment-list .comment-author {
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  .comments-area ol.comment-list li .comment-body p {
    margin-bottom: 30px;
    font-size: 13px;
  }
  .comments-area .comment-content {
    padding-right: 0;
    padding-left: 0;
  }
  .comments-area ol.comment-list li .comment-body {
    margin-top: 40px;
    padding: 20px 30px 20px 30px;
  }
  .comments-area ol.comment-list .footer {
    right: 0;
    width: 100%;
  }
  .comments-likes {
    text-align: right;
    width: 100%;
  }
  .comments-likes .btn-like {
    margin-right: -2px;
  }
  .section-title p {
    margin: 0;
  }
  .comments-area ol.comment-list li .commentmetadata {
    display: none;
  }
  .comments-area ol li ol.children {
    padding-right: 0;
  }
  .info-page-cats .section-title img {
    display: none;
  }
  .info-page-cats .section-title h2.font-weight-bold {
    font-size: 16px;
    padding-right: 0;
  }
  .info-page-cats .section-title h2.font-weight-bold::after {
    display: none;
  }
  .comments-product-attributes .slider.slider-horizontal {
    width: 100%;
  }
  .header-cover {
    height: 79px;
  }
  .promotion-header-img {
    height: 72px;
  }
  .checkout-details .text-highlight {
    padding: 3px 6px;
    margin: 3px 3px;
    display: inline-block;
    font-size: 13px;
  }
  .checkout-table p {
    font-size: 15px;
  }
  .pt-sl-res {
    overflow-x: scroll !important;
  }
  .product-card .product-card-body .add-to-compare {
    position: absolute;
    top: -35px;
    left: -20px;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .label-card-horizontal-product {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .search-card-res .product-card {
    border-radius: 0;
  }
  .search-card-res .product-card .product-thumb {
    display: inline-block;
    width: 30%;
  }
  .search-card-res .product-card .product-card-body {
    padding: 0 1.25rem;
    display: inline-block;
    width: 60%;
    padding-right: 10px;
  }
  .search-card-res .product-card .product-title {
    margin-top: 0;
    min-height: auto;
  }
  .product-card .product-timeout .countdown-timer span {
    display: inline-block;
    width: 40px;
    height: 23px;
    position: relative;
    color: #d35154;
  }
  .search-amazing-tab .product-card {
    padding-top: 15px;
  }
  .search-card-res .product-card .product-thumb::before {
    display: none;
  }
  .title-breadcrumb-special .breadcrumb a {
    font-size: 11px;
  }
  .title-breadcrumb-special .title-page h1 {
    font-size: 18px;
  }
  .search-amazing-content {
    padding-top: 25px;
  }
  .product-img {
    height: 160px;
    width: 100%;
    object-fit: contain;
  }
  .pr-0 {
    padding-right: 10px !important;
  }
  .main-footer {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}
@media (max-width: 480px) {
  .title-wide h2 {
    font-size: 13px;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
    display: block;
    overflow: hidden;
  }
  .product-offer-question .title-wide h2 {
    padding-bottom: 50px;
    padding-top: 8px;
  }
  .title-wide a {
    margin-bottom: 10px;
  }
  .numbers-verify .lines-number-input .line-number {
    margin: 0 2px;
    width: 30px;
  }
  .content-expert-rating {
    padding: 5px 0px 33px 40px;
  }
  .px-res-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .product-card {
    margin: 0;
  }
  .product-card .product-title > a {
    font-size: 13px;
  }
  .product-card .product-meta {
    font-size: 11px;
  }
  .product-card .product-price {
    font-size: 12px;
  }
  .discount span {
    font-size: 11px;
  }
  .rating-stars i {
    font-size: 11px;
  }
  .product-info .price {
    font-size: 18px;
  }
  .comments-area ol.comment-list li .comment-body .icon-comment {
    right: -7px;
  }
  .w-res-sidebar {
    max-width: 100%;
  }
  .cart-empty .cart-empty-links a::after {
    border-left: 0;
  }
  .info-page-cats .info-page-cat .info-page-cat-icon {
    width: 100%;
    height: 50px;
  }
  .info-page-cats .info-page-cat img {
    max-height: 60px;
    max-width: 60px;
  }
  .info-page-cats .info-page-cat {
    padding: 15px;
  }
  .info-page-cats .info-page-cat a {
    height: 110px;
  }
  .page-cover {
    width: 100%;
    height: 280px;
  }
  .page-cover .page-cover-title h1 {
    padding: 30px 0 0px;
    font-size: 20px;
    letter-spacing: 0;
  }
  .page-cover .form-ui form .form-row input {
    width: 100%;
    margin-bottom: 10px;
  }
  .page-cover .form-ui form .form-row button {
    margin: auto;
  }
  .page .filter-product .card .card-header button {
    font-size: 13px;
    padding-left: 40px;
    padding-right: 0;
  }
  .page-question-not-found {
    border-radius: 0;
    height: 345px;
  }
  .page-question-not-found-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .page-question-not-found img {
    margin: 10px auto 10px;
    max-width: 40px;
  }
  .page-question-not-found .page-contact-option-text.mr-3 {
    margin-right: 5px !important;
  }
  .page-question-not-found img.mb-5 {
    margin-top: 20px;
    margin-bottom: 15px !important;
  }
  .card-horizontal-address {
    min-height: 290px;
  }
  .card-horizontal-address-methods {
    width: 100%;
    float: unset !important;
  }
  .card-horizontal-address-actions {
    width: 100%;
    position: relative !important;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    bottom: 0 !important;
    left: 0 !important;
    float: unset !important;
  }
  .card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method {
    font-size: 14px;
  }
  .card-horizontal-address .card-horizontal-address-desc p {
    font-size: 14px !important;
  }
  .profile-section .list-favorites li {
    height: 50px;
  }
  .profile-section .list-favorites li a img {
    width: 25px;
    height: 25px;
  }
  .profile-section .list-favorites li a span {
    width: 190px;
    overflow-x: scroll;
    display: inline-block;
  }
  .profile-section .list-favorites li button {
    top: 12px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    font-size: 17px;
    border-radius: 6px;
    padding-left: 22px;
  }
  .card-horizontal-product .card-horizontal-product-thumb {
    width: 21%;
  }
  .card-horizontal-product .card-horizontal-product-content {
    width: 77%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment p {
    width: 100%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::before {
    width: 100%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::after {
    font-size: 60px;
    right: -60px;
    left: auto;
  }
  .search-amazing-tab .ah-tab-item:first-child {
    margin-right: 15px;
  }
  .shopping-page .checkout-contact-location {
    position: relative;
    top: -20px;
    left: 4px;
    float: left;
    font-size: 13px;
  }
  .shopping-page .checkout-contact-item-message,
  .shopping-page .checkout-contact-item-mobile {
    font-size: 14px !important;
  }
  .shopping-page .checkout-contact-item {
    font-size: 12px !important;
  }
  .shopping-page a.float-left.border-bottom-dt {
    font-size: 12px;
    font-weight: normal;
  }
  .shopping-page a.float-right.border-bottom-dt {
    font-size: 12px;
    font-weight: normal;
  }
  .checkout-alert-content p {
    font-size: 14px;
  }
  .checkout-details-title h4 {
    font-size: 16px;
  }
  .cart-empty .cart-empty-links a {
    margin-bottom: 7px;
    display: inline-block;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail {
    margin-bottom: 25px;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-quantity,
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-price {
    width: 100%;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-price {
    text-align: left;
  }
}
@media (max-width: 340px) {
  header.main-header .nav-item.account {
    border: 0;
    padding: 0;
  }
  header.main-header .nav-item.account i {
    font-size: 20px;
  }
  header.main-header .nav-link span.label-dropdown {
    display: none;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1536px) {
  .max {
    max-width: 2500px;
  }
  .no-padding {
    padding: 0px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 0px;
  }
}
@media (min-width: 576px) {
  .carousel-indicators {
    display: none !important;
  }
  .modal-dialog {
    max-width: 1200px;
    margin: 1.75rem auto;
  }
}
@media only screen and (min-width: 3002px) and (max-width: 4000px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 4001px) and (max-width: 6144px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media (min-width: 1921px) {
  .centeral-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
}

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}

.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf",endColorstr="#ffbebebe",GradientType=0);
  background-repeat: repeat-x;
}

.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5",endColorstr="#ffe9e9e9",GradientType=0);
  background-repeat: repeat-x;
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip {
  pointer-events: none;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#fff9f9f9",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9",endColorstr="#fff5f5f5",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef",endColorstr="#ff82b3de",GradientType=0);
  background-repeat: repeat-x;
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2e6da4",GradientType=0);
  background-repeat: repeat-x;
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0 solid transparent;
}

.slider-handle:hover {
  cursor: pointer;
}

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

.slider-handle.triangle {
  background: transparent none;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "★";
  color: #726204;
}

.slider-tick {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9",endColorstr="#fff5f5f5",GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0 solid transparent;
}

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

.slider-tick.triangle {
  background: transparent none;
}

.slider-tick.custom {
  background: transparent none;
}

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "★";
  color: #726204;
}

.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef",endColorstr="#ff82b3de",GradientType=0);
  background-repeat: repeat-x;
  opacity: 1;
}

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.ah-tab-wrapper {
  position: relative;
}

.ah-tab-wrapper *,
.ah-tab-wrapper *:before,
.ah-tab-wrapper *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ah-tab {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: -0.3em;
}

.ah-tab::before,
.ah-tab::after {
  bottom: 0;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s;
}

.ah-tab::before {
  right: -100%;
  width: 30px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
}

@media (min-width: 768px) {
  .ah-tab::before {
    width: 50px;
  }
}
.ah-tab::after {
  left: 100%;
  width: 80px;
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
}

.ah-tab-overflow-left::before {
  opacity: 1;
  right: 0;
}

.ah-tab-overflow-right::after {
  opacity: 1;
  left: 0;
}

.ah-tab-overflow-wrapper {
  position: absolute;
  width: 43px;
  height: 100%;
  left: 100%;
  opacity: 0;
  top: 0;
  z-index: 1;
  text-align: center;
}

.ah-tab-overflow-wrapper[data-ah-tab-active=true] {
  left: 0;
  opacity: 1;
  transition: opacity 0.3s;
}

.ah-tab-overflow-wrapper:hover {
  z-index: 2;
}

.ah-tab-overflow-menu {
  background: transparent url("././img/theme/ah-tab-overflow-menu.svg") center center no-repeat;
  background-size: 18px;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0.7;
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {
  opacity: 1;
}

.ah-tab-overflow-list {
  position: absolute;
  top: -10000%;
  left: 0;
  text-align: right;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
  list-style: none;
  transition: opacity 0.3s;
  opacity: 0;
  max-width: 290px;
  z-index: 100000;
}

.ah-tab-overflow-list::after {
  content: " ";
  display: block;
  position: absolute;
  top: -14px;
  left: 14px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom-color: #fff;
}

.ah-tab-overflow-list::before {
  content: " ";
  display: block;
  position: absolute;
  top: -16px;
  left: 13px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #cdcdcd;
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {
  top: 99%;
  padding: 10px 0;
  opacity: 1;
}

.ah-tab-overflow-list:hover {
  display: block;
}

.ah-tab-item {
  color: #000;
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  transition: all 0.3s;
  text-decoration: none;
  font-size: 16px;
}
.ah-tab-item i {
  margin-left: 5px;
  font-size: 18px;
  color: #d35154;
}

.ah-tab > .ah-tab-item {
  border-bottom: 3px solid transparent;
  padding: 15px;
}

.ah-tab > .ah-tab-item:hover {
  color: #000;
}

.ah-tab-item[data-ah-tab-active=true] {
  color: #000;
}

.ah-tab > .ah-tab-item:hover {
  border-bottom: 3px solid #000;
}

.ah-tab > .ah-tab-item[data-ah-tab-active=true] {
  border-bottom-color: #000;
}

.ah-tab-overflow-list > .ah-tab-item {
  border-right: 3px solid transparent;
  display: block;
  overflow: hidden;
  padding: 10px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ah-tab-overflow-list > .ah-tab-item:hover {
  border-right-color: #000;
}

.ah-tab-overflow-list > .ah-tab-item[data-ah-tab-active=true] {
  border-right: 3px solid #000 !important;
  border-radius: 0 !important;
}

.ah-tab-overflow-list > .ah-tab-item {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  font-size: 15px !important;
}

.ah-tab-content-wrapper {
  margin: 30px 0;
}

.ah-tab-content {
  display: none;
}

.ah-tab-content[data-ah-tab-active=true] {
  display: block;
}

.stack-menu {
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.stack-menu--active {
  display: block;
}

.stack-menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.stack-menu__list--active {
  display: block;
}

.stack-menu__item--hidden {
  display: none;
}

.stack-menu__link {
  padding: 14px 20px;
  display: block;
  text-decoration: none;
  position: relative;
  color: #000;
  -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
}

.stack-menu__link--back,
.stack-menu__link--parent {
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  background-repeat: no-repeat;
}

.stack-menu__link--parent {
  background-position: center right 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back {
  background-position: center left 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--hidden {
  display: none;
}

.stack-menu__link:hover {
  color: #fff;
  background-color: #007aff;
}

.stack-menu__link--parent:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: 600;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.dt-sl {
  width: 100%;
  height: auto;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
}

.nicescroll-cursors {
  background-color: #ccc !important;
}

.dt-sn {
  padding: 10px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.btn.hover:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (min-width: 1200px) {
  .main-container {
    max-width: 90vw;
  }
}
@media (min-width: 1600px) {
  .main-container {
    max-width: 82vw;
  }
}
@media (max-width: 1200px) {
  .main-container {
    max-width: 100%;
  }
}
.btn {
  padding: 10px;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  border-radius: 10px;
  color: #212121;
  border: 0;
  outline: 0;
}

.btn-light {
  box-shadow: 0 2px 6px #e6ecf1;
  background-color: #e3eaef;
  border-color: #e3eaef;
  color: #191d21;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.disabled:hover,
.btn-light.disabled:focus,
.btn-light.disabled:active {
  background-color: #c3d2dc !important;
}

.btn-dark {
  box-shadow: 0 2px 6px #bac0c6;
  background-color: #191d21;
  border-color: #191d21;
  color: #fff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active {
  background-color: black !important;
}

.btn-success {
  box-shadow: 0 2px 6px #a8f5b4;
  background-color: #63ed7a;
  border-color: #63ed7a;
  color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active {
  background-color: #4cea67 !important;
  color: #fff !important;
}

.btn-info {
  box-shadow: 0 2px 6px #82d3f8;
  background-color: #3abaf4;
  border-color: #3abaf4;
  color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active {
  background-color: #0da8ee !important;
}

.btn-primary {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  border-color: #6777ef;
  color: #fff;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:hover {
  background-color: #394eea !important;
}

.btn-danger {
  box-shadow: 0 2px 6px #fd9b96;
  background-color: #fc544b;
  border-color: #fc544b;
  color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active {
  background-color: #fb160a !important;
}

.btn-warning {
  box-shadow: 0 2px 6px #ffc473;
  background-color: #ffa426;
  border-color: #ffa426;
  color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active {
  background-color: #ff990d !important;
  color: #fff !important;
}

.border {
  border-color: #eee !important;
}

.custom-control-label {
  padding-right: 30px;
  padding-top: 2px;
  cursor: pointer;
}

.custom-control-label::before {
  right: 0;
  left: auto;
}

.custom-control-label::after {
  right: 0;
  left: auto;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary-cm {
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  position: relative;
  border-radius: 10px;
  color: #fff;
  border: 0;
  outline: 0;
  background-color: #d35154;
  overflow: hidden;
}

.btn-primary-cm:hover {
  color: #fff;
}

.btn-primary-cm.btn-with-icon {
  padding-right: 50px;
}

.btn-primary-cm.btn-with-icon.w-100 {
  padding-right: 0;
}

.btn-primary-cm.btn-with-icon::before {
  content: "";
  width: 44px;
  height: 140%;
  position: absolute;
  right: 0;
  top: -10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-primary-cm.btn-with-icon:hover::before {
  width: 110%;
}

.btn-primary-cm.btn-with-icon img {
  width: 24px;
  position: absolute;
  right: 10px;
}

.btn-primary-cm.btn-with-icon i {
  position: absolute;
  right: 10px;
  font-size: 23px;
  top: 7px;
}

.dir-rtl {
  direction: rtl;
}

.dir-ltr {
  direction: ltr;
}

.ps-relative {
  position: relative;
}

.shadow-unset {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.wrapper {
  direction: rtl;
  overflow-x: hidden !important;
}

/* main-content */
main.main-content {
  position: relative;
}

/* ----------------- Start Sidebar */
.sidebar-banner {
  padding: 0;
  text-align: center;
  box-shadow: none;
  background: 0 0;
  margin: 2px 0 15px 0;
}

.sidebar-banner img {
  border-radius: 10px;
}

/* End Sidebar----------------- */
/* ----------------- Start Main-Slider */
.main-slider {
  border-radius: 8px;
  margin-bottom: 2px;
  height: 450;
  border: 0;
  border-radius: 10px;
}

.main-slider-cs {
  height: auto;
  overflow: hidden;
}

#main-slider-res {
  height: auto;
}

.main-slider .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-left: 6px;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.main-slider .carousel-indicators li.active {
  background: #fff;
  width: 40px;
  border-radius: 25px;
}

.main-slider .carousel-control-next {
  left: 0;
  right: auto;
  font-size: 45px;
}

.main-slider .carousel-control-prev {
  right: 0;
  left: auto;
  font-size: 45px;
}

.main-slider .carousel-inner {
  height: 100%;
}

.main-slider .carousel-inner .carousel-item {
  height: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 10px;
}

.main-slider-slide {
  display: block;
  width: 100%;
  height: 450px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  cursor: pointer;
}
.main-slider-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#main-slider-res .main-slider-slide img {
  border-radius: 10px;
  width: 100%;
}

/* End Main-Slider------------ */
/* ----------------- Start Category-Section */
.category-section {
  background-color: #fff;
}

.category-section-title {
  color: #656565;
  margin: 10px auto 24px;
  line-height: 30px;
  opacity: 0.7;
  width: 100%;
  text-align: center;
}

.category-section-title h3 {
  font-size: 19px;
}

.category-section-slider .category-slider .item {
  text-align: center;
}

.category-section-slider .category-slider .item h4 {
  font-size: 12px;
  line-height: 30px;
  color: #2a2a2a;
  margin-top: 8px;
  text-align: center;
}

.category-section-slider .category-slider .item h6 {
  color: #00bfd6;
  font-size: 12px;
  line-height: 10px;
}

.category-section-slider .category-slider .item h6::before {
  content: "+";
  margin-left: 2px;
}

.category-section-slider .owl-carousel .owl-nav .owl-prev,
.category-section-slider .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.category-section-slider .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -10px;
  border-radius: 8px 0 0 8px;
}

.category-section-slider .owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -10px;
  border-radius: 0 8px 8px 0;
}

.category-section-slider .owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

/* End Category-Section------------ */
/* ------------ Start Brand-Slider */
a.brand-img {
  display: block;
  height: 120px;
  width: 120px;
  object-fit: contain;
}
a.brand-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.brand-slider .owl-nav {
  margin-top: 0;
}

.brand-slider .owl-nav button {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  line-height: 37px !important;
  text-align: center;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brand-slider .owl-nav button.owl-next,
.brand-slider .owl-nav button.owl-prev {
  background-color: #fff;
  border-radius: 50%;
  font-size: 40px;
  color: #6a6a6a;
}

.brand-slider .owl-nav button.owl-next {
  left: -15px;
  cursor: pointer;
}

.brand-slider .owl-nav button.owl-prev {
  right: -15px;
  cursor: pointer;
}

.brand-slider .owl-nav button.owl-next:hover,
.brand-slider .owl-nav button.owl-prev:hover {
  background-color: #fff;
  color: #000;
}

.brand-slider .owl-nav button.disabled {
  opacity: 0 !important;
}

/* End Brand-Slider------------ */
/* ------------ Start Section-Title */
.section-title {
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
}

.title-wide::after {
  content: "";
  background-color: #d9e1eb;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 16px;
}

.no-after-title-wide::after {
  display: none;
}

.title-wide a,
.title-wide h2 {
  color: #1c1c1c;
  line-height: 33px;
}

.title-wide h2 {
  font-size: 20px;
  height: 33px;
  position: relative;
  z-index: 10;
  display: inline-block;
  padding-right: 40px;
  padding-left: 10px;
}

.text-sm-title h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.title-wide h2:after,
.title-wide h2:before {
  content: "";
}

.mini-banner {
  height: 108px;
  margin-top: 10px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.mini-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.see-all h4 {
  font-size: 16px;
  font-weight: 700;
}
.see-all a {
  padding: 5px 25px;
  background: rgba(252, 226, 227, 0.55);
  border: 1px solid #d35154;
  border-radius: 8px;
  text-align: center;
  color: #d35154;
  font-weight: 600;
  font-size: 15px;
  margin-top: 26px;
}

.title-wide h2:before {
  background: url(/assets/images/theme/title-circles.png) left no-repeat;
  display: block;
  position: absolute;
  right: -20px;
  top: 11px;
  height: 14px;
  width: 32px;
  margin-right: 13px;
  height: 14px;
  width: 32px;
}

.no-title-wide-before h2 {
  padding-right: 10px;
}

.no-title-wide-before h2::before {
  background: none;
}

.section-title img {
  height: 50px;
  width: 50px;
}

.title-wide a::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -28px;
  width: 28px;
  height: 2px;
  background-color: #fff;
}

.section-title p {
  margin: -10px 40px 0;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

/* End Section-Title------------ */
/* ------------ Start Product-Carousel */
section.slider-section {
  padding: 40px 25px 15px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
}

section.slider-section .product-card {
  border-radius: 0;
  border-left: 1px solid #eee;
}

.free-shipping {
  display: flex;
  align-items: center;
  width: max-content;
  position: absolute;
  z-index: 1;
  background: rgba(211, 81, 84, 0.1019607843);
  right: 7px;
  border-radius: 5px;
  padding: 0px 8px;
}
.free-shipping i {
  font-size: 17px;
  color: #d35154;
  margin-left: 5px;
}
.free-shipping strong {
  font-size: 12px;
}

.amazing-section {
  border-radius: 0 !important;
}

.amazing-product a {
  display: block;
  padding: 10px 15px;
}

.amazing-product img {
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  height: 250px;
}

.amazing-product a.view-all-amazing-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  padding: 9px 18px;
  border-radius: 5px;
}

.amazing-product a.view-all-amazing-btn.black-btn {
  color: #000000;
  border: 1px solid #000000;
}

.category-banner a {
  height: 220px;
  width: 220px;
  object-fit: contain;
}
.category-banner a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.amazing-section .product-card {
  border-radius: 10px !important;
  border-left: 0 !important;
}

.amazing-section .product-carousel .item {
  margin-bottom: 20px !important;
}

.product-carousel .item {
  margin-bottom: 40px;
}

.product-carousel {
  position: relative;
}

.product-carousel .owl-dots {
  margin-top: 0 !important;
  text-align: center;
}

.product-carousel .owl-dot {
  outline: none;
}

.product-carousel .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 7px;
  background: #ddd;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.product-carousel .owl-dot.active span,
.product-carousel .owl-dot:hover span {
  background: #d35154;
}

.product-carousel .owl-dot.active span {
  width: 38px;
}

.product-carousel .owl-nav {
  margin-top: 0;
}

.product-carousel .owl-nav button {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 80px;
  margin-top: -20px;
  line-height: 37px !important;
  text-align: center;
  outline: none;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-carousel .owl-nav button.owl-next,
.product-carousel .owl-nav button.owl-prev {
  background-color: #fff;
  font-size: 40px;
  color: #6a6a6a;
}

.product-carousel .owl-nav button.owl-next {
  left: 10px;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
}

.product-carousel .owl-nav button.owl-prev {
  right: 10px;
  cursor: pointer;
  border-radius: 8px 0 0 8px;
}

.product-carousel .owl-nav button.owl-next:hover,
.product-carousel .owl-nav button.owl-prev:hover {
  background-color: #fff;
  color: #000;
}

.product-carousel .owl-nav button.disabled {
  opacity: 0 !important;
}

/* ------------ Start Product-Card */
.product-card {
  position: relative;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
  margin: 5px;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.seggest-items .product-card {
  margin: 0px;
  padding: 8px 5px;
}
.seggest-items .product-card .product-img {
  height: 220px;
  width: 100%;
  object-fit: contain;
}
.seggest-items .product-card .product-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-img {
  height: 230px;
  width: 100%;
  object-fit: contain;
}
.product-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-card .promotion-badge {
  font-size: 12px;
}
.product-card .product-timeout {
  position: absolute;
  bottom: -14px;
  right: -8px;
}
.product-card .product-timeout .countdown-timer span {
  display: inline-block;
  width: 50px;
  height: 20px;
  position: relative;
}
.product-card .promotion-badge {
  color: #d35154;
  border-bottom: 1px solid #d35154;
}
.product-card .product-timeout .countdown-timer {
  direction: ltr;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
.product-card .promotion-badge {
  width: 100%;
  height: 25px;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
  line-height: 12px;
  color: #d35154;
  border-bottom: 1px solid rgba(211, 81, 84, 0.2196078431);
  position: absolute;
  top: -31px;
  z-index: 10000000;
}

.product-card .product-timeout .countdown-timer span {
  display: inline-block;
  width: 40px;
  height: 20px;
  position: relative;
  color: #d35154;
}

.product-card .promotion-badge {
  font-size: 12px !important;
  padding-right: 8px;
}

.amazing-section .product-card .product-card-body {
  padding: 5px 15px;
}
.amazing-section .product-card .product-card-body .product-price {
  padding-left: 0;
}

.first-widget-seggustion {
  height: 452px;
  margin-top: 5px;
}

.widget-suggestion .owl-dots {
  margin-top: 0 !important;
  text-align: center;
  top: -10px !important;
  position: relative;
}

.product-card:hover {
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.15);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.15);
}

.product-card .product-head {
  padding: 5px 8px;
}

.rating-stars {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.rating-stars i {
  display: inline-block;
  margin-left: -7px;
  color: #bfbfbf;
  font-size: 0.875rem;
}

.rating-stars i.active {
  color: #ffd800;
}

.discount {
  position: absolute;
  top: 10px;
  left: 10px;
}

.discount span {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #fff;
  background: #d35154;
  border-radius: 15px 15px 0 15px;
}

.product-card .product-thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

.product-card .product-thumb::before {
  background-color: #fff;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  content: "";
  left: -130%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px #fff;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.product-card:hover .product-thumb::before {
  left: 200%;
}

.fire-icon-title {
  font-size: 50px;
  width: 20px;
  display: inline-block;
  color: #d35154;
  position: relative;
  top: 8px;
}

.product-card .product-card-body {
  padding: 0px 2px;
  position: relative;
}

.product-card .product-card-body .add-to-compare {
  position: absolute;
  top: -45px;
  left: 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.1s ease;
}

.product-card:hover .product-card-body .add-to-compare {
  opacity: 1;
}

.product-card .product-card-body .add-to-compare .custom-control {
  padding-left: 0;
}

.product-card .product-card-body .add-to-compare .custom-control-label {
  padding-right: 20px;
}

.product-card .product-meta {
  display: block;
  margin-bottom: 0.5rem;
  color: rgba(140, 140, 140, 0.75);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.product-card .product-meta:hover {
  color: #404040;
}

.product-card .product-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.product-card .product-title > a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #d35154;
  text-decoration: none;
  display: block;
  font-weight: 600;
}

.product-card .product-title > a:hover {
  color: #f44336;
}

.product-card .product-price {
  display: block;
  color: #000000;
  font-weight: 600;
  text-align: left;
  font-size: 15px;
  padding-left: 15px;
}
.product-card .product-price strong {
  font-weight: 600;
}

.hover-effect-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.hover-effect-img::before {
  background-color: white;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  content: "";
  left: -100%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px white;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.card-row:hover .hover-effect-img::before {
  left: 200%;
}

.search-amazing-content {
  padding-top: 65px;
}

.search-amazing-tab .product-card {
  padding-top: 40px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.btn-filter-sidebar {
  background-color: #e0e0e0;
  border: 0;
  border-radius: 7px;
  padding: 10px 20px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.promotion-badge {
  width: 100%;
  height: 29px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 17px;
  color: #d35154;
  border-bottom: 1px solid #d35154;
  position: absolute;
  top: 10px;
}

.promotion-badge.not-available {
  color: #6c757d;
  border-color: #6c757d;
}

.product-card .promotion-badge {
  font-size: 16px;
}

.search-amazing-tab .discount {
  top: 42px;
}

/* End Product-Card------------ */
/* ------------ Start Suggestion-Slider */
.amazing-suggest {
  font-size: 16px;
  font-weight: 600;
}
.amazing-suggest strong {
  color: red;
}

.product-carousel.carousel-md .item {
  margin-bottom: 20px;
}

.widget-suggestion .widget-suggestion-title {
  margin-bottom: 10px;
}

.widget-suggestion .widget-suggestion-title img {
  max-width: 100%;
}

.widget-suggestion #progressBar {
  height: 1px;
  background: #e0e1e2;
  position: relative;
  margin-bottom: 7px;
}

.widget-suggestion .slide-progress {
  box-shadow: 0 0 8px 0 rgba(255, 138, 138, 0.5);
  border-top-style: solid;
  border-width: 0;
  border-top-width: 1px;
  border-color: #d35154;
  position: absolute;
  width: 0;
  right: 0;
  top: 0;
  max-width: 100%;
  display: inline-block;
  animation: progressbar 10s ease-in-out;
  animation-iteration-count: infinite;
}

.widget-suggestion .owl-dots {
  margin-top: 0 !important;
  text-align: center;
}

.widget-suggestion .owl-dot {
  outline: none;
}

.widget-suggestion .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  background: #ddd;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.widget-suggestion .owl-dot.active span,
.widget-suggestion .owl-dot:hover span {
  background: #d35154;
}

.widget-suggestion .owl-dot.active span {
  width: 30px;
}

/* End Suggestion-Slider------------ */
/* ------------ Start Widget */
.widget-banner a {
  height: 150px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.widget-banner a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.widget-banner-fourth a {
  height: 180px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.widget-banner-fourth a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.half-banner a {
  height: 250px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.half-banner a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.widget-search {
  position: relative;
}

.widget-search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 7px;
  font-size: 13px;
  background-color: #fafdfb;
  border: 1px solid #f3f3f3;
  border-radius: 7px;
  outline: none;
}

.widget-search input::placeholder {
  font-size: 12px;
}

.widget-search button.btn-search-widget {
  position: absolute;
  left: 0;
  width: 35px;
  height: 40px;
  background-color: #d35154;
  border: 0;
  border-radius: 7px 0 0 7px;
  outline: none;
}

.widget-search button.btn-search-widget img {
  max-width: 100%;
}

.filter-product .card {
  border-radius: 10px;
  border: 1px solid #f3f3f3;
}

.filter-product .card .card-header {
  background-color: #fff;
}

.filter-product .card .card-header button {
  font-size: 14px;
}

.filter-product .card .card-header button i {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #edf0f5;
  border-radius: 50%;
  font-size: 25px;
  text-align: center;
  color: #d35154;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.filter-product .card .card-header button[aria-expanded=true] i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter-product .card .card-body .custom-control {
  padding-left: 0;
}

.filter-product .card .card-body .filter-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
  margin-top: 7px;
  margin-left: 6px;
  border: 1px solid #f2f2f2;
  position: absolute;
  left: 0;
}

.parent-switcher {
  position: relative;
}

.parent-switcher .ui-statusswitcher {
  position: absolute;
  right: 0;
  top: 0;
}

.parent-switcher .ui-statusswitcher input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.parent-switcher .ui-statusswitcher-slider {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 21px;
  border-radius: 29px;
  border: 1px solid #8c8c8c;
  background: #e5e5e5;
  transition: 0.15s ease-in;
}

.parent-switcher input[type=checkbox]:checked + .ui-statusswitcher-slider {
  background-color: #d35154;
  border-color: #d35154;
}

.parent-switcher .ui-statusswitcher-slider-toggle {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #959595;
  transition: all 0.4s ease;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
}

.parent-switcher input[type=checkbox]:checked + .ui-statusswitcher-slider span {
  right: 21px;
}

.parent-switcher .label-switcher {
  margin-right: 50px;
  margin-bottom: 5px;
  cursor: pointer;
}

.noUi-target {
  border: 0;
  border-radius: 0;
  background-color: #e7e7e7;
  box-shadow: none;
}

.noUi-horizontal {
  height: 0.1875rem;
}

.noUi-horizontal .noUi-handle {
  top: -6px;
  left: -0.375rem;
  width: 15px;
  height: 15px;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.noUi-handle:after,
.noUi-handle:before {
  display: none;
}

.noUi-horizontal .noUi-handle::before {
  display: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  background-color: #d35154;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
  background-color: #d35154;
}

.noUi-horizontal .noUi-handle:focus {
  outline: none;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -0.375rem;
  left: auto;
}

.ui-range-slider-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.875rem;
}

.ui-range-slider-footer > .column:last-child {
  padding-right: 0.9375rem;
  text-align: right;
}

.ui-range-values {
  display: inline-block;
}

.ui-range-values .ui-range-value-min,
.ui-range-values .ui-range-value-max {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
}

.ui-range-values .ui-range-label {
  display: inline-block;
  margin-right: 0.125rem;
  color: #8c8c8c;
  font-size: 0.75rem;
  font-weight: 600;
}

.noUi-connect {
  background: #d35154 !important;
}

/* End Widget------------ */
/* ------------ Start Search Page */
.header-cover {
  content: "";
  background-color: #d35154;
  background-image: url(./img/svg/701f8a6b.svg);
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 275px;
  z-index: -1;
}

.promotion-header-img {
  width: 100%;
  background: url(./img/theme/amazing.svg) 50% no-repeat;
  background-size: contain;
  height: 120px;
}

.search-amazing-tab .ah-tab-item {
  padding: 5px 8px;
  border-radius: 10px;
  border-bottom: 0;
  margin: 0 10px;
  font-size: 13px;
}

.search-amazing-tab .ah-tab-item:first-child {
  margin-right: 40px;
}

.search-amazing-tab .ah-tab-item:hover {
  border: 0;
}

.search-amazing-tab .ah-tab > .ah-tab-item[data-ah-tab-active=true] {
  background-color: #d35154;
  color: #fff;
  padding: 5px 8px;
  border-radius: 10px;
  border-bottom: 0;
}

/* End Search Page------------ */
/* ------------ Start Pagination */
.pagination {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.pagination a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 33px;
  border-radius: 10px;
  font-size: 20px;
  color: #212121;
}

.pagination a.next {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 5px;
  color: #333;
}

.pagination a.prev {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 5px;
  color: #333;
}

.pagination a.active-page {
  background-color: #d35154;
  border-color: #d35154;
  color: #fff;
}

/* End Pagination------------ */
/* ------------ Start Single-Product */
.accordion {
  width: max-content;
}

.accordion-header {
  width: max-content;
}

.accordion-item {
  border: none !important;
}

.accordion-collapse.collapse.show {
  width: 100%;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background: #fbe6d2;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none !important;
}

.accordion-body {
  padding: 10px;
  background: rgba(255, 255, 255, 0.168627451);
  margin-top: 5px;
  border-radius: 12px;
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
  padding: 10px;
  background-size: 12px;
  background-position: center;
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  transition: var(--bs-accordion-btn-icon-transition);
}

.year-of-activity {
  margin-right: 5px;
  font-size: 12px;
  margin-left: 5px;
}

.mini-activity {
  display: flex;
  align-items: center;
}

.accordion-button {
  outline: none !important;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background: #fff3e8;
  border: 0;
  border-radius: 12px !important;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.product-of-saler-inf {
  margin-top: 12px;
}
.product-of-saler-inf .product-link-name strong {
  color: #201f1f;
  line-height: 28px;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-of-saler-inf .product-link-name span {
  color: #343434;
  font-size: 12px;
  display: block;
  margin-top: 12px;
}

.price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end !important;
  justify-content: center;
}

.price-area {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.price-area .link-cart-price {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-left: 8px;
}
.price-area .toman {
  font-style: 16px;
  font-weight: 600;
}

.shop-btn-area {
  height: 50px;
  width: 145px;
}

.shop-btn {
  display: flex;
  height: 100%;
  width: 100%;
  background: #f66700;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.shop-btn:hover {
  background: #e90800 !important;
  color: #fff;
}

.propert-height {
  margin-top: 10px;
  height: 100%;
  overflow-y: auto;
}

.property-body {
  padding: 20px 0px;
}

.each-property {
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
  top: 5px;
  margin-top: 10px;
}
.each-property h5 {
  font-size: 13px;
  padding: 0px 10px;
  font-weight: 600;
}
.each-property strong {
  font-size: 12px;
  display: block;
  margin-top: 8px;
  padding: 0px 12px;
}

.background-whitei {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.wrapp-product-gallery {
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  padding: 20px 25px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
}

.mm_mockup {
  height: 500px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  margin-top: 30px;
  margin-bottom: 30px;
}
.mm_mockup img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.select-container .label-text {
  display: flex;
  align-items: center;
}
.select-container .each-option {
  cursor: pointer;
  color: #383A3F;
  display: block;
  margin-bottom: 10px;
  font-size: 1.2em;
  width: 100%;
  padding: 5px 8px;
  border-radius: 4px;
  background: linear-gradient(305deg, rgba(222, 222, 222, 0.68) 0.64%, #f8f8ff 98.23%);
  margin-bottom: 5px;
}
.select-container .each-option p {
  font-size: 14px;
  line-height: 20px;
}
.select-container .each-option label input[type=checkbox] + .label-text:hover:before {
  color: #fe4365;
}
.select-container .each-option label input[type=checkbox] {
  display: none;
}
.select-container .each-option label input[type=checkbox] + .label-text:before {
  content: "\f12c";
  color: #eee;
  font-family: "Material Design Icons";
  line-height: 1;
  width: 25px;
  display: inline-block;
  margin-right: 5px;
  background: #fff;
  height: 25px;
  border-radius: 4px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.select-container .each-option label input[type=checkbox]:checked + .label-text:before {
  content: "\f12c";
  color: #FECA22;
  animation: tick 150ms ease-in;
}
.select-container .each-option label input[type=checkbox]:disabled + .label-text:before {
  content: "\f12c";
  color: #dddfe6;
}
@keyframes tick {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.special-product-details ul li {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.side-title {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-weight: normal;
}
.side-title span {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.product-property {
  margin-top: 0px;
  height: 100%;
  background: #fff !important;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  max-height: 1000px;
  overflow-y: scroll;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
}
.product-property::-webkit-scrollbar {
  background: #e6e6e6;
  height: 5px;
  width: 8px;
  border-radius: 4px;
}
.product-property::-webkit-scrollbar-thumb {
  background: #cccccc !important;
  border-radius: 4px;
}
.product-property::-webkit-scrollbar-thumb:hover {
  background: #e0e0ff;
}

.details-list {
  display: flex;
  background: #fff;
  border-bottom: none !important;
  margin-top: 12px;
  height: 65px;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  padding: 10px 15px;
}

.nav-tabs {
  border-bottom: none !important;
}

.lists-salers {
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: center;
  width: 160px;
  height: 52px;
  background: #fff3e8;
  border: 1px solid #fff3e8 !important;
  border-radius: 8px !important;
  margin-left: 10px;
}

.data_more_less_inner {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}

.action_less {
  display: none;
}

.less_active .action_less {
  display: inline-block;
  width: 100%;
}

.less_active .action_more {
  display: none;
  width: 100%;
}

.data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  height: 80px;
}

.data_more_less.action_disabled .more_less_action {
  display: none;
}

.more_less_action {
  text-align: center;
  font-weight: 600;
  color: #FECA22;
  font-size: 14px;
  width: 100%;
}
.more_less_action i {
  font-size: 18px;
  position: relative;
  top: 3px;
}

.m-op-price {
  font-size: 17px;
}

.option-price span {
  font-size: 14px;
  margin: 0px 5px;
}

.product-property-body {
  direction: rtl;
  display: flex;
  align-items: start;
  flex-direction: column;
  padding: 20px 25px;
  position: relative;
  top: 0px;
  background: #fff !important;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.071);
  border-radius: 8px 8px 0px 0px;
}
.product-property-body i.heading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  margin-left: 10px;
  background: linear-gradient(106deg, rgba(255, 235, 59, 0.2901960784) 0%, rgba(255, 235, 59, 0.2392156863) 24.38%, rgba(255, 235, 59, 0.0901960784) 77.05%, #ffffff 100%);
  padding: 5px;
  color: #FECA22;
  border-radius: 6px;
}
.product-property-body h4 {
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 20px;
}

.product-side-trustbox {
  width: 100%;
}

.product-side-body {
  display: flex;
  align-items: start;
  flex-direction: column;
  padding: 20px 25px;
  position: relative;
  top: 0px;
  background: #fff !important;
  border-radius: 8px;
  margin-top: 0px;
  box-shadow: 1px -6px 12px rgba(0, 0, 0, 0.071);
  border-radius: 8px 8px 0px 0px;
}
.product-side-body i.heading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  margin-left: 10px;
  background: linear-gradient(209deg, rgb(201, 201, 255) 0.64%, rgb(248, 248, 255) 98.23%);
  padding: 5px;
  color: #FECA22;
  border-radius: 6px;
}
.product-side-body h4 {
  font-size: 18px;
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 600;
  margin-bottom: 0px;
  justify-content: end;
}

.product-price-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(224, 224, 255, 0.39);
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.product-price-line .price-label {
  font-size: 16px;
}
.product-price-line h4 {
  font-weight: normal;
  display: flex;
  margin-bottom: 0;
}
.product-price-line h4 .main-price {
  font-size: 30px;
}
.product-price-line h4 span.toman {
  font-size: 14px;
  margin-right: 5px;
}

.side-property-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 8px;
  border-radius: 4px;
  background: rgba(254, 202, 34, 0.4705882353);
  margin-bottom: 5px;
}
.side-property-box img {
  padding: 2px;
  background: #fff;
  border-radius: 6px;
  height: 25px;
  margin-left: 10px;
}
.side-property-box p {
  font-size: 13px;
  font-family: peyda;
  font-weight: 800;
}

.name-inf {
  padding-right: 15px;
}

.city-tag {
  border-radius: 12px;
  padding: 5px;
  display: inline-block;
  background: #fff3e8;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.city-tag img {
  height: 30px;
}
.city-tag span {
  padding-right: 16px;
  text-align: center;
  width: 100%;
}

.salers-name-inf {
  margin-top: 20px;
}
.salers-name-inf img {
  height: 40px;
  background: linear-gradient(44deg, rgba(255, 123, 0, 0.3960784314) 0.64%, rgba(255, 254, 253, 0.9058823529) 98.23%);
  padding: 6px;
  border-radius: 12px;
}
.salers-name-inf strong {
  margin-right: 5px;
}

.price-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wrap-salers-info {
  position: relative;
  display: flex;
  flex-direction: column;
}

.city-tag {
  display: block;
}

.salers-name-inf {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}

.mini-activity span {
  font-size: 12px;
  font-weight: 500;
}

.year-of-activity-body p {
  font-size: 12px;
}

ul.gallery-options {
  position: absolute;
  z-index: 10;
}

ul.gallery-options li {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 980;
  position: relative;
  list-style: none;
}

.like-it {
  position: relative;
  height: 70px;
  width: 100%;
  border-radius: 12px;
  padding: 20px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff3e8;
}

ul.gallery-options button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  text-align: center;
  border-radius: 8px;
  border: 0;
  color: #FECA22;
  height: 45px;
  padding: 6px;
  border-radius: 12px;
  cursor: pointer;
  outline: none;
  font-size: 30px;
}

ul.gallery-options .tooltip-option {
  opacity: 0;
  visibility: hidden;
  padding: 8px 0;
  background-color: #FECA22;
  color: #fff;
  z-index: 4;
  font-size: 14px;
  line-height: 1.692;
  position: absolute;
  top: 2px;
  font-weight: 500;
  border-radius: 4px;
  right: 60px;
  width: 150px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

ul.gallery-options .tooltip-option::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  right: -10px;
  top: 10px;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #FECA22;
}

ul.gallery-options li:hover .tooltip-option {
  opacity: 1;
  visibility: visible;
}

/* product-summary */
.product-guaranteed {
  display: flex;
  align-items: center;
  padding: 0 5px;
  max-width: 250px;
  margin: auto;
  text-align: justify;
}

/* product-seller */
.product-sellers {
  overflow-x: auto !important;
}

.product-sellers .product-seller {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  min-width: 910px;
  overflow-x: auto;
}

.product-sellers .product-seller:last-child {
  border-bottom: 0;
}

.product-sellers .product-seller .product-seller-col {
  flex: 1 1 auto;
  padding: 10px;
  box-sizing: border-box;
}

.product-sellers .product-seller .product-seller-title {
  display: flex;
  align-items: center;
}

.product-sellers .product-seller .product-seller-title .icon {
  font-size: 21px;
  color: #979797;
  margin-left: 10px;
  line-height: 0;
}

.product-sellers .product-seller .product-seller-title .name {
  font-size: 18px;
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-title .name .bade {
  font-weight: normal;
}

.product-sellers .product-seller .product-seller-title .detail .value {
  color: #c5252d;
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-title .detail .label {
  color: #979797;
}

.product-sellers .product-seller .product-seller-title .divider {
  margin-right: 5px;
  margin-left: 5px;
  color: #eee;
}

.product-sellers .product-seller .product-seller-info i {
  margin-left: 5px;
}

.product-sellers .product-seller .product-seller-info span {
  font-weight: 600;
}

.product-sellers .product-seller .product-seller-price-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-sellers .product-seller .product-seller-price-action .product-seller-price {
  font-weight: 600;
  font-size: 18px;
}

.product-sellers .product-seller .product-seller-price-action .product-seller-price .currency {
  margin-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

.product-guaranteed i {
  margin-left: 5px;
  font-size: 32px;
  color: #fb3449;
}

.product-guaranteed p {
  margin-bottom: 0;
}

.product-summary {
  margin: 20px;
}

.product-summary .stack-menu {
  background: linear-gradient(0deg, hsla(240, 3%, 94%, 0.5), hsla(240, 3%, 94%, 0.5)), #fff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.product-summary .stack-menu .stack-menu__link--back {
  background-image: unset;
}

.product-summary .stack-menu .stack-menu__link--back::before {
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #9b9b9b;
  font-family: "Font Awesome 5 Pro";
}

.product-summary .stack-menu .stack-menu__link--back::after {
  content: "بازگشت";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(155, 155, 155);
  font-weight: 500;
}

.product-summary .stack-menu .stack-menu__link {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

.product-summary .stack-menu .stack-menu__link:hover {
  background: #ececec;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #000;
}

.stack-menu__item {
  border-top: 1px solid #eee;
}

.product-summary .stack-menu .stack-menu__link--parent {
  background-image: unset;
}

.product-summary .stack-menu .stack-menu__link--parent::before {
  content: "\f141";
  font-family: "Material Design Icons";
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: #9b9b9b;
}

.product-summary .product-seller-row-main img {
  margin-left: 7px;
}

.product-summary .product-seller-row-main .product-seller-first-line {
  display: inline-block;
  margin-bottom: 7px;
}

.product-summary .product-seller-second-line {
  font-size: 14px;
  color: #19bfd3;
}

.product-summary .u-divider:before {
  content: "|";
  display: inline-block;
  color: #e4e4e4;
  margin: 0 4px;
}

.product-summary .stack-menu .stack-menu__link i {
  color: #ef394e;
  font-size: 18px;
  margin-left: 7px;
}

.product-summary .stack-menu .stack-menu__link i.product-delivery-warehouse {
  color: #0fabc6;
}

.product-summary .product-seller-row--price {
  padding: 10px;
  color: #000000;
  font-weight: 600;
  border-top: 1px solid #eee;
}

.product-summary .product-seller-price-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b4b4b4;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
}

.product-summary .product-seller-price-prev {
  text-decoration: line-through;
  font-size: 1.3rem;
}

.product-summary .product-seller-price-off {
  padding: 3px 0.7rem 1px;
  margin-right: 7px;
  font-weight: 600;
  background: #fb3449;
  border-radius: 1rem;
  color: #fff;
  font-size: 14px;
}

.product-summary .product-seller-price-real,
.product-seller-second-line,
.m-t-sm {
  margin-top: 0.5rem;
}

.product-summary .product-seller-price-real {
  text-align: center;
  margin: 0;
}

.product-summary .product-seller-price-raw {
  display: inline;
  font-size: 26px;
  line-height: 35px;
}

.product-summary .product-seller-row .product-additional-item {
  color: #686868;
}

.product-summary .product-seller-row--add-to-cart {
  padding: 0 10px;
  margin-bottom: 10px;
}

.product-summary .stack-menu .btn-add-to-cart {
  font-size: 18px;
  line-height: 1.222;
  border-radius: 8px;
  color: #fff;
  overflow: hidden;
  text-align: center;
  min-height: 55px;
  background-color: #ef394e;
  border: none;
  padding: 16px 18px;
  border: 0;
}

.product-summary .stack-menu .btn-add-to-cart:hover {
  background-color: #ef394e;
  color: #fff;
  border: 0;
}

.product-summary .stack-menu .btn-add-to-cart--full-width {
  width: 100%;
}

.product-summary .product-seller-digiclub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 18px;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
  padding-right: 12px;
}

.product-summary .product-seller-digiclub img {
  height: 20px;
  margin-left: 4px;
}

.product-summary .product-seller-digiclub span {
  font-weight: 700;
}

.product-summary .other-seller {
  padding: 10px;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.product-summary .other-seller:hover {
  background: #ececec;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}

.product-summary .other-seller a {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.product-summary .other-seller a:hover {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.product-summary .product-stock-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #969696;
  font-size: 18px;
  font-weight: 700;
}

.product-summary .product-stock-title:after,
.product-summary .product-stock-title:before {
  content: "";
  margin: 0.7rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  background: #969696;
}

.product-summary .product-stock-status--out-of-stock {
  padding: 10px;
  color: #4a4a4a;
}

.product-summary .product-stock-action {
  width: 100%;
  border-width: 0;
  background: #7a7a7a;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: block;
  margin-top: 15px;
  outline: none;
}

.product-summary .product-stock-action:hover {
  opacity: 0.8;
}

.product-summary .product-seller-row-info {
  color: #00bfd6;
  font-weight: 700;
}

.product-summary .product-info-box-body-wrapper {
  padding: 0 10px 10px;
}

.product-summary .product-info-box-row,
.product-summary .product-stock-action,
.product-summary .product-stock-title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.product-summary .product-info-box-row .seller-name {
  font-size: 13px;
  font-weight: 500;
}

.product-summary .product-info-box-row {
  position: relative;
  font-size: 1rem;
  border-bottom: 1px solid #e4e4e4;
}

.product-summary .product-info-box-row:last-of-type {
  border-bottom-width: 0;
}

.product-summary .product-info-box-feedbacks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.product-summary .product-feedback {
  text-align: center;
  font-size: 0.8rem;
}

.product-summary .product-feedback-percent {
  font-size: 1.5rem;
  color: #c62828;
  background: #ffebee;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}

.product-summary .product-feedback-percent--green {
  color: #388e3c;
  background-color: #e8f5e9;
}

.product-summary .product-v-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-summary .product-v-feedback-label {
  font-size: 0.8rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin-left: 1rem;
}

.product-summary .product-v-feedback-bar {
  position: relative;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: #ccc;
}

.product-summary .product-v-feedback-bar--very-green {
  position: absolute;
  background-color: #47ae4c;
}

.product-summary .product-v-feedback-bar--green {
  position: absolute;
  background-color: #7ed321;
}

.product-summary .product-v-feedback-bar--yellow {
  position: absolute;
  background-color: #ffea00;
}

.product-summary .product-v-feedback-bar--orange {
  position: absolute;
  background-color: #ff9100;
}

.product-summary .product-v-feedback-bar--red {
  position: absolute;
  background-color: #ec3131;
}

.product-summary .product-v-feedback-percent {
  margin-right: 1rem;
}

.product-summary .u-text-big {
  font-size: 1.2rem;
}

.product-summary .u-text-spaced {
  line-height: 26px;
}

.product-summary .product-seller-box--shadowed {
  position: relative;
  min-height: 206px;
}

.product-summary .product-seller-box--shadowed:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 35px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.1%, 0)), to(#ececec));
  background-image: linear-gradient(180deg, hsla(0, 0%, 96.1%, 0), #ececec);
}

.product-summary .shipment-info-box-row {
  padding-top: 15px;
}

.favorites {
  color: #f44336 !important;
}

.product-timeout .countdown-timer {
  direction: ltr;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
}

.product-timeout .countdown-timer span {
  display: inline-block;
  width: 50px;
  height: 35px;
  position: relative;
}

.product-timeout .countdown-timer span[data-days]::before,
.product-timeout .countdown-timer span[data-hours]::before,
.product-timeout .countdown-timer span[data-minutes]::before,
.product-timeout .countdown-timer span[data-seconds]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  font-size: 11px;
  color: #aba1a1;
}

.product-timeout .countdown-timer span[data-days]::before {
  content: "روز";
}

.product-timeout .countdown-timer span[data-hours]::before {
  content: "ساعت";
}

.product-timeout .countdown-timer span[data-minutes]::before {
  content: "دقیقه";
}

.product-timeout .countdown-timer span[data-seconds]::before {
  content: "ثانیه";
}

.mb-add-to-cart-btn-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 65px;
  padding: 10px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 10;
  display: none;
}

.mb-add-to-cart-btn-wrapper .mb-add-to-cart-btn {
  background-color: #f44336;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  margin-bottom: 5px;
}

.product-gallery {
  position: relative;
  padding: 0px 0px;
}

.main-shops-box {
  padding-bottom: 45px !important;
}

.product-gallery .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin-left: 0;
  color: #fff;
  background-color: #FECA22;
  padding: 5px 10px;
  border-radius: 4px;
  z-index: 5;
}

.salers-row {
  margin: 15px 0px;
  padding: 30px 10px !important;
}

.gallery-item {
  display: block;
  position: relative;
  width: 100%;
  transition: box-shadow 0.35s 0.12s;
  color: #fff;
  text-decoration: none;
}

.gallery-item::before,
.gallery-item::after {
  display: block;
  position: absolute;
}

.gallery-item::after {
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: -22px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  z-index: 5;
}

.gallery-item:not(.type-video)::after {
  transform: scale(0.2);
  transition: all 0.3s 0.12s;
  color: #404040;
  font-family: "Material Design Icons";
  font-size: 1.3125rem;
  font-weight: normal;
  line-height: 44px;
  text-align: center;
  content: "\f6ec";
  opacity: 0;
}

.product-gallery .gallery-item::after {
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.26);
}

.gallery-item:hover:not(.type-video)::after {
  transform: scale(1);
  opacity: 1;
}

.product-gallery .product-carousel .owl-nav button.owl-next,
.product-gallery .product-carousel .owl-nav button.owl-prev {
  width: 50px;
  height: 60px;
  line-height: 50px !important;
}

.product-info .product-title {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 40px !important;
}

.product-info .product-title h1 {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  position: relative;
  line-height: 35px;
}

.product-info .product-title h1::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

.product-info .product-title h3 {
  font-size: 14px;
  color: #878787;
  font-weight: 600;
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
}

.product-info .product-title h3::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.product-variant {
  margin: 20px 0 10px;
  color: #6f6f6f;
  vertical-align: top;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
}

.product-variant > span {
  font-size: inherit;
  color: inherit;
  padding-left: 15px;
  margin-top: 3px;
  float: right;
}

.widget-longer a {
  height: 200px !important;
}

.product-variants {
  margin-right: -8px;
  list-style: none;
  padding: 0;
  display: inline-block;
  margin-bottom: 0;
}

.ui-variant {
  display: inline-block;
  position: relative;
}

.product-variants li {
  margin: 0 8px 8px 0;
  display: inline-block;
}

.ui-variant {
  display: inline-block;
  position: relative;
}

.ui-variant--color .ui-variant-shape {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 8px;
  top: 8px;
  border-radius: 50%;
  background: #ccc;
  border: 1px solid #000;
  content: "";
  cursor: pointer;
}

.ui-variant input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.ui-variant--check {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #6f6f6f;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  display: block;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.ui-variant--color .ui-variant--check {
  padding-right: 37px;
}

input[type=radio]:checked + .ui-variant--check {
  border-color: #d35154;
}

.product-params {
  height: 192px;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}

.product-params.active {
  height: auto;
}

.product-params ul {
  list-style: none;
  padding: 0;
  color: #55565a;
  margin: 20px 0;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
}

.select-options {
  width: 30%;
}

.product-params ul:before {
  content: attr(data-title);
  background: url(/assets/images/theme/title-circles.png) left no-repeat;
  font-size: 13px;
  font-size: 18px;
  line-height: 28px;
  display: list-item;
  font-weight: 600;
  color: #000;
  direction: rtl;
  background-position: right;
  padding-right: 40px;
}

.product-params ul li {
  margin: 5px 15px;
  width: 100%;
  font-size: 13px;
  position: relative;
}

.product-select {
  border: 1px solid transparent;
  border-radius: 10px;
  color: #6f6f6f;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 14px;
  line-height: 28px;
  display: block;
  margin-bottom: 0px !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.product-params ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ccc;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: -14px;
}

.product-service-item {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.product-service-item .service-item {
  display: flex;
  align-items: center;
}
.product-service-item .service-item p {
  color: #6d6c6c;
  font-size: 12px;
}
.product-service-item .service-item img {
  opacity: 0.4;
}

.product-params ul li span {
  margin-left: 5px;
  white-space: normal;
}

.product-params ul li span:first-child {
  font-weight: 700;
}

.product-params .sum-more {
  width: 100%;
  position: absolute;
  height: 50px;
  text-align: right;
  background: #fff;
  bottom: 0;
  right: 0;
  line-height: 47px;
  font-size: 13px;
  box-shadow: 0 0 10px #fff;
  cursor: pointer;
}

.btn-link-border {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #1ca2bd;
  padding: 0;
  line-height: 2;
  font-size: 12px;
}

.btn-link-border:after {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 0.85em;
  content: "";
  position: absolute;
  border-bottom: 1px dashed #1ca2bd;
}

.product-params .show-less {
  display: none;
}

.product-info .price {
  font-weight: 600;
  color: #000;
  font-size: 30px;
}

.tabs-product-info .ah-tab .ah-tab-item i {
  margin-left: 5px;
}

.description-product {
  line-height: 30px;
  color: #666;
  text-align: justify;
}

.accordion-product .card {
  border: 0;
  padding-bottom: 20px;
}

.accordion-product .card .card-header {
  background-color: #fff;
  padding: 5px 15px;
  border-bottom: 0;
  border: 1px solid #eee;
  border-radius: 10px !important;
}

.accordion-product h5 button {
  font-size: 14px;
  color: #000;
  padding-right: 50px;
  position: relative;
  font-weight: 600;
}

.accordion-product h5 button:hover,
.accordion-product h5 button:active {
  color: #000;
  text-decoration: none;
}

.accordion-product h5 button::before {
  content: "-";
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #d35154;
  position: absolute;
  right: 0;
  top: 6px;
  border: none;
  color: #fff;
  border-radius: 5px;
  outline: none;
}

.accordion-product h5 button.collapsed::before {
  content: "+";
}

.accordion-product .card-body img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.accordion-product .card-body p {
  font-size: 15px;
  line-height: 2.53;
  color: #404040;
  margin: 20px 0;
}

.params section {
  width: 100%;
  margin-bottom: 20px;
}

.params .params-title {
  color: #4d4d4d;
  margin-bottom: 25px;
  position: relative;
  padding-right: 19px;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: -0.3px;
}

.params .params-title:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #00bfd6;
  transform: rotate(45deg);
}

.params .params-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
  width: 100%;
}

.params .params-list li {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  margin: 8px -8px;
  width: 100%;
  padding-right: 19px;
}

.params .params-list li .params-list-key {
  flex: 0 0 19%;
  max-width: 19%;
  margin-left: 20px;
  background: #efefef;
  border-radius: 5px;
  padding: 14px 18px 12px;
  margin-bottom: 10px;
}

.params .params-list li .params-list-value {
  flex: 0 0 79%;
  max-width: 79%;
  font-size: 13px;
  background: #efefef;
  border-radius: 5px;
  padding: 14px 18px 14px;
  margin-bottom: 5px;
}

.content-expert-rating {
  list-style: none;
  padding: 5px 13px 33px 60px;
  background: #e8e8e8;
  border-radius: 5px;
}

.content-expert-rating > li {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
  margin-top: 15px;
  border-bottom: 1px solid #f9f7f7;
  padding-bottom: 4px;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.content-expert-rating > li:first-child {
  margin-top: 0;
}

.content-expert-rating > li .cell {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 7px;
  padding-left: 7px;
  font-size: 14px;
  font-weight: 600;
}

.content-expert-rating > li .cell:first-child {
  flex: 0 0 45%;
  max-width: 45%;
}

.content-expert-rating > li .cell:last-child {
  flex: 0 0 55%;
  max-width: 55%;
}

.content-expert-rating .rating {
  position: relative;
  height: 4px;
  border-radius: 3px;
  background: #ffffff;
}

.rating--general {
  background-color: #d5d5d5;
}

.content-expert-rating {
  list-style: none;
  padding: 22px 12px 22px 60px;
  background: rgba(232, 232, 232, 0.6392156863);
  border-radius: 5px;
}

.rating[data-rate-digit]:before {
  position: absolute;
  right: 100%;
  top: 50%;
  content: attr(data-rate-digit);
  margin-right: 11px;
  color: #6f6f6f;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rating-rate {
  width: 0;
  height: 100%;
  background: silver;
  border-radius: 3px;
}

.rating--general .rating-rate {
  background-color: #d35154;
}

.comments-summary-box,
.comments-summary-note {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px;
}

.comments-summary-note > span {
  font-size: 19px;
  font-size: 16px;
  line-height: 1.158;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
  display: block;
}

.comments-summary-note p {
  font-size: 15px;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 35px;
  color: #676767;
}

.comments-tab .card-body p {
  font-size: 15px;
  line-height: 2.53;
  color: #404040;
  margin: 20px 0;
}

.count-comment {
  font-size: 14px !important;
  margin: 8px 0px !important;
}

.comments-area ol.comment-list {
  list-style: none;
  padding: 0;
  width: 100%;
}

.comments-area ol.comment-list li .comment-body {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px 20px 20px;
  line-height: 30px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #f7f1f1;
  background-color: #fff;
}

.section-line {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin: 10px 0px;
}

.message-light {
  font-size: 14px;
  padding: 15px 20px;
  position: relative;
  border-radius: 10px;
  line-height: 22px;
  margin: 15px 25px 10px;
  background-color: #f9f7d8;
  border: 1px solid #f6e8a1;
  color: #a37731;
  text-align: justify;
}

.message-light--purchased {
  font-size: 13px;
  line-height: 2.23;
  border-radius: 10px;
  color: rgba(36, 90, 29, 0.98);
  padding: 7px 40px 7px 12px;
  background-color: #fff;
  border: 0;
}

.comment-body .message-light {
  margin: 15px 0;
}

.message-light--purchased:before {
  content: "\f111";
  font-family: "Material Design Icons";
  font-size: 28px;
  position: absolute;
  right: -20px;
  top: -4px;
  width: 50px;
  height: 50px;
  color: #212121;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
  border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
}

.comments-user-shopping {
  list-style: none;
  padding: 5px 0 0;
}

.comments-user-shopping > li {
  margin: 20px 0;
}

.comments-user-shopping > li .cell {
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  color: #777;
  margin: 5px 0;
}

.comments-user-shopping > li > .cell {
  color: #000;
  font-weight: 600;
}

.comments-user-shopping > li .color-cell {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.comments-user-shopping > li .color-cell .shopping-color-value {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.comments-user-shopping > li .seller-cell:before {
  content: "\f00ec";
  font-family: "Material Design Icons";
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-left: 7px;
}

.o-text-blue {
  color: #1ca2bd;
}

.message-light--opinion-positive {
  font-size: 13px;
  line-height: 2.23;
  background-color: #fff;
  border: 0;
  border-radius: 10px;
  color: rgba(36, 90, 29, 0.98);
  padding: 7px 40px 7px 12px;
}

.message-light--opinion-positive:before {
  content: "\f514";
  font-family: "Material Design Icons";
  font-size: 28px;
  position: absolute;
  right: -20px;
  top: -4px;
  width: 50px;
  height: 50px;
  color: #4ae3f3;
  text-align: center;
  line-height: 50px;
}

.rate-product {
  font-family: iranyekanBakh;
  margin: 0 10px;
  color: #394eea;
  font-size: 18px;
}

.comments-area .comment-content {
  padding-bottom: 35px;
}

.comments-area ol li {
  list-style: none;
}

.comments-area ol.comment-list .comment-title {
  font-size: 19px;
  line-height: 1.158;
  color: #5f5f5f;
  font-weight: 600;
}

.comments-area ol.comment-list .comment-author {
  font-size: 14px;
  line-height: 1.571;
  display: block;
  color: #adadad;
  margin-top: 5px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.comments-area ol.comment-list li .comment-body p {
  text-align: justify;
}

.comments-area ol.comment-list li .fn {
  font-size: 15px;
  margin-left: 0;
  float: right;
  font-weight: 600;
  font-style: normal;
  color: #000;
}

.comments-area ol.comment-list li .says {
  margin-left: 15px;
  margin-right: 5px;
}

.comments-area ol.comment-list li .commentmetadata {
  float: left;
}

.comments-area ol.comment-list li .commentmetadata a {
  color: #03a9f4;
  font-size: 13px;
}

.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #1ca2bd;
  padding: 0;
  line-height: 2;
  font-size: 14px;
}

.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link::before {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 0.85em;
  content: "";
  position: absolute;
  border-bottom: 1px dashed #1ca2bd;
}

.comments-area ol.comment-list li .comment-body .icon-comment {
  font-size: 27px;
  position: absolute;
  right: -20px;
  top: -24px;
  width: 40px;
  height: 40px;
  background-color: #d35154;
  border: 1px solid #d35154;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 38px;
}

.comments-area ol.comment-list li .comment-body .icon-comment.mdi {
  background-color: #c1ff26;
  border: 1px solid #e2f0d5;
  color: rgba(36, 90, 29, 0.98);
}

.content-expert-evaluation-negative,
.content-expert-evaluation-positive {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.content-expert-evaluation-positive span {
  color: #00bfd6;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
}

.content-expert-evaluation-negative span {
  color: #f44336;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
}

.content-expert-evaluation-negative ul,
.content-expert-evaluation-positive ul {
  list-style: none;
  padding: 0;
}

.content-expert-evaluation-negative ul li,
.content-expert-evaluation-positive ul li {
  margin: 6px 0;
  padding-right: 17px;
  color: #5f5f5f;
  position: relative;
}

.content-expert-evaluation-negative ul li:before,
.content-expert-evaluation-positive ul li:before {
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
}

.content-expert-evaluation-positive ul li:before {
  background-color: #00bfd6;
}

.comments-area ol.comment-list .footer {
  position: absolute;
  bottom: 0;
  left: 30px;
}

.comments-likes {
  text-align: left;
  color: #777;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
}

.comments-area ol.comment-list li img.avatar {
  position: absolute;
  top: 4px;
  right: -40px;
  left: auto;
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 50%;
  padding: 0;
  z-index: 999;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.1);
}

.btn-like {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  padding: 2px 13px;
  color: #8c8c8c;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  outline: none !important;
  cursor: pointer;
}

.comments-likes .btn-like {
  margin-right: 17px;
}

.btn-like[data-counter]:before {
  margin-left: 7px;
  color: #7a7a7a;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: inherit;
  content: attr(data-counter);
}

.form-question-answer textarea {
  border-radius: 10px;
  padding: 10px;
}

/* Single-Product------------ */
/* ------------ Start Single-Product-Comment */
.comments-product-attributes-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.692;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-right: -10px;
}

.comments-product-attributes .slider.slider-horizontal {
  width: 70%;
}

.comments-product-attributes .slider.slider-horizontal.slider-rtl .slider-track {
  background: #d5d5d5;
  height: 5px;
}

.comments-product-attributes .slider-selection.tick-slider-selection {
  background: #35ccde;
}

.comments-product-attributes .slider-tick {
  width: 12px;
  height: 12px;
  background: silver;
  border: 2px solid #fcfcfc;
  top: 2px;
}

.comments-product-attributes .slider-tick.in-selection {
  width: 12px;
  height: 12px;
  border: 2px solid #fcfcfc;
  background-color: #35ccde;
  top: 2px;
}

.comments-product-attributes .slider-handle {
  width: 19px;
  height: 19px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: #35ccde;
  top: -3px;
}

.comments-add-col--content .form-ui form {
  max-width: 100%;
}

.comments-add-col--content input::placeholder,
.comments-add-col--content textarea::placeholder {
  padding-right: 7px;
}

.comments-add-col--content h3 {
  margin-bottom: 25px;
  letter-spacing: -0.5px;
  font-size: 22px;
  line-height: 1.5;
  color: #555;
}

.comments-add-col--content .desc-comment {
  color: #54696b;
}

.comments-add-col--content .cl-circle-title {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  float: right;
  margin: 8px 0 0 10px;
}

.comments-add-col--content .cl-circle-title.cl-primary {
  background: #00bfd6;
}

.comments-add-col--content .cl-circle-title.cl-red {
  background: #fb3449;
}

.product-offer-question-option {
  padding-right: 40px;
}

.product-offer-question-option label {
  color: #6777ef;
  padding-top: 0;
}

.comments-add-col--content p {
  font-size: 14px;
  line-height: 1.36;
  text-align: justify;
  margin: 10px;
}

.comments-add-col--content .add-points {
  width: 30px;
  height: 28px;
  background: none;
  position: absolute;
  left: 6px;
  top: 8px;
  padding: 0;
  cursor: pointer;
  border: 2px solid #878787;
  border-radius: 4px;
  color: #878787;
  font-size: 24px;
  line-height: 23px;
  outline: none;
  display: none;
}

.form-comment-title {
  margin-bottom: 12px;
  color: #565656;
  font-size: 16px;
  font-size: 1.143rem;
  line-height: 1.375;
  position: relative;
}

.form-comment-title--positive {
  padding-right: 25px;
}

.form-comment-title--negative {
  padding-right: 25px;
}

.form-comment-title--positive:before {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 6px;
  border-radius: 4px;
  background: #00bfd6;
  content: "";
}

.form-comment-title--negative:before {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 6px;
  border-radius: 4px;
  background: #fb3449;
  content: "";
}

.ui-input--add-point {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 22px;
}

.ui-input--add-point .ui-input-field {
  padding-left: 44px;
}

.ui-input--add-point .ui-input-point {
  width: 48px;
  height: 100%;
  background: none;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  cursor: pointer;
}

.ui-input--add-point .ui-input-point:before {
  content: "+";
  font-size: 22px;
  position: absolute;
  top: 7px;
  left: 7px;
  color: #878787;
  border: 2px solid #878787;
  border-radius: 5px;
  padding: 0 7px;
}

.form-comment-dynamic-labels {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 10px;
}

.ui-dynamic-label {
  position: relative;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
  border-radius: 8px;
  padding: 8px 14px 8px 38px;
  background: #ccc;
}

.ui-dynamic-label--positive {
  background-color: #edf6f7;
  color: #3a8c96;
}

.ui-dynamic-label--negative {
  background-color: #fff3f4;
  color: #fb3449;
}

.form-comment-dynamic-labels .ui-dynamic-label {
  margin-top: 12px;
}

.ui-dynamic-label-remove {
  width: 38px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}

.ui-dynamic-label-remove:before {
  position: absolute;
  content: "×";
  font-size: 25px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* End Single-Product-Comment------------ */
.auth-wrapper {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.auth-wrapper .section-title {
  padding: 0 15px;
}

.auth-wrapper .form-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: rgba(97, 224, 0, 0.08);
  padding: 25px 0;
}

.form-ui form {
  padding: 20px;
  max-width: 380px;
  margin: 0 auto;
}

.blog-comment form {
  max-width: unset;
  margin: 0;
}

.form-ui .form-row-title {
  margin-top: 20px;
}

.form-ui .form-row-title:first-child {
  margin-top: 0;
}

.form-ui .form-row-title h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.form-ui .form-row-title h4 {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.form-ui .form-row.with-icon {
  position: relative;
}

.form-ui .form-row .input-ui {
  width: 100%;
  height: 45px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  outline: none;
}

.form-ui .form-row .input-ui.placeholder-right::placeholder {
  text-align: right;
  padding-right: 0.5rem !important;
}

.form-ui .form-row.with-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 20px;
  color: #979797;
  transform: translateY(-50%);
}

.form-ui .form-row textarea {
  height: 120px !important;
  padding-top: 10px;
}

.form-ui .custom-select-ui {
  width: 100%;
}

.form-ui .custom-select-ui .nice-select {
  width: 100%;
  padding-right: 18px;
  padding-left: 30px;
  border-radius: 10px;
  clear: none;
}

.form-ui .custom-select-ui .nice-select .current {
  float: right;
}

.form-ui .custom-select-ui .nice-select:after {
  left: 12px;
  right: auto;
}

.form-ui .custom-select-ui .nice-select:active,
.form-ui .custom-select-ui .nice-select.open,
.form-ui .custom-select-ui .nice-select:focus {
  border-color: #dbdbdb;
}

.form-ui .custom-select-ui .nice-select.right .list {
  width: 100%;
  height: 160px;
  overflow-y: auto;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
}

.form-ui .custom-select-ui .nice-select .option {
  padding-right: 18px;
  padding-left: 29px;
  text-align: right;
}

.form-ui .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 40px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 26px;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e0e0e2;
  border-radius: 10px;
}

.form-ui .custom-file-label::after {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 38px;
  padding: 0.375rem 0.75rem;
  line-height: 26px;
  color: #495057;
  content: "بارگذاری";
  background-color: #e9ecef;
  border-right: inherit;
  border-left: 0;
  border-radius: 10px 0 0 10px;
}

.form-ui .custom-file-input:focus ~ .custom-file-label {
  border-color: #e0e0e2;
  box-shadow: unset;
}

.form-ui .form-footer a {
  color: #d35154;
  font-weight: 600;
  border-bottom: 1px dashed #d35154;
}

.circle-box-icon {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  line-height: 100px;
  font-size: 50px;
  background-color: #edf0f5;
  border-radius: 50%;
  color: #ababab;
  text-align: center;
}

.numbers-verify {
  width: 100%;
}

.numbers-verify .lines-number-input {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #eee;
  color: #717171;
  font-size: 14px;
  line-height: 1.571;
  padding: 11px 12px;
  width: 100%;
  text-align: center;
  direction: ltr;
}

.numbers-verify .lines-number-input .line-number {
  display: inline-block;
  width: 40px;
  height: 30px;
  border: 0;
  border-bottom: 4px solid #c8c8c8;
  margin: 0 7px;
  outline: none;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

#countdown-verify-end {
  display: inline-block;
  margin-bottom: 0;
}

#countdown-verify-end span {
  float: left;
}

#countdown-verify-end span.day {
  display: none;
}

#countdown-verify-end span.hour {
  display: none;
}

#countdown-verify-end a.btn-link-border {
  float: right;
  margin-top: -1px;
  color: #d35154;
  font-weight: 600;
}

#countdown-verify-end a.btn-link-border:after {
  border-color: #d35154;
}

/* ------------ Start Profile */
.profile-sidebar-header .profile-avatar img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.profile-sidebar-header .profile-header-content .profile-username {
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar-header .profile-header-content .profile-phone {
  color: #b9b9b9;
  font-size: 13px;
}

.profile-sidebar-header .profile-point {
  border-bottom: 1px solid #ededed;
}

.profile-sidebar-header .profile-point .label-profile-point {
  color: #00bfd6;
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar-header .profile-point .value-profile-point {
  color: #b9b9b9;
  font-weight: 600;
}

.profile-sidebar-header .profile-link a {
  display: block;
  width: 100%;
  height: 100%;
  color: #7b7b7b;
}

.profile-sidebar-header .profile-link a:hover {
  color: #00bfd6;
}

.profile-sidebar .profile-menu-section .label-profile-menu {
  font-size: 16px;
  font-weight: 600;
}

.profile-sidebar .profile-menu-section .profile-menu ul li {
  list-style: none;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a {
  display: block;
  padding: 10px 5px;
  color: #7b7b7b;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a.active,
.profile-sidebar .profile-menu-section .profile-menu ul li a:hover {
  color: #00bfd6;
  background-color: #f6ffff;
}

.profile-sidebar .profile-menu-section .profile-menu ul li a i {
  float: right;
  font-size: 19px;
  margin: -3px 4px;
}

.user-menu .btn:not(:disabled):not(.disabled).active,
.user-menu .btn:not(:disabled):not(.disabled):active,
.user-menu .show > .btn.dropdown-toggle {
  color: #fff;
  box-shadow: 0 2px 6px #a8f5b4 !important;
  background-color: #63ed7a !important;
  border-color: #63ed7a !important;
}

.user-menu .btn.focus,
.user-menu .btn:focus {
  box-shadow: none;
}

.user-menu-responsive .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  transform: translate3d(0, 39px, 0px) !important;
}

.user-menu-responsive .dropdown-menu a {
  padding: 7px;
  font-size: 14px;
}

.profile-navbar {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}

.profile-navbar .profile-navbar-btn-back {
  background: none;
  height: 56px;
  border: none;
  border-left: 1px solid #dfdfdf;
  margin-left: 15px;
  font-size: 13px;
  line-height: 2.2;
  letter-spacing: -0.2px;
  color: #767676;
  padding: 36px 0 0 16px;
  cursor: pointer;
  position: relative;
}

.profile-navbar .profile-navbar-btn-back:before {
  content: "\f054";
  position: absolute;
  right: 2px;
  top: -20px;
  font-family: "Material Design Icons";
  font-size: 37px;
}

.profile-navbar h4 {
  font-size: 21px;
  line-height: 23px;
  color: #858585;
}

.profile-navbar h4 span {
  display: block;
  font-size: 12px;
  line-height: 1.833;
  letter-spacing: -0.3px;
  margin-top: 5px;
  margin-bottom: -5px;
  color: #acacac;
}

.profile-navbar h4 span.font-en {
  display: inline-block;
  color: #858585;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.profile-section {
  height: 310px;
  padding: 10px;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}

.profile-section .label-info {
  color: #b9b9b9;
  font-size: 12px;
  font-weight: 600;
}

.profile-section .value-info {
  color: #4a5f73;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-section .list-favorites li {
  display: flex;
  vertical-align: middle;
  height: 60px;
  list-style: none;
  padding: 10px;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 8px;
  position: relative;
}

.profile-section .list-favorites li a {
  display: inline-block;
}

.profile-section .list-favorites li a span {
  width: 310px;
  color: #7b7b7b;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.profile-section .list-favorites li a span:hover {
  color: #00bfd6;
}

.profile-section .list-favorites li a img {
  width: 40px;
  height: 40px;
  border-radius: 25px;
}

.profile-section .list-favorites li button {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  font-size: 20px;
  border: 0;
  border-radius: 12px;
  background-color: #edf0f5;
  color: #d35154;
  outline: none;
  cursor: pointer;
}

a.border-bottom-dt {
  color: #d35154;
  font-weight: 600;
  border-bottom: 1px dashed #d35154;
}

.profile-section .profile-section-link {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
  text-align: center;
}

.table-responsive {
  background-color: #fff;
}

.table-order {
  margin-bottom: 0;
}

.table-order thead {
  background-color: #d35154;
  color: #fff;
}

.table-order td,
.table-order th {
  text-align: center;
  vertical-align: middle;
}

.table-order thead th {
  border: 0;
}

.table-order td.details-link,
.table-order td.link-to-orders {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.table-order td.details-link a {
  display: block;
  font-size: 30px;
  border-radius: 50%;
  color: #a9a9a9;
}

.table-order td.details-link:hover {
  background-color: #e5e5e5;
}

.table-order td.link-to-orders a {
  display: block;
  color: #535353;
}

.table-order td.link-to-orders:hover {
  background-color: #e5e5e5;
}

.table-order-details td {
  border-left: 1px solid #ededed;
}

.table-order-details .details-product-area {
  display: flex;
  align-items: center;
}

.table-order-details img.thumbnail-product {
  width: 60px;
  margin-left: 7px;
}

.table-order-details .details-product {
  font-size: 13px;
  line-height: 2;
  letter-spacing: -0.7px;
  text-align: right;
  text-overflow: ellipsis;
  width: 160px;
  overflow: hidden;
  position: relative;
}

.table-order-details .details-product::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.table-order-details .details-product span {
  display: block;
  font-size: 12px;
  line-height: 1.833;
  color: #acacac;
  letter-spacing: 0;
}

.table-draught div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 36px;
  border-bottom: 1px solid #ededed;
}

.table-draught div:last-child {
  border-bottom: 0;
}

.table-draught div span.title {
  display: block;
  color: #00bfd6;
  font-size: 17px;
  font-weight: 600;
}

.table-draught div span.value {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}

.profile-order-steps-item {
  height: 160px;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  text-align: center;
}

.profile-order-steps-item.is-active::before {
  content: "\f63d";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-family: "Material Design Icons";
  font-size: 25px;
  color: #009ec9;
  z-index: 1;
}

.profile-order-steps-item.is-active::after {
  content: "";
  position: absolute;
  right: 55%;
  bottom: 16px;
  width: 96%;
  height: 3px;
  margin: auto;
  background-color: #009ec9;
  z-index: -1;
}

.profile-order-steps-item img {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  max-width: 140px;
  margin: auto;
}

.profile-order-steps-item span {
  white-space: nowrap;
  margin-top: 10px;
  color: #6f6f6f;
}

.profile-order-steps-item.is-active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.profile-order-steps-item.is-active img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.profile-order-steps-item.is-active span {
  color: #009ec9;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev,
.profile-order-steps.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -20px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.profile-order-steps.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -20px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.profile-order-steps.owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

.profile-order-steps.owl-carousel .owl-nav .owl-prev i,
.profile-order-steps.owl-carousel .owl-nav .owl-next i {
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
}

.additional-info form {
  max-width: 100%;
}

/* End Profile------------ */
/* ------------ Start Cart */
.cart-empty {
  text-align: center;
}

.cart-empty p.cart-empty-title {
  color: #858585;
  font-size: 28px;
}

.cart-empty .cart-empty-links a {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
}

.cart-empty .cart-empty-links a::after {
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  height: 100%;
  border-left: 1px solid #d5d5d5;
}

.cart-empty .cart-empty-links a:last-child::after {
  display: none;
}

/*------------------------------------
    Compare
------------------------------------*/
.compare-quick-title {
  color: #4d4d4d;
  font-size: 19px;
  line-height: 1.158;
  margin-bottom: 25px;
  letter-spacing: -0.3px;
  position: relative;
  padding-right: 19px;
}

.compare-quick-title:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 0;
  height: 0;
  border-color: transparent #00bfd6 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 7px 0;
}

.compare-quick-list {
  list-style: none;
  padding: 0;
  margin-bottom: 47px;
  background-color: #fff;
}

.compare-quick-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0;
}

.compare-list-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.692;
  padding: 9px 26px;
  background-color: #eaeaea;
  font-weight: 700;
}

.compare-list-value {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  border-right: 1px solid #e4e4e4;
}

.compare-list-value:first-child {
  border-right: none;
}

.compare-list-value .block {
  padding: 14px 18px 12px;
  font-size: 14px;
  line-height: 1.571;
  color: #4d4d4d;
  letter-spacing: -0.3px;
  min-height: 47px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.features-checkout-slider .item {
  text-align: center;
}

.features-checkout-slider .item a {
  display: block;
}

.features-checkout-slider .item img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 10px auto 10px;
}

.features-checkout-slider .item .title-feature-checkout-slider {
  font-size: 13px;
  line-height: 1.692;
  color: #606060;
  letter-spacing: 0.2px;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev,
.features-checkout-slider.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -20px;
  color: #a8a8a8;
  box-shadow: -1.5px 0 4px 0 rgba(0, 0, 0, 0.15);
}

.features-checkout-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -20px;
  color: #a8a8a8;
  -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.2);
  box-shadow: 0 2px 6px 0 rgba(51, 73, 94, 0.2);
}

.features-checkout-slider.owl-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: all;
}

.features-checkout-slider.owl-carousel .owl-nav .owl-prev i,
.features-checkout-slider.owl-carousel .owl-nav .owl-next i {
  font-size: 25px;
  color: #000;
  line-height: 40px;
}

.tab-cart-page .nav-tabs {
  border: 0;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
}

.tab-cart-page a {
  width: 50%;
  text-align: center;
  color: #818181;
  padding: 8px;
  height: 42px;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 4px solid transparent !important;
}

.tab-cart-page a:first-child {
  border-left: none !important;
  border-radius: 0 5px 0 0 !important;
}

.tab-cart-page a:last-child {
  border-radius: 5px 0 0 0 !important;
}

.tab-cart-page a.active {
  color: #000;
  font-weight: 600;
  background-color: #fff !important;
  border-bottom-color: #d35154 !important;
}

.tab-cart-page a span.count-cart {
  color: #f8f8f8;
  background-color: #d35154;
  margin-right: 4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.checkout-content {
  margin: 0 0 10px;
  background-color: #fff;
  border-radius: 8px;
}

.checkout-header {
  display: flex;
  align-items: center;
  margin: 0 16px;
  padding: 12px 24px 12px 0;
  border-bottom: 1px solid #fff;
  position: relative;
}

.checkout-header--express {
  color: #d35154;
  border-bottom-color: #d35154;
}

.checkout-header:before {
  font-size: 24px;
  position: absolute;
  right: 0;
}

.checkout-header--express:before {
  content: "\f787";
  font-family: "Material Design Icons";
  font-size: 18px;
}

.checkout-header .checkout-add-all-to-cart {
  font-size: 12px;
  line-height: 1.833;
  font-weight: 700;
  margin-right: auto;
  cursor: pointer;
}

.checkout-header-title {
  margin-right: 8px;
  color: #858585;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

.checkout-header-extra-info {
  margin-right: 8px;
  color: #a1a3a8;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.5;
}

.checkout-item {
  border-top: 1px solid #eaeaea;
  text-align: center;
  overflow: hidden;
}

.checkout-item:first-child {
  border-top: none;
}

.checkout-item td,
.checkout-item th {
  border: 0;
}

.checkout-item td {
  position: relative;
  vertical-align: middle;
}

.checkout-btn-remove {
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 23px;
  font-size: 20px;
  text-align: center;
  border: none;
  border-radius: 13px;
  color: #999;
  background: #f5f5f5;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  outline: none !important;
}

.checkout-title {
  border-bottom: 1px solid #ececec;
  color: #656565;
  padding: 17px 0;
  font-size: 18px;
  font-weight: 600;
}

.checkout-title {
  font-size: 15px;
  line-height: 1.88;
  margin-bottom: 15px;
  border-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  max-width: 320px;
}

.checkout-title::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 81%);
  display: block;
}

.checkout-dealer {
  font-size: 13px;
  line-height: 1.692;
  margin: 7px 0;
}

.checkout-guarantee,
.checkout-special-deal {
  font-size: 12px;
  line-height: 1.833;
  margin: 7px 0;
}

.checkout-variant {
  font-size: 13px;
  line-height: 1.692;
  margin: 7px 0;
}

.checkout-variant-value {
  position: relative;
  margin-right: 8px;
}

.checkout-variant--color .checkout-variant-value {
  padding-left: 25px;
}

.checkout-variant--color .checkout-variant-shape {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  position: absolute;
  left: 0;
  top: 3px;
}

.checkout-save-for-later {
  text-align: right;
  color: #009ec9 !important;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.833;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #c8c8d6;
  border-radius: 5px;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: block;
  position: absolute;
  content: "";
  width: 1rem;
  height: 2px;
  background-color: #c8c8d6;
}

.number-input button.plus:after {
  transform: translate(0, 0) rotate(90deg);
}

.number-input input[type=number] {
  max-width: 30px;
  padding: 0.5rem;
  border: solid #c8c8d6;
  border-width: 0 1px;
  font-size: 18px;
  height: 30px;
  font-weight: 600;
  text-align: center;
}

.checkout-summary-summary {
  list-style: none;
  padding: 15px 10px;
  color: #515151;
  margin-bottom: 0;
}

.checkout-summary-summary li {
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}

.checkout-summary-summary li:last-child {
  padding-bottom: 0;
}

.checkout-summary-summary li span:first-child {
  font-weight: 600;
}

.checkout-summary-summary li span:last-child {
  margin-right: auto;
}

.checkout-summary-discount {
  font-size: 14px;
  line-height: 1.571;
  color: #009ec9;
}

.checkout-summary-summary .help-sn:first-of-type {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: -0.4;
  text-align: right;
  direction: rtl;
  color: #777676;
}

.checkout-summary-summary .help-sn:last-of-type {
  margin-right: 5px;
}

.help-arrow {
  position: absolute;
  top: -8px;
  right: 16px;
  width: 13.7px;
  height: 13.7px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #fff;
  -webkit-box-shadow: inset -1px -1px 0 0 #b8b8b8;
  box-shadow: inset -1px -1px 0 0 #b8b8b8;
}

.help-container.is-right .help-arrow {
  left: 14px;
  right: unset;
}

.help-text {
  font-size: 13px;
  line-height: 1.692;
  font-weight: 400;
  letter-spacing: -0.3px;
  text-align: right;
  direction: rtl;
  color: #777;
  margin-bottom: 0;
}

.help-sn .mdi {
  color: #ababab;
  font-size: 21px;
  line-height: 1.048;
  cursor: pointer;
}

.help-container {
  position: absolute;
  padding: 11px 11px 21px;
  min-width: 273px;
  max-width: 394px;
  -webkit-box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, 0.3);
  box-shadow: 0 -6px 12px 0 hsla(0, 0%, 71%, 0.3);
  background-color: #fff;
  border: 1px solid #b8b8b8;
  z-index: 121;
}

.help-container.is-left {
  right: 0;
  left: auto;
}

.checkout-club-container {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.checkout-summary-devider {
  padding: 0 10px;
}

.checkout-summary-devider div {
  width: 100%;
  height: 4px;
  border: 1px solid #e6e6e6;
  border-right: none;
  border-left: none;
}

.checkout-summary-content {
  padding: 15px 0;
  color: #a0a0a0;
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 2;
}

.checkout-summary-price-title {
  text-align: center;
  color: #676767;
  font-size: 18px;
  font-size: 1.286rem;
  line-height: normal;
}

.checkout-summary-price-value {
  text-align: center;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: normal;
  color: #d35154;
}

.checkout-summary-price-value-amount {
  font-size: 20px;
  font-size: 1.429rem;
  line-height: 2;
  font-weight: 700;
}

.checkout-feature-aside-item {
  position: relative;
  font-size: 13px;
  line-height: 1.692;
  font-weight: 700;
  margin-bottom: 10px;
  list-style: none;
}

.checkout-feature-aside-item img {
  width: 24px;
  margin-left: 4px;
}

.checkout-section-content-dd-k .num-block {
  width: 120px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 5px 0;
}

.checkout-section-content-dd-k .num-block .num-in {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout-section-content-dd-k .num-block .num-in span {
  display: block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.checkout-section-content-dd-k .num-block .num-in span.dis:before {
  background-color: #ccc !important;
}

.checkout-section-content-dd-k .num-block .num-in span.minus:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #f44336;
  top: 50%;
  left: 0;
}

.checkout-section-content-dd-k .num-block .num-in span.plus:before,
.checkout-section-content-dd-k .num-block .num-in span.plus:after {
  content: "";
  position: absolute;
  right: 0px;
  width: 15px;
  height: 2px;
  background-color: #0fabc6;
  top: 50%;
}

.checkout-section-content-dd-k .num-block .num-in span.plus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.checkout-section-content-dd-k .num-block .num-in input {
  width: 32px;
  height: 32px;
  color: #666;
  text-align: center;
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: none;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaeaea;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item:last-child {
  border-bottom: 0;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail {
  text-align: center;
  margin-left: 15px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail a {
  display: block;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail a img {
  max-width: 100%;
  max-height: 140px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-title h2 {
  color: #000;
  font-size: 16px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-title h2 a {
  color: inherit;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
  position: relative;
  line-height: 28px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li .color {
  width: 40px;
  position: absolute;
  right: 3px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li i {
  width: 40px;
  position: absolute;
  right: -10px;
  text-align: center;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail ul li span {
  font-size: 13px;
  letter-spacing: -0.5px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-quantity .item-remove-btn {
  background-color: transparent;
  color: #777;
  border: 0;
}

.checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-info .item-detail .item-quantity--item-price .item-price {
  font-size: 18px;
  font-weight: 600;
}

/* End Cart------------ */
/* ------------ Start Shopping */
.background-white {
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
}

.shopping-page header.header-shopping {
  position: relative;
  height: 110px;
  background-color: #fff;
  box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04);
}

.shopping-page header.header-shopping ul.checkout-steps {
  float: right;
  width: 100%;
  margin: 30px auto 18px;
  list-style: none;
  padding: 0;
  color: #a0a0a0;
  font-size: 13px;
  position: relative;
}

.shopping-page header.header-shopping ul.checkout-steps::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -20px;
  width: 67%;
  margin: 0 auto;
  height: 6px;
  background-color: #e8e8e8;
}

.shopping-page header.header-shopping .checkout-steps li {
  float: right;
  width: 33.3%;
  position: relative;
}

.shopping-page header.header-shopping .checkout-steps li.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background-color: #d35154;
  right: -50%;
  bottom: -20px;
  z-index: 1000000;
}

.shopping-page header.header-shopping .checkout-steps li a {
  color: #a0a0a0;
  font-weight: 600;
  position: relative;
}

.shopping-page header.header-shopping .checkout-steps li a.active {
  color: #d35154;
}

.shopping-page header.header-shopping .checkout-steps li a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -28px;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d0d0d0;
  z-index: 1000;
}

.shopping-page header.header-shopping .checkout-steps li a.active::after {
  background-color: #d35154;
}

.shopping-page .checkout-contact {
  margin-bottom: 20px;
  position: relative;
}

.shopping-page .checkout-contact-content {
  padding: 20px 43px 22px 20px;
  position: relative;
  color: #6d6d6d;
}

.shopping-page .checkout-contact-content.hidden {
  display: none;
}

.shopping-page .checkout-contact-content:before {
  width: 5px;
  top: 0;
  bottom: 0;
  right: -1px;
  position: absolute;
  background-color: #d35154;
  content: "";
}

.shopping-page .checkout-contact-items {
  padding: 0;
  list-style: none;
}

.shopping-page .checkout-contact-item {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 34px;
  position: relative;
}

.shopping-page .checkout-contact-item:first-child {
  margin-top: 0;
  margin-bottom: 5px;
}

.shopping-page .checkout-contact-btn-edit {
  line-height: 21px;
  font-size: 12px;
  margin-right: 11px;
  position: relative;
  color: #d35154 !important;
  border: none;
  border-bottom: 1px dashed #d35154;
  background-color: transparent;
  font-weight: 700;
  cursor: pointer;
}

.shopping-page .checkout-contact-item-message,
.shopping-page .checkout-contact-item-mobile {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
}

.shopping-page .checkout-contact-item-mobile {
  padding-left: 10px;
  border-left: 1px solid #e4e4e4;
}

.shopping-page .checkout-contact-item:first-child {
  margin-top: 0;
  margin-bottom: 5px;
}

.shopping-page .checkout-contact-item-message {
  margin-right: 10px;
}

.shopping-page .checkout-contact-badge {
  width: 41px;
  height: 41px;
  background-color: #f3feff;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #d35154;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
  color: #d35154;
}

.checkout-address {
  margin-bottom: 20px;
  position: relative;
  display: none;
  z-index: 1;
  border-radius: 8px;
}

.checkout-address.show {
  display: block;
}

.checkout-address-content {
  padding: 20px 40px 25px;
}

.checkout-address-headline {
  font-size: 15px;
  line-height: 1.467;
  font-weight: 700;
  margin-bottom: 21px;
}

.checkout-address-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px;
}

.checkout-address-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 10px;
}

.checkout-address-location {
  border: 4px dashed #b8b8b8;
  border-radius: 15px;
  background: #fff;
  letter-spacing: -0.3px;
  color: #a0a0a0;
  min-height: 72px;
  height: 100%;
  font-size: 14px;
  font-size: 1rem;
  line-height: 2;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}

.checkout-address-location strong {
  position: relative;
  display: block;
  padding: 14px 22px;
  max-width: 252px;
  font-size: 23px;
  font-size: 1.643rem;
  line-height: 1.913;
}

.checkout-address-box {
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  padding: 10px 10px 55px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
}

.checkout-address-box h5 {
  font-size: 17px;
  line-height: 29px;
  margin-top: 6px;
  letter-spacing: -0.4px;
}

.checkout-address-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkout-address-box p {
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 2.62;
  margin-top: 5px;
  margin-bottom: 12px;
  color: #a0a0a0;
}

.checkout-address-box ul {
  list-style: none;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 2;
  color: #a0a0a0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
}

.checkout-address-btn-edit,
.checkout-address-btn-submit {
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.checkout-address-btn-edit,
.checkout-address-btn-remove {
  color: #636363;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 21px;
  text-align: center;
  padding: 6px 25px;
  border: none;
  border-radius: 5px;
  background-color: #e3e3e3;
  cursor: pointer;
  font-weight: 700;
  outline: none;
}

.checkout-address-btn-remove {
  margin-right: 10px;
  padding: 6px 32px;
}

.checkout-address-btn-submit {
  background-color: #f5f5f5;
  padding: 6px 0;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 22px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  color: #636363;
  outline: none;
}

.checkout-address-btn-submit:hover {
  background-color: #f0f0f0;
}

.checkout-address-box.is-selected .checkout-address-btn-submit {
  background-color: #d35154;
  border-top-color: #e0eff0;
  color: #fff;
}

.checkout-address-cancel {
  color: #8d8d8d;
  position: absolute;
  top: 20px;
  left: 15px;
  border: 2px solid #8d8d8d;
  background-color: transparent;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 20px;
  border-radius: 50%;
  outline: none;
}

.checkout-address-cancel::before {
  content: "×";
  font-size: 26px;
  vertical-align: middle;
}

.shopping-page .checkout-contact-location {
  padding: 3px 10px 4px;
  font-size: 14px;
  line-height: 25px;
  background-color: #edf0f5;
  position: absolute;
  border: none;
  top: 20px;
  left: 20px;
  border-radius: 10px;
  color: #666 !important;
  cursor: pointer;
}

#remove-location .remodal-general-alert-button {
  min-width: 124px;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  float: left;
  outline: none;
}

#remove-location .remodal-general-alert-button--cancel {
  background-color: #979ba7;
}

#remove-location .remodal-general-alert-button:first-of-type {
  margin-left: 20px;
}

#remove-location .remodal-general-alert-button--approve {
  background-color: #63d0df;
}

.products-compact-slider.owl-carousel .owl-nav .owl-prev,
.products-compact-slider.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: unset;
  outline: none;
  border-radius: 50%;
  font-size: 40px;
  color: #6a6a6a;
  line-height: 40px;
  -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
}

.products-compact-slider.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: -10px;
}

.products-compact-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  left: -10px;
}

.products-compact-slider.owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: all;
}

.shopping-page .checkout-tab-times {
  border: 1px solid #edf0f5;
  border-radius: 0 0 15px 15px;
  padding-bottom: 10px;
}

.shopping-page .checkout-tab-times ul.nav {
  padding: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e3e3e3 !important;
}

.shopping-page .checkout-tab-times ul.nav li {
  text-align: center;
  position: relative;
  background-color: #f8f8f8;
}

.shopping-page .checkout-tab-times ul.nav a {
  margin-right: 0;
  padding: 11px 43px;
  border-left: 1px solid #e3e3e3 !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  color: #000;
  -webkit-transition: unset !important;
  -moz-transition: unset !important;
  -o-transition: unset !important;
  transition: unset !important;
}

.shopping-page .checkout-tab-times ul.nav a.active {
  border: 0;
  border-left: 1px solid #e3e3e3 !important;
  border-bottom: 0 !important;
  background-color: #fff;
}

.shopping-page .checkout-tab-times ul.nav a.active::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #39e0cc;
}

.shopping-page .checkout-tab-times ul.nav a span {
  display: block;
  color: #c4c4c4;
}

.shopping-page .checkout-tab-times ul.nav a.disabled,
.shopping-page .checkout-tab-times ul.nav a.disabled span {
  color: #e6e6e6;
}

.shopping-page .checkout-time-table {
  padding: 18px;
  width: 100%;
}

.radio-box {
  width: 100%;
  float: right;
}

.radio-box label {
  position: relative;
  display: block;
  cursor: pointer;
  float: right;
}

.radio-box label::before {
  top: 15px;
}

.radio-box label::after {
  top: 15px;
}

.shopping-page .checkout-additional-options-checkbox-image {
  margin-left: 16px;
  cursor: pointer;
  width: 49px;
  height: 40px;
  float: right;
  font-size: 42px;
  line-height: 47px;
  text-align: center;
  color: #d35154;
}

.radio-box .content-box {
  float: right;
}

.shopping-page .checkout-time-table-title-bar {
  font-size: 14px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: -0.3px;
  color: #858585;
}

.shopping-page .checkout-time-table-title-bar-city {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  color: #000;
}

.shopping-page .checkout-time-table-title-bar-city > span {
  font-weight: 700;
}

.shopping-page .checkout-time-table-subtitle-bar {
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 2;
  letter-spacing: -0.2px;
  color: #a2a2a2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.shopping-page .checkout-time-table-subtitle-bar > :not(:last-child) {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e0e0e0;
}

.checkout-order-summary .card {
  box-shadow: none;
  border: 0;
}

.checkout-order-summary-header {
  border-radius: 6px !important;
  background-color: #fcfcfc;
  padding: 9px 25px 9px 50px;
  position: relative;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  margin: 10px !important;
  position: relative;
}

.checkout-order-summary-header button {
  display: block;
  width: 100%;
}

.checkout-order-summary-header button:focus,
.checkout-order-summary-header button:hover {
  text-decoration: none;
}

.checkout-order-summary-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.checkout-order-summary-header .checkout-order-summary-row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.checkout-order-summary-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
  flex: 0 0 20%;
  max-width: 20%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: unset;
}

.checkout-order-summary-col-post-time {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -0.7px;
  color: #858585;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout-order-summary-col span {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 21px;
  vertical-align: middle;
  display: block;
  color: #919191;
}

.checkout-order-summary-col-how-to-send,
.checkout-order-summary-col-send-by,
.checkout-order-summary-col-shipping-cost {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #858585;
}

.checkout-order-summary-header button .icon-down {
  position: absolute !important;
  left: 20px;
  top: 20px !important;
  font-size: 24px;
  color: #858594;
}

.shopping-page .product-box {
  display: block;
  background: #fff;
  height: 100%;
  position: relative;
  padding: 10px;
  text-align: center;
}

.shopping-page .product-box-compact .product-box-img {
  height: 90px;
  padding: 0 10px 5px;
}

.shopping-page .product-box-compact .product-box-img img {
  max-width: 100%;
  max-height: 100%;
}

.shopping-page .product-box-title {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 30px;
  line-height: 22px;
  margin-top: 13px;
  height: 43px;
}

.shopping-page .product-box-compact .product-box-title {
  margin-top: 0;
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 22px;
  letter-spacing: -0.3px;
  position: relative;
  text-align: center;
}

.shopping-page .form-ui form {
  width: 100%;
  max-width: 90%;
  padding: 0;
}

.checkout-alert {
  padding-right: 25px;
  padding-left: 25px;
}

.checkout-alert .failed {
  background-color: rgba(251, 52, 73, 0.18);
  color: #ff637d;
}

.checkout-alert .successful {
  background-color: hsla(84, 55%, 66%, 0.623);
  color: #9caf7e;
}

.checkout-alert-title h4 {
  color: #737373;
  font-size: 21px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-align: center;
  margin-bottom: 10px;
}

.checkout-alert-highlighted {
  border-radius: 8px;
  padding: 3px 5px 0;
  margin: 0 5px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.checkout-alert-highlighted-success {
  color: #00bfd6;
  background-color: #ebfdff;
}

.checkout-alert-content p {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.67;
  color: #7d7d7d;
  text-align: center;
}

.checkout-alert-content-failed {
  color: #fb3449;
}

.checkout-alert-content-small {
  font-size: 12px;
  line-height: 2.08;
}

.checkout-alert-content-success {
  color: #4d663f;
  font-size: 14px;
  font-weight: 600;
}

.checkout-details-title h4 {
  font-size: 21px;
  line-height: 1.048;
  font-weight: 700;
  letter-spacing: -0.7px;
}

.checkout-details-title h4 span {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.checkout-details-title p {
  font-size: 15px;
  line-height: 1.467;
  font-weight: 700;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 5px;
  color: #a0a0a0;
}

.checkout-details .text-highlight {
  padding: 4px 6px;
  margin: 0 3px;
  border-radius: 8px;
}

.checkout-details .text-highlight-error {
  color: #fb3449;
  background-color: #fff1f2;
}

.checkout-details .text-highlight-success {
  background-color: hsla(84, 55%, 66%, 0.26);
  color: #9caf7e;
}

.checkout-table {
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

.checkout-table .row:first-of-type {
  background-color: #ededed !important;
}

.checkout-table .row div {
  padding: 20px 30px;
}

.checkout-table p {
  font-size: 18px;
  line-height: 1.222;
  letter-spacing: -0.5px;
  color: #737373;
  margin-bottom: 0;
}

.checkout-table p span.red {
  color: #f63b4f;
}

.checkout-table p span.green {
  color: #9caf7e;
}

.checkout-orders-table {
  border-radius: 15px;
  -webkit-box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  width: 100%;
}

.checkout-orders-table tr:first-of-type {
  background-color: #ededed !important;
}

.checkout-orders-table tr td {
  position: relative;
  border-left: 1px solid #f1f1f1;
  padding: 20px 30px;
}

.checkout-orders-table p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.222;
  letter-spacing: -0.5px;
  color: #737373;
}

/* End Shopping------------ */
.modal {
  z-index: 1000001;
}

.modal-content {
  border-radius: 8px;
  border: none;
  box-shadow: none;
}

.modal-header {
  border: 0;
  position: relative;
}

.modal-header .modal-title,
.send-info-title {
  font-size: 18px;
}

.modal-header .modal-title i,
.send-info-title i {
  float: right;
  margin: 4px 0 4px 4px;
  color: #dbc7c7;
}

.modal .modal-header .close {
  color: #666;
  text-shadow: none;
  background-color: #f5f5f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 10px;
  padding: 0;
  opacity: 1;
  position: absolute;
  left: 15px;
  top: 30px;
}

.modal-footer {
  border: 0;
}

.modal-backdrop.show {
  opacity: 0.2;
  z-index: 1000000;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  background-color: #fff;
  font-family: iranyekanBakh;
}

.card-horizontal-product,
.card-horizontal-address {
  width: 100%;
  height: 190px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 16px 16px 30px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  align-content: space-around;
}

.card-horizontal-address {
  height: 250px !important;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.card-horizontal-product-content .card-horizontal-comment {
  position: relative;
  height: 90px;
}

.card-horizontal-address-full-name {
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
}

.card-horizontal-address:before {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #00bfd6 48px, #ff7e7e 0) repeat-x;
  background-size: 96px 3px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title a {
  color: #212121;
}

.margin-top {
  margin-top: 190px;
}

.card-horizontal-product .label-status-comment {
  position: absolute;
  top: 10px;
  left: 15px;
  background-color: #f5fdf0;
  border: 1px solid #d0e3ca;
  border-radius: 4px;
  color: #9dbf9c;
  font-size: 11px;
  word-spacing: -1.5px;
  padding: 4px 10px;
}

.card-horizontal-product .card-horizontal-product-thumb {
  width: 28%;
  height: 150px;
  text-align: center;
  position: relative;
  margin-left: 2%;
  object-fit: contain;
}
.card-horizontal-product .card-horizontal-product-thumb img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.card-horizontal-product .card-horizontal-product-thumb img {
  max-width: 100%;
}

.card-horizontal-product .card-horizontal-product-content {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title h3 {
  font-size: 15px;
  line-height: 26px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  height: 55px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment-title a {
  color: #212121;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment-title h3 {
  font-size: 15px;
  line-height: 28px;
  white-space: pre-wrap;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment {
  position: relative;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 75%;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::after {
  content: "\f756";
  font-family: "Material Design Icons";
  font-size: 80px;
  color: #f6f6f5;
  position: absolute;
  bottom: -40px;
  left: 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-comment p {
  font-size: 13px;
  width: 75%;
  height: 120px;
  overflow: hidden;
  white-space: pre-wrap;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-price {
  margin: 10px 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-price span {
  font-size: 16px;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons {
  text-align: left;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons span.count-like {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #efefef;
  color: #96949a;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons span.count-like i {
  color: #d5d7db;
  font-size: 18px;
  font-weight: normal;
  margin-left: 7px;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  border: 1px solid #19bfd3;
  background-color: #19bfd3;
  color: #fff;
  cursor: pointer;
  padding: 0 16px;
  text-align: center;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:hover {
  background-color: #fff;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info {
  border: 1px solid #19bfd3;
  background-color: #fff;
  color: #19bfd3;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:hover {
  border: 1px solid #19bfd3;
  background-color: #19bfd3;
  color: #fff;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-outline-info:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .remove-btn {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #a1a3a8;
  color: #a1a3a8;
  cursor: pointer;
  text-align: center;
  font-size: 25px;
  outline: none;
  float: left;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn-light {
  background-color: #e3e3e3;
  color: #000;
  border: 0;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .label-card-horizontal-product {
  float: right;
  color: #f44336;
  margin: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.card-horizontal-address .card-horizontal-address-desc {
  height: 120px;
  overflow: hidden;
  position: relative;
}

.card-horizontal-address .card-horizontal-address-desc::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 100%;
}

.card-horizontal-address .card-horizontal-address-desc h4 {
  font-size: 21px;
  line-height: 1.048;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
  color: #6d6d6d;
}

.card-horizontal-address .card-horizontal-address-desc p {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  letter-spacing: -0.3px;
  color: #979797;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}

.card-horizontal-address .card-horizontal-address-data {
  border-top: 1px solid #f4f4f4;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods {
  padding: 0;
  list-style: none;
  color: #979797;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.375;
  position: relative;
  color: #979797;
  padding-right: 36px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method i {
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 24px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions {
  position: absolute;
  left: 15px;
  bottom: 20px;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions .btn-note {
  border: 0;
  border-radius: 5px;
  background-color: #e3e3e3;
  font-size: 14px;
  line-height: 1.571;
  color: #6d6d6d;
  padding: 5px 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-horizontal-address .card-horizontal-address-data .card-horizontal-address-actions .btn-note:hover {
  opacity: 0.9;
  color: #717171;
}

.card-horizontal-address .checkout-address-location {
  display: block;
  text-align: center;
}

.card-horizontal-address .checkout-address-location strong {
  display: block;
  max-width: 100%;
}

.card-horizontal-address .checkout-address-location i {
  display: block;
  font-size: 40px;
}

/* ------------ Start Page */
.page p {
  color: #666;
  font-size: 16px;
  text-align: justify;
  line-height: 40px;
}

.page-cover {
  width: 100%;
  height: 400px;
  background: url(/assets/images/theme/page-cover.jpg) top no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/assets/images/theme/page-cover.jpg) top no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/assets/images/theme/page-cover.jpg) top no-repeat;
  background-size: cover;
  margin-top: -23px;
}

.page-cover .page-cover-title h1 {
  padding: 70px 0 50px;
  font-size: 37px;
  line-height: 1.189;
  color: #fff;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
}

.page-cover .form-ui form {
  padding: 20px;
  max-width: 480px;
  margin: 0 auto;
}

.page-cover .form-ui form .form-row input {
  width: 70%;
  margin: 0 0 0 10px;
}

.page-cover .form-ui form .form-row button {
  width: 27%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.info-page-cats {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
}

.info-page-cats .info-page-cat {
  padding: 25px;
  border-radius: 25px;
  margin-bottom: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.info-page-cats .info-page-cat:hover .info-page-cat-title {
  font-weight: 600;
}

.info-page-cats .info-page-cat a {
  display: block;
  width: 100%;
  height: 150px;
  text-align: center;
}

.info-page-cats .info-page-cat .info-page-cat-icon {
  width: 120px;
  height: 120px;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-page-cats .info-page-cat img {
  max-height: 100%;
  max-width: 100%;
}

.info-page-cats .info-page-cat span.info-page-cat-title {
  font-size: 14px;
  color: #000;
  transition: all 0.2s ease;
}

.page .filter-product .card {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.page .filter-product .card .card-header {
  margin-bottom: 15px;
  border: 1px solid #ededed;
  border-radius: 10px;
}

.page .filter-product .card:not(:first-of-type) .card-header:first-child {
  border-radius: 10px;
}

.page .filter-product .card-body {
  padding: 0 25px 25px;
  margin-bottom: 10px;
}

.page .filter-product p {
  list-style: unset;
  margin-bottom: 0;
}

.page ul {
  list-style: none;
  padding-right: 30px;
}

.page ul li {
  font-size: 13px;
  color: #3abaf4;
  font-weight: 600;
}

.page-question-not-found {
  background: url(./img/theme/page-cover-faq.jpg) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(./img/theme/page-cover-faq.jpg) no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(./img/theme/page-cover-faq.jpg) no-repeat;
  height: 405px;
  background-size: cover;
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
  box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
  padding: 30px 20px;
}

.page-question-not-found-text {
  font-size: 30px;
  line-height: 2.1;
  letter-spacing: -1px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-bottom: 30px;
  width: 100%;
}

.page-question-not-found img {
  display: block;
  margin: 0 auto 40px;
}

.page-question-not-found .btn {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.page-question-not-found .page-contact-option-text {
  display: inline-block;
  font-size: 17px;
  line-height: 1.294;
  color: #fff;
  font-weight: 700;
}

.content-faq-question p {
  color: #666;
  font-size: 18px;
  text-align: justify;
  line-height: 40px;
}

.content-faq-question span {
  color: #2980b9;
}

.content-faq-question img {
  display: block;
  max-width: 100%;
  margin: 1.5rem auto;
}

/* End Page------------ */
/* ------------ Start Error-Page */
.error-page h1 {
  color: #4a5f73;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  font-weight: 600;
}

.error-page img {
  display: block;
  margin: 1rem auto;
  max-width: 100%;
}

/* End Error-Page------------ */
/* main-content */
/* footer */
footer.main-footer {
  margin-top: 50px;
  background: #fff;
}

footer.main-footer .back-to-top {
  text-align: center;
  font-size: 20px;
  border-top: 1px solid #eceff1;
  padding: 10px 0;
  margin-bottom: 30px;
}

footer.main-footer .back-to-top a {
  color: #515151 !important;
  font-weight: 600;
  font-size: 16px;
}

footer.main-footer .back-to-top .icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #edf0f5;
  color: #d35154;
  border-radius: 50%;
  margin-left: 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 36px;
  font-size: 35px;
}

footer.main-footer .footer-services {
  padding-bottom: 10px;
}

footer.main-footer .footer-services .service-item {
  text-align: center;
  position: relative;
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  color: #606060;
  letter-spacing: 0.2px;
  padding-bottom: 20px;
  margin: auto;
}

footer.main-footer .footer-services .service-item img {
  width: 58px;
  height: 58px;
  margin-bottom: 7px;
}

/* breadcrumb */
.title-breadcrumb-special {
  font-weight: 600;
  color: #000;
}

.title-breadcrumb-special .breadcrumb {
  background: transparent;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
}

.title-breadcrumb-special .breadcrumb nav {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.title-breadcrumb-special .breadcrumb a {
  color: #666;
  font-size: 13px;
  font-weight: 600;
  margin-left: 20px;
  position: relative;
}

.title-breadcrumb-special .breadcrumb a::after {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: 17px;
  font-weight: 300;
  position: absolute;
  top: -1px;
  left: -17px;
}

.title-breadcrumb-special .breadcrumb a:last-child::after {
  display: none;
}

.title-breadcrumb-special .breadcrumb a:hover {
  color: #246df8;
}

.title-breadcrumb-special .title-page h1 {
  font-size: 26px;
  font-weight: 600;
  margin: 0.75rem 0 0.125rem;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.title-breadcrumb-special .post-rating {
  direction: ltr;
  padding: 7px 0 0 10px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}

.title-breadcrumb-special .post-rating .star-rate {
  float: left;
}

.title-breadcrumb-special .post-rating span {
  float: left;
  margin-right: 2px;
  font-size: 17px;
  width: 15px;
  height: 15px;
  background: url(./img/theme/star-empty.svg) no-repeat;
}

.title-breadcrumb-special .post-rating span.active {
  background: url(./img/theme/star.svg) no-repeat;
}

.tooltip-inner {
  font-family: iranyekanBakh;
  line-height: 1.5em;
  background: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0.75rem 1.25rem 0.0625rem rgba(64, 64, 64, 0.11);
  color: #555;
}

/* end breadcrumb */
/* content-desc */
.content-desc .post-meta {
  display: inline-block;
  font-size: 11px;
  padding-right: 24px;
  color: #8f8f8f;
}

.content-desc .post-meta a {
  color: #8f8f8f;
}

.content-desc .post-meta a:hover {
  color: #246df8;
}

.content-desc .post-thumbnail {
  text-align: center;
}

.content-desc .post-thumbnail img {
  max-width: 100%;
}

.content-desc ul {
  margin-right: 0 !important;
}

.content-desc ul li {
  list-style: none;
  margin-bottom: 10px;
}

/* end content-desc */
/* sidebar */
.sidebar .title-sidebar {
  padding: 5px 0;
  border-bottom: 1px solid #f6f6f6;
}

.sidebar .title-sidebar h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  word-spacing: -1.5px;
}

.sidebar .content-sidebar .item {
  margin-bottom: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #f6f6f6;
}

.sidebar .content-sidebar .item .item-thumb {
  margin-left: 13px;
  float: right;
  margin-right: auto;
}

.sidebar .content-sidebar .item .item-thumb a {
  display: inline-block;
  width: 86px;
  margin-left: 0;
  margin-right: auto;
  height: 57px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}

.sidebar .content-sidebar .item p.title a {
  font-weight: 400;
  line-height: 18px;
  font-size: 13px;
  text-align: inherit;
  text-transform: none;
  color: #383838;
}

.sidebar .content-sidebar .item p.title a:hover {
  color: #5e72e4;
}

.sidebar .content-sidebar .item .item-meta,
.sidebar .content-sidebar .item .item-meta a {
  font-weight: 400;
  font-size: 11px;
  text-transform: none;
  color: #aeaeae;
}

.sidebar .category-list,
.sidebar .category-list ul {
  list-style: none;
}

.sidebar .category-list li {
  margin-bottom: 7px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.sidebar .category-list li a {
  position: relative;
  padding-right: 20px;
  color: #545454;
}

.sidebar .category-list a::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0;
}

.sidebar .category-list li a:hover {
  color: #0cf;
}

.sidebar .category-list li ul {
  margin: 7px 15px 7px 0;
}

.sidebar .tag-list {
  list-style: none;
}

.sidebar .tag-list li {
  display: inline-block;
  margin: 7px 3px 10px;
}

.sidebar .tag-list li a {
  padding: 5px 10px;
  font-size: 12px;
  background-color: #f5f5f5;
  border-radius: 15px;
}

.sidebar .tag-list li a:hover {
  color: #f44336;
}

/* post-card */
.post-card {
  margin: auto auto 50px;
  padding: 10px;
  max-width: 270px;
  height: 200px;
  min-height: 50px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}

.post-card .post-thumbnail {
  position: relative;
  overflow: hidden;
  height: 140px;
  padding: 0 10px 20px 10px;
  top: -40px;
  left: -10px;
}

.post-card .post-thumbnail a {
  display: block;
  height: 100%;
}

.post-card .post-thumbnail img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 10px;
}

.post-card .post-thumbnail .post-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fefefe;
  z-index: 1;
  font-size: 11px;
  padding: 3px 10px 1px 10px;
  border-radius: 3px;
}

.post-card .post-title {
  position: relative;
  top: -50px;
  text-align: right;
  line-height: 24px;
  height: 90px;
  overflow: hidden;
}

.post-card .post-title a {
  color: #000;
}

.post-card .post-title a:hover {
  color: #f44336;
}

.post-card .post-title > span {
  position: absolute;
  bottom: 0;
  left: 8px;
  display: inline-block;
  font-size: 11px;
  font-family: iranyekanBakh;
  font-weight: 300;
  margin-top: 10px;
}

/* end post-card */
/* end sidebar */
@media (max-width: 576px) {
  .footer-services .service-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 15%;
    margin-bottom: 5px;
  }
  footer.main-footer .footer-services .service-item img {
    width: 45px;
    height: 45px;
    margin-bottom: 7px;
  }
}
.widget {
  background: #fff;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  overflow: unset;
}

.widget .card-header {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
  margin-bottom: 15px;
  border: 0;
}

footer.main-footer .widget-menu {
  background: 0 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 15px;
}

footer.main-footer .widget-menu .card-header {
  border-bottom: 0;
}

footer.main-footer .widget-menu .card-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

footer.main-footer .widget-menu .footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer.main-footer .widget-menu .footer-menu li {
  line-height: 30px;
}

footer.main-footer .widget-menu .footer-menu li a {
  color: #666;
}

footer.main-footer .newsletter {
  margin-top: 30px;
}

footer.main-footer .newsletter form {
  position: relative;
}

footer.main-footer .newsletter form .form-control {
  font-family: iranyekanBakh;
  font-size: 13px;
  border-radius: 7px;
  color: #515151;
  padding: 7px !important;
  line-height: 2 !important;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #eee;
  transition: all 0.2s ease-out;
}

footer.main-footer .newsletter form .btn {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  border-radius: 7px;
  font-family: iranyekanBakh;
  background-color: #d35154;
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  line-height: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

footer.main-footer .newsletter form .btn:focus,
footer.main-footer .newsletter form .btn:active {
  background-color: #d35154;
  box-shadow: none !important;
}

footer.main-footer .newsletter form .btn:hover {
  background-color: #d35154 !important;
  box-shadow: none !important;
}

footer.main-footer .socials {
  margin-top: 30px;
}

footer.main-footer .socials .footer-social ul li {
  display: inline-block;
  list-style: none;
}

footer.main-footer .socials .footer-social ul li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: #666;
  font-size: 20px;
  text-align: center;
}

footer.main-footer .socials .footer-social ul li a i {
  margin: 0;
}

footer.main-footer .socials .footer-social ul li a:hover {
  color: #979797;
  background-color: unset !important;
}

footer.main-footer .socials .footer-social a i {
  margin-left: 4px;
}

footer.main-footer .info {
  font-size: 16px;
  text-align: center;
  padding: 15px 0;
}

footer.main-footer .info a {
  padding: 3px;
}

footer.main-footer .info div {
  margin-bottom: 10px;
}

footer.main-footer .info div.row {
  margin-bottom: 0;
}

footer.main-footer .description {
  padding: 15px 0 0;
}

footer.main-footer .description .site-description .site-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #5d5959;
}

footer.main-footer .description .site-description p {
  text-align: justify;
  font-size: 12px;
  margin-bottom: 0;
  color: #535353;
}

footer.main-footer .description .symbol {
  text-align: left;
}

footer.main-footer .description .symbol a {
  padding: 15px;
  background: #f0f0f0;
  border: 1px solid #e5e5ea;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}

footer.main-footer .description .symbol a {
  height: 120px;
  width: 120px;
  object-fit: contain;
}
footer.main-footer .description .symbol a img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

footer.main-footer .copyright {
  font-size: 12px;
  text-align: center;
  padding: 15px 0;
}

footer.main-footer .copyright p {
  margin-bottom: 0;
  padding-top: 15px;
}

footer.mini-footer {
  margin-top: 1.5rem;
}

footer.mini-footer .main-container {
  padding: 1.5rem 0 1rem;
  border-top: 1px solid #e7e7e7;
  font-size: 15px;
  font-weight: 500;
  color: #535353;
}

footer.mini-footer .main-container a {
  color: #535353;
}

footer.mini-footer .main-container i.mdi {
  margin-left: 10px;
  font-size: 20px;
}

footer.mini-footer ul.mini-footer-menu {
  list-style: none;
  text-align: center;
}

footer.mini-footer ul.mini-footer-menu li {
  display: inline-block;
  margin-left: 15px;
}

footer.mini-footer ul.mini-footer-menu li a {
  color: #7f7f7f;
  font-size: 13px;
}

footer.mini-footer .footer-light-text {
  color: #b0b0b0;
  font-size: 12px;
  text-align: center;
}

footer.mini-footer .text-footer {
  font-size: 13px;
}

footer.mini-footer .copy-right-mini-footer {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
  color: #b0b0b0;
}

/* footer */
/* colorswitch */
#colorswitch-option button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 0 15px 15px 0;
  font-size: 25px;
  border: 0;
  position: fixed;
  top: 30vh;
  left: 0;
  z-index: 1000;
}

#colorswitch-option ul {
  position: fixed;
  top: 35%;
  left: -150px;
  width: 150px;
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
  border-radius: 0 15px 15px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 11;
}

#colorswitch-option ul.show {
  left: 0;
}

#colorswitch-option .colorswitch-option-label {
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

#colorswitch-option ul li {
  width: 33%;
  float: left;
  list-style: none;
  text-align: center;
  cursor: pointer;
}

#colorswitch-option ul li span {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
}

#colorswitch-option ul li.active span::before {
  content: "﹮";
  font: normal normal normal 24px/1 "Material Design Icons";
  color: #fff;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
}

.wrapp-product-page {
  background: #f6f6f6;
  border-radius: 10px;
  padding: 20px 20px;
}

.breadcrumb {
  background: #f6f6f6;
  border-radius: 10px;
  padding: 10px 20px;
  padding-right: 30px !important;
}

/* end colorswitch */
/* responsive */
@media (max-width: 1444px) {
  .shopping-page .checkout-contact-content:before {
    width: 5px;
    top: 0;
    bottom: 0;
    right: 18px;
    position: absolute;
    background-color: #d35154;
    content: "";
  }
  .shopping-page .checkout-contact-badge {
    width: 41px;
    height: 41px;
    background-color: #f3feff;
    -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #d35154;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    color: #d35154;
  }
  .shopping-page a.float-left.border-bottom-dt {
    margin-left: 5px;
  }
  .shopping-page a.float-right.border-bottom-dt {
    margin-right: 5px;
  }
}
@media (max-width: 1199px) {
  .hidden-lg {
    display: none;
  }
  .mt-res-1 {
    margin-top: 10px;
  }
}
@media (max-width: 1090px) {
  .params .params-list li {
    display: unset;
  }
  .params .params-list li .params-list-value {
    max-width: 100%;
  }
  .params .params-list li .params-list-key {
    max-width: 100%;
    margin-left: 0;
    background-color: #fff;
    font-weight: 600;
  }
}
@media (max-width: 992px) {
  .hidden-md {
    display: none;
  }
  .show-md {
    display: block !important;
  }
  .params .params-list li .params-list-key {
    width: auto;
  }
  .params .params-list li .params-list-value {
    width: 100%;
  }
  .w-res-sidebar {
    max-width: 360px;
    margin: auto;
  }
}
@media (max-width: 768px) {
  header.main-header .bottom-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .widget-banner-fourth a {
    height: 130px;
    width: 100%;
  }
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  .hidden-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }
  .dt-sn {
    border-radius: 10px;
  }
  .card-horizontal-address {
    border-radius: 0;
  }
  .checkout-content {
    border-radius: 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  .profile-navbar {
    padding-right: 10px;
  }
  .checkout-item td:last-child {
    width: 150px;
    display: block;
    margin-top: 80px;
  }
  header.main-header,
  .widget-banner,
  .main-footer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .main-slider {
    margin-right: 10px;
    margin-left: 10px;
  }
  section.slider-section {
    border-radius: 0;
  }
  .card-horizontal-product,
  .card-horizontal-address {
    border-radius: 0;
    padding-left: 16px;
  }
  .modal-dialog {
    margin: 0;
    max-width: 100%;
  }
  .modal-content {
    border-radius: 0;
  }
  .checkout-table {
    border-radius: 0;
  }
  button.btn-menu {
    display: block;
  }
  .category-section-slider .owl-carousel .owl-nav .owl-next {
    left: 0;
  }
  .category-section-slider .owl-carousel .owl-nav .owl-prev {
    right: 0;
  }
  .product-carousel .owl-nav button.owl-next {
    left: 0;
  }
  .product-carousel .owl-nav button.owl-prev {
    right: 0;
  }
  .features-checkout-slider.owl-carousel .owl-nav .owl-next {
    left: 0;
  }
  .features-checkout-slider.owl-carousel .owl-nav .owl-prev {
    right: 0;
  }
  .error-page h1 {
    font-size: 1.5rem;
  }
  .message-light {
    margin-right: 10px;
    margin-left: 10px;
  }
  .product-info .product-title h1::before,
  .product-info .product-title h3::before {
    display: none;
  }
  .accordion-product h5 button {
    font-size: 14px;
  }
  .comments-summary-box,
  .comments-summary-note {
    padding-right: 0;
    padding-left: 0;
  }
  .comments-area {
    margin-top: 20px;
  }
  .help-sn .mdi {
    display: none;
  }
  .tag-input-weak {
    margin-top: 50px !important;
  }
  .comments-add-col--content .form-ui form.px-5 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .product-offer-question h2 {
    white-space: unset !important;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    padding-top: 8px;
  }
  .product-offer-question h2::after {
    display: none !important;
  }
  .comments-add-col--content h3 {
    font-size: 16px;
    text-align: justify;
  }
  .profile-section {
    height: auto;
    margin-bottom: 20px;
  }
  .profile-section .list-favorites li:last-child {
    margin-bottom: 30px;
  }
  .profile-section .list-favorites li a span {
    display: unset;
  }
  .shopping-page .checkout-tab-times {
    overflow-x: scroll;
  }
  .shopping-page .checkout-tab-times ul.nav {
    min-width: 768px;
    overflow-x: scroll;
  }
  .shopping-page .checkout-time-table {
    overflow-x: scroll;
  }
  .shopping-page .checkout-time-table .col-12 .radio-box {
    overflow-x: scroll;
    min-width: 598px;
  }
  .shopping-page a.float-left.border-bottom-dt {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .shopping-page a.float-right.border-bottom-dt {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .px-res-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-res-1 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-res-2 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .checkout-orders-table {
    overflow-x: scroll;
    min-width: 800px;
  }
  .checkout-orders-table .row div {
    padding: 10px 20px;
    width: 120px;
    text-align: center;
  }
  .checkout-orders-table p {
    font-size: 14px;
  }
  footer.mini-footer .text-left,
  footer.mini-footer .text-right {
    text-align: center !important;
  }
  .product-card {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 1px solid #ebebeb;
    border-radius: 10px !important;
  }
  .checkout-address-headline {
    font-size: 14px;
    margin-right: -12px;
  }
  .checkout-address-cancel {
    left: 25px;
  }
  .checkout-address-location {
    border-radius: 0;
  }
  .checkout-address-box {
    border-radius: 0;
  }
  .checkout-address-box h5 {
    font-size: 15px;
  }
  .checkout-address-box p,
  .checkout-address-box ul {
    font-size: 13px !important;
  }
  .checkout-address-box ul {
    display: block;
    justify-content: unset;
    align-items: unset;
  }
  .checkout-address-btn-remove {
    margin-right: 0;
  }
  .checkout-address-btn-edit,
  .checkout-address-btn-remove {
    float: left;
    margin-left: 7px;
  }
  .checkout-address-content {
    padding: 20px 34px 25px;
  }
  .checkout-address-btn-edit,
  .checkout-address-btn-remove {
    font-size: 12px !important;
  }
  .title-breadcrumb-special {
    padding-right: 10px;
  }
  .filter-options-sidebar {
    position: fixed !important;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding-top: 60px;
    z-index: 10000;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .filter-options-sidebar.toggled {
    right: 0;
  }
  .filter-options-sidebar .header-filter-options {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .filter-options-sidebar .header-filter-options .btn-close-filter-sidebar {
    background-color: #fff;
    border: 0;
    font-size: 20px;
  }
  .filter-options-sidebar .btn-filter-product-submit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #2d58cf;
    color: #fff;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    width: 100vw;
  }
  .mb-add-to-cart-btn-wrapper {
    display: block;
  }
}
@media (max-width: 576px) {
  footer.main-footer .description .symbol {
    text-align: center;
  }
  footer.main-footer .newsletter {
    margin: 15px 0px;
  }
  .select-options {
    width: 60%;
  }
  .service-item p {
    display: none;
  }
  footer.main-footer .description .symbol a {
    height: 80px;
    width: 80px;
    object-fit: contain;
  }
  .params .params-list li .params-list-key {
    flex: 0 0 19%;
    max-width: 19%;
    margin-left: 20px;
    background: #efefef;
    border-radius: 5px;
    padding: 0px 5px 0px;
    margin-bottom: 2px;
  }
  .text-sm-title h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
  }
  .product-info .product-title h1 {
    font-size: 16px;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title h3 {
    font-size: 13px;
    line-height: 25px;
  }
  .item.seggest-items .product-card {
    border: none;
    border-left: 1px solid #eee;
    border-radius: 0px !important;
  }
  .product-card .product-timeout .countdown-timer span[data-days]::before,
  .product-card .product-timeout .countdown-timer span[data-hours]::before,
  .product-card .product-timeout .countdown-timer span[data-minutes]::before,
  .product-card .product-timeout .countdown-timer span[data-seconds]::before {
    display: none;
  }
  .product-card .product-timeout {
    z-index: 1;
    position: absolute;
    top: 68px;
    bottom: unset;
    right: 1px;
    background: #fff;
  }
  .product-card .product-card-body {
    padding: 0px 12px;
    position: relative;
  }
  .card-horizontal-product,
  .card-horizontal-address {
    width: 100%;
    height: 225px;
    padding: 16px 16px 8px 27px;
    margin-bottom: 0px;
    display: flex;
    position: relative;
    align-content: space-around;
    flex-direction: column;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .btn {
    display: inline-block;
    height: 28px;
    line-height: 25px;
    border-radius: 4px;
    border: 1px solid #19bfd3;
    background-color: #fff;
    color: #19bfd3;
    cursor: pointer;
    padding: 0 4px;
    text-align: center;
  }
  .section-title {
    margin-bottom: 0px;
    z-index: 0;
  }
  .slider-section.mb-5 {
    margin-bottom: 0px !important;
  }
  .main-slider-slide {
    height: 190px;
  }
  section.slider-section {
    padding: 10px 25px 5px;
    border-radius: 8px;
  }
  .amazing-product img {
    margin: auto;
    height: 170px;
  }
  .half-banner a {
    height: 120px;
    width: 100%;
  }
  .main-slider .carousel-inner .carousel-item {
    height: 190px;
  }
  .form-ui form {
    max-width: 100%;
    padding: 10px;
  }
  footer.main-footer .widget-menu .footer-menu li a {
    color: #2e2e2e;
    font-size: 11px;
    text-align: justify;
  }
  .accordion-product h5 button {
    font-size: 12px;
  }
  .mobile-re-padding {
    padding: 0;
  }
  footer.main-footer .widget-menu .card-title {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
  }
  footer.main-footer .widget-menu .footer-menu li {
    line-height: 22px;
  }
  .accordion-product h5 button::before {
    content: "-";
    width: 28px;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
  }
  .comments-summary-note > span {
    font-size: 16px;
  }
  .comments-summary-note p {
    font-size: 14px;
    text-align: justify;
  }
  .ah-tab-content-wrapper {
    padding: 10px !important;
  }
  .px-res-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mx-res-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .comments-area ol.comment-list .comment-title {
    font-size: 15px;
  }
  .comments-area ol.comment-list .comment-author {
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  .comments-area ol.comment-list li .comment-body p {
    margin-bottom: 30px;
    font-size: 13px;
  }
  .comments-area .comment-content {
    padding-right: 0;
    padding-left: 0;
  }
  .comments-area ol.comment-list li .comment-body {
    margin-top: 40px;
    padding: 20px 30px 20px 30px;
  }
  .comments-area ol.comment-list .footer {
    right: 0;
    width: 100%;
  }
  .comments-likes {
    text-align: right;
    width: 100%;
  }
  .comments-likes .btn-like {
    margin-right: -2px;
  }
  .section-title p {
    margin: 0;
  }
  .comments-area ol.comment-list li .commentmetadata {
    display: none;
  }
  .comments-area ol li ol.children {
    padding-right: 0;
  }
  .info-page-cats .section-title img {
    display: none;
  }
  .info-page-cats .section-title h2.font-weight-bold {
    font-size: 16px;
    padding-right: 0;
  }
  .info-page-cats .section-title h2.font-weight-bold::after {
    display: none;
  }
  .comments-product-attributes .slider.slider-horizontal {
    width: 100%;
  }
  .header-cover {
    height: 79px;
  }
  .promotion-header-img {
    height: 72px;
  }
  .checkout-details .text-highlight {
    padding: 3px 6px;
    margin: 3px 3px;
    display: inline-block;
    font-size: 13px;
  }
  .checkout-table p {
    font-size: 15px;
  }
  .pt-sl-res {
    overflow-x: scroll !important;
  }
  .product-card .product-card-body .add-to-compare {
    position: absolute;
    top: -35px;
    left: -20px;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-product-buttons .label-card-horizontal-product {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .search-card-res .product-card {
    border-radius: 0;
  }
  .search-card-res .product-card .product-thumb {
    display: inline-block;
    width: 30%;
  }
  .search-card-res .product-card .product-card-body {
    padding: 0 1.25rem;
    display: inline-block;
    width: 60%;
    padding-right: 10px;
  }
  .search-card-res .product-card .product-title {
    margin-top: 0;
    min-height: auto;
  }
  .product-card .product-timeout .countdown-timer span {
    display: inline-block;
    width: 40px;
    height: 23px;
    position: relative;
    color: #d35154;
  }
  .search-amazing-tab .product-card {
    padding-top: 15px;
  }
  .search-card-res .product-card .product-thumb::before {
    display: none;
  }
  .title-breadcrumb-special .breadcrumb a {
    font-size: 11px;
  }
  .title-breadcrumb-special .title-page h1 {
    font-size: 18px;
  }
  .search-amazing-content {
    padding-top: 25px;
  }
  .product-img {
    height: 160px;
    width: 100%;
    object-fit: contain;
  }
  .pr-0 {
    padding-right: 10px !important;
  }
  .main-footer {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}
@media (max-width: 480px) {
  .title-wide h2 {
    font-size: 13px;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
    display: block;
    overflow: hidden;
  }
  .product-offer-question .title-wide h2 {
    padding-bottom: 50px;
    padding-top: 8px;
  }
  .title-wide a {
    margin-bottom: 10px;
  }
  .numbers-verify .lines-number-input .line-number {
    margin: 0 2px;
    width: 30px;
  }
  .content-expert-rating {
    padding: 5px 0px 33px 40px;
  }
  .px-res-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .product-card {
    margin: 0;
  }
  .product-card .product-title > a {
    font-size: 13px;
  }
  .product-card .product-meta {
    font-size: 11px;
  }
  .product-card .product-price {
    font-size: 12px;
  }
  .discount span {
    font-size: 11px;
  }
  .rating-stars i {
    font-size: 11px;
  }
  .product-info .price {
    font-size: 18px;
  }
  .comments-area ol.comment-list li .comment-body .icon-comment {
    right: -7px;
  }
  .w-res-sidebar {
    max-width: 100%;
  }
  .cart-empty .cart-empty-links a::after {
    border-left: 0;
  }
  .info-page-cats .info-page-cat .info-page-cat-icon {
    width: 100%;
    height: 50px;
  }
  .info-page-cats .info-page-cat img {
    max-height: 60px;
    max-width: 60px;
  }
  .info-page-cats .info-page-cat {
    padding: 15px;
  }
  .info-page-cats .info-page-cat a {
    height: 110px;
  }
  .page-cover {
    width: 100%;
    height: 280px;
  }
  .page-cover .page-cover-title h1 {
    padding: 30px 0 0px;
    font-size: 20px;
    letter-spacing: 0;
  }
  .page-cover .form-ui form .form-row input {
    width: 100%;
    margin-bottom: 10px;
  }
  .page-cover .form-ui form .form-row button {
    margin: auto;
  }
  .page .filter-product .card .card-header button {
    font-size: 13px;
    padding-left: 40px;
    padding-right: 0;
  }
  .page-question-not-found {
    border-radius: 0;
    height: 345px;
  }
  .page-question-not-found-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .page-question-not-found img {
    margin: 10px auto 10px;
    max-width: 40px;
  }
  .page-question-not-found .page-contact-option-text.mr-3 {
    margin-right: 5px !important;
  }
  .page-question-not-found img.mb-5 {
    margin-top: 20px;
    margin-bottom: 15px !important;
  }
  .card-horizontal-address {
    min-height: 290px;
  }
  .card-horizontal-address-methods {
    width: 100%;
    float: unset !important;
  }
  .card-horizontal-address-actions {
    width: 100%;
    position: relative !important;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    bottom: 0 !important;
    left: 0 !important;
    float: unset !important;
  }
  .card-horizontal-address .card-horizontal-address-data .card-horizontal-address-methods .card-horizontal-address-method {
    font-size: 14px;
  }
  .card-horizontal-address .card-horizontal-address-desc p {
    font-size: 14px !important;
  }
  .profile-section .list-favorites li {
    height: 50px;
  }
  .profile-section .list-favorites li a img {
    width: 25px;
    height: 25px;
  }
  .profile-section .list-favorites li a span {
    width: 190px;
    overflow-x: scroll;
    display: inline-block;
  }
  .profile-section .list-favorites li button {
    top: 12px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    font-size: 17px;
    border-radius: 6px;
    padding-left: 22px;
  }
  .card-horizontal-product .card-horizontal-product-thumb {
    width: 21%;
  }
  .card-horizontal-product .card-horizontal-product-content {
    width: 77%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment p {
    width: 100%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::before {
    width: 100%;
  }
  .card-horizontal-product .card-horizontal-product-content .card-horizontal-comment::after {
    font-size: 60px;
    right: -60px;
    left: auto;
  }
  .search-amazing-tab .ah-tab-item:first-child {
    margin-right: 15px;
  }
  .shopping-page .checkout-contact-location {
    position: relative;
    top: -20px;
    left: 4px;
    float: left;
    font-size: 13px;
  }
  .shopping-page .checkout-contact-item-message,
  .shopping-page .checkout-contact-item-mobile {
    font-size: 14px !important;
  }
  .shopping-page .checkout-contact-item {
    font-size: 12px !important;
  }
  .shopping-page a.float-left.border-bottom-dt {
    font-size: 12px;
    font-weight: normal;
  }
  .shopping-page a.float-right.border-bottom-dt {
    font-size: 12px;
    font-weight: normal;
  }
  .checkout-alert-content p {
    font-size: 14px;
  }
  .checkout-details-title h4 {
    font-size: 16px;
  }
  .cart-empty .cart-empty-links a {
    margin-bottom: 7px;
    display: inline-block;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-thumbnail {
    margin-bottom: 25px;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-quantity,
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-price {
    width: 100%;
  }
  .checkout-section-content-dd-k .cart-items-dd-k .cart-item .item-quantity--item-price .item-price {
    text-align: left;
  }
}
@media (max-width: 340px) {
  header.main-header .nav-item.account {
    border: 0;
    padding: 0;
  }
  header.main-header .nav-item.account i {
    font-size: 20px;
  }
  header.main-header .nav-link span.label-dropdown {
    display: none;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1536px) {
  .max {
    max-width: 2500px;
  }
  .no-padding {
    padding: 0px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 0px;
  }
}
@media (min-width: 576px) {
  .carousel-indicators {
    display: none !important;
  }
  .modal-dialog {
    max-width: 1200px;
    margin: 1.75rem auto;
  }
}
@media only screen and (min-width: 3002px) and (max-width: 4000px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 4001px) and (max-width: 6144px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media (min-width: 1921px) {
  .centeral-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.wrapp-sample-summery {
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  padding: 30px 25px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
  height: 575px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wrapp-sample-summery h1 {
  font-size: 24px;
  margin-bottom: 15px;
  border-right: 4px solid #FECA22;
  font-weight: 800;
  font-family: peyda;
  padding-right: 10px;
  text-align: start;
}

.sample-attr-box {
  display: flex;
  align-items: center;
  background: rgba(238, 238, 238, 0.2705882353);
  padding: 6px 15px;
  border-radius: 5px;
  justify-content: flex-start;
  flex-direction: row;
  height: 60px;
}
.sample-attr-box .sat-img {
  margin-left: 10px;
  border-radius: 6px;
}
.sample-attr-box .sat-img img {
  height: 35px;
  width: 35px;
  padding: 5px;
  background: #FECA22;
  border-radius: 6px;
}
.sample-attr-box .sat-title {
  display: flex;
  align-items: center;
}
.sample-attr-box .sat-title span {
  font-size: 15px;
  margin-left: 5px;
}
.sample-attr-box .sat-title strong {
  font-size: 14px;
}

/* HERO SECTION */
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* SLIDER BACKGROUND */
.hero-slider {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}

.hero-slide.active {
  opacity: 1;
}

/* OVERLAY */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 12, 0.62);
  z-index: 2;
}

/* FIXED CONTENT */
.hero-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  justify-content: space-around;
  text-align: center;
  color: #fff;
  padding: 20px;
  direction: rtl;
  flex-direction: column;
}

.hero-caption h1 {
  font-family: peyda;
  font-weight: 800;
  text-align: right;
  font-size: 50px !important;
  width: 80%;
  line-height: 65px;
}
.hero-caption p {
  font-family: peyda;
  font-weight: 600;
  font-size: 18px !important;
  color: #fff;
  text-align: justify;
}

.type-wrapper {
  display: inline-flex;
  align-items: center;
  color: #FECA22;
}

#typedText {
  font-size: 20px;
  font-family: peyda;
  font-weight: 600;
}

.cursor {
  width: 3px;
  height: 1em;
  background: #FECA22;
  margin-right: 6px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.is-typing {
  height: 60px;
  text-align: right;
}

.hero-search {
  background-color: rgba(255, 255, 255, 0.0705882353);
  backdrop-filter: blur(10px);
  height: 212px;
  padding: 50px 50px;
  border-radius: 20px;
}

.filter-box {
  border-radius: 16px;
  padding: 12px;
}
.filter-box label {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-weight: 600;
  text-align: right;
  font-family: "Peyda";
  padding-right: 5px;
  font-size: 16px;
}

.filter-box .form-control,
.filter-box .form-select {
  border-radius: 12px;
  border: none !important;
  height: 52px;
  font-family: iranyekanBakh !important;
  font-size: 14px;
  margin-bottom: 0px;
  padding-right: 20px;
  background-position: left 0.75rem center;
}
.filter-box .form-control::placeholder,
.filter-box .form-select::placeholder {
  font-family: iranyekanBakh !important;
  font-size: 13px;
}

.search-btn-form {
  background: #FECA22 !important;
  border: none;
  width: 100%;
  height: 52px;
  border-radius: 12px;
  color: #000000;
  font-family: peyda;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 15px;
}

.search-btn:hover {
  background: #001344;
}

.trust-box {
  display: flex;
  align-items: center;
  align-items: flex-start;
  padding-bottom: 15px;
  border-bottom: 1px solid #DDDDDD;
}
.trust-box img {
  height: 30px;
  width: 30px;
  margin-left: 10px;
}
.trust-box .trust-caption h3 {
  font-family: peyda;
  font-size: 25px;
  font-weight: 600;
  text-align: right;
}
.trust-box .trust-caption span {
  text-align: right;
  font-size: 16px;
}

.hero-content h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.hero-content p {
  font-size: 1.3rem;
  margin-bottom: 30px;
  line-height: 1.8;
}

.hero-content a {
  display: inline-block;
  padding: 14px 35px;
  background: #FECA22;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-radius: 30px;
  transition: 0.3s;
}

.hero-content a:hover {
  background: #FECA22;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2rem;
  }
  .hero-content p {
    font-size: 1rem;
  }
}
.slide__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide__image img {
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}

.slide__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide__content {
  padding-top: 100px;
  max-width: 1200px;
  min-width: 60%;
  font-family: sans-serif;
}

.slide__title {
  font-size: 55px;
  max-width: 700px;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 4px 0px 4px rgba(0, 0, 0, 0.4392156863);
}

.slider-design {
  height: 30px;
  background: #FECA22;
}

.slide__link {
  margin-top: 25px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.4784313725);
  opacity: 1;
  background: rgba(255, 255, 255, 0.363);
  margin-inline-start: 0px;
  height: 50px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  filter: blur(10);
  color: #fff;
  font-family: DMSans;
  font-weight: 500;
  font-size: 14px;
}
.slide__link:hover {
  background-color: #FECA22;
  border: 1px solid #FECA22;
  color: #fff !important;
  font-weight: 600;
}

.marquee {
  font-size: 5rem;
  display: flex;
  flex-wrap: no-wrap;
  margin-top: 3rem;
}
.marquee p {
  font-size: 50px;
  font-family: PlayfairDisplay;
  color: #fff;
  opacity: 0.6;
  text-transform: uppercase;
  font-weight: 800;
  flex-shrink: 0;
  animation: scroll 700s infinite linear;
  margin-right: 1rem;
}
.marquee p:hover {
  animation-play-state: paused;
}
@keyframes scroll {
  to {
    transform: translateX(-100%);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.top-header {
  padding: 2px 40px;
  padding-left: 60px !important;
}

@media (min-width: 1400px) {
  .main-container {
    max-width: 90vw;
  }
}
@media (min-width: 1600px) {
  .main-container {
    max-width: 78vw;
  }
}
@media (max-width: 1200px) {
  .main-container {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .main-container-menu {
    max-width: 90vw;
  }
}
@media (min-width: 1600px) {
  .main-container-menu {
    max-width: 82vw !important;
  }
}
@media (max-width: 1200px) {
  .main-container-menu {
    max-width: 100%;
  }
}
:root {
  --gradient-shadow: linear-gradient(
    45deg,
    #8e00fb,
    #9500ff,
    #000000,
    #1900ff,
    #e600ff,
    #000000,
    #a200ff,
    #6f00ff,
    #7b00ff,
    #9900ff
  );
}

:root {
  --color-primary: #1a2556;
  --color-secondary: #a5b3d4;
  --color-gray: #dde6f3;
  --color-light-gray: #f3f6fb;
  --color-white: white;
  --color-black: #3e3743;
  --color-input-hover: rgba(165, 179, 212, 0.6);
  --color-input-focus: rgba(26, 37, 86, 0.45);
  --color-input-error: rgba(255, 94, 31, 0.6);
  --color-input-warning: rgba(166, 145, 54, 0.6);
  --color-input-success: rgba(23, 125, 23, 0.45);
  --color-input-disabled: #dde6f3;
}

a:hover {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 30px;
}

.display-flex,
.display-flex-center,
.signup-content,
.signin-content,
.social-login,
.socials {
  display: -webkit-flex;
}

list-type-ulli,
.socials {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.signup {
  margin-top: 0px;
}

.to-the-space {
  height: 90px;
}

a:focus,
a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  color: #754ffe;
}

input,
select,
textarea {
  outline: none;
}

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

input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
}

input[type=checkbox] {
  appearance: checkbox !important;
}

input[type=radio] {
  appearance: radio !important;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0px;
}

p {
  margin-bottom: 0px;
  font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 30px;
  cursor: pointer;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  color: rgb(34, 34, 34);
  font-size: 36px;
}

.main {
  background: rgb(248, 248, 248);
  padding: 150px 0px;
}

.clear {
  clear: both;
}

.container-box {
  width: 1000px;
  background: rgb(240, 236, 255);
  margin: 0px auto;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 16.83px 0.17px;
  border-radius: 20px;
}

.display-flex {
  justify-content: space-between;
  align-items: center;
}

.display-flex-center {
  justify-content: center;
  align-items: center;
}

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-body {
  background: rgb(35, 35, 35);
}

.signup {
  margin-bottom: 150px;
  direction: rtl;
}

.signup-content {
  padding: 55px 0px 55px;
  text-align: right;
}

.signup-form,
.signup-image,
.signin-form,
.signin-image {
  width: 50%;
  overflow: hidden;
}

.signup-image {
  margin: 0px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form-title {
  font-size: 30px;
}

.form-title h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.signup-form input {
  background-color: transparent;
}

.signup-form input {
  background-color: rgba(152, 118, 255, 0.1411764706);
  border: 1px solid #9876ff;
}

.signup-image {
  margin-top: 45px;
}

figure {
  margin-bottom: 50px;
  text-align: center;
}

.form-submit {
  display: inline-block;
  background: rgb(59, 31, 158);
  border-bottom: none;
  width: auto;
  padding: 8px 39px;
  border-radius: 24px;
  font-size: 18px;
  margin-top: 5px;
  font-family: "IRANYekanWeb";
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
}

.form-submit:hover {
  background: rgb(31, 1, 116);
}

#signin {
  margin-top: 16px;
}

.signup-image-link {
  font-size: 16px;
  color: rgb(20, 20, 20);
  display: block;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.068);
}

.term-service {
  font-size: 14px;
  margin-right: 10px;
  color: rgb(34, 34, 34);
}

.signup-form {
  margin-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.register-form {
  width: 100%;
}

.form-group {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}

.form-group:last-child {
  margin-bottom: 0px;
}

input {
  direction: rtl;
  width: 100%;
  display: block;
  border: 2px solid rgba(102, 29, 202, 0.16);
  padding: 12px 45px;
  box-sizing: border-box;
  border-radius: 24px;
}

input::-webkit-input-placeholder {
  font-family: "IRANYekanWeb";
  font-size: 16px;
}

input::placeholder {
  color: rgb(0, 0, 0) !important;
}

input[type=checkbox]:not(old) {
  width: 2em;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  display: none;
}

input[type=checkbox]:not(old) + label {
  display: inline-block;
  line-height: 1.5em;
}

label {
  display: block;
  margin-bottom: 5px;
  color: #003794;
  font-weight: 600;
}

textarea {
  color: #fff;
}

input[type=checkbox]:not(old) + label > span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 15px;
  margin-bottom: 3px;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 2px;
  background: linear-gradient(#ded3ff, #c4c6ff) white;
  vertical-align: bottom;
}

input[type=checkbox]:not(old):checked + label > span {
  background-image: linear-gradient(white, white);
}

input[type=checkbox]:not(old):checked + label > span::before {
  content: "";
  display: block;
  color: rgb(0, 0, 0);
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  font-family: Material-Design-Iconic-Font;
  font-weight: bold;
}

.agree-term {
  display: inline-block;
  width: auto;
}

.label {
  position: absolute;
  right: 20px;
  top: 24px;
  transform: translateY(-50%);
  color: rgb(34, 34, 34);
}

.label-has-error {
  top: 22%;
}

label.error {
  position: relative;
  background-position-y: 3px;
  padding-left: 20px;
  display: block;
  margin-top: 20px;
}

label.valid {
  display: block;
  position: absolute;
  right: 0px;
  left: auto;
  margin-top: -6px;
  width: 20px;
  height: 20px;
  background: transparent;
}

label.valid::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 16px;
  color: green;
}

.label-agree-term {
  position: relative;
  top: 0%;
  transform: translateY(0px);
}

.material-icons-name {
  font-size: 18px;
}

.signin-content {
  padding-top: 67px;
  padding-bottom: 87px;
}

.social-login {
  align-items: center;
  margin-top: 80px;
}

.social-label {
  display: inline-block;
  margin-right: 15px;
}

.socials li {
  padding: 5px;
}

.socials li:last-child {
  margin-right: 0px;
}

.socials li a {
  text-decoration: none;
}

input {
  color: white;
}

/* RESET RULES & HELPER CLASSES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --purple-1: #3d174f;
  --purple-2: #4b2860;
  --white: #fff;
  --black: #221f1f;
  --red: #ed1849;
  --lightgray: #cfcfcf;
  --overlay: rgba(0, 0, 0, 0.5);
}

html {
  font-size: 62.5%;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a,
button {
  color: inherit;
}

.no-transition {
  transition: none !important;
}

header {
  position: relative;
  z-index: 10;
}

.page-header {
  position: relative;
  padding: 1.5rem 3rem;
  background: #fff;
  height: 75px;
}

.page-header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  direction: rtl;
}

.page-header .horizontal-logo,
.page-header .search span {
  display: none;
}

.page-header .vertical-logo {
  max-width: 9.5rem;
}

.page-header .top-menu-wrapper {
  color: var(--black);
}

.page-header .top-menu-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: background 0.5s;
}

.page-header .search {
  color: #000;
}

.page-header .panel,
.page-header .top-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-header .panel1 {
  width: 100%;
  background: #3700ff;
  transition-delay: 0.3s;
}

.page-header .panel2 {
  width: calc(100% - 10rem);
  background: #18d1ed;
  transition-delay: 0.1s;
}

.page-header .top-menu {
  display: flex;
  flex-direction: column;
  width: calc(100% - 12rem);
  overflow-y: auto;
  padding: 2rem;
  background: var(--white);
}

.page-header .top-menu-wrapper.show-offcanvas::before {
  background: var(--overlay);
  z-index: 1;
}

.page-header .top-menu-wrapper.show-offcanvas .panel,
.page-header .top-menu-wrapper.show-offcanvas .top-menu {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.7s;
}

.page-header .top-menu-wrapper.show-offcanvas .panel1 {
  transition-delay: 0s;
  width: 84%;
}

.page-header .top-menu-wrapper.show-offcanvas .panel2 {
  transition-delay: 0.2s;
}

.page-header .top-menu-wrapper.show-offcanvas .top-menu {
  transition-delay: 0.4s;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 4rem 0.5rem;
}

/* FORM
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header .search-form {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  padding: 1rem 0;
  background: var(--purple-2);
  transition: all 0.2s;
}

.page-header .search-form.is-visible {
  visibility: visible;
  opacity: 1;
}

.page-header .search-form div {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.page-header .search-form input {
  width: 100%;
  font-size: 2rem;
  height: 4rem;
  padding: 0 2rem;
}

.page-header .search-form button {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--purple-1);
}

.page-header .top-menu li + li {
  margin-top: 1.5rem;
  text-align: right;
}

.page-header .top-menu > li:last-child {
  margin-top: auto;
}

.page-header ul a {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  transition: color 0.35s ease-out;
}

.select-lang img {
  height: 20px;
  width: 30px;
}

.page-header ul a:hover {
  color: var(--red);
}

.page-header .has-dropdown i {
  display: none;
}

.page-header .sub-menu {
  padding: 1.5rem 2rem 0;
}

.page-header .top-menu .mob-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.page-header .top-menu .mob-block i {
  color: var(--lightgray);
}

.page-header .socials {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.page-header .socials li + li {
  margin-top: 0;
}

.page-header .socials .fa-stack {
  font-size: 1.7rem;
}

.page-header .socials .fab {
  border-radius: 50%;
  background: #215af0;
  color: #fff;
}

.page-header .socials .facebook-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 10px 14px;
}

.page-header .socials .twitter-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 11px 11px;
}

.page-header .socials .google-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 10px 9px;
  font-size: 14px;
}

/* FOOTER
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.3rem;
  color: var(--black);
}

.page-footer span {
  color: #e31b23;
}

.text {
  max-width: 800px;
  margin: auto;
  line-height: 22px;
}

.full-slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 520px !important;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 60px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.car-img {
  height: 650px;
  width: 100%;
  object-fit: cover;
}

.car-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#full-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 650px;
  overflow: hidden;
}

#full-slider .slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 2000ms ease;
}

#full-slider .slide.active {
  opacity: 1;
  transform: scale(1);
}

#full-slider .slide.slide4 {
  background-position: 0 0;
  background: url(/assets/images/header/2.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide1 {
  background-position: 0 0;
  background: url(/assets/images/header/3.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide2 {
  background-position: 0 0;
  background: url(/assets/images/header/prview-hero-img.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide3 {
  background: url(/assets/images/header/3.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide5 {
  background: url(/assets/images/header/prview-hero-img.webp) no-repeat fixed;
  background-size: cover;
}

/* Waves Animation start*/
.hero_area {
  position: relative;
}

.waves {
  width: 100%;
  height: 130px;
  min-height: 100px;
}

.parallax > use {
  animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 12s;
}

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 15s;
}

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 18s;
}

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 25s;
}

.caption-boxs {
  padding: 0px 100px;
  padding-bottom: 180px;
}

.caption-title {
  direction: rtl;
  text-align: right;
  font-family: "peyda" !important;
  font-size: 40px;
  color: #fff;
  text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
}

.caption-boxs {
  direction: rtl;
  text-align: right;
}

.caption-comment {
  padding: 20px 0px;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
  text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
}

.wrapping-capt {
  margin-bottom: 30px;
}

.wrapping-capt p {
  padding: 20px 0px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  line-height: 28px;
  text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
}

.read-more {
  padding: 5px 8px;
  background: linear-gradient(100deg, rgba(27, 76, 255, 0.1647058824) 0.64%, rgba(84, 42, 183, 0.1568627451) 98.23%);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}

.read-more:hover {
  padding: 5px 8px;
  background: linear-gradient(100deg, rgba(27, 76, 255, 0.7176470588) 0.64%, rgba(84, 42, 183, 0.8509803922) 98.23%);
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.nice-btn-animated {
  position: absolute;
  top: 100%;
  right: -50px;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: #ffffff;
  padding: 15px 30px;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.nice-btn-animated:before {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: "";
  width: 50%;
}

.nice-btn-animated span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #0c002b, #1779ff);
  animation: animate1 12s linear infinite;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.nice-btn-animated span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, #0c002b, #1779ff);
  animation: animate2 12s linear infinite;
  animation-delay: 10s;
}

@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
.nice-btn-animated span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to top, #0c002b, #1779ff);
  animation: animate3 12s linear infinite;
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.nice-btn-animated span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to top, #0c002b, #1779ff);
  animation: animate4 12s linear infinite;
  animation-delay: 10s;
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.numbers {
  display: flex;
  font-family: peyda;
  direction: rtl;
  justify-content: center;
  text-align: right;
  flex-direction: row-reverse;
  height: 140px;
  width: 140px;
  object-fit: contain;
  margin-bottom: 5px;
}
.numbers img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.category-box-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.first-num {
  font-size: 50px;
  font-weight: 600;
  color: #3779ff;
  margin-right: 1px;
}

.sec-num {
  font-size: 50px;
  font-weight: 600;
  color: rgba(92, 145, 250, 0.8235294118);
}

.wrapp-numbric {
  height: 200px;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/vectors/category-vec.png);
  background-size: 25px;
  background-position: 185px 12px;
  background-repeat: no-repeat;
}

.button-margin {
  margin-bottom: 30px;
}

.webp-back {
  height: 450px;
  background-position: 0 0;
  background-size: cover;
}

.title-op {
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.titles {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titles p {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  font-weight: 600;
}

.title-design {
  display: flex;
  align-items: center;
  direction: rtl;
  justify-content: space-between;
}
.title-design img {
  height: 45px;
  width: 45px;
  margin-left: 10px;
}
.title-design h2 {
  font-size: 22px;
}
.title-design span {
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
}
.title-design .title-line {
  margin-right: 15px;
  width: 70%;
  background-color: rgba(53, 47, 110, 0.11);
  height: 1px;
}

.video-titles {
  display: flex;
  flex-direction: column;
}
.video-titles strong {
  color: rgb(18, 34, 59);
  text-align: center;
  font-family: DMSans;
  font-weight: 800;
  font-size: 42px;
}
.video-titles span {
  background: none !important;
  text-align: center;
  color: #eee !important;
}

.title-design-2 {
  display: flex;
  align-items: center;
  direction: rtl;
  justify-content: space-between;
}
.title-design-2 img {
  height: 45px;
  width: 45px;
  margin-left: 10px;
}
.title-design-2 h2 {
  font-size: 22px;
}
.title-design-2 span {
  background: #FECA22;
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
}
.title-design-2 .title-line {
  margin-right: 15px;
  width: 20%;
  background-color: rgba(53, 47, 110, 0.11);
  height: 1px;
}

.space-bet {
  margin: 40px 0px;
  margin-top: 70px;
  padding-right: 20px;
}

.space-bet-2 {
  margin: 40px 0px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-right: 20px;
}

.show-more {
  text-align: right;
  padding: 5px 15px;
  border-radius: 8px;
  background-color: #d7e8ff;
  margin-top: 10px;
}

.advantage-text {
  border: 1px solid rgba(18, 34, 59, 0.1882352941);
  padding: 25px 40px;
  border-radius: 20px;
  height: 500px;
}
.advantage-text .adv-head h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3em;
  color: #000;
  font-family: peyda;
  margin: 30px 0px;
  text-align: right;
}
.advantage-text .adv-body {
  border-bottom: 1px solid rgba(18, 34, 59, 0.1882352941);
}
.advantage-text .adv-body p {
  font-size: 18px;
  color: rgb(102, 114, 130);
  margin: 30px 0px;
  text-align: right;
}
.advantage-text .adv-footer {
  margin: 25px 0px;
}
.advantage-text .adv-footer .exp-number {
  font-size: 56px;
  font-weight: 800;
  color: #FECA22;
  letter-spacing: -5px;
}
.advantage-text .adv-footer .exp-name {
  font-size: 18px;
  color: rgb(102, 114, 130);
}

.advantage-img {
  border-radius: 20px;
  height: 500px;
  width: 100%;
  object-fit: cover;
}
.advantage-img .shine-overlay {
  position: relative;
  overflow: hidden;
}
.advantage-img .shine-overlay:hover .shine {
  display: block;
}
.advantage-img .shine {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transform: skew(30deg);
  animation: shine 0.75s linear 1;
}
@keyframes shine {
  0% {
    left: -50%;
    opacity: 0;
  }
  50% {
    left: 25%;
    opacity: 0.5;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.advantage-img .card {
  border: 0 none;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}
.advantage-img .card:hover {
  filter: grayscale(10);
}
.advantage-img .card:before {
  display: block;
  padding-top: 133%;
  content: "";
}
.advantage-img .card:after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  z-index: 1;
}
.advantage-img .card-bg {
  opacity: 0.8;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
.advantage-img .card-bg--alt {
  opacity: 1;
}
.advantage-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.show-more span {
  font-size: 12px;
}

.show-more i {
  font-size: 10px;
}

.wrapping-img-about {
  height: 430px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.wrapping-img-about img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.19);
}

.direction-history {
  direction: rtl;
}

.about-section {
  margin-top: 120px;
}

.decorative {
  position: relative;
  height: 0;
}
.decorative .flash-back {
  height: 500px;
  width: 550px;
  position: absolute;
  top: -130px;
  left: -208px;
}

.wrap-about-photo {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: start;
}
.wrap-about-photo .big-about-photo {
  width: 550px;
  padding: 10px 0px;
  object-fit: cover;
  border-radius: 18px;
  background-position: center;
  background-image: url(../images/banner/project_9.jpg);
  position: relative;
  height: 630px;
  background-size: cover;
}
.wrap-about-photo .big-about-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(350deg, #0f121b 0%, rgba(1, 8, 49, 0.11) 50%);
  border-radius: 18px;
  z-index: 1;
}
.wrap-about-photo .big-about-photo:after::hover {
  background: rgba(0, 0, 12, 0);
}
.wrap-about-photo .big-about-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.wrap-about-photo .big-about-photo .more-2 {
  position: absolute;
  bottom: -13px;
  left: -41px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 0;
  padding: 7px 18px;
  border-top-right-radius: 20px;
  z-index: 2;
}
.wrap-about-photo .big-about-photo .more-2 .circle {
  --width: 100px;
  --height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width, 100px);
  height: var(--height, 100px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.wrap-about-photo .big-about-photo .more-2 .text {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 10s linear infinite;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.wrap-about-photo .big-about-photo .more-2 .text p {
  font-family: peyda;
  font-weight: 600;
  font-size: 20px;
  text-align: right;
  color: #222222;
}
.wrap-about-photo .big-about-photo .more-2 .text .char {
  position: absolute;
  left: 50%;
  font-size: 1.1em;
  transform-origin: 0 calc(var(--width, 350px) / 2);
}
@media (min-width: 500px) {
  .wrap-about-photo .big-about-photo .more-2 .text .char {
    font-size: 1em;
  }
}
.wrap-about-photo .big-about-photo .more-2::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 41px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #ffffff;
  transform: rotate(90deg);
}
.wrap-about-photo .big-about-photo .more-2::after {
  position: absolute;
  content: "";
  bottom: 13px;
  right: -32px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #ffffff;
  transform: rotate(90deg);
}
.wrap-about-photo .bottom-about-photo {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 8px;
  position: relative;
  right: -50px;
  bottom: 220px;
}
.wrap-about-photo .bottom-about-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  right: -80px;
  bottom: -100px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.ostrich-box {
  height: 452px;
  width: 340px;
  z-index: 1;
  border-radius: 159px;
  right: -122px;
  position: relative;
  top: 62px;
}

.about-us-captions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  padding: 0px 0px;
  padding-left: 0px;
  padding-right: 30px;
}
.about-us-captions h5 {
  font-size: 22px;
  font-weight: 800;
  font-family: peyda;
  line-height: 1.1em;
  color: #FECA22;
}
.about-us-captions h1 {
  color: rgb(18, 34, 59);
  display: inline-block;
  font-weight: 800;
  font-family: peyda;
  font-size: 40px;
}
.about-us-captions p {
  margin-top: 20px;
  font-size: 15px;
  text-align: justify;
}

.wrap-about-box {
  margin-top: 50px;
}
.wrap-about-box .about-us-box {
  border-radius: 8px;
  height: 200px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-between;
  position: relative;
  z-index: 0;
  border: 1px solid #eeeeee;
  background-color: rgba(199, 199, 199, 0.2);
  background-image: url(../images/vectors/double-arrow.png);
  background-size: 100px;
  background-repeat: repeat-x;
  background-position: top left;
}
.wrap-about-box .about-us-box strong {
  color: #000;
  font-size: 20px;
  font-family: peyda;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 600;
}
.wrap-about-box .about-us-box .bottom-box h4 {
  font-family: peyda;
  font-weight: 800;
  font-size: 60px;
  letter-spacing: -5px;
  height: 58px;
  direction: rtl;
  color: #2f2e2d;
}
.wrap-about-box .about-us-box .bottom-box p {
  margin-top: 0 !important;
  font-size: 16px;
  font-family: peyda;
  color: #4c4c4c;
}

.catalog-cta {
  padding: 4px 15px;
  text-align: center;
  background-image: url(../images/vectors/magnify-2.webp);
  background-size: 200px;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #FECA22;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  display: flex;
  border-radius: 8px;
  height: 100px;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.catalog-cta .setting-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 200px;
  font-family: peyda;
  margin-top: 0px !important;
}
.catalog-cta .setting-link strong {
  font-size: 18px;
  font-weight: 600;
}
.catalog-cta i {
  font-size: 18px;
  color: #000;
}

.flow-row {
  position: relative;
  top: -120px;
  display: flex;
  justify-content: space-between;
}
.flow-row .flow-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flow-row .flow-header {
  height: 80px;
  width: 80px;
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  padding: 10px;
  z-index: 3;
  border-radius: 100%;
}
.flow-row .flow-body {
  padding: 55px 30px;
  padding-bottom: 15px;
  border-radius: 12px;
  direction: rtl;
  border: 1px solid rgba(18, 34, 59, 0.1882352941);
  background: #fff;
}
.flow-row .flow-body .title {
  text-align: center;
  color: rgb(18, 34, 59);
  font-weight: 800;
  font-family: peyda;
  font-size: 23px;
}
.flow-row .flow-body p {
  padding: 10px 0px;
  text-align: center;
  line-height: 24px;
  display: -webkit-box;
  max-width: 500px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flow-row .end-box {
  position: relative;
  top: -120px;
}

.support-cta {
  /* padding-inline-start: 20px; */
  height: 100px;
  display: flex;
  margin-top: 20px;
  align-items: center;
  border: 1px solid #FECA22;
  background: #ffffff;
  padding: 8px 22px;
  border-radius: 10px;
}
.support-cta svg {
  height: 50px;
  position: relative;
  width: 40px;
  margin-inline-end: 20px;
}

.more-3 {
  position: absolute;
  top: 22px;
  left: 120;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 0;
  /* padding: 70px 52px; */
  border-radius: 55px;
  z-index: 0;
  height: 88px;
  width: 120px;
}

.more-3::before {
  position: absolute;
  content: "";
  top: 55px;
  left: -23px;
  width: 30px;
  height: 35px;
  border-bottom-right-radius: 1.5rem;
  /* box-shadow: 0.313rem 0.313rem 0px 0.313rem #858585; */
  transform: rotate(280deg) skewX(16deg);
}

.more-3::after {
  position: absolute;
  content: "";
  bottom: 13.5px;
  right: -28px;
  width: 39px;
  height: 17px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem rgba(255, 255, 255, 0);
  transform: rotate(180deg) skewX(349deg);
}

.video-section {
  border-radius: 8px;
  margin-top: 100px;
}

.video-bar {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
}

.video-bar .box-video {
  max-width: 1368px;
  margin: 0 auto;
  padding: 1rem 2rem;
}

.video-bar .box-video .navbar {
  min-height: 10vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.video-bar .box-video .navbar .logo {
  font-size: 2.25rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

.video-bar .box-video .navbar .nav-links {
  display: flex;
  align-items: center;
}

.video-bar .box-video .navbar .nav-links li {
  list-style-type: none;
}

.video-bar .box-video .navbar .nav-links li a {
  text-decoration: none;
  color: #fff;
  margin: 0 1.25rem;
  font-weight: 500;
  font-size: 1.05rem;
  position: relative;
}

.video-bar .box-video .navbar .nav-links li a::after {
  position: absolute;
  content: "";
  background-color: #fff;
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 3px;
  transition: 0.3s ease all;
}

.video-bar .box-video .navbar .nav-links li a:hover::after {
  width: 100%;
}

.video-bar .box-video .navbar .nav-links button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.75rem 1rem;
  margin: 0 1rem;
  border-radius: 6px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 500;
}

.video-bar .box-video .navbar i {
  display: none;
  color: #fff;
  cursor: pointer;
}

.video-bar .box-video .showcase {
  direction: rtl;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.video-bar .box-video .showcase h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 0;
  font-weight: 800;
  font-family: peyda;
  margin-bottom: 1rem;
}

.video-bar .box-video .showcase p {
  margin-top: 0;
  color: #fff;
  font-family: peyda;
  line-height: 2;
  font-size: 14px;
  width: 60%;
}

.video-bar .box-video .showcase button {
  margin-top: 1rem;
  background-color: #fafafa;
  color: #000000;
  border: none;
  outline: none;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
}

.video-bar .video-container {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
}

.video-bar .video-container video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.video-bar .video-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-image: linear-gradient(327deg, #0f121b 0%, rgba(1, 8, 49, 0.29) 50%);
}

.solutions {
  position: relative;
  top: -100px;
}

@media (max-width: 850px) {
  .video-bar .box-video .navbar .nav-links {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    width: 225px;
    margin: 0;
    padding: 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    transform: translateX(-100%);
    transition: 0.4s ease all;
    z-index: 10;
  }
  .video-bar .box-video .navbar .nav-links li a {
    color: #000;
  }
  .video-bar .box-video .navbar .nav-links li a::after {
    background-color: #000;
  }
  .video-bar .box-video .navbar .nav-links button {
    border-color: #000;
    color: #000;
    padding: 0.75rem 1.5rem;
  }
  .video-bar .box-video .navbar .nav-links.active {
    transform: translateX(0%);
  }
  .video-bar .box-video .navbar i {
    display: block;
  }
  .video-bar .box-video .showcase {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .video-bar .box-video .showcase h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 500px) {
  .video-bar .box-video .showcase h1 {
    font-size: 2.1rem;
  }
  .video-bar .box-video .showcase p {
    font-size: 0.85rem;
    width: 300px;
  }
}
.support-link {
  display: flex;
  flex-direction: column;
  direction: rtl;
}
.support-link a {
  color: #1e1e1e;
  font-size: 14px;
  display: flex;
  margin-bottom: 5px;
}
.support-link strong {
  font-size: 16px;
}

.our-vison-title {
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  text-align: center;
  margin-bottom: 50px;
  align-items: center;
  direction: rtl;
  text-align: right;
}
.our-vison-title .ov-title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: start;
}
.our-vison-title .ov-title h5 {
  font-size: 22px;
  font-weight: 800;
  color: #FECA22;
}
.our-vison-title .ov-title h1 {
  color: rgb(18, 34, 59);
  display: inline-block;
  font-family: peyda;
  font-weight: 800;
  font-size: 40px;
}
.our-vison-title .ov-title p {
  margin-top: 0px;
  font-size: 15px;
  text-align: justify;
  text-align: right;
  width: 90%;
}
.our-vison-title .ov-line {
  height: 1px;
  width: 60%;
  background: rgba(18, 34, 59, 0.349);
}
.our-vison-title .ov-vec {
  height: 80px;
  width: 80px;
  object-fit: contain;
}
.our-vison-title .ov-vec img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.solu-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 50px;
  align-items: center;
  direction: rtl;
  text-align: center;
  margin-top: 100px;
}
.solu-title .s-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.solu-title .s-title h5 {
  font-size: 22px;
  font-weight: 800;
  color: #FECA22;
}
.solu-title .s-title h1 {
  color: rgb(18, 34, 59);
  display: inline-block;
  font-family: peyda;
  font-weight: 800;
  font-size: 40px;
}
.solu-title .s-title p {
  margin-top: 0px;
  font-size: 15px;
  text-align: justify;
  text-align: center;
  width: 90%;
}
.solu-title .s-line {
  height: 1px;
  width: 30%;
  margin-top: 20px;
  background: rgba(18, 34, 59, 0.349);
}
.solu-title .ov-vec {
  height: 80px;
  width: 80px;
  object-fit: contain;
}
.solu-title .ov-vec img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.our-team {
  background-color: #12223b;
  border-radius: 8px;
  margin-top: 70px !important;
  padding: 100px 80px;
  padding-bottom: 100px;
  background-image: url(../images/vectors/bg-slider-home3.png);
}

.our-team-title {
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  text-align: center;
  margin-bottom: 50px;
  align-items: center;
  direction: rtl;
  text-align: right;
}
.our-team-title .ov-title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: start;
}
.our-team-title .ov-title h5 {
  font-size: 22px;
  font-weight: 800;
  color: #FECA22;
}
.our-team-title .ov-title h1 {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-family: peyda;
  font-weight: 800;
  font-size: 40px;
}
.our-team-title .ov-title p {
  margin-top: 0px;
  font-size: 15px;
  text-align: justify;
  text-align: right;
  width: 90%;
  color: #eee;
}
.our-team-title .ov-line {
  height: 1px;
  width: 60%;
  background: rgba(233, 233, 233, 0.35);
}

.our-vision {
  border-radius: 8px;
  margin-top: 70px !important;
  padding: 100px 80px;
  padding-bottom: 150px;
  background-color: #F5F4F3;
  background-image: url(../images/vectors/bg-slider-home3.png);
  background-size: 1000px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.team-cart-wrapp-big {
  position: relative;
  direction: rtl;
  margin-bottom: 35px;
  text-align: right;
  padding: 15px;
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  border-radius: 8px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}
.team-cart-wrapp-big .team-cart-wrapp-big .more-4 {
  position: absolute;
  top: 11px;
  right: 15px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-white);
  padding: 0.625rem 0 0.625rem 0.625rem;
  border-bottom-left-radius: 1rem;
}
.team-cart-wrapp-big .team-cart-wrapp-big .more-4::before {
  position: absolute;
  content: "";
  top: 0.375rem;
  left: -1.188rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}
.team-cart-wrapp-big .team-cart-wrapp-big .more-4::after {
  position: absolute;
  content: "";
  bottom: -1.188rem;
  right: -0.063rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}
.team-cart-wrapp-big .team-cart-wrapp-big .more-4 .arrow {
  width: 4.5rem;
  height: 4.5rem;
  border: 1.125rem solid #ffffff;
  border-radius: 51%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}
.team-cart-wrapp-big .team-img {
  height: 350px;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
}
.team-cart-wrapp-big .team-name {
  display: inline-block;
  font-family: peyda;
  font-weight: 800;
  font-size: 20px;
  color: #fff;
}
.team-cart-wrapp-big .btn-link {
  font-size: 13px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(201, 206, 255, 0.22);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #eee;
}
.team-cart-wrapp-big p {
  font-size: 14px;
  color: rgba(238, 238, 238, 0.9333333333);
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.team-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 10px;
}
.team-img img {
  height: 100%;
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
}

.team-cart-wrapp-big .more-4 {
  position: absolute;
  top: 11px;
  right: 15px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #263551;
  padding: 0.625rem 0 0.625rem 0.625rem;
  border-bottom-left-radius: 1rem;
}

.team-cart-wrapp-big .more-4::before {
  position: absolute;
  content: "";
  top: 0.375rem;
  left: -1.188rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #263551;
  transform: rotate(-90deg);
}

.team-cart-wrapp-big .more-4::after {
  position: absolute;
  content: "";
  bottom: -1.188rem;
  right: -0.063rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #263551;
  transform: rotate(-90deg);
}

.team-cart-wrapp-big .more-4 .arrow {
  width: 4.5rem;
  height: 4.5rem;
  border: 1.125rem solid #263551;
  border-radius: 51%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}
.arrow span {
  text-align: left;
  color: #FECA22;
  line-height: 18px;
  font-weight: 600;
  font-family: peyda;
  font-size: 15px;
  padding-left: 5px;
  padding-top: 8px;
}

.team-margins {
  margin-top: 80px;
  margin-bottom: 100px;
}

.team-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-link .team-position strong {
  font-size: 14px;
  color: #eee;
  font-family: peyda;
}
.team-link i {
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
}

.btn-link {
  background-color: rgba(201, 206, 255, 0.22);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #2a2366;
  padding: 2px 10px;
  padding-left: 16px;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  margin-top: -1px;
  align-items: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  padding-top: 4px;
}
.btn-link i {
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
}
.btn-link .bx {
  margin-left: 5px !important;
  font-size: 20px !important;
  margin-top: -4px;
}

.overlay-cards .card {
  position: relative;
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.overlay-cards .card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 251, 251, 0) 0%, rgba(0, 0, 0, 0.75) 62.83%, rgba(33, 17, 0, 0.96) 99.99%);
  background-blend-mode: darken, normal;
}
.overlay-cards .card > .content {
  color: white;
  position: absolute;
  top: 265px;
  left: 4.77%;
  right: 4.77%;
  z-index: 2;
  transition: top 450ms ease-out;
}
.overlay-cards .card > .content > h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
.overlay-cards .card > .content > p {
  margin-bottom: 0.7rem;
  color: #cfcfcf;
  line-height: 25px;
}
.overlay-cards .card:hover > .content {
  top: 150px;
}
.overlay-cards .card:hover > .content p {
  color: #ffffff;
}
.overlay-cards .btn {
  border: none;
  padding: 0.7em 1.8em;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.8rem;
  margin-top: 50px;
}
.overlay-cards .btn-card {
  background: #FECA22;
  height: 40px;
  font-size: 14px;
  padding: 4px 5px;
  color: #fff;
  transition: background 200ms ease;
}
.overlay-cards .btn-card:hover {
  background: #FECA22;
}

.intro-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  padding: 0px 0px;
  padding-right: 100px;
}
.intro-box h5 {
  color: #ffffff;
  font-size: 16px;
  padding: 4px 10px;
  margin-bottom: 15px;
}
.intro-box h4 {
  font-size: 22px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-family: "DMSans";
  text-align: start;
}
.intro-box p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: start;
  text-align: justify;
  color: #f8f8f8;
}

.our-mission {
  margin-bottom: 120px;
  margin-top: 140px;
}
.our-mission .col-lg-4 {
  padding: 20px 20px;
}

.adress-space {
  margin-top: 50px;
}

.address-box {
  background-color: rgba(255, 255, 255, 0.27);
  border: 1px solid rgba(255, 255, 255, 0.75);
  height: 148px;
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  justify-content: center;
  border-radius: 8px;
  margin-top: 0px;
}
.address-box strong {
  font-size: 17px;
  color: rgb(18, 34, 59);
  margin-bottom: 10px;
}
.address-box p {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 600;
  line-height: 22px;
}

.filter-bg {
  background-color: rgba(68, 68, 68, 0.4392156863);
  background-image: url(../images/vectors/sidebar-bg.webp);
  background-position: center;
  background-size: 550px;
  padding: 0;
  margin-bottom: 60px;
}

.filter-head {
  height: 500px;
  background: rgba(0, 0, 0, 0.75);
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-accordion {
  background: none !important;
  width: 100%;
}

.accordion {
  background: none !important;
}

.accordion {
  --bs-accordion-bg: none !important;
  border: none !important;
  --bs-accordion-border-color: none !important;
}

.filter-wrapp {
  padding-right: 0 !important;
}
.filter-wrapp .hero-search {
  height: 290px;
}
.filter-wrapp .nav-tabs {
  --bs-nav-tabs-border-width: none !important;
  --bs-nav-tabs-border-color: none !important;
  padding: 0px 30px;
  padding-right: 0px;
}
.filter-wrapp .nav-item {
  border: none !important;
}
.filter-wrapp .nav-tabs .nav-link {
  background: #fff !important;
  border: none;
  width: 120px;
  height: 52px;
  border-radius: 10px;
  margin-left: 12px;
  color: #000000;
  font-family: peyda;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
}
.filter-wrapp .nav-link.active {
  background-color: #FECA22 !important;
}

.filter-map-link {
  margin-bottom: 40px;
  height: 150px;
  background-image: url(../images/banner/main-bg-map.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.filter-map-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-image: linear-gradient(327deg, rgba(254, 202, 34, 0.1490196078) 0%, rgba(81, 81, 81, 0.16) 50%);
}

.map-redirect {
  background: #FECA22;
  border-radius: 10px;
  padding: 5px 12px;
  color: #000;
  height: 70px;
  width: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.map-redirect:hover {
  background: #2e2e2e;
  color: #FECA22;
}
.map-redirect strong {
  font-size: 19px;
  font-family: peyda;
  font-weight: 800;
}
.map-redirect i {
  font-size: 22px;
}
.map-redirect svg {
  height: 30px;
  width: 30px;
}

.file-wrapp-link {
  display: flex;
  border: 1px solid hsl(240, 5.9%, 90%);
  border-radius: 10px;
  margin-bottom: 15px;
}
.file-wrapp-link .cart-gallery-wrapp {
  height: 290px;
  width: 100%;
  object-fit: cover;
}
.file-wrapp-link .cart-gallery-wrapp img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.file-wrapp-link .cart-body-wrapp {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.file-wrapp-link .cart-body-wrapp:hover {
  --tw-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  --tw-shadow-colored: 0 12px 16px -4px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.file-wrapp-link .cart-body-wrapp .file-title {
  font-size: 17px;
  font-weight: 800;
  font-family: peyda;
}
.file-wrapp-link .cart-body-wrapp .file-head {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.file-wrapp-link .cart-body-wrapp .files-option {
  display: flex;
  justify-content: flex-start;
  padding: 5px 15px;
  margin-bottom: 0 !important;
}
.file-wrapp-link .cart-body-wrapp .files-option .options {
  padding: 5px;
  display: flex;
  align-items: flex-start;
}
.file-wrapp-link .cart-body-wrapp .files-option .options img {
  height: 20px;
  width: 20px;
}
.file-wrapp-link .cart-body-wrapp .files-option .options i {
  font-size: 20px;
}
.file-wrapp-link .cart-body-wrapp .files-option .options span {
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
}
.file-wrapp-link .cart-body-wrapp .file-details {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.file-wrapp-link .cart-body-wrapp svg {
  height: 20px;
  width: 20px;
}
.file-wrapp-link .cart-body-wrapp .zone-name {
  border-left: 1px solid #c2c2c2;
  padding: 5px;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 600;
}
.file-wrapp-link .cart-body-wrapp .zone-name svg {
  height: 22px;
  width: 22px;
  margin-left: 5px;
}
.file-wrapp-link .file-middle .file-price-area strong {
  font-size: 16px;
}
.file-wrapp-link .file-middle .file-price-area span {
  font-size: 21px;
  font-family: iranyekanBakh;
  font-weight: 600;
}
.file-wrapp-link .file-middle .file-price-area .price-qty {
  font-weight: 600;
  font-size: 13px;
}
.file-wrapp-link .file-btns-wrapp {
  display: flex;
}
.file-wrapp-link .file-btn {
  border: 1px solid #d6d6d6;
  height: 50px;
  margin-left: 8px;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.file-wrapp-link .file-btn i {
  font-size: 20px;
}
.file-wrapp-link .file-btn svg {
  height: 22px;
  width: 22px;
}
.file-wrapp-link .file-btn:hover {
  background: #FECA22;
  color: #000;
}
.file-wrapp-link .file-btn:hover svg {
  color: #000;
}
.file-wrapp-link .file-call {
  border: 1px solid rgb(7, 148, 85);
  color: rgb(7, 148, 85);
  font-weight: 800;
  width: 100px;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}
.file-wrapp-link .file-call:hover {
  background: rgb(7, 148, 85);
  color: #fff;
}
.file-wrapp-link .file-footer {
  display: flex;
  align-items: center;
}
.file-wrapp-link .file-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-wrapp-link .file-logo h6 {
  font-family: peyda;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 0;
}
.file-wrapp-link .file-logo .file-logo-img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  object-fit: cover;
}
.file-wrapp-link .file-logo .file-logo-img img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  object-fit: cover;
}

.result-filter-box {
  direction: rtl;
  text-align: right;
}
.result-filter-box h5 {
  font-size: 16px;
  font-family: peyda;
  font-weight: 600;
  margin-bottom: 15px;
}
.result-filter-box h5 i {
  margin-top: 5px;
  display: inline-block;
  margin-left: 5px;
  color: #000000;
}
.result-filter-box .form-select {
  background-position: left 0.75rem center;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  font-size: 16px;
  box-sizing: none !important;
  margin-bottom: 0px;
  height: 55px !important;
  margin-top: 15px;
}

.team-carousel {
  margin-top: 50px;
}

.filter-result {
  direction: rtl;
}

.pages-header {
  height: 350px;
  background-image: url(../images/banner/header-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages-header .pages-header-cover {
  height: 100%;
  width: 100%;
  padding: 0;
  background: rgba(0, 0, 0, 0.6039215686);
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.pages-header .pages-header-cover .pages-title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  font-family: Sarbaz;
}
.pages-header .pages-header-cover p {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-top: 15px;
}

.produc-banner-img {
  height: 400px;
  width: 100%;
  object-fit: contain;
}
.produc-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.products-container {
  margin-top: 50px;
}

.team-card {
  padding: 15px;
  border-radius: 6px;
}
.team-card .card-img-holder {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.team-card .card-img-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.team-card .team-name {
  font-size: 20px;
  margin: 15px 0;
}
.team-card .t-position {
  font-size: 14px;
  color: #FECA22;
}
.team-card .team-des {
  text-align: justify;
  direction: rtl;
  font-size: 13px;
}

.team-cart-wrapp-small .team-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 10px;
  margin-top: 15px;
}
.team-cart-wrapp-small .team-position p {
  color: #FECA22;
}
.team-cart-wrapp-small .team-position strong {
  color: #eee;
}
.team-cart-wrapp-small .team-position a {
  border-radius: 50%;
  background-color: rgba(201, 206, 255, 0.22);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
  height: 35px;
}
.team-cart-wrapp-small .team-position a i {
  font-size: 22px;
  color: #EEE;
}
.team-cart-wrapp-small:hover .team-position a {
  background-color: #FECA22;
  border: 2px solid #FECA22;
  color: #000;
}
.team-cart-wrapp-small:hover .team-position a i {
  color: #000;
}

.team-cart-wrapp-small {
  display: flex;
  margin-bottom: 17px;
  text-align: right;
  align-items: center;
  padding: 15px;
  font-size: 12px;
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  border-radius: 8px;
  height: 228px;
  position: relative;
}

.team-img-small {
  height: 198px;
  width: 250px !important;
  border-radius: 10px;
  object-fit: cover;
  position: relative;
}
.team-img-small img {
  height: 100%;
  width: 100% !important;
  border-radius: 10px;
  object-fit: cover;
}

.small-team-caption {
  margin-right: 20px;
}
.small-team-caption h4 {
  font-size: 18px !important;
  margin: 4px 0px;
  margin-top: 5px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.2392156863);
  padding-bottom: 20px;
  margin-bottom: 10px;
  position: relative;
  font-weight: 600;
  font-family: peyda;
  color: #fff;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
}
.small-team-caption p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 350px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
}

.team-link-small {
  padding: 5px 12px;
  padding-right: 20px;
  border-radius: 6px;
  color: #1e1e1e;
  display: flex;
  margin-top: 5px;
  align-items: center;
  text-decoration: none;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}

.team-details {
  display: flex;
  align-content: space-between;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
}

.tag-team {
  position: absolute;
  bottom: 10px;
  right: 132px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #263551;
  padding: 5px;
  border-top-right-radius: 1rem;
  text-align: center;
}

.tag-team::before {
  position: absolute;
  content: "";
  top: -1.188rem;
  left: 0;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #263551;
  transform: rotate(90deg);
}

.tag-team::after {
  position: absolute;
  content: "";
  bottom: 0.375rem;
  right: -1.188rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #263551;
  transform: rotate(90deg);
}

.tag-team a {
  font-size: 14px;
  text-align: center;
  color: #FECA22;
  font-weight: 500;
  font-family: peyda;
  border-radius: 3.125rem;
  padding: 0.313rem 0.625rem;
  display: inline-block;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.gallery-slider_wrapper {
  width: 100%;
  max-width: 768px;
  margin: auto;
}

.gallery-slider_wrapper .owl-theme .owl-nav {
  margin: 0;
}

.gallery-slider_wrapper .owl-theme .owl-nav [class*=owl-] {
  width: 30px;
  height: 120px;
  background: #ffb808;
  font-size: 20px;
  color: #000;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev:before,
.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next:before {
  font-family: "LineAwesome";
  position: absolute;
  line-height: 120px;
  width: 30px;
  text-align: center;
  top: 0;
  left: 0;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev:before {
  content: "\f111";
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  left: -25px;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next:before {
  content: "\f112";
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  right: -24px;
}

.gallery-slider_wrapper .owl-theme .owl-nav [class*=owl-]:hover {
  background: #202020;
  color: #fff;
}

.gallery-slider_wrapper .single-gallery-carousel-thumbnail-box .item {
  position: relative;
  margin: 0 5px;
  height: 120px;
}

.gallery-slider_wrapper .single-gallery-carousel-thumbnail-box .item img {
  height: 100%;
  cursor: pointer;
}

.card.product-card {
  height: 410px !important;
}

.file-section-footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 30px;
}
.file-section-footer p {
  text-align: center;
  direction: rtl;
}

.all-files-view {
  background: #FECA22;
  padding: 8px 15px;
  width: 250px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: rtl;
  margin-top: 10px;
  height: 55px;
}
.all-files-view span {
  font-family: peyda;
  font-weight: 800;
}
.all-files-view i {
  font-size: 20px;
  padding: 5px 10px;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 50%;
}

.file-card {
  margin-bottom: 15px;
  padding: 0px 5px;
}
.file-card .file-card-body {
  background: #fff;
  padding: 15px 20px;
  padding-bottom: 25px;
  border-radius: 0px 0px 15px 15px;
  border: 1px solid #eee;
}
.file-card .file-title {
  font-size: 20px;
  font-weight: 600;
  margin: 15px 0;
}
.file-card p {
  margin-bottom: 5px;
  display: -webkit-box;
  margin-top: 10px;
  font-size: 13px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  text-align: right;
}
.file-card .file-meta {
  color: #021892;
  font-size: 12px;
  font-family: peyda;
}
.file-card .file-price span {
  font-size: 22px;
  font-weight: 600;
}
.file-card .file-price strong {
  font-size: 16px;
}
.file-card .file-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.file-card .file-footer a.see-file {
  background: #FECA22;
  width: 90px;
  height: 30px;
  padding: 5px 8px;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
}
.file-card .file-footer a.see-file i {
  transform: rotate(45deg);
}
.file-card .file-footer a.see-file span {
  font-family: peyda;
  font-size: 14px;
}
.file-card .files-option {
  display: flex;
  padding-right: 0;
  padding-left: 0;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
}
.file-card .files-option li {
  width: 18%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  color: #2b2b2b;
}
.file-card .files-option li img {
  height: 18px;
  width: 18px;
}
.file-card .files-option li span {
  font-size: 12px;
  font-family: peyda;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.file-card .files-option li i {
  font-size: 17px;
  font-family: peyda;
}
.file-card .files-option li .bx-ruler {
  transform: rotate(45deg);
}
.file-card .file-head {
  display: flex;
  flex-wrap: wrap;
}
.file-card .zone-name {
  font-family: peyda;
  font-size: 14px;
  font-weight: 800;
  color: #2b2b2b;
}
.file-card .file-tag {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.file-card .file-tag strong {
  font-family: peyda;
  font-weight: 600;
  font-size: 13px;
  color: #2b2b2b;
  background: rgba(254, 202, 34, 0.3294117647);
  padding: 0px 10px;
  border-radius: 10px;
}
.file-card .fileimgholder {
  height: 260px;
  width: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0px 0px;
  border: 1px solid #eee;
  border-bottom: none;
  overflow: hidden;
}
.file-card .fileimgholder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0px 0px;
}

.product-card {
  padding: 15px;
  border-radius: 6px;
  display: flex;
  align-items: flex-end;
}
.product-card .product-name {
  font-size: 20px;
  margin: 15px 0;
  width: 100%;
}
.product-card .p-position {
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  text-align: right;
  line-height: 26px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}
.product-card .product-view {
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: #FECA22;
  color: #fff;
  width: 130px;
  height: 35px;
  display: flex;
  align-items: center;
}
.product-card .product-view span {
  font-weight: 600;
  margin-left: 8px;
}
.product-card .product-view i {
  font-size: 15px;
}
.product-card:hover .product-view {
  background: #FECA22;
  transition: all linear 0.3s;
}
.product-card:hover .card-img-holder img {
  transform: scale(1.05);
  transition: all ease-in-out 0.3s;
}

.team-card {
  position: relative !important;
}
.team-card:before {
  background: rgb(230, 235, 255) !important;
  position: absolute;
  top: 92%;
  left: 19%;
  content: "";
  width: 20%;
  height: 20%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-caption .more-text {
  display: none;
  height: 0px;
}

.w-wrapp-blogs {
  background: #ece8f7;
  padding: 30px 10px;
  padding-top: 78px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  direction: rtl;
}
.w-wrapp-blogs .w-blog-block {
  flex-direction: column;
  margin: 10px;
}

.person-in {
  font-size: 16px;
  padding: 2px 10px !important;
  font-weight: 500;
  border-radius: 4px;
  display: flex;
  height: 30px;
  align-items: center;
}

.blog-caption {
  margin-top: 25px;
}

.blog-name {
  font-size: 18px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.cart-wrappering {
  margin-bottom: 35px;
  text-align: right;
  height: 26rem;
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}
.cart-wrappering .cart-img {
  border-radius: 4px;
  height: 230px;
  width: 100%;
  object-fit: cover;
}
.cart-wrappering .cart-img img {
  border-radius: 4px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}

.blog-cart-wrapp-big {
  margin-bottom: 35px;
  text-align: right;
  padding: 15px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
  height: 420px;
}
.blog-cart-wrapp-big .btn-link {
  font-size: 13px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(201, 206, 255, 0.22);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #2a2366;
}
.blog-cart-wrapp-big p {
  font-size: 14px;
  color: #000;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 5px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}
.blog-cart-wrapp-big .blog-link {
  margin-top: 30px;
}

.blog-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 8px;
}
.blog-img img {
  height: 100%;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}

.blog-margins {
  margin-top: 80px;
  margin-bottom: 100px;
}

.blog-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-link .blog-date strong {
  font-size: 12px;
}
.blog-link .blog-date span {
  font-weight: 600;
  margin-right: 2px;
  font-size: 12px;
  display: inline-block;
}
.blog-link i {
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
}

.btn-link {
  background-color: rgba(201, 206, 255, 0.22);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #2a2366;
  padding: 2px 10px;
  padding-left: 16px;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  margin-top: -1px;
  align-items: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  padding-top: 4px;
}
.btn-link i {
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}

.intro-box-2 {
  justify-content: center;
}

.video-bar-row {
  height: 100%;
}

.blog-cart-wrapp-small {
  display: flex;
  margin-bottom: 10px;
  text-align: right;
  align-items: center;
  padding: 15px;
  font-size: 11px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid #f2f2f2;
}

.blog-img-small {
  height: 150px;
  width: 260px !important;
  border-radius: 4px;
  object-fit: cover;
}
.blog-img-small img {
  height: 100%;
  width: 100% !important;
  border-radius: 4px;
  object-fit: cover;
}

.small-blog-caption {
  margin-right: 20px;
}
.small-blog-caption h4 {
  font-size: 14px !important;
  margin: 4px 0px;
  margin-top: 5px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 5px;
  position: relative;
  height: 38px;
  font-weight: 600;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
}
.small-blog-caption p {
  font-size: 12px;
  color: #000;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
}

.blogs-details {
  display: flex;
  flex-direction: column;
}

.information-banner {
  height: 250px;
  object-fit: cover;
  width: 100%;
}
.information-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tall-blog-banner {
  height: 420px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.tall-blog-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.blog-link-small {
  padding: 5px 12px;
  padding-left: 10px;
  border-radius: 6px;
  color: #1e1e1e;
  display: flex;
  margin-top: 5px;
  align-items: center;
  text-decoration: none;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}

.sett-height {
  height: 610px;
  margin-bottom: 55px;
  border-radius: 8px;
  direction: rtl;
}

.mini-about-photo {
  position: relative;
}

.rating-box {
  top: 65px;
  width: 150px;
  height: 150px;
  padding: 0px;
  position: absolute;
  font-family: PlayfairDisplay;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1;
  right: -525px;
  top: -200px;
  border-radius: 8px;
  border: 1px solid rgba(147, 143, 176, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  text-align: center;
  justify-content: center;
}
.rating-box h2 {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 10px;
}

.fw-black {
  font-weight: 900;
}

.rating-box .rating {
  margin: 8px 0 13px;
}

.rating-box p {
  line-height: 24px;
}

.about-section {
  padding: 10px 25px;
}

.wrapping-shadow {
  padding: 0px 0px;
  border-radius: 10px;
}

.about-row {
  display: flex;
  justify-content: flex-end;
  height: 0px;
}

.wrapping-text {
  direction: rtl;
  text-align: right;
  padding: 25px 20px;
  height: 80px;
  background: #fff;
  background-position-x: left;
  background-position-y: bottom;
  background-image: url(/assets/images/vectors/mb-circle-left.webp);
  background-repeat: no-repeat;
  background-size: 60px;
  box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
  display: flex;
  position: relative;
  top: -53px;
  right: 25px;
  border-radius: 10px;
  align-items: center;
}

.contact-us {
  height: 55px;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  cursor: pointer;
}

.see-all-pro:hover {
  color: #fff;
  background: linear-gradient(30deg, #0000f8 0.64%, #1cf2e7 98.23%);
  transition: all linear 0.4s;
}

.contact-us:hover {
  background: linear-gradient(30deg, #0000f8 0.64%, #1cf2e7 98.23%);
  transition: all linear 0.4s;
}

.contact-us a {
  color: #fff;
  font-weight: 600;
}

.name-about {
  font-size: 20px;
  font-family: peyda;
  font-weight: normal;
  margin-bottom: 15px;
}

.dotti img {
  position: absolute;
  right: 0px;
}

.tg {
  font-size: 14px;
  margin: 10px 0px;
}

.wrapp-abouting {
  padding: 20px 30px;
  text-align: right;
  direction: rtl;
  width: 100%;
}

.logo-about {
  height: 40px;
  width: 40px;
  object-fit: contain;
  margin-left: 20px;
}

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

.history-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}

.about-tg {
  font-size: 15px;
  line-height: 28px;
  margin: 20px 0px;
}

.iconic-box {
  width: 100%;
  background-color: #ecf5fd;
  box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
  padding: 10px 20px;
  border-radius: 10px;
  height: 108px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  overflow: hidden;
}

.iconic-box:hover {
  width: 100%;
  background-color: #ffffff;
  box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.164);
}

.icon-box img {
  height: 40px;
  margin-left: 0px;
}

.icon-box {
  height: 55px !important;
  width: 55px !important;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.some-padding {
  padding: 5px 20px;
}

.text-boxer {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

.blue-circle {
  height: 0px;
}

.blue-circle img {
  position: absolute;
  height: 280px;
  top: -130px;
  left: 0px;
  z-index: -1;
}

.services-section {
  height: 610px;
  margin-bottom: 55px;
  border-radius: 8px;
  direction: rtl;
  padding: 70px 0px;
  padding-left: 20px;
  margin-top: 40px;
  margin-bottom: 50px;
}

.base-template__wrapper {
  max-width: 1780px;
}

.base-template__text {
  margin-bottom: 50px;
}

.products-title-row {
  display: flex;
  flex-direction: column;
  position: relative;
  top: -40px;
  direction: rtl;
  text-align: right;
}
.products-title-row h5 {
  font-size: 26px;
  font-weight: 800;
  font-family: Dmsans;
  line-height: 1.1em;
  color: #FECA22;
}
.products-title-row h2 {
  color: rgb(18, 34, 59);
  display: inline-block;
  font-family: DMSans;
  font-weight: 800;
  font-size: 40px;
}
.products-title-row .title-line {
  width: 60% !important;
}

.producst-view {
  /**
   * Background Slider
   */
  /**
   * Centered Slider
   */
  /**
   * Sliders Info
   */
  /**
   * Slider Control
   */
}
.producst-view .product-img-view {
  height: 395px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 5px;
}
.producst-view .product-img-view img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.producst-view .slider-section {
  position: relative;
  padding: 0px;
  width: 100%;
  height: 450px;
  border-radius: 2.5rem;
  position: relative;
  top: 0px;
}
.producst-view .slider-section::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2.5rem;
  border: 1px solid transparent;
  background-image: linear-gradient(70deg, rgba(209, 206, 206, 0.6), rgba(102, 102, 102, 0.6)) border-box;
  -webkit-mask: linear-gradient(#fff 0, #fff 100%) padding-box, linear-gradient(#fff 0, #fff 100%);
  mask: linear-gradient(#fff 0, #fff 100%) padding-box, linear-gradient(#fff 0, #fff 100%);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  mix-blend-mode: color-dodge;
  transition: background-color 0.6s ease-in-out;
}
.producst-view .background-swiper {
  width: 100%;
  height: 100%;
}
.producst-view .background-swiper .swiper-wrapper {
  align-items: center;
}
.producst-view .slide {
  position: relative;
  width: 300px;
  height: 330px;
  object-fit: cover;
  border-radius: 1.25rem;
  margin-top: 20px;
}
.producst-view .slide::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.producst-view .product-description {
  background: #fff;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-radius: 8px;
}
.producst-view .product-description .name-product-view {
  font-weight: 800;
  font-size: 20px;
  color: #FECA22;
  text-align: start;
  font-family: DMSans;
}
.producst-view .product-description p {
  margin-top: 10px;
  display: -webkit-box;
  max-width: 400px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  text-align: start;
}
.producst-view .product-description .see-product-detail {
  background-color: #FECA22;
  color: #fff;
  height: 30px;
  padding: 5px 8px;
  width: 100px;
  border-radius: 6px;
  text-align: start;
  margin-top: 10px;
}
.producst-view .centered-swiper {
  position: absolute !important;
  top: 60%;
  left: 50%;
  z-index: 10;
  width: 330px;
  height: 600px;
  transform: translate(-50%, -50%);
  border-radius: 1.25rem;
}
.producst-view .centered-swiper__slide {
  width: 100%;
  transition: transform 0.6s ease;
}
.producst-view .background-swiper img,
.producst-view .centered-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.producst-view .slider-section__title {
  margin: 0;
  position: absolute;
  top: 12.5%;
  left: 50%;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.producst-view .slider-section__text {
  margin: 0;
  position: absolute;
  bottom: 10%;
  left: 50%;
  max-width: 280px;
  height: 50px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bbbbbb;
  transform: translateX(-50%);
}
@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateX(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(calc(-50% - 50px));
    opacity: 0;
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(calc(-50% - 50px));
    opacity: 0;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    transform: translateX(calc(-50% + 50px));
    opacity: 0;
  }
  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(calc(-50% + 50px));
    opacity: 0;
  }
  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}
.producst-view .hidden-out {
  -webkit-animation: slideOutLeft 0.4s forwards;
  animation: slideOutLeft 0.4s forwards;
}
.producst-view .hidden-in {
  -webkit-animation: slideInRight 0.4s forwards;
  animation: slideInRight 0.4s forwards;
}
.producst-view .hidden {
  opacity: 0;
}
.producst-view .slider-section__next-button {
  position: absolute;
  right: 2.5%;
  top: 50%;
  transform: translate(-50%, 2.5%);
}
.producst-view .slider-section__prev-button {
  position: absolute;
  left: 2.5%;
  top: 50%;
  transform: translate(-50%, 2.5%);
}
.producst-view .slider-section__next-button,
.producst-view .slider-section__prev-button {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  color: white;
  transform: translateY(-50%);
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.35s ease;
  cursor: pointer;
}
.producst-view .slider-section__next-button.disabled,
.producst-view .slider-section__prev-button.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.producst-view .slider-section__next-button:hover,
.producst-view .slider-section__prev-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: #06ffff;
}
.producst-view .slider-section__next-button:active,
.producst-view .slider-section__prev-button:active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #04a1a1;
}
@media screen and (max-width: 767px) {
  .producst-view .slider-section {
    padding: 2.5rem 1px;
    height: 550px;
  }
  .producst-view .slide {
    max-width: 200px;
    max-height: 200px;
  }
  .producst-view .centered-swiper {
    max-width: 200px;
    max-height: 300px;
  }
  .producst-view .slider-section__next-button,
  .producst-view .slider-section__prev-button {
    width: 50px;
    height: 50px;
    font-size: 0.875rem;
  }
  .producst-view .slider-section__title {
    top: 15%;
    font-size: 1.5rem;
  }
  .producst-view .slider-section__text {
    bottom: 10%;
    height: 3.75rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .producst-view .base-template__title {
    margin-bottom: 30px;
  }
  .producst-view .slider-section__title {
    top: 10%;
  }
  .producst-view .slider-section__text {
    bottom: 7.5%;
  }
  .producst-view .slider-section__prev-button {
    top: 90%;
    left: 5%;
  }
  .producst-view .slider-section__next-button {
    top: 90%;
    right: 5%;
  }
}

.centered-swiper__slide {
  height: 500px;
}

.wrapp-services-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.services-title {
  padding: 20px 20px;
  padding-top: 30px;
  margin-top: 20px;
  font-size: 20px;
  font-family: peyda;
  text-align: center;
}

.services-capt-p {
  font-size: 13px;
}

.row-ser {
  padding: 30px 0px;
  display: flex;
}

.services-box-wrapp {
  display: flex;
  width: 90%;
  direction: rtl;
  background-color: #fff;
  text-align: right;
  height: 200px;
  overflow: hidden;
  border-radius: 10px;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
  background: linear-gradient(#fcfcff, #ffffff) white;
  border: 1px solid rgba(185, 193, 242, 0.25);
}
.services-box-wrapp:after {
  position: absolute;
  top: 0%;
  left: 100%;
  content: "";
  width: 40%;
  height: 40%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  background: rgba(156, 172, 245, 0.39);
}

.service-wrap-name {
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
}

.wave-his {
  height: 0px;
}

.wave-his img {
  position: absolute;
  top: -393px;
  right: -64px;
  height: 145px;
  z-index: 0;
  transform: rotate(90deg);
  opacity: 0.1;
  animation: height 10s ease-in-out infinite;
}

@keyframes height {
  0% {
    height: 145px;
  }
  20% {
    height: 155px;
    opacity: 0.2;
  }
  40% {
    height: 165px;
    opacity: 0.2;
  }
  60% {
    height: 185px;
    opacity: 0.2;
  }
  80% {
    height: 195px;
    opacity: 0.2;
  }
  100% {
    height: 145px;
  }
}
.projects-title {
  font-size: 18px;
  font-family: peyda;
  font-weight: normal;
  text-align: right;
}

.pp-ro {
  margin-top: 20px;
  font-size: 13px;
  line-height: 25px;
  text-align: right;
}

.display-linear {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 30px;
}

.wrapp-first {
  width: 55%;
}

.img-vip-project {
  height: 200px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  overflow: hidden;
}

.img-vip-project img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 5px rgba(66, 66, 66, 0.087);
}

.videos-bar {
  padding: 60px 30px;
  height: 700px;
  background-position: 0 0;
  border-radius: 8px;
  background-color: #be934b;
  background-size: cover;
  margin: 120px 0px;
  margin-top: 240px !important;
  direction: rtl;
}

.video-sample-box {
  height: 480px;
  border-radius: 6px;
  background: #ffe4ef;
  display: flex;
  align-items: center;
  direction: rtl;
}
.video-sample-box .title-design {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0;
}
.video-sample-box .title-design .rubic {
  height: 8px;
  width: 120px;
  background: #507d77;
}
.video-sample-box .title-design .thin-line {
  width: 94%;
  height: 1px;
  background: #fff;
}
.video-sample-box .title-design .mini-line {
  width: 30%;
  height: 1px;
  background: #f2f4ff;
}
.video-sample-box .title-design .star {
  height: 25px;
  object-fit: contain;
}
.video-sample-box .title-design .star img {
  height: 100%;
  object-fit: contain;
}

.sample-article P {
  direction: rtl;
  text-align: justify;
}

.window-bg {
  background-image: url(../images/vectors/window.svg);
  height: 420px;
  background-repeat: no-repeat;
  width: 400px;
  position: relative;
  background-position: right;
  background-size: contain;
}

.wrapp-patern-1 {
  height: 450px;
  width: 470px;
  position: absolute;
  top: 58px;
  right: 55px;
  padding: 10px;
  padding-left: 20px;
}

.wrapp-patern {
  height: 400px;
  width: 100%;
  object-fit: cover;
  background-image: url(../../assets/images/banner/network-installation-cabling\ services-websys-technology.webp);
  background-size: cover;
  padding: 10px;
}

.video-part {
  padding: 30px 60px;
  padding-left: 25px;
}

.video-play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 42px;
  height: 44px;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 18px 21px 18px 21px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3568627451);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1058823529);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #fff;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-image: url(../../assets/images/banner/Ostrich2.jpg);
  border-radius: 14px;
  position: relative;
  background-size: cover;
}
.video-cover span {
  display: flex;
  align-items: center;
  direction: rtl;
  padding: 12px 15px;
  font-size: 16px;
  color: #eee;
  font-family: iranyekanBakh;
  font-weight: 400;
}
.video-cover span img {
  height: 24px;
  width: 26px;
  margin-left: 10px;
}
.video-cover .more-3 {
  position: absolute;
  bottom: -3px;
  left: -41px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #be934b;
  border-radius: 0;
  padding: 7px 18px;
  border-top-right-radius: 20px;
  z-index: 2;
}
.video-cover .more-3::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 41px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #be934b;
  transform: rotate(90deg);
}
.video-cover .more-3::after {
  position: absolute;
  content: "";
  bottom: 2px;
  right: -30px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #be934b;
  transform: rotate(90deg);
}

.back-header {
  position: absolute;
  top: -45px;
  height: 200px;
  background-image: url(/assets/images/banner/banner-site.webp);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.default-header {
  position: relative !important;
  top: unset !important;
  height: 200px;
  background-image: url(/assets/images/banner/banner-site.webp);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 30px;
}

.bg-head {
  background-image: url(/assets/images/banner/bg.webp);
  background-position: bottom;
  background-size: cover;
}

.dark-title h2 {
  color: #fff;
}
.dark-title h2 span {
  background: #ffffff;
  color: #2a2366;
}
.dark-title .title-line {
  background: rgba(255, 255, 255, 0.12);
}

.new-dr {
  direction: rtl;
}

.last-gray {
  background-color: #f8f9fa;
  height: 500px;
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/12.webp);
}

.end {
  display: flex;
  justify-content: start;
}

.vip-title {
  font-size: 20px;
  font-family: peyda;
  text-align: right;
}

.it-wrapp-img {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
}

.it-wrapp-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-vip-project p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  width: 100%;
}

.each-vip {
  width: 100%;
  height: 80px;
  padding: 20px;
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-color: #fff;
  text-align: right;
  border-radius: 10px;
  margin: 8px 0px;
  display: flex;
  align-items: center;
}

.vip-text h6 {
  font-size: 13px;
  margin-right: 20px;
}

.setting-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.nice {
  font-size: 16px;
  color: #4ff1eb;
  outline: 1px dotted #4ff1eb;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-2 {
  font-size: 16px;
  color: #4dd2ee;
  outline: 1px dotted #4dd2ee;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-3 {
  font-size: 16px;
  color: #48b7ed;
  outline: 1px dotted #48b7ed;
  border-radius: 50%;
  outline-offset: 2px;
}

.contact-us-row {
  height: 640px;
  background-position: 0 0;
  background-image: url(/assets/images/header/contact-us.svg);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
}

.maava-contact {
  text-align: right;
  font-size: 30px;
  font-family: peyda;
  font-weight: 800;
  color: #fff;
  padding-right: 80px;
  margin-bottom: 20px;
}

.contact-us-caption {
  color: rgb(236, 236, 236);
  line-height: 28px;
  text-align: right;
  padding-right: 80px;
  font-size: 14px;
}

.wrapp-contact {
  padding: 0 30px 30px 30px;
  margin-bottom: 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  display: flex;
  flex-direction: column;
  direction: rtl;
  border-radius: 10px;
  text-align: right;
}

.icon-contact {
  position: relative;
  width: 65px;
  height: 65px;
  padding: 10px;
  display: flex;
  align-items: center;
  object-fit: contain;
  background: #FECA22;
  /* -webkit-box-shadow: 0px 10px 25px rgb(57 57 57 / 60%); */
  box-shadow: 0px 4px 7px 0px rgba(60, 60, 60, 0.46);
  z-index: 1;
  margin-top: -45px;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.icon-contact img {
  height: 42px;
  width: 90%;
}

.minier {
  height: 30px !important;
}

.address {
  font-family: peyda;
  color: #606060;
}

.mailing {
  font-family: IRANYekan, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.calling .mailing {
  margin: 0px !important;
}

.icon-contact {
  color: #3d3d3d;
  font-size: 30px;
  padding-top: 15px;
}

.stranger-padding {
  padding: 0px 120px;
  position: relative;
}

.hot-line {
  font-size: 16px;
  font-weight: 600;
}

.call {
  font-size: 20px;
  font-family: iranyekanBakh;
  direction: rtl;
  color: #606060;
}

.calling span {
  margin: 0px 10px !important;
}

.calling {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

::-webkit-scrollbar {
  background: #cecece;
  height: 5px;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #363636;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #FECA22;
}

.topper {
  position: relative;
  top: -30px;
}

.sup-topper {
  position: relative;
  top: -60px;
}

.wrapp-right {
  background-color: #fff;
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  padding: 15px;
  border-radius: 10px;
  margin: 10px;
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 50px;
}

.wrapp-right:hover {
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-size: 60px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.wrapp-right:hover .img-vip-project img {
  transform: scale(1.02);
  border-radius: 10px;
}

.other-shape {
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/cpanel-building.webp);
  background-size: 30px;
}

.wrapp-right:hover .day-d {
  background: linear-gradient(95.45deg, #6700f8 0.64%, #9c1cf2 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.wrapp-right:hover .month-d {
  background: linear-gradient(95.45deg, #9c1cf2 98.23%, #6700f8 0.64%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.other-shape:hover {
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-size: 40px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.date-time {
  display: flex;
  height: 0px;
  position: relative;
  top: -30px;
  right: 12px;
}

.day-d {
  height: 40px;
  width: 40px;
  padding: 10px;
  background: linear-gradient(95.45deg, #0080f8 0.64%, #1c40f2 98.23%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 4px;
}

.day {
  font-family: peyda;
  font-size: 20px;
  color: #fff;
}

.month-d {
  height: 40px;
  width: max-content;
  padding: 10px;
  background: linear-gradient(95.45deg, #1c40f2 98.23%, #0080f8 0.64%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 8px;
}

.month {
  font-family: peyda;
  font-size: 14px;
  color: #fff;
}

.blog-cp .more-text {
  display: none !important;
}

.caption-vip-projects.more-text {
  display: none !important;
}

.blog-cp .more-text {
  display: none !important;
}

.caption-vip-projects.more-text {
  display: none !important;
}

.more-text {
  display: none;
}

.wrapp-texture {
  padding: 20px 0px;
  text-align: right;
  direction: rtl;
}

.vip-titles {
  text-align: right;
  font-size: 13px;
  line-height: 25px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
  margin-bottom: 10px;
  height: 30px;
  overflow: hidden;
}

.caption-vip-projects {
  font-size: 12px;
  line-height: 24px;
}

.shape-bg {
  margin-top: 50px !important;
  padding: 50px 0px;
  padding-bottom: 20px;
}

.see-all-pro {
  display: inline-block;
  /* font-weight: 600; */
  border-radius: 5px;
  padding: 13px 27px;
  color: #ffffff;
  vertical-align: middle;
  overflow: hidden;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.img-services {
  height: 60px;
  width: 60px;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  background: linear-gradient(49deg, #f1f3ff 0.64%, #ffffff 98.23%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgb(223, 229, 255);
}

.servisec-t {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: 600;
}

.wave-line {
  background-image: url(/assets/images/vectors/bgww.svg);
  height: 700px;
}

.ct-section-title h2 {
  font-size: 16px;
  line-height: 32px;
}

.hm-contact-form .input-field {
  position: relative;
}

.hm-contact-form .input-field input,
.hm-contact-form .input-field textarea {
  width: 100%;
  padding: 20px 30px 18px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #919191 !important;
  border: 1px solid rgba(0, 29, 172, 0.1843137255);
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 0px;
  font-family: iranyekanBakh;
}

.guarantee-form .input-field input,
.guarantee-form .input-field textarea {
  font-size: 22px !important;
}

.hm-contact-form .input-field input::placeholder {
  color: #919191;
  font-size: 14px;
  font-family: iranyekanBakh;
}

.all-products-carts .product-card {
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
}
.all-products-carts .product-card:after {
  position: absolute;
  top: 105%;
  left: 15%;
  content: "";
  width: 70%;
  height: 70%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  background: rgba(156, 172, 245, 0.39);
}
.all-products-carts .product-card .product-view {
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: #2a2366;
  color: #fff;
  width: 135px;
  height: 45px;
  display: flex;
  align-items: center;
}

.about-us {
  height: 350px;
  background: url(../images/banner/about.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  justify-content: center;
  align-items: center;
  direction: rtl;
  flex-direction: column;
  margin-bottom: 40px;
  position: relative;
}
.about-us::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 12, 0.62);
  z-index: 0;
}

.some-style {
  padding: 50px 30px;
  background-color: rgba(255, 255, 255, 0.717);
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
}

.dark-boot {
  z-index: 2;
}
.dark-boot .boot {
  color: #fff !important;
}
.dark-boot .boot span {
  color: #fff !important;
}
.dark-boot .boot a {
  color: #fff;
}
.dark-boot .home {
  color: #fff !important;
}

.project-heaher .boot {
  color: #fff !important;
}
.project-heaher .boot span {
  color: #fff !important;
}
.project-heaher .boot a {
  color: #fff;
}
.project-heaher .home {
  color: #fff !important;
}

.about-us-title {
  font-size: 32px;
  font-family: peyda;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.about-us a {
  font-size: 14px;
}

.hm2-explore-btn {
  color: #1b41f2;
  font-size: 14px;
}

.maava-row {
  direction: rtl;
  padding: 30px 0px;
  padding-bottom: 30px;
}

.circle-about {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100px;
  display: block;
  text-align: center;
  height: 90px;
  width: 90px;
  border-radius: 90px;
  background: rgb(255, 255, 255);
  box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
  font-size: 30px;
  font-family: peyda;
  color: #0e00d7;
}

.boot {
  display: flex;
}

.home {
  color: #000000;
  margin-left: 12px;
  font-size: 16px;
}

.slash {
  color: rgb(58, 58, 58);
  margin-left: 12px;
  font-size: 16px;
}

.aboute-page {
  color: #FECA22;
  font-size: 16px;
  font-weight: 500;
}

.numi {
  font-size: 15px;
  color: #000;
  font-family: "peyda";
  margin-top: 10px;
  direction: rtl;
}

.products-container {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 30px 25px;
}
.products-container .product-captions {
  margin-top: 20px;
}
.products-container .product-captions .title-design h1 {
  font-size: 24px;
  color: #2a2366;
  font-family: Sarbaz;
  margin: 15px 0;
}
.products-container .product-captions .title-design .title-line {
  width: 60%;
}
.products-container .product-captions .title-design img {
  height: 30px !important;
  width: 30px !important;
}
.products-container .product-captions section p {
  text-align: justify;
  font-size: 17px;
  line-height: 32px;
}
.products-container .product-captions h3 {
  background: #e62924;
  color: #fff;
  margin-left: 10px;
  padding: 0px 25px;
  font-size: 25px;
  font-family: sarbaz;
  margin-bottom: 20px;
  margin-top: 35px;
  width: max-content;
}
.products-container .wrap-protein-brand {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.products-container .p-brand {
  margin: 10px;
}
.products-container .p-brand a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 10px;
  width: 150px;
}
.products-container .p-brand a .brand-img-pr {
  height: 120px;
  width: 120px;
  object-fit: contain;
}
.products-container .p-brand a .brand-img-pr img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.products-container .p-brand a .brand-name {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-top: 15px;
}

.product-captions .product-main-name {
  font-size: 24px;
  font-family: sarbaz;
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.pro-preview .tt-pr {
  margin-top: 0px;
}

.pro-preview .totla-price {
  margin-left: 18px;
  font-size: 18px;
}

.title-post img {
  height: 30px;
  width: 30px;
  padding: 5px;
  object-fit: contain;
  margin-left: 2px;
}

.cc-pt {
  border-left: none;
  background: #ffefef;
  padding: 10px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  width: 100% !important;
  margin-bottom: 5px;
  border-radius: 6px;
}

.product-main-img {
  height: 400px;
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  margin-top: 50px;
}
.product-main-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.thumb-img-gallery {
  height: 200px;
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  margin-top: 10px;
}
.thumb-img-gallery img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.cc-pt ul {
  list-style: disc;
  padding-right: 20px;
}

.wt-pt p {
  font-size: 13px;
  font-weight: 500;
}

.cc-pt p {
  font-size: 13px;
}

.wrapp-console {
  margin: 20px 0px;
  font-weight: normal;
}

.my-tabs .nav-link.active,
.my-tabs .nav-item.show .nav-link {
  color: #fc4e03;
  background-color: transparent;
  border-bottom: 3px solid;
}

.title-property-table {
  padding: 0px;
  display: flex;
}

.wrapp-console {
  margin: 20px 0px;
  font-weight: normal;
}

.wt-pt {
  /* border-bottom: 1px solid #e2e2e2; */
  border-left: none;
  background: #edf3ff;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
  padding-right: 20px;
  margin-bottom: 5px;
  border-radius: 6px;
}

.table-header-property {
  width: 100%;
  padding: 8px 10px !important;
  margin: 5px 0px;
  margin-bottom: 0px;
  margin-right: -15px;
  background: #f4f5f7;
  border-bottom: 1px solid rgb(226, 226, 226);
  border-radius: 4px 4px 0px 0px;
  padding-left: 96px !important;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.row-products-container {
  padding: 30px 15px;
}

.nim-cil {
  height: 0px;
}

.brand-row-title {
  background: #2a2366;
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
  width: max-content;
  font-size: 22px;
  font-family: sarbaz;
  margin-right: 20px;
}

.nim-cil img {
  position: absolute;
  right: -20px;
  bottom: -57px;
  height: 90px;
}

.nim-ril {
  height: 0px;
}

.nim-ril img {
  position: absolute;
  top: -130px;
  left: -20px;
}

.padding-about-section {
  margin-bottom: 40px;
  margin-top: 50px;
}

.little-w {
  font-size: 20px;
  font-weight: 800;
  color: #2d2d2d !important;
}

.wrapp-about-title {
  padding: 20px 0px;
}

.maava-about-t {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 28px;
  font-family: peyda;
  text-align: right;
  margin-bottom: 30px;
}

.wrapping-about-mini p {
  text-align: justify;
  font-size: 16px;
  margin-bottom: 12px;
  margin: 10px 0px;
}

.maava-about {
  text-align: right;
  font-size: 13px;
  line-height: 28px;
}

.hm-contact-form .input-field label {
  position: absolute;
  right: 20px;
  top: -12px;
  color: #001042;
  font-weight: 600;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 17px;
  font-family: peyda;
  font-weight: 800;
  background: #ffffff;
}

.template-btn {
  border-radius: 12px;
  padding: 18px 55px;
  margin-top: 20px;
  vertical-align: middle;
  overflow: hidden;
  font-size: 16px;
  background: #FECA22;
  color: #000;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.select-lang {
  display: flex;
}

.template-btn:hover {
  color: #fff;
  background: linear-gradient(95.45deg, #3b0072 0.64%, #000f5d 98.23%);
  -webkit-transition: all 0.3s ease-in;
}

.direction-persion {
  direction: rtl;
}

.little-margin {
  margin-bottom: 30px;
}

.capt-ser {
  font-size: 14px;
  line-height: 20px;
  height: 66px;
  overflow: hidden;
  text-align: right;
  margin-top: 5px;
  font-weight: 400;
}

.footer-section {
  position: relative;
  direction: rtl;
  text-align: right;
}

.single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}

.cta-text {
  padding-left: 15px;
  display: inline-block;
}

.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}

.cta-text span {
  color: #757575;
  font-size: 15px;
}

.box-video {
  position: relative;
  width: 100%;
  margin: 0 auto 0px auto;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}

.box-video .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.bg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.box-video .bt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50%;
  text-indent: -999em;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid #fff;
}

.box-video .bt-play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  margin: -12px 0 0 -6px;
  border: solid transparent;
  border-left-color: #fff;
  border-radius: 5px;
  border-width: 12px 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.box-video:hover .bt-play {
  transform: scale(1.1);
}

.box-video.open .bg-video {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

.box-video.open .video-container {
  opacity: 1;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  z-index: 1;
  height: 200px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sample-bg {
  height: 650px;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  background-color: rgba(68, 68, 68, 0.4392156863);
  background-image: url(../images/vectors/sidebar-bg.webp);
  background-position: center;
  background-size: 550px;
  padding: 0;
}
.sample-bg .filter-row {
  background: rgba(0, 0, 0, 0.75);
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 650px;
  width: 100%;
}

.product-summery p {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: justify;
  line-height: 30px;
  margin-top: 20px;
}

.sample-category {
  display: flex;
  align-items: center;
  width: max-content;
  border-radius: 6px;
}
.sample-category img {
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
.sample-category strong {
  font-size: 12px;
  color: #FECA22;
}
.sample-category span {
  color: #000;
}

.summery-list {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 5px;
  background: rgba(238, 238, 238, 0.2705882353);
  padding: 6px 5px;
  border-radius: 5px;
}
.summery-list .summery-img {
  height: 22px;
  width: 22px;
  object-fit: cover;
  margin-left: 5px;
}
.summery-list .summery-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.summery-list .summery-best-attr {
  width: 90%;
}
.summery-list .summery-best-attr h4 {
  font-size: 14px;
  display: -webkit-box;
  line-height: 25px;
  margin-bottom: 0;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.sample-bg .product-carousel {
  height: 455px;
  display: flex;
  align-items: flex-start;
  margin-top: 2px;
}
.sample-bg .gallery-item {
  box-shadow: 0px 1.60568px 8px rgba(0, 0, 0, 0.12);
  height: 450px;
  object-fit: cover;
  border-radius: 10px;
}
.sample-bg .gallery-item img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tags-items .rounded-full {
  padding: 5px 10px;
  border-radius: 12px;
  margin: 5px 5px !important;
  display: inline-block;
}

.sample-redirect-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 25px;
  padding-left: 15px;
  border-radius: 8px;
  margin-top: 10px;
  background: #fff;
  color: #000;
  font-size: 14px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
}
.sample-redirect-links .srl-wrap {
  display: flex;
  align-items: center;
}
.sample-redirect-links img {
  height: 35px;
  width: 35px;
  margin-left: 5px;
  padding: 2px;
  background: #FECA22;
  border-radius: 6px;
}
.sample-redirect-links i {
  font-size: 20px;
  color: #FECA22;
  position: relative;
  top: 2px;
}

.price-detail-box {
  display: flex;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid hsla(0, 1.44%, 59.05%, 0.32);
}

.wrap-price-box {
  padding: 20px;
  font-family: peyda;
  display: flex;
  justify-content: space-between;
}
.wrap-price-box h4 {
  font-size: 20px;
  font-weight: 600;
}
.wrap-price-box strong {
  font-size: 23px;
}
.wrap-price-box span {
  font-size: 19px;
  font-weight: 600;
}

.wrap-doc-box {
  padding: 30px 20px;
  padding-left: 40px;
  font-family: peyda;
  display: flex;
  justify-content: space-between;
}
.wrap-doc-box h4 {
  font-size: 20px;
  font-weight: 600;
}
.wrap-doc-box strong {
  font-size: 23px;
}
.wrap-doc-box span {
  font-size: 19px;
  font-weight: 600;
}

.border-right-box {
  border-left: 1px solid hsla(0, 1.44%, 59.05%, 0.32);
}

.sample-row {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
}

.photos-grid-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 0;
  align-items: start;
}

@media (max-width: 580px) {
  .photos-grid-container {
    grid-template-columns: 1fr;
  }
}
.main-photo {
  height: 450px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 0px 5px;
}
.main-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.photos-grid-container .img-box {
  border-radius: 8px;
  margin: 0 5px;
  position: relative;
}

.photos-grid-container .img-box:hover .transparent-box {
  background-color: rgba(0, 0, 0, 0.6);
}

.photos-grid-container .img-box:hover .caption {
  transform: translateY(-5px);
}

.caption {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-family: peyda;
}
.caption img {
  height: 30px !important;
  width: 30px !important;
}

.tumb-imgs {
  height: 100px;
  width: 100%;
  border-radius: 8px;
}
.tumb-imgs a {
  border-radius: 8px;
}
.tumb-imgs a img {
  border-radius: 8px;
}

.img-box {
  height: 115px;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
}
.img-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.photos-grid-container .caption {
  color: white;
  transition: transform 0.3s ease, opacity 0.3s ease;
  font-size: 1.5rem;
}

.photos-grid-container .transparent-box {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.photos-grid-container .main-photo {
  grid-row: 1;
  grid-column: 1;
}

.photos-grid-container .sub {
  display: flex;
}

.photos-grid-container .sub:nth-child(0) {
  grid-column: 1;
  grid-row: 1;
}

.photos-grid-container .sub:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}

.photos-grid-container .sub:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.photos-grid-container .sub:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}

.hide-element {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.wrapp-sample-summery {
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  padding: 40px 25px;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.12);
}
.wrapp-sample-summery h1 {
  font-size: 24px;
  margin-bottom: 15px;
  border-right: 4px solid #FECA22;
  padding-right: 10px;
}

.option-design {
  background: rgba(238, 238, 238, 0.2705882353);
  border: 1px solid #eee;
  display: flex;
  padding: 5px 15px;
  align-items: stretch;
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 15px;
}
.option-design .option-img {
  object-fit: contain;
  padding: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.option-design .option-img img {
  height: 35px;
  width: 35px;
  padding: 2px;
  border-radius: 8px;
  background: #FECA22;
}
.option-design .option-img strong {
  font-family: peyda;
  font-size: 16px;
  margin-right: 10px;
}
.option-design h3 {
  font-size: 16px;
  text-align: left;
  font-family: peyda;
}

.real-state-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid hsla(0, 1.44%, 59.05%, 0.32);
  padding-bottom: 20px;
}
.real-state-profile .real-img {
  height: 75px;
  width: 75px;
  object-fit: contain;
  padding: 10px;
  border-radius: 50%;
  border: 4px solid #FECA22;
  display: flex;
  align-items: center;
}
.real-state-profile .real-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.real-state-profile h3 {
  font-family: peyda;
  font-size: 21px;
  font-weight: 800;
  width: 70%;
  text-align: center;
}

.real-state-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  padding-top: 20px;
}
.real-state-team .line-middle {
  height: 4px;
  width: 50px;
  background: #FECA22;
}
.real-state-team h4 {
  font-family: peyda;
  font-size: 17px;
  font-weight: 800;
}
.real-state-team strong {
  font-family: peyda;
  font-size: 16px;
  font-weight: 800;
}

.real-state-call {
  width: 100%;
  padding-top: 20px;
}
.real-state-call a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #FECA22;
  border-radius: 8px;
  height: 55px;
  padding-top: 5px;
  color: #000;
  font-family: peyda;
  font-size: 17px;
  font-weight: 800;
  direction: rtl;
  text-align: center;
}
.real-state-call a i {
  font-size: 23px;
  margin-right: 10px;
}
.real-state-call a span {
  direction: ltr;
}

.next-file {
  width: 100%;
  padding-top: 20px;
}
.next-file a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #000000;
  border-radius: 8px;
  height: 55px;
  padding: 10px;
  padding-top: 15px;
  color: #fff;
  font-family: peyda;
  font-size: 13px;
  font-weight: 600;
  direction: rtl;
  text-align: center;
}
.next-file a i {
  font-size: 19px;
  margin-right: 10px;
}
.next-file a span {
  direction: ltr;
}

.product-caption .title-design {
  display: flex;
  justify-content: space-around;
  margin: 12px 0;
  align-items: center;
}
.product-caption .margin-medium-top .rubic {
  height: 8px;
  width: 35px;
  margin-top: -15px;
  background: #e0e0ff;
}
.product-caption .title-design .thin-line {
  width: 80%;
  height: 1px;
  background: #f2f4ff;
}
.product-caption .about-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px !important;
  font-size: 18px;
}

.sample-page-header {
  height: 350px;
  height: 350px;
  background: linear-gradient(126deg, #ffffff 0%, #e5daff 24.38%, #efeeff 77.05%, #fed7ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sample-page-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.sample-page-body {
  background-color: #fff;
  padding: 25px 20px;
  border-radius: 10px;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
}

.sample-title {
  text-align: center;
}

.filter-sidebar {
  /* ====== Inputs ====== */
  /* ====== Toggle Switch ====== */
  /* ====== Mobile Button ====== */
  /* ====== Overlay ====== */
  /* ====== Mobile Style ====== */
}
.filter-sidebar .sidebar {
  width: 320px;
  background: #fff;
  padding: 20px;
  height: 100vh;
  overflow-y: auto;
  transition: 0.3s;
  background: #fff !important;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.071);
  border-radius: 8px 8px 0px 0px;
}
.filter-sidebar .section {
  margin-bottom: 15px;
}
.filter-sidebar .section-title {
  font-size: 14px;
  color: #000;
  font-family: peyda !important;
  font-weight: 600;
  margin-bottom: 10px;
}
.filter-sidebar .section-title-header {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.filter-sidebar .section-title-header span {
  font-size: 15px;
  font-family: peyda;
  font-weight: 800;
  width: 70%;
  text-align: center;
}
.filter-sidebar .section-title-header i {
  margin-left: 5px;
  padding: 5px 8px;
  background: #FECA22;
  border-radius: 6px;
  font-size: 20px;
  display: flex;
  align-items: center;
  width: 38px;
}
.filter-sidebar .btn-magic-search {
  display: flex;
  align-items: center;
  background: #FECA22;
  border: none;
  height: 50px;
  border-radius: 0.375rem;
  width: 100%;
  font-size: 14px !important;
  font-weight: 600;
  justify-content: center;
  padding: 0px 10px;
}
.filter-sidebar .category {
  font-size: 15px;
  margin: 8px 0;
  cursor: pointer;
}
.filter-sidebar hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 10px 0;
}
.filter-sidebar input[type=text],
.filter-sidebar select {
  width: 100%;
  padding: 10px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 10px;
  background-color: #fff;
  color: #000;
  background-position: left 0.75rem center;
  font-family: peyda !important;
}
.filter-sidebar input[type=text]::placeholder,
.filter-sidebar select::placeholder {
  font-family: peyda !important;
}
.filter-sidebar .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}
.filter-sidebar .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.filter-sidebar .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  border-radius: 34px;
  transition: 0.3s;
}
.filter-sidebar .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: 3px;
  bottom: 3px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
}
.filter-sidebar input:checked + .slider {
  background: #FECA22;
}
.filter-sidebar input:checked + .slider:before {
  transform: translateX(-18px);
}
.filter-sidebar .toggle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.filter-sidebar .toggle-row span {
  font-size: 15px;
  font-family: peyda;
  font-weight: 800;
}
.filter-sidebar .filter-btn {
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
  z-index: 1001;
}
.filter-sidebar .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 999;
}
@media (max-width: 992px) {
  .filter-sidebar .sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    z-index: 1000;
    width: 85%;
    max-width: 350px;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  }
  .filter-sidebar .sidebar.active {
    right: 0;
  }
  .filter-sidebar .filter-btn {
    display: block;
  }
  .filter-sidebar .overlay.active {
    display: block;
  }
  .filter-sidebar .container {
    display: block;
  }
}

.sample-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 30px;
}

.sample-badge {
  width: max-content;
  display: flex;
  align-items: center;
  background: rgb(251, 233, 255);
  padding: 5px 20px;
  color: #b96eff;
  margin-bottom: 15px;
}

.sample-badge strong {
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
}

.sample-title {
  font-weight: 800;
}

.footer-content {
  position: relative;
  z-index: 1;
}

.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}

.footer-logo {
  margin-bottom: 6px;
  height: 40px;
  width: 100%;
  display: flex;
  object-fit: contain;
  justify-content: flex-start;
}

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

.footer-text p {
  margin-bottom: 14px;
  font-size: 12px;
  color: #000;
  line-height: 26px;
}

.footer-social-icon span {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

.certificate-area {
  height: 82px;
  width: 82px;
  object-fit: contain;
  border-radius: 8px;
  padding: 8px;
  margin: 8px;
  background: rgba(230, 230, 230, 0.5);
  border: 1px solid rgb(234, 236, 240);
}

.certificate-area a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.certificated-parent {
  display: flex;
  justify-content: center;
}

.footer-design {
  background-color: rgb(249, 250, 251);
  border-top: 1px solid rgb(234, 236, 240);
  margin-top: 80px;
  background-image: url(/assets/images/vectors/double-arrow.png);
  background-size: contain;
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 200px;
  padding: 120px 50px;
  display: flex;
  justify-content: center;
}

.nav-item {
  border: 1px solid #080808;
  border-radius: 0px 4px 4px 0px;
}

.nav-link {
  padding: 10px 10px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
}

.jump-top {
  position: relative;
  top: -40px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  padding: 10px 10px;
  border-radius: 0px 4px 4px 0px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
}

.condition-title {
  font-size: 20px;
  margin-bottom: 15px;
  color: #001372;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eee;
  border-radius: 6px;
}

.condition-box {
  border-radius: 6px;
  padding: 10px 15px;
  background-color: rgba(65, 152, 255, 0.1098039216);
  margin-bottom: 25px;
  direction: rtl;
  text-align: right;
}

.condition-box a {
  color: #001685;
  font-weight: 600;
}

.tab-pane section {
  margin-bottom: 20px;
}

.tab-pane section h3 {
  margin-bottom: 20px;
}

.warranty-center {
  border-radius: 6px;
  text-align: right;
  direction: rtl;
  justify-content: flex-end;
}

.warranty-center:hover {
  color: #fff;
}

.tab-list-item {
  list-style: disc;
  padding: 0px 25px;
  line-height: 30px;
  font-size: 14px;
}

.warranty-center {
  border-radius: 6px;
  text-align: left;
  direction: ltr;
  padding: 12px;
  display: flex;
  align-items: center;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
  color: #fff;
}

.tab-parent {
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #eee;
}

.tab-title {
  font-size: 16px;
}

.nav-link i {
  font-size: 8px !important;
  color: #fff !important;
  margin: 0px 5px;
}

.warranty-boxes {
  display: flex;
  width: 100%;
}

.warranty-sections address {
  font-size: 16px;
  margin: 15px 0;
}

.info-header-box {
  position: relative;
  top: -30px;
  height: 140px;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-color: #fff;
  display: flex;
  align-items: center;
  direction: rtl;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.wrapp-address-details {
  height: 50px;
  border-radius: 6px;
  display: flex;
  padding: 10px;
  align-items: center;
  background: #f4f9ff;
  margin: 5px 0px;
}

.wrapp-address-details span {
  display: inline-block;
  margin: 0 5px;
}

.address-frame {
  padding: 10px;
  background: #f4f9ff;
}

.wrapp-address-details i {
  font-size: 14px !important;
  margin-left: 12px;
}

.img-info-header {
  height: 120px;
  width: 230px;
  object-fit: contain;
  position: relative;
  top: -83px;
}

.img-scan {
  height: 180px;
  width: 200px;
  object-fit: contain;
}

.img-scan img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.content-body {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  text-align: right;
  direction: rtl;
}

.info-header-box h2 {
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.nav.nav-pills.flex-column {
  padding-right: 0;
}

.content-body h2 {
  text-align: right;
  direction: rtl;
  font-family: serif;
  font-family: peyda;
  color: #002785;
}

.content-body h3 {
  text-align: right;
  direction: rtl;
  font-family: serif;
  font-family: peyda;
  color: #002785;
}

.mobile-control {
  padding-right: 0px;
}

.product-serial {
  text-align: right;
  direction: rtl;
  list-style: disc;
  padding: 15px;
}

.warranty-role {
  font-weight: 600;
  color: #002785;
}

.warranty-sections p {
  margin: 12px 0px;
}

.warranty-boxes {
  display: flex;
  width: 100%;
}

.info-header-box {
  position: relative;
  top: -30px;
  height: 140px;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-color: #fff;
  display: flex;
  align-items: center;
  direction: rtl;
}

.content-body {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  text-align: right;
  direction: rtl;
}

.info-header-box h2 {
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.product-serial {
  text-align: right;
  direction: rtl;
  list-style: disc;
  padding: 15px;
}

.content-body i {
  color: #0051ae;
  font-size: 10px;
}

.warranty-role {
  font-weight: 600;
  color: #002785;
}

.warranty-sections p {
  margin: 12px 0px;
}

.each-boxes {
  width: 25%;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.product-holder {
  margin-top: 20px;
  height: 150px;
  display: flex;
  object-fit: contain;
  align-items: center;
  justify-content: space-between;
}

.product-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.bi-wrapper {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.warranty-title {
  font-size: 10px;
  margin-top: 15px;
}

.bi-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-left: 15px;
}

.footer-social-icon a {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  color: #ffffff;
  background: #000000;
}

.footer-widget-heading h3 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 35px;
  position: relative;
}

.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #FECA22;
}

.footer-widget ul li {
  display: block;
  margin-bottom: 12px;
}

.footer-widget ul li a:hover {
  color: #14ffef;
}

.footer-widget ul li a {
  color: #000;
  text-transform: capitalize;
}

.subscribe-form {
  position: relative;
  overflow: hidden;
}

.subscribe-form input::placeholder {
  color: #fff !important;
  font-family: IRANYekan;
}

.subscribe-form input {
  width: 100%;
  padding: 18px 28px;
  background: #000000;
  border: 1px solid #000000;
  color: rgb(255, 255, 255);
  border-radius: 10px;
}

.circle-about {
  display: flex;
  align-items: center;
  line-height: 100px;
  /* display: block; */
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  font-family: sans-serif;
  color: #0e00d7;
  flex-direction: column;
  justify-content: flex-start;
}

.subscribe-form input {
  width: 100%;
  padding: 18px 28px;
  background: #000000;
  border: 1px solid #000000;
  color: rgb(202, 202, 202);
  border-radius: 10px;
}

.sidebar-form button:hover {
  background: linear-gradient(95.45deg, #002950 0.64%, #000e57 98.23%);
}

.footer-social-icon:hover i {
  color: #ff7b00;
}

.ac-hg {
  height: 90px;
  width: 90px;
  border-radius: 90px;
  font-weight: normal;
  font-family: "peyda";
  background: rgb(255, 255, 255);
  box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
}

.subscribe-form button {
  position: absolute;
  background: linear-gradient(95.45deg, #131313 0.64%, #000000 98.23%);
  padding: 13px 39px;
  top: 5px;
  height: 46px;
  border-radius: 5px;
  left: 10px;
}

.subscribe-form button i {
  color: #fff;
  font-size: 17px;
  transform: rotate(-6deg);
}

.copyright-area {
  background-color: #161616;
  padding: 25px 0;
}

.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #e3e3e3;
}

.copyright-text p a {
  color: #c38bff;
}

.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}

.footer-menu li:hover a {
  color: #ff5e14;
}

.footer-menu li a {
  font-size: 14px;
  color: #878787;
}

footer ul {
  margin: 0px;
  padding: 0px;
}

.wrapp-about-cart {
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  border-radius: 10px;
  padding: 25px 15px;
  margin-top: 30px;
  direction: rtl;
  background: #fff;
  height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.wrapp-about-cart:hover .icon-holder {
  background: linear-gradient(95.45deg, rgba(0, 128, 248, 0.2862745098) 0.64%, rgba(28, 64, 242, 0.2745098039) 98.23%);
  transition: all ease-in-out 0.3s;
}

.wrapp-about-cart:hover .arrow {
  background: #FECA22;
  color: #000;
  border: 1px solid #FECA22;
  transition: all ease-in-out 0.3s;
}

.our-blog-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 50px;
  align-items: center;
}
.our-blog-title h5 {
  font-size: 24px;
  font-weight: 800;
  font-family: peyda;
  line-height: 1.1em;
  color: #FECA22;
}
.our-blog-title h1 {
  color: rgb(18, 34, 59);
  display: inline-block;
  font-family: peyda;
  font-weight: 800;
  font-size: 56px;
}
.our-blog-title p {
  margin-top: 0px;
  font-size: 15px;
  text-align: justify;
  text-align: center;
  width: 70%;
}

.ac-title {
  font-size: 14px;
  text-align: right;
  direction: rtl;
  font-weight: 900;
  margin-bottom: 0px;
}

.ca-caption {
  font-size: 12px;
  text-align: right;
  line-height: 25px;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
}

.gray-bg {
  background-color: rgba(226, 226, 226, 0.69);
  padding-top: 130px;
  padding-bottom: 60px;
  margin-bottom: 80px;
}

.wrapp-right-about {
  direction: rtl;
  text-align: right;
}

.tl-ab {
  font-size: 22px;
  font-family: peyda;
  line-height: 38px;
  color: rgb(36, 36, 36);
  margin-bottom: 15px;
}

.capt-ra {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 30px;
}

.ticks {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.ticks i {
  color: #FECA22;
  margin-left: 20px;
  font-size: 22px;
}

.ticks p {
  font-size: 14px;
}

.end-arrow {
  display: flex;
  justify-content: flex-end;
}

.about-click {
  display: inline-block;
  position: relative;
  background: linear-gradient(to left, #fff 2.23%, #eff1fd 97.21%), #FECA22;
  padding: 5px 15px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(36, 36, 36);
  border-radius: 6px;
  margin-bottom: 20px;
}

.tigger-row {
  margin-bottom: 50px;
  direction: rtl;
}

.icon-holder {
  background-color: rgba(55, 55, 55, 0.1);
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 20px;
  height: 60px;
  width: 60px;
  object-fit: contain;
}

.icon-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-award {
  display: flex;
  direction: rtl;
  flex-direction: column;
  border-style: solid;
  border-width: 2px;
  border-color: #FECA22;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-bottom: 30px;
  padding: 30px 20px;
  border-radius: 10px;
  margin: 20px 0px;
  text-align: right;
  align-items: center;
}

.time {
  width: 150px;
}

.sett-paddings {
  padding: 0px 10px;
}

.time-line {
  text-align: center;
  padding: 0px 20px;
  font-size: 22px;
  color: #FECA22;
  font-family: peyda;
}

.caption-award {
  font-size: 13px;
  text-align: right;
  padding: 0px 20px;
  padding-left: 0px;
  line-height: 28px;
}

.wrapp-award:hover {
  background-color: #eff1fe;
  transition: all linear 0.6s;
}

.wrapp-award:hover .time-line {
  color: #c90075;
  transition: all linear 0.6s;
}

.blog-header {
  height: 350px;
  background: linear-gradient(278.54deg, #001dac 15.93%, #FECA22 98.7%);
  margin-bottom: 100px;
}
.blog-header .boot a {
  color: #fff !important;
}
.blog-header .boot span {
  color: #fff !important;
}

.be-end {
  display: flex;
  justify-content: end;
  align-items: flex-end;
}

.be-end img {
  height: 350px;
}

.sidebar-form button i {
  color: #fff;
  font-size: 16px;
  transform: rotate(-6deg);
}

.sidebar-form button {
  position: absolute;
  left: 8px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 13px 15px;
  top: 5px;
  height: 37px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.blogger-title {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}

.wrapp-contex {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.padding-r {
  direction: rtl;
  margin-top: 30px;
}

.blog-cp {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  line-height: 22px;
  color: #414141;
  margin-top: 0px;
}

.i-bc {
  height: 180px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
  position: relative;
  /* margin-bottom: 15px; */
  bottom: 30px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover .i-bc {
  position: relative;
  /* margin-bottom: 15px; */
  bottom: 0px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.i-bc img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover .cate-name {
  background: linear-gradient(100deg, #1b4cff 0.64%, #542ab7 98.23%);
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.221);
}

.blog-padding {
  margin-top: 10px;
  margin-bottom: 40px;
}

.name {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.blog-cart {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.15);
  border-radius: 5px;
  direction: rtl;
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
}

.bl-nm {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  height: 60px;
  overflow: hidden;
}

.wroter-ic {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.wroter-ic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.name-wr {
  font-size: 14px;
  margin-left: 12px;
  font-weight: 600;
}

.name-date {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  border-top: 1px solid rgba(63, 53, 255, 0.1);
  padding-top: 10px;
}

.date-pick span {
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 14px;
}

.category {
  font-size: 14px;
  color: #fff;
  width: max-content;
  height: 0px;
  position: relative;
  top: -46px;
  right: 10px;
  direction: rtl;
  text-align: right;
}

.cate-name {
  font-size: 11px;
  padding: 8px 10px;
  border-radius: 6px;
  background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
  text-align: center;
}

.wrapp-blog-carts {
  direction: rtl;
}

.sidebar-form input {
  width: 100%;
  padding: 15px 28px;
  background: #f1f1f1;
  border: none;
  color: rgb(0, 0, 0) !important;
  border-radius: 10px;
  direction: rtl;
  margin-bottom: 10px;
}

.sidebar-form input::placeholder {
  color: #000000 !important;
  font-size: 12px;
}

.cat-header {
  margin-top: 15px;
  padding: 10px;
}

.new-catg {
  text-align: right;
  font-weight: 600;
  text-align: right;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 12px;
}

.bb-blue {
  padding-bottom: 10px;
  font-family: peyda;
  font-weight: 800;
  font-size: 17px;
  border-bottom: 3px solid #FECA22;
}

.name-of {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  direction: rtl;
  cursor: pointer;
  align-items: center;
}

.name-of:hover .nm-ct strong {
  text-transform: uppercase;
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.name-of:hover .cat-ico {
  text-transform: uppercase;
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nm-ct {
  text-align: right;
}

.nm-ct span {
  font-size: 16px;
}

.nm-ct strong {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  color: #FECA22;
}

.cat-ico {
  font-size: 16px;
}

.name-of {
  margin-top: 8px;
}

.wrapp-new {
  display: flex;
  padding: 10px;
  direction: rtl;
  text-align: right;
  align-items: flex-start;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.wrapp-new:hover .img-new-blog img {
  transform: scale(1.1);
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.wrapp-new:hover .new-head {
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.img-new-blog {
  height: 52px;
  width: 52px !important;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
  overflow: hidden;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.img-new-blog img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.new-head {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}

.caption-wrote {
  font-size: 12px;
  color: rgb(152, 152, 152);
}

.each-arch {
  direction: rtl;
  text-align: right;
  padding: 10px;
}

.arch-date:hover {
  border-bottom: 1px solid rgb(128, 126, 247);
}

.arch-date {
  padding-bottom: 12px;
  border-bottom: 1px solid rgb(241, 241, 241);
}

.wrapp-all-tags {
  display: flex;
  direction: rtl;
  padding: 10px;
  flex-wrap: wrap;
}

.tag {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 18px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
  margin: 3px 5px;
}

.tag:hover {
  background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
  color: #fff;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.contacting {
  height: 300px;
  background-color: #3f3f3f;
  border-radius: 12px;
  margin-top: 30px;
  background-image: url(/assets/images/vectors/sidebar-bg.webp);
}

.wrapp-imgs {
  height: 160px;
  width: 160px;
  object-fit: contain;
}

.wrapp-imgs img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-ct {
  display: flex;
  flex-direction: column;
  direction: rtl;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
}

.ct-title {
  color: white;
  font-size: 22px;
  text-align: center;
}

.call-us {
  padding: 10px 35px;
  border-radius: 25px;
  background: #FECA22;
  display: flex;
  color: #000;
  font-size: 17px;
  font-family: peyda;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.call-us i {
  font-size: 22px;
  margin-left: 5px;
}

.call-us:hover {
  color: #fff;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.social-links-wrapp {
  display: flex;
  align-items: center;
}

.call-now {
  height: 45px;
  width: 45px;
  margin: 4px;
  background: rgba(255, 255, 255, 0.2901960784);
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(34, 34, 34, 0.15);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.call-now i {
  font-size: 20px;
}

.call-now:hover {
  background: #ffffff;
  color: #001042;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.number {
  text-align: right;
  color: #fff;
}

/*
  */
.show-galley {
  height: 400px !important;
  width: 100% !important;
  object-fit: cover;
  border-radius: 10px;
  position: relative;
  top: -40px;
}

.show-galley img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  filter: grayscale(0.5);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.show-galley img:hover {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  filter: grayscale(0);
}

.show-images i {
  margin-right: 10px;
}

.show-images {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  position: relative;
  top: -15px;
  padding: 10px 40px;
  right: -10px;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.flex-animation {
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.13);
  background: #fff;
  position: relative;
  top: -40px;
  padding: 20px;
  border-radius: 10px;
  min-height: 402px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 40px;
}

.circle-rr {
  display: flex;
  justify-content: flex-start;
}

.rot-circle {
  height: 140px;
  width: max-content;
  position: absolute;
  object-fit: contain;
  top: 200px;
}

.rot-circle img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -webkit-animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.dmw-each {
  display: flex;
  align-items: center;
  height: 72px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
  text-align: right;
  margin-bottom: 10px;
}

.property-detail h6 {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 14px;
  font-size: 14px;
  direction: rtl;
  padding-right: 25px;
}

.name-details {
  direction: rtl;
}

.name-details strong {
  font-size: 16px;
  color: #001893;
}

.name-comp .property-detail h6 {
  margin-bottom: 0px;
  margin: 0px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
}

.name-comp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
}

.nice-one {
  font-size: 10px;
  color: #00bef8;
  outline: 1px dotted #0082f8;
  outline-offset: 2px;
  border-radius: 50%;
  margin-left: 10px;
}

.content-wrapp {
  background: #fff;
  padding: 15px;
}

.image-ico-services {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
}

.service-name-c h4 span {
  color: rgb(0, 15, 125);
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid rgb(235, 235, 235);
}

.service-name-c {
  margin-bottom: 10px;
  width: 100%;
}

.img-ol {
  height: 100px;
  width: 40%;
  object-fit: contain;
}

.img-ol img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-sign-us {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.098);
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  background-position: bottom right;
  background: url(/assets/images/vectors/12.webp);
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 25px;
}

.forever {
  font-size: 16px;
  font-weight: 600;
}

.capt-v p {
  font-size: 14px;
}

.warranty-checker-header {
  height: 350px;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
}

#Serial_Number {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

.guarantee-icon {
  height: 170px;
  width: 120px;
  object-fit: contain;
  position: absolute;
  top: -108px;
}

.guarantee-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.guarantee-heading {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-gurantee h2 {
  font-size: 1.6rem !important;
  text-align: right;
  width: 60%;
  line-height: 34px;
}

.survey-icon {
  height: 170px;
  width: 180px;
  object-fit: contain;
  position: absolute;
  top: -130px;
}

.radio-section {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}

.radio-list {
  width: 100%;
}

.radio-item [type=radio] {
  display: none;
}

.radio-item + .radio-item {
  margin-top: 15px;
}

.radio-item label {
  display: block;
  padding: 15px 45px;
  background: #e9f1ff;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  min-width: 250px;
  white-space: nowrap;
  position: relative;
  transition: 0.4s ease-in-out 0s;
  text-align: right;
  color: #001841;
  border: 1px solid;
  border-color: #e9f1ff;
}

.radio-item label:after,
.radio-item label:before {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.radio-item label:after {
  height: 19px;
  width: 19px;
  border: 2px solid #003391;
  right: 18px;
  top: calc(50% - 12px);
}

.radio-item label:before {
  background: #00308e;
  height: 20px;
  width: 20px;
  right: 18px;
  top: 14px;
  transform: scale(5);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out 0s;
}

.radio-item [type=radio]:checked ~ label {
  border: 1px solid;
  border-color: #bbd4ff;
}

.radio-item [type=radio]:checked ~ label::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#message ::placeholder {
  text-align: right !important;
}

.guarantee-form .input-field input,
.guarantee-form .input-field textarea {
  font-size: 14px !important;
  text-align: right;
  direction: rtl;
}

.top-border {
  border-top: 1px solid #eee;
  margin: 20px 0;
  padding: 20px 0;
}

.complaint-text {
  text-align: right;
  margin: 20px 0px;
  padding: 25px;
  background: #f0f6ff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
}

.complaint-text h2 {
  font-size: 1.6rem !important;
  line-height: 28px;
}

.complaint-text strong {
  color: #000d4e;
  font-weight: 600;
  font-size: 1.8rem;
  display: block;
  margin-bottom: 10px;
  font-family: peyda;
  font-size: 22px;
}

.survey-title-box {
  text-align: right;
  font-size: 1.6rem;
  margin-bottom: 12px;
  font-weight: 600;
}

.guarantee-heading h2 {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.guarantee-heading a {
  font-weight: 600;
  color: #1b42f2;
  font-size: 14px;
}

.guarantee-caption {
  direction: rtl;
  text-align: right;
}

.guarantee-caption h3 {
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 18px;
  color: #1c40f2;
}

.serial-num-error input {
  border: 1px solid #fd1464 !important;
}

.serial-num-error label {
  color: #fd1464 !important;
}

.error-serial {
  display: inline-block;
  margin-top: 12px;
  direction: rtl;
  text-align: right;
  width: 100%;
  color: #fd1464;
  font-size: 16px;
}

.guarantee-conditions i {
  color: #1c40f2;
  margin: 0 4px;
  font-size: 10px;
}

.guarantee-conditions span {
  color: #1c40f2;
  font-weight: 600;
}

.guarantee-conditions {
  padding: 5px 8px;
  background-color: #e9efff;
  display: inline-block;
  margin-top: 15px;
  border-radius: 4px;
}

.error-serial small {
  font-weight: 600;
}

.btn-process {
  font-size: 1.7rem;
  box-shadow: 0px 15px 27px 2px rgba(37, 110, 255, 0.28);
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 3rem;
  color: #fff;
  cursor: pointer;
  height: 50px;
  overflow: hidden;
  margin-bottom: 20px;
}

.btn-ring {
  display: none;
}

.btn-ring:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: ring 1.2s linear infinite;
}

@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
@keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
@media screen and (min-width: 550px) {
  .page-header .panel1 {
    width: 60%;
  }
  .page-header .panel2 {
    width: calc(60% - 3rem);
  }
  .page-header .top-menu {
    width: calc(60% - 6rem);
  }
}
@media screen and (min-width: 768px) {
  .page-header .top-menu {
    padding: 4rem;
  }
  .page-header ul a {
    font-size: 1.6rem;
  }
  .page-header .search-form input {
    font-size: 2.4rem;
    height: 5rem;
    line-height: 5rem;
  }
}
@media screen and (min-width: 995px) {
  .page-header {
    padding: 0 3rem;
  }
  .page-header .panel,
  .page-header .open-mobile-menu,
  .page-header .vertical-logo,
  .page-header .top-menu .mob-block,
  .page-header .top-menu > li:last-child,
  .page-header .top-menu-wrapper::before {
    display: none;
  }
  .page-header .horizontal-logo {
    display: block;
    height: 50px;
    margin-left: 50px;
  }
  .page-header .top-menu-wrapper {
    display: flex;
    align-items: center;
    color: var(--white);
  }
  .page-header .top-menu {
    flex-direction: row;
    position: static;
    width: auto;
    background: transparent;
    transform: none;
    padding: 0;
    overflow-y: visible;
    margin-bottom: 0px;
    box-shadow: none !important;
  }
  .page-header .top-menu li + li {
    margin-top: 0;
  }
  .page-header .top-menu > li > a {
    padding: 27px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    display: flex;
    align-items: center;
  }
  .page-header ul a {
    font-size: 1.3rem;
  }
  .page-header .has-dropdown i {
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
  }
  .page-header .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.5rem 2rem;
    background: rgba(255, 255, 255, 0.795);
    text-align: right;
  }
  .page-header .sub-menu li + li {
    margin-top: 1.2rem;
  }
  .owl-item > div.videos {
    cursor: pointer;
    margin: 6% 8%;
    transition: margin 0.4s ease;
  }
  .owl-item.center > div {
    cursor: auto;
    margin: 0;
  }
  .wrapp-new-title {
    width: 80%;
  }
  .title-videos {
    text-align: center;
    font-size: 20px;
    font-family: peyda;
    font-weight: normal;
    margin-bottom: 30px;
    color: #fff;
  }
  .page-header .sub-menu a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
    color: #000;
    font-weight: 600;
  }
  .page-header .has-dropdown {
    position: relative;
  }
  .page-header .has-dropdown:hover .sub-menu {
    display: block;
  }
  .page-header .search {
    display: flex;
    align-items: center;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-header .search {
    margin-left: 5rem;
  }
  .page-header .search i {
    margin-right: 1.5rem;
  }
  .page-header .search span {
    display: block;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.btn-shine {
  margin-top: 40px;
  color: rgb(0, 15, 125);
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  text-align: right;
}

.ticks-wrapp {
  direction: rtl;
}

.blog {
  width: 100%;
}

.capt-v {
  direction: rtl;
  text-align: right;
}

.blog-main-img {
  height: 400px;
  width: 100% !important;
  border-radius: 10px;
  position: relative;
  object-fit: cover;
  bottom: 30px;
}

.blog-main {
  text-align: right;
}

.blog-main-img img {
  height: 100%;
  width: 100% !important;
  border-radius: 10px;
  position: relative;
  object-fit: cover;
  bottom: 30px;
}

.blog-row {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.15);
  border-radius: 5px;
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
  padding-bottom: 50px;
}

.dd-detail {
  display: flex;
  direction: rtl;
}

.n-wroter {
  display: flex;
  padding-left: 50px;
}

.wrapping {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-left: 50px;
  border-left: 1px solid #ccc;
}

.date-holder {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-right: 50px;
}

.category-boxer {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-left: 50px;
  border-left: 1px solid #ccc;
}

.cat-r {
  font-size: 14px;
}

.nm-main {
  font-size: 14px;
  font-weight: 600;
}

.cat-r {
  font-size: 14px;
  margin-bottom: 12px;
}

.cat-w {
  font-size: 14px;
  font-weight: 600;
}

.hd-date {
  font-size: 14px;
  margin-bottom: 2px;
}

.date-here span {
  font-size: 14px;
  font-weight: 600;
}

.date-here {
  line-height: 18px;
}

.main-wroter {
  margin-left: 18px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  object-fit: contain;
}

.main-wroter img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.blog-row ul {
  padding: 5px 40px;
  list-style: circle;
}

.blog blockquote {
  background: rgba(241, 243, 255, 0.5);
  padding: 45px 30px;
  position: relative;
  direction: rtl;
}

.blog blockquote::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  border-radius: 0px 10 10 0px;
}

.bd-qoute-txt {
  color: #001042;
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  line-height: 28px;
}

.share-it .icons-share a.instagram {
  color: #e4405f;
  background: rgba(255, 73, 143, 0.1);
}

.share-it .icons-share a.whatsapp {
  color: #01351b;
  background: rgba(73, 255, 137, 0.1);
}

.share-it .icons-share a.linkedin-in {
  color: #00001e;
  background: rgba(73, 146, 255, 0.1);
}

.wrapp-blog-main {
  padding: 0px 20px;
  direction: rtl;
}

.team-carts {
  margin-top: 70px;
  margin-bottom: 70px;
}

.icons-share a {
  width: 40px;
  height: 40px;
  font-size: 14px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 6px;
}

.share-it {
  margin-top: 30px;
  text-align: right;
  padding: 10px;
}

.share-title {
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  margin-bottom: 20px;
}

.comment-bar {
  margin-top: 40px;
  text-align: right;
  border-top: 1px solid rgb(233, 233, 233);
}

.comment-title {
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  padding-top: 40px;
}

.comment-image {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 20px;
}

.comment-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.comment-wrapping {
  display: flex;
  direction: rtl;
  margin-top: 35px;
  justify-content: space-between;
}

.cm-wrapp-1 {
  display: flex;
  align-items: center;
}

.comment-capt {
  font-size: 13px;
}

.user {
  font-weight: 600;
  font-size: 12px;
}

.comment-wrapping-reply {
  display: flex;
  direction: rtl;
  margin-top: 35px;
  width: 92%;
  border-top: 1px solid rgb(229, 229, 229);
  padding-top: 20px;
}

.reply-ico {
  padding: 8px 15px;
  direction: rtl;
  height: 38px;
  background: rgba(184, 201, 255, 0.3294117647);
  border-radius: 6px;
}

.reply-ico:active .add-comments {
  background-color: rgb(77, 57, 57);
}

.reply-ico i {
  font-size: 10px;
  color: #001dac;
}

.comment-image {
  border-right: 1px solid #ccc;
}

.rep {
  font-weight: 600;
}

.add-comments {
  padding-top: 40px;
  margin-top: 40px;
  padding: 40px 10px;
  border-top: 1px solid rgb(233, 233, 233);
}

.div-padding {
  display: flex;
  flex-direction: row-reverse;
}

.cm-input {
  padding: 10px;
  height: 40px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 16px;
  transition: all linear 0.3s;
}

.cm-input:focus,
.cm-input:active,
.cm-input:hover {
  border: 1px solid #001dac;
}

.cm-input::placeholder {
  font-size: 16px;
  text-align: right;
  color: rgb(164, 164, 164) !important;
  font-family: IRANYekan !important;
}

.adding-cm {
  padding: 10px 35px;
  width: 120px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.adding-cm:hover {
  transition: all linear 0.4s;
  background-color: #0082f8;
  color: #000;
}

.selectBox {
  border: 1px solid #ccc;
  position: relative;
  padding: 12px 24px;
  cursor: pointer;
}

.selectBox__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.selectBox:after {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14.001 8.165'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.861,60.224l-.7-.7a.441.441,0,0,0-.645,0L7,65.036,1.487,59.522a.441.441,0,0,0-.645,0l-.7.7a.441.441,0,0,0,0,.645l6.537,6.538a.441.441,0,0,0,.645,0l6.538-6.538a.442.442,0,0,0,0-.645Z' transform='translate(0 -59.382)'/%3E%3C/svg%3E");
}

.selectBox .dropdown-menu {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  top: 100%;
  width: 100%;
  max-height: 250px;
  z-index: -1;
  overflow-y: auto;
  transform: translateY(-15%);
  visibility: hidden;
}

.selectBox.show {
  background-color: #fff;
}

.selectBox.show:after {
  transform: translateY(-50%) rotate(180deg);
}

.selectBox.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  z-index: 10;
}

.fix-withen {
  width: 200px;
}

.select-box-costumiz {
  width: 160px;
  border-radius: 4px;
  height: 44px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: #e9e9e9;
  border: 1px solid #dee2e6 !important;
}

.fix-withen .dropdown-item {
  text-align: right;
  font-size: 12px;
}

.fix-withen .dropdown-item:hover {
  background-color: rgba(255, 189, 6, 0.5215686275);
  color: #000;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: rgba(255, 189, 6, 0.5215686275);
  color: #000;
}

.offsett {
  display: flex;
  align-items: center;
}

.all-projects {
  height: 400px;
  background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
}

.cotext {
  height: 70px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: absolute;
  width: 100%;
  background: rgb(255, 255, 255);
  top: -30px;
  border-radius: 10px;
  box-shadow: -1px -1px 16px 2px rgba(136, 136, 136, 0.37);
}

.call-pr {
  padding: 10px 13px;
  display: flex;
  border-radius: 50%;
  border: 1px solid #e5e7f4;
  background: rgba(0, 24, 144, 0.1019607843);
  align-items: center;
  justify-content: center;
}

.cotext h3 {
  font-weight: 600;
  font-size: 14px;
}

.card {
  position: ralative;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  border: none;
  margin-bottom: 30px;
}

.card-overlay {
  padding: 20px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: center;
}

.name-company {
  font-family: "peyda";
  text-align: right;
  font-size: 20px;
}

.subtitle {
  text-transform: uppercase;
  padding-left: 0px;
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 15px;
  font-weight: 600;
  padding-right: 30px;
  text-align: start;
  width: 100%;
}

.subtitle:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  width: 20px;
  background: #FECA22;
}

.card-caption {
  padding-top: 40px;
  padding-bottom: 20px;
  height: 290px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 70px;
  direction: rtl;
}

.new-card-caption {
  background-image: url(/assets/images/vectors/pricing-circle.webp);
}

.wrapper {
  display: block;
  height: 140px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/wp-about-circle-half.webp);
  background-size: 70px;
}

.line-blue {
  height: 2px;
  background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
}

.company-info-services {
  font-size: 12px;
  text-align: right;
  margin-top: 8px;
}

.card-body {
  padding: 0px;
}

.card:hover .card-overlay {
  top: 0;
}

.card-overlay.left {
  left: -100%;
  top: 0;
}

.card:hover .card-overlay.left {
  left: 0;
}

.card-overlay.right {
  left: 100%;
  top: 0;
}

.card:hover .card-overlay.right {
  left: 0;
}

.card-overlay.top {
  left: 0;
  top: -100%;
}

.card:hover .card-overlay.top {
  top: 0;
}

.calc-sett {
  margin-top: 0px !important;
}

.services-card {
  direction: rtl;
  text-align: right;
  height: 300px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(165, 180, 255, 0.3098039216);
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/12.webp);
  background-position: top left;
  background-size: 320px;
}

.overley-icon {
  height: 65px;
  margin-bottom: 30px;
  object-fit: contain;
}

.overley-icon img {
  height: 100%;
  object-fit: contain;
}

.services-over-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}

.card-text {
  font-size: 12px;
  line-height: 22px;
  height: 60px;
  overflow: hidden;
}

.card-link {
  display: flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}

.card-link span {
  background-color: rgba(190, 214, 255, 0.69);
  padding: 4px 15px;
  border-radius: 5px;
}

.next-page {
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 12px 15px;
  padding-bottom: 11px;
  font-size: 16px;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}

.next-page:hover {
  background: linear-gradient(95.45deg, #ae00f8 0.64%, #5d018f 98.23%);
  outline: 2px solid #fff;
  outline-offset: 4px;
  color: #fff;
}

.top-countup {
  position: relative;
  top: -39px;
}

.counter {
  font-family: "peyda";
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(to right, #5c95ff 10%, #1100ff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.count-up-title {
  font-size: 16px;
  font-weight: 600;
}

.bg-services-row {
  margin-top: 40px !important;
  padding-top: 40px !important;
  padding: 40px 10px;
  height: 450px;
  direction: rtl;
  background: #001685;
  background: fixed;
  background-position: 0 0;
  background-image: url(/assets/images/header/prview-hero-img.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.services-row-title {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: "peyda";
  margin-bottom: 0px;
}

.bg-light-city {
  height: 300px;
  padding: 10px;
  border-radius: 5px;
}

.wrapp-imges {
  height: 350px;
  width: 350px;
  object-fit: contain;
  border-radius: 10px;
}

.wrapp-imges img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.each-bb {
  height: 50px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.062745098);
  display: flex;
  padding: 10px;
  align-items: center;
  border-radius: 6px;
  display: flex;
  margin-bottom: 8px;
}

.each-bb h6 {
  color: #fff;
  font-size: 14px;
}

.nice-b1 {
  font-size: 16px;
  color: #4f52f1;
  outline: 1px dotted #4ff1eb;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-b2 {
  font-size: 16px;
  color: #e14dee;
  outline: 1px dotted #4dd2ee;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-b3 {
  font-size: 16px;
  color: #48edab;
  outline: 1px dotted #48b7ed;
  border-radius: 50%;
  outline-offset: 2px;
}

.wrapp-nices {
  display: flex;
  height: 350px;
  justify-content: center;
  flex-direction: column;
}

.brand-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-brand {
  height: 50px;
  width: 90px;
  object-fit: contain;
}

.img-brand img {
  height: 100%;
  width: 100%;
  opacity: 0.9;
  filter: grayscale(0.5);
  object-fit: contain;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.img-brand img:hover {
  opacity: 1;
  filter: grayscale(0);
}

.brand-row {
  margin-top: 50px;
  padding: 25px 0px;
  padding-right: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
}

.title-part {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;
}

.brand-title {
  text-align: center;
  color: rgb(0, 0, 58);
  font-size: 24px;
  font-family: "peyda";
  margin-bottom: 20px;
}

.brand-caption {
  font-size: 14px;
  margin-bottom: 30px;
}

.wrapp-lisence {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 100px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 30px;
  background-position: top left;
  background-size: 30px;
  background-repeat: no-repeat;
  border-radius: 8px;
  -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  box-shadow: 0px 0px 10px 2px rgba(2, 45, 98, 0.06);
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}

.img-co {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  padding: 10px;
  object-fit: contain;
}

.img-co img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.wrapp-company-license {
  padding: 10px;
}

.name-cc {
  font-size: 14px;
  font-weight: 600;
}

.wrapp-lisence:hover {
  background-color: rgb(243, 243, 243);
  background-image: url(/assets/images/vectors/wp-hero-dot.webp);
  background-position: top left;
  background-size: 40px;
  background-repeat: no-repeat;
}

.company-list-hero {
  height: 420px;
  background-image: url(/assets/images/header/banner-4.webp);
}

.gett-project {
  text-align: right;
  background-color: #fff;
  display: flex;
  padding: 20px 28px;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/vps-pricing-line.webp);
  background-size: 70px;
}

.get {
  display: flex;
  align-items: center;
}

.get i {
  margin-right: 15px;
  padding: 14px 14px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  font-size: 16px;
  color: #0027e8;
  transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.gett-project:hover .get i {
  border: 1px solid #2600fd;
  color: #fff;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.wrapp-one-company {
  display: flex;
  padding: 10px 20px;
  padding-left: 30px;
  border-radius: 8px;
  justify-content: space-between;
  height: 85px;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 6px -3px 20px 0px rgba(125, 125, 125, 0.2);
  align-items: center;
  margin-bottom: 20px;
}

.wrapp-order-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.lc-company {
  height: 60px;
  width: 60px;
  padding: 5px;
  object-fit: contain;
}

.lc-company img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.name-cmp {
  font-weight: 600;
  margin-right: 20px;
}

.see-details strong {
  margin-left: 10px;
}

.see-details i {
  padding: 12px 13px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}

.see-details i:hover {
  color: #fff;
  border-color: #1c40f2;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.header-icon-holder {
  display: flex;
  align-items: flex-start;
  justify-content: end;
}

.header-icon-holder::before {
  content: "";
  position: absolute;
  right: 0px !important;
  bottom: 7px;
  width: 70px;
  height: 2px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.title-icon {
  height: 50px;
  width: 50px;
  object-fit: contain;
  margin: 0px 10px;
}

.title-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.services-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #1455f3;
}

.space-bottom {
  margin-bottom: 25px;
  padding: 0px 28px;
}

.righti {
  direction: rtl;
}

.righti .header-icon-holder {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.gt-title {
  margin-bottom: 0px;
  font-weight: 600;
}

.maava-title {
  margin-bottom: 0px;
  font-weight: 600;
}

.no-dis {
  display: none;
}

.mobile-show {
  display: none;
}

.change-languages {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: url(/assets/images/flag/usa.webp);
  background-position: 0 0;
  background-size: cover;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.dark .change-languages {
  background: url(/assets/images/flag/irn.webp);
  background-position: 0 0;
  background-size: cover;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.container-select-language {
  display: flex;
  align-items: center;
  position: relative;
  width: max-content;
  background: #ffffff;
  border: 1px solid #98cfff;
  border-radius: 5px;
  padding: 5px 20px;
  transition: all linear 0.5s;
}

.container-select-language .items-top-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  min-width: 60px;
}

.container-select-language .items-top-footer:hover {
  color: gray;
}

.container-select-language .items-top-footer p {
  text-transform: uppercase;
  margin-right: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  font-weight: 600;
  color: black;
  display: block;
  transition: 0.4s;
  user-select: none;
}

.container-select-language .items-top-footer i {
  font-size: 10px;
  margin-right: 2px;
}

.container-select-language .items-top-footer:hover p {
  color: #215789;
}

.container-select-language .items-top-footer:hover svg {
  fill: #215789;
}

.container-select-language .items-top-footer svg {
  height: 10px;
  width: 10px;
  margin-left: 17px;
  transition: 0.4s;
}

.container-select-language .drop-down-language {
  position: absolute;
  top: 50px;
  right: 0px;
  background: white;
  border-radius: 1px;
  padding: 5px 10px;
  display: none;
  height: fit-content;
  min-width: 103px;
  z-index: 1;
  box-shadow: 2px 2px 9px -2px #111111;
  opacity: 0;
  border-radius: 5px;
}

.btn-drop {
  display: flex;
  align-items: center;
}

.drop-down-language ul {
  padding: 0px;
  margin-bottom: 0px;
}

.container-select-language .drop-down-language.active {
  display: block;
  opacity: 1;
  padding-top: 10px;
}

.container-select-language .drop-down-language ul a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(152, 207, 255, 0.6352941176);
}

.container-select-language .drop-down-language ul a:last-child {
  border-bottom: none;
}

.container-select-language .drop-down-language ul a {
  padding: 8px 2px;
  display: flex;
  align-items: center;
  transition: 0.4s;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: black;
}

.container-select-language .drop-down-language ul li:hover {
  padding-left: 5px;
}

.container-select-language .drop-down-language ul li img,
.container-select-language .items-top-footer img {
  width: 25px;
  object-fit: cover;
}

.container-select-language .drop-down-language ul li a:hover {
  color: #215789;
  text-decoration: none;
}

@media only screen and (max-width: 480px) {
  .error-404 .error-404-404 {
    height: 122px;
    line-height: 122px;
  }
  .error-404 .error-404-404 h1 {
    font-size: 85px;
  }
  .error-404 h2 {
    font-size: 18px;
  }
  .error-404 p {
    font-size: 14px;
  }
  #error-404 .error-404 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 35px;
  }
}
.project-heaher {
  height: 350px;
  background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
}

select {
  width: 100%;
  outline: none;
  border: 1px solid #fff;
  padding: 1rem;
  font-size: 12px;
  border-radius: 0.5rem;
  box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15);
  cursor: pointer;
  width: 100%;
  height: 50px !important;
  color: #ffffff;
  border: 1px solid rgba(0, 29, 172, 0.1843137255);
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 10px;
  padding-right: 20px;
}

.u-customDropdown:after {
  content: "e";
  color: #000;
  left: 20px;
  z-index: 0;
  background: #fff;
  background-size: 50px;
}

select {
  background-color: white;
  /* inline SVG */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  color: #8d8d8d;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

select:focus,
select:hover {
  outline: none;
  border: 1px solid rgba(0, 4, 255, 0.329);
}

option {
  color: #000;
  font-size: 14px;
  line-height: 28px;
  padding: 20px;
}

.ham-title {
  font-size: 32px;
}

.nim-cil-hm {
  height: 0px;
}

.nim-cil-hm img {
  height: 300px;
  z-index: -1;
  position: absolute;
  top: -220px;
  left: 90px;
}

.bg-style {
  background: #fff !important;
}

.gif {
  height: 0px;
  display: flex;
  justify-content: flex-end;
}

.gif img {
  height: 260px;
  z-index: 1;
  position: absolute;
  top: -150px;
}

.new-state {
  position: relative;
}

.wave-heading {
  position: absolute;
  top: -100px;
}

.wave-heading {
  height: 100px;
  width: 100%;
}

.wave-heading img {
  height: 100%;
  width: 100%;
}

.particle-network-animation {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 600px;
  top: 76px;
  overflow: hidden;
  background-color: rgba(23, 23, 23, 0);
  opacity: 0.7;
  /* background-color: transparent; */
}

.particle-network-animation::before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
}

.blur_motion {
  animation: B 8s linear infinite;
  -moz-animation: B 8s linear infinite;
  /* Firefox */
  -webkit-animation: B 8s linear infinite;
  /* Safari and Chrome */
  -o-animation: B 8s linear infinite;
  /* Opera */
}

@keyframes B {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  16.6666666667% {
    -webkit-filter: blur(4px);
    filter: blur(2px);
  }
  33.3333333334% {
    -webkit-filter: blur(8px);
    filter: blur(2px);
  }
  50% {
    -webkit-filter: blur(0px);
    filter: blur(2px);
  }
  66.6666666668% {
    -webkit-filter: blur(8px);
    filter: blur(2px);
  }
  83.3333333335% {
    -webkit-filter: blur(4px);
    filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.over-page-errpr {
  background: hsl(283, 83%, 86%);
  background: linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -moz-linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -webkit-linear-gradient(180deg, hsl(283, 83%, 86%) 0%, rgb(201, 229, 255) 100%);
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.email-send {
  min-height: 200px;
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.box-alert {
  margin-top: 200px;
}

.bg-glass {
  width: 60%;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.062);
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  height: 400px;
  overflow: hidden;
  opacity: 1;
  animation: 1.5s formInAnim cubic-bezier(0.03, 1.08, 0.71, 0.95) forwards;
  animation-delay: 1s;
}

.bg-glass {
  position: relative;
  background: rgba(255, 255, 255, 0.2117647059);
  overflow: hidden;
  width: 70%;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
  z-index: 10000000;
  height: 450px;
  background-image: url(/assets/images/vectors/Group\ 15.webp);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: top right;
}

.num-error {
  height: 200px;
  width: 200px;
  margin-top: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.441);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
}

.bg-access {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  height: 450px;
  background-image: url(/assets/images/vectors/Group\ 30.webp);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: bottom left;
  flex-direction: column;
  align-items: center;
}

.text-btn h3 {
  font-size: 30px;
  font-family: "peyda";
  text-align: right;
  direction: rtl;
  margin-top: 20px;
  color: #070168;
}

.come-back {
  padding: 8px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
  margin-top: 20px;
  background: hsl(283, 83%, 86%);
  background: linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -moz-linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -webkit-linear-gradient(180deg, hsl(283, 83%, 86%) 0%, rgb(164, 211, 255) 100%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
}

.num-error h3 {
  font-size: 90px;
  font-weight: 600;
  font-family: "peyda";
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.not-top {
  top: 0px !important;
}

.email {
  position: absolute;
  top: -100px;
  height: 120px;
  width: 120px;
  background: linear-gradient(278.54deg, #d6ddff 15.93%, #c8e2ff 98.7%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 6px solid #c8e2ff;
  outline-offset: 10px;
}

.white-env {
  font-size: 42px;
  color: #1c40f2;
}

.withe-check {
  font-size: 21px;
  position: absolute;
  color: #ffffff;
  top: 42px;
  right: 48px;
}

.text-send {
  margin-top: 70px;
  margin-bottom: 50px;
  text-align: center;
  direction: rtl;
}

.send-txt {
  font-weight: 600;
  margin-bottom: 10px;
}

.bdt-timeline-container {
  display: flow-root;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}
.bdt-timeline-container .tag-slider {
  padding-left: 0;
}
.bdt-timeline-container .tag-slider a {
  font-size: 30px;
  font-weight: 800;
  word-spacing: 5px;
  color: rgba(38, 36, 103, 0.1294117647);
}

.more {
  position: absolute;
  top: -0.375rem;
  right: 0;
  width: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-white);
  padding: 0.625rem 0 0.625rem 0.625rem;
  border-bottom-left-radius: 1rem;
  z-index: 2;
}

.more::before {
  position: absolute;
  content: "";
  top: 0.375rem;
  left: -1.188rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}

.more::after {
  position: absolute;
  content: "";
  bottom: -1.188rem;
  right: 0px;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}

.more .arrow {
  width: 5.5rem;
  height: 55px;
  border: 0.125rem solid #c8c8c8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}

.more .arrow:hover {
  background: var(--clr-black);
  border: 0.125rem solid var(--clr-black);
  color: var(--clr-white);
}

.more .arrow:hover svg {
  color: var(--clr-white);
}

.more svg {
  width: 1.063rem;
  color: var(--clr-black);
}

.tag-slider {
  position: absolute;
  bottom: -3px;
  left: 9px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-white);
  border-radius: 0;
  padding: 18px 20px;
  border-top-right-radius: 20px;
  z-index: 2;
}

.tag-slider::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 6px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(90deg);
}

.tag-slider::after {
  position: absolute;
  content: "";
  bottom: 3px;
  right: -32px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(90deg);
}

.upk-salf-slider-wrapper {
  display: flex;
  flex-direction: row;
  background: #fff;
  height: 400px;
  padding: 30px;
  position: relative;
  z-index: 0;
}

.upk-salf-slider-wrapper .upk-salf-item {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}

.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-title,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-desc,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-button {
  opacity: 1;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
  height: 100%;
  width: 100%;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-xanc-img {
  display: block;
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
  object-fit: cover;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  top: unset;
  max-width: 460px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5411764706);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  transition: -webkit-backdrop-filter 0.9s;
  transition: backdrop-filter 0.9s;
  transition: backdrop-filter 0.9s, -webkit-backdrop-filter 0.9s;
  padding: 20px;
  padding-left: 20px;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: #2b2d42;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc p {
  font-size: 16px;
}

.team-des {
  z-index: 1;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button {
  opacity: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
  color: #2b2d42;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 12px;
  transition: all 0.3s ease;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link:hover {
  color: #FECA22;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed {
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
  transform: rotate(180deg);
  margin-right: 12px;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed g {
  stroke: currentColor;
  color: #2b2d42;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover g {
  color: #FECA22;
}

.upk-salf-slider-wrapper .upk-page-scroll {
  position: absolute;
  bottom: 8%;
  right: 5%;
  transform: rotate(90deg);
  z-index: 1;
  display: none;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up {
  height: 70px;
  width: 70px;
  display: block;
  background: rgba(255, 255, 255, 0.7882352941);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform: rotate(-90deg);
  overflow: hidden;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-slide {
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #FECA22;
  position: absolute;
  display: block;
  z-index: 0;
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  display: block;
  margin: 30px auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #2b2d42;
  border-left: 2px solid #2b2d42;
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  transform: rotate(-135deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left::after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background-color: #2b2d42;
  transform: rotate(-45deg) translate(8px, 3px);
  left: 0;
  top: 0;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover {
  transition: all 0.1s;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .left-arm:after {
  transform: rotate(-10deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .right-arm:after {
  transform: rotate(10deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .arrow-slide {
  transition: all 0.5s ease-in-out;
  transform: translateY(200%);
}

.upk-salf-slider-wrapper .upk-salf-nav-pag-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  left: 30px;
}

.upk-salf-slider-wrapper .upk-salf-navigation {
  margin-top: 40px;
  margin-right: 2px;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed {
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed g {
  stroke: currentColor;
  color: #2b2d42;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover g {
  color: #FECA22;
}

.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-next {
  margin-top: 15px;
  transform: rotate(90deg);
}

.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-prev {
  transform: rotate(-90deg);
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
  position: absolute;
  top: 43%;
  left: 0;
  margin-right: 22px;
}

@-webkit-keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
@keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet {
  background-color: transparent;
  opacity: 0.8;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
  width: 20px;
  height: 20px;
  margin: 6px -7px;
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation svg {
  transform: rotate(-90deg);
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation .svg__circle-inner {
  stroke: #fff;
  fill: transparent;
  transition: all 0.3s ease;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle {
  stroke: #e62924;
  stroke-dasharray: 75;
  stroke-dashoffset: 0;
  -webkit-animation: progress 4s ease-in-out 1 forwards;
  animation: progress 4s ease-in-out 1 forwards;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle-inner {
  fill: #fff;
  stroke: #e62924;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(239, 241, 253, 0.11), rgba(219, 225, 252, 0.34));
}

.swiper-container {
  width: 100%;
  border-radius: 15px;
}

.some-padding-space {
  padding: 0px 20px;
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .upk-salf-slider-wrapper {
    height: 550px;
    padding: 60px;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 4%;
    display: inherit;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 40px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 400px;
    padding: 40px;
    padding-left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
    width: 100%;
  }
  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 60px;
    margin-right: 20px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 47px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px 0;
  }
}
@media (min-width: 1024px) {
  .upk-salf-slider-wrapper {
    height: 650px;
    padding: 70px;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 9%;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 50px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 460px;
    padding: 50px;
    padding-left: 0;
    padding: 50px;
    margin: 0px 70px;
    border-radius: 15px;
    direction: rtl;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    font-size: 16px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
    font-size: 14px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
    width: 100%;
  }
  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 85px;
    margin-right: 30px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 53px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px -5px;
  }
}
.sectionWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.swiper {
  width: 100%;
  height: 100%;
  padding: 0px 0px;
  overflow: hidden;
}

.swiper .parallax-bg {
  position: absolute;
  right: -5%;
  top: -10%;
  width: 200%;
  height: 200%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.swiper .swiper-wrapper {
  align-items: center;
}

.brand-section .swiper-slide-active:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-bottom: 2px solid #dce2fb;
  border-right: 2px solid #dce2fb;
  border-radius: 0 0 7px 0;
  content: "";
  transition: all 0.3s ease;
}
.brand-section .swiper-slide-active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-top: 2px solid #dce2fb;
  border-left: 2px solid #dce2fb;
  border-radius: 7px 0 0 0;
  content: "";
  transition: all 0.3s ease;
}
.brand-section .swiper-slide-active figcaption:after {
  background: rgb(255, 230, 233) !important;
}

.swiper .swiper-slide:hover::before,
.swiper .swiper-slide:hover::after {
  width: 170px;
  height: 170px;
  transition: all 0.3s ease;
}

.swiper .swiper-slide .cardPopout {
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 7px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.workshop-swiper .swiper-slide .cardPopout {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0) !important;
  border-radius: 7px;
  padding: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.workshop-swiper .swiper-slide .cardPopout .w-absolute {
  height: 212px;
  position: relative;
  top: -5px;
}
.workshop-swiper .swiper-slide .cardPopout .cart-wrappering .cart-img {
  border-radius: 4px;
  height: 205px;
  width: 100%;
  object-fit: cover;
}
.workshop-swiper .swiper-slide .cardPopout .workshop-cart {
  margin-bottom: 35px;
  text-align: right;
  height: 28rem !important;
  padding: 15px;
  background-color: #ffffff !important;
  border-radius: 4px;
  border: 2px solid #efdce1 !important;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
  background-image: url(../images/vectors/flower-box.png) !important;
  background-size: 100px !important;
  background-position: -20px 250px;
  background-repeat: no-repeat;
  width: 275px;
}
.workshop-swiper .swiper-slide .cardPopout .workshop-samples .swiper .swiper-slide.swiper-slide-active::after .swiper .swiper-slide::before {
  position: absolute;
  bottom: 36px;
  right: 2px;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid #f56295;
  border-right: 2px solid #f1739d;
  border-radius: 0 0 7px 0;
  content: "";
  transition: all 0.3s ease;
}

.swiper .swiper-slide img {
  margin-bottom: 25px;
  border-radius: 5px;
}

.swiper .swiper-slide h2 {
  font-size: 20px;
  line-height: 27px;
  font-family: DMSans;
  font-weight: 600;
  border-bottom: 1px solid rgba(39, 131, 118, 0.1);
  padding: 5px 0;
  padding-bottom: 10px;
  margin: 0 0 7px 0;
  text-align: start;
  width: 100%;
}

.swiper .swiper-slide h4 {
  font-size: 13px;
  line-height: 120%;
  font-weight: 600;
  margin: 0 0 13px 0;
  color: #FECA22;
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(234, 238, 255, 0.33), rgba(0, 0, 0, 0));
}

.swiper .swiper-slide figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  padding-left: 0px;
  border-left: 2px solid white;
  position: relative;
  z-index: 0;
}
.swiper .swiper-slide figcaption :after {
  background: rgb(231, 235, 253);
  position: absolute;
  top: 105%;
  left: 10%;
  content: "";
  width: 30%;
  height: 30%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.swiper .swiper-slide figcaption p {
  color: #2a2a2a;
  margin: 0;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-align: justify;
  line-height: 24px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0;
  font-weight: 500;
  text-align: justify;
}

.swiper .swiper-slide a.course-more-btn {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  background-color: #FECA22;
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #FFF;
  border-radius: 3px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1000 !important;
  transition: all 0.6s ease !important;
  flex-direction: row-reverse;
  margin-top: 10px;
  align-items: center;
  padding-top: 8px;
}
.swiper .swiper-slide a.course-more-btn i {
  margin-right: 5px;
}

.swiper .swiper-slide a.course-more-btn:hover {
  color: rgb(255, 255, 255);
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn::after {
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2366;
  color: #fff;
  content: "";
  z-index: -1;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn:hover::after {
  right: 0;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn svg {
  width: 23px;
  height: auto;
  fill: white;
  margin-left: 5px;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn:hover svg {
  margin-left: 10px;
  fill: black;
  transition: all 0.6s ease;
}

.swiper .swiper-scrollbar {
  --swiper-scrollbar-bottom: 0px;
  --swiper-scrollbar-size: 10px;
}

@media (max-height: 550px) {
  .swiper .swiper-slide figcaption p {
    -webkit-line-clamp: 2;
  }
}
@media (max-height: 490px) {
  .swiper .swiper-slide figcaption p {
    -webkit-line-clamp: 1;
  }
}
@media (max-height: 460px) {
  .swiper .swiper-slide figcaption p {
    display: none;
  }
  .swiper .swiper-slide h4 {
    margin: 0;
  }
}
@media (max-height: 430px) {
  .swiper .swiper-wrapper {
    position: relative;
    bottom: 6px;
  }
}
@media (max-width: 750px) {
  .swiper .parallax-bg {
    width: 320%;
  }
}
.sectionWrapper {
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.row-curved {
  height: 70px;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(213, 222, 255, 0.238), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(213, 222, 255, 0.238), rgba(0, 0, 0, 0));
}

.shop-img {
  height: 220px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}
.shop-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.around-padding {
  padding: 0px 10px;
}

.wrapp-half-ads {
  display: inline-block;
  border-radius: 10px;
  height: 170px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}
.wrapp-half-ads img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.line-row {
  width: 100%;
  height: 1px;
  background: #f2f4ff;
}

.test-margin {
  margin-bottom: 150px;
}

@media (min-width: 1440px) {
  .upk-salf-slider-wrapper {
    height: 700px;
    padding: 0px 0px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 30px;
    font-family: Sarbaz;
    font-weight: 600;
    line-height: 45px;
    color: #FECA22;
  }
}
.button {
  background: #f00;
  padding: 18px 20px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media only screen and (min-width: 1460px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .social-teams {
    top: 39%;
    z-index: 1;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 8000px) {
  .second-hidden,
  .social-teams {
    display: none;
    background: none !important;
    box-shadow: none !important;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /* max-width: 1350px;*/
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1346px) {
  .img-slide {
    width: 1300px !important;
    margin-top: 20px;
  }
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
  .name-blog {
    height: 100px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1335px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /*     max-width: 1350px;*/
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .stranger-padding {
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .car-img {
    height: 555px;
    width: 100%;
    object-fit: cover;
  }
  .contact-us-row {
    height: 440px;
    background-position: 0 0;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 30px;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
  .stranger-padding {
    padding: 0px 25px;
  }
  .wrapp-contact p {
    font-size: 12px;
  }
  .wrapp-contact {
    padding: 0 10px 30px 10px;
    margin-bottom: 60px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .services-box-wrapp {
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    display: flex;
    width: 90%;
    direction: rtl;
    background-color: #fff;
    text-align: right;
    height: 216px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 30px;
    z-index: 10;
  }
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 60px;
    left: 0%;
    width: 100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
  }
}
/*ipod pro */
@media (max-width: 991px) {
  .products-container .product-captions h3 {
    font-size: 18px;
  }
  .products-container .product-captions ul {
    padding-right: 0;
  }
  .team-carts {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .card {
    position: ralative;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
    box-shadow: 0px 1px 3px 1px rgba(2, 45, 98, 0.1);
    border: none;
    margin-bottom: 30px;
  }
  .padding-team-cart {
    margin: 5px;
  }
  .intro-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
    height: 100%;
    padding: 0px 20px;
    padding-left: 20px;
  }
  .wrapp-patern-1 {
    height: 350px;
    width: 370px;
    position: absolute;
    top: 15px;
    right: 45px;
    padding: 10px;
    padding-left: 20px;
  }
  .img-services {
    height: 60px;
    width: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }
  .servisec-t {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 34px;
    overflow: hidden;
  }
  .service-wrap-name {
    padding: 0px 0px;
    width: 100%;
  }
  .services-section {
    height: auto;
    border-radius: 8px;
    direction: rtl;
    padding: 20px 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .title-design h2 {
    font-size: 16px;
    display: flex;
    flex-direction: column;
  }
  .title-design h2 span {
    margin: 12px 0;
  }
  .about-us-box {
    border-radius: 8px;
    height: 170px !important;
    padding: 10px !important;
    justify-content: center;
    position: relative;
    z-index: 0;
  }
  .about-us-box strong {
    margin-bottom: 0;
  }
  .about-us-box h4 {
    font-size: 30px !important;
    height: 32px;
    margin-bottom: 10px;
    text-align: center;
  }
  .about-us-box p {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
  }
  .wrap-about-photo {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
  .rating-box {
    top: 304px;
    width: 115px;
    height: 115px;
    padding: 22px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.22);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: -145px;
    border-radius: 8px;
    border: 1px solid rgba(147, 143, 176, 0.2);
  }
  .wrap-about-photo .big-about-photo {
    height: 450px;
    width: 100%;
    right: 0px;
  }
  .about-us-captions {
    padding-left: 0;
  }
  .title-design img {
    height: 30px;
    width: 30px;
    margin-left: 10px;
  }
  .title-design .title-line {
    margin-right: 15px;
    width: 15%;
  }
  .title-design h2 {
    font-size: 18px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
    position: relative;
    /* top: 0; */
    transition: transform 0.3s ease;
    vertical-align: middle;
    transform: rotate(181deg);
    margin-right: 12px;
  }
  .upk-salf-slider-wrapper {
    height: 480px;
  }
  .bdt-timeline-container .tag-slider a {
    font-size: 16px;
    font-weight: 500;
    word-spacing: 5px;
    color: #FECA22;
  }
  .upk-salf-slider-wrapper {
    padding: 0px !important;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    color: #2b2d42;
    margin-bottom: 20px;
    font-family: "Sarbaz";
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    color: #000;
    font-size: 13px;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    position: absolute;
    right: 52px;
    bottom: 150px;
    top: unset;
    max-width: 240px;
    padding: 8px;
    border-radius: 8px;
  }
  .wrapp-heaader-top strong {
    display: none;
  }
  .nav-links > .logo {
    display: none;
  }
  .wrap-about-photo .big-about-photo .more-2 {
    z-index: 0;
  }
  .owl-carousel {
    z-index: 0;
  }
  .more {
    z-index: 0;
  }
  .tag-slider {
    z-index: 0;
  }
  .product-holder {
    margin-top: 20px;
    height: 120px;
  }
  .car-img {
    height: 555px;
    width: 100%;
    object-fit: cover;
  }
  .topper {
    position: relative;
    top: -30px;
    right: -25px;
  }
  .wrapping-capt p {
    font-size: 12px;
  }
  .warranty-checker-header {
    height: 250px;
  }
  .guarantee-caption p {
    font-size: 12px;
    text-align: justify;
  }
  .wrapp-new-title {
    width: 100%;
  }
  .wrapp-new {
    display: flex;
    padding: 10px;
    direction: rtl;
    text-align: right;
    align-items: flex-start;
    transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
    flex-direction: column;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 60px;
    left: 0%;
    width: 100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
  }
  .wrapp-numbric {
    height: 220px;
    border-radius: 10px;
    padding: 15px;
    margin: 10px;
  }
  .img-services img {
    height: 50px;
    margin: 10px 0px;
  }
  .capt-ser {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
  }
  .services-box-wrapp {
    display: flex;
    direction: rtl;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}
/* ipod */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-holder {
    margin-top: 20px;
    height: 120px;
  }
  .capt-ser {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .new-head {
    line-height: 28px;
  }
  .revert-mind {
    padding: 30px;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .vertical-logo {
    height: 45px;
    margin-right: 20px;
  }
  .first-num {
    font-size: 35px;
    font-weight: 600;
    color: #3779ff;
    margin-right: 1px;
  }
  .sec-num {
    font-size: 35px;
  }
  .title-op {
    text-align: center;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
  }
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .blue-circle img {
    position: absolute;
    height: 280px;
    top: -340px;
    left: -27px;
    z-index: -1;
  }
  .blue-circle img {
    position: absolute;
    height: 280px;
    top: -340px;
    left: -27px;
    z-index: -1;
  }
  .webp-back {
    height: 380px;
    background-position: 0 0;
    background-size: cover;
  }
  .wrapping-img-about {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 0px;
  }
  .iconic-box {
    height: 75px;
  }
  .servisec-t {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 80px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -690px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .services-sections {
    width: 100%;
    margin: 30px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .services-box-wrapp {
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    display: flex;
    width: 100%;
    direction: rtl;
    background-color: #fff;
    text-align: right;
    height: 216px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 30px;
    z-index: 10;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .setting-padding {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .it-wrapp-img {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    object-fit: contain;
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .videos-bar {
    padding: 40px 0px;
    height: 400px;
    background-position: 0 0;
    background: url(/assets/images/header/wiwi.webp);
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 70px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 80%;
  }
  .day-d {
    height: 40px;
    width: 40px;
    padding: 10px;
    background: linear-gradient(95.45deg, #0080f8 0.64%, #1c40f2 98.23%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 4px;
  }
  .day {
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #fff;
  }
  .month-d {
    height: 40px;
    width: max-content;
    padding: 10px;
    background: linear-gradient(95.45deg, #1c40f2 98.23%, #0080f8 0.64%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 8px;
  }
  .wrapp-vip-project p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin-bottom: 20px;
  }
  .logo {
    height: 40px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .calc-sett {
    margin-top: 0px !important;
    padding: 0px 30px;
  }
  .contact-us-row {
    height: 350px;
    background-position: center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-holder {
    margin-top: 20px;
    height: 80px;
  }
  .img-scan {
    height: 150px;
    width: 140px;
  }
  .info-header-box h2 {
    font-size: 14px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
  .contact-us-row {
    height: 350px;
    background-position: center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
  }
  .videos-bar {
    padding: 40px 0px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 100%;
  }
  .display-linear {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .shape-bg {
    margin-top: 35px !important;
    padding: 50px 0px;
    padding-bottom: 20px;
  }
  .pp-ro {
    margin-top: 20px;
    font-size: 13px;
    line-height: 25px;
    text-align: right;
    margin-bottom: 20px;
  }
  .see-all-pro {
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    padding: 8px 30px;
    color: #ffffff;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .footer-design {
    margin-top: 80px;
    padding: 0px 30px;
  }
  .footer-widget-heading h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 35px;
    position: relative;
    margin-top: 20px;
  }
  .page-header ul a {
    display: inline-block;
    font-size: 1.3rem;
    transition: color 0.35s ease-out;
    font-weight: 600;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .blue-circle img {
    position: absolute;
    height: 150px;
    top: -350px;
    left: -25px;
    z-index: -1;
  }
  .name-about {
    font-size: 16px;
  }
  .webp-back {
    height: 350px;
    background-position: 0 0;
    background-size: cover;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 30px;
    padding: 40px 25px;
  }
  .services-sections {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .title-captions {
    display: flex;
    flex-direction: column;
    width: 70%;
  }
  .services-capt-p {
    font-size: 13px;
  }
  .services-title {
    padding: 10px 20px;
    padding-top: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .it-wrapp-img {
    height: 200px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .setting-padding {
    padding: 0px 35px;
    padding-bottom: 30px;
  }
  .vip-title {
    font-size: 16px;
    text-align: center;
    color: #001e50;
    font-weight: 600;
  }
  .wrapp-vip-project p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 22px;
    text-align: right;
  }
  .vip-text h6 {
    font-size: 13px;
    margin-right: 20px;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .each-vip {
    border-radius: 10px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
  }
  .shape-bg {
    padding: 0px 20px;
  }
  .services-box-wrapp {
    width: 100%;
    margin-bottom: 0px;
    padding: 10px;
    height: 210px;
  }
  .servisec-t {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    height: 35px;
    overflow: hidden;
  }
  .no-padding {
    padding: 5px;
  }
  .row-ser {
    padding: 15px 15px;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 70px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -622px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .dotti img {
    position: absolute;
    right: 0px;
    height: 57px;
    top: -67px;
  }
  .iconic-box {
    width: 100%;
    background-color: #ecf5fd;
    box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
    padding: 10px 20px;
    border-radius: 10px;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
  }
  .tg {
    font-size: 13px;
    margin: 10px 0px;
    line-height: 22px;
  }
  .wrapping-img-about {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
  .boxes-title {
    font-size: 16px;
  }
  .first-num {
    font-size: 30px;
  }
  .sec-num {
    font-size: 30px;
  }
  .title-op {
    text-align: center;
    font-size: 14px;
    height: 25px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
  }
  .caption-boxs {
    padding: 0px 40px;
    padding-bottom: 0;
  }
  .caption-title {
    direction: rtl;
    text-align: right;
    font-size: 20px;
    color: #fff;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .titles {
    padding: 0px;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .caption-comment {
    padding: 10px 0px;
    color: #fff;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
  }
  .wrapping-capt {
    margin-bottom: 10px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 3%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .vertical-logo {
    height: 40px;
    margin: 0px 10px;
  }
  .logo {
    height: 40px;
  }
  .stranger-padding {
    padding: 0px 30px;
  }
  .car-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
  .full-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 265px !important;
  }
  .be-end img {
    height: 150px;
  }
  .blog-header {
    height: 150px;
    background: linear-gradient(278.54deg, #001dac 15.93%, #FECA22 98.7%);
    margin-bottom: 100px;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .icon-contact {
    position: relative;
    width: 50px;
    height: 50px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    z-index: 1;
    margin-top: -45px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .icon-contact img {
    height: 25px;
  }
  .wrapp-contact {
    padding: 0 30px 30px 30px;
    margin-bottom: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .sup-topper {
    position: relative;
    top: 0px;
    z-index: 3;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 112px;
    height: 4px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  }
  .icon-holder {
    background-color: rgba(52, 52, 52, 0.1);
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    height: 60px;
    width: 60px;
    object-fit: contain;
  }
  .wrapp-about-cart {
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border-radius: 10px;
    padding: 25px 15px;
    margin-top: 30px;
    direction: rtl;
    background: #fff;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .tl-ab {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: rgb(36, 36, 36);
    margin-bottom: 15px;
  }
  .ordering-2 {
    order: 2;
  }
  .ordering-1 {
    order: 1;
  }
  .nim-ril img {
    position: absolute;
    top: -50px;
    left: -20px;
  }
  .gray-bg {
    background-color: #eff1fe;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #eff1fe;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .time-line {
    text-align: center;
    padding: 0px 0px;
    padding-left: 0px;
    font-size: 18px;
    /* font-family: sans-serif; */
  }
  .nim-cil img {
    position: absolute;
    right: -20px;
    bottom: -25px;
    height: 55px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .capt-ra {
    text-align: justify;
  }
  .wrapping-about-mini p {
    text-align: justify;
  }
  .wrapper {
    height: 90px;
    background-size: 40px;
  }
  .counter {
    font-size: 20px;
    font-weight: 600;
  }
  .count-up-title {
    font-size: 12px;
    font-weight: 600;
  }
  .services-card {
    direction: rtl;
    text-align: right;
    height: 265px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(165, 180, 255, 0.3098039216);
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
    background-position: top left;
    background-size: 320px;
  }
  .subtitle {
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: 600;
    padding-left: 0px;
    text-align: right;
    width: 100%;
  }
  .card-caption {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 40px;
    direction: rtl;
  }
  .overley-icon {
    height: 50px;
    margin-bottom: 30px;
    object-fit: contain;
  }
  .img-co {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 10px;
    object-fit: contain;
  }
  .name-cc {
    font-size: 12px;
    font-weight: 600;
  }
  .brand-caption {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
  }
  .company-list-hero {
    height: 200px;
  }
  .wrapp-contex {
    padding: 20px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 4px;
  }
  .contact-us-row {
    height: 350px;
    background-position: top center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 0px 30px;
    margin-bottom: 30px;
  }
  .maava-contact {
    margin-top: 10px;
    text-align: right;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .contact-us-caption {
    line-height: 24px;
    text-align: right;
    font-size: 12px;
  }
  .call {
    font-size: 18px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .revert-mind {
    padding: 30px;
  }
  .guarantee-heading {
    direction: rtl;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .img-info-header {
    height: 80px;
    width: 110px;
    top: -17px;
  }
}
/*
    iphone 6       
    */
@media (max-width: 575px) {
  .card.product-card {
    height: 445px !important;
  }
  .product-card .card-img-holder {
    height: 360px;
  }
  .product-main-img {
    height: 280px;
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
    margin-top: 50px;
    border: 1px solid #eee;
  }
  .thumb-img-gallery {
    height: 138px;
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
    margin-top: 10px;
    border: 1px solid #eee;
  }
  .capt-ser {
    font-size: 14px;
    line-height: 20px;
    height: 66px;
    overflow: hidden;
    text-align: right;
    margin-top: 5px;
    font-weight: 400;
  }
  .tag-slider::before {
    position: absolute;
    content: "";
    top: -33px;
    left: 6px;
    background: transparent;
    width: 33px;
    height: 33px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 2rem 2rem 0px 0rem var(--clr-white);
    transform: rotate(90deg);
  }
  .tag-slider::after {
    position: absolute;
    content: "";
    bottom: 3px;
    right: -32px;
    background: transparent;
    width: 32px;
    height: 32px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 1rem 1rem 0px 0.313rem var(--clr-white);
    transform: rotate(90deg);
  }
  .more::before {
    position: absolute;
    content: "";
    top: 0.375rem;
    left: -1.188rem;
    background: transparent;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0.313rem 0.313rem 0px 0 var(--clr-white);
    transform: rotate(-90deg);
  }
  .more::after {
    position: absolute;
    content: "";
    bottom: -1.188rem;
    right: 15px;
    background: transparent;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0px 0 var(--clr-white);
    transform: rotate(-90deg);
  }
  .wrap-about-box {
    width: unset;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    position: absolute;
    right: 52px;
    bottom: 150px;
    top: unset;
    max-width: 240px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: right;
    direction: rtl;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    direction: rtl;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
    direction: rtl;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
    transform: rotate(181deg);
    margin-right: -3px;
    height: 20px;
  }
  .wrap-about-photo .bottom-about-photo {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 8px;
    position: absolute !important;
    left: -65px !important;
    top: -125px !important;
    right: unset !important;
    bottom: unset !important;
  }
  .info-header-box h2 {
    font-size: 14px;
  }
  .img-scan {
    height: 100px;
    width: 100px;
  }
  .info-header-box {
    height: 70px;
    padding: 30px 30px;
  }
  .img-info-header {
    height: 80px;
    width: 110px;
    top: -17px;
  }
  .warranty-sections address {
    font-size: 14px;
  }
  .wrapp-abouting {
    padding: 20px 0px;
    text-align: justify;
    direction: rtl;
    width: 100%;
  }
  .title-op {
    height: 18px;
  }
  .guarantee-heading {
    direction: rtl;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .show-more span {
    font-size: 12px;
  }
  .wrapp-new-title {
    width: 70%;
  }
  .bg-glass {
    width: 90%;
  }
  .num-error h3 {
    font-size: 60px;
  }
  .num-error {
    height: 150px;
    width: 150px;
    margin-top: 90px;
  }
  .bg-access {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    height: 450px;
    background-image: url(/assets/images/vectors/Group\ 30.webp);
    background-size: 200px;
  }
  .bg-glass {
    background-image: url(/assets/images/vectors/Group\ 15.webp);
    background-size: 200px;
  }
  .text-btn h3 {
    font-size: 24px;
    font-family: "peyda";
    text-align: right;
    direction: rtl;
    margin-top: 20px;
    color: #070168;
  }
  .text-send {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .email-send {
    min-height: 200px;
    padding-bottom: 40px;
  }
  .email {
    position: absolute;
    top: -100px;
    height: 80px;
    width: 80px;
    outline: 3px solid #c8e2ff;
    outline-offset: 10px;
  }
  .white-env {
    font-size: 24px;
    color: #1c40f2;
  }
  .box-alert {
    margin-top: 100px;
  }
  .template-btn {
    border-radius: 5px;
    padding: 12px 30px;
  }
  .page-header {
    position: relative;
    padding: 15px 5px;
    background: #fff;
    height: 75px;
  }
  .container-select-language {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    background: #ffffff;
    border: 1px solid #98cfff;
    border-radius: 5px;
    padding: 5px 15px;
    transition: all linear 0.5s;
  }
  .container-select-language .drop-down-language ul li img,
  .container-select-language .items-top-footer img {
    width: 20px;
    object-fit: cover;
  }
  .container-select-language .drop-down-language {
    position: absolute;
    top: 50px;
    right: 0px;
    background: white;
    border-radius: 1px;
    padding: 5px 10px;
    display: none;
    height: fit-content;
    min-width: 94px;
    z-index: 1;
    box-shadow: 2px 2px 9px -2px #111111;
    opacity: 0;
    border-radius: 5px;
  }
  .ham-title {
    font-size: 18px;
  }
  .project-heaher {
    height: 400px;
    background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
  }
  .gif img {
    height: 140px;
    z-index: 1;
    position: absolute;
    top: -150px;
  }
  .particle-network-animation {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 400px;
    top: 76px;
    overflow: hidden;
    background-color: rgba(23, 23, 23, 0);
    opacity: 0.7;
    /* background-color: transparent; */
  }
  .header-icon-holder::before {
    content: "";
    position: absolute;
    right: unset !important;
    bottom: 7px;
    width: 70px;
    height: 2px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  }
  .gett-project {
    text-align: right;
    background-color: #fff;
    display: flex;
    padding: 10px 12px;
  }
  .btn-shine {
    margin-top: 40px;
    color: rgb(0, 15, 125);
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
  }
  .wrapp-company-license {
    padding: 0px;
    text-align: right;
  }
  .po-box {
    padding: 5px;
  }
  .brand-title {
    font-size: 16px;
  }
  .see-details strong {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;
    display: none;
  }
  .name-cmp {
    font-weight: 600;
    margin-left: 20px;
  }
  .hot-line {
    font-size: 14px;
    font-weight: 600;
  }
  .call {
    font-size: 16px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .property-detail h6 {
    font-size: 12px;
  }
  .name-comp .property-detail h6 {
    font-size: 12px;
  }
  .ct-section-title h2 {
    font-size: 13px;
    line-height: 18px;
  }
  .some-style {
    padding: 0px 30px;
    background-color: rgba(255, 255, 255, 0.717);
    border-radius: 10px;
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  }
  .ticks-wrapp {
    direction: rtl;
  }
  .ticks-wrapp p {
    text-align: right;
    font-size: 10px;
  }
  .mobile-show {
    display: block;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .revert-mind {
    padding: 30px;
  }
  .show-galley {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 0px;
    position: relative;
    top: -40px;
  }
  .capt-v p {
    font-size: 12px;
    text-align: justify;
  }
  .some-style {
    box-shadow: none;
    background: transparent;
  }
  .call {
    font-size: 18px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .contact-us-row {
    height: 350px;
    background-position: top center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 0px 30px;
    margin-bottom: 30px;
  }
  .maava-contact {
    margin-top: 10px;
    text-align: right;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .contact-us-caption {
    line-height: 24px;
    text-align: right;
    font-size: 12px;
  }
  .hm2-explore-btn {
    color: #1b41f2;
    font-size: 14px;
    padding-right: 0px;
  }
  .see-details i {
    padding: 10px 10px;
    font-size: 12px;
    border: 1px solid #a5cfff;
    border-radius: 50%;
    transform: rotate(180deg);
  }
  .company-list-hero {
    height: 200px;
  }
  .wrapp-contex {
    padding: 20px;
  }
  .wrapp-lisence {
    display: flex;
    align-items: center;
    height: 70px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 10px;
    background-position: top left;
    background-size: 30px;
  }
  .brand-caption {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
  }
  .all-projects {
    height: 200px;
    background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
  }
  .about-us-title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
  }
  .img-co {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 10px;
    object-fit: contain;
  }
  .name-cc {
    font-size: 10px;
    font-weight: 600;
  }
  .wrapp-imges {
    height: 200px;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
  }
  .bg-light-city {
    height: 30px;
  }
  .bg-services-row {
    margin-top: 40px !important;
    padding-top: 30px !important;
    padding: 10px 10px;
    height: 450px;
    direction: rtl;
    background: #001685;
    background: fixed;
    background-position: center;
    background-image: url(/assets/images/header/prview-hero-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .wrapp-nices {
    display: flex;
    height: 330px;
    justify-content: flex-end;
    flex-direction: column;
  }
  .services-row-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .overley-icon {
    height: 50px;
    margin-bottom: 30px;
    object-fit: contain;
  }
  .subtitle {
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: 600;
    padding-left: 0px;
    text-align: right;
    width: 100%;
  }
  .card-caption {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 40px;
    direction: rtl;
  }
  .services-card {
    direction: rtl;
    text-align: right;
    height: 265px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(165, 180, 255, 0.3098039216);
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
    background-position: top left;
    background-size: 320px;
  }
  .count-up-title {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
  }
  .aboute-page {
    font-size: 14px;
  }
  .no-mp {
    padding: 5px;
  }
  .wrapper {
    height: 90px;
    background-size: 40px;
  }
  .counter {
    font-size: 20px;
    font-weight: 600;
  }
  .wrapping-about-mini p {
    text-align: justify;
  }
  .capt-ra {
    text-align: justify;
  }
  .icon-contact img {
    height: 20px !important;
  }
  .nim-cil img {
    position: absolute;
    right: -20px;
    bottom: -25px;
    height: 55px;
  }
  .wrapp-imgs {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .time-line {
    text-align: center;
    padding: 0px 0px;
    padding-left: 0px;
    font-size: 18px;
  }
  .wrapp-imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .gray-bg {
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px;
  }
  .nim-ril img {
    position: absolute;
    top: -50px;
    left: -20px;
  }
  .ordering-2 {
    order: 2;
  }
  .ordering-1 {
    order: 1;
  }
  .tl-ab {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .wrapp-about-cart {
    border-radius: 10px;
    padding: 25px 15px;
    margin-top: 30px;
    direction: rtl;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .icon-holder {
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    height: 60px;
    width: 60px;
    object-fit: contain;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 112px;
    height: 4px;
  }
  .maava-about-t {
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .sup-topper {
    position: relative;
    top: 0px;
    right: -15px;
  }
  .wrapp-contact {
    padding: 0 20px 20px 30px;
    margin-bottom: 20px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .icon-contact img {
    height: 25px !important;
  }
  .icon-contact {
    font-weight: 900;
    font-size: 20px;
  }
  .comment-titles {
    width: 60%;
  }
  .icon-contact {
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 1;
    margin-top: -45px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 4px;
  }
  .calc-sett {
    margin-top: 0px !important;
    padding: 0px 30px;
  }
  .name-blog {
    line-height: 27px;
    font-weight: normal;
  }
  .maava-title {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
  }
  .gt-title {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
  }
  .about-us {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    direction: rtl;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .wrapp-one-company {
    display: flex;
    padding: 10px 10px;
    padding-left: 10px;
    border-radius: 8px;
    justify-content: space-between;
    height: 85px;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 6px -3px 20px 0px rgba(125, 125, 125, 0.2);
    align-items: center;
    margin-bottom: 20px;
  }
  .main-wroter {
    margin-right: 5px;
    margin-left: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: contain;
  }
  .wrapping {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 5px;
  }
  .hd-date {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .nm-main {
    font-size: 12px;
    font-weight: 600;
  }
  .cat-w {
    font-size: 12px;
    font-weight: 600;
  }
  .date-here span {
    font-size: 12px;
    font-weight: 600;
  }
  .date-here {
    line-height: 10px;
  }
  .category-boxer {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-right: 10px;
    padding-left: 10px;
  }
  .n-wroter {
    display: flex;
    padding-right: 10px;
  }
  .date-holder {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-right: 10px;
    padding-left: 10px;
  }
  .wrapp-blog-main {
    padding: 0px 10px;
  }
  .cat-r {
    font-size: 10px;
    margin-bottom: 12px;
  }
  .hd-date {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .nm-main {
    font-size: 10px;
    font-weight: 600;
  }
  .bd-qoute-txt {
    color: #001042;
    font-weight: 700;
    font-size: 12px;
    text-align: right;
    line-height: 28px;
  }
  .blog blockquote {
    background: rgba(241, 243, 255, 0.5);
    padding: 25px 30px;
    position: relative;
    direction: rtl;
  }
  .comment-wrapping {
    display: flex;
    direction: rtl;
    margin-top: 20px;
    justify-content: space-between;
    flex-direction: column;
  }
  .name-blog {
    line-height: 28px;
  }
  .n-wroter {
    display: flex;
    padding-left: 0px;
  }
  .blogger-title {
    color: #fff;
    font-size: 16px;
    width: 100%;
    text-align: right;
  }
  .padding-r {
    direction: rtl;
    margin-top: 30px;
    width: 100%;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .stranger-padding {
    padding: 0px 30px;
  }
  .mobile-none {
    display: none;
  }
  .be-end img {
    height: 150px;
  }
  .blog-header {
    height: 150px;
    margin-bottom: 100px;
  }
  .obile-show {
    display: block;
  }
  .videos-bar {
    padding: 40px 0px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 100%;
  }
  .display-linear {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .shape-bg {
    margin-top: 35px !important;
    padding: 50px 0px;
    padding-bottom: 20px;
  }
  .pp-ro {
    margin-top: 20px;
    font-size: 13px;
    line-height: 25px;
    text-align: right;
    margin-bottom: 20px;
  }
  .see-all-pro {
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    padding: 8px 30px;
    color: #ffffff;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .footer-design {
    margin-top: 80px;
    padding: 0px 30px;
  }
  .footer-widget-heading h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 35px;
    position: relative;
    margin-top: 20px;
  }
  .page-header ul a {
    display: inline-block;
    font-size: 1.3rem;
    transition: color 0.35s ease-out;
    font-weight: 600;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .blue-circle img {
    position: absolute;
    height: 150px;
    top: -350px;
    left: -25px;
    z-index: -1;
  }
  .name-about {
    font-size: 16px;
  }
  .webp-back {
    height: 350px;
    background-position: 0 0;
    background-size: cover;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 30px;
    padding: 40px 25px;
  }
  .services-sections {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100vw;
    overflow: hidden;
  }
  .title-captions {
    display: flex;
    flex-direction: column;
    width: 90%;
  }
  .services-capt-p {
    font-size: 13px;
  }
  .services-title {
    padding: 10px 20px;
    padding-top: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .it-wrapp-img {
    height: 200px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .setting-padding {
    padding: 0px 35px;
    padding-bottom: 30px;
  }
  .vip-title {
    font-size: 16px;
    text-align: center;
    color: #001e50;
    font-weight: 600;
  }
  .wrapp-vip-project p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 22px;
    text-align: right;
  }
  .vip-text h6 {
    font-size: 12px;
    margin-left: 20px;
    line-height: 22px;
  }
  .each-vip {
    border-radius: 10px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
  }
  .shape-bg {
    padding: 0px 20px;
  }
  .services-box-wrapp {
    width: 100%;
    margin-bottom: 0px;
    padding: 10px;
    height: 220px;
  }
  .servisec-t {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 34px;
    overflow: hidden;
  }
  .no-padding {
    padding: 5px;
  }
  .row-ser {
    padding: 15px 15px;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 70px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -622px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .dotti img {
    position: absolute;
    right: 0px;
    height: 57px;
    top: -67px;
  }
  .iconic-box {
    width: 100%;
    background-color: #ecf5fd;
    box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
    padding: 10px 8px;
    border-radius: 10px;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
  }
  .tg {
    font-size: 13px;
    margin: 10px 0px;
    line-height: 22px;
  }
  .wrapping-img-about {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
  .boxes-title {
    font-size: 16px;
  }
  .first-num {
    font-size: 30px;
  }
  .sec-num {
    font-size: 30px;
  }
  .title-op {
    text-align: center;
    font-size: 15px;
    height: 22px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    height: 40px;
    overflow: hidden;
  }
  .caption-boxs {
    padding: 0px 40px;
    padding-bottom: 0;
  }
  .caption-title {
    direction: rtl;
    text-align: right;
    font-size: 20px;
    color: #fff;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  }
  .titles p {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
  }
  .titles {
    padding: 0px;
  }
  .wrapp-numbric {
    height: 220px;
    border-radius: 10px;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .caption-comment {
    padding: 0px 0px;
    color: #fff;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
  }
  .wrapping-capt {
    margin-bottom: 30px;
  }
  .nice-btn-animated {
    position: absolute;
    top: 100%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
    box-shadow: 0 20px 50px rgba(255, 255, 255, 0.05);
    overflow: hidden;
    right: -10px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 3%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .vertical-logo {
    height: 40px;
    margin: 0px 10px;
  }
  .logo {
    height: 40px;
  }
  .car-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
  .full-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 265px !important;
  }
  .be-end img {
    height: 120px;
  }
  .cate-name {
    font-size: 10px;
    padding: 8px 5px;
    border-radius: 6px;
    background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
    text-align: center;
  }
  .ticks i {
    color: #FECA22;
    margin-left: 5px;
    margin-right: 0px;
    font-size: 16px;
    margin-top: 10px;
  }
  .ticks {
    display: flex;
    align-items: flex-start;
    /* margin-bottom: 7px; */
  }
  .comment-titles {
    width: 78%;
  }
  .name-comp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }
  .comment-capt {
    font-size: 12px;
    line-height: 20px;
  }
  .blog-main-img {
    height: 200px;
    width: 100% !important;
    border-radius: 10px;
    position: relative;
    object-fit: cover;
    bottom: 30px;
  }
  .n-wroter {
    display: none;
  }
  .comment-image {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: 10px;
  }
}
/*
    iphon
    8,X,XS,11,12
    */
@media only screen and (min-width: 375px) and (max-width: 474px) {
  .ham-title {
    font-size: 18px;
  }
  .project-heaher {
    height: 350px;
    background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
  }
  .gif img {
    height: 100px;
    z-index: 1;
    position: absolute;
    top: -100px;
  }
  .wave-heading {
    height: 104px;
    width: 100%;
  }
  .particle-network-animation {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 350px;
    top: 76px;
    overflow: hidden;
    background-color: rgba(23, 23, 23, 0);
    opacity: 0.7;
    /* background-color: transparent; */
  }
  .name-comp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }
  .text-boxer {
    font-size: 11px;
    font-weight: 600;
    text-align: right;
  }
  .ticks i {
    color: #FECA22;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    font-size: 16px;
  }
  .ticks {
    display: flex;
    align-items: flex-start;
    /* margin-bottom: 7px; */
  }
  .ac-hg {
    height: 60px;
    width: 60px;
    display: flex;
    font-size: 25px;
    border-radius: 90px;
    background: rgb(255, 255, 255);
    box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 42px;
    font-weight: normal;
    font-family: "peyda";
  }
  .numi {
    font-size: 14px;
    /* font-weight: 600; */
    font-family: "peyda";
    maargin-top: 50px;
  }
  .tg {
    font-size: 14px;
    margin: 10px 0px;
    line-height: 24px;
    text-align: justify;
  }
  .services-capt-p {
    font-size: 10px;
    line-height: 22px;
  }
  .video-cover .more-3 {
    position: absolute;
    bottom: -3px;
    left: -10px;
    width: 198px;
    justify-content: space-between;
    align-items: center;
    background: #be934b;
    border-radius: 0;
    padding: 0px 0px;
    border-top-right-radius: 20px;
    z-index: 2;
  }
  .video-cover .more-3::before {
    position: absolute;
    content: "";
    top: -33px;
    left: 9px;
    background: transparent;
    width: 33px;
    height: 33px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 0.313rem 0.313rem 0px 2px #be934b;
    transform: rotate(90deg);
  }
  .address-box {
    border: 1px solid rgba(224, 228, 252, 0.2509803922);
    height: 180px;
    flex-direction: column;
    padding: 20px 20px;
    justify-content: space-between;
    border-radius: 8px;
    margin-top: 20px;
  }
  .address-box p {
    text-align: right;
  }
  .team-card .card-img-holder {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
  }
  .servisec-t {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
  }
  .wrapp-patern-1 {
    height: 380px;
    width: 355px;
    position: absolute;
    top: 15px;
    right: 16px;
    padding: 10px;
    padding-left: 20px;
  }
  .about-us {
    height: 150px;
    background: linear-gradient(278.54deg, #001dac 15.93%, #FECA22 98.7%);
    display: flex;
    justify-content: center;
    align-items: center;
    direction: rtl;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .wrapp-contact p {
    font-size: 12px;
  }
  .wrapp-contact {
    padding: 0 10px 10px 10px;
    margin-bottom: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: 100%;
  }
  .icon-contact {
    position: relative;
    width: 35px;
    height: 35px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    box-shadow: 0px 5px 25px rgba(0, 130, 248, 0.6);
    z-index: 1;
    margin-top: -5px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    object-fit: contain;
  }
  .icon-contact img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .icon-holder {
    background-color: rgba(52, 52, 52, 0.1);
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 5px;
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .ca-caption {
    font-size: 12px;
    text-align: right;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .wrapp-about-cart {
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border-radius: 10px;
    padding: 15px 15px;
    margin-top: 20px;
    overflow: hidden;
    direction: rtl;
    background: #fff;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .caption-award {
    font-size: 12px;
    text-align: right;
    padding: 0px 0px;
    padding-left: 0px;
    line-height: 23px;
    text-align: justify;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #eff1fe;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 30px;
    padding: 10px 10px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .gray-bg {
    background-color: #eff1fe;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100vw;
  }
  .about-us-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
  }
  .wrapping-text {
    padding: 25px 15px;
    top: -780px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .history-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .wrapp-abouting {
    padding: 0px;
    text-align: right;
    direction: rtl;
  }
  .name-about {
    margin-top: 20px;
    padding: 20px 20px;
  }
  .capt-ser {
    font-size: 14px;
    line-height: 23px;
    text-align: right;
  }
  .videos-bar {
    margin-top: 20px !important;
  }
  .intro-box p {
    margin-top: 0px;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    color: #f8f8f8;
  }
  .tall-blog-banner {
    height: 500px;
  }
  .blog-cart-wrapp-small .btn-link {
    background: none !important;
    border: none;
    font-size: 14px;
  }
  .intro-box h4 {
    font-size: 22px;
    color: #fff;
    line-height: 35px;
  }
  .each-vip {
    width: 100%;
    height: 90px;
    padding: 20px;
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    background-color: #fff;
    text-align: right;
    border-radius: 10px;
    margin: 8px 0px;
    display: flex;
    align-items: center;
  }
  .logo {
    height: 35px;
  }
  .change-languages {
    height: 30px;
    width: 30px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
}
@media only screen and (min-width: 1460px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .no-padding {
    padding: 0px;
  }
  /* min     */
}
@media only screen and (min-width: 1536px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .no-padding {
    padding: 0px;
  }
  /* min     */
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /*     max-width: 1350px;*/
    margin-top: 0px;
  }
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-left: -1px;
  line-height: 25px;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.minier-ico {
  font-size: 8px;
}

.pagination > div > div.col {
  padding: 0px 30px;
}

a:hover {
  text-decoration: none;
}

@media (max-width: 575px) {
  .wrapp-address-details span {
    font-size: 12px;
  }
  .warranty-center {
    font-size: 10px;
  }
  .condition-title {
    font-size: 16px;
  }
  .condition-box {
    font-size: 13px;
  }
  .tab-list-item {
    text-align: justify;
    font-size: 13px;
  }
  .tab-parent {
    text-align: justify;
  }
  .mobile-control {
    padding: 0px;
  }
  .warranty-sections p {
    text-align: justify;
    font-size: 13px;
  }
  .product-holder {
    margin-top: 20px;
    height: 90px;
    margin: 18px 0px;
    display: flex;
    object-fit: contain;
    align-items: center;
    justify-content: center;
  }
  .wrapp-numbric {
    height: 220px;
    padding: 10px;
    margin: 10px;
  }
  .show-more {
    display: none;
  }
  .wrapping-capt p {
    font-size: 10px;
  }
  .hm-contact-form .input-field input,
  .hm-contact-form .input-field textarea {
    width: 100%;
    padding: 15px 30px 15px 20px;
    font-size: 14px;
    color: #000000;
    border: 1px solid rgba(0, 29, 172, 0.1843137255);
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 0px;
    font-family: IRANYekan !important;
  }
  .guarantee-heading a {
    font-size: 12px;
  }
  .guarantee-heading h2 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  .guarantee-heading {
    align-content: flex-start;
    margin-top: 15px;
  }
  .wave-his img {
    display: none;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 125px;
    width: 210px;
    border-radius: 12px;
  }
  .wrapp-new {
    display: flex;
    flex-direction: column !important;
  }
  .wrapp-new-title {
    width: 100%;
  }
  .maava-title {
    display: none;
  }
  .get i {
    margin-right: 15px;
    padding: 11px 11px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    font-size: 16px;
    color: #0027e8;
    transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  }
  .services-name {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #1455f3;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 50px;
    height: 1px;
  }
  .gett-project {
    background-size: 55px;
  }
  .see-details strong {
    display: none;
  }
  .topper {
    position: relative;
    top: -50px;
    right: 0px;
  }
  .guarantee-heading h2 {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 474px) {
  .guarantee-icon {
    height: 110px;
    width: 60px;
    object-fit: contain;
    position: absolute;
    top: -60px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 50px;
    height: 1px;
  }
  .box-video {
    height: 150px;
    width: 290px;
    border-radius: 12px;
  }
  .contact-boxing {
    padding: 0px;
  }
  .blogger-title {
    color: #fff;
    font-size: 14px;
    width: 100%;
    line-height: 25px;
    text-align: right;
  }
  .topper {
    position: relative;
    top: -50px;
    right: -32px;
  }
  .services-name {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #1259f4;
    line-height: 22px;
  }
  .home {
    margin-left: 5px;
  }
  .show-images {
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    position: relative;
    top: -15px;
    padding: 7px 15px;
    right: -10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
  }
  .box-video {
    margin-top: 20px;
    height: 125px;
    border-radius: 12px;
  }
  .wrapping-capt span {
    color: #ffffff;
    font-size: 10px;
    line-height: 16px;
  }
}
@media (max-width: 474px) {
  .page-header {
    position: relative;
    padding: 1.5rem 0.5rem;
    background: #fff;
    height: 75px;
  }
  .guarantee-icon {
    height: 110px;
    width: 60px;
    object-fit: contain;
    position: absolute;
    top: -60px;
  }
  .wrapping-text {
    top: -700px;
  }
}
@media only screen and (min-width: 3002px) and (max-width: 4000px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 4001px) and (max-width: 6144px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
.header-design nav {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  height: 90px;
  z-index: 99;
  direction: rtl;
}
.header-design nav .navbar {
  height: 100%;
  max-width: 1520px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 0 0px;
  margin-top: -5px;
}
.header-design nav .navbar .logo a {
  object-fit: contain;
  padding: 8px 0px;
  margin-top: -25px;
  height: 65px !important;
}
.header-design nav .navbar .nav-links {
  line-height: 70px;
  height: 100%;
  display: flex;
  align-items: center;
}

.static-width {
  width: 40%;
  display: flex;
}

nav .navbar .links {
  display: flex;
  align-items: center;
  padding: 0px;
  padding-top: 0px;
  justify-content: center;
}

nav .navbar .links li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}

nav .navbar .links li a {
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.links li:hover .course-arrow,
.links li:hover .blog-arrow {
  transform: rotate(0deg);
}

nav .navbar .links li .arrow {
  /* background: red; */
  height: 100%;
  width: 18px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #000000;
  transition: all 0.3s ease;
  font-size: 17px;
}

nav .navbar .links li .sub-menu {
  position: absolute;
  top: 70px;
  right: 0;
  min-width: 250px;
  padding: 10px 8px;
  line-height: 40px;
  background: #2A2366;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
  border-top: 2px solid #ccc;
}

nav .navbar .links li:hover .Course-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
  display: block;
}

.arrow {
  height: 30px;
  margin-right: 0px !important;
  padding: 5px 7px;
  border-radius: 50%;
}

.logo {
  height: 100px !important;
  object-fit: contain;
  padding: 8px 0px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.logo a {
  object-fit: contain;
  padding: 8px 0px;
  margin-top: 2px;
  height: 80px !important;
}
.logo a img {
  height: 100%;
  object-fit: contain;
}

.navbar .links li .sub-menu li:hover {
  background: #00071d;
}

.navbar .links li .sub-menu li {
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.032);
  padding-right: 10px;
}

.navbar .links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  text-align: right;
}

.navbar .links li .sub-menu a:hover {
  color: #ffffff;
}

.more-arrow {
  width: 100%;
  text-align: right;
}
.more-arrow .arrow {
  color: #fff;
}

.navbar .links li .htmlCss-more-sub-menu {
  /* line-height: 40px; */
}

.blog-arrow {
  direction: ltr;
  text-align: right;
}

.navbar .links li .sub-menu .more-sub-menu {
  position: absolute;
  top: 0;
  right: 98%;
  border-radius: 0px;
  z-index: 1;
  display: none;
}

.links li .sub-menu .more:hover .more-sub-menu {
  display: block;
}

.navbar .search-box {
  position: relative;
  display: flex;
}

.bx-search {
  color: #494949 !important;
}

.input-group-append .bx-search {
  color: #ffffff !important;
}

.navbar .search-box .input-box {
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: #30045a;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}

.navbar.showInput .search-box .input-box {
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: #30045a;
}

.search-box .input-box::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background: #30045a;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}

.search-box .input-box input {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}

.navbar .nav-links .sidebar-logo {
  display: none;
}

.navbar .bx-menu {
  display: none;
}

.course-arrow {
  display: flex;
  align-items: center;
}

@media (max-width: 920px) {
  nav .navbar {
    max-width: 100%;
    padding: 0 0px;
    padding-left: 10px;
  }
  nav .navbar .logo a {
    font-size: 27px;
  }
  nav .navbar .links li {
    padding: 0 10px;
    white-space: nowrap;
    height: 60px;
  }
  nav .navbar .links li a {
    font-size: 13px;
    color: #000000;
  }
  .navbar .links li .sub-menu a {
    font-size: 13px;
    color: #000000;
  }
}
@media (max-width: 1000px) {
  .header-design nav .navbar .nav-links {
    display: block;
  }
  nav .navbar .links li .sub-menu {
    position: absolute;
    top: 70px;
    right: 0;
    min-width: 220px;
    padding: 10px 20px;
    line-height: 40px;
    background: #f0f3fe;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
    border-top: 2px solid #ccc;
  }
  .blog-arrow {
    direction: rtl;
    text-align: right;
  }
  .logo {
    height: 0px !important;
  }
  .sidebar-logo .logo {
    height: 100px !important;
  }
  nav {
    height: 60px;
  }
  nav .navbar .links li:before {
    right: -13px;
    content: "";
    border-color: transparent #262467;
    border-style: solid;
    border-width: 0.33em 0.33em 0.33em 0em;
    display: block;
    height: 0;
    left: 1.8rem;
    position: relative;
    top: 38px;
    width: 0;
  }
  .bxs-chevron-down:before {
    content: "\ec89";
    border: 1px solid rgba(204, 204, 204, 0.1607843137);
  }
  nav .navbar .links .sub-menu li:before {
    border: none !important;
    content: "•";
    color: #fff;
    font-weight: bold;
    width: 3px;
    font-size: 12px;
    margin-left: 5px;
    height: 0;
    left: 1.8rem;
    position: relative;
    top: 0px;
    width: 0;
  }
  .navbar .links li .sub-menu li {
    padding: 0px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding-right: 0px;
  }
  .sub-menu {
    padding: 0px;
  }
  .navbar .links li .sub-menu .more-sub-menu li:before {
    border: none !important;
    content: none;
  }
  nav .navbar .links li .sub-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.6980392157);
  }
  .blog-arrow,
  .course-arrow {
    border-bottom: 1px solid rgba(233, 233, 233, 0);
  }
  nav {
    /* position: relative; */
  }
  .course-links {
    padding-left: 0px !important;
  }
  .navbar .bx-menu {
    display: block;
  }
  nav .navbar .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #fff;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 9999 !important;
  }
  nav .navbar .nav-links:after {
    position: absolute;
    top: 80%;
    left: 50%;
    content: "";
    width: 75%;
    height: 40%;
    border-radius: 50%;
    filter: blur(26px);
    z-index: -1;
    transform: translate(-50%, -50%);
    background: rgba(156, 172, 245, 0.15);
  }
  .navbar .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(240, 243, 254);
    padding: 10px;
    height: 65px;
  }
  .navbar .nav-links .sidebar-logo .logo a {
    width: 100%;
    object-fit: contain;
    padding: 8px 9px;
    margin-top: -3px;
    height: 65px !important;
  }
  .sidebar-logo .logo-name {
    font-size: 25px;
    color: #fff;
  }
  .sidebar-logo i,
  .navbar .bx-menu {
    font-size: 25px;
    color: #000000;
  }
  .bx-x {
    padding: 5px;
    color: #2A2366 !important;
    border-radius: 6px;
    background-color: rgba(203, 203, 255, 0.698);
    top: -1px !important;
  }
  nav .navbar .links {
    display: block;
    margin-top: 20px;
  }
  nav .navbar .links li .arrow {
    line-height: 40px;
  }
  nav .navbar .links li {
    display: block;
  }
  nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
    padding-left: 8px;
  }
  nav .navbar .links li .sub-menu li {
    border-bottom: none;
  }
  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
    position: relative;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .links li:hover .course-arrow,
  .links li:hover .blog-arrow {
    transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
  }
  .navbar .links li .sub-menu .more span {
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }
  .links li .sub-menu .more:hover .more-sub-menu {
    display: none;
  }
  nav .navbar .links li:hover .Course-sub-menu,
  nav .navbar .links li:hover .js-sub-menu {
    display: none;
  }
  .navbar .nav-links.show1 .links .Course-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu {
    display: block;
  }
  .navbar .nav-links.show1 .links .course-arrow,
  .navbar .nav-links.show3 .links .blog-arrow {
    transform: rotate(0deg);
  }
  .navbar .nav-links.show2 .links .more-arrow {
    transform: rotate(0deg);
  }
  nav .navbar .links li .arrow {
    height: 22px;
    width: 25px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    color: #FECA22;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu {
    top: 0;
    right: -20px;
    z-index: 1;
  }
  .sidebar-logo {
    border-bottom: 1px solid rgba(204, 204, 204, 0.0392156863);
  }
  .sidebar-logo .logo {
    width: 150px;
    object-fit: contain;
    padding: 0px;
    position: relative;
    right: 8px;
  }
  .sidebar-logo .navbar .links li .sub-menu a {
    font-size: 12px;
  }
  .navbar .search-box i {
    font-size: 16px;
  }
  .main-btn {
    margin-right: 2px;
  }
  .more {
    height: unset !important;
  }
  .more-sub-menu.sub-menu li a {
    padding-right: 20px;
  }
  .header-design nav {
    height: 80px;
  }
  .submitting {
    font-size: 14px;
    height: 44px;
    background: #262467 !important;
  }
  .sidebar-logo i, .navbar .bx-menu {
    font-size: 25px;
    color: #000000;
    top: -8px;
    position: relative;
    right: 4px;
  }
}
@media (max-width: 370px) {
  .blog-arrow {
    direction: ltr;
    text-align: right;
  }
  nav .navbar .nav-links {
    max-width: 100%;
  }
  .navbar .links li .sub-menu a {
    font-size: 12px;
  }
}
.bxs-chevron-down.arrow {
  margin-right: 0px;
}

nav .navbar .links li a:hover {
  color: #FECA22;
}

header.comments-user {
  box-shadow: none !important;
}

.search-box {
  display: flex;
  justify-content: end;
}

.header-design {
  z-index: 1;
  position: relative;
  height: 85px;
}

.menu-bottom-design {
  height: 30px;
  position: relative;
  z-index: 10;
}

.right-top-header {
  display: flex;
  text-align: right;
  align-items: center;
}

.left-top-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.center-top-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapp-heaader-top {
  padding: 5px 0px;
}
.wrapp-heaader-top a {
  color: #1a1a1a;
  font-size: 13px;
  margin: 0px 4px;
}
.wrapp-heaader-top span {
  color: #1a1a1a;
  font-size: 13px;
}
.wrapp-heaader-top .slash {
  color: #1a1a1a;
}
.wrapp-heaader-top strong {
  color: #1a1a1a;
  font-size: 13px;
}
.wrapp-heaader-top i {
  color: #1a1a1a;
  font-size: 18px;
  margin-inline-end: 5px;
}
.wrapp-heaader-top .mdi-phone-in-talk {
  font-size: 20px !important;
}

.topper-back {
  background: rgb(240, 240, 240);
  direction: rtl;
  border-bottom: 1px solid #eee;
  direction: rtl;
}

.search-btn {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 0px;
  color: #000000;
  display: flex;
  align-items: center;
  background: rgb(251, 228, 236);
  padding: 10px 15px;
  border-radius: 6px;
}
.search-btn span {
  font-size: 12px;
  color: #000000;
  margin-left: 8px;
  border-left: 1px solid #eee;
}
.search-btn i {
  font-size: 23px;
  color: #585556;
}
.search-btn::hover {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0px;
  position: relative;
  bottom: 0px;
  color: rgb(255, 255, 255) !important;
  background: #e4316c;
}

.search-box-holder {
  z-index: 1;
  margin-left: 4px;
  padding-left: 5px;
  display: flex;
  align-items: center;
}

.submitting {
  padding: 4px 15px;
  text-align: center;
  background: #FECA22;
  color: #000000 !important;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: row-reverse;
  position: relative;
  border-radius: 3px;
  z-index: 1;
  margin: 0px 5px;
  top: -10px;
}

.submitimng-ico i {
  font-size: 24px;
  margin: 5px;
  color: #000000;
}

.help-link-mobile {
  display: none;
  flex-direction: row;
  direction: ltr;
  background: #fbe4ec;
  align-items: center;
  border-radius: 4px;
  color: #e4316c;
  font-size: 14px;
  font-weight: 500;
}

.cart-btn {
  background: #FECA22;
  padding: 5px 12px;
}
.cart-btn a {
  color: #fff !important;
  font-size: 20px;
}
.cart-btn a i {
  color: #fff !important;
  position: relative;
  top: 3px;
}

.topper-back-img .hello-bar {
  height: 60px;
  width: 100%;
  object-fit: cover;
}
.topper-back-img .hello-bar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.border-l {
  height: 18px;
  width: 1px;
  margin-right: 4px;
  background-color: rgba(255, 255, 255, 0.4980392157);
}

.box-btnsa {
  position: relative;
  vertical-align: text-top;
}

.submitting {
  font-size: 14px;
  background-size: 300% 100%;
  border-radius: 6px;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.submitting:focus {
  outline: none;
}

.submitting:hover {
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.021);
  background-image: linear-gradient(to right, #d4894f, #f19752, #df7c30, #A14804);
  color: #fff !important;
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.8s linear;
}

.submitting:hover a {
  color: #fff !important;
}

.option-badge {
  font-size: 9px;
  font-weight: 500;
  padding: 0px 4px;
  border-radius: 15px;
  position: absolute;
  transform: translate(-10px, -7px);
}

.option-badge.option-badge-main {
  background: rgb(124, 81, 255);
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  font-weight: normal;
  border: 1px solid rgba(138, 127, 185, 0.4588235294);
  min-width: 20px;
  text-align: center;
}

.credit {
  background: #fff;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

#whatsapp-chat {
  position: fixed;
  background: #fff;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 100px;
  z-index: 100000000000000000;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

.bamikkalashow-chat {
  background: linear-gradient(to right top, #b7ed78, #19c24f);
  color: #fff;
  position: fixed;
  direction: rtl;
  z-index: 98;
  bottom: 25px;
  z-index: 100000000000000;
  font-size: 15px;
  padding: 1px 12px;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  animation: ripple 2s linear infinite;
  outline: none;
  border: none;
  transition: all 0.3s linear 0s;
}

.wp-header-info {
  display: flex;
  align-items: center;
}

.wp-logo {
  width: 50px;
  height: 50px;
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.06);
  object-fit: contain;
  border-radius: 50%;
}

.wp-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(36, 255, 164, 0.3), 0 0 0 10px rgba(2, 207, 169, 0.113);
  }
  100% {
    box-shadow: 0 0 0 12px rgb(184, 253, 200), 0 0 0 10px rgba(2, 207, 169, 0.057);
  }
}
.bamikkalashow-chat:hover {
  width: 140px;
}

.bamikkalashow-chat:hover .chatwidget-text {
  display: block;
}

.chatwidget-text {
  display: none;
  margin-right: 10px;
  animation-name: showchat;
  animation-duration: 1s;
  transition: all ease-in-out 0.4s;
}

.bamikkalashow-chat i {
  transform: scale(1.2);
  animation-name: showchat;
  animation-duration: 1s;
  transition: all 0.3s linear 0s;
  font-size: 35px;
  top: 3px;
  position: relative;
}

.mdi-whatsapp {
  transition: all 1s ease;
}

.mdi-close {
  transition: all 1s ease;
}

.header-chat {
  background: linear-gradient(80deg, #34af80, #34af57 130%);
  color: #fff;
  padding: 25px 20px;
  direction: rtl;
}

.text-header {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.header-chat h3 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.header-chat p {
  font-size: 12px;
  line-height: 1.7;
  margin: 0;
  color: #fff;
}

.info-avatar {
  position: relative;
  direction: rtl;
  height: 55px;
  width: 55px;
  object-fit: cover;
  border-radius: 100%;
}

.info-avatar img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-left: 10px;
}

.info-avatar:before {
  content: "\f5a3";
  z-index: 1;
  font-family: "Material Design Icons";
  background: #34af7c;
  color: #fff;
  width: 24px;
  display: flex;
  border-radius: 100%;
  position: absolute;
  top: 30px;
  font-size: 18px;
  left: -15px;
  height: 24px;
  align-items: center;
  justify-content: center;
}

a.information {
  padding: 10px 20px;
  display: flex;
  overflow: hidden;
  animation-name: showhide;
  direction: rtl;
  margin-bottom: 10px;
  border-right: 2px solid #34af7c;
  animation-duration: 2s;
  text-align: right;
  background-color: #ffffff;
}

a.information:hover {
  background: #f1f1f1;
}

.info-chat span {
  display: block;
  color: #000;
}

.info-chat {
  margin-right: 20px;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-name,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 600;
  color: #222;
}

#get-label,
#get-name {
  color: #fff;
}

span.my-number {
  display: none;
}

.bamikkala-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
  direction: rtl;
  text-align: right;
}

.bamikkala-msg a {
  font-weight: 600;
  color: #34af7c;
}

textarea#chat-input {
  border: none;
  color: #000 !important;
  width: 100%;
  height: 40px;
  outline: none;
  resize: none;
  border-radius: 6px;
  background: #f7f7f7;
  padding: 10px 8px;
  text-align: right;
  direction: rtl;
}

a#send-it {
  color: #ffffff;
  width: 75px;
  font-size: 22px;
  margin-right: 5px;
  font-weight: 600;
  padding: 3px 10px;
  background: linear-gradient(80deg, #34af80, #34af57 130%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.first-msg {
  background-color: #f5f5f5;
  background-image: url(../../assets/images/vectors/wp.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 15px;
  text-align: center;
}

.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  border-radius: 7px;
  padding: 12px 12px;
  display: inline-block;
  text-align: right;
  direction: rtl;
}

.start-chat .bamikkala-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  left: 15px;
  color: #fff;
  font-size: 20px;
}

@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
/* 
 */
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 1.5s;
  transform: scale(1);
  opacity: 1;
}

article .show {
  display: block;
  animation-name: showhide;
  animation-duration: 1.5s;
  transform: scale(1);
  opacity: 1;
}

.chat-parent {
  padding: 15px;
  background-color: #f5f5f5;
  background-image: url(../../assets/images/vectors/wp.webp);
  background-size: cover;
  background-repeat: no-repeat;
}