@charset "UTF-8";
@import url(fontiran.css);
.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

@font-face {
  font-display: swap;
  font-family: IRANYekan;
  font-weight: 400;
  src: local("?"), url("../../assets/font/fonts/IRANYekanRegularFaNum.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: IRANYekan;
  font-weight: 500;
  src: local("?"), url("../../assets/font/fonts/IRANYekanMediumFaNum.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: IRANYekan;
  font-weight: 600;
  src: local("?"), url("../../assets/font/fonts/IRANYekanBoldFaNum.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: IRANYekan;
  font-weight: 800;
  src: local("?"), url("../../assets/font/fonts/IRANYekanBlackFaNum.ttf") format("truetype");
}
body {
  font-size: 14px;
  color: rgb(34, 34, 34);
  background: rgb(247, 247, 247);
  font-weight: 400;
  font-family: IRANYekan !important;
  overflow-x: hidden;
}

::-webkit-scrollbar-thumb {
  background: #2b2d42;
  border-radius: 2px;
  width: 12px;
}

::-webkit-scrollbar-thumb:hover {
  background: #d90429;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

* {
  box-sizing: border-box;
  font-family: IRANYekan;
  transition: filter 0.25s ease;
}

a:hover {
  color: #d90429;
}

.display-flex,
.display-flex-center,
.signup-content,
.signin-content,
.social-login,
.socials {
  display: -webkit-flex;
}

::placeholder {
  font-family: IRANYekan !important;
}

.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;
}

input,
select,
textarea,
button {
  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;
}

strong {
  font-weight: 600 !important;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  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-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);
}

.register-form {
  width: 100%;
}

.form-group {
  position: relative;
  margin-bottom: 5px;
}

.form-group:last-child {
  margin-bottom: 0px;
}

input {
  direction: rtl;
}

input::-webkit-input-placeholder {
  color: #fff;
  font-family: "IRANYekanWeb";
  font-size: 16px;
}

input::placeholder {
  color: rgb(0, 0, 0) !important;
}

input:hover,
input:focus,
input:active {
  color: rgb(0, 0, 0);
}

input:focus::-webkit-input-placeholder {
  color: rgb(0, 0, 0);
}

input[type=checkbox]:not(old) {
  width: 18px;
  margin: 0px;
  padding: 13px;
  font-size: 4em;
  height: 44px;
}

.checkbox-group {
  display: flex;
  align-items: center;
}

.form-group.checkbox-group input {
  height: 25px;
}

.checkbox-group label {
  margin-right: 10px;
}

input[type=checkbox]:not(old) + label {
  display: flex;
  align-items: center;
  line-height: 1.5em;
  font-size: 12px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type=checkbox]:not(old) + label > span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 15px;
  margin-bottom: 3px;
  border: none;
  border-radius: 2px;
  background: none;
  vertical-align: bottom;
}

.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;
}

.socials li {
  padding: 5px;
}

.socials li:last-child {
  margin-right: 0px;
}

.socials li a {
  text-decoration: none;
}

.socials li a i {
  width: 30px;
  height: 30px;
  color: rgb(255, 255, 255);
  font-size: 14px;
  border-radius: 5px;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.socials li:hover a i {
  transform: scale(1.3) translateZ(0px);
}

.input-field div.error {
  position: relative;
  top: -1rem;
  left: 3rem;
  font-size: 0.8rem;
  color: rgb(255, 64, 129);
  transform: translateY(0%);
}

.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

.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;
}

.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;
}

.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: #f5f7f9;
}

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: 800;
  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: 800;
  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/banners/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;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

.compare-body {
  line-height: 1;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cart-pro:hover {
  border: 1px solid #eaeaea;
  cursor: pointer;
}

.cart-pro span {
  padding: 5px 0;
  display: block;
}

.compare-wrap {
  opacity: 1;
  transition: opacity 0.2s;
  padding-top: 0px;
  display: flex;
  margin: 0px 0px;
  height: 25px;
  align-items: center;
}
.compare-wrap input[type=checkbox],
.compare-wrap label {
  cursor: pointer;
}

.compare-wrap .cart-pro:hover .compare-wrap {
  opacity: 1;
}

.action-compare button {
  border: none;
  outline: none;
  background: #d90429;
  color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}

.button:hover {
  background: #d3dffa;
}

.shopping {
  height: 0px;
}
.shopping .add-to-cart-product {
  background: #ccc;
  border: none;
  outline: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #fff;
  background: #d90429;
}

#cover-spin {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#cover-spin::after {
  content: "";
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: black;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

#compare-summary {
  background-color: rgba(0, 0, 0, 0.47);
  background-image: url(/assets/images/vectors/Group\ 1.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 5px 25px;
  padding-right: 75px;
  border-radius: 5px;
  text-align: center;
  position: static;
  right: 50px;
  justify-content: space-between;
  position: fixed;
  direction: rtl;
  z-index: 98;
  bottom: 25px;
  width: 95vw;
  display: flex;
  transition: opacity 0.5s;
  transform: translateX(10px);
  box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.03);
  align-items: center;
}

.features .cd-features-list li {
  background: #f8f8f8;
}

#compare-summary .product {
  margin: 10px;
  margin-right: 56px;
}

#clear {
  display: flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
}
#clear span {
  margin-right: 5px;
  font-weight: 600;
  color: #fff;
}

.compare-wrap input[type=checkbox]:not(old) + label {
  margin: 0px 5px;
}

#clear i {
  color: #fff;
  font-size: 20px;
}

.hide {
  opacity: 0;
}

.mainContent {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  text-align: center;
}

.action-compare {
  display: flex;
  align-items: center;
}

.compare-section {
  display: flex;
  justify-content: center;
}

.button:hover {
  background: #d3dffa;
}

#cover-spin {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#cover-spin::after {
  content: "";
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: black;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

.toggledContent {
  transition: all 0.3s ease;
}

.toggledContent.hide {
  transform: translateX(-100%);
}

.compare-section input[type=checkbox].hide-input:checked + #compare-summary {
  height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.compare-section input.hide-input {
  position: absolute;
  direction: rtl;
  opacity: 0;
  z-index: 98;
  bottom: 200px;
  right: 50px;
}

.compare-section label.toggle {
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 6px 12px;
  font-size: 1rem;
  color: #d90429;
  background: #d3dffa;
  border-radius: 3px;
  user-select: none;
  position: fixed;
  direction: rtl;
  z-index: 98;
  bottom: 200px;
  right: 0;
}

#compare-corral {
  display: flex;
  direction: ltr;
  padding-left: 70px;
}
#compare-corral .imge-wrapper {
  height: 100px;
  padding: 12px;
  width: 100%;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: #fff;
  border-radius: 6px;
}

.show {
  opacity: 1;
}

.cd-products-comparison-table {
  margin-bottom: 6em;
  margin-top: 20px;
  padding: 20px 0px;
}

.cd-products-comparison-table::after {
  display: none;
  content: "mobile";
}

.cd-products-comparison-table header.compare-header::after {
  clear: both;
  content: "";
  display: table;
}

.cd-products-comparison-table .actions {
  float: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.cd-products-comparison-table .reset,
.cd-products-comparison-table .filter {
  font-size: 16px;
}

.cd-products-comparison-table .reset {
  color: #000000;
}

.cd-products-comparison-table .filter {
  padding: 10px 30px;
  color: #ffffff;
  background-color: #d3dffa;
  border-radius: 3px;
  margin-left: 1em;
  cursor: not-allowed;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cd-products-comparison-table .filter.active {
  cursor: pointer;
  background-color: #d90429;
}

.no-touch .cd-products-comparison-table .filter.active:hover {
  background-color: #d90429;
}

.compare-header {
  margin-bottom: 0px !important;
}

.back-list-btn {
  padding: 10px 8px;
  color: #000000;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 1em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #eee;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-top: 6px;
}

.back-list-btn i {
  font-size: 20px;
  position: relative;
  top: 2px;
}

@media only screen and (min-width: 1170px) {
  .cd-products-comparison-table {
    margin-bottom: 8em;
  }
  .cd-products-comparison-table::after {
    content: "desktop";
  }
  .cd-products-comparison-table header.compare-header {
    padding: 0 5% 40px;
  }
  .cd-products-comparison-table h2 {
    font-size: 2.4rem;
  }
  .cd-products-comparison-table .reset,
  .cd-products-comparison-table .filter {
    font-size: 16px;
  }
  .cd-products-comparison-table .filter {
    padding: 10px 20px;
    margin-left: 1.6em;
  }
}
.cd-products-table {
  position: relative;
  overflow: hidden;
}

.cd-products-table .features {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120px;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px;
  border-bottom-width: 1px;
  background-color: #fafafa;
  opacity: 0.95;
  border-left: 1px solid #eee;
}

.cd-products-table .features::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 4px;
  height: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .features {
    width: 210px;
  }
}
.cd-products-table.scrolling .features::after {
  opacity: 1;
}

.cd-products-wrapper {
  overflow-x: auto;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cd-products-columns {
  width: 1200px;
  margin-left: 120px;
}

.cd-products-columns::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (min-width: 1170px) {
  .cd-products-columns {
    width: 2480px;
    margin-left: 210px;
  }
}
.cd-products-columns .product {
  position: relative;
  float: left;
  width: 150px;
  text-align: center;
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}

.filtering .cd-products-columns .product:not(.selected) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.no-product-transition .cd-products-columns .product.selected {
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.filtered .cd-products-columns .product:not(.selected) {
  position: absolute;
}

@media only screen and (min-width: 1170px) {
  .cd-products-columns .product {
    width: 310px;
  }
}
.cd-features-list li {
  font-size: 14px;
  padding: 10px 20px;
  border-color: #e6e6e6;
  background: #fff;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  height: 105px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
}

.cd-features-list li.rate {
  padding: 21px 0;
}

.cd-features-list li.rate span {
  display: inline-block;
  height: 22px;
  width: 110px;
  background: url(../../assets/images/icons/cd-star.svg);
  color: transparent;
}

.compare-header {
  background: rgb(253, 192, 192);
}
.compare-header .offer-title {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  height: 150px;
  background: radial-gradient(circle at center, #97112c, hsla(0, 0%, 100%, 0));
}
.compare-header .header-breadcrump {
  background-color: rgb(253, 192, 192);
}

.compare-act {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 1170px) {
  .cd-features-list li {
    font-size: 14px;
    line-height: 18px;
  }
  .cd-features-list li.rate {
    padding: 22px 0;
  }
}
.features .cd-features-list li,
.cd-products-table .features .top-info {
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  padding: 25px 10px;
  text-align: center;
}

@media only screen and (min-width: 1170px) {
  .features .cd-features-list li,
  .cd-products-table .features .top-info {
    line-height: 16px;
    padding: 25px 20px;
  }
}
.features .cd-features-list li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cd-products-table .top-info {
  position: relative;
  height: 177px;
  width: 150px;
  text-align: center;
  padding: 5px 2.5em;
  border-color: #e6e6e6;
  border-style: solid;
  border-right-width: 1px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  cursor: pointer;
  background: #ffffff;
  flex-direction: column;
  align-items: center;
}

.cd-products-table .top-info::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 4px;
  width: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0;
}

.cd-products-table .top-info img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}

.cd-products-table .top-info h3,
.cd-products-table .top-info img {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-products-table .top-info h3 {
  font-size: 16px;
  margin-top: 20px;
  height: 55px;
  overflow: hidden;
}

.product--img-compare {
  width: 100%;
  object-fit: contain;
  display: flex;
  justify-content: center;
}
.product--img-compare img {
  height: 150px;
  width: 100%;
  object-fit: contain;
}

.cd-products-table .top-info .check {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 auto 1em;
}

.cd-products-table .top-info .check::after,
.cd-products-table .top-info .check::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
}

.cd-products-table .top-info .check::before {
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, -moz-transform 0.3s, border-color 0.3s;
  transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
}

.cd-products-table .top-info .check::after {
  background: url(../../assets/images/icons/cd-check.svg) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .top-info {
    height: 280px;
    width: 310px;
  }
  .cd-products-table .top-info .check {
    margin-bottom: 1.5em;
  }
}
.cd-products-table .features .top-info {
  width: 120px;
  cursor: auto;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .features .top-info {
    width: 210px;
  }
}
.cd-products-table .selected .top-info .check::before {
  background: #9dc997;
  border-color: #9dc997;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes cd-bounce {
  0% {
    -moz-transform: scale(1);
  }
  60% {
    -moz-transform: scale(1.6);
  }
  100% {
    -moz-transform: scale(1.5);
  }
}
@keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.cd-products-table .selected .top-info .check::after {
  opacity: 1;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table.top-fixed .cd-products-columns > li,
  .cd-products-table.top-scrolling .cd-products-columns > li,
  .cd-products-table.top-fixed .features,
  .cd-products-table.top-scrolling .features {
    padding-top: 160px;
  }
  .cd-products-table.top-fixed .top-info,
  .cd-products-table.top-scrolling .top-info {
    height: 160px;
    position: fixed;
    top: 70px !important;
  }
  .cd-products-table.top-fixed .shopping .add-to-cart-product {
    background: #ccc;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 3px 17px;
    color: #fff;
    position: relative;
    top: -88px;
    background: #d90429;
    font-size: 12px;
  }
  .no-cssgradients .cd-products-table.top-fixed .top-info,
  .no-cssgradients .cd-products-table.top-scrolling .top-info {
    border-bottom: 1px solid #e6e6e6;
  }
  .cd-products-table.top-fixed .top-info::after,
  .cd-products-table.top-scrolling .top-info::after {
    opacity: 1;
  }
  .cd-products-table.top-fixed .top-info h3,
  .cd-products-table.top-scrolling .top-info h3 {
    -webkit-transform: translateY(-116px);
    -moz-transform: translateY(-116px);
    -ms-transform: translateY(-116px);
    -o-transform: translateY(-116px);
    transform: translateY(-85px);
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 10px;
    height: 35px;
    overflow: hidden;
  }
  .cd-products-table.top-fixed .top-info img,
  .cd-products-table.top-scrolling .top-info img {
    -webkit-transform: translateY(-62px) scale(0.4);
    -moz-transform: translateY(-62px) scale(0.4);
    -ms-transform: translateY(-62px) scale(0.4);
    -o-transform: translateY(-62px) scale(0.4);
    transform: translateY(-48px) scale(0.4);
  }
  .product--img-compare img {
    height: 130px;
    width: 100%;
    object-fit: contain;
  }
  .cd-products-table.top-scrolling .top-info {
    position: absolute;
  }
}
.cd-table-navigation a {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 15px;
  -webkit-transform: translateY(55px);
  -moz-transform: translateY(55px);
  -ms-transform: translateY(55px);
  -o-transform: translateY(55px);
  transform: translateY(55px);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  height: 60px;
  width: 40px;
  background: rgba(64, 64, 66, 0.8) url("../../assets/images/icons/cd-arrow.svg") no-repeat center center;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
}

.cd-table-navigation a.inactive {
  opacity: 0;
  visibility: hidden;
}

.cd-table-navigation a.prev {
  left: 120px;
  right: auto;
  -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
  -moz-transform: translateY(55px) translateX(15px) rotate(180deg);
  -ms-transform: translateY(55px) translateX(15px) rotate(180deg);
  -o-transform: translateY(55px) translateX(15px) rotate(180deg);
  transform: translateY(55px) translateX(15px) rotate(180deg);
}

.no-touch .cd-table-navigation a:hover {
  background-color: #404042;
}

@media only screen and (min-width: 1170px) {
  .cd-table-navigation a {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  .cd-table-navigation a.prev {
    left: 210px;
    -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
    -moz-transform: translateY(100px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(100px) translateX(15px) rotate(180deg);
    -o-transform: translateY(100px) translateX(15px) rotate(180deg);
    transform: translateY(100px) translateX(15px) rotate(180deg);
  }
  .top-fixed .cd-table-navigation a {
    position: fixed;
  }
  .top-fixed .cd-table-navigation a,
  .top-scrolling .cd-table-navigation a {
    -webkit-transform: translateY(45px);
    -moz-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
  }
  .top-fixed .cd-table-navigation a.prev,
  .top-scrolling .cd-table-navigation a.prev {
    -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
    -moz-transform: translateY(45px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
    -o-transform: translateY(45px) translateX(15px) rotate(180deg);
    transform: translateY(45px) translateX(15px) rotate(180deg);
  }
}
.no-js .actions {
  display: none;
}

.no-js .cd-products-table .top-info {
  height: 145px;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-products-table .top-info {
    height: 248px;
  }
}
.no-js .cd-products-columns .check {
  display: none;
}

@media screen and (max-width: 1200px) {
  #compare-corral .imge-wrapper {
    height: 62px;
    padding: 5px;
    background: #fff;
    border-radius: 6px;
  }
  #compare-summary {
    background-image: none;
  }
  #compare-summary .product {
    margin: 10px;
    margin-right: 0;
  }
  .product--img-compare img {
    height: 35px;
    width: 100%;
    object-fit: contain;
  }
  .product--img-compare img {
    height: 45px;
    width: 100%;
    object-fit: contain;
  }
  .cd-features-list li {
    font-size: 13px;
    padding: 20px 40px;
    border-color: #e6e6e6;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    height: 47px;
  }
  .features .cd-features-list li,
  .cd-products-table .features .top-info {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding: 15px 10px;
    text-align: center;
  }
  .cd-products-table .top-info h3 {
    font-size: 12px;
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  #compare-corral .imge-wrapper {
    height: 50px;
    padding: 5px;
    background: #fff;
    border-radius: 6px;
  }
  #compare-corral {
    display: flex;
    direction: ltr;
    padding-left: 0px;
  }
  #compare-summary {
    padding: 5px 15px;
    border-radius: 5px;
    right: 15px;
    justify-content: space-between;
    position: fixed;
    direction: rtl;
    z-index: 98;
    bottom: 25px;
    width: 98%;
    display: flex;
    flex-direction: column;
  }
  .product--img-compare img {
    height: 45px;
    width: 100%;
    object-fit: contain;
  }
  .cd-features-list li {
    font-size: 10px;
    padding: 0px 5px;
    border-color: #e6e6e6;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    height: 82px;
  }
  .cd-products-table .top-info {
    padding: 5px 10px;
  }
  .shopping .add-to-cart-product {
    background: #ccc;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 2px 15px;
    color: #fff;
    background: #d90429;
  }
  .features .cd-features-list li,
  .cd-products-table .features .top-info {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding: 15px 10px;
    text-align: center;
  }
  .cd-products-table .top-info h3 {
    font-size: 12px;
    margin-top: 20px;
    height: 53px;
    overflow: hidden;
  }
}
.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

.wrapp-pol {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loader-div {
  display: none;
  position: fixed;
  margin: 0px;
  padding: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 30001;
  opacity: 0.8;
}

.loader-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.classy-load {
  -webkit-animation: 2000ms linear 0s normal none infinite running classy-load;
  animation: 2000ms linear 0s normal none infinite running classy-load;
  background: transparent none repeat scroll 0 0;
  border-color: #dddddd #dddddd #111111;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  height: 40px;
  left: calc(50% - 20px);
  position: relative;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 9;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  border-radius: 10px;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
  background: rgba(98, 98, 98, 0.6784313725);
  padding: 19px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.pick-space {
  width: 100%;
  height: 72px;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@-webkit-keyframes classy-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes classy-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.navigation {
  width: 100%;
  height: 65px;
  display: flex;
  direction: rtl;
  align-items: center;
  position: relative;
  font-family: inherit;
}

.navigation * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
  height: 48px;
}

.navigation-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19998;
}

.navigation-hidden {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.align-to-right {
  float: right;
}

.nav-header {
  float: left;
}

.navigation-hidden .nav-header {
  display: none;
}

.nav-brand {
  line-height: 70px;
  padding: 0;
  color: #343a40;
  font-size: 24px;
  text-decoration: none !important;
}

.nav-brand:hover,
.nav-brand:focus {
  color: #343a40;
}

.navigation-portrait .nav-brand {
  font-size: 18px;
  line-height: 48px;
}

.nav-logo > img {
  height: 48px;
  margin: 11px auto;
  padding: 0 15px;
  float: left;
}

.nav-logo:focus > img {
  outline: initial;
}

.navigation-portrait .nav-logo > img {
  height: 36px;
  margin: 6px auto 6px 15px;
  padding: 0;
}

.nav-toggle {
  width: 30px;
  height: 30px;
  padding: 6px 2px 0;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
  display: none;
  cursor: pointer;
}

.nav-toggle:before {
  content: "";
  position: absolute;
  right: -18px;
  width: 20px;
  height: 2px;
  background-color: #343a40;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
}

.navigation-portrait .nav-toggle {
  display: block;
}

.nav-overlay-panel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  z-index: 19999;
}

.no-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nav-search {
  height: 70px;
  float: right;
  z-index: 19998;
}

.navigation-portrait .nav-search {
  height: 48px;
  padding: 0 10px;
  margin-right: 52px;
}

.navigation-hidden .nav-search {
  display: none;
}

.nav-search-button {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  background-color: #fbfcfd;
}

.navigation-portrait .nav-search-button {
  width: 50px;
  height: 48px;
  line-height: 46px;
  font-size: 22px;
}

.nav-search-icon {
  width: 14px;
  height: 14px;
  margin: 2px 8px 8px 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343a40;
  text-align: left;
  text-indent: -9999px;
  border: 2px solid;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-search-icon:after,
.nav-search-icon:before {
  content: "";
  pointer-events: none;
}

.nav-search-icon:before {
  width: 2px;
  height: 11px;
  top: 11px;
  position: absolute;
  left: 50%;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
  color: #27ae60;
}

.nav-search > form {
  width: 100%;
  height: 100%;
  padding: 0 auto;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 99;
}

.nav-search-inner {
  width: 70%;
  height: 70px;
  margin: auto;
  display: table;
}

.navigation-portrait .nav-search-inner {
  height: 48px;
}

.nav-search-inner input[type=text],
.nav-search-inner input[type=search] {
  height: 70px;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: 26px;
  text-align: center;
  color: #343a40;
  outline: none;
  line-height: 70px;
  border: none;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.navigation-portrait .nav-search-inner input[type=text],
.navigation-portrait .nav-search-inner input[type=search] {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}

.nav-search-close-button {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: normal;
  color: #343a40;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

.navigation-portrait .nav-search-close-button {
  top: 10px;
  right: 14px;
}

.nav-button {
  margin: 18px 15px 0;
  padding: 8px 14px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
  color: #fff;
  text-decoration: none;
}

.navigation-portrait .nav-button {
  width: calc(100% - 52px);
  margin: 17px 26px;
}

.nav-text {
  margin: 25px 15px;
  display: inline-block;
  color: #343a40;
  font-size: 14px;
}

.navigation-portrait .nav-text {
  width: calc(100% - 52px);
  margin: 12px 26px 0;
}

.navigation-portrait .nav-text + ul {
  margin-top: 15px;
}

.nav-menu > li > a {
  color: #000000;
  text-transform: uppercase;
}

.main_header_area.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 30px;
}

.logo-area {
  object-fit: contain;
  margin-top: 6px;
}

.logo-area a {
  height: 46px;
  width: 240px;
}

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

.padding-lost {
  padding: 0px 15px;
}

.stranger-padding {
  padding: 0px 90px;
}

.color-nav {
  background-color: #fff;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.smothcolor {
  color: #000;
  height: 45px;
  background-color: #f5f5f5;
  font-family: IRANYekan;
  line-height: 2.15;
}

.form-control:focus {
  color: #000;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}

input:active,
input:hover,
input:focus {
  color: #000 !important;
  background-color: #f7f7f7;
}

input::placeholder {
  color: rgb(32, 32, 32);
  font-size: 14px;
}

.bg-rell {
  background-color: #f5f5f5;
}

.menu-design {
  background: #fff;
  margin-top: 0px;
  padding: 0px 20px;
  border-radius: 7px;
}

.ring {
  background: #d90429;
  height: 2px;
  width: 100%;
  z-index: 10000;
}

.padding-false {
  padding: 0px !important;
}

.centeral-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.mfp-content figure {
  padding: 50px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
  width: 90vw;
}

.mfp-image-holder .mfp-content image {
  height: 70vh;
}

.silc--item {
  min-width: 80px;
}

.silc--item img {
  height: 90px;
  width: 85px;
  object-fit: contain;
  border: 1px solid #e0e0e6;
  border-radius: 10px;
  padding: 10px;
}

.undo-menu {
  margin-top: 0px;
  margin-bottom: 2px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

.slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

.undo-menu {
  direction: rtl;
}

.medium-padding {
  padding: 0px 28px;
}

.name-content {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.name-content .name-brand {
  font-size: 14px;
  margin-bottom: 0px;
}

.selectBox {
  border: 1px solid #ccc;
  position: relative;
  padding: 12px 24px;
  cursor: pointer;
}

.selectBox__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 13px;
}

.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='10' height='5' 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;
}

.title-post {
  object-fit: contain;
}
.title-post i {
  color: #d90429;
}
.title-post i.mdi-chevron-left {
  color: #a1a3a8;
}

.bottom-border {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.history-tl-container {
  direction: rtl;
  margin: auto;
  display: block;
  position: relative;
  margin-top: -8px;
}

.history-tl-container ul.tl {
  padding: 0;
  display: inline-block;
}

.history-tl-container ul.tl li {
  list-style: none;
  margin: auto;
  margin-right: 15px;
  min-height: 40px;
  border-right: 1px dashed #86d6ff;
  padding: 0 20px 10px 10px;
  position: relative;
}

.history-tl-container ul.tl li:last-child {
  border-left: 0;
}

.history-tl-container ul.tl li::before {
  position: absolute;
  right: -8px;
  top: -4px;
  content: " ";
  border: 5px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #258cc7;
  height: 15px;
  width: 15px;
  transition: all 500ms ease-in-out;
}

.item-title {
  position: relative;
  top: -6px;
  display: flex;
  align-items: center;
}
.item-title i {
  font-size: 18px;
  margin-left: 5px;
}

.history-tl-container ul.tl li:hover::before {
  border-color: #258cc7;
  transition: all 1000ms ease-in-out;
}

.red-icon {
  color: #e6123d;
}

.blue-icon {
  color: #1f81b9;
}

ul.tl li .item-detail {
  color: rgb(54, 54, 54);
  font-size: 12px;
}

ul.tl li .timestamp {
  color: #8d8d8d;
  position: absolute;
  width: 100px;
  left: -50%;
  text-align: right;
  font-size: 12px;
}

.gua-title strong {
  font-size: 18px;
  font-weight: 600;
}

.wrap-first-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.undo-menu {
  direction: rtl;
}

.medium-padding {
  padding: 0px 28px;
}

.name-content {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.name-content .name-brand {
  font-size: 14px;
  margin-bottom: 0px;
}

.selectBox {
  border: 1px solid #ccc;
  position: relative;
  padding: 12px 24px;
  cursor: pointer;
}

.selectBox__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 13px;
}

.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='10' height='5' 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;
}

.title-post {
  object-fit: contain;
}

.gua-title strong {
  font-size: 15px;
}

.gua-title span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}

.free-delivery-box {
  height: 92px;
  border: 1px solid #eee;
  border-radius: 8px;
  background-image: url(../../assets/images/vectors/free-delivery.png);
  background-position: left bottom;
  background-size: 80px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  text-align: right;
  direction: rtl;
  padding: 15px;
  font-size: 14px;
  margin-bottom: 15px;
}

.button-modals-area {
  display: flex;
  margin-right: 10px;
  flex-direction: row-reverse;
}

.title-post img {
  height: 35px;
  width: 35px;
  padding: 5px;
  object-fit: contain;
  margin-left: 2px;
}

.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: 100000000;
}

.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: rgb(245, 245, 245);
  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;
}

.register {
  border-left: 1px solid #e9e9e9;
  margin: 0px 8px;
  margin-left: 18px;
  padding-left: 16px;
}

.login {
  padding-right: 3px;
}

.dropdown-list {
  display: none;
}

.shopping-prev {
  height: 44px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 13px !important;
  cursor: pointer;
}

.fh-title {
  font-size: 14px;
  text-align: center;
  font-weight: 600;
}

.fi-hold {
  height: 60px;
  width: 60px;
  object-fit: contain;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dce2ff;
  border-radius: 8px;
  margin-bottom: 20px;
}

.fi-hold img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.logo-of-product {
  object-fit: contain;
  display: flex;
  align-items: flex-start;
  justify-content: start;
}

.wrapping-brands {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between !important;
  align-items: center;
  margin: 20px 0px;
  flex-wrap: wrap;
}

.tags {
  display: flex;
  direction: rtl;
  justify-content: flex-end;
  margin-top: 10px;
}

.tag {
  margin-right: 5px;
}

.tag span {
  font-size: 12px;
  color: #888888;
}

.wrapp-product-code {
  direction: rtl;
  display: flex;
  flex-direction: row;
}

.wrapp-product-code strong {
  font-size: 16px;
  font-weight: 600;
}

.wrappnig-names {
  margin: 2px 0px;
  margin-bottom: 0px;
}

.wrapp-second {
  display: flex;
}

.rate-box {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.context {
  width: 100%;
  position: absolute;
  top: 50vh;
}

.context h1 {
  text-align: center;
  color: #fff;
  font-size: 50px;
}

.area {
  width: 100%;
  height: 100vh;
}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(177, 177, 177, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
.main-site-slider {
  border-radius: 7px;
  margin-top: 16px;
  height: 520px;
}

.setting-height {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.setting-height img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kill-padding {
  padding: 0px 20px;
}

.sett-padding-banner {
  padding: 12px;
}

.brand-circle-padding {
  padding: 0px 25px;
}

.offer-main-page {
  padding: 20px;
  padding-bottom: 40px;
  margin: 0;
  border-radius: 8px;
  border: 1px solid #eee;
}

.small-padding {
  padding: 0px 15px;
}

.carousel-caption p {
  background: rgba(255, 255, 255, 0.168627451);
  border-radius: 4px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
  padding: 10px;
}

.carousel-indicators {
  display: flex;
  justify-content: center;
}

.carousel-indicators li.active {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 20px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  border-top: none;
  border-bottom: none;
  transition: opacity 0.6s ease;
  border-radius: 10px !important;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: none;
  border-bottom: none;
  transition: opacity 0.6s ease;
  border-radius: 10px !important;
}

.persion-direction {
  direction: rtl;
  height: 520px;
  margin: 20px 0px;
  margin-top: 0;
}

.right-padding-counter {
  direction: rtl;
  padding-right: 5px;
}

.left-offer-box {
  padding: 30px 25px;
  direction: rtl;
  text-align: right;
  height: 520px;
  border-top-right-radius: 0px !important;
}

.bg-lighteen-blue {
  border-radius: 10px;
  background-color: #ffecec;
  animation: changeBackgroundColor 10s infinite;
}

@keyframes changeBackgroundColor {
  0% {
    background-color: #ffecec;
  }
  30% {
    background-color: #f5eaea;
  }
  60% {
    background-color: #eae9e9;
  }
  80% {
    background-color: #e3dcdc;
  }
  90% {
    background-color: #eee3e3;
  }
  100% {
    background-color: #ffecec;
  }
}
.lob-title {
  font-size: 18px;
  line-height: 34px;
  font-weight: 600;
}

.cart-property {
  height: 390px;
  overflow: hidden;
}

.off-label {
  direction: rtl;
  text-align: right;
}

.off-label {
  width: 100px;
  background: #fff;
  padding: 0px 0px;
  text-align: center;
  border-radius: 18px;
  margin-top: 20px;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 15px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.price-main {
  margin-top: 10px;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 600;
  color: #030041;
}

.price-main span {
  margin-right: 12px;
}

.latest-price {
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: space-between;
}

.late-p {
  font-size: 14px;
}

.del {
  color: #aaacb0;
  text-decoration: line-through;
  padding: 0px 5px;
  width: max-content;
}

.imag-blue-box {
  height: 270px;
  width: 285px;
  object-fit: contain;
}

.imag-blue-box img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.image-wrapp {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.right-box {
  padding: 40px 25px;
  direction: rtl;
  text-align: right;
  height: 255px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lower-padding {
  padding: 0px 5px;
}

.big-banner-left {
  padding-left: 5px;
  padding-right: 5px;
}

.second-boxs {
  margin-top: 10px;
}

.mini-box-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0px;
  color: #000;
}

.wrapping-mini-image {
  height: 150px;
  width: 185px;
  object-fit: contain;
}

.wrapping-mini-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.free-delivery {
  direction: rtl;
  display: flex;
  height: 25px;
  width: 103px;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
  font-size: 10px;
  font-weight: normal;
  background: #ccc;
  border-radius: 18px;
}

.free-del {
  color: #000;
}

.vip-accounts {
  color: #000;
}

.free-delivery img {
  height: 17px;
  margin-left: 12px;
}

.label-tag {
  margin-right: 10px;
}

.vip i {
  color: #d90429;
  font-size: 10px;
  margin-left: 5px;
}

.vip {
  margin-top: 5px;
  font-size: 10px;
  padding: 0px 5px;
  font-weight: normal;
}

.as-wrapping {
  height: 100px;
  padding: 0px 12px;
  background-size: cover;
  border-radius: 6px;
  display: flex;
  align-items: center;
  direction: rtl;
  justify-content: space-between;
  margin: 18px 0px;
}

.two-back {
  background-position: center;
  background-size: cover;
  margin-top: 30px;
}

.two-back div.d-flex {
  width: 100%;
}

.fast-padding {
  padding: 0px 18px;
}

.img-off {
  height: 100px;
  width: 100px;
  display: flex;
  object-fit: contain;
  align-items: center;
}

.img-off img {
  height: 100%;
  width: 100%;
  margin-top: 8px;
  object-fit: contain;
}

.see-all-offer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.see-all-pros {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.see-btn {
  font-size: 13px;
  width: 135px;
  background-color: #fff;
  border-radius: 18px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  color: #000000;
  font-weight: normal;
  text-align: center;
  justify-content: center;
  box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0.07);
}

.see-btn i {
  font-size: 20px;
}

.black-btn {
  color: #000;
}

.wrapp-comments {
  display: none;
}

#loadLess {
  display: none;
}

#loadMore,
#loadLess {
  padding: 10px;
  text-align: center;
  background-color: #ffffff;
  color: #000;
  font-weight: 600;
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
}

.buttons-holder {
  display: flex;
  width: 100%;
  justify-content: center;
  border-bottom: 1px solid #eee;
}

#loadMore:hover {
  background-color: #fff;
  color: #33739e;
}

.panel-group {
  direction: rtl;
}

.see-pros {
  width: 150px;
  border-radius: 18px;
  padding: 8px 25px;
  display: flex;
  align-items: center;
  color: #000000;
  font-weight: normal;
  text-align: center;
  background: #fff;
}

.main-container-check {
  width: 100%;
  height: max-content;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  border-radius: 20px;
  padding: 30px 20px;
  background-color: #fff;
  width: 100%;
  direction: rtl;
  text-align: right;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 3px rgba(15, 15, 15, 0.0588235294);
  height: max-content;
}

.success-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 35px;
}

.back-green {
  height: 45px;
  padding: 5px 25px;
  margin-top: 25px;
  background: hsl(145, 84%, 73%);
  background: linear-gradient(0deg, hsl(145, 84%, 73%) 0%, hsl(150, 61%, 48%) 100%);
  background: -moz-linear-gradient(0deg, hsl(145, 84%, 73%) 0%, hsl(150, 61%, 48%) 100%);
  background: -webkit-linear-gradient(0deg, hsl(145, 84%, 73%) 0%, hsl(150, 61%, 48%) 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0, 0, 0) !important;
}

.back-green:hover {
  background: linear-gradient(140deg, rgb(88, 208, 138) 0%, rgb(197, 255, 226) 100%);
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 3px rgba(15, 15, 15, 0.0588235294);
}

.check-container {
  width: 6.25rem;
  height: 7.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}

.check-container .check-background {
  width: 100%;
  height: calc(100% - 1.25rem);
  background: linear-gradient(to bottom right, #5de593, #41d67c);
  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  transform: scale(0.84);
  border-radius: 50%;
  animation: animateContainer 1s ease-out forwards 1s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.check-container .check-background svg {
  width: 65%;
  transform: translateY(0.25rem);
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: animateCheck 0.35s forwards 1.25s ease-out;
}

.check-container .check-shadow {
  bottom: calc(-15% - 5px);
  left: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, #49da83, transparent);
  animation: animateShadow 0.75s ease-out forwards 0.75s;
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
  }
  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
}
@keyframes animateCheck {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animateShadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%;
  }
  25% {
    opacity: 0.25;
  }
  43.75% {
    width: 40%;
    height: 7%;
    opacity: 0.35;
  }
  100% {
    width: 85%;
    height: 15%;
    opacity: 0.25;
  }
}
.see-same {
  padding: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #000000;
  font-weight: normal;
  text-align: center;
  font-size: 13px;
}

#back-to-top {
  position: fixed;
  bottom: 6px;
  right: 49px;
  z-index: 9999;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 30px;
  background: #d90429;
  color: rgb(255, 255, 255);
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}

#back-to-top:hover {
  background: #d90429;
  border-radius: 50px;
}

#back-to-top.show {
  opacity: 1;
}

.margin-banner {
  margin-top: 1px !important;
  padding: 10px 15px;
  width: 100%;
}

.see-same span {
  margin-left: 5px;
}

.see-same i {
  font-size: 18px;
}

.big-banner-left:hover .see-pros {
  background-color: #fff;
  transition: linear 0.3s;
}

.see-pros:hover {
  background-color: rgb(227, 148, 161) !important;
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.see-pros span {
  margin-left: 10px;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .see-prosr {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
.see-btn span {
  margin-left: 0px;
}

.offer-box-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0px;
}

.mini-offer {
  background-color: #ff9b6c;
  width: max-content;
  padding: 0px 6px;
  height: 20px;
  width: 34px;
  display: flex;
  align-items: center;
  border-radius: 18px;
  position: absolute;
  z-index: 1;
}

.mini-offer span {
  font-size: 12px;
  font-weight: 600;
  margin-left: 2px;
}

.mini-offer-box {
  /* background: #03060c08; */
  /* box-shadow: 0 3px 6px rgb(120 117 117 / 8%), 0 3px 6px rgb(147 147 147 / 8%); */
  border-radius: 7px;
  height: 100px;
  width: 100px;
  /* padding-bottom: 15px; */
  margin: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.mini-offer-box-b {
  border-radius: 7px;
  height: 75px;
  width: 75px;
  padding-bottom: 20px;
  margin: 0px 10px;
  display: flex;
  justify-content: center;
}

.mini-offer-box-b .img-off {
  height: 80px;
  width: 80px;
  object-fit: contain;
}

.mini-third {
  display: flex;
}

.space-x {
  margin: 10px 0px;
  margin-top: 20px;
}

.title-box {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  padding: 0 10px;
}

.title-box h4 {
  font-weight: 600;
  font-size: 18px;
}

.last-product-space {
  padding: 0px 20px;
}

.row-title {
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}

.see-all-products {
  width: 150px;
  border-radius: 18px;
  padding: 8px 25px;
  padding-left: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #171717;
  font-weight: normal;
  text-align: center;
}

.see-all-products span {
  margin-left: 14px;
}

.see-all-products i {
  color: #d90429;
  font-size: 26px;
}

.line-liner {
  height: 0.5px;
  background: #e8e8e8;
  width: 70%;
}

.line-liner-2 {
  height: 0.5px;
  background: #e8e8e8;
  width: 68%;
}

.cart-pro {
  line-height: 1em;
  border-radius: 12px;
  height: 350px;
  background: #fff;
  padding: 10px 20px;
  width: 100%;
}

.all-details-cart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 80px;
}

.cart-pro:last-child {
  display: block;
}

.imge-wrapper {
  height: 170px;
  padding: 5px;
  width: 100%;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.imge-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.cart-details-wrapper {
  text-align: right;
  font-size: 14px;
  color: rgb(15, 15, 15);
}

.name-pro {
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 10px;
  height: 52px;
  overflow: HIDDEN;
  color: #000;
  margin-bottom: 0px;
}

.product-row {
  direction: rtl;
  display: flex;
  justify-content: center;
}

.free-shiping-label {
  width: 84px;
  padding: 0px 7px;
  height: 22px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#shipping-color {
  background: #ffc2c2;
}

.labels-area {
  height: 20px;
}

.price-area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 50px;
  justify-content: flex-end;
}

.free-ship {
  width: 17px !important;
  height: 15px !important;
}

.num-off {
  text-align: left;
}

.free-dell {
  font-size: 10px;
  font-weight: 600;
  color: #000000;
}

.offing {
  display: flex !important;
  flex-direction: row;
  margin-left: 5px;
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.title-toggle {
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.offering-lable {
  display: flex;
  height: 20px;
  width: max-content;
  background: #d90429;
  padding: 2px 8px;
  padding-top: 3px;
  align-items: center;
  border-radius: 10px;
  position: absolute;
  right: 12px;
}

.half-banner-holder {
  height: 120px;
  width: 100%;
  border-radius: 10px;
  margin-top: 20px;
  object-fit: cover;
}

.half-banner-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.fast-padding {
  padding: 0px 25px;
}

.owl-next {
  position: absolute;
  left: 0px;
  top: 180px;
}

.brand-row {
  padding: 25px 0px;
  padding-right: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  margin-top: 0px;
}

.owl-next {
  padding: 10px;
  background: #ccc;
  width: 30px;
  height: 30px;
  border-radius: 50% !important;
  -webkit-border-radius: 50%;
  background: #f3f3f3 !important;
  border: 4px solid rgba(240, 240, 240, 0.8117647059) !important;
  font-size: 24px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-prev {
  display: none;
}

.nav-item {
  display: flex;
  align-items: center;
  /* margin-right: 10px; */
}

.three-banner {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
  position: relative;
  overflow: hidden !important;
}

.three-banner:hover img {
  transform: scale(1.02);
  transition: all ease-in-out 0.3s;
}

.three-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.see-padding {
  padding: 0px 6px;
}

.shapes-svg {
  margin-top: 30px !important;
  background-position: 0 0;
  background-size: cover;
  padding: 45px 28px;
  direction: rtl;
  transition: linear 0.4s;
  margin-bottom: 40px;
}

.tab-pane .row {
  padding: 7px;
}

.setting-padding {
  padding: 0px 3px;
  width: 100%;
}

.wrapping-larg-view {
  width: 100%;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: none;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #d90429;
  font-weight: 600;
  background-color: transparent;
  border-bottom: 2px solid #d90429;
}

.nav-tabs {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  width: 60%;
}

.nav-tabs {
  border-bottom: 1px solid #e8e8e8;
}

.tab-links {
  color: #000;
  font-weight: normal;
}

.tab-content {
  transition: linear 0.4s;
}

.content-padding {
  padding: 0px 10px;
}

.section-title {
  display: flex;
  height: 0px;
}

.section-title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
}

.section-title h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  position: relative;
  margin-bottom: 10px;
}

.section-title h4::after {
  position: absolute;
  content: "";
  bottom: -39px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #d90429;
}

.vip-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  border-radius: 10px;
  padding: 0px 15px;
}

.vip-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.vip-wrapper {
  padding: 15px 20px;
  height: 375px;
  background: #fff;
  margin-bottom: 30px;
  border-radius: 10px;
  direction: rtl;
}

.vip-wrapper:hover {
  box-shadow: 0 3px 6px rgba(120, 117, 117, 0.08), 0 3px 6px rgba(147, 147, 147, 0.08);
}

.vip-title {
  font-size: 13px;
  text-align: right;
  margin-top: 10px;
  font-weight: normal;
  line-height: 25px;
  padding: 0px 10px;
  height: 80px;
  /* overflow: hidden; */
  margin-bottom: 0px;
  color: #000;
}

.lables {
  direction: rtl;
  margin-top: 0px;
  display: flex;
}

.free-l-vip span {
  font-size: 11px;
}

.free-l-vip {
  background-color: #ef233c;
  width: max-content;
  padding: 4px 13px;
  border-radius: 15px;
  margin: 2px 8px;
  display: flex;
  align-items: center;
  color: #fff;
}

.lables-vip {
  background-color: #fff176;
  width: max-content;
  padding: 2px 13px;
  border-radius: 15px;
  margin: 5px;
  display: flex;
  align-items: center;
}

.lables-vip span {
  font-size: 10px;
  font-weight: normal;
  color: #000;
}

.reverse {
  margin-top: 0px;
  padding: 0px 10px;
}

.reverse .price-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.reverse .price-main {
  margin-top: 0px;
}

.long-banner {
  margin: 12px 0px;
  height: 180px;
  object-fit: cover;
  border-radius: 10px !important;
}

.long-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.blue-o {
  background-color: #8d99ae;
  padding: 45px 5.2%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
  margin-top: 25px;
  direction: rtl;
  position: relative;
}

.blue-o > div.row.main-container.max-width {
  padding: 0px 5px;
}

.blue-o .full-width .col-xl-2.col-lg-4.col-md-4.col-6 {
  padding: 5px;
  margin-bottom: 0px !important;
}

.re-padding {
  padding: 0px 20px;
}

.mobile-settup {
  padding: 0px;
}

.glass-title {
  height: 40px;
  background-color: RGBA(255, 255, 255, 0.3);
  backdrop-filter: blur(0px);
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 0px 15px;
  display: flex;
  direction: rtl;
  text-align: right;
  align-items: center;
  border-radius: 0;
  justify-content: space-between;
  transition: all linear 0.4s;
}

.glass-title:hover {
  background-color: RGBA(255, 255, 255, 0.5);
  backdrop-filter: blur(4px);
}

.glass-title:hover h3 {
  color: rgb(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  text-shadow: none;
}

.glass-title h3 {
  margin-bottom: 0px;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 2px #4c4c4c;
  transition: all linear 0.3s;
}

.glass-title i {
  color: #fff;
  font-size: 20px;
}

.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%;
  object-fit: contain;
}

.brand-title {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
}

.brans-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-padding {
  padding: 10px 25px !important;
  margin-top: 20px;
}

.footer-section {
  width: 100%;
}

q.footer-section {
  position: relative;
  direction: rtl;
  text-align: right;
}

.footer-cta {
  border-bottom: 1px solid #e8e8e8;
}

.single-cta i {
  color: #d90429;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}

.brod-c ul li {
  display: flex;
  margin: 0px 10px;
}

.brod-c ul {
  display: flex;
  margin-bottom: 0;
  padding-right: 0px;
}

.brod-c {
  direction: rtl;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
  margin-top: 10px;
  padding: 0px 15px;
  width: 95%;
}

.show-reasult {
  display: flex;
  justify-content: center;
}

.searching-title {
  font-size: 15px;
  margin-bottom: 0px;
}

.brod-c a {
  color: #6b6b6b;
}

.brod-c a:hover {
  text-decoration: underline !important;
}

.searching-title span {
  font-size: 16px;
  margin-left: 15px;
  color: #d90429;
}

.cta-text {
  padding-left: 15px;
  display: inline-block;
}

.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 2px;
}

.cta-text span {
  color: #757575;
  font-size: 15px;
}

.footer-content {
  position: relative;
  z-index: 2;
}

.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}

.footer-logo {
  margin-bottom: 10px;
}

.footer-logo img {
  max-width: 180px;
}

.payment-method {
  height: 80px;
  width: 80px;
  object-fit: contain;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 5px;
  margin: 8px;
}

.payment-method a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.certificate-area {
  height: 90px;
  width: 90px;
  object-fit: contain;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 5px;
  margin: 8px;
}

.certificate-area a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.footer-text p {
  margin-bottom: 14px;
  font-size: 12px;
  color: #7e7e7e;
  line-height: 26px;
  text-align: justify;
}

.footer-social-icon span {
  color: rgb(0, 0, 0);
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}

.certificated-parent {
  display: flex;
}

.footer-design {
  border-top: 1px solid #e8e8e8;
  margin-top: 80px;
  padding: 30px 0px;
  direction: rtl;
  display: flex;
  justify-content: center;
  text-align: right;
}

.warranty-boxes {
  display: flex;
  width: 100%;
}

.each-boxes {
  width: 25%;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.bi-wrapper {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.warranty-title {
  font-size: 12px;
  margin-top: 15px;
}

.bi-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-left: 5px;
}

.footer-social-icon i {
  height: 40px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  color: #6f7086;
  font-size: 30px;
  padding: 10px 14px;
}

.footer-widget-heading h3 {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 22px;
  position: relative;
  text-align: right;
}

.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #d90429;
}

.footer-widget ul li {
  margin-bottom: 12px;
  text-align: right;
}

.footer-widget ul li a:hover {
  color: #d90429;
}

.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}

.subscribe-form {
  position: relative;
  overflow: hidden;
}

.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  color: #fff;
  border-radius: 5px;
}

.subscribe-form button {
  position: absolute;
  left: 0;
  background: #d90429;
  padding: 7px 20px;
  border: 1px solid #d90429;
  top: 0px;
  height: 51px;
  border-radius: 5px;
}

.adress-modal-icon {
  position: absolute;
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 10000;
}

.adress-modal-icon i {
  font-size: 12px;
  color: rgb(132, 132, 132);
}

.subscribe-form button i {
  color: #fff;
  font-size: 25px;
  transform: rotate(-6deg);
}

.copyright-area {
  background: #ededed;
  padding: 12px 0;
  width: 100%;
  direction: rtl;
  text-align: right;
}

.ads-align {
  display: flex;
  justify-content: end;
}

.dotnettime {
  background-color: #e9e9e9;
  padding: 5px 15px 15px 10px;
}

.dotnettime-section {
  direction: rtl;
}

.dotnettime-area {
  display: flex;
  align-items: center;
}

.dotnettime-area a {
  filter: grayscale(1);
}

.dotnettime-area a:hover {
  filter: grayscale(0);
}

.dotnettime-area img {
  height: 14px;
  object-fit: contain;
}

.dotnettime-area span {
  margin-bottom: 0;
  font-size: 12px;
  color: #6f50c3;
  display: inline-block;
  margin-top: 9px;
}

.copyright-text-p {
  font-size: 12px;
  color: #373e4a;
}

.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #878787;
  text-align: center;
}

.copyright-text p a {
  color: #d90429;
}

.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}

.footer-menu li:hover a {
  color: #d90429;
}

.footer-menu li a {
  font-size: 14px;
  color: #878787;
}

footer ul {
  margin: 0px;
  padding: 0px;
}

#scroll {
  position: fixed;
  z-index: 10;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-color: #ffd1a6;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

#scroll img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -9px;
  height: 16px;
}

#scroll:hover {
  background-color: #ff961e;
  opacity: 1;
  outline: 4px solid rgba(254, 139, 121, 0.4901960784);
  transition: all;
}

::-webkit-scrollbar {
  background: #cecece;
  height: 5px;
  width: 8px;
}

.category-title {
  text-align: center;
  font-size: 20px;
  width: 100%;
  margin: 20px;
}

.img-cc {
  height: 100px;
  width: 100px;
  object-fit: contain;
}

.img-cc img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.arrow {
  border: solid #000000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  margin-top: 5px;
  padding: 4px;
}

.name-category {
  font-size: 12px;
  color: #000;
}

.arrow.up {
  transform: rotate(-135deg);
}

.category-wrapp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-wrapp a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dotti {
  font-size: 14px;
  font-weight: 800;
}

ul.countdown {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}

ul.countdown > li {
  position: relative;
  height: 35px;
  width: 35px;
  border-radius: 10px;
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  background: -webkit-linear-gradient(0deg, hsl(357.81, 75.36%, 42.84%) 0%, hsl(349.58, 96.38%, 43.33%) 100%);
}

.nm-padd {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

ul.countdown > li > span {
  height: 35px;
  width: 35px;
  z-index: 2;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.countdown > li .slice {
  position: absolute;
  background-color: #cccccc;
  width: 100%;
  height: 100%;
  display: flex;
  transform: rotate(-90deg);
  align-items: center;
}

#daily_offers {
  text-align: center;
}

#daily_offers p {
  display: flex;
  align-items: center;
  font-size: 23px;
  font-weight: 600;
}

#daily_offers span {
  position: relative;
  height: 35px;
  width: 35px;
  border-radius: 10px;
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  background: -webkit-linear-gradient(0deg, hsl(357.81, 75.36%, 42.84%) 0%, hsl(349.58, 96.38%, 43.33%) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  padding-top: 2px;
}

#daily_offers p > span {
  text-align: center;
}

#daily_offers .min:before,
#daily_offers .seg:before {
  content: ":";
  color: #000000;
  margin-left: -33px;
  margin-right: 26px;
}

.stop-watch {
  display: flex;
  align-items: center;
}

.stop-watch img {
  height: 32px;
  margin: 0px 3px;
}

.tempo {
  width: 350px;
  padding: 0;
}

.tempo li {
  text-align: left;
  display: inline-block;
  font-size: 24px;
  width: 31%;
  margin-top: -50px;
  margin-left: -1px;
}

.radial-progress {
  stroke: #307bbb;
  stroke-width: 20px;
  stroke-dasharray: 365px;
  stroke-dashoffset: 302px;
}

.t-padding-counter {
  padding: 0;
}

.off-time {
  font-size: 16px;
  margin-bottom: 0px;
  text-align: right;
  color: #fff;
  width: max-content;
  background: -webkit-linear-gradient(0deg, hsl(357.81, 75.36%, 42.84%) 0%, hsl(349.58, 96.38%, 43.33%) 100%);
  padding: 15px 22px;
  border-radius: 33px 10px 0px 0px;
  padding-left: 95px;
  margin-bottom: 0px;
  z-index: -2;
  position: relative;
}

.count-downer {
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding: 0px 0px;
}

.decor {
  padding-bottom: 10px;
  border-bottom: 2px solid #d90429;
}

.banner-list-page {
  height: 240px;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  margin-top: 10px;
}

.md-switch {
  margin-bottom: 15px;
}

.md-switch:last-of-type {
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}

.md-switch .md-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.md-switch .md-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.md-switch input.md-toggle-round + label {
  padding: 2px;
  width: 40px;
  height: 22px;
}

.md-switch input.md-toggle-round + label:before,
input.md-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 0px;
  left: -5px;
  bottom: 1px;
  content: "";
}

.md-switch input.md-toggle-round + label:before {
  right: 1px;
  background: #dddddd;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
  border-radius: 60px;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.md-switch input.md-toggle-round + label:after {
  width: 15px;
  height: 16px;
  margin: auto 4px;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
  border-radius: 100%;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

.md-switch input.md-toggle-round:checked + label:before {
  background-color: #d90429;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
}

.md-switch input.md-toggle-round:checked + label:after {
  margin-left: 25px;
}

.centeral-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.md-switch input.md-toggle-round:checked + label span {
  color: #555555;
}

.md-switch label span {
  position: absolute;
  top: 10px;
  display: block;
  font-size: 18px;
  padding-left: 15px;
  box-sizing: border-box;
  min-width: 500px;
  height: 40px;
  margin-left: 65px;
  vertical-align: middle;
  color: #555555;
}

.md-switch input:disabled + label:before {
  background-color: rgba(221, 221, 221, 0.8666666667);
  cursor: not-allowed;
}

.md-switch input:disabled + label span {
  color: #cccccc;
  cursor: not-allowed;
}

.md-switch input:disabled + label:after {
  background-color: #cccccc;
  cursor: not-allowed;
}

.md-switch.md input.md-toggle-round + label {
  width: 46px;
  height: 25px;
}

.md-switch.md input.md-toggle-round + label:after {
  width: 21px;
  height: 21px;
}

.md-switch.md input.md-toggle-round:checked + label:after {
  margin-left: 24px;
}

.md-switch.md label span {
  margin-left: 45px;
  line-height: 10px;
}

.md-switch.sm input.md-toggle-round + label {
  width: 35px;
  height: 18px;
}

.md-switch.sm input.md-toggle-round + label:after {
  width: 14px;
  height: 14px;
}

.md-switch.sm input.md-toggle-round:checked + label:after {
  margin-left: 20px;
}

.md-switch.sm label span {
  margin-left: 35px;
  line-height: 0px;
}

.custom02 input[type=radio] {
  display: none;
}

.custom02 {
  display: flex;
  align-items: flex-start;
  text-align: right;
  justify-content: flex-end;
  flex-direction: column;
}

.custom02 label {
  position: relative;
  display: inline-block;
  padding: 3px 38px 3px 2px;
  cursor: pointer;
  margin-bottom: 12px;
}

.custom02 label::before,
.custom02 label::after {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.custom02 label::before {
  right: 5px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #d90429;
}

.custom02 label:hover::before {
  background: #fff;
}

.carousel-indicators {
  display: none;
}

.custom02 label::after {
  opacity: 0;
  right: 9px;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  background: #d90429;
  -webkit-transform: scale(2);
  transform: scale(2);
}

.custom02 input[type=radio]:checked + label::before {
  background: #fff;
  border: 1px solid #ff4a13;
}

.custom02 input[type=radio]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#accordian {
  position: relative;
  width: 100%;
}

.comment-option-heading:before {
  content: "+";
  color: #000;
  position: absolute;
  transform: rotate(90deg);
  transition: all 0.6s ease;
  font-size: 15px;
  left: 10px;
  top: -28px;
}

.comment-option-heading.activeFilter:before {
  display: none;
}

#accordian .comment-option-heading.activeFilter:after {
  content: "-";
  color: #d90429;
  transform: rotate(180deg);
  font-size: 22px;
  left: 10px;
  top: -32px;
  position: absolute;
  transition: all 0.6s ease;
}

.comment-option-content {
  display: none;
}

.comment-option-heading {
  display: flex;
  flex-direction: row-reverse;
}

.comment-handel,
.comment-handel:visited {
  color: #33739e;
  text-decoration: none;
  display: block;
  margin: 10px 0;
}

@keyframes swing {
  0%, 30%, 50%, 70%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
}
.layout .sidebar .menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.layout .sidebar .menu .menu-item a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  color: #050505;
}

.layout .sidebar .menu .menu-item a .menu-icon {
  font-size: 1.2rem;
  width: 35px;
  min-width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  border-radius: 2px;
  transition: color 0.3s;
}

.layout .sidebar .menu .menu-item a .menu-icon i {
  display: inline-block;
}

.layout .sidebar .menu .menu-item a .menu-title {
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  transition: color 0.3s;
  text-align: right;
  color: #000;
}

.layout .sidebar .menu .menu-item a .menu-prefix,
.layout .sidebar .menu .menu-item a .menu-suffix {
  display: inline-block;
  padding: 5px;
  opacity: 1;
  transition: opacity 0.3s;
}

.filter-box i {
  font-size: 18px;
  margin-top: 3px;
  color: #ff9b09;
}

.layout .sidebar .menu .menu-item a:hover .menu-icon {
  color: #dee2ec;
}

.layout .sidebar .menu .menu-item a:hover .menu-icon i {
  animation: swing ease-in-out 0.5s 1 alternate;
}

.layout .sidebar .menu .menu-item a:hover::after {
  border-color: #fb3f00 !important;
}

.layout .sidebar .menu .menu-item.sub-menu {
  position: relative;
}

.layout .sidebar .menu .menu-item.sub-menu > a::after {
  content: "";
  transition: transform 0.3s;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

.layout .sidebar .menu .menu-item.sub-menu > .sub-menu-list {
  padding-left: 15px;
  padding-right: 0px;
  display: none;
  overflow: hidden;
  z-index: 999;
}

.bb-box {
  border-bottom: 1px solid #f0f0f1;
  border-top: 1px solid #f0f0f1;
  height: auto !important;
  padding: 20px 30px !important;
}

.price-range-area {
  padding: 20px 15px !important;
}

.menu-title:hover {
  color: #000 !important;
}

.layout .sidebar .menu .menu-item.sub-menu.open > a::after {
  transform: rotate(45deg);
}

.layout .sidebar .menu .menu-item.active > a .menu-title {
  color: #000000;
}

.layout .sidebar .menu .menu-item.active > a::after {
  border-color: #000000;
}

.layout .sidebar .menu .menu-item.active > a .menu-icon {
  color: #000000;
}

.layout .sidebar .menu > ul > .sub-menu > .sub-menu-list {
  background-color: #0b1a2c;
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon,
.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon,
.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon {
  background-color: #0b1a2c;
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon {
  border-radius: 50%;
}

.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon {
  border-radius: 4px;
}

.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon {
  border-radius: 0;
}

.layout .sidebar:not(.collapsed) .menu > ul > .menu-item.sub-menu > .sub-menu-list {
  visibility: visible !important;
  position: static !important;
  transform: translate(0, 0) !important;
}

.layout .sidebar.collapsed .menu > ul > .menu-item > a .menu-prefix,
.layout .sidebar.collapsed .menu > ul > .menu-item > a .menu-suffix {
  opacity: 0;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > a::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: currentcolor;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  border: none;
  transform: translateY(-50%);
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > a:hover::after {
  background-color: #dee2ec;
}

.main-layer {
  padding: 0 15px;
}

.wrapping-larg-view {
  width: 100%;
  margin-bottom: 0px;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > .sub-menu-list {
  transition: none !important;
  width: 200px;
  margin-left: 3px !important;
  border-radius: 4px;
  display: block !important;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.active > a::after {
  background-color: #dee2ec;
}

.layout .sidebar.has-bg-image .menu.icon-shape-circle .menu-item a .menu-icon,
.layout .sidebar.has-bg-image .menu.icon-shape-rounded .menu-item a .menu-icon,
.layout .sidebar.has-bg-image .menu.icon-shape-square .menu-item a .menu-icon {
  background-color: rgba(11, 26, 44, 0.6);
}

.layout .sidebar.has-bg-image:not(.collapsed) .menu > ul > .sub-menu > .sub-menu-list {
  background-color: #fff;
}

.layout.rtl .sidebar .menu .menu-item a .menu-icon {
  margin-left: 10px;
  margin-right: 0;
}

.layout.rtl .sidebar .menu .menu-item.sub-menu > a::after {
  transform: rotate(135deg);
}

.mobile-show {
  display: none;
}

.layout.rtl .sidebar .menu .menu-item.sub-menu > .sub-menu-list {
  padding-left: 0;
  padding-right: 20px;
}

.layout.rtl .sidebar .menu .menu-item.sub-menu.open > a::after {
  transform: rotate(45deg);
}

.layout.rtl .sidebar.collapsed .menu > ul > .menu-item.sub-menu a::after {
  right: auto;
  left: 10px;
}

.layout.rtl .sidebar.collapsed .menu > ul > .menu-item.sub-menu > .sub-menu-list {
  margin-left: -3px !important;
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: row;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.nothing-toshow:after {
  border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 48px;
}

.select2-container .select2-selection--single {
  height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-left: 10px;
  font-size: 16px;
  color: red;
  background: #ffdede;
  height: 20px;
  text-align: center;
  padding: 4px 5px;
  display: flex;
  align-items: center;
  margin-top: 15px;
  border-radius: 50%;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 6px;
  width: 20px;
}

.feild-margin {
  margin-bottom: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.select2-search--dropdown {
  padding: 6px;
}

@media (max-width: 992px) {
  #btn-collapse {
    display: none;
  }
}
.new-direction {
  direction: rtl;
  margin-top: 15px;
}

#app {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  flex-direction: column;
}

.range-inputs-holder {
  display: block;
  margin-bottom: 40px;
}

.range-inputs-holder div {
  height: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.range-slider {
  width: 250px;
  margin: auto;
  text-align: center;
  position: relative;
  height: 11rem;
}

.range-slider svg,
.range-slider input[type=range] {
  position: absolute;
  left: 0;
  height: 7px;
  border: none;
}

.range-slider svg {
  margin: 10px 0;
}

.range-caption {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

input[type=number] {
  border: none;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 18px;
  -moz-appearance: textfield;
  width: 175px;
  margin-bottom: 10px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number]:invalid,
input[type=number]:out-of-range {
  border: 2px solid #ef233c;
}

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

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

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #d90429;
}

input[type=range]:focus::-ms-fill-lower {
  background: #d90429;
}

input[type=range]:focus::-ms-fill-upper {
  background: #d90429;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #d90429;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #d90429;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #880017;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #d90429;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #d90429;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #ef233c;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: #ef233c;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #d90429;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #ef233c;
  cursor: pointer;
}

.show-themeinput[type=number] {
  text-align: left !important;
}

.nleft-padding {
  padding: 0px 6px;
}

.track-container {
  width: 100%;
  position: relative;
  cursor: pointer;
  height: 0.5rem;
}

.track,
.track-highlight {
  display: block;
  position: absolute;
  width: 100%;
  height: 0.5rem;
}

.track {
  background-color: #ddd;
}

.track-highlight {
  background-color: black;
  z-index: 2;
}

.information-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  border-right: 1px solid rgba(220, 220, 220, 0.3803921569);
  padding: 15px 20px;
}

.nou-profile {
  font-size: 18px;
  margin-bottom: 20px;
}

.cell-phone {
  color: #3e3743;
}

.mini-address {
  color: #3e3743;
  font-size: 14px;
}

.fecht-design {
  width: 50%;
}

.currency-title {
  border-right: 1px solid rgba(220, 220, 220, 0.3803921569);
  padding: 15px 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.most-order {
  padding-right: 2px;
  margin-bottom: 0px;
  font-size: 21px;
  margin-top: 20px;
}

.wallet-t {
  font-size: 16px;
  margin-bottom: 0px;
}

.activatore {
  margin-top: 5px;
  color: #0056b3 !important;
}

.activatore span {
  font-size: 12px;
}

.activatore i {
  font-size: 14px;
}

.currency-ico {
  height: 90px;
  width: 90px;
  object-fit: contain;
  padding: 15px;
}

.currency-ico img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.img-piu-holder {
  height: 90px;
  width: 90px;
  object-fit: contain;
  padding: 15px;
}

.img-ui {
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-piu-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.user-info-row {
  display: flex;
  justify-content: space-between;
}

.a-side {
  display: flex;
  width: 100%;
}

.edite-btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  background: #fff0f0;
  margin-right: 10px;
  font-weight: 600;
  color: #000000 !important;
  height: 35px;
  padding: 9px 12px;
  padding-left: 7px;
  border-radius: 15px;
  justify-content: space-around;
  cursor: pointer;
}

.edite-btn span {
  font-size: 12px;
  margin-left: 5px;
}

.edite-btn i {
  font-size: 20px;
  margin-right: 0px;
}

.flexi-input {
  display: flex;
  direction: ltr;
  flex-direction: column;
  padding-bottom: 0px;
}

.flexi-input input {
  width: 100%;
  border: none;
  color: rgb(20, 20, 20);
  padding: 0px 20px;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid rgb(231, 231, 231);
}

.irs-to {
  text-align: left;
  direction: ltr;
}

.flexi-input label {
  margin-bottom: 0px;
}

.flexi-input div {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row-reverse;
  color: #000;
  text-align: left;
  height: 32px;
  align-items: flex-end;
}

.ml-post {
  margin-left: 20px;
}

.dir-direction {
  direction: rtl;
  margin-top: 0px;
  padding: 10px 30px;
  display: flex;
  margin-top: 30px;
  justify-content: space-around;
}

.right-fl {
  display: flex;
  align-items: center;
}

.left-fl {
  display: flex;
  align-items: center;
}

.sett-row .col-lg-12.col-12.mt-2 {
  padding: 0px;
}

.fl-show {
  width: 295px;
  border-radius: 0px;
  height: 50px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  border-bottom: 1px solid #dcdcdc !important;
  font-size: 13px;
}

.left-fl span {
  margin-left: 12px;
  color: #808080;
  font-weight: normal;
}

.kala {
  color: #808080;
}

.sett-row {
  padding: 0px 15px;
  width: 75%;
  display: inline-block;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
  align-content: flex-start;
}

.bottom-design {
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e3e3e3;
}

.cart-vip-details {
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.gif-holder {
  height: 600px;
  width: 100%;
  border-radius: 10px;
  margin-top: 50px;
  object-fit: contain;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 3px rgba(15, 15, 15, 0.0588235294);
  text-align: center;
}

.error-gif-holder h3 {
  font-weight: 600;
  font-size: 2.2rem;
}

.error-gif-holder h4 {
  font-size: 18px;
  margin-bottom: 30px;
}

.error-gif-holder {
  height: 400px;
  width: 100%;
  border-radius: 10px;
  margin-top: 50px;
  object-fit: contain;
  background: #fff;
  padding: 20px;
  text-align: center;
  direction: rtl;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 3px rgba(15, 15, 15, 0.0588235294);
}

.maintenance-body {
  background: #fff;
  padding: 40px 20px;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 3px rgba(15, 15, 15, 0.0588235294);
  border-radius: 10px;
  margin-top: 7%;
}

.maintenance-caption article {
  direction: rtl;
  text-align: center;
}

.maintenance-caption article h2 {
  font-weight: 900;
  font-size: 22px;
  color: #030041;
}

.way-connect h4 {
  font-weight: 600;
  color: #030041;
  font-size: 16px;
  margin-top: 35px;
}

.social-links {
  display: flex;
  justify-content: center;
}

.social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin: 5px;
  width: 45px;
  border-radius: 50%;
  background-color: #eff0ff;
  text-align: center;
}

.social-links a i {
  font-size: 22px;
}

.maintenance-caption article p {
  font-size: 18px;
  margin: 12px 0px;
}

.gif-holder img {
  height: 70%;
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
}

.error-gif-holder img {
  height: 40%;
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
  margin-bottom: 30px;
}

.maintenance-holder {
  margin-top: 30px;
  margin-bottom: 15px;
  height: 350px;
  width: 100%;
  object-fit: contain;
}

.maintenance-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.error-title {
  direction: rtl;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: rgba(225, 225, 225, 0.66) -2px 0px 4px;
}

.err-back {
  width: 180px;
  height: 45px;
  background: #d90429;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  color: #ffffff !important;
  font-size: 18px;
  transition: all 0.4s linear;
  z-index: 10;
}

.err-back:hover {
  background: linear-gradient(20deg, rgba(26, 124, 195, 0.5) 0%, rgb(36, 123, 186) 100%);
  color: #fff;
}

.cart-row .cart-vip {
  padding: 5px;
}

.offer-title {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  height: 150px;
  background: radial-gradient(circle at center, #ff2450, hsla(0, 0%, 100%, 0));
}

.offer-banner {
  width: 100%;
  height: 150px;
}

.brand-banner {
  height: 150px;
  object-fit: cover;
  margin-top: 40px;
  border-radius: 10px;
}

.br-sett {
  height: 60px;
  border-radius: 6px;
  margin-bottom: 12px;
  object-fit: cover;
  width: 100%;
}

.br-sett img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.brand-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.brands-heading {
  direction: rtl;
  text-align: right;
}

.brand-caption h1 {
  font-size: 22px;
  font-weight: 600;
}

.brand-caption p {
  font-size: 15px;
}

.brand-logo {
  background: #fff;
  padding: 20px;
  outline: 10px solid #eceef7;
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  z-index: 1;
}

.offer-title h1 {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  width: 100%;
}

.header-breadcrump ul {
  direction: rtl;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.header-breadcrump ul li i {
  font-size: 18px;
}

.header-breadcrump ul li a {
  color: #fff;
  margin: 0px 4px;
}

.header-breadcrump ul li span {
  color: rgba(255, 255, 255, 0.662745098);
  font-size: 16px;
  margin: 0px 4px;
}

.header-breadcrump {
  background-color: #bf0329;
}

.page-offer-header {
  background-color: #bf0329;
}

.page-offer-banner {
  background-size: cover;
  background-image: url(../../assets/images/banners/22.webp);
  background-position: 0 0;
}

.cart-row .cart-vip .vip-wrapper {
  padding: 10px 5px;
  margin-bottom: 0px;
}

.cart-row .cart-vip .vip-wrapper .reverse {
  margin-top: 0px;
}

.cart-row {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  direction: rtl;
  width: 100%;
}

#loading {
  width: 4rem;
  height: 4rem;
  border: 5px solid #e0e0e0;
  border-top: 6px solid #d90429;
  border-radius: 100%;
  margin: 5rem auto;
  visibility: hidden;
  animation: spin 1s infinite linear;
}

#loading.display {
  visibility: visible;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.alert-none {
  background: #f9f9fb;
  display: flex;
  position: relative;
  justify-content: center;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
}

.non-text {
  font-weight: normal;
  font-size: 16px;
}

.alert-icon {
  height: 320px;
  width: 320px;
  object-fit: contain;
}

.alert-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.text-alert {
  position: relative;
  top: -80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#btn-collapse i {
  display: none;
}

.product-image-carousels {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: flex-start;
}

.property-li {
  direction: rtl;
  text-align: right;
  padding: 0px 15px !important;
  width: 100%;
  margin-bottom: 0px;
  list-style: disc;
  color: #767790;
}

.property-li li span.result-span {
  color: #000;
  font-weight: 600;
  direction: rtl;
  text-align: right;
  display: inline-block;
}

.property-li li {
  margin-bottom: 10px;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list {
  padding: 0px !important;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  position: relative;
  right: 0;
  top: 0;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  justify-content: flex-end;
}

.button-modals-area {
  display: flex;
  margin-right: 10px;
  flex-direction: row-reverse;
}

.gallery-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 575px;
  overflow: hidden;
  direction: rtl;
  margin-left: 30px;
}

.see-video i {
  font-size: 40px;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-arrow.slick-hidden {
  display: none !important;
}

/**
Demo only
*/
.note {
  text-align: center;
  font-size: 14px;
  width: var(--main-image-width);
  padding: 0 20px;
  margin: 0 auto;
  opacity: 0.8;
}

.note a {
  color: black;
  font-weight: normal;
}

.bread-crumb {
  list-style: none;
  direction: rtl;
}

.bread-crumb li a {
  color: rgb(97, 97, 97);
  font-size: 12px;
}

.slash {
  color: rgb(214, 4, 41);
  margin: 0px 8px;
  font-size: 12px;
}

.dir-persion {
  direction: rtl;
  padding: 25px 25px;
  display: flex;
  align-items: center;
  height: 35px;
}

.product-div {
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  padding: 20px;
}

.row.product-div.right-design {
  margin-top: 15px;
}

.name-of-product {
  direction: rtl;
  text-align: right;
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: normal;
  line-height: 38px;
  font-weight: 600;
}

.latin-name {
  text-align: right;
  font-size: 13px;
  color: #8b8b8b;
  margin-top: 2px;
  word-spacing: 0px;
  font-weight: lighter;
  text-align: right;
  padding-top: 8px;
}

.rate-star {
  text-align: right;
  direction: rtl;
}

.name-pros {
  font-size: 15px;
}

.rate-star i {
  font-size: 10px;
  color: #f08c00;
}

.rate-star span {
  color: #4c4c4c;
  font-size: 12px;
}

.order-mb-first {
  direction: rtl;
}

.slider-for.slick-initialized.slick-slider {
  direction: ltr;
}

.property {
  text-align: right;
  direction: rtl;
  font-size: 17px;
  font-weight: 600;
  margin-top: 12px;
}

.alls {
  direction: rtl;
  text-align: right;
  font-size: 12px;
}

.alls a {
  color: #00bcd4;
  padding: 0px 5px;
}

.gray-bg {
  background-color: #707070;
}

.green-bg {
  background-color: #4caf50;
}

.lightgreen-bg {
  background-color: #8cc152;
}

.lime-bg {
  background-color: #cdda49;
}

.yellow-bg {
  background-color: #fdd835;
}

.orange-bg {
  background-color: #fd9727;
}

.deeporange-bg {
  background-color: #fc5830;
}

.red-bg {
  background-color: #e53935;
}

.deeppurple-bg {
  background-color: #673fb4;
}

.blue-bg {
  background-color: #1976d2;
}

.lightblue-bg {
  background-color: #039be5;
}

.colorpicker {
  font-size: 0;
  padding: 2px;
  direction: rtl;
  text-align: right;
}

.colorpicker li {
  display: inline-block;
  width: 9.05%;
  height: 80px;
  position: relative;
  color: #fff;
  cursor: pointer;
}

.colorpicker li span {
  width: 100%;
  height: 80px;
  text-align: center;
  padding-top: 11px;
  pointer-events: none;
}

.colorpicker li span:before {
  opacity: 0;
}

.colorpicker li.selected span:before {
  opacity: 1;
}

.colorpicker li:hover span:before {
  opacity: 0.5;
}

.parent {
  height: 45px;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 0.8px solid rgba(240, 240, 241, 0.9019607843);
}

#checkmark {
  display: flex;
  position: absolute;
  left: 12px;
  color: #ffffff;
  background: #fff;
}

#checkmark i {
  font-size: 16px;
}

.mark {
  display: flex;
  position: absolute;
  left: 12px;
  color: #d90429 !important;
}

.wrapp-child {
  direction: rtl;
  display: flex;
  flex-direction: row;
  padding-right: 5px;
  align-items: center;
  border-bottom: 0.8px solid #f0f0f1;
  width: 100%;
}

.wrapp-parent {
  direction: rtl;
  display: flex;
  flex-direction: row;
  padding-right: 10px;
  align-items: center;
}

.parent i {
  font-size: 10px;
  margin-left: 12px;
}

.tree-view-title {
  margin-bottom: 0px;
}

.each-sub-child {
  padding-right: 45px;
  direction: rtl;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.d-flex.justify-content-between.align-items-center .offer-box-title {
  font-size: 20px;
}

.each-sub-child a {
  padding: 0px !important;
  text-align: right;
}

.each-sub-child i {
  font-size: 10px;
  margin-left: 12px;
}

.each-childs {
  direction: rtl;
  display: flex;
  flex-direction: row;
  padding-right: 25px;
  align-items: center;
}

.each-childs a {
  padding: 0px !important;
  text-align: right;
  cursor: pointer;
}

.parent a {
  padding: 0px !important;
  text-align: right;
  cursor: pointer;
}

.each-childs i {
  font-size: 10px;
  margin-left: 12px;
}

.tree-view {
  padding: 15px 10px;
  overflow-y: auto;
  max-height: 320px;
}

.each-childs:checked > .wrapp-child::before {
  content: "/";
}

.colorpicker li {
  font-size: 28px;
  height: 30px;
  width: 30px;
  margin: 6px;
  border-radius: 50%;
  outline: 3px solid #dfdfdf;
  outline-offset: 2px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1;
  font-family: "Material Icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.colorpicker li:after {
  transition: left 0.1s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s 1s;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 100%;
  opacity: 0;
  line-height: 10px;
  content: "✓";
}

.colorpicker li.active {
  outline: 3px solid #fdb2bf;
}

.colorpicker li.active:after {
  left: -1px;
  top: 10px;
  opacity: 1;
  color: rgb(255, 255, 255);
  transition: left 0.1s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s;
}

.colorpicker li.active ~ li:after {
  left: -100%;
}

.cm-stars {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  direction: rtl;
}

.product-area-padd {
  padding-bottom: 35px;
}

.colorpicker li.no-color.active:after {
  color: red;
}

.un-null {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.un-null h5 {
  text-align: right;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: normal;
  background-color: rgb(255, 178, 178);
  border-radius: 5px;
  margin-bottom: 20px;
  margin-right: 10px;
}

.new-product-see {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding-top: 15px;
}

.name-of-new-product {
  text-align: right;
  font-size: 12px;
  line-height: 28px;
  font-weight: normal;
  padding: 10px 0px;
  direction: rtl;
}

.new-notes {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  direction: rtl;
}

.wrapp-details-shop-pay {
  margin-top: 30px;
}

.img-new-product {
  height: 150px;
  width: 100%;
  object-fit: contain;
  margin: 15px 0px;
}

.buy-new {
  margin: 20px 0px;
  display: flex;
  align-items: stretch;
  direction: rtl;
  width: 100%;
}

.buy-now {
  padding: 10px 15px;
  background-color: #d90429;
  width: 90%;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 0px;
  margin-left: 5px;
  transition: all linear 0.6s;
}

.buy-new i {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  color: #fff;
  font-size: 27px;
  background-color: #d90429;
  border-radius: 5px;
  transition: all linear 0.6s;
}

.buy-new:hover i {
  background-color: #b42a00;
  color: #fff;
}

.buy-now:hover {
  background-color: #b42a00;
  color: #fff;
}

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

.no-color {
  background-size: cover;
}

.custom-color {
  background: -webkit-linear-gradient(90deg, #fdcd3b 50%, #ffed4b 50%);
  background: -o-linear-gradient(90deg, #fdcd3b 50%, #ffed4b 50%);
  background: -moz-linear-gradient(90deg, #fdcd3b 50%, #ffed4b 50%);
  background: linear-gradient(90deg, #fd893b 50%, #ff4b9f 50%);
}

.colors-title {
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}

.colors-title h6 {
  text-align: right;
  direction: rtl;
  margin-left: 10px;
  font-weight: 600;
  font-size: 14px;
}

.color-picker {
  margin: 15px 0px;
}

.custom {
  text-align: right;
  font-size: 16px;
  margin-bottom: 10px;
}

.customer {
  padding: 20px 20px;
  padding-bottom: 35px;
  background: #fff;
}

.table-wrapper {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}

td .tt-pr {
  justify-content: center;
}

td .totla-price {
  margin-left: 0px;
  font-size: 18px;
}

.tr-tablebody {
  background: #fff;
}

.tr-tablebody:hover {
  background-color: #eef4ff !important;
}

.tr-tablebody:hover.table-wrapper td {
  padding: 9px 10px;
  border: 1px solid rgb(215, 215, 215);
}

.table-wrapper th,
.table-wrapper td {
  padding: 9px 10px;
  border: 1px solid #eee;
  text-align: center;
}

.table-wrapper .pinned {
  display: none;
}

.table-wrapper .scrollable table {
  width: 100%;
}

@media (max-width: 1100px) {
  .table-wrapper {
    border-right: 1px solid #ccc;
  }
  .table-wrapper .scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  .table-wrapper .scrollable table {
    margin-left: 40%;
  }
  .table-wrapper .scrollable table th,
  .table-wrapper .scrollable table td {
    white-space: nowrap;
  }
  .table-wrapper .scrollable table .hide-mobile {
    display: none;
  }
  .table-wrapper .pinned {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 40%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .table-wrapper .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
}
.img-cp {
  height: 90px;
  width: 90px;
  object-fit: contain;
}

.img-cp img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.select-box-customer {
  border-radius: 4px;
  height: 44px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #cbf3f0 !important;
}

.cp-caption {
  width: 200px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: center;
}

th.header-tables {
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  border: 1px solid #eee;
}

.compare-tables {
  padding: 20px;
  padding-bottom: 10px;
}

.cp-caption h4 {
  font-size: 13px;
  line-height: 25px;
  text-align: center;
}

.compare-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.buy-now-cp {
  padding: 4px 10px;
  background: #d90429;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
}

.qty-box {
  width: 120px;
  border-radius: 4px;
  height: 32px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: rgb(245, 245, 245);
  border: 1px solid #dee2e6 !important;
}

#profile-description {
  margin-top: 10px;
  position: relative;
  width: 100%;
}

#profile-description .text {
  margin-bottom: 5px;
  padding: 0 5px;
  position: relative;
  font-size: 14px;
  line-height: 38px;
  display: block;
  text-align: right;
  direction: rtl;
}

#profile-description .text p {
  margin-bottom: 5px;
  padding: 0 5px;
  position: relative;
  font-size: 14px;
  line-height: 38px;
  display: block;
  text-align: right;
  direction: rtl;
}

#profile-description .show-more {
  color: rgb(210, 62, 80);
  position: relative;
  font-size: 14px;
  padding-top: 5px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  text-align: right;
  margin-right: 5px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

#profile-description .show-more i {
  margin-right: 8px;
}

.show-more {
  margin-top: 10px;
}

#profile-description .show-more:hover {
  color: #004082;
}

#profile-description .show-more-height {
  height: 82px;
  overflow: hidden;
}

#profile-description .show-more-bundle {
  height: 150px;
  overflow: hidden;
}

.show-more-bundle {
  direction: rtl;
  text-align: right;
}

.bundle-cp-box p {
  font-size: 13px;
}

/* bundles*/
.bundle-select {
  box-shadow: none !important;
  padding: 0px !important;
  width: 100% !important;
  min-width: 100% !important;
  margin-top: 0px !important;
}

.each-product-in .price-pib {
  margin-top: 0px;
}

.each-product-in .name-pib p {
  font-size: 12px;
  text-align: center;
}

.each-product-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px dashed #1056be;
  padding: 10px;
  border-radius: 10px;
  flex-direction: column;
  width: max-content;
  width: 15%;
  max-width: fit-content;
  overflow: hidden;
  margin: 5px;
}

.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;
}
.table-header-property h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.table-header-property i {
  font-size: 16px;
  color: #d90429;
}

.bp-img img {
  margin-left: 0px !important;
  height: 60px;
}

.bundle-selector {
  width: 100% !important;
}

.plus-item {
  display: flex;
  align-items: center;
}

.my-product {
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px !important;
  direction: rtl;
  text-align: right;
}

.wrapp-products-pc {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pakage-content {
  flex-direction: column;
  padding: 20px !important;
  margin-bottom: 30px;
}

.ppi {
  height: 100px;
  width: 100px;
  object-fit: contain;
  padding: 10px;
}

.ppi img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapper-product-cart {
  width: 100%;
  direction: rtl;
  padding: 20px 20px;
  border: 1px solid #d5dbff;
  border-radius: 10px;
}

.first-ect {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
}

.each-pce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #d5dbff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 0px 20px;
  position: relative;
  direction: ltr;
  flex-direction: row-reverse;
}

.pce-num {
  position: absolute;
  top: -10px;
  right: 10px;
  padding: 2px 10px;
  background: #fec871;
  border-radius: 50%;
}

.second-pce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  border: 1px solid #c2cbff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 0px 20px;
  direction: rtl;
}

.name-ppc {
  direction: rtl;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
}

.name-pakage {
  width: 100%;
  display: block;
  padding: 10px;
  border: 1px dashed #ccc;
  border-radius: 10px;
  margin-bottom: 10px;
  text-align: right;
  direction: rtl;
}

.pakage-title strong {
  font-weight: bold;
  border-bottom: 3px solid #d90429;
  padding-bottom: 2px;
}

.select-your-pakage {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: right;
  font-weight: bold;
  padding: 10px;
  background: rgba(217, 4, 41, 0.3098039216);
  border-radius: 8px;
  align-items: center;
  flex-direction: row-reverse;
}

.pakage-title {
  padding-right: 15px;
  margin-bottom: 15px;
}

.pb-pakage {
  display: flex;
  width: 80%;
}

.each-pakage-price {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 10px;
  padding: 10px;
  background: rgba(220, 234, 255, 0.1490196078);
  align-items: center;
  border: 1px solid rgba(33, 110, 224, 0.3294117647);
}

.num-pakage {
  position: absolute;
  top: -10px;
  left: 0px;
  padding: 2px 10px;
  background: #fcdfb1;
  border-radius: 50%;
}

.name-pakage {
  position: relative;
}

.my-tabs {
  justify-content: flex-start;
  direction: rtl;
  padding: 0px 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(78, 78, 78, 0.1803921569);
}

.rols-accept {
  color: #69b4ff !important;
  margin-left: 8px;
}

.otp-icon {
  color: #d90429;
  margin-left: 5px;
  font-size: 18px;
}

.login-icon {
  font-size: 22px;
  margin-right: 3px;
}

.error-form {
  color: #d90429;
  display: inline-block;
  margin: 10px 0;
  font-weight: 600;
}

.padding-tab {
  padding: 10px 30px;
}

.table-property {
  margin-top: 0px;
  padding: 0px !important;
}

.reply-comment {
  border: 0.5px solid rgba(217, 4, 41, 0.5607843137);
  background: #ffffff;
  padding: 2px 5px;
  border-radius: 6px;
  direction: ltr;
  margin-left: 15px;
  outline: none !important;
  cursor: pointer;
}

.reply {
  font-size: 12px;
}

.reply-img img {
  height: 15px;
  opacity: 0.8;
}

.reply-img:hover img {
  opacity: 1;
}

.see-all-property {
  text-align: right;
}

.all-property-btn {
  display: flex;
  justify-content: flex-end;
}

.all-property-btn a > i {
  font-size: 18px;
}

.buy-again.buy-reserve {
  color: #000;
  font-weight: 600;
}

.opp-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 2px;
}

.opp-options label {
  margin-bottom: 0;
  font-weight: 600 !important;
  font-size: 15px !important;
  margin-right: 10px;
  color: #09144f;
}

.forget {
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: #09144f;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.see-all-property {
  direction: rtl;
  font-size: 13px;
  padding: 3px 18px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background: #ffe9eb;
  color: #000;
  padding: 6px 20px;
  font-weight: 600;
}
.see-all-property i {
  font-size: 10px;
}

.accordion-option a colorpicker li::after {
  display: none;
}

.wt-pt {
  border-bottom: 1px solid #e2e2e2;
  border-left: none;
  background: #f4f5f7;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
}

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

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

.product-previewer {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.pro-preview h2 {
  font-size: 16px;
  margin-bottom: 0px;
  direction: rtl;
}

.pro-preview {
  padding-top: 15px;
  margin-right: 20px;
  direction: ltr;
}

.more--capt {
  padding: 10px 5px;
  background: #f4f5f7;
  margin: 15px 0px;
  direction: rtl;
  text-align: right;
}

.more--capt p {
  font-size: 12px;
  text-align: right;
}

.pro-preview .tt-pr {
  margin-top: 0px;
}

.pro-preview .totla-price {
  margin-left: 18px;
  font-size: 18px;
}

.cc-pt {
  border: 1px solid #f4f4f4;
  border-right: none;
  background: #fbfbfb;
  padding: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  width: 100% !important;
}

.wt-pt p {
  font-size: 13px;
  font-weight: 500;
}

.cc-pt p {
  font-size: 13px;
}

.title-property-table {
  padding: 0px;
  display: flex;
  width: 100%;
}

.caption-property-table {
  padding: 0px;
  display: flex;
  width: 100%;
}

.wrapp-console {
  margin: 20px 0px;
  font-weight: normal;
}

.my-tabs .nav-link.active,
.my-tabs .nav-item.show .nav-link {
  color: #d90429;
  background-color: transparent;
  border-bottom: 3px solid;
}

.view-all h2 {
  margin: 20px 0px;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  line-height: 26px;
  text-transform: uppercase;
}

.my-tabs .nav-link {
  color: #000;
}

.title-comments {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.title-comments img {
  height: 25px;
  margin-left: 20px;
}

.title-comments .best-para {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
}

.title-comments .name-co {
  color: #9a9a9a;
  font-size: 12px;
  margin-right: 30px;
  margin-bottom: 0px;
}

.wrapp-comments {
  border-bottom: 1px solid rgba(236, 236, 236, 0.516);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.comment-details {
  display: flex;
  justify-content: space-between;
}

.comment-reply {
  display: flex;
  direction: rtl;
  justify-content: flex-end;
  width: 100%;
  flex-direction: column;
}

.reply-comments {
  padding-right: 90px;
  border-bottom: none;
}

.reply-box {
  border-right: 1px solid rgba(204, 204, 204, 0.8);
  padding-right: 10px;
}

.imp-title {
  border-top: 1px solid #eee;
  padding-top: 8px;
  margin-top: 8px;
  color: #d90429;
  font-weight: 800;
}

.form-padding {
  padding: 0px 50px;
}

.comment-wrappering {
  padding: 10px 20px;
}

.comment-wrappering p {
  font-size: 12px;
}

.like-box {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  align-items: center;
  padding-bottom: 20px;
}

.reply-img img {
  height: 15px;
  opacity: 0.8;
}

.reply-comment {
  border: 1px solid #eaeaea;
  background: #ffffff;
  padding: 4px 8px;
  padding-top: 2px;
  height: 35px;
  border-radius: 6px;
  direction: ltr;
  width: 90px;
  margin-left: 0px;
  outline: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -35px;
}

.reply-comment:hover {
  background: #d90429;
  border: #d90429;
  transition: all linear 0.4s;
  outline: none !important;
  color: #fff;
}

.expander_button:hover {
  color: #fff;
  background: #09144f;
}

.like-b {
  margin-left: 20px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.like-d {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.like-b img {
  height: 20px;
  opacity: 0.4;
}

.like-d img {
  height: 20px;
  opacity: 0.4;
}

.like-b a:hover img {
  opacity: 1;
}

.like-d a:hover img {
  opacity: 1;
}

.wrapp-tab {
  padding: 20px 15px;
  margin-top: 30px;
}

.wtp-wrapp {
  display: flex;
  direction: rtl;
  align-items: center;
}

.whatsapp-alert {
  display: flex;
  align-items: center;
}

.whatsapp-alert i {
  color: #0f9c4f;
  font-size: 24px;
}

.whatsapp-alert a {
  background: linear-gradient(to right top, #a7f8cc, #e8fff0);
  border-radius: 6px;
  margin-top: 12px;
  padding: 5px 10px;
  display: flex;
  direction: rtl;
  border: 1px solid #bfefd1;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.whatsapp-alert h4 {
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.wtp-img {
  height: 60px;
  width: 60px;
  object-fit: contain;
}

.wtp-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.stock-product {
  direction: rtl;
  text-align: right;
  color: #fff;
  background-image: url(../../assets/images/vectors/stock-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 15px 22px;
  border-radius: 0 4px 4px 0;
}

.stock-alert {
  direction: rtl;
  text-align: right;
  margin-bottom: 15px;
  padding: 2px 0px;
}

.stock-alert span {
  font-size: 13px;
}

.stock-alert i {
  color: #d90429;
  font-size: 18px;
}

.stock-product h4 {
  margin-bottom: 0;
  margin-top: 10px;
}

.stock-product img {
  height: 24px;
  width: 26px !important;
  z-index: 1;
}

.stock-badge {
  position: absolute;
  text-align: center;
  line-height: 50px;
  width: 80px;
  height: 26px;
  background: #d90429;
  display: flex;
  align-items: center;
  box-shadow: -2px 8px 8px 0 rgba(0, 0, 0, 0.2);
  left: -6px;
  top: 5px;
}

.stock-badge img {
  width: 20px !important;
  height: 20px;
  margin-left: 5px;
  z-index: 1;
}

.stock-badge span {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  z-index: 1;
}

.lower-padding > a > .stock-badge {
  left: -1px;
}

.show-theme .form-group input {
  display: block;
  height: 50px;
  border: 1px solid rgb(233, 233, 233);
  padding: 15px 12px;
  margin-bottom: 10px;
  font-size: 12px;
}

.show-theme .form-group input::placeholder {
  font-size: 14px;
  color: #bbbbbb !important;
  padding-right: 10px !important;
  text-align: right !important;
}

.show-theme .form-group textarea {
  display: block;
  border: 1px solid rgb(233, 233, 233);
  padding: 15px 12px;
  margin-bottom: 10px;
  font-size: 14px;
}

.show-theme .form-group textarea::placeholder {
  font-size: 14px;
  color: #bbbbbb !important;
  padding-right: 10px !important;
  text-align: right !important;
}

.button-row {
  display: flex;
  justify-content: flex-end;
  padding: 0px 25px !important;
}

.white-drop {
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid rgb(233, 233, 233);
}

.validation-summary-errors {
  padding: 0px 10px;
}
.validation-summary-errors ul li {
  padding: 10px 15px;
  text-align: justify;
  background: #ffeaea;
  border-radius: 8px;
  font-weight: 600;
  margin-bottom: 5px;
}

.plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  direction: rtl;
  max-width: 970px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px rgba(216, 223, 235, 0.5098039216);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  border-radius: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
  flex-direction: row-reverse;
  text-align: right;
}

.no-plans-style {
  max-width: unset;
  box-shadow: none !important;
  padding: 0px !important;
}

.plans .payment-method-inpt {
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
}

.inpt-content {
  padding: 10px !important;
  width: 170px;
  display: flex;
  direction: rtl;
  align-items: center;
  justify-content: space-around;
}

.inpt-content img {
  margin-left: 0px !important;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: rgba(246, 153, 4, 0.1019607843);
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px;
}

.collapse-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-default > .panel-heading a {
  display: block;
  padding: 10px 15px;
  padding-left: 20px;
  font-size: 14px;
  color: #000000;
}

.panel-default > .panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
}

.panel-default > .panel-heading a[aria-expanded=true] {
  background-color: #fcfcfc;
  border-radius: 5px;
  border: 1px solid rgba(229, 229, 229, 0.3019607843);
}

.image-title-wrapping {
  display: flex;
  align-items: center;
}

.cp-img {
  height: 35px;
  width: 35px;
  object-fit: contain;
  margin-left: 20px;
}

.cp-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.image-title-wrapping h5 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #000;
}

.accordion-option {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  margin-left: 8px;
  font-size: 14px;
  color: #d90429;
  padding: 0px 45px;
  margin-bottom: 27px;
  margin-left: 12px;
  font-weight: 600;
  text-align: center;
}

.accordion-option .toggle-accordion:before {
  display: none;
}

.accordion-option .toggle-accordion.active:before {
  display: none;
}

.panel-qu {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
}

.panel-qu:last-child {
  border: none !important;
}

.plans .plan input[type=radio] {
  position: absolute;
  opacity: 0;
}

.plans .plan {
  cursor: pointer;
  width: 48.5%;
}

.full-width {
  width: 100%;
  z-index: 1;
}

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

.plans .plan .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
}

.plans .plan .plan-content img {
  margin-left: 30px;
  height: 45px;
}

.plans .plan .plan-details span {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #252f42;
}

.plans .plan .plan-details strong {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.plans .plan .plan-details select {
  font-size: 14px;
  height: 42px;
}

.container .title {
  font-size: 16px;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  color: #252f42;
  margin-bottom: 20px;
}

.plans .plan .plan-details p {
  color: #646a79;
  font-size: 12px;
  line-height: 18px;
}

.faq-space {
  margin-top: 140px;
}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type=radio]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #216fe0;
  right: 20px;
  top: 20px;
  border-radius: 100%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
  box-shadow: 0px 0px 0px 2px #0066ff;
  display: none;
}

.plans .plan input[type=radio]:checked + .plan-content {
  border: 1px solid #d9e6ff;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  box-shadow: rgba(0, 0, 0, 0.04);
  background: linear-gradient(44deg, #fdfeff 0.64%, #d8e3fd 98.23%);
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.gift-another {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.another-btn {
  width: 100%;
  text-align: right;
  border: 1px solid #dce8ff;
  border-radius: 10px;
  padding: 16px 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .plans .plan .plan-content .plan-details {
    width: 60%;
    display: inline-block;
  }
}
@media screen and (max-width: 540px) {
  .logo-of-product {
    object-fit: contain;
  }
  .logo-of-product a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .cm-stars {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    direction: rtl;
    align-items: flex-start;
    border-top: 1px solid rgb(232, 232, 232);
  }
  .plans .plan .plan-content img {
    margin-bottom: 20px;
    height: 40px;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }
  .plans .plan .plan-details span {
    margin-bottom: 10px;
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #252f42;
  }
  .plans .plan input[type=radio]:checked + .plan-content:after {
    top: 20px;
    right: 10px;
  }
  .plans .plan .plan-content .plan-details {
    width: 100%;
  }
  .plans .plan .plan-content {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
.inspiration {
  font-size: 12px;
  margin-top: 50px;
  position: absolute;
  bottom: 10px;
  font-weight: 300;
}

.inspiration a {
  color: #666;
}

.inline-prev {
  display: flex;
  align-items: center;
}

.user-menu-wrap {
  display: flex;
  align-items: center;
}

.menu-container {
  visibility: hidden;
  opacity: 0;
}

.menu-container.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.mini-photo-wrapper {
  width: 100%;
  height: 100%;
}

.user-menu {
  position: absolute;
  left: -110px;
  background-color: #ffffff;
  width: 350px;
  border-radius: 10px;
  border: 1px solid rgb(199, 194, 194);
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 20px;
  list-style: none;
  padding: 10px 10px;
  z-index: 1000 !important;
  transition: all 0s;
}

.user-menu .profile-highlight {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 2px 10px;
  margin-bottom: 6px;
}

.wrapper-success .card {
  width: 100%;
  height: 105px;
  background-color: #fff;
  padding: 5px 15px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  border: 1px solid #eee;
  border-right: 5px solid #d90429;
  border-radius: 3px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  margin-top: 22px;
}
.wrapper-success .card p {
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  direction: rtl;
}

.alert-box {
  padding: 0px 25px;
}

.padding-tab {
  background: #fff !important;
}

.wrapper-success .card .subject p {
  color: #909092;
}

.wrapper-success .card .icon {
  font-size: 28px;
  color: #d90429;
}

.user-menu .profile-highlight img {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

.user-menu .profile-highlight .details {
  display: flex;
  flex-direction: row;
  margin: auto 12px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.user-menu .profile-highlight .details #profile-name {
  font-weight: normal;
  font-size: 16px;
}

.user-menu .profile-highlight .details #profile-footer {
  text-align: right;
  font-size: 16px;
  margin-top: 4px;
}

.user-menu .footer {
  padding-top: 6px;
  margin-top: 6px;
  display: flex;
}

.user-menu .footer a {
  text-align: center;
  width: 100%;
  color: #d90429;
}

.user-menu:before {
  position: absolute;
  top: -16px;
  left: 120px;
  display: inline-block;
  content: "";
  border: 8px solid rgba(96, 96, 96, 0);
  border-bottom-color: #8c8c8c;
}

#dribbble {
  position: fixed;
  display: block;
  right: 70px;
  bottom: 16px;
}

#dribbble svg {
  display: block;
  width: 76px;
  height: 24px;
  fill: rgba(146, 156, 208, 0.8);
}

.opp-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 2px;
}

.opp-options label {
  margin-bottom: 0;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-right: 10px;
}

.forget {
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: #bd0000;
  font-weight: 600;
}

#twitter {
  position: fixed;
  display: block;
  right: 25px;
  bottom: 11px;
}

#twitter svg {
  width: 24px;
  height: 24px;
  fill: rgba(146, 156, 208, 0.8);
}

:root {
  --sw: 535px;
  --sh: 50px;
  --fs: 1.1em;
  --i1: 24px;
  --i2: 18px;
  --t: 14px;
  --l: 10px;
  --mt: 8px;
}

@media only screen and (max-width: 420px) {
  :root {
    --sw: 320px;
    --fs: 0.9em;
    --sh: 60px;
    --i1: 20px;
    --i2: 14px;
    --t: 12px;
    --l: 12px;
    --mt: 3px;
  }
}
.ul .li,
.ul-title,
.resoult-tab,
.form-tab .search-btn,
.form-container .form-tab,
.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-container {
  width: var(--sw);
  height: var(--sh);
  background: #eff4ff;
  border-radius: 10px;
  margin-top: 10px;
}

.form-container .form-tab {
  width: 95%;
  height: calc(var(--sh) - 20px);
}

.form-tab .search-field {
  width: 95%;
  height: calc(var(--sh) - 20px);
  background: transparent;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: #eff4ff;
}

.form-tab .search-field .search-icon {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 8px;
  color: #6e80a5;
  opacity: 0.8;
  width: var(--i1);
  height: var(--i1);
}

.form-tab .search-field .search-placeholder {
  position: absolute;
  top: 3px;
  z-index: 1;
  right: 48px;
  color: #6e80a5;
  opacity: 0.8;
  font-size: calc(var(--fs) / 1.1);
}

.form-tab .search-field form {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}

.form-tab .search-field form .text-field {
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: var(--fs);
  color: #3f3f3f;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  padding-right: 43px;
  caret-color: #79a6ff;
  line-height: 2em;
}

.form-tab .search-btn {
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: calc(var(--fs) / 1.2);
  width: max-content;
  height: 32px;
  background: transparent;
  margin-top: 0px;
  display: flex;
  padding-left: 0px;
  justify-content: end;
}

.form-tab .search-btn:hover {
  background-color: #fff;
  border-radius: 8px;
  width: max-content;
}

.form-tab .search-btn p {
  cursor: pointer;
  color: #222;
  padding: 10px;
}

.resoult-tab {
  justify-content: flex-start;
  flex-direction: column;
  width: var(--sw);
  height: 0px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 30px -10px #d5dbed;
  overflow: hidden;
  transition: height 359ms cubic-bezier(0.27, 0.7, 0, 0.99);
  position: absolute;
  z-index: 10000;
}

.resoult-tab-active {
  height: calc(var(--sh) / 2 * 5.5);
  transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
  position: absolute;
  z-index: 10000;
}

.ul-title {
  justify-content: flex-start;
  margin-top: var(--mt);
  width: 90%;
  height: 35px;
  background: transparent;
  opacity: 0;
}

.ul-title p {
  text-transform: uppercase;
  font-size: calc(var(--fs) / 1.7);
  color: #222;
  opacity: 0.4;
}

.ul {
  width: 100%;
  height: auto;
  background: transparent;
  position: relative;
  border-radius: 6px;
}

.ul .li {
  box-sizing: border-box;
  padding: 0 5%;
  justify-content: flex-start;
  width: 100%;
  height: calc(var(--sh) / 2);
  position: relative;
  overflow: hidden;
  background: rgba(20, 98, 255, 0);
  transition: background 399ms ease;
}

.ul .li:hover {
  background: rgba(20, 98, 255, 0.1);
  transition: background 299ms ease;
}

.ul .li .li-icon {
  margin-right: 8px;
}

.ul .li .li-icon .icon {
  transform: translatey(2px);
  color: #1462ff;
  width: var(--i2);
  height: var(--i2);
}

.ul .li .li-text {
  font-size: calc(var(--fs) / 1.3);
  font-size: 13px;
  color: #222;
  opacity: 0.8;
  cursor: pointer;
}

.li-active {
  animation: displayList 699ms cubic-bezier(0.6, 0.18, 0.5, 0.99) forwards;
  transform: translatey(40px);
  opacity: 0;
}

.li-1 {
  animation-delay: 99.5ms;
}

.li-2 {
  animation-delay: 199ms;
}

.li-3 {
  animation-delay: 298.5ms;
}

@keyframes displayList {
  0% {
    opacity: 0;
    transform: translatey(40px);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translatey(0px);
  }
}
.user-menu:after {
  position: absolute;
  top: -14px;
  left: 121px;
  display: inline-block;
  content: "";
  border: 7px solid transparent;
  border-bottom-color: #ffffff;
}

.dis-fl {
  display: flex;
  width: 400px;
}

.list-var {
  display: flex;
  align-items: center;
}

.mini-product-img {
  height: 70px !important;
  width: 70px !important;
  object-fit: contain;
  margin-left: 10px;
}

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

.wrap-minimals {
  display: flex;
  align-items: center;
}

.mini-name {
  font-size: 12px;
  text-align: right;
  line-height: 28px;
}

.mini-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 12px;
  padding: 0px 10px;
}

.mini-price .totla-price {
  font-size: 14px;
  margin-left: 10px;
}

.off-ticket {
  font-size: 12px;
  color: #e77600;
}

.ticket-price {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(238, 238, 238);
  padding: 5px 0px;
}

.pr-holding .totla-price {
  margin-left: 10px;
  font-size: 14px;
}

.pr-holding .first-numbric {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.off-ticket p {
  font-size: 12px;
  text-align: right;
}

.first-numbric {
  display: flex;
  align-items: center;
}

.new-adding .mins {
  height: 30px;
  width: 30px;
  background-color: rgb(255, 209, 166);
  border: none;
}

.new-adding .pls {
  height: 30px;
  width: 30px;
  background-color: rgb(255, 209, 166);
  border: none;
}

.new-adding .mins {
  margin-left: -4px;
}

.new-adding input.res {
  width: 40px;
  height: 30px;
}

.qty-inputs .mins {
  height: 45px;
  font-size: 40px;
  line-height: 13px;
  width: 43px;
  color: #535353;
  background: #d1d7e3;
}

.qty-inputs .plus {
  height: 45px;
  font-size: 27px;
  line-height: 13px;
  width: 43px;
  color: #535353;
  background: #d1d7e3;
}

.get-input {
  width: 25% !important;
  height: 45px !important;
  font-size: 20px !important;
}

@media screen and (max-width: 767px) {
  .inspiration {
    display: none;
  }
}
.expander_button {
  font-family: IRANYekan;
  background: #d90429;
  border: none;
  width: 130px;
  color: #fff;
  height: 36px;
  border-radius: 7px;
}

.comment-area {
  border: 1px solid rgb(233, 233, 233);
  padding: 10px 20px;
  margin-bottom: 10px;
  font-family: IRANYekan;
  font-size: 12px;
  color: #000 !important;
}

.comment-area::placeholder {
  color: #000 !important;
}

.dm-tt {
  font-size: 12px;
  padding-right: 10px;
  font-weight: 700;
  margin-top: 10px;
}

.form-space {
  padding: 0px 20px;
}

.adding-cm {
  font-family: IRANYekan;
  background-color: #b6d8ba;
  font-size: 14px !important;
  width: 90px;
  font-weight: 600 !important;
  margin-bottom: 20px;
  padding: 8px 5px !important;
}

.adding-cm:hover {
  color: #000;
}

.bar-rating {
  height: 6px;
  width: 100%;
  background-color: #bec0d7;
  border-radius: 10px;
  margin-top: 2px;
}

.bar-rating__active {
  margin-top: 7px;
  height: 6px;
  width: 175px;
  background-color: #5a5d7c;
  border-radius: 10px;
  animation: progress 0.8s cubic-bezier(0, 0, 0.3, 1);
}

.date-answer-rote {
  margin-top: 10px;
  color: #000;
  background: rgba(255, 255, 255, 0.2901960784);
  border: 2px solid #ffc8ce;
  max-width: fit-content;
  padding: 1px 9px;
  margin-bottom: 10p;
  border-radius: 7px 0;
  -webkit-transform: skewX(10deg);
  transform: skewX(352deg);
}

.wrapp-questions {
  direction: rtl;
  text-align: right;
  padding: 10px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.2705882353);
}

.question {
  margin-bottom: 10px;
}

.qu-sen {
  font-size: 14px;
  font-weight: normal;
}

.rate-row {
  direction: rtl;
}

.answer p {
  font-size: 12px;
  color: #000000;
}

.date-answer-rote {
  margin-top: 5px;
  color: #000;
}

.date-answer-rote span {
  font-size: 12px;
}

.wrapp-rt {
  text-align: right;
}

.wrapp-rt h4 {
  font-size: 13px;
  margin-bottom: 0px;
}

.colling-rt {
  border: 1px solid #f4f4f4;
  border-right: none;
  background: #fbfbfb;
  padding: 10px;
  padding: 15px;
}

.wrapping-ht {
  border-bottom: 1px solid #eee;
  border-left: none;
  background: #f4f5f7;
  padding: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
}

.rate-core {
  font-weight: normal;
  font-size: 12px;
}

.align-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-guarantee {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 0px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  justify-content: center;
}

.title-guarantee img {
  height: 30px;
  margin-left: 15px;
}

.title-guarantee h6 {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  direction: rtl;
}

.wrapp-pay {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  position: relative;
  padding: 20px 15px;
  height: max-content;
  background: linear-gradient(0deg, hsla(240, 3%, 94%, 0.5), hsla(240, 3%, 94%, 0.5)), #fff;
}

.shiping-calc {
  display: flex;
  align-items: center;
  text-align: center;
  direction: rtl;
  margin-bottom: 0px;
  font-weight: 600;
  justify-content: center;
}

.shiping-calc i {
  font-size: 24px;
  margin-left: 10px;
  color: #d90429;
}

.wrapp-ship-now {
  height: 100%;
  background: #ffffff;
  margin-top: 15px;
  border-radius: 8px;
  position: relative;
  padding: 10px 15px;
  height: max-content;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px #f0f0f0;
}

.shopping-cart-message {
  padding: 18px;
  padding-bottom: 45px;
  border-radius: 8px;
  border: 1px dashed #ccc;
  background: #fff;
  text-align: right;
  display: flex;
  flex-direction: column;
  direction: rtl;
  background-image: url(/assets/images/vectors/free-delivery.png);
  background-position: left bottom;
  background-size: 100px;
  background-repeat: no-repeat;
}

.shopping-cart-message button {
  width: max-content;
  border: none;
  color: #000;
  font-weight: 600;
  background: #d90429;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 10px;
  transition: 0.8s cubic-bezier(0, 0, 0.3, 1);
}

.shopping-cart-message i {
  color: #d90429;
  font-size: 18px;
}

.shopping-cart-message button {
  width: max-content;
  border: none;
  color: #000;
  font-weight: 600;
  background: #d90429;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 10px;
  transition: 0.8s cubic-bezier(0, 0, 0.3, 1);
}

.shopping-cart-message h4 {
  font-weight: 600;
  font-size: 14px;
}

.title-iconim {
  margin-top: 10px;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.title-iconim img {
  height: 28px;
  margin-left: 20px;
}

.title-iconim h6 {
  font-size: 13px;
  margin-bottom: 0px;
  text-align: justify;
  line-height: 25px;
  direction: rtl;
}

.title-post {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-start;
  padding-bottom: 5px;
  justify-content: flex-start;
  direction: rtl;
  text-align: right;
}

.title-post {
  border-bottom: 1px solid #eee;
}

.title-post.littel-bsc {
  border: none;
}

.title-post h6 {
  font-size: 13px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  text-align: justify;
  line-height: 25px;
  direction: rtl;
}

.title-post i {
  font-size: 20px;
  margin-bottom: 0px;
  text-align: right;
  color: #000000;
  line-height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.minus,
.plus {
  width: 25px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

input.res {
  height: 30px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ddd;
  display: block;
  vertical-align: middle;
  color: #333;
  border-top: #fff;
  font-family: IRANYekan;
  margin-bottom: 0px !important;
}

.calc {
  display: flex;
}

.off-prods {
  background-color: #d3dffa;
  padding: 1px 15px;
  padding-bottom: 0px;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 600;
  height: 24px;
  margin-right: 8px;
}

.offer-tags {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
}

.owner-plan {
  width: 100% !important;
}

.title-pricing {
  padding-top: 1px;
  margin-top: 10px;
  display: flex;
  margin-bottom: 22px;
  flex-direction: row-reverse;
  align-content: center;
  align-items: center;
}

.margins-minier {
  margin-right: 0px !important;
}

.mini-padd {
  padding: 0px 10px;
}

.address-another {
  border-radius: 8px;
  margin-top: 20px;
}

input.custom-radio-button[type=radio] {
  display: none;
}

input.custom-radio-button[type=radio]:checked + label {
  background-color: #009688 !important;
  color: white;
  border-radius: 5px;
}

.custom-radio-button-label {
  transition: all 0.3s linear;
  display: block;
  border-radius: 5px;
  -moz-appearance: button;
  -ms-appearance: button;
  font-weight: 400;
  background: #e8e8e8;
  font-size: 14px;
  color: #111111;
  padding: 5px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}

.tt-pr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.price-action {
  margin-bottom: 0px;
  font-size: 18px;
  margin-left: 10px;
}

.toman-price {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 6px;
}

.totla-price {
  font-size: 25px;
  margin-bottom: 0px;
}

.add-calc {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.add-to-cart {
  width: 100%;
  border: none;
  color: #fff !important;
  font-weight: 600;
  background: #d90429;
  border-radius: 10px;
  font-size: 13px;
  font-family: IRANYekan;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  font-weight: 600 !important;
  margin-top: 10px;
  transition: 0.8s cubic-bezier(0, 0, 0.3, 1);
}

.add-to-wish {
  width: 100%;
  border: none;
  color: #000;
  font-weight: normal;
  background: #fff;
  border: none;
  border-radius: 10px;
  border-radius: 7px;
  font-size: 13px;
  font-family: IRANYekan;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin-top: 8px;
  margin-bottom: 25px;
  outline: none !important;
}

.remove-shipping-cart {
  background-color: #ffe6e6;
}

.refresh-shipping-cart {
  border: 1px solid #ffe6e6;
}

.littel-bsc {
  margin-bottom: 10px;
}

.add-to-cart:hover {
  background: #fcb0b0;
  color: #fff;
}

.add-to-wish:hover {
  background-color: #ffd3db;
  border: 1px solid #ffd3db;
  outline: none !important;
  color: #d90429;
  font-weight: 600;
}

.right-sc {
  display: flex;
}

.bp-sett {
  height: 380px;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  border-radius: 10px;
}

.br-sett {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.br-sett img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.mario-space {
  margin-top: 30px;
}

.padding-new {
  padding: 0px 20px;
}

.nice-line {
  height: 2px;
  background: #d90429;
  width: 5%;
  right: 0px;
  border-radius: 10px;
}

.third-box-certifit {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 8px;
  margin: 0px 5px;
  direction: rtl;
  height: 180px;
  overflow: hidden;
  text-align: right;
}

.crt-caption p {
  font-size: 12px;
  line-height: 24px;
}

.crud {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.crt-caption .support {
  color: #0056b3 !important;
  text-decoration: underline !important;
  margin-top: 8px;
}

.product-share {
  height: 70px;
  width: 70px;
  object-fit: contain;
}

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

.share-product {
  padding: 30px 30px;
  background: #ffffff;
  border-radius: 8px;
  direction: rtl;
  overflow: hidden;
  height: 270px;
  text-align: right;
  background-image: url(../../assets/images/vectors/share.webp);
  background-size: 125px;
  background-repeat: no-repeat;
  margin-left: 5px;
  background-position: left bottom;
}

.box-support {
  padding: 30px 30px;
  background: #ffffff;
  border-radius: 8px;
  margin: 0px 5px;
  direction: rtl;
  overflow: hidden;
  height: 270px;
  text-align: right;
  background-image: url(../../assets/images/vectors/support.webp);
  background-size: 159px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.box-support p {
  font-size: 12px;
  margin-top: 15px;
}

.see-all-category {
  background: rgba(217, 4, 41, 0.1607843137);
  width: max-content;
  padding: 3px 12px;
  border-radius: 8px;
  display: block;
  display: flex;
  margin-top: 30px;
  color: #000 !important;
  font-size: 14px;
  align-items: center;
}

.see-all-category:hover {
  background: #fff;
}

.support-email input {
  width: 50%;
  padding-right: 10px;
}

.support-email input::placeholder {
  font-size: 10px;
  color: #000;
}

.support-email {
  margin-top: 10px;
}

.support-email button {
  position: relative;
  left: 18px;
  background: #d90429;
  padding: 6px 30px;
  border: 1px solid #d90429;
  top: 5px;
  height: 52px;
  border-radius: 8px 0px 0px 8px;
}

.see-all-category i {
  font-size: 19px;
  color: #d90429;
  margin-right: 5px;
}

.share-now-this {
  display: flex;
  align-items: center;
}

.product-name-share h4 {
  font-size: 11px;
}

.share-vectore-btns {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 48px;
}

.share-link-title {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
}

.share-btns {
  display: flex;
}

.share-vectore {
  height: 150px;
  width: 150px;
  object-fit: contain;
}

.share-vectore img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.share-btns a {
  width: 40px;
  height: 40px;
  padding: 13px 15px;
  background: #ffffff;
  margin-left: 10px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.share-btns a i {
  font-size: 20px;
  color: #ef233c;
}

.share-box-title {
  font-weight: 600;
  margin-bottom: 15px;
}

.crt-caption h5 {
  font-size: 12px;
  margin-bottom: 8px;
}

.crt-caption h5 span {
  line-height: 24px;
}

.padding-cert {
  padding: 0;
}

.certi-title {
  font-weight: 600;
  margin-bottom: 15px;
}

.support-tell {
  display: block;
  margin-top: 15px;
}

.support-tell span {
  color: #000;
  font-weight: 600;
  margin-left: 5px;
  direction: rtl;
  text-align: right;
}

.third-box-row {
  direction: rtl;
  margin-top: 25px;
  padding: 0px 10px;
}

.brand-margin {
  margin-bottom: 30px;
}

.return-tbox {
  background-position: top left;
  background-size: 45px;
  background-image: url(../../assets/images/icons/return-box.png);
  background-repeat: no-repeat;
}

.support-tbox {
  background-position: top left;
  background-size: 45px;
  background-image: url(../../assets/images/icons/support.png);
  background-repeat: no-repeat;
}

.originality-tbox {
  background-position: top left;
  background-size: 45px;
  background-image: url(../../assets/images/icons/warranty.png);
  background-repeat: no-repeat;
}

.support-tell {
  color: #0056b3 !important;
}

.comme-line {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 20px;
}

.header-login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.header-login img {
  height: 50px;
}

.logins {
  text-align: right;
  font-weight: normal;
}

.design-log {
  margin-top: 50px;
  background-color: #fff;
  padding: 40px;
  direction: rtl;
  border-radius: 10px;
  border: 1px solid rgb(232, 232, 232);
}

.login-caption {
  margin-top: 20px;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-start;
  flex-direction: row;
}

.login-caption i {
  color: #d90429;
  margin-left: 5px;
  font-size: 18px;
}

.login-caption p {
  font-size: 12px;
}

#pg-button-0 {
  width: 35px;
  height: 35px;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  stroke: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 9px;
  background: var(--color-gray);
  padding-bottom: 0px;
  font-family: IranYekan;
}

.feild-num {
  display: block;
  height: 50px;
  border: 1px solid rgb(233, 233, 233);
  padding: 15px 22px;
  margin-bottom: 10px;
  font-size: 14px;
}

.feild-num::placeholder {
  color: rgba(0, 0, 0, 0.425) !important;
  font-size: 14px;
}

.submitting {
  height: 50px;
  background-color: #d90429;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-family: IRANYekan;
  margin-top: 30px;
  font-weight: 600;
}

.submitting:hover {
  color: #fff;
  background-color: #09144f;
}

.login-otp {
  margin-top: 15px;
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.login-otp i {
  color: #000;
  font-size: 10px;
  margin-right: 10px;
}

.login-otp span {
  color: #000;
  font-size: 10px;
}

.steps {
  display: flex;
  width: 100%;
  max-width: 1000px;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  margin: 50px auto;
}

.steps div {
  width: 100%;
  height: 2px;
  background: rgba(49, 140, 252, 0.25);
  position: relative;
}

.order-mb-thr {
  padding: 0px 40px;
}

.steps div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #318cfc;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

.steps div.active::after {
  transform: scaleX(1);
}

.steps button {
  cursor: pointer;
  background: transparent;
  border: 2px solid #318cfc;
  color: #318cfc;
  font-weight: 900;
  border-radius: 100%;
  min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  box-shadow: 0.9px 2.8px 2.2px rgba(49, 140, 252, 0.02), 2.1px 6.7px 5.3px rgba(49, 140, 252, 0.028), 4px 12.5px 10px rgba(49, 140, 252, 0.035), 7.1px 22.3px 17.9px rgba(49, 140, 252, 0.042), 13.4px 41.8px 33.4px rgba(49, 140, 252, 0.05), 32px 100px 80px rgba(49, 140, 252, 0.07);
  background: white;
  transition: all 0.3s ease;
}

.steps button.active {
  background: #318cfc;
  color: white;
}

.modal-title {
  margin-top: 5px;
  font-size: 14px;
  text-align: right;
  direction: rtl;
}

.support-tell {
  color: #0056b3 !important;
}

.comme-line {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 20px;
}

.header-login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.header-login img {
  height: 50px;
}

.logins {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  height: 50px;
  background: #f3dfcf;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.design-log {
  margin-top: 20px;
  background-color: #fff;
  padding: 40px;
  direction: rtl;
  border-radius: 10px;
  border: 1px solid rgb(232, 232, 232);
}

.login-caption {
  margin-top: 15px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-start;
  flex-direction: row;
}

.login-caption i {
  color: #d90429;
  margin-left: 5px;
  font-size: 18px;
}

.show-theme .form__input {
  margin-bottom: 0;
}

.login-caption p {
  font-weight: 600 !important;
  font-size: 15px !important;
  margin-right: 10px;
  color: #09144f;
}

.error-form {
  display: block;
  color: #e90027;
  margin-top: 15px;
}

.complete-error-body {
  background-color: #fff;
  padding: 60px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  margin-top: 60px;
}
.complete-error-body h3 {
  text-align: center;
  font-size: 20px;
  direction: rtl;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.complete-error-body h3 strong {
  color: #d90429;
  font-weight: 600 !important;
  margin-left: 2px;
}
.complete-error-body h3 span {
  font-weight: 600;
  color: #000;
}
.complete-error-body .error-caption {
  padding: 10px;
  direction: rtl;
  margin: 15px 0;
}
.complete-error-body .error-caption p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.complete-error-body a {
  display: flex;
  justify-content: center;
  direction: rtl;
  height: 40px;
  padding: 5px 8px;
  border-radius: 6px;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
}
.complete-error-body .back-home {
  background: #ecf5fd;
  color: #000;
}
.complete-error-body .back-home i {
  font-size: 22px;
  color: #d90429;
  margin-left: 3px;
}
.complete-error-body .back-home:hover {
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  background: #d90429;
  color: #fff;
}
.complete-error-body .back-home:hover i {
  color: #fff;
}
.complete-error-body .complete-inf {
  background: #d90429;
  color: #fff;
}
.complete-error-body .complete-inf i {
  font-size: 22px;
  color: #fff;
  margin-left: 3px;
}
.complete-error-body .complete-inf:hover {
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  background: #09144f;
  color: #fff;
}

#pg-button-0 {
  width: 35px;
  height: 35px;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  stroke: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 9px;
  background: var(--color-gray);
  padding-bottom: 0px;
  font-family: IranYekan;
}

.feild-num {
  display: block;
  height: 50px;
  border: 1px solid rgb(233, 233, 233);
  padding: 15px 22px;
  margin-bottom: 10px;
  font-size: 14px;
}

.feild-num::placeholder {
  color: rgba(0, 0, 0, 0.425) !important;
  font-size: 14px;
}

.submitting {
  height: 50px;
  background-color: #d90429;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
  padding: 5px 42px;
  font-weight: 600;
  width: 100%;
}

.submitting:hover {
  color: #fff;
  background-color: #09144f;
}

.form__input {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.form__input span {
  position: absolute;
  left: 15px;
  font-size: 26px;
  top: 5px;
  opacity: 0.5;
  cursor: pointer;
}

.form-label {
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
  font-size: 14px;
  text-align: right;
  width: 100%;
}

.form__input span:hover {
  opacity: 1;
}

.form__input label {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.form__input input:not([type=submit]) {
  width: 100%;
  display: block;
  height: 50px;
  border: 1px solid rgb(233, 233, 233);
  padding: 15px 22px;
  margin-bottom: 10px;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  font-size: 15px;
}

.form__input input:not([type=submit])::placeholder {
  color: rgba(0, 0, 0, 0.425) !important;
  font-size: 14px;
}

.form__input input[type=submit] {
  color: #fff;
  background-color: #0054ff;
  font-size: 18px;
  border: 0;
  padding: 10px 30px;
  border-radius: 5px;
  text-align: center;
  outline: 0;
  cursor: pointer;
}

.divider {
  width: 100%;
  padding: 15px 0;
  position: relative;
  text-align: center;
}

.divider:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #efefef;
  right: 0;
  top: 50%;
  position: absolute;
  display: block;
}

.divider span {
  position: relative;
  z-index: 3;
  background-color: #fff;
  padding: 5px 10px;
  font-weight: 800;
}

.phone-validator {
  height: 50px;
  display: block;
  background: #ffd8ce;
  margin-right: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #cd3303;
}
.phone-validator:hover {
  background: #ecf5fd;
}
.phone-validator span {
  font-weight: 600;
}
.phone-validator i {
  font-size: 18px;
}

.vpd-input-group label {
  color: #fff;
  height: 50px !important;
  white-space: nowrap;
}

.phone-validated {
  height: 50px;
  display: block;
  background: rgba(149, 213, 178, 0.5294117647);
  margin-right: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #154817;
}
.phone-validated span {
  font-weight: 600;
}
.phone-validated i {
  font-size: 18px;
}

.lm-first-wrapp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #f3dfcf;
  border-radius: 8px;
  padding: 5px 15px;
}
.lm-first-wrapp:hover {
  background: rgb(173, 198, 218);
  transition: all 0.3s linear;
}
.lm-first-wrapp .login-icon-holder {
  height: 35px;
  width: 35px;
  background-color: rgba(255, 255, 255, 0.54);
  border-radius: 50%;
  padding: 4px;
  object-fit: contain;
  margin-left: 10px;
}
.lm-first-wrapp .login-icon-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.lm-first-wrapp strong {
  font-weight: 600 !important;
  font-size: 16px;
  margin-right: 5px;
  color: #09144f;
}

.login-otp {
  margin-top: 15px;
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.login-otp i {
  color: #000;
  font-size: 10px;
  margin-right: 10px;
}

.login-otp span {
  color: #000;
  font-size: 10px;
}

.steps {
  display: flex;
  width: 100%;
  max-width: 1000px;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  margin: 50px auto;
}

.steps div {
  width: 100%;
  height: 2px;
  background: rgba(49, 140, 252, 0.25);
  position: relative;
}

.order-mb-thr {
  padding: 0px 40px;
}

.steps div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #318cfc;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

.steps div.active::after {
  transform: scaleX(1);
}

.steps button {
  cursor: pointer;
  background: transparent;
  border: 2px solid #318cfc;
  color: #318cfc;
  font-weight: 900;
  border-radius: 100%;
  min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  box-shadow: 0.9px 2.8px 2.2px rgba(49, 140, 252, 0.02), 2.1px 6.7px 5.3px rgba(49, 140, 252, 0.028), 4px 12.5px 10px rgba(49, 140, 252, 0.035), 7.1px 22.3px 17.9px rgba(49, 140, 252, 0.042), 13.4px 41.8px 33.4px rgba(49, 140, 252, 0.05), 32px 100px 80px rgba(49, 140, 252, 0.07);
  background: white;
  transition: all 0.3s ease;
}

.steps button.active {
  background: #318cfc;
  color: white;
}

.contents {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 200px;
  box-sizing: border-box;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}

.content.active {
  opacity: 1;
  z-index: 10;
}

.active-user-profile {
  background: rgba(208, 236, 255, 0.2509803922);
  border-radius: 5px !important;
}

.active-user-profile {
  background-color: rgba(255, 195, 195, 0.2509803922) !important;
}

.active-user-profile i {
  color: #d90429 !important;
}

.owl-next {
  padding: 10px;
  background: rgb(223, 223, 223);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f3f3f3 !important;
  border: 4px solid rgba(231, 231, 231, 0.8117647059);
  font-size: 24px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.owl-next {
  position: absolute;
  left: 0px;
  top: 26px;
}

.owl-next {
  padding: 10px;
  background: rgb(255, 243, 225) !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 0px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  outline: 4px solid rgba(217, 4, 41, 0.1803921569);
  background-size: 30px;
}

.top-banner-offer {
  height: 80px;
  width: 100%;
  background-image: url(../../assets/images/banners/tb.webp) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.owl-carousel.doot-owl .owl-nav button.owl-next,
.owl-carousel .owl-nav,
.owl-carousel button.owl-dot {
  display: block !important;
}

.owl-carousel.doot-owl .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block !important;
}

.owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none !important;
}

.titl-link {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  font-size: 17px;
  flex-direction: row-reverse;
}

.titl-link i {
  font-size: 14px;
  margin-left: 15px;
}

.dt-detail {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
}

.details-order h3 strong {
  font-size: 14px;
}

.progress-parent {
  background: #b1b1b1;
}

.progress-color {
  background-color: #d90429;
}

.status-bar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.status-message {
  height: 65px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.status-message span {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0px;
  line-height: 36px;
  /* display: inline-block; */
}

.status-message i {
  font-size: 22px;
}

.status-success {
  background: #d6fade;
}

.status-faild {
  background: #ffc6c6;
}

.status-faild i {
  color: #d90429 !important;
}

.dt-rows {
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}

.each-detail {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
}

.property-dt {
  margin: 0px 8px;
}

.header-shopp-details {
  padding: 0px 30px;
  margin-bottom: 15px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  justify-content: space-between;
  flex-direction: row;
}

.footer-shopp-details {
  padding: 0px 10px;
  margin-top: 15px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e7e7e7;
  justify-content: space-between;
}

.each-property {
  display: flex;
  width: 100%;
  margin-left: 0px;
  justify-content: flex-start;
  padding: 10px;
  background: #f3f3f3;
  align-items: center;
  margin-bottom: 10px;
  min-height: 50px;
  border-radius: 5px;
}

.title-rows {
  padding-bottom: 10px;
  font-weight: 600;
}

.title-rows i {
  font-size: 12px;
  margin-right: 5px;
  color: rgba(251, 72, 72, 0.2509803922);
}

.status-line {
  width: 100%;
}

.each-btn {
  width: 130px;
}

.each-btn button {
  background-color: #fff;
  border: none;
  font-size: 12px;
  height: 40px;
  font-family: "IranYekan";
  display: flex;
  align-items: center;
  color: #0056b3 !important;
}

.each-btn button i {
  margin-right: 5px;
  font-size: 10px;
  color: #0056b3 !important;
}

.solid-line {
  height: 1px;
  border: 0;
  color: #f6f6f6;
  background-color: #f6f6f6;
  margin: 15px auto 10px auto;
}

.detail-left {
  padding: 0px 50px;
}

.ico-holdering {
  padding: 10px 5px;
}

.ico-holdering i {
  color: #4caf50;
  line-height: 17px;
  position: relative;
  top: 5px;
}

.product-del {
  font-size: 12px;
  direction: rtl;
  color: #b42a00;
}

.product-name-t h5 {
  font-size: 16px;
  margin: 15px 0px;
}

.status-bar {
  margin-bottom: 20px;
}

.each-product-preview {
  background-color: #fff;
  padding: 30px 26px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  margin-top: 15px;
}

.each-gt {
  display: flex;
  align-items: center;
}

.margin-sett {
  margin-bottom: 10px;
}

.gw-title {
  font-size: 12px;
  margin: 0px 15px;
  color: #212121;
  margin-bottom: 0px;
}

.each-gt img {
  height: 20px;
}

.each-property span {
  font-size: 14px;
  color: #656565;
}

.details-payment-date {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 10px 22px !important;
}

.each-property strong {
  font-size: 14px;
}

.each-property h3 {
  margin-bottom: 0;
}

.faq-link i {
  font-size: 12px;
}

.owl-next > span {
  font-size: 20px !important;
  font-family: monospace !important;
  -webkit-fontfamily: monospace !important;
  position: relative !important;
  top: -4.5px !important;
  right: 1px !important;
}

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

.content__box {
  background: white;
  box-shadow: 0.9px 2.8px 2.2px rgba(49, 140, 252, 0.02), 2.1px 6.7px 5.3px rgba(49, 140, 252, 0.028), 4px 12.5px 10px rgba(49, 140, 252, 0.035), 7.1px 22.3px 17.9px rgba(49, 140, 252, 0.042), 13.4px 41.8px 33.4px rgba(49, 140, 252, 0.05), 32px 100px 80px rgba(49, 140, 252, 0.07);
  border-radius: 20px;
  padding: 50px;
  max-width: 800px;
  margin: 0 auto;
}

.wrapp-cart-product {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-around;
  background: #fff;
  margin-top: 15px;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px 25px;
}

.brandtitle-holder {
  padding: 0px 25px;
}

.wrapp-cart-product .title-guarantee {
  display: flex;
  justify-content: flex-start;
}

.wrapp-cart-product:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
  transition: all linear 0.4s;
}

.n-trm {
  font-size: 16px;
  font-weight: normal;
}

.img-crt {
  height: 120px;
  width: 120px;
  object-fit: contain;
}

.img-crt img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.name-detail {
  margin-top: 20px;
  width: 75%;
}

.color-tip {
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 20px;
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 20px;
}

.box-calcu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bt-gray {
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
}

.color-tip .color-sett {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: 1px solid #ccc;
  outline-offset: 2px;
  background: #ff6702;
  margin-right: 5px;
  margin-left: 24px;
}

.n-trm {
  direction: rtl;
  text-align: right;
}

.history-tl-container ul.tl li:last-child {
  border-left: 0;
}

.history-tl-container ul.tl li::before {
  position: absolute;
  right: -8px;
  top: -4px;
  content: " ";
  border: 5px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #258cc7;
  height: 15px;
  width: 15px;
  transition: all 500ms ease-in-out;
}

.item-title {
  position: relative;
  top: -6px;
  display: flex;
  align-items: center;
}
.item-title i {
  font-size: 18px;
  margin-left: 5px;
}

.history-tl-container ul.tl li:hover::before {
  border-color: #258cc7;
  transition: all 1000ms ease-in-out;
}

.red-icon {
  color: #e6123d;
}

.blue-icon {
  color: #1f81b9;
}

ul.tl li .item-detail {
  color: rgb(54, 54, 54);
  font-size: 12px;
}

ul.tl li .timestamp {
  color: #8d8d8d;
  position: absolute;
  width: 100px;
  left: -50%;
  text-align: right;
  font-size: 12px;
}

.gua-title strong {
  font-size: 18px;
  font-weight: 600;
}

.wrap-first-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gua-title span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}

.refresh-shipping-cart {
  background: #fff !important;
}

.wrapp-pay-now {
  margin-top: 15px;
  border-radius: 10px;
  padding: 30px 20px;
  background-color: #fff;
  width: 100%;
  direction: rtl;
  text-align: right;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px #d8dfeb;
  height: max-content;
}

.similar-details {
  display: flex;
  flex-direction: row-reverse;
}

.similar-img {
  height: 80px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px !important;
  object-fit: contain;
  border-radius: 10px;
  margin-left: 10px;
}

.similar-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  align-items: center;
}

.sm-title {
  text-align: right;
  direction: rtl;
  font-size: 16px;
  font-weight: normal;
  border-top: 1px solid rgba(204, 204, 204, 0.2705882353);
  padding-top: 10px;
  margin-top: 10px;
}

.name-similar {
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
}

.name-link {
  text-align: right;
  direction: rtl;
  width: 90%;
}

.visit-it {
  direction: rtl;
  text-align: right;
  font-size: 12px;
  margin-top: 15px !important;
}

.visit-it strong {
  color: #d90429;
}

.visit-it i {
  color: #d90429;
}

.product-banner {
  margin-top: 20px;
}

#purchase-details {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  margin-bottom: 25px;
}

.product-banner img {
  border-radius: 8px;
  margin-bottom: 15px;
  width: 100%;
}

.similar-caption {
  font-size: 12px;
  text-align: right;
  color: rgba(0, 0, 0, 0.632);
}

.total-pricing {
  font-size: 14px;
  font-weight: normal;
}

.space-bett {
  margin-bottom: 20px;
  margin-top: 20px;
}

.price-last {
  font-size: 12px;
  text-align: left;
}

.trash-bin {
  position: absolute;
  left: 40px;
  border: none;
  background-color: rgb(243, 243, 243);
  border-radius: 10px;
  height: 32px;
  width: 32px;
  font-size: 14px;
  padding-top: 3px;
  color: #ff6a00;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-div {
  border: 1px solid rgba(255, 0, 0, 0.2117647059);
  background-color: rgba(255, 0, 0, 0.0901960784);
}

.alert-content img {
  height: 35px;
}

.alert-content {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.alert-titles {
  margin-bottom: 0px;
  font-size: 16px;
  margin-right: 20px;
}

.trash-bin:hover {
  background-color: rgb(243, 243, 243);
  color: #ff0000;
  font-size: 16px;
  box-shadow: 0px 0px 0px 5px rgba(228, 4, 4, 0.2);
  transition: all ease-in-out;
}

.cp-title {
  text-align: right;
  direction: rtl;
  font-size: 16px;
  font-weight: normal;
  padding: 30px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-top: 20px;
}

.first-step {
  color: #db0303;
  font-weight: 600;
  margin-left: 20px;
}

.wrapp-location {
  margin-top: 15px;
  border-radius: 10px;
  padding: 30px 25px;
  background-color: #fff;
  width: 100%;
  direction: rtl;
  text-align: right;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px rgba(216, 223, 235, 0.5098039216);
}

.your-date {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  width: 100%;
  text-align: right;
}

.fact-print {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.rasmi {
  font-size: 14px;
  margin-bottom: 10px;
}

.fbt-gray {
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.capt-test h5 {
  font-size: 12px;
}

.capt-test i {
  font-size: 8px;
  color: #d90429;
}

.name {
  font-size: 14px;
  margin-left: 5px;
}

.name-family {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(241, 241, 241);
}

.icon-location-p {
  font-size: 20px;
  color: #d90429;
  margin-left: 5px;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ffffff;
  border-radius: 4px;
}

.table-bordered tr:nth-child(even) {
  background: #ffdde1;
}

.table-bordered tr:nth-child(odd) {
  background: #ffeeef;
}

.table .thead-dark th {
  color: #fff;
  background-color: #d90429;
  border-color: #ffffff;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
}

.facture-under {
  border-radius: 8px;
  background-color: #ecf3f8;
  background: linear-gradient(44deg, #ffeeef 0.64%, #ffd6da 98.23%);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  margin: 1px 0px;
}
.facture-under h4 {
  margin-bottom: 0;
}
.facture-under img {
  height: 10px;
  width: 8px;
  margin-left: 8px;
}

.pay-last {
  border-radius: 6px;
  background: #08c572;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  padding: 15px 60px;
  border: none;
  font-family: IRANYekan;
  height: 50px;
  margin-top: 40px;
}

.pay-last:hover {
  background: #03db6f;
  color: #fff;
  transition: all linear 0.3s;
}

.re-pay {
  font-size: 16px;
  margin-left: 10px;
}

.pay-now strong {
  font-size: 16px;
}

.pay-now .toman {
  font-size: 16px;
}

.camp-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: rtl;
  padding-left: 20px;
}

.back-page {
  background: #ededed;
  color: #000;
  display: flex;
  height: 35px;
  border-radius: 8px;
  width: 95px;
  align-items: center;
  justify-content: space-evenly;
  font-size: 13px;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem 0;
}

.modal-title {
  margin-top: 5px;
  font-size: 14px;
}

.modal-plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  direction: rtl;
  max-width: 970px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 1px 6px 1px #d8dfeb;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0px;
  flex-direction: row-reverse;
  text-align: right;
}

.your-ads {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  width: 100%;
  padding-right: 10px;
  text-align: right;
}

.modal-plans .plan {
  width: 100%;
}

.block-persion {
  direction: rtl;
  text-align: right;
  margin-top: 210px;
}

.plans-divec {
  display: flex;
  align-items: center;
}

.plans-divec span {
  font-size: 12px !important;
  margin-right: 8px;
  margin-bottom: 0px !important;
}

.address-t {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}

.your-ads i {
  font-size: 10px;
  color: #f89d13;
  margin-left: 5px;
}

.fw-title i {
  font-size: 10px;
  color: #f89d13;
  margin-left: 5px;
}

.save-it {
  background-color: #f89d13;
  color: #000;
  border: none;
  font-size: 12px;
  padding: 8px 25px;
  font-family: IRANYekan;
}

.empty-shopping-cart {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 25px 20px;
}

.emp-im {
  height: 100px;
  width: 100px;
  object-fit: contain;
}

.emp-im img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.empty-title {
  text-align: center;
  font-weight: normal;
  margin-top: 25px;
  direction: rtl;
}

.empty-shopping-cart {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.links-emp {
  margin-top: 30px;
  width: 60%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.links-emp a {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  flex-direction: row-reverse;
  color: #19bfd3 !important;
  font-weight: normal;
}

.links-emp a:hover {
  color: #b42a00;
}

.home-emp {
  border-left: 1px solid #ccc;
}

.links-emp i {
  font-size: 12px;
  margin-right: 8px;
}

.modals-btns {
  font-family: IRANYekan;
  background: #d90429;
  font-weight: normal;
  border: none;
  width: 130px;
  height: 36px;
  font-size: 12px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.address-edit-link {
  font-weight: normal;
  border: none;
  width: 130px;
  height: 36px;
  font-size: 12px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d90429;
}

.new-btn {
  border: 1px solid #d90429;
  background: transparent;
}

.address-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px;
}

.address-title h4 {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #d90429;
}

.wrapp-steps-payment {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 5% 0px;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px rgba(216, 223, 235, 0.5098039216);
}

.header-spay {
  text-align: right;
  background: rgba(217, 4, 41, 0.2117647059);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
  direction: rtl;
}

.header-spay h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}

.header-spay p {
  font-size: 13px;
}

.main-pay {
  direction: rtl;
  text-align: right;
}

.payment-title {
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.each-checking {
  border: none !important;
  padding-top: 28px !important;
}

.payment-btn {
  border: none;
  border-radius: 10px;
  padding: 15px;
  background: #ccffd4;
  color: #071f0f;
}

.payment-btn:hover {
  background: #92ddff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px rgba(216, 223, 235, 0.5098039216);
}

.success-pay-row .link-payment {
  background: #96fba7;
}

.each-pay-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 0px 10px 0px rgba(216, 223, 235, 0.5098039216);
  padding: 0px 10px;
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.4117647059);
  height: 68px;
  margin-bottom: 12px;
}

.pay-success {
  display: flex;
  align-items: center;
}

.success-pay-row {
  background-color: #d6ffe6;
  border: 1px solid rgba(117, 255, 94, 0.4117647059);
}

.pay-success i {
  padding: 12px 13px;
  margin-left: 15px;
  background: rgba(26, 242, 44, 0.3411764706);
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: #005b1b !important;
  margin-right: 0px;
}

.success-pay-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
}

.footer-pay {
  direction: rtl;
  text-align: right;
  margin-top: 30px;
  border-top: 1px solid rgba(204, 204, 204, 0.2901960784);
  padding-top: 20px;
}

.intent-pay {
  text-align: center;
  margin-top: 30px;
  border-radius: 10px;
  width: 100%;
  padding: 16px 15px;
  background: #ffbe5e;
  font-weight: 600;
}

.price-to-pay {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 5px;
}

.each-pay-inp {
  font-size: 16px;
  font-weight: 600;
}

.unset-direction {
  direction: initial !important;
}

.link-payment {
  padding: 12px 13px;
  margin-right: 10px;
  background: rgba(126, 145, 255, 0.3411764706);
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: #0b0e7a !important;
}

.wrapp-price-link {
  align-items: center;
}

.margin-set-modal {
  margin-top: 100px;
}

.row-rev {
  display: flex;
  justify-content: flex-end;
  padding: 0px 20px !important;
  padding-left: 38px !important;
}

.line-sett {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0px;
  direction: rtl;
  flex-direction: row-reverse;
}

.each-detail-add {
  display: flex;
  padding: 5px 0px;
}

.owner-details {
  font-size: 14px;
  margin-bottom: 0px;
  color: #81858b;
  margin-right: 20px;
}

.each-detail-add i {
  color: #81858b;
}

.each-address-title {
  padding: 5px 0px;
  font-size: 16px;
  color: #81858b;
}

.each-address-title strong {
  margin-right: 12px;
  color: #81858b;
}

.each-address-title i {
  color: #81858b;
}

.stop-it {
  background-color: rgba(248, 61, 19, 0.1882352941);
  color: #000;
  border: none;
  font-size: 12px;
  padding: 8px 25px;
  font-family: IRANYekan;
}

.new-address {
  margin-top: 5px;
  padding: 5px;
  padding-bottom: 0px;
}

.fw-title {
  margin-top: 5px;
  font-weight: normal;
}

.each-addresss-box {
  padding: 10px 15px;
  width: 100%;
  border-bottom: 1px solid rgba(238, 238, 238, 0.9333333333);
}

.each-addresss-box h3 {
  width: 100%;
  font-weight: 600;
  padding: 15px 0px;
  border-radius: 0;
  border-bottom: 1px solid #eee;
}

.buttons-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.buttons-area button {
  background: #fff0f0;
  border-radius: 6px;
  margin-right: 5px;
  height: 28px;
  padding: 5px 10px;
  display: flex;
  border: none;
  outline: none;
  align-items: center;
  font-size: 12px;
}

.buttons-area button i {
  color: #ff3d00;
  margin-right: 5px;
}

.address-modal {
  width: 550px;
}

.modal-plans .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 30px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
}

.modal-plans input[type=radio]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #216fe0;
  right: 12px !important;
  top: 18px !important;
  border-radius: 100%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
  box-shadow: 0px 0px 0px 2px #0066ff;
}

.sheet-button {
  width: 100%;
  color: #000;
  border-bottom: 1px solid #f0f0f1;
}

.sheet-button:hover {
  background: #f2f2f2;
  border-radius: 5px !important;
}

.sheet-button:hover i {
  color: #d90429;
}

.sheet-button i {
  color: #848484;
  font-size: 20px;
}

.panel-icon {
  padding-right: 15px;
  padding-left: 15px;
}

.none-bb {
  border-bottom: none;
}

.ich-pc {
  height: 60px;
  width: 60px;
  object-fit: contain;
}

.ich-pc img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.ht-holder {
  font-size: 16px;
}

.num-ht {
  font-weight: 600;
  color: #d90429;
  font-size: 14px;
}

.ordering {
  font-size: 13px;
  color: #000;
}

.icon-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.wh-panel {
  background-color: #fff;
  padding: 12px 12px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  height: max-content !important;
}

.flewxr {
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  height: max-content !important;
  margin-bottom: 15px;
  display: flex;
}

.nav-pills .nav-link {
  border-radius: 0px;
  padding: 12px;
}

.nav-pills .sheet-button.active,
.nav-pills .show > .nav-link {
  background-color: #fff;
  font-weight: normal;
  color: #000;
}

.content-design {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
}

.arrow-back {
  padding: 20px 20px;
  display: none;
}

.messege-back {
  padding: 20px 20px;
}

.second-address {
  color: #000;
  font-size: 13px;
  background: rgba(217, 4, 41, 0.3607843137);
  padding: 12px 12px;
  border-radius: 7px;
}

.second-address i {
  font-size: 10px;
  color: #d90429;
}

.address-plans {
  padding: 0px;
  box-shadow: none !important;
}

.second-addrees-modal {
  background: #fff;
  border: 1px solid #d90429;
  font-family: IRANYekan;
  width: 130px;
  height: 36px;
  font-size: 12px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.row .succes-shop {
  padding-right: 5px;
  display: flex;
  align-items: center;
}

.InputGroup {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
}

input.inp-new[type=radio] {
  visibility: hidden;
  height: 0;
  width: 0;
}

label.lbl-new {
  display: flex;
  flex: auto;
  vertical-align: middle;
  align-items: flex-start;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff;
  color: black;
  padding: 16px 10px;
  border-radius: 6px;
  transition: color 0.1s ease-out, background-color 0.1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0px;
  border: 2px solid #d8e6ff;
  flex-direction: column;
  margin-bottom: 15px;
  padding-bottom: 0px;
}

.office-name {
  display: flex;
}

.add-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
  border-top: 1px solid #ededed;
  padding-top: 20px;
  text-align: right;
  margin-bottom: 8px;
  font-size: 14px;
}

.shiraz {
  background-image: url(../../assets/images/icons/shrz.webp);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 100%;
}

.tehran {
  background-image: url(../../assets/images/icons/thr.webp);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 100%;
}

.add-time p {
  margin-bottom: 15px;
  padding-left: 10px;
  line-height: 30px;
}

label.lbl-new:last-of-type {
  margin-right: 0;
}

input.inp-new[type=radio]:checked + label {
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #0044a8;
}

input.inp-new[type=radio]:hover:not(:checked) + label {
  background-color: #93b9ff;
  color: #232323;
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.another-btn:hover {
  border: 1px solid #d90429 !important;
}

.another-btn:hover i {
  color: #d90429;
}

@keyframes progress {
  from {
    width: 0;
  }
}
.height-boxes {
  padding: 20px;
  height: 80px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.wrapp-likes a {
  display: flex;
  direction: rtl;
  width: 100%;
  justify-content: space-between;
}

.left-padding-sett {
  padding: 0px;
  padding-right: 5px;
}

.right-padding-sett {
  padding: 0px;
  padding-left: 5px;
}

input.in-mobile {
  display: inline-block;
  width: 60px;
  height: 40px;
  border: none;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
}

.mins,
.pls {
  height: 40px;
  width: 40px;
  background-color: rgb(255, 209, 166);
  border: none;
}

.mins {
  margin-right: -5px;
}

.no-share {
  display: none;
}

.content-design .tab-pane form > .dm-tt {
  font-size: 18px;
  margin-top: 10px;
}

.content-design .tab-pane > .dm-tt {
  font-size: 18px;
  margin-top: 10px;
}

.tab-pane .wrapp-cart-product {
  direction: rtl;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-around;
  background: #fff;
  margin-top: 15px;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px 25px;
}

.tab-pane .color-tip {
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  margin-top: 20px;
  justify-content: flex-start;
}

.tab-pane .title-guarantee {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
  justify-content: flex-start;
}

.status-rep {
  margin-right: 12px;
}

.tab-pane .vip-wrapper {
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
}

.tab-pane .vip-wrapper:hover {
  -webkit-box-shadow: 0px 8px 10px 0px #f0f0f0;
  box-shadow: 0px 8px 10px 0px #dddddd;
  background-color: rgba(255, 175, 118, 0.1529411765);
}

.tab-sp {
  margin-right: 20px;
}

.mario-nav {
  margin-top: 0px;
}

:root {
  --color-primary: $main-color;
  --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;
  --font-family: IRANYekan;
  --font-persian: IRANYekan;
  --font-proxima: IRANYekan;
}

.direction-l {
  direction: ltr;
}

.pagination,
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row-reverse;
}

.pagination__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 350;
  height: 50px;
  border-radius: 9px;
  margin: 0 9px;
}

.pagination__item {
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: 1rem;
  margin: 2px;
}

.pagination__button {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item > a,
.pagination__button {
  border: none;
  outline: none;
  stroke: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 9px;
  background: #e0e0e0;
  font-family: IranYekan;
}

.pagination__item > a:hover,
.pagination__button:hover {
  background: #d90429;
  color: #fff;
}

.pagination__item > a {
  width: 35px;
  height: 36px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

.pagination__item > a:active {
  background-color: #d90429;
  color: #fff;
}

.pagination__item > a:focus {
  background-color: #d90429;
  color: #fff;
}

.pagination--move-prev {
  -webkit-animation: pagination-move-prev 0.5s ease both;
  animation: pagination-move-prev 0.5s ease both;
}

.pagination--move-next {
  -webkit-animation: pagination-move-next 0.5s ease both;
  animation: pagination-move-next 0.5s ease both;
}

.pagination--move-top {
  -webkit-animation: pagination-move-top 0.5s ease both;
  animation: pagination-move-top 0.5s ease both;
}

.pagination__button {
  width: 35px;
  height: 35px;
}

.poin-navigation {
  direction: rtl;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.steping-numc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.line-price {
  margin-right: 0px;
}

.steping-numc .mins {
  margin-left: 0px;
  margin-right: 0px;
}

.lost-btn {
  width: 35px;
  height: 36px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  color: #000;
  border: 2px solid #dde6f3;
  border-radius: 9px;
  margin: 0px 5px;
}

.active-page {
  background-color: #d90429 !important;
  color: #000 !important;
}

.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#whole-flex {
  position: absolute;
  flex-direction: column;
  text-align: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -10;
}

/* NavBar */
hr {
  height: 1px;
  border: 0;
  color: gray;
  background-color: gray;
  margin: 15px auto 10px auto;
}

#closeBtn {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 390px;
  color: white;
  font-size: 50px;
  cursor: pointer;
  z-index: 7005;
  transform: translateY(-5px);
  transition: visibility 0.5s;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

.close-all-category {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  direction: ltr;
  cursor: pointer;
}

.close-all-category strong {
  margin-right: 10px;
  font-size: 14px;
}

.close-all-category i {
  font-size: 34px;
  color: #0b2f8c;
  margin-top: 12px;
}

@keyframes collapse {
  0% {
    z-index: 100;
    transform: translateX(0px);
  }
  100% {
    transform: translateX(1500px);
  }
}
@keyframes expand {
  0% {
    z-index: 100;
    transform: translateX(0px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.close {
  height: 0px;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.7);
}

.search-drop {
  display: flex;
}

.header-scroll.secondary-nav .scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.header-scroll.secondary-nav .scroll::-webkit-scrollbar {
  display: none;
}

.header-scroll.secondary-nav .submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  clear: both;
  background-color: #fbf7fc;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.15) !important;
}

.header-scroll.secondary-nav .submenu.visible {
  display: block;
  height: auto;
  border-top: 1px solid #e8e8e8;
}

.header-scroll.secondary-nav .dropdown {
  position: inherit;
}

.header-scroll.secondary-nav .dropdown-item {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  width: auto;
  clear: inherit;
  padding: 12px;
}

.header-scroll.secondary-nav .dropdown-toggle.visible {
  color: #d90429;
}

.header-scroll.secondary-nav .dropdown-item.active,
.header-scroll.secondary-nav .dropdown-item:active,
.header-scroll.secondary-nav .dropdown-item:hover {
  background: #fff;
  color: #6a2c79;
}

.header-scroll.secondary-nav,
.header-scroll.secondary-nav nav {
  font-size: 0;
}

.this-offer {
  display: flex;
  flex-direction: row-reverse;
  padding: 15px 0px;
  padding-top: 10px;
}

.each-product-price {
  margin: 0px 8px;
  color: #db0303;
  width: 120px;
}

.total-item-discount {
  margin: 0px 8px;
  color: #db0303;
  width: 120px;
}

.each-money {
  direction: rtl;
  width: 100px;
  text-align: right;
}

.this-money {
  display: flex;
  flex-direction: row-reverse;
  padding: 8px 0px;
}

.tags-maneg {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  margin-left: 10px;
}

.off-target {
  margin-left: 25px;
  color: #1946b8;
  font-size: 18px;
}

.off-taggs {
  margin-left: 22px;
  color: #1946b8;
  font-size: 18px;
}

.double {
  color: #1946b8;
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 7px;
}

.offer-shop-cart {
  font-size: 14px;
  font-weight: normal;
}

.dropdown {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: transparent;
}

.ml-min {
  margin-left: 12px;
}

.dropdown li {
  position: relative;
  width: max-content;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: "";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.dropdown li a {
  color: #000;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 10px;
  font-weight: normal;
  font-size: 14px;
}

.dropdown li ul {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  line-height: normal;
  background-color: #ffffff;
  z-index: 100000;
  border-top: 2px solid #f68f28;
}

.multi-btns {
  display: flex;
  align-items: center;
  /*    font-weight: normal; */
}

.btn-fl {
  text-align: center;
  width: 73px;
  padding: 1px;
  background-color: #ededed;
  border-radius: 4px;
  font-size: 13px;
  color: #ccc;
}

.line-c {
  margin: 0px 6px;
  color: #e0dcdc;
  font-size: 10px;
}

.it-net {
  text-align: center;
  padding: 1px;
  background-color: #eff4ff;
  border-radius: 4px;
  font-size: 13px;
  color: #0024b6;
  margin-left: 8px;
}

.it-net a {
  color: #0024b6;
  letter-spacing: 1px;
}

.dropdown li ul li a {
  text-align: right;
  color: #000;
  font-size: 14px;
  padding: 10px;
  display: block;
  white-space: nowrap;
}

.dropdown li ul li a:hover {
  background-color: #d90429;
  color: #000;
}

.dropdown li ul li ul {
  right: 100%;
  top: 0;
}

ul li:hover > a {
  color: #000 !important;
}

ul li:hover > ul {
  display: block;
}

@media (max-width: 768px) {
  .header-scroll.secondary-nav::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 35px;
    pointer-events: none;
    transition: opacity 0.2s;
  }
  header.secondary-nav .nav-link {
    padding: 14px 10px;
  }
}
.header-scroll.secondary-nav .nav-link.active {
  color: #000;
  box-shadow: inset 0px -3px 0px 0px #fdac00;
}

.comment-title {
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  margin-left: 0px;
}

.comment-title span {
  color: #4c4c4c;
  font-size: 12px;
  font-weight: 600;
}

.comment-title p {
  margin-bottom: 0px;
}

.comment-title i {
  margin-left: 5px;
  font-size: 14px;
  color: #2b2d42;
}

.rate-star {
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.rate-star i {
  margin-left: 5px;
}

.labl > input {
  visibility: hidden;
  position: absolute;
}

.mini-chev {
  font-size: 20px;
}

.labl > input + div {
  cursor: pointer;
  border: 2px solid transparent;
  height: 40px;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  /* flex-direction: row-reverse; */
  align-content: flex-end;
  text-align: right;
  border: 1px dashed #ccc !important;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 2px;
  direction: rtl;
  text-align: right;
}

.labl > input + div {
  font-size: 12px;
}

.labl > input:checked + div {
  background-color: #fff8f9;
  border: 1px solid;
  border-color: #d90429 !important;
}

.customizer {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}

.each-section-tite {
  margin-top: 10px;
  direction: rtl;
  text-align: right;
  font-size: 17px;
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

@keyframes expandDropDown {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes collapseDropDown {
  0% {
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    opacity: 0;
  }
}
/* Container part */
#main-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  direction: rtl;
}

#main-container::-webkit-scrollbar-track {
  background-color: darkgrey !important;
}

#main-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}

@keyframes mainAway {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-380px);
  }
}
@keyframes mainBack {
  0% {
    transform: translateX(-380px);
  }
  100% {
    transform: translateX(0px);
  }
}
.full-screen {
  width: 100%;
}

.dropdown-menu {
  padding: 0.7rem 0rem;
  font-size: 0.875rem;
  line-height: 22px;
  color: #5c5776;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  border-radius: 0.5rem;
}

.add-remove-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}

.half-cart-visit {
  border-left: 1px solid #e6e6e6;
  display: flex !important;
  justify-content: center !important;
}

.trash-holder i {
  margin-left: 12px;
  color: #e77600;
  font-size: 18px;
}

.video-selected {
  width: 100%;
  margin: 0 auto;
}

.video-iframe {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  margin-bottom: 10px;
  background: #ccc;
  border-radius: 8px;
}

.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.video-thumbnails {
  direction: rtl;
  margin-bottom: 30px;
  overflow-y: auto;
  max-height: 720px;
}

.header-other-video {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  padding: 0px 10px;
  color: #ffffff;
  background: #db0128;
  border-radius: 5px;
  margin-bottom: 15px;
}

.header-other-video h4 {
  font-size: 14px;
  margin-bottom: 0px;
}

.header-other-video i {
  margin-left: 12px;
  font-size: 14px;
  color: #d90429;
}

.wrapp-thumb {
  border-bottom: 1px solid rgba(204, 204, 204, 0.3294117647);
  padding: 10px 0px;
  display: flex;
  align-items: center;
}

.vt-hold {
  height: 80px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.other-video {
  direction: rtl;
}

.vt-hold img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.video-thumb iframe {
  display: none;
}

.video-thumb p {
  margin: 0;
  font-size: 12px;
  text-align: right;
}

.video-caption {
  width: 90%;
  margin-right: 0px;
  padding: 5px;
}

.video-thumb p.name {
  margin-top: 0px;
  font-weight: 600;
  text-align: right;
}

.video-thumb {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  height: 100px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  /* padding: 10px; */
}

.main-video-caption {
  direction: rtl;
  text-align: right;
}

.right-navs {
  border-bottom: 1px solid rgba(78, 78, 78, 0.1411764706);
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
  padding-bottom: 15px;
  flex-direction: row;
}

.right-navs a {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 12px;
  color: #000;
}

.right-navs a.active {
  color: #d90429;
  font-weight: 600;
  background-color: transparent;
  border-bottom: 2px solid #d90429;
}

.panel--captheading {
  display: flex;
  flex-direction: row;
  padding: 0px 20px;
}

.header-pcontent {
  display: flex;
  text-align: right;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 15px;
}

.caption-modal p {
  font-size: 14px;
  text-align: justify;
  direction: rtl;
}

.caption-modal {
  padding: 10px 20px;
  direction: rtl;
  text-align: right;
}

.caption-modal h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 15px;
}

.caption-modal ul {
  list-style: disc;
  padding-right: 20px;
}

.caption-modal ul li {
  font-size: 14px;
  color: #000000;
}

.tag-product-panel span {
  font-size: 13px;
  margin-left: 10px;
}

.tag-product-panel strong {
  font-size: 12px;
  background: #49475d;
  padding: 2px 10px;
  border-radius: 6px;
  color: #fff;
}

.header-pcontent h3 {
  font-size: 14px;
  text-align: right;
}

.img-ph {
  height: 100px;
  width: 100px;
  object-fit: contain;
}

.img-ph img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.right-navs .active a {
  font-weight: 600;
  border-bottom: 2px solid #d90429;
  color: #000;
}

.main-video-caption h4 {
  font-size: 14px;
  margin: 10px 0px;
  font-weight: 600;
}

.main-video-caption p {
  font-size: 12px;
}

.img-thmb {
  height: 100px;
  object-fit: contain;
  width: 100px;
  border-radius: 8px;
}

.img-thmb img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 6px;
}

.trash-holder {
  width: 80%;
  height: 35px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.trash-holder:hover {
  background-color: #fff0da;
  height: 35px;
}

.see-cart {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  padding: 0px 30px;
  align-items: center;
}

.icc-title {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0px;
  text-align: center;
}

.see-your-crt {
  font-size: 12px;
  color: #ff3d00;
  margin-right: 10px;
  font-weight: normal;
  direction: rtl;
}

.in-your-cart {
  padding: 15px 5px;
  box-shadow: 0px 0px 4px 3px #f4f4f4;
  height: max-content;
  border-radius: 6px;
}

.see-your-crt span {
  font-size: 12px;
  color: #ff3d00;
  margin-right: 10px;
  font-weight: normal;
  direction: rtl;
}

.see-your-crt i {
  font-size: 10px;
  color: #ff3d00;
}

.deleting {
  margin-top: 17px;
  display: flex;
  justify-content: center;
}

.delete-title {
  font-weight: normal;
  font-size: 12px;
}

.trash-holder {
  display: flex;
  flex-direction: row-reverse;
}

.dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in;
}

.dropdown:hover > .dropdown-menu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.dropdown-submenu:hover > .dropdown-menu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.list-unstyled {
  padding: 0px;
  margin-bottom: 0px;
}

.profile-cog {
  display: flex;
  text-align: right !important;
  padding-right: 20px !important;
}

.profile-cog i {
  padding-left: 15px;
  color: #e77600;
}

.name-of-user {
  font-size: 14px;
  font-weight: normal;
}

.email-of-user {
  font-size: 14px;
  margin-top: 8px;
}

.avatar-holder {
  height: 28px;
  object-fit: contain;
}

.disabled-buy {
  background: rgb(224, 224, 224) !important;
  color: #000 !important;
}

.about-us-title {
  text-align: center;
  font-size: 22px;
  border-right: 6px solid rgba(211, 211, 211, 0.62);
  border-left: 6px solid rgba(211, 211, 211, 0.62);
  padding: 4px 32px;
  width: max-content;
  display: flex;
  align-items: center;
  height: 40px;
}

.about-title-area {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapp-banner {
  height: 500px;
  width: 100%;
  background: rgba(255, 255, 255, 0.8509803922);
}

.alerting {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 15% 0px;
  border-radius: 10px;
  padding: 30px 25px;
  background-color: #fff;
  width: 100%;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb;
  box-shadow: 0px 8px 10px 0px rgba(216, 223, 235, 0.5098039216);
  align-items: center;
  text-align: center;
}

.alert-main {
  font-weight: 600;
  font-size: 22px;
  margin-top: 15px;
  direction: rtl;
  color: rgb(244, 3, 3);
}

.alert-caption {
  font-size: 14px;
  margin-top: 20px;
  padding: 5px 20px;
}

.ui-error {
  width: 100px;
  height: 100px;
  margin: 40px;
}

.ui-error-circle {
  stroke-dasharray: 260.75219025px, 260.75219025px;
  stroke-dashoffset: 260.75219025px;
  animation: ani-error-circle 1.2s linear;
}

.ui-error-line1 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.15s 1.2s linear both;
}

.ui-error-line2 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.2s 0.9s linear both;
}

@keyframes ani-error-line {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ani-error-circle {
  0% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: 0;
  }
  35% {
    stroke-dasharray: 120px, 120px;
    stroke-dashoffset: -120px;
  }
  70% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: -260.75219025px;
  }
  100% {
    stroke-dasharray: 260.75219025px, 0;
    stroke-dashoffset: -260.75219025px;
  }
}
.rate-user p {
  display: flex;
  font-size: 12px;
}

.rate-user i {
  font-size: 13px;
  margin-left: 3px;
  color: #ef233c !important;
}

.rate-user {
  display: flex;
  direction: rtl;
  align-items: center;
  padding: 0px 4px;
  border-radius: 7px 0;
  border: 1px solid #d1d7e3;
  margin-left: 5px;
  -webkit-transform: skewX(10deg);
  transform: skewX(352deg);
}

.comment-title {
  display: flex;
  direction: rtl;
  align-items: center;
  padding: 0px 4px;
  border-radius: 7px 0;
  background: rgba(150, 165, 192, 0.4392156863);
  margin-left: 0px;
  -webkit-transform: skewX(10deg);
  transform: skewX(352deg);
}

.rate-user span {
  margin-left: 5px;
}

.general-page-header {
  background-color: #d90429;
}

.general-page-breadcrump {
  background-color: #d90429;
}

.general-page-breadcrump ul li i {
  font-size: 18px;
}

.general-page-breadcrump ul {
  direction: rtl;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.general-page-breadcrump ul li i {
  font-size: 18px;
}

.general-page-breadcrump ul li a {
  color: #fff;
  margin: 0px 4px;
}

.general-page-breadcrump ul li span {
  color: rgba(255, 255, 255, 0.662745098);
  font-size: 16px;
  margin: 0px 4px;
}

.title-around {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  height: 180px;
  background: radial-gradient(circle at center, #f07074, hsla(0, 0%, 100%, 0));
}

.title-around h1 {
  color: #fff;
  font-weight: 800;
  font-size: 2rem;
  margin-bottom: 0px;
  width: 100%;
}

.general-page-body {
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(35, 31, 32, 0.04);
  border-radius: 6px;
  margin: 25px 0;
  direction: rtl;
  text-align: justify;
}

.general-page-title {
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 18px;
  direction: rtl;
  text-align: right;
}

.general-page-body img {
  max-height: 400px;
  border-radius: 6px;
  margin: 35px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.about-title i {
  color: #d90429;
  font-size: 16px;
  margin-left: 15px;
}

.full-gray {
  height: 100%;
  background-color: rgba(0, 16, 48, 0.76);
  width: 100%;
}

.link-target {
  color: #fff !important;
}

.brod-link i {
  font-size: 8px;
  margin: 0px 10px;
  color: #d90429;
}

.centering {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.radical {
  position: relative;
  direction: rtl;
  margin: 40px 0px;
  display: flex;
  align-items: center;
}

.center-img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.center-img img {
  filter: grayscale(0.4);
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.partial-border {
  flex: 0 0;
  width: 100%;
  background: lightgray;
  padding: 25px;
  background: linear-gradient(black, black) bottom left/70px 6px, linear-gradient(black, black) bottom left/6px 70px, linear-gradient(#d90429, #d90429) top right/70px 6px, linear-gradient(#d90429, #d90429) top right/6px 70px;
  background-repeat: no-repeat;
}

.avatar-holder img {
  height: 100%;
  object-fit: contain;
}

.about-left {
  text-align: right;
}

.about-caption p {
  text-align: right;
  font-size: 14px;
}

.wrapp-about-all {
  display: flex;
  flex-direction: column;
}

.padding-carts {
  padding: 50px 0px;
  width: 100%;
}

.edit-eddit-address {
  border: none;
  background-color: rgb(243, 243, 243);
  border-radius: 10px;
  height: 32px;
  width: 32px;
  font-size: 14px;
  padding-top: 3px;
  color: #ff6a00;
  display: flex;
  align-items: center;
  justify-content: center;
}

.all-border {
  height: 100%;
  width: 100%;
  padding: 60px 10px;
}

.border-here {
  height: 100%;
  width: 100%;
  border: 10px solid rgba(255, 255, 255, 0.19);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.border-here h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1294117647);
  padding-bottom: 20px;
}

.border-here h3 {
  font-size: 16px;
  padding: 20px 100px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  direction: rtl;
}

.border-here a {
  height: 40px;
  background: #20203d;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: #fff;
}

.si-holder:hover {
  -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.09);
  box-shadow: -2px 6px 9px 0px rgba(0, 0, 0, 0.06);
  background: -webkit-linear-gradient(158deg, rgba(238, 52, 73, 0.2), hsla(220, 84%, 10%, 0.09) 100%);
}

.be-custumer {
  height: 250px;
  padding: 10px 25px;
  background-color: #fff;
  margin-top: 30px;
  border-radius: 8px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.be-custumer h3 {
  font-size: 18px;
  color: #3232a4 !important;
}

.mini-line-2 {
  height: 4px;
  width: 70px;
  border-radius: 2px;
  margin-top: 15px;
  background-color: #d90429;
}

.follow-now {
  height: 250px;
  padding: 10px 25px;
  background-color: #fff;
  margin-top: 30px;
  text-align: right;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.follow-now h3 {
  font-size: 18px;
  color: #3232a4 !important;
}

.be-custumer p {
  margin-top: 30px;
  font-size: 13px;
  margin-top: 20px;
}

.sociality-box {
  display: flex;
}

.si-holder {
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: -webkit-linear-gradient(158deg, rgba(238, 52, 73, 0.08), hsla(220, 84%, 10%, 0.08) 100%);
  margin-left: 10px;
}

.mini-div {
  height: 4px;
  width: 70px;
  border-radius: 2px;
  margin-top: 15px;
  background-color: #d90429;
}

.title-camp {
  font-size: 18px;
}

.line-sbox {
  display: flex;
  margin-top: 38px;
}

.si-holder i {
  font-size: 24px;
}

.social-bar {
  margin-top: 25px;
  direction: rtl;
}

.ai-holder {
  height: 72px;
  width: 72px;
  object-fit: contain;
  padding: 12px;
  outline: 10px solid #f7f7f7;
  background: #eceef7;
  outline-offset: 6px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  border: 2px solid #ffffff;
}

.activatore-row {
  margin-top: 40px;
  direction: rtl;
}

.space-abox {
  margin-top: 30px;
}

.ai-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.abox-caption h4 {
  font-size: 17px;
  margin-top: 35px;
  margin-bottom: 15px;
}

.abox-caption p {
  font-size: 13px;
  height: 90px;
  overflow: hidden;
  line-height: 22px;
}

.serv-padd {
  padding: 10px 15px;
  width: 100%;
}

.faq-section {
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.04);
  padding: 25px 25px;
  border-radius: 8px;
  position: relative;
}

.anwser {
  font-weight: 800;
  font-size: 16px;
  color: #d90429;
}

.flexi-nav--bar {
  display: flex;
  flex-direction: column;
}

.name--product-gallery {
  direction: rtl;
  text-align: right;
  padding: 20px;
}

.name--product-gallery h1 {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  font-weight: 600;
  line-height: 28px;
}

.faq-header-section {
  height: 180px;
  border-radius: 8px;
  background: #eceef7;
  box-shadow: 0px 2px 80px rgba(0, 0, 0, 0.05);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.faq-header-section:hover {
  background: #c5ccf0;
  border: 1px solid rgba(98, 155, 248, 0.5);
}

.count-digit {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  color: #09144f;
}

.collapse-holder {
  padding: 15px;
  margin-top: 20px;
  direction: rtl;
}

.btn-link {
  direction: rtl;
  text-align: right !important;
}

.each-collapse {
  margin-bottom: 15px;
}

.space-collapse {
  padding-right: 50px;
}

.accordion > .card:not(:last-of-type) {
  border: none;
  border-radius: 10px;
}

.collapsing-btn:focus,
.collapsing-btn.focus {
  text-decoration: none !important;
}

.collapsing-btn {
  height: 70px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843) !important;
  border-radius: 10px;
  text-decoration: none !important;
}

.faq-title {
  font-size: 18px;
  font-weight: 800;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.faq-title i {
  color: #d90429;
}

.faq-body p {
  margin-bottom: 20px;
}

.faq-body h3 {
  direction: rtl;
  font-size: 18px;
  font-weight: 800;
  color: #000;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.faq-body h3 i {
  color: #d90429;
}

.holder-qn .btn-link:active,
.btn-link:focus,
.btn-link:hover {
  background: rgba(255, 199, 115, 0.168627451);
  border: 1px solid #dce2ff;
}

.accordion > .card:not(:first-of-type) {
  border: none;
}

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

.gift-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.collapse-panel ul {
  color: #0066ff;
  list-style: disc;
  padding-right: 20px;
}

.collapse-panel li {
  font-size: 14px;
  margin-bottom: 20px;
  color: #000;
}

.btn-category {
  padding: 10px 25px;
  background-color: rgba(255, 186, 1, 0.7803921569);
  border-radius: 6px;
  margin-top: 30px;
  display: flex;
  margin-right: 25px;
  align-items: center;
}

.btn-category span {
  margin-left: 10px;
  margin-top: 2px;
}

.btn-category i {
  font-size: 12px;
  margin-top: 2px;
}

.category-div {
  direction: rtl;
  direction: rtl;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  padding-right: 25px;
}

.gift-category {
  margin-top: 100px;
}

.category-div h2 {
  font-weight: 600;
  padding-right: 25px;
  direction: rtl;
  text-align: right;
}

.category-modal {
  width: 900px;
}

.btn-category:hover span {
  margin-left: 20px;
  transition: all linear 0.4s;
}

.btn-category:hover {
  background: #f44336;
  color: #fff;
}

.holder-qn {
  margin-bottom: 0px;
  font-size: 28px;
  font-weight: 600;
  width: max-content;
  padding: 6px 16px;
  background: rgba(255, 153, 3, 0.231372549);
  border-radius: 8px;
  color: #d90429;
}

.collapse-headering {
  margin-bottom: 15px !important;
  border-bottom: none !important;
  background: #fff !important;
  padding: 0px !important;
}

.faq-titles {
  display: flex;
  align-items: center;
}

.qn-title {
  margin-right: 15px;
  color: #000;
}

.send-row {
  margin-top: 75px;
  direction: rtl;
  align-items: center;
}

.shipp-ico {
  background: #fff;
  padding: 20px;
  outline: 10px solid #eceef7;
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  z-index: 1;
}

.shipp-caption {
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.04);
  padding: 25px 25px;
  direction: rtl;
  text-align: center;
  z-index: -1;
  border-radius: 8px;
  position: relative;
  outline: 3px solid #eceef7;
  top: -30px;
  outline-offset: 10px;
  padding: 70px 40px;
}

.only-line {
  border-bottom: 1px solid rgba(11, 11, 11, 0.1019607843);
  margin: 50px;
}

.rolls-caption {
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.04);
  padding: 25px 25px;
  direction: rtl;
  text-align: right;
  border-radius: 8px;
}

.post-method-icon {
  height: 80px;
  width: 100%;
  object-fit: contain;
}

.contact-row {
  margin-top: 40px;
  direction: rtl;
}

.contact-feild {
  direction: rtl;
}

.contact-feild label {
  text-align: right;
  background: #fff;
  position: relative;
  top: 15px;
  right: 15px;
  width: max-content;
  font-size: 12px;
  border-radius: 6px;
  padding: 5px 10px;
}

.contact-feild input {
  height: 44px;
  border: none;
  border: 1px solid #eceef7;
  border-radius: 6px;
  margin-bottom: 15px;
}

.contact-feild input::placeholder {
  font-size: 12px;
  color: #fff;
  position: relative;
  top: -5px;
}

.contact-feild textarea {
  border: none;
  border: 1px solid #eceef7;
  border-radius: 8px;
}

.wrapp-form textarea::placeholder {
  color: #000 !important;
  font-size: 12px;
}

.wrapp-form p {
  text-align: right;
  margin: 30px 0px;
  margin-top: 5px;
  font-size: 13px;
}

.blue-dis {
  height: 2px;
  width: 50px;
  background: #d80429;
  border-radius: 8px;
  margin-bottom: 15px;
}

.wrapp-form h3 {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
}

.wrapp-form {
  background: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.06);
  padding: 35px 25px;
  border-radius: 8px;
}

.cw-hold {
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  z-index: 1;
}

.cw-hold i {
  font-size: 45px;
  color: rgba(65, 90, 255, 0.1098039216);
  position: absolute;
  left: 20px;
  bottom: 2px;
}

.cw-caption {
  border-radius: 8px;
  position: relative;
  display: flex;
  padding: 18px;
  padding-right: 25px;
  align-items: center;
}

.blocks-margin {
  margin-top: 30px;
}

.wrapp-bs {
  direction: rtl;
  display: flex;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.04);
  background: #fff;
  border-radius: 8px;
  height: 130px;
  margin-bottom: 20px;
  position: relative;
}

.contact-form-btn {
  margin-top: 40px;
}

.support-div {
  background: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  direction: rtl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px;
  min-height: 250px;
  justify-content: space-between;
}

.post-rols {
  margin: 20px 0;
}

.post-tracing {
  font-size: 16px;
  font-weight: 600;
  color: #11428f;
  text-align: center;
  margin: 12px 0;
}

.su-holder {
  height: 50px;
  width: 50px;
  object-fit: contain;
  margin-bottom: 15px;
  background: #fff;
  padding: 10px;
  outline: 4px solid rgba(241, 105, 110, 0.2588235294);
  border-radius: 8px;
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.su-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.flex-contact {
  display: flex;
  margin-bottom: 10px;
}

.support-div span {
  color: #415aff;
}

.support-title {
  font-weight: 800;
  margin-top: 10px;
  font-size: 18px;
}

.contact-phone-numbers {
  margin: 5px 0;
}

.contact-phone-numbers a {
  font-size: 14px;
  cursor: pointer;
  color: #1900ab;
  font-weight: 600;
}

.contact-phone-numbers a:hover {
  color: #0044a8;
}

.contact-phone-numbers i {
  font-size: 8px;
  color: #d90429;
}

.each-way {
  margin-bottom: 60px;
}

.sb-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 15px;
}

.phone-title {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  direction: rtl;
  text-align: right;
  margin-left: 2px;
}

.address-mini-box {
  padding-right: 0;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 12px;
  margin-bottom: 10px;
}

.support-btn {
  padding: 10px 15px;
  background: #d90429;
  color: #fff !important;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

.contact-iframe {
  background: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}

.contact-iframe iframe {
  height: 460px;
  width: 100%;
}

.adress-box {
  background: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.06);
  padding: 25px 25px;
  border-radius: 8px;
  margin-top: 25px;
  direction: rtl;
}

.adress-title {
  text-align: right;
  font-size: 18px;
  font-weight: 800;
}

.adress-box p {
  text-align: right;
}

.postal-code span {
  font-weight: 600;
  font-size: 16px;
  margin-left: 5px;
  color: #000;
}

.postal-code {
  text-align: right;
  margin-top: 15px;
  font-size: 16px;
  color: #000000;
}

.support-btn:hover {
  background: #d90429;
  color: #000 !important;
}

.social-boxing {
  margin-top: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapp-contact-way {
  background: #fff;
  box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.06);
  padding: 25px 25px;
}

.img-of-product {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.social-box-child {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e2e2;
  margin-left: 8px;
  border-radius: 8px;
}

.spcial-link {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d90429 !important;
}

.support-btn i {
  margin-right: 8px;
}

.cw-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.cw-caption a {
  font-size: 16px;
  font-weight: 600;
  color: #0024b6;
  margin-right: 20px;
  margin-top: 0px;
}

.rolls-caption {
  background: #fff;
  padding: 20px;
  outline: 3px solid #eceef7;
  outline-offset: 10px;
  padding: 0px 40px;
  padding-bottom: 50px;
}

.rolls-caption h2 {
  position: relative;
  top: -42px;
  right: -20px;
  background: #fff;
  width: max-content;
  height: 60px;
  padding: 16px 18px;
  font-size: 18px;
  border-radius: 10px;
  background: #fff;
  padding-left: 100px;
  font-weight: 600;
  display: flex;
  align-items: center;
  border: 3px solid #eceef7;
}

.rolls-caption i {
  color: #d90429;
  margin-left: 10px;
  font-size: 14px;
}

.rolls-caption ul {
  margin-top: 20px;
}

.rolls-caption li {
  margin-top: 10px;
  color: #0024b6;
  line-height: 25px;
}

.shipp-caption h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 25px;
}

.row-shipp-2 {
  margin-top: 85px;
}

.shipp-caption p {
  font-size: 14px;
  line-height: 30px;
}

.post-method-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.qn-title {
  font-size: 16px;
  font-weight: 600;
}

.faq-page-title {
  text-align: right;
  direction: rtl;
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
  margin-right: 10px;
}

.collapse-panel {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  direction: rtl;
  text-align: right;
  padding-bottom: 10px;
}

.collapse-panel p {
  font-size: 14px;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}

.img-serv {
  background: #f7f5ff;
  border: 5px solid #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 1px #ececec;
  font-size: 36px;
  padding: 12px;
  width: 80px;
  height: 80px;
  display: flex;
  object-fit: contain;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  margin-bottom: 20px;
}

.count-title {
  margin-top: 5px;
  font-size: 14px;
  height: 40px;
  margin-top: 14px;
  line-height: 28px;
  direction: rtl;
}

.img-serv img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (min-width: 990px) {
  .dropright-lg {
    position: relative;
  }
  .dropright-lg .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
  }
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
  float: right;
}

.avatar-md {
  width: 56px;
  height: 56px;
}

.avatar {
  position: relative;
  display: flex;
  align-items: center;
  width: 160px;
  padding: 0px 15px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profie-title {
  font-size: 14px;
}

.avatar-online:before {
  background-color: green;
}

.avatar-indicators:before {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 8%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: table;
}

.profile-header {
  display: flex;
  text-align: right;
  flex-wrap: wrap;
  justify-content: space-around;
}

.profile-header div {
  display: flex;
  justify-content: center;
}

.profile-header div i {
  padding-left: 15px;
  color: #e77600;
}

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

.date-order {
  display: flex;
}

.deliver-price {
  margin-right: 10px;
}

.deliver-code {
  margin-right: 10px;
}

.date-order span {
  margin: 0px 3px;
}

.img-hi {
  height: 64px;
  margin: 10px 15px;
  width: 64px;
  object-fit: contain;
}

.user-name {
  font-size: 14px;
  font-weight: normal;
}

.alert-title {
  font-size: 14px;
  margin-top: 20px;
}

.ir-comm {
  background-color: #ff8200;
  color: #fff;
  border-radius: 50%;
  padding: 8px 10px;
  font-size: 14px;
}

.buy-again:hover {
  color: #b42a00;
}

.img-hi img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.line-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f1;
}

.img-hi-resreve {
  height: 64px;
  margin: 10px 15px;
  width: 64px;
  object-fit: contain;
}

.ip-order-box {
  display: flex;
  align-items: center;
}

.img-hi-resreve img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.order-images {
  display: flex;
  margin-top: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.buy-reserve {
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 12px;
  background-color: rgba(55, 178, 109, 0.3098039216);
}

.buy-reserve:hover {
  background-color: #e91e63;
  color: #fff;
}

.time-reserve {
  font-size: 14px;
}

.limit-reserve {
  font-weight: normal;
  color: #e77600;
}

.another {
  border-top: 1px solid #f0f0f1;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.buy-again {
  font-weight: normal;
  margin-right: 10px;
}

.faq-link {
  color: #d90429 !important;
  margin-left: 0px;
  font-size: 12px;
}

.buy-again i {
  font-size: 10px;
}

.order-date {
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
  margin-bottom: 0px;
  color: rgba(64, 64, 64, 0.8);
}

.status-order {
  margin-left: 15px;
}

.order-date-review {
  font-weight: 600;
}

.disabled img {
  opacity: 0.7;
}

.badge-numbric {
  position: absolute;
  top: 20px;
  margin-left: 40px;
  background: #d90429;
  min-width: 22px;
  border-radius: 50%;
  border: 2px solid #fff;
  height: 22px;
  color: #fff;
  text-align: center;
}

@keyframes subBack {
  0% {
    transform: translateX(380px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes subPush {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(380px);
  }
}
#mainMenu {
  margin-top: 5px;
  padding: 15px 0px 15px 25px;
  font-weight: normal;
  direction: ltr;
}

#mainMenu:hover {
  background-color: #eaeded;
  cursor: pointer;
}

.slider-for {
  margin-bottom: 0px;
}

.slider-for img {
  width: 100%;
  min-height: 100%;
}

.slider-nav {
  margin: 0px;
}

.slider-nav .item-slick {
  margin-right: 8px;
  margin-left: 8px;
  outline: none !important;
  cursor: pointer;
}

.slider-nav .item-slick img {
  max-width: 100%;
  background-size: cover;
  background-position: center;
}

.slider-nav .item-slick {
  width: 82px !important;
}

.slick-arrow {
  position: absolute;
  top: 70%;
  z-index: 50;
  margin-top: -12px;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
  cursor: pointer;
}

.mfp-container:hover {
  cursor: default;
}

.image-source-link {
  color: #98c3d1;
}

.mfp-with-zoom.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-wrap ~ * {
  filter: blur(5px);
}

.mfp-ready .mfp-figure {
  opacity: 0;
}

.share-padding {
  padding: 14px !important;
}

.main-border {
  border-bottom: 1px solid #f0f0f0;
}

.galleryContainer {
  width: 100%;
  height: 560px;
  max-width: 1200px;
  margin: auto;
  user-select: none;
  border: 1px solid rgba(238, 238, 238, 0.9333333333);
  display: flex;
  padding: 10px;
  flex-direction: row-reverse;
  box-sizing: border-box;
  border-radius: 10px;
  justify-content: space-between;
  direction: ltr;
}

.galleryContainer .slideShowContainer {
  width: 45vw;
  height: 100%;
  overflow: hidden;
  background-color: #f3f3f3;
  position: relative;
  border-radius: 8px;
}

.galleryContainer #smallSlidesContainer {
  width: 100%;
  height: 15%;
  text-align: center;
  padding-top: 15px;
  display: flex;
  box-sizing: border-box;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: end;
  padding-right: 20px;
}

.galleryContainer #smallSlidesContainer .smallSlides {
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 8px;
  border-radius: 6px;
  margin: 5px;
  background-color: #f6f6f6;
  cursor: pointer;
  opacity: 1.9;
  overflow: hidden;
}

.galleryContainer #smallSlidesContainer .smallSlides:hover {
  background-color: #d90429;
}

.galleryContainer #smallSlidesContainer .smallSlides img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.galleryContainer #smallSlidesContainer .smallSlides:hover,
.galleryContainer #smallSlidesContainer .smallSlides.active {
  opacity: 1;
}

.qr-hold h2 {
  background-color: #00bcd4;
  background: #d90429;
  width: 80px;
  padding: 4px 10px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  position: relative;
  word-wrap: break-word;
  border: 1px solid #d90429;
  right: 2px;
  border-radius: 0px 0px 6px 6px;
}

.qr-hold h2:before {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
}

.qr-hold h2:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
}

.qr-hold h2:before {
  border-right: 15px solid transparent;
  border-bottom: 9px solid #d90429;
  border-left: 15px solid transparent;
  top: -6px;
  right: 25px;
}

.qr-hold {
  width: 80px;
  height: 80px;
  object-fit: contain;
  z-index: 1000;
  background: #fff;
  right: 6px;
  top: 2%;
  margin-bottom: 19px;
  border: 2px solid #d90429;
  border-radius: 6px 6px 0px 0px;
}

.box-qr {
  background: #2d1a0d;
  float: left;
  width: 240px;
  height: 180px;
  padding: 20px 10px;
  margin: 0 20px;
  text-align: center;
  color: #fff;
  line-height: 1.9em;
  border-radius: 5px;
  position: relative;
  word-wrap: break-word;
}

.box-qr h1 {
  font-size: 1.6em;
  line-height: 2em;
  color: #ffdd2d;
  text-shadow: 0 1px 1px #383838;
}

.box-qr ol {
  list-style: none;
}

.box-qr ol li {
  font-size: 0.9em;
  line-height: 1.8em;
  text-shadow: 0 1px 1px #421c06;
}

.clear {
  clear: both;
}

.box-qr:before {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
}

.box-qr:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
}

.box-qr.top:before {
  border-right: 25px solid transparent;
  border-bottom: 25px solid #2d1a0d;
  border-left: 25px solid transparent;
  top: -20px;
  right: 95px;
}

.box-qr.top:after {
  border-bottom: 25px solid #fff;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  right: 95px;
  bottom: -5px;
}

.galleryContainer .slideShowContainer .imageHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  padding: 20px;
}

.galleryContainer .slideShowContainer .imageHolder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.galleryContainer .slideShowContainer .captionTextHolder {
  display: none;
}

.galleryContainer .slideShowContainer .imageHolder .captionText {
  display: none;
}

.galleryContainer .slideShowContainer .leftArrow,
.galleryContainer .slideShowContainer .rightArrow {
  width: 50px;
  background: rgba(0, 0, 0, 0.031372549);
  position: absolute;
  left: 0;
  z-index: 1;
  transition: background 0.5s;
  height: 72px;
  top: 50%;
  transform: translateY(-50%);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.galleryContainer .slideShowContainer .rightArrow {
  left: auto;
  right: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.galleryContainer .slideShowContainer .leftArrow:hover,
.galleryContainer .slideShowContainer .rightArrow:hover {
  background: rgba(0, 0, 0, 0.6588235294);
  cursor: pointer;
}

.galleryContainer .arrow {
  display: inline-block;
  border: 2px solid black;
  width: 7px;
  height: 6px;
  border-left: none;
  border-bottom: none;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.galleryContainer .arrow.arrowLeft {
  transform: rotateZ(-135deg);
}

.galleryContainer .arrow.arrowRight {
  transform: rotateZ(45deg);
}

.galleryContainer .moveLeftCurrentSlide {
  animation-name: moveLeftCurrent;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.galleryContainer .moveLeftNextSlide {
  animation-name: moveLeftNext;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes moveLeftCurrent {
  from {
    margin-left: 0;
    opacity: 1;
  }
  to {
    margin-left: -100%;
    opacity: 1;
  }
}
@keyframes moveLeftNext {
  from {
    margin-left: 100%;
    opacity: 1;
  }
  to {
    margin-left: 0%;
    opacity: 1;
  }
}
.galleryContainer .moveRightCurrentSlide {
  animation-name: moveRightCurrent;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.galleryContainer .moveRightPrevSlide {
  animation-name: moveRightPrev;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes moveRightCurrent {
  from {
    margin-left: 0;
    opacity: 1;
  }
  to {
    margin-left: 100%;
    opacity: 1;
  }
}
@keyframes moveRightPrev {
  from {
    margin-left: -100%;
    opacity: 1;
  }
  to {
    margin-left: 0%;
    opacity: 1;
  }
}
.slideTextFromBottom {
  animation-name: slideTextFromBottom;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
}

@keyframes slideTextFromBottom {
  from {
    opacity: 0;
    margin-top: 100px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
.slideTextFromTop {
  animation-name: slideTextFromTop;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
}

@keyframes slideTextFromTop {
  from {
    opacity: 0;
    margin-top: -100px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
select.address-feild {
  display: none !important;
}

.dropdown-select {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe9c8", endColorstr="#ffe5be", GradientType=0);
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: normal;
  height: 50px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: right;
  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;
}

.dropdown-select:focus {
  background-color: #fff;
}

.dropdown-select:hover {
  background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
  background-color: #fff !important;
  border-color: rgba(217, 4, 41, 0.5215686275);
}

.dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  left: 10px;
  top: 50%;
}

.dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-select.open .option {
  cursor: pointer;
}

.dropdown-select.wide {
  width: 100%;
  direction: rtl;
  text-align: right;
  padding-top: 5px;
  margin-bottom: 10px;
}

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

.dropdown-select .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  border: 1px solid #ddd;
}

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

.dropdown-select .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0rem;
}

.dropdown-select .dd-searchbox {
  height: 42px;
  width: 90%;
  padding: 0.5rem;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb;
  border-radius: 4px;
  outline: none;
}

.dropdown-select .dd-searchbox:focus {
  border-color: #eee;
}

.dropdown-select .list ul {
  padding: 0;
}

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

.dropdown-select .option:hover,
.dropdown-select .option:focus {
  background-color: #f2f2f2 !important;
}

.dropdown-select .option.selected {
  font-weight: 600;
  color: #f44336;
}

.dropdown-select .option.selected:focus {
  background: #f6f6f6;
}

.dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
  color: #666;
}

.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: scale(0.95);
}

.mfp-zoom-in .mfp-preloader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
  transform: scale(0.95);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-preloader {
  opacity: 0;
}

.mfp-iframe-scaler {
  overflow: visible;
}

.mfp-zoom-out-cur {
  cursor: auto;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.product--img {
  width: 100%;
  padding: 15px 40px;
  height: 470px;
  object-fit: contain;
}

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

.slick-next .slick-arrow {
  display: none !important;
}

.slick-arrow {
  position: absolute;
  top: 70%;
  z-index: 50;
  margin-top: -12px;
  display: none !important;
}

.silc--nav-item {
  height: 90px;
  width: 85px;
  object-fit: contain;
  border: 1px solid #e0e0e6;
  border-radius: 10px;
  padding: 10px;
}

.silc--nav-item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@-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);
  }
}
.close-all-category {
  width: 40px;
}

.menu-god {
  direction: rtl;
  display: flex;
  align-items: center;
}

.all-comments {
  margin-top: 30px;
}

.here-nav {
  background: #fff;
}

.header-alt {
  background: #fff;
  border-bottom: 1px solid #d1d1d1;
  box-shadow: 0px 0px 10px 0 rgba(4, 32, 98, 0.18);
  z-index: 100000000;
}

.here-second-nav {
  background: #fff;
  box-shadow: 0px 8px 10px 0px #f2f2f2;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 10px;
}

.avatar-img-user {
  height: 50px;
  width: 50px;
  object-fit: cover;
}

.user-detail-profile {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ccc;
  margin-right: 10px;
}

.num-pu {
  margin-right: 18px;
  margin-top: 10px;
  color: #707070;
}

.avatar-img-user img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.at-last-buttons {
  padding-left: 0px;
}

.logo-of-product a {
  height: 55px !important;
  min-width: 55px !important;
  max-width: 100px;
  object-fit: contain;
  display: flex;
  justify-content: center;
}

.logo-of-product a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.video-bar {
  background-color: #fff;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  border-radius: 8px;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  font-size: 14px;
  color: #000;
  margin-left: 10px;
  z-index: 1000;
}

button.video-bar {
  border: 1px solid #e0e0e6 !important;
}

.bundle-logo-holder {
  height: 70px !important;
  width: 70px !important;
  object-fit: contain;
  padding: 8px;
  margin-left: 8px;
  border-radius: 6px;
}

.plus-item i {
  font-size: 14px;
}

.bundle-icon img {
  height: 30px;
  margin-left: 0px;
  position: relative;
  right: -10px;
  border-radius: 4px;
  padding: 3px 8px;
  background: #d90429;
  -webkit-transform: skew(26deg);
  -moz-transform: skew(26deg);
  -o-transform: skew(26deg);
  transform: skew(26deg);
}

.bundle-icon h6 {
  font-size: 14px;
  font-weight: 600;
  -webkit-transform: skew(26deg);
  -moz-transform: skew(26deg);
  -o-transform: skew(26deg);
  transform: skew(26deg);
  margin-bottom: 0px;
}

.bundle-title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bundle-alert {
  direction: rtl;
  border-radius: 10px;
  padding: 10px 15px;
  background: #f2f4ff;
  text-align: right;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
}

.bundel-ah {
  display: flex;
  align-items: center;
}

.bundel-ah img {
  height: 22px;
  margin-left: 10px;
}

.bundel-ah span {
  font-size: 14px;
}

.bc-body {
  margin-top: 10px;
  font-size: 13px;
}

.bc-body p {
  font-size: 12px;
}

.checkbox-wrapper {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
  font-weight: 400;
  line-height: 31px;
  margin: 0.25rem 0;
}

.checkbox-wrapper > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -12px;
  top: -10px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

.checkbox-wrapper > input:focus {
  opacity: 0.12;
}

.checkbox-wrapper > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.checkbox-wrapper > input:active + span:before {
  border-color: #007bff;
}

.checkbox-wrapper > input:checked:active + span::before {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
}

.checkbox-wrapper > input:disabled {
  opacity: 0;
}

.checkbox-wrapper > input:disabled + span {
  color: rgba(0, 0, 0, 0.38);
  cursor: initial;
}

.checkbox-wrapper > input:disabled + span:before {
  border-color: #ced4da;
}

.checkbox-wrapper > input:disabled:checked + span::before,
.checkbox-wrapper > input:disabled:indeterminate + span::before {
  border-color: transparent;
  background-color: currentColor;
}

.checkbox-wrapper > input:checked,
.checkbox-wrapper > input:indeterminate {
  background-color: #007bff;
}

.checkbox-wrapper > input:checked + span:before,
.checkbox-wrapper > input:indeterminate + span:before {
  border-color: #d90429;
  background-color: #d90429;
}

.checkbox-wrapper > input:checked + span:after,
.checkbox-wrapper > input:indeterminate + span:after {
  border-color: white;
}

.checkbox-wrapper > input:indeterminate + span:after {
  border-left: none;
  transform: translate(4px, 3px);
}

.checkbox-wrapper > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
}

.checkbox-wrapper > span:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 10px 3px 8px;
  border: solid 1px;
  border-color: #ced4da;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}

.checkbox-wrapper > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 18px;
  width: 12px;
  height: 6px;
  border: solid 3px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

.checkbox-wrapper:hover > input {
  opacity: 0.04;
}

.checkbox-wrapper:hover > input:focus {
  opacity: 0.16;
}

.bundle-name {
  background: #f2f4ff;
  position: relative;
  right: -11px;
  height: auto;
  top: -1px;
  padding: 5px 10px;
  border-radius: 5px;
  border-top-right-radius: 0px;
}

.summery-pack {
  width: 100%;
  border: 1px dashed #d90429;
  height: 202px;
  margin: 10px;
  border-radius: 8px;
  padding: 15px 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.price-direction {
  display: flex;
  flex-direction: row;
  margin-left: 3px;
  padding: 10p;
  padding-left: 3px;
  border-left: 1px solid rgba(235, 235, 235, 0);
}

.off-bundle {
  font-size: 12px;
  font-weight: 600;
}

.summery-header p {
  font-weight: 600;
  font-size: 16px;
}

.summery-body del {
  font-size: 14px;
  color: #989898;
}

.rice-direction {
  direction: rtl;
}

.price-bundle {
  font-size: 16px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.summery-body {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.sp-toman {
  font-size: 12px;
  margin-right: 5px;
}

.wrapp-row-bundle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand-bp {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.price-bundle {
  font-weight: 600;
}

.brand-bp img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.bundle-icon {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.summery-off {
  display: flex;
  background: #d5dbff;
  padding: 6px 5px;
  border-radius: 4px;
}

.bundle-icon {
  padding: 0px;
  background: #d90429 !important;
  display: flex;
  width: max-content;
  -webkit-transform: skew(-26deg);
  -moz-transform: skew(-26deg);
  -o-transform: skew(-26deg);
  transform: skew(-26deg);
  align-items: center;
  padding-left: 50px;
  flex-direction: row-reverse;
  justify-content: flex-start;
  border-radius: 4px 4px 4px 4px;
}

.bundle-logo-holder a {
  height: 70px !important;
  width: 70px !important;
  object-fit: contain;
}

.bundle-logo-holder a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-bundle-caption {
  position: absolute;
  display: flex;
  flex-direction: row;
  direction: rtl;
  justify-content: flex-end;
  top: -58px;
  background: #ffeed2;
  padding-top: 12px;
  right: 3px;
  padding-left: 40px;
  border-top-left-radius: 10px;
  -webkit-transform: skew(-26deg);
  -moz-transform: skew(-26deg);
  -o-transform: skew(-26deg);
  transform: skew(-26deg);
  z-index: -1;
}

.bundle-caption-area {
  margin-top: 50px;
  padding-bottom: 10px;
}

.header-bundle-caption span {
  font-size: 16px;
  font-weight: 600;
  color: #ff4d00;
  position: relative;
  right: -18px;
  top: -12px;
  padding-top: -8px;
  padding: 11px 14px;
  padding-left: 3px;
  height: 44px;
  background: #ffeed2;
  -webkit-transform: skew(26deg);
  -moz-transform: skew(26deg);
  -o-transform: skew(26deg);
  transform: skew(26deg);
  border-top-right-radius: 10px;
}

.header-bundle-caption h4 {
  margin-bottom: 0px;
  margin-right: -14px;
  font-size: 14px;
  font-weight: 600;
  -webkit-transform: skew(26deg);
  -moz-transform: skew(26deg);
  -o-transform: skew(26deg);
  transform: skew(26deg);
}

.video-bar:hover {
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473));
  background: linear-gradient(rgba(255, 255, 255, 0.0473), rgba(0, 0, 0, 0.0473)) !important;
  border: 1px #d5d9d9 solid;
  color: #000;
}

.b--img {
  height: 80px;
  width: 80px;
  object-fit: contain;
  margin-left: 10px;
}

.b--img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.b--name h2 {
  font-size: 14px;
  margin-bottom: 0px;
}

.b--name span {
  font-size: 12px;
  font-weight: lighter;
  color: #ccc;
}

.each-bundle-product {
  display: flex;
  align-items: center;
}

.pay-title {
  padding: 15px;
  text-align: center;
  font-weight: 600;
}

.bwb-header h3 {
  margin-bottom: 0px;
  font-weight: 600;
}

.bundle-wrapp-box {
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

.bwb-header {
  direction: rtl;
  text-align: right;
  background: #f2f4ff;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  height: 45px;
  border-radius: 8px 8px 0px 0px;
  align-content: center;
}

.product-item-bundle {
  width: 120px;
  border: 1px solid #ededed;
  border-radius: 8px;
  margin: 10px;
  padding: 0px 5px;
  padding-bottom: 5px;
}

.product-item-bundle:hover {
  border: 1px dashed #d90429;
}

.product-item-bundle:hover p {
  color: #ff4d00;
}

.img-pib {
  height: 135px;
  width: 100%;
  object-fit: contain;
  position: relative;
  padding: 5px;
}

.img-pib img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.round-products {
  padding: 10px;
}

.name-pib p {
  font-size: 11px;
  line-height: 18px;
  text-align: right;
  direction: rtl;
}

.price-pib {
  margin-top: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.price-pib h6 {
  margin-bottom: 0px;
  font-size: 14px;
}

.toman-pib {
  font-size: 10px;
  color: #ff4d00 !important;
  font-weight: 600;
  margin-right: 5px;
}

.badge-product {
  position: absolute;
  background: #ee98a7;
  border-radius: 50%;
  padding: 2px 8px;
  font-size: 12px;
  width: 22px;
  top: 2px;
  right: -1px;
  text-align: center;
}

.stock-badge:after {
  content: "";
  position: absolute;
  top: 0px;
  transform: skew(20deg);
  right: -14px;
  width: 25px;
  height: inherit;
  background-color: #d90429;
  border-radius: 0 3px 4px 0;
}

.stock-badge:before {
  content: "";
  position: absolute;
  top: 7px;
  transform: skewY(30deg);
  left: 0px;
  width: 17px;
  height: inherit;
  background-color: #191919;
  z-index: -10;
}

.vbtn-text {
  display: flex;
  justify-content: space-between;
  direction: rtl;
  width: 100%;
  align-items: center;
  position: relative;
}

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

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: rgba(255, 228, 146, 0.3411764706) !important;
  border-color: rgba(255, 176, 60, 0) !important;
}

.video-bar h4 {
  font-size: 11px;
  margin-bottom: 0px;
  color: #000000;
  font-weight: 600;
  text-align: center;
}

.close-modal {
  background-color: #d90429;
  padding: 10px 25px !important;
  font-size: 14px !important;
  font-family: IRANYekan;
  color: #fff !important;
}

.properties-product label {
  display: inline-block;
}

.each-section-title {
  margin: 8px 0px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

.vmpdal--footer {
  display: flex;
  justify-content: flex-start;
}

.see-video {
  font-size: 14px;
  color: #ff4d00;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  position: absolute;
  top: -57px;
  right: 7px;
  justify-content: center;
}

.see-video img {
  height: 40px;
  width: 40px;
}

.mapouter {
  position: relative;
  text-align: right;
  width: 100%;
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 100%;
}

.more-gallery .images-count {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.see-video i {
  font-size: 14px;
  margin-right: 5px;
  color: #fff;
}

.more-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-image-back {
  height: 75px;
  width: 62px;
  object-fit: contain;
  filter: blur(3px);
  opacity: 0.7;
  text-align: center;
}

.video-btn {
  display: flex;
  flex-direction: row-reverse;
  height: 90px;
}

.main-image-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 480px) {
  .cart-pro {
    width: 100%;
  }
}
.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  color: #fff;
  display: none;
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.layout.has-sidebar {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.layout .header {
  -webkit-transition: width, 0.3s;
  transition: width, 0.3s;
  height: 64px;
  min-height: 64px;
  position: relative;
}

.layout .sidebar {
  width: 280px;
  min-width: 280px;
  -webkit-transition: width, left, right, 0.3s;
  transition: width, right, right, 0.3s;
}

.layout .sidebar.collapsed {
  width: 80px;
  min-width: 80px;
}

#main-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

@keyframes mainAway {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-380px);
  }
}
@keyframes mainBack {
  0% {
    transform: translateX(-380px);
  }
  100% {
    transform: translateX(0px);
  }
}
#sub-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background-color: white;
  transform: translateX(380px);
}

@keyframes subBack {
  0% {
    transform: translateX(380px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes subPush {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(380px);
  }
}
#mainMenu {
  margin-top: 5px;
  padding: 15px 0px 15px 25px;
  font-weight: normal;
}

#mainMenu:hover {
  background-color: #eaeded;
  cursor: pointer;
}

#socialBar {
  width: 46px;
  height: 45px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border: 1px solid #febac5;
  background-color: #ffffff;
  border-radius: 50px;
  transition: width 0.225s ease-out;
  display: flex;
  flex-direction: column;
}

#socialBar .fa {
  color: #fff;
  padding: 20px;
}

.share-buttons {
  position: absolute;
  top: 245px;
  right: 0px;
  z-index: 1000;
}

#socialBar .share-ico {
  color: #3f4064 !important;
  padding: 11px 15px !important;
}

#socialBar .share-ico:hover {
  color: #d90429;
}

#socialBar .share-padding {
  color: #ea1632 !important;
  padding: 2px 10px !important;
}

#socialBar .share-ico:not(:first-child) {
  opacity: 0;
  transform: translateY(-40%);
}

#socialBar .fa.hide {
  opacity: 1;
}

#socialBar.active {
  height: 165px;
}

#socialBar.active .share-ico {
  transform: translateX(0);
}

#socialBar.active .share-ico:nth-child(2) {
  transition: all 0.325s 0.1s ease-out;
}

#socialBar.active .share-ico:nth-child(3) {
  transition: all 0.325s 0.15s ease-out;
}

#socialBar.active .share-ico:nth-child(4) {
  transition: all 0.325s 0.2s ease-out;
}

#socialBar.active .share-ico:nth-child(5) {
  transition: all 0.325s 0.25s ease-out;
}

#socialBar.active .share-ico:not(:first-child) {
  opacity: 1;
}

button#socialBar {
  padding: 0;
  font-size: 24px;
}

button#socialBar:focus {
  outline: none;
}

button#socialBar:hover {
  cursor: pointer;
}

button#socialBar:active:not(.active) {
  transform: scale(0.95);
  box-shadow: none;
}

.like-it-btn {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border: 1px solid #ffb9c5;
  background-color: #ffffff;
  border-radius: 50px;
  transition: width 0.225s ease-out;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 360px;
  right: 0px;
  color: #1a1b2d;
  z-index: 100;
}

.like-it-btn a i {
  color: #e1253e;
}

.pdf a i {
  color: #e1253e;
}

.pdf {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border: 1px solid #febac5;
  background-color: #ffffff;
  border-radius: 50px;
  transition: width 0.225s ease-out;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 302px;
  right: 0px;
  color: #3f4064;
  z-index: 100;
}

.wrapper-success .card .subject p {
  color: #909092;
}

.wrapper-success .card .icon {
  font-size: 28px;
  color: #d90429;
}

.product-si {
  height: 100px;
  width: 100px;
  object-fit: contain;
}

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

.product-box-details {
  display: flex;
  direction: rtl;
}

.product-summery-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 36px;
}

.add-coupen {
  font-family: IRANYekan;
}

.subscribe-form button.add-coupen {
  background: #fff !important;
}

.subscribe-form input:focus button.add-coupen {
  background: #d90429 !important;
}

button.add-coupen:hover,
button.add-coupen:active,
button.add-coupen:focus {
  background: #d90429 !important;
  border: 1px solid #d90429;
  color: #fff;
}

.coupen-error {
  padding: 10px 5px;
  color: #db0303;
  margin-top: 15px;
}

.coupen-input input {
  margin-bottom: 10px;
}

.have-coupen i {
  font-size: 10px;
  color: #d90429;
}

.gift-title h1 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  direction: rtl;
}

.gift-row {
  position: relative;
  top: 20px;
}

.total-row {
  position: relative;
  top: -30px;
}

.have-coupen {
  font-weight: 600;
}

.qymat-box {
  display: flex;
  direction: rtl;
  justify-content: center;
}

.qymat {
  font-size: 18px;
  font-weight: 600;
  color: #207851;
}

.gifts-lists {
  direction: rtl;
}

.each-gift {
  display: flex;
  direction: rtl;
  border: 1px solid #eee;
  border-radius: 10px;
  height: 95px;
  margin-bottom: 20px;
  align-items: center;
}

.name-gif {
  display: flex;
  align-items: center;
  direction: rtl;
  text-align: right;
  padding: 10px;
}

.name-product {
  font-size: 13px;
  margin-bottom: 0px;
  padding: 0px 10px;
  font-weight: 600;
  line-height: 27px;
}

.arrow-link i {
  color: #d90429 !important;
  font-size: 20px;
}

.gift-animation {
  height: 90px;
}

.each-gift:hover {
  background: rgba(252, 238, 223, 0.3411764706);
  border: 1px solid rgba(255, 77, 0, 0.2509803922);
}

.each-gift:hover .arrow-link {
  border-right: 1px solid rgba(255, 77, 0, 0.2509803922);
}

.gift-caption span {
  color: #d90429 !important;
  font-size: 20px;
  font-weight: 600;
}

.gift-caption {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  padding-right: 20px;
  margin-bottom: 20px;
}

.selecr-your-gift {
  direction: rtl;
  text-align: right;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
}

.img-gif {
  display: flex;
  align-items: center;
  padding: 10px;
}

.arrow-link {
  border-right: 1px solid #e8e8e8;
  width: 82px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-gif {
  height: 85px;
  width: 85px;
  object-fit: contain;
}

.img-gif img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.toman-qb {
  font-size: 16px;
  margin-right: 10px;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 150px #7ac142;
  }
}
.each-item i {
  font-size: 10px;
  color: #d90429;
}

.add-to-favorite {
  text-align: center;
  margin-top: 3px;
  color: #e1253e;
}

.reading-pdf {
  text-align: center;
  margin-top: 3px;
  color: #3f4064;
}

@media (max-width: 480px) {
  .layout .sidebar.break-point-xs {
    position: fixed;
    left: -280px;
    height: 100%;
    top: 0;
    z-index: 100;
  }
  .layout .sidebar.break-point-xs.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-xs.toggled {
    left: 0;
  }
  .layout .sidebar.break-point-xs.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-xs ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
}
.success-modal {
  width: max-content;
  min-width: 550px;
  background: #f0fff4;
  border-radius: 15px;
}

.input-field {
  position: relative;
  margin-bottom: 3px;
}

.input-field input,
.input-field textarea {
  width: 100%;
  padding: 10px 26px 10px 9px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  border: 1px solid #ffbdce;
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 0px;
  font-family: IRANYekan !important;
}

.input-field input,
.input-field textarea {
  font-size: 22px !important;
}

.little-margin .input-field input::placeholder {
  color: #a6a6a6;
  font-size: 14px;
}

.little-margin {
  padding: 10px 10px;
}

.post-title-page {
  margin-bottom: 25px;
}

.input-field label {
  position: absolute;
  right: 20px;
  top: -12px;
  color: #001042;
  font-weight: 600;
  border-radius: 5px;
  padding: 0 10px;
  background: #ffffff;
}

.template-btn {
  border-radius: 5px;
  padding: 10px 55px;
  color: #ffffff;
  vertical-align: middle;
  overflow: hidden;
  font-size: 16px;
  border: none;
  margin: 10px 0px;
  background: linear-gradient(95.45deg, #eb5b65 0.64%, #ac001e 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.post-caption p {
  font-size: 13px;
  text-align: justify;
}

.post-details {
  padding: 5px 8px;
  background-color: #ffe5e7;
  display: inline-block;
  margin-top: 15px;
  border-radius: 4px;
  color: #d90429;
  font-weight: 600;
}

@media (max-width: 576px) {
  .mobile-hidden {
    display: none;
  }
  .gua-title span {
    margin-top: 5px;
    font-size: 12px;
  }
  .gua-title strong {
    font-size: 13px;
  }
  .mobile-show {
    display: block;
  }
  .nleft-padding {
    padding: 0px 5px;
  }
  .layout .sidebar.break-point-sm {
    position: fixed;
    left: -280px;
    height: 100%;
    top: 0;
    z-index: 100;
  }
  .layout .sidebar.break-point-sm.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-sm.toggled {
    left: 0;
  }
  .layout .sidebar.break-point-sm.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-sm ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 768px) {
  .layout .sidebar.break-point-md {
    position: fixed;
    left: -280px;
    height: 100%;
    top: 0;
    z-index: 100;
  }
  .layout .sidebar.break-point-md.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-md.toggled {
    left: 0;
  }
  .layout .sidebar.break-point-md.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-md ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 992px) {
  .layout .sidebar.break-point-lg {
    position: fixed;
    right: -280px;
    height: 100%;
    top: 0;
    z-index: 1000000;
  }
  .layout .sidebar.break-point-lg.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-lg.toggled {
    right: 0;
  }
  .layout .sidebar.break-point-lg.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-lg ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 1200px) {
  .layout .sidebar.break-point-xl {
    position: fixed;
    left: -280px;
    height: 100%;
    top: 0;
    z-index: 100;
  }
  .layout .sidebar.break-point-xl.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-xl.toggled {
    left: 0;
  }
  .layout .sidebar.break-point-xl.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-xl ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
}
.layout .footer {
  height: 64px;
  min-height: 64px;
}

.layout .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.layout .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: none;
}

.layout .sidebar-toggler {
  display: none;
}

@media (max-width: 480px) {
  .layout .sidebar-toggler.break-point-xs {
    display: initial;
  }
}
@media (max-width: 576px) {
  .layout .sidebar-toggler.break-point-sm {
    display: initial;
  }
}
@media (max-width: 768px) {
  .layout .sidebar-toggler.break-point-md {
    display: initial;
  }
}
@media (max-width: 992px) {
  .layout .sidebar-toggler.break-point-lg {
    display: initial;
    display: flex;
    align-items: center;
  }
  .fa-sliders-h {
    margin-left: 5px;
  }
}
@media (max-width: 1200px) {
  .layout .sidebar-toggler.break-point-xl {
    display: initial;
  }
}
.layout.fixed-sidebar .sidebar {
  height: 100%;
  overflow: auto;
}

.layout.fixed-sidebar .sidebar ~ .layout {
  height: 100%;
  overflow: auto;
}

.layout.fixed-header .header {
  position: fixed;
  width: 100%;
  z-index: 2;
}

.layout.fixed-header .header ~ .layout,
.layout.fixed-header .header ~ .content {
  margin-top: 64px;
}

.layout.fixed-header.fixed-sidebar .header {
  width: calc(100% - 280px);
}

.layout.fixed-header.fixed-sidebar .sidebar.collapsed ~ .layout .header {
  width: calc(100% - 80px);
}

.layout.rtl {
  direction: rtl;
}

.set-questions {
  padding: 20px 20px;
  border: 1px solid #f3f3f3;
  background: rgba(235, 235, 235, 0.1294117647);
  border-radius: 10px;
  margin-bottom: 20px;
}

.blue-collapse {
  background: #efefef !important;
  /* border: 1px solid #ebefff !important; */
  height: 57px !important;
  display: flex !important;
  align-items: center !important;
}

.qu-body {
  padding: 10px 20px;
  background: #efefef;
  margin-bottom: 20px;
  border-radius: 10px;
}

.qu-body p {
  font-size: 13px;
}

@media (max-width: 480px) {
  .layout.rtl .sidebar.break-point-xs {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-xs.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-xs.toggled {
    left: auto;
    right: 0;
  }
}
@media (max-width: 576px) {
  .layout.rtl .sidebar.break-point-sm {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-sm.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-sm.toggled {
    left: auto;
    right: 0;
  }
}
@media (max-width: 768px) {
  .layout.rtl .sidebar.break-point-md {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-md.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-md.toggled {
    left: auto;
    right: 0;
  }
}
@media (max-width: 992px) {
  .layout.rtl .sidebar.break-point-lg {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-lg.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-lg.toggled {
    left: auto;
    right: 0;
  }
}
@media (max-width: 1200px) {
  .layout.rtl .sidebar.break-point-xl {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-xl.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-xl.toggled {
    left: auto;
    right: 0;
  }
}
.layout .header {
  box-shadow: 1px 1px 4px #9aa0b9;
  display: flex;
  align-items: center;
  padding: 20px;
}

.layout .content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.layout .footer {
  text-align: center;
  margin-top: auto;
  margin-bottom: 20px;
  padding: 20px;
}

.layout.rtl .header {
  box-shadow: -1px 1px 4px #9aa0b9;
}

.sidebar {
  color: #1e1e1e;
  overflow-x: hidden !important;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
}

.sidebar .image-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  z-index: 1;
  display: none;
}

.sidebar .image-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.sidebar.has-bg-image .image-wrapper {
  display: block;
}

.sidebar .sidebar-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.sidebar .sidebar-layout .sidebar-header {
  height: 64px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid rgba(83, 93, 125, 0.087);
}

.sidebar .sidebar-layout .sidebar-header > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  margin-right: 10px;
}

.sidebar .sidebar-layout .sidebar-content {
  flex-grow: 1;
  padding: 10px 0;
}

.sidebar .sidebar-layout .sidebar-footer {
  height: 64px;
  min-height: 64px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(83, 93, 125, 0.3);
  padding: 0 20px;
}

.sidebar .sidebar-layout .sidebar-footer > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.return-box {
  direction: rtl;
  text-align: right;
}

.return-title {
  font-size: 20px;
  font-weight: 600;
}

.return-box {
  display: flex;
  justify-content: space-between;
}

.return-ico {
  height: 100px;
  width: max-content;
  object-fit: contain;
  position: relative;
  top: -70px;
}

.return-ico img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.return-main-caption {
  direction: rtl;
  text-align: right;
  padding: 20px 15px;
  background-color: #f1f3fe;
  border-radius: 8px;
  margin-bottom: 30px;
}

.return-main-caption p {
  font-size: 14px;
  line-height: 30px;
}

.each-rr {
  direction: rtl;
  text-align: right;
  display: flex;
  margin-bottom: 20px;
  padding: 5px 10px;
  align-items: center;
}

.each-rr h3 {
  font-size: 13px;
  width: 32px;
  font-weight: 600;
  padding: 7px;
  border-radius: 50%;
  background: #eff0f9;
  outline: 3px solid #f6f7fe;
  outline-offset: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  justify-content: center;
  margin-left: 15px;
}

.return-rolls p {
  font-size: 14px;
  line-height: 28px;
  text-align: right;
  direction: rtl;
}

/**
 * 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: 6px;
  height: 6px;
  margin: 5px 7px;
  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;
}

.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%;
}

.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%;
}

.image-add-caption {
  font-size: 18px;
  direction: rtl;
  text-align: justify;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000000000;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.table .table tbody th.scope {
  background: #e8ebf8;
  border-bottom: 2px solid #e0e5f6;
}
.table .table tbody th,
.table .table tbody td {
  border: none;
  padding: 30px;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  border-bottom: 2px solid #f8f9fd;
}
.table .table tbody th.scope {
  background: #e8ebf8;
  border-bottom: 2px solid #e0e5f6;
}

.table thead.thead-primary {
  background: #6807f9;
}

.tables-wrapp table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.tables-wrapp table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
.tables-wrapp table tr {
  background-color: #fff;
  border: 1px solid #e1e5e9;
  padding: 0.35em;
  border-radius: 3px;
}
.tables-wrapp table thead tr:first-child {
  border: none;
  border-radius: 8px;
}
.tables-wrapp table th,
.tables-wrapp table td {
  padding: 1.625em;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #eee;
}
.tables-wrapp td .mdi-check-circle {
  font-size: 18px;
  color: #03db6f;
}
.tables-wrapp td .mdi-close-box {
  font-size: 18px;
  color: red;
}
.tables-wrapp table td:nth-child(4) {
  font-size: 18px;
}
.tables-wrapp table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  background: #800016;
  color: #fff;
}
.tables-wrapp table tbody tr td .btn-invoice {
  background: #800016;
  color: #fff;
  font-size: 13px;
  padding: 10px 20px;
  border: 0;
  border-radius: 8px;
}
.tables-wrapp tbody tr:nth-child(even) {
  background-color: #eee;
}
.tables-wrapp tbody tr:nth-child(odd) {
  background-color: #fff;
}
@media screen and (max-width: 600px) {
  .tables-wrapp table {
    border: 0;
  }
  .tables-wrapp table caption {
    font-size: 1.3em;
  }
  .tables-wrapp table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    padding: 0;
  }
  .tables-wrapp table tr {
    border-bottom: 3px solid #e1e5e9;
    display: block;
    margin-bottom: 0.625em;
  }
  .tables-wrapp table th,
  .tables-wrapp table td {
    padding: 0.625em;
  }
  .tables-wrapp table td {
    border-bottom: 1px solid #e1e5e9;
    display: block;
    font-size: 0.8em;
    text-align: right;
    color: #9da9b9;
  }
  .tables-wrapp table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    border: 1px solid #eee;
    color: #656971;
  }
  .tables-wrapp table td:last-child {
    border-bottom: 0;
  }
  .tables-wrapp table td:nth-child(4) {
    font-size: 0.8em;
  }
}

@media (max-width: 991px) {
  .customer {
    background-color: #fff;
  }
  .off-target {
    margin-left: 25px;
    font-size: 15px;
  }
  .address-modal {
    width: 100%;
  }
  .off-taggs {
    margin-left: 22px;
    font-size: 12px;
  }
  .emp-im {
    height: 80px;
    width: 80px;
    object-fit: contain;
  }
  .links-emp a {
    font-size: 12px;
  }
  .empty-title {
    font-size: 14px;
  }
  .links-emp {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }
  .each-boxes {
    width: 20%;
    flex-direction: column;
    display: flex;
    align-items: center;
    margin: 12px 3px;
    padding: 5px 5px;
    border-radius: 7px;
    height: 53px;
    justify-content: center;
  }
  .warranty-title {
    display: none;
  }
  .total-item-discount {
    font-size: 14px;
  }
  .each-money {
    font-size: 12px;
  }
  .offer-shop-cart {
    font-size: 12px;
  }
  .double {
    font-size: 14px;
    position: absolute;
    top: 2px;
    right: 6px;
  }
  .order-sm-sett-2 {
    order: 2;
  }
  .order-sm-sett-1 {
    order: 1;
  }
  .modals-btns {
    font-weight: normal;
    border: none;
    width: 87px;
    height: 30px;
    font-size: 10px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 22px;
  }
  .modals-btns i {
    font-size: 8px;
  }
  .expander_button {
    font-size: 10px;
  }
  .n-trm {
    font-size: 12px;
    font-weight: normal;
    line-height: 28px;
    margin-top: 10px;
  }
  .tab-pane .wrapp-cart-product {
    direction: rtl;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-around;
    background: #fff;
    margin-top: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 5px;
  }
  .tab-pane .wrapp-cart-product {
    direction: rtl;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 5px;
  }
  .table-bordered th,
  .table-bordered td {
    font-size: 12px;
  }
  .wrapp-cart-product {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px 15px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .back-page {
    display: flex;
    height: 30px;
    border-radius: 4px;
    width: 90px;
    justify-content: space-evenly;
    font-size: 12px;
    align-items: center;
  }
  .camp-title i {
    font-size: 10px;
  }
  .wrapp-location {
    padding: 20px 20px;
    margin-top: 20px;
  }
  .your-date {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-right: 20px;
  }
  .no-mobile-padding {
    padding: 0px;
  }
  .pay-last {
    border-radius: 7px;
    padding: 10px 40px;
  }
  .name-family,
  .your-add {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding: 10px 20px;
  }
  .name-family span {
    font-size: 12px;
  }
  .your-add span {
    font-size: 12px;
  }
  .img-crt {
    height: 85px;
    width: 85px;
    object-fit: contain;
  }
  .title-guarantee h6 {
    font-size: 12px;
    direction: rtl;
  }
  .color-tip .color-sett {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: 10px;
  }
  .order-mb-thr {
    margin-top: 40px;
  }
  .order-mb-first {
    order: 1;
    /* margin-top: 34px; */
  }
  .order-mb-sec {
    order: 2;
    background: #fff;
  }
  .order-mb-thr {
    order: 3;
  }
  .logo-area {
    height: 40px;
    width: 40px;
    margin-left: 5px;
  }
  .name-content .name-brand {
    font-size: 8px;
  }
  .smothcolor {
    height: 35px;
    font-size: 10px;
  }
  .smothcolor::placeholder {
    font-size: 10px;
    align-items: center;
  }
  .bg-rell {
    height: 35px;
    font-size: 10px;
    padding: 8px;
  }
  .select-box-costumiz {
    width: 80px;
    border-radius: 4px;
    height: 35px;
    padding: 5px;
    font-size: 10px;
  }
  .fix-withen {
    width: 120px !important;
  }
  .selectBox__value {
    font-size: 12px;
  }
  .selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 8px;
  }
  .fix-withen .dropdown-item {
    text-align: right;
    font-size: 10px;
  }
  .selectBox:after {
    opacity: 0.3;
  }
  .undo-menu {
    height: 55px;
  }
  .wrapp-second {
    display: flex;
    width: max-content;
    justify-content: flex-end;
  }
  .shopping-prev {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
  }
  .setting-height {
    height: 200px;
  }
  .d-mobile {
    display: none;
  }
  .fast-padding {
    padding: 0px 15px;
  }
  .stranger-padding {
    padding: 0px 20px;
  }
  #btn-collapse i {
    display: block;
  }
  .sett-row {
    padding: 0px 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: flex-start;
    margin-bottom: 20px;
  }
  .ml-post {
    margin-left: 10px;
  }
  .fl-show {
    width: 230px;
    border-radius: 0px;
    height: 44px;
    direction: rtl;
    text-align: right;
    display: flex;
    align-items: center;
    background: transparent;
    margin-right: 15px;
    padding: 0px;
    border: none !important;
    border-bottom: none;
  }
  .fl-show .fix-withen {
    width: 230px !important;
  }
  #btn-toggle {
    color: #000;
    font-size: 14px;
    cursor: pointer;
  }
  .fl-show .selectBox__value {
    font-size: 10px;
  }
  .title-guarantee {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 8px;
    justify-content: flex-start;
  }
  .steping-numc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1026px) and (max-width: 1300px) {
  .shipp-caption {
    padding: 25px 25px;
    top: -30px;
    outline-offset: 10px;
    padding: 70px 40px;
  }
}
@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 {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .sett-row {
    padding: 0px 15px;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: flex-start;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .three-banner {
    width: 100%;
    height: 148px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .sett-row {
    padding: 0px 15px;
    width: 74%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: flex-start;
    margin-bottom: 20px;
  }
  .vip-title {
    font-size: 10px;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
    line-height: 25px;
    padding: 0px 10px;
  }
  .whatsapp-alert h4 {
    font-size: 13px;
  }
}
@media (max-width: 1600px) {
  .layout .sidebar-toggler.break-point-xxl {
    display: initial;
  }
  .totla-price {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .layout .sidebar.break-point-xxl {
    position: fixed;
    left: -280px;
    height: 100%;
    top: 0;
    z-index: 100;
  }
  .layout .sidebar.break-point-xxl.collapsed {
    left: -80px;
  }
  .layout .sidebar.break-point-xxl.toggled {
    left: 0;
  }
  .layout .sidebar.break-point-xxl.toggled ~ .overlay {
    display: block;
  }
  .layout .sidebar.break-point-xxl ~ .layout .header {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
  }
  header {
    margin-bottom: 160px !important;
  }
  .layout.rtl .sidebar.break-point-xxl {
    left: auto;
    right: -280px;
  }
  .layout.rtl .sidebar.break-point-xxl.collapsed {
    left: auto;
    right: -80px;
  }
  .layout.rtl .sidebar.break-point-xxl.toggled {
    left: auto;
    right: 0;
  }
  .contact-phone-numbers a {
    font-size: 12px;
    display: block !important;
  }
  .contact-phone-numbers {
    margin: 0px 0;
  }
  .phone-title {
    font-size: 12px;
    margin-left: 5px;
  }
  .logo-area a {
    height: 40px;
    width: 180px;
  }
  .totla-price {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .gallery-wrapper {
    width: 390px;
    margin-left: 0px;
  }
  .rate-box {
    display: flex;
    align-items: flex-start;
    align-content: flex-end;
    flex-wrap: wrap !important;
    flex-direction: column;
  }
  .name-of-product {
    font-size: 16px;
  }
  .rate-user {
    padding: 0px 4px;
    margin-left: 0px;
    margin-top: 10px;
  }
  .right-sc {
    margin-top: 10px;
  }
  .order-mb-thr {
    padding: 20px 0px;
  }
  .price-action {
    margin-bottom: 0px;
    font-size: 14px;
    margin-left: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1235px) {
  .sett-row {
    padding: 0px 15px;
    width: 74%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: flex-start;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .galleryContainer .slideShowContainer .captionTextHolder {
    display: none;
  }
  .slider-for.slick-initialized.slick-slider {
    height: 400px;
    max-width: 100vw;
    overflow: hidden;
  }
  .galleryContainer {
    width: 100%;
    height: 560px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
  }
  .galleryContainer .slideShowContainer {
    width: 100%;
    height: 100%;
  }
  .product--img {
    padding: 15px 40px;
    /* height: 235px; */
  }
  header {
    margin-bottom: 100px !important;
  }
  .list-var {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .gallery-wrapper {
    width: 500px;
    margin-left: 0px;
  }
  .wallet-t {
    font-size: 13px;
  }
  .content-design {
    padding: 10px 10px;
  }
  .currency-title {
    padding: 8px 8px;
  }
  .logo-area a {
    height: 35px;
    width: 170px;
  }
  .space-collapse {
    padding-right: 0px !important;
  }
  .silc--item {
    display: none;
  }
  .slider-nav .item-slick {
    display: none;
  }
  .slick-prev {
    left: -25px;
  }
  .slick-next {
    right: 8px;
    width: 32px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/next.webp);
    background-size: 30px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-prev {
    left: 8px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/prev.webp);
    background-size: 29px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-next:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .slick-prev:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .slider-nav {
    margin: 0px;
    width: 282px;
  }
  .header-bundle-caption {
    position: absolute;
    top: -58px;
    padding-top: 12px;
    right: 10px !important;
    z-index: -1;
  }
  .reply-comments {
    padding-right: 30px;
  }
  .custom {
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .shipp-ico {
    padding: 10px;
    height: 75px;
    width: 75px;
  }
  .shipp-caption {
    padding: 70px 30px;
  }
  .only-line {
    border-bottom: 1px solid rgba(11, 11, 11, 0.1019607843);
    margin: 20px;
  }
  .shipp-caption {
    right: 0px !important;
  }
  .collapse-panel p {
    font-size: 12px;
  }
  .holder-qn {
    margin-bottom: 0px;
    font-size: 18px;
    padding: 10px 16px;
  }
  .qn-title {
    font-size: 13px;
    margin-right: 10px;
  }
  .about-title {
    font-size: 20px;
  }
  .resoult-tab {
    width: 380px;
    z-index: 10000;
  }
  .brod-c {
    padding: 20px 10px;
    min-height: 65px;
    max-height: fit-content;
    display: flex;
    flex-wrap: wrap;
  }
  .bottom-design {
    padding: 0px 10px;
  }
  .brod-c a {
    font-size: 12px;
  }
  .searching-title span {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .form-container {
    width: 380px;
  }
  .line-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .buy-now {
    padding: 10px 15px;
    background-color: #d90429;
    width: 90%;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    margin-left: 5px;
    transition: all linear 0.6s;
  }
  .avatar {
    position: relative;
    display: flex;
    align-items: center;
    width: 102px;
    padding: 0px 5px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .avatar-holder {
    height: 18px;
    object-fit: contain;
    margin-bottom: 5px;
  }
  .avatar-indicators:before {
    content: "";
    position: absolute;
    bottom: 7px;
    right: 4%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: table;
  }
  .profie-title {
    font-size: 10px;
  }
  .mp-non {
    padding: 0px;
  }
  .here-nav {
    background: #fff;
    padding: 0px 12px;
  }
  .expander_button {
    font-family: IRANYekan;
    background: #d90429;
    border: none;
    width: 85px;
    height: 30px;
    border-radius: 4px;
  }
  .mobile-hidden {
    display: none;
  }
  .plans {
    -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;
    padding: 20px 20px;
    margin-bottom: 20px;
  }
  .plans .plan {
    width: 100%;
  }
  .plan.complete-plan {
    margin-top: 0px;
  }
  .plans .plan .plan-content .plan-details {
    width: 70%;
    display: inline-block;
  }
  .plans .plan input[type=radio]:checked + .plan-content:after {
    top: 45%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
  .video-bar {
    border: 1px #efefef solid;
    border-radius: 8px;
    display: flex;
    width: 65px;
    font-size: 14px;
    color: #000;
    z-index: 1000;
    margin-bottom: 15px;
    height: 70px;
  }
  #profile-description .text p {
    margin-bottom: 5px;
    padding: 0 5px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    display: block;
    text-align: right;
    direction: rtl;
  }
  header.main-header .side-menu > ul > li > a {
    font-size: 13px;
    display: block;
    padding: 12px 22px;
  }
  .subscribe-form button i {
    font-size: 18px;
  }
  header.main-header .side-menu a {
    padding: 0px 35px;
  }
  .offer-title h1 {
    font-size: 1.5rem;
  }
  .close-search-result {
    display: none !important;
  }
  .close-box a i {
    font-size: 20px;
  }
  .sidebar .sidebar-layout .sidebar-header {
    padding: 0 15px;
  }
  .hidden-mobile-label {
    display: none;
  }
  .each-pce {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0px 20px;
    position: relative;
  }
  .customer {
    background: #fff;
    padding-bottom: 20px;
  }
  .category-div h2 {
    font-weight: 600;
    padding-right: 0px;
    font-size: 12px;
  }
  .btn-category {
    padding: 5px 20px;
    border-radius: 6px;
    margin-top: 18px;
    margin-right: 0;
  }
  .btn-category span {
    font-size: 12px;
  }
  .category-modal {
    width: 100%;
  }
  .gift-title h1 {
    font-size: 18px;
    font-weight: normal;
  }
  .gift-banner {
    height: 150px;
    width: 100%;
    object-fit: contain;
  }
  .selecr-your-gift {
    margin-top: 120px;
  }
  .gift-category {
    margin-top: 0px;
  }
  .name-product {
    font-size: 12px;
    margin-bottom: 0px;
    padding: 0px 2px;
    font-weight: 600;
    line-height: 25px;
  }
  .success-modal {
    width: 100%;
    min-width: 100%;
    background: #f0fff4;
    border-radius: 15px;
  }
  .each-gift {
    display: flex;
    direction: rtl;
    border: 1px solid #eee;
    border-radius: 10px;
    height: 90px;
    margin-bottom: 10px;
    align-items: center;
  }
  .pro-preview h2 {
    font-size: 14px;
    margin-bottom: 0px;
    text-align: right;
    margin-top: 8px;
    line-height: 28px;
  }
  .category-div {
    margin-bottom: 30px;
  }
  .wrapp-bs {
    height: 100px;
    margin-bottom: 20px;
  }
  .caption-modal p {
    font-size: 12px;
    text-align: justify;
    direction: rtl;
  }
  .header-pcontent h3 {
    font-size: 12px;
    text-align: right;
    line-height: 28px;
  }
  .header-pcontent {
    margin-right: 15px;
  }
  .panel--captheading {
    padding: 10px 20px;
  }
  .qr-hold {
    width: 60px;
    height: 60px;
    object-fit: contain;
    z-index: 1000;
    margin-bottom: 0px;
    border: 1px solid #d90429;
    border-radius: 6px;
  }
  .qr-hold h2 {
    display: none;
  }
  #purchase-details {
    margin-bottom: 0px;
  }
  .support-div {
    padding: 15px 25px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .cw-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .cw-caption a {
    font-size: 14px;
    margin-right: 20px;
    margin-top: 0px;
  }
  .cw-hold i {
    font-size: 30px;
    left: 30px;
    bottom: 34px;
  }
  .space-collapse {
    padding-right: 0px !important;
  }
  .contact-iframe iframe {
    height: 268px;
  }
  .contact-iframe {
    margin-top: 25px;
  }
  .support-div p {
    font-size: 12px;
    text-align: right;
  }
  .su-holder {
    height: 40px;
    width: 40px;
    object-fit: contain;
    margin-bottom: 0px;
    padding: 5px;
    outline: 4px solid rgba(65, 90, 255, 0.0588235294);
    border-radius: 8px;
  }
  .contact-row {
    margin-top: 10px;
    direction: rtl;
  }
  .contact-background {
    height: 400px;
    padding: 10px;
  }
  .support-btn {
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 12px;
    align-items: center;
  }
  .support-title {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 14px;
  }
  .each-rr h3 {
    font-size: 14px;
    width: 33px;
    font-weight: 600;
    padding: 9px;
    border-radius: 50%;
    outline-offset: 3px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    justify-content: center;
    margin-bottom: 10px;
  }
  .return-title {
    font-size: 16px;
    font-weight: 600;
  }
  .return-ico {
    height: 65px;
    width: max-content;
    object-fit: contain;
    position: relative;
    top: 22px;
  }
  .return-rolls p {
    font-size: 12px;
    line-height: 25px;
    text-align: justify;
  }
  .each-rr span {
    font-size: 12px;
    text-align: justify;
  }
  .return-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .each-rr {
    direction: rtl;
    text-align: right;
    display: flex;
    margin-bottom: 20px;
    padding: 5px 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  .rolls-caption i {
    margin-left: 10px;
    font-size: 12px;
  }
  .rolls-caption h2 {
    position: relative;
    top: -42px;
    right: 0px;
    width: max-content;
    height: 50px;
    padding: 16px 18px;
    font-size: 14px;
    border-radius: 10px;
    padding-left: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
  }
  .shipp-ico {
    padding: 10px;
    height: 75px;
    width: 75px;
  }
  .row-shipp-2 {
    margin-top: 5px;
  }
  .shipp-caption {
    padding: 70px 30px;
  }
  .rolls-caption li {
    font-size: 12px;
    line-height: 25px;
  }
  .rolls-caption ul {
    padding-right: 15px;
  }
  .rolls-caption {
    padding: 0px 30px;
    padding-bottom: 30px;
  }
  .rolls-caption p {
    font-size: 12px;
    line-height: 25px;
  }
  .shipp-caption p {
    font-size: 12px;
    line-height: 25px;
    text-align: justify;
  }
  .only-line {
    border-bottom: none;
  }
  .collapse-panel p {
    font-size: 12px;
  }
  .video-bar {
    border-radius: 8px;
    display: flex;
    width: 100%;
    font-size: 14px;
    z-index: 1000;
    height: 90px;
    margin-bottom: 15px;
  }
  .video-bar h4 {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .see-video {
    font-size: 10px;
    margin-bottom: 0px;
    align-items: center;
    width: 100px;
  }
  .form-container {
    width: var(--sw);
    width: 100%;
    height: var(--sh);
    margin-top: 10px;
  }
  .see-video {
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    width: 50px;
    position: absolute;
    top: -17px;
    right: -20px;
    justify-content: center;
    width: 100px;
  }
  .main-image-back {
    height: 50px;
    width: 50px;
    object-fit: contain;
    margin-left: 15px;
  }
  .date-answer-rote {
    margin-top: 10px;
  }
  .answer p {
    font-size: 10px;
    line-height: 20px;
    text-align: justify;
  }
  .see-video {
    font-size: 10px;
    margin-bottom: 0px;
    align-items: center;
  }
  .rate-user i {
    font-size: 8px;
    margin-left: 2px;
  }
  .rate-user p {
    font-size: 10px;
  }
  .rate-user {
    padding: 0px 4px;
    margin-left: 5px;
    height: 25px;
    font-size: 10px;
    margin-top: 0;
  }
  .right-sc {
    height: 25px;
    margin-top: 5px;
  }
  .rate-box {
    display: flex;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .comment-title i {
    margin-left: 5px;
    font-size: 8px;
  }
  .comment-title span {
    font-size: 10px;
  }
  .see-video img {
    height: 30px;
    width: 30px;
  }
  .contact-phone-numbers a {
    font-size: 14px;
    cursor: pointer;
    display: block;
  }
}
/*ipod pro */
@media (max-width: 991px) {
  .contact-phone-numbers a {
    font-size: 14px;
    cursor: pointer;
    display: block;
  }
  .rate-box {
    display: flex;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap !important;
    flex-direction: row-reverse;
  }
  .banner-list-page {
    height: 120px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    margin-top: 10px;
  }
  .count-title {
    margin-top: 5px;
    font-size: 14px;
  }
  .wrapp-serv {
    text-align: center;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .border-here h3 {
    font-size: 16px;
    padding: 20px 60px;
    text-align: center;
    line-height: 28px;
    direction: rtl;
  }
  .border-here h2 {
    font-size: 20px;
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 20px;
  }
  .img-serv {
    padding: 8px;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  .about-caption p {
    text-align: justify;
    font-size: 12px;
    line-height: 24px;
  }
  .mp-non {
    padding: 0px;
  }
  .cp-caption {
    width: fit-content;
    text-align: right;
    display: flex;
    height: 50px !important;
    width: max-content;
    align-items: center;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    text-align: center;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  header {
    margin-bottom: 105px !important;
  }
  .logo-area a {
    height: 42px;
    width: 140px;
  }
  .product-div {
    background: #fff;
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
    padding: 20px;
  }
  .line-liner {
    height: 0.5px;
    width: 60%;
  }
  .stranger-padding {
    padding: 0px 15px;
  }
  .setting-height {
    height: 300px;
  }
  .register {
    border-left: none;
    margin: 0px 8px;
    margin-left: -7px;
    padding-left: 16px;
  }
  .shipp-caption {
    padding: 25px 25px;
    direction: rtl;
    text-align: center;
    z-index: -1;
    border-radius: 8px;
    position: relative;
    top: -30px;
    outline-offset: 10px;
    padding: 70px 40px;
  }
  .si-holder i {
    font-size: 18px;
  }
  .si-holder {
    height: 40px;
    width: 40px;
  }
  .count-title {
    margin-top: 5px;
    font-size: 12px;
  }
  .wrapp-serv {
    padding: 22px 15px;
  }
  .img-serv {
    font-size: 24px;
    padding: 12px;
    width: 70px;
    height: 70px;
  }
  .count-digit {
    font-size: 12px;
  }
  .count-title {
    font-size: 12px;
    height: 50px;
    margin-top: 10px;
    line-height: 26px;
  }
  .about-left {
    text-align: right;
    font-size: 18px;
  }
  .about-caption p {
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
  }
  .center-img {
    height: 320px;
    width: 100%;
    object-fit: cover;
  }
  .mp-non {
    padding: 0px;
  }
  .about-title i {
    font-size: 16px;
  }
  .at-last-buttons {
    display: none;
  }
  .wrapping-mini-image {
    height: 100px;
    width: 105px;
    object-fit: contain;
  }
  .imag-blue-box {
    height: 200px;
    width: 250px;
    object-fit: contain;
  }
  .cart-property {
    height: 330px;
    overflow: hidden;
    margin-top: 30px;
  }
  .sett-row {
    padding: 0px 15px;
    width: 69%;
    margin-bottom: 20px;
  }
  .mini-box-title {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .right-box {
    padding: 20px 25px;
    direction: rtl;
    text-align: right;
    height: 255px;
  }
  .flex-box {
    align-items: center;
    margin-top: 20px;
  }
  .vip-img {
    width: 100%;
    height: 110px;
    padding: 0px 5px;
  }
  .vip-wrapper {
    height: 300px;
    padding: 15px 10px;
  }
  .vip-title {
    font-size: 12px;
  }
  .reverse {
    margin-top: 10px;
  }
  .three-banner {
    width: 100%;
    height: 145px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden !important;
  }
  .glass-title {
    height: 36px;
    position: absolute;
    bottom: 0px;
    padding: 0px 15px;
    border-radius: 4px;
  }
  .glass-title h3 {
    margin-bottom: 0px;
    font-size: 12px;
  }
  .row-title {
    font-size: 14px;
  }
  .expander_button {
    border: none;
    width: 85px;
    height: 30px;
    border-radius: 4px;
  }
  .line-sett {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    direction: rtl;
    flex-direction: row-reverse;
  }
  .profile-header {
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  .deliver-code {
    margin-right: 0px;
  }
  .deliver-price {
    margin-right: 0px;
  }
  .date-order {
    margin-bottom: 10px;
  }
  .deliver-code {
    margin-bottom: 10px;
  }
  .deliver-price {
    margin-bottom: 10px;
  }
  .order-date {
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
    margin-bottom: 0px;
  }
  .panel-icon {
    padding-right: 5px;
    padding-left: 15px;
  }
  .avatar-img-user {
    height: 40px;
    width: 40px;
    object-fit: cover;
  }
  .nav-pills .nav-link {
    border-radius: 0px;
    padding: 10px 0px;
  }
  .about-title {
    font-size: 20px;
  }
  .cp-caption {
    width: fit-content;
    text-align: right;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
  }
  .img-cp {
    height: 0;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: center;
  }
  .pinned tr td {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .buy-now-cp {
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
  }
  .three-banner {
    width: 100%;
    height: 125px;
  }
  header.main-header .logo-area {
    padding-right: 0px !important;
  }
  header.main-header .search-area form.search input {
    padding: 6px 12px !important;
  }
  header.main-header .search-area form.search input::placeholder {
    font-size: 10px;
    position: relative;
    top: -2px;
  }
  .search-area {
    margin-top: 10px !important;
  }
  header.main-header .nav-link {
    padding: 5px !important;
    font-size: 12px !important;
  }
  header.main-header .main-menu {
    padding-left: 25px;
  }
  .footer-section {
    width: 100%;
    padding: 20px;
  }
  .footer-section {
    width: 100%;
    padding: 20px;
  }
  .blue-o {
    padding: 45px 2.2%;
  }
}
/* ipod */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery-wrapper {
    width: 415px;
    margin-left: 0px;
  }
  .kill-padding {
    padding: 0;
  }
  header {
    margin-bottom: 100px !important;
  }
  .img-off {
    height: 50px;
    width: 50px;
  }
  .mini-offer-box {
    width: 65px;
    height: 65px;
  }
  .footer-content {
    position: relative;
    z-index: 2;
    padding: 20px;
  }
  .wrapp-products-pc {
    flex-direction: column;
  }
  .form-container {
    width: 340px;
  }
  .plans .plan .plan-content img {
    margin-left: 0px;
    height: 40px;
    margin-bottom: 0px !important;
  }
  .pakage-title strong {
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 2px;
  }
  .pakage-title {
    padding-right: 12px;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    justify-content: flex-start;
    margin-top: -6px;
  }
  .each-product-in {
    width: 100%;
    border: 1px dashed rgba(16, 86, 190, 0.4392156863);
    padding: 8px;
    width: 50%;
    margin: 0px;
    margin-bottom: 0px;
    flex-direction: column;
  }
  .each-pakage-price {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
    padding: 5px;
    background: rgba(220, 234, 255, 0.1490196078);
    align-items: center;
    margin-top: 10px;
    border: 1px solid rgba(33, 110, 224, 0.3294117647);
  }
  .pb-pakage {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .plus-item {
    display: none;
  }
  .about-left {
    text-align: right;
    font-size: 18px;
  }
  .br-sett,
  .bp-sett {
    height: 220px;
    margin-bottom: 15px;
  }
  .third-box-certifit {
    margin-bottom: 15px;
  }
  .cp-caption {
    width: fit-content;
    text-align: right;
    justify-content: center;
    display: flex;
    height: 50px;
    align-items: center;
  }
  .img-cp {
    height: 0;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: center;
  }
  .buy-now-cp {
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
  }
  .about-title {
    font-size: 20px;
  }
  .address-title h4 {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .each-address-title {
    padding: 5px 10px;
    font-size: 14px;
  }
  .panel-icon {
    padding-right: 5px;
    padding-left: 15px;
  }
  .deliver-code {
    margin-bottom: 10px;
  }
  .deliver-price {
    margin-bottom: 10px;
  }
  .order-date {
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
    margin-bottom: 0px;
  }
  .status-order {
    margin-bottom: 10px;
  }
  .date-order {
    margin-bottom: 10px;
  }
  .deliver-code {
    margin-right: 0px;
  }
  .deliver-price {
    margin-right: 0px;
  }
  .profile-header {
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  .buy-reserve {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 10px;
  }
  .nav-pills .nav-link {
    padding: 10px 5px;
  }
  .tab-sp {
    font-size: 12px;
  }
  .ordering {
    font-size: 12px;
  }
  .num-ht {
    font-size: 12px;
  }
  .num-pu {
    margin-right: 18px;
    margin-top: 5px;
    color: #707070;
    font-size: 12px;
  }
  .avatar-img-user {
    height: 30px;
    width: 30px;
    object-fit: cover;
  }
  .mp-non {
    padding: 0px;
  }
  .expander_button {
    border: none;
    width: 85px;
    height: 30px;
    border-radius: 4px;
  }
  .at-last-buttons {
    display: none;
  }
  .row-title {
    font-size: 14px;
  }
  .three-banner {
    margin-top: 20px;
  }
  .brand-row {
    padding: 25px 0px;
    padding-right: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-around;
  }
  .vip-img {
    width: 100%;
    height: 140px;
    object-fit: contain;
    border-radius: 10px;
    padding: 0px 15px;
  }
  .vip-title {
    font-size: 12px;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
    line-height: 25px;
    padding: 0px 10px;
  }
  .vip-wrapper {
    padding: 15px 20px;
    height: 310px;
  }
  .setting-height {
    height: 250px;
  }
  .lob-title {
    font-size: 12px;
    line-height: 28px;
  }
  .price-main {
    margin-top: 10px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  .price-main p {
    font-size: 14px;
  }
  .imag-blue-box {
    height: 170px;
    width: 285px;
    object-fit: contain;
  }
  .cart-property {
    height: 320px;
    overflow: hidden;
  }
  .mini-box-title {
    font-size: 11px;
    font-weight: normal;
  }
  .wrapping-mini-image {
    height: 100px;
    width: 120px;
    object-fit: contain;
  }
  .right-box {
    padding: 20px 25px;
    direction: rtl;
    text-align: right;
    height: 255px;
  }
  .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }
  .logo-area {
    height: 40px;
    width: 100px;
    margin-left: 5px;
  }
  .name-content .name-brand {
    font-size: 8px;
  }
  .smothcolor {
    height: 35px;
    font-size: 10px;
  }
  .smothcolor::placeholder {
    font-size: 10px;
    align-items: center;
  }
  .bg-rell {
    height: 35px;
    font-size: 10px;
    padding: 8px;
  }
  .select-box-costumiz {
    width: 80px;
    border-radius: 4px;
    height: 35px;
    padding: 5px;
    font-size: 10px;
  }
  .fix-withen {
    width: 120px !important;
  }
  .selectBox__value {
    font-size: 12px;
  }
  .selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 8px;
  }
  .fix-withen .dropdown-item {
    text-align: right;
    font-size: 10px;
  }
  .selectBox:after {
    opacity: 0.3;
  }
  .undo-menu {
    height: 55px;
  }
  .wrapp-second {
    display: flex;
    width: max-content;
    justify-content: flex-end;
  }
  .shopping-prev {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
  }
  .setting-height {
    height: 200px;
  }
  .d-mobile {
    display: none;
  }
  .fast-padding {
    padding: 0px 15px;
  }
  .nleft-padding {
    padding: 0px 15px;
  }
  .half-banner-holder {
    height: 100px;
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    object-fit: cover;
  }
  .as-wrapping {
    height: 100px;
    padding: 10px 5px;
    justify-content: space-around;
  }
  .nm-padd {
    padding: 0px;
  }
  .see-all-offer {
    display: block;
    align-items: center;
    justify-content: center;
  }
  .see-all-pros {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .see-btn {
    font-size: 12px;
    width: 100px;
    border-radius: 6px;
    padding: 8px 5px;
  }
  .imag-blue-box {
    height: 150px;
    width: 150px;
    object-fit: contain;
  }
  .cart-property {
    height: 250px;
    overflow: hidden;
  }
  .left-offer-box {
    padding: 20px 25px;
    direction: rtl;
    text-align: right;
    height: 430px;
    margin-bottom: 10px;
  }
  .lob-title {
    font-size: 12px;
    line-height: 30px;
  }
  .off-label {
    width: 100px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 26px;
  }
  .see-pros {
    width: 120px;
    border-radius: 18px;
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
  }
  .see-pros span {
    margin-left: 10px;
    font-size: 10px;
  }
  .see-pros i {
    font-size: 10px;
  }
  .persion-direction {
    direction: rtl;
    height: 425px;
    margin: 10px 0px;
    margin-top: 0;
  }
  .mini-box-title {
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .right-box {
    padding: 12px 10px;
    direction: rtl;
    text-align: right;
    height: 210px;
  }
  .wrapping-mini-image {
    height: 75px;
    width: 85px;
    object-fit: contain;
  }
  .off-label {
    width: 70px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 22px;
  }
  .label-tag {
    margin-right: 6px;
  }
  .price-main {
    margin-top: 0px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    font-size: 10px;
    margin-bottom: 0px;
  }
  .price-main p {
    font-size: 12px;
  }
  .free-delivery {
    direction: rtl;
    display: flex;
    height: 22px;
    width: 75px;
    font-size: 8px;
    font-weight: normal;
    border-radius: 18px;
  }
  .free-delivery img {
    height: 14px;
    margin-left: 6px;
  }
  .see-all-products {
    width: 122px;
    border-radius: 18px;
    padding: 8px 2px;
    padding-left: 0px;
    font-size: 12px;
  }
  .line-liner {
    height: 0.5px;
    width: 55%;
  }
  .row-title {
    font-size: 18px;
    margin-bottom: 0px;
    text-align: right;
  }
  .mini-offer-box-b .img-off {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .mini-offer-box-b {
    border-radius: 7px;
    height: 50px;
    width: 50px;
    padding-bottom: 10px;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
  }
  .offer-box-title {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .long-banner {
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
  }
  .shapes-svg {
    margin-top: 30px !important;
    background-position: 0 0;
    background-size: cover;
    padding: 30px 20px;
    direction: rtl;
    transition: linear 0.4s;
    margin-bottom: 30px;
  }
  .line-liner-2 {
    height: 0.5px;
    width: 42%;
  }
  .tab-links {
    font-weight: normal;
    font-size: 10px;
  }
  .see-same {
    padding: 0px;
    display: flex;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    margin-right: 5px;
  }
  .section-title h4 {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0px;
  }
  .nav-link {
    display: block;
    padding: 5px 5px;
  }
  .section-title h4::after {
    position: absolute;
    content: "";
    bottom: -28px;
    left: 0;
    height: 3px;
    width: 100%;
  }
  .space-x {
    margin: 10px 0px;
    margin-top: 10px;
  }
  .setting-padding {
    padding: 0px 20px;
  }
  .blue-o {
    padding: 20px 20px;
    padding-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .cart-vip {
    padding: 5px;
  }
  .vip-wrapper {
    padding: 10px 5px;
    height: 300px;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .vip-img {
    width: 100%;
    height: 135px;
    object-fit: contain;
    border-radius: 10px;
    padding: 0px 15px;
  }
  .vip-title {
    font-size: 10px;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
    line-height: 20px;
    padding: 0px 5px;
  }
  .free-l-vip {
    width: max-content;
    padding: 2px 8px;
    border-radius: 15px;
    margin: 5px;
    display: flex;
    align-items: center;
  }
  .reverse {
    margin-top: 10px;
    padding: 0px 10px;
  }
  .name-pro {
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 10px;
    height: 60px;
    overflow: HIDDEN;
  }
  .imge-wrapper {
    height: 120px;
    padding: 5px;
    width: 100%;
    object-fit: contain;
    display: flex;
    justify-content: center;
  }
  .cart-pro {
    margin: 0px;
    border-radius: 12px;
    height: 300px;
    padding: 15px 15px;
  }
  .three-banner {
    width: 100%;
    height: 92px;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden !important;
  }
  .mobile-banner {
    height: 150px;
  }
  .brand-padding {
    padding: 10px 5px !important;
    margin-top: 0px;
  }
  .warranty-boxes {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .re-padding {
    padding: 0px 20px;
  }
  .see-padding {
    padding: 0px 6px;
    margin-bottom: 10px;
  }
  .glass-title {
    height: 30px;
    backdrop-filter: blur(2px);
    position: absolute;
    bottom: 0px;
    padding: 0px 15px;
    display: flex;
    direction: rtl;
    text-align: right;
    align-items: center;
    border-radius: 5px;
  }
  .glass-title h3 {
    margin-bottom: 0px;
    font-size: 10px;
    color: #fff;
  }
  .glass-title:hover h3 {
    color: rgb(0, 0, 0);
    font-weight: normal;
    font-size: 10px;
    text-shadow: none;
  }
  .img-brand {
    height: 30px;
    width: 48px;
    object-fit: contain;
  }
  .brand-title {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
  }
  .brand-row {
    padding: 25px 0px;
    padding-right: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .footer-design {
    margin-top: 35px;
    padding: 30px 30px;
  }
  .bi-wrapper {
    height: 30px;
    width: 30px;
    object-fit: contain;
  }
  .warranty-title {
    font-size: 8px;
    margin-top: 15px;
    text-align: center;
  }
  .footer-social-icon {
    margin-bottom: 20px;
  }
  .late-p {
    font-size: 12px;
  }
  .see-btn {
    font-size: 10px;
    width: 100px;
    border-radius: 6px;
    padding: 8px 5px;
    font-weight: normal;
  }
  .line-sett {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    direction: rtl;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .half-banner-holder {
    height: 60px;
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    object-fit: cover;
  }
  .header-alt {
    height: 115px;
  }
  .form-container {
    width: var(--sw);
    width: 100%;
    height: var(--sh);
    margin-top: 10px;
  }
  .share-box-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 15px;
  }
  .box-support p {
    font-size: 11px;
    margin-top: 15px;
  }
  .logo-area {
    height: 40px !important;
    width: 104px;
    margin-left: 5px;
  }
  .name-content .name-brand {
    font-size: 8px;
  }
  .smothcolor {
    height: 35px;
    font-size: 10px;
  }
  .smothcolor::placeholder {
    font-size: 10px;
    align-items: center;
  }
  .bg-rell {
    height: 35px;
    font-size: 10px;
    padding: 8px;
  }
  .select-box-costumiz {
    width: 80px;
    border-radius: 4px;
    height: 35px;
    padding: 5px;
    font-size: 10px;
  }
  .fix-withen {
    width: 120px !important;
  }
  .selectBox__value {
    font-size: 12px;
  }
  .selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 8px;
  }
  .fix-withen .dropdown-item {
    text-align: right;
    font-size: 10px;
  }
  .selectBox:after {
    opacity: 0.3;
  }
  .undo-menu {
    height: 55px;
  }
  .wrapp-second {
    display: flex;
    width: max-content;
    justify-content: flex-end;
    margin-top: 10px;
  }
  .shopping-prev {
    height: 36px;
    margin-left: 8px;
    cursor: pointer;
  }
  .setting-height {
    height: 220px;
  }
  .d-mobile {
    display: none;
  }
  .fast-padding {
    padding: 0px 15px;
  }
  .as-wrapping {
    height: 100px;
    padding: 10px 5px;
    justify-content: space-around;
  }
  .nm-padd {
    padding: 0px;
  }
  .see-all-offer {
    display: block;
    align-items: center;
    justify-content: center;
  }
  .see-all-pros {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .see-btn {
    font-size: 10px;
    width: 95px;
    border-radius: 27px;
    padding: 1px 6px;
    font-weight: normal;
  }
  .imag-blue-box {
    height: 150px;
    width: 150px;
    object-fit: contain;
  }
  .cart-property {
    height: 250px;
    overflow: hidden;
  }
  .left-offer-box {
    padding: 20px 25px;
    direction: rtl;
    text-align: right;
    height: 350px;
    margin-bottom: 10px;
  }
  .lob-title {
    font-size: 12px;
    line-height: 30px;
  }
  .off-label {
    width: 100px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 26px;
  }
  .medium-padding {
    padding: 0px 18px;
  }
  .kill-padding {
    padding: 0px 0px;
  }
  .see-pros {
    width: 120px;
    border-radius: 18px;
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
  }
  .see-pros span {
    margin-left: 10px;
    font-size: 10px;
  }
  .see-pros i {
    font-size: 10px;
  }
  .persion-direction {
    direction: rtl;
    height: 780px;
    margin: 0px 0px;
    margin-bottom: 20px;
  }
  .mini-box-title {
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .right-box {
    padding: 12px 10px;
    direction: rtl;
    text-align: right;
    height: 210px;
  }
  .wrapping-mini-image {
    height: 75px;
    width: 85px;
    object-fit: contain;
  }
  .off-label {
    width: 70px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 22px;
  }
  .label-tag {
    margin-right: 6px;
  }
  .price-main {
    margin-top: 0px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    font-size: 10px;
    margin-bottom: 0px;
  }
  .price-main p {
    font-size: 12px;
  }
  .free-delivery {
    direction: rtl;
    display: flex;
    height: 22px;
    width: 75px;
    font-size: 8px;
    font-weight: normal;
    border-radius: 18px;
  }
  .free-delivery img {
    height: 14px;
    margin-left: 6px;
  }
  .see-all-products {
    width: 122px;
    border-radius: 18px;
    padding: 8px 2px;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
  }
  .line-liner {
    height: 0.5px;
    width: 55%;
  }
  .row-title {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: right;
  }
  .mini-offer-box-b .img-off {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .mini-offer-box-b {
    border-radius: 7px;
    height: 50px;
    width: 50px;
    padding-bottom: 10px;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
  }
  .offer-box-title {
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .long-banner {
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
  }
  .shapes-svg {
    margin-top: 30px !important;
    padding: 30px 20px;
    direction: rtl;
    margin-bottom: 30px;
  }
  .line-liner-2 {
    height: 0.5px;
    width: 42%;
  }
  .tab-links {
    color: #000;
    font-weight: normal;
    font-size: 10px;
  }
  .see-same {
    padding: 0px;
    display: flex;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    margin-right: 5px;
  }
  .section-title h4 {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0px;
  }
  .nav-link {
    display: block;
    padding: 5px 5px;
  }
  .section-title h4::after {
    position: absolute;
    content: "";
    bottom: -28px;
    left: 0;
    height: 3px;
    width: 100%;
  }
  .space-x {
    margin: 10px 0px;
  }
  .setting-padding {
    padding: 0px 20px;
  }
  .blue-o {
    padding: 20px 10px;
    padding-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
  }
  .cart-vip {
    padding: 5px;
  }
  .vip-wrapper {
    padding: 10px 5px;
    height: 300px;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .vip-img {
    width: 100%;
    height: 135px;
    object-fit: contain;
    border-radius: 10px;
    padding: 0px 15px;
  }
  .vip-title {
    font-size: 10px;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
    line-height: 20px;
    padding: 0px 5px;
  }
  .free-l-vip {
    width: max-content;
    padding: 2px 8px;
    border-radius: 15px;
    margin: 5px;
    display: flex;
    align-items: center;
  }
  .reverse {
    margin-top: 10px;
    padding: 0px 10px;
  }
  .name-pro {
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 10px;
    height: 60px;
    overflow: HIDDEN;
  }
  .imge-wrapper {
    height: 120px;
    padding: 5px;
    width: 100%;
    object-fit: contain;
    display: flex;
    justify-content: center;
  }
  .cart-pro {
    margin: 0px 6px;
    border-radius: 12px;
    height: 300px;
    padding: 15px 15px;
  }
  .two-back {
    margin-top: 10px;
  }
  .three-banner {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden !important;
  }
  .re-padding {
    padding: 0px 8px;
  }
  .see-padding {
    padding: 0px 5px;
    margin-bottom: 10px;
  }
  .glass-title {
    display: none;
  }
  .img-brand {
    height: 30px;
    width: 48px;
    object-fit: contain;
  }
  .brand-title {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
  }
  .brand-row {
    padding: 25px 0px;
    padding-right: 20px;
  }
  .footer-design {
    margin-top: 35px;
    padding: 30px 10px;
  }
  .bi-wrapper {
    height: 30px;
    width: 30px;
    object-fit: contain;
  }
  .footer-design {
    margin-top: 35px;
    padding: 30px 10px;
  }
  .warranty-title {
    font-size: 8px;
    margin-top: 15px;
    text-align: center;
  }
  .footer-social-icon {
    margin-bottom: 20px;
  }
  .late-p {
    font-size: 12px;
  }
  .dropdown li ul li a {
    text-align: right;
    color: #000;
    font-size: 10px;
    padding: 10px;
    display: block;
    white-space: nowrap;
  }
  .search-drop {
    display: flex;
    position: absolute;
    width: 100%;
    top: 47px;
  }
  .here-second-nav {
    display: block;
    padding-bottom: 4px;
    margin-top: 39px;
  }
  .at-last-buttons {
    display: none;
  }
  .register {
    margin: 0px 5px;
    margin-left: 5px;
    padding-left: 7px;
  }
  .profile-header {
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .ordering {
    font-size: 12px;
  }
  .address-title h4 {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #d90429;
  }
  .aboutus-page {
    height: 200px;
  }
  .about-caption p {
    text-align: justify;
    font-size: 12px;
    line-height: 24px;
  }
  .about-left {
    font-size: 16px;
  }
  .wrapp-serv {
    text-align: center;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .img-serv {
    padding: 8px;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  .count-digit {
    font-size: 18px;
  }
  .count-title {
    margin-top: 5px;
    font-size: 14px;
  }
  .all-border {
    height: 100%;
    width: 100%;
    padding: 20px 10px;
  }
  .border-here h2 {
    font-size: 16px;
    margin-bottom: 30px;
    border-bottom: none;
    padding-bottom: 20px;
    text-align: center;
    padding: 8px 15px;
  }
  .border-here h3 {
    font-size: 12px;
    padding: 10px 20px;
    text-align: center;
    line-height: 22px;
    direction: rtl;
  }
  .red-back {
    height: 400px;
  }
  .ai-holder {
    height: 55px;
    width: 55px;
    object-fit: contain;
    padding: 12px;
    outline: 5px solid #f7f7f7;
    outline-offset: 6px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
  }
  .abox-caption h4 {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 5px;
  }
  .about-company {
    direction: rtl;
    text-align: right;
    padding: 40px 15px;
    border-radius: 8px;
    margin-top: 0px;
    height: 240px;
    overflow: hidden;
  }
  .abox-caption p {
    font-size: 12px;
    height: 110px;
    overflow: hidden;
    line-height: 22px;
    text-align: justify;
  }
  .be-custumer h3 {
    font-size: 16px;
    color: #3232a4 !important;
  }
  .be-custumer p {
    margin-top: 30px;
    font-size: 12px;
    margin-top: 20px;
  }
  .si-holder {
    height: 50px;
    width: 50px;
  }
  .si-holder i {
    font-size: 22px;
  }
  .faq-section {
    margin-bottom: 30px;
  }
  .faq-header-section {
    padding: 10px;
    margin-bottom: 25px;
  }
  .fh-title {
    font-size: 12px;
  }
  .about-title {
    font-size: 16px;
  }
  .about-title i {
    font-size: 10px;
    margin-left: 2px;
  }
  .qa-part {
    padding: 0px;
  }
  .silc--item {
    display: none;
  }
  .slider-nav .item-slick {
    display: none;
  }
  .slick-prev {
    left: -25px;
  }
  .slick-next {
    right: 8px;
    width: 32px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/next.webp);
    background-size: 30px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-prev {
    left: 8px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/prev.webp);
    background-size: 29px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-next:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .slick-prev:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .qr-hold {
    right: 10px;
    top: -12px;
  }
  .wrapp-products-pc {
    flex-direction: column;
  }
  .plans .plan .plan-content img {
    margin-left: 0px;
    height: 40px;
    margin-bottom: 0px !important;
  }
  .pakage-title strong {
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 2px;
  }
  .pakage-title {
    padding-right: 12px;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    justify-content: flex-start;
    margin-top: -6px;
  }
  .each-product-in {
    width: 100%;
    border: 1px dashed rgba(16, 86, 190, 0.4392156863);
    padding: 8px;
    width: 50%;
    margin: 0px;
    margin-bottom: 0px;
    flex-direction: column;
  }
  .each-pakage-price {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
    padding: 5px;
    background: rgba(220, 234, 255, 0.1490196078);
    align-items: center;
    margin-top: 10px;
    border: 1px solid rgba(33, 110, 224, 0.3294117647);
  }
  .pb-pakage {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .plus-item {
    display: none;
  }
  .wrapping-brands {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 10px;
    background: #fff;
    margin-top: 10px;
  }
}
/*iphone 6*/
@media (max-width: 575px) {
  .free-delivery-box {
    height: 72px;
    border: 1px solid #eee;
    border-radius: 8px;
    background-image: url(../../assets/images/vectors/free-delivery.png);
    background-position: left bottom;
    background-size: 50px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    text-align: right;
    direction: rtl;
    padding: 15px 10px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .copyright-text-p {
    text-align: center;
    font-size: 10px;
  }
  .wrapper-success .card .subject p {
    color: #909092;
    font-size: 12px;
  }
  .wrapper-success .card {
    width: 100%;
    height: 100px;
  }
  .alert-box {
    padding: 0px 0px;
  }
  .comment-option-heading:before {
    top: -32px;
  }
  #accordian .comment-option-heading.activeFilter:after {
    color: #d90429;
    top: -37px;
  }
  .reply-comment {
    height: 28px;
  }
  .reply {
    font-size: 10px;
  }
  .like-d {
    display: flex;
    flex-direction: column;
  }
  .like-b {
    display: flex;
    flex-direction: column;
  }
  .stock-badge {
    left: -8px;
    top: 97px;
  }
  .stock-badge {
    position: absolute;
    width: 76px;
    height: 22px;
    display: flex;
    align-items: center;
  }
  .ads-align {
    display: flex;
    justify-content: center;
    font-size: 10px;
  }
  .copyright-text-p {
    text-align: center;
    font-size: 10px;
  }
  .brand-padding {
    padding: 10px 12px !important;
    margin-top: 20px;
  }
  .offer-main-page {
    padding: 10px;
  }
  .sett-padding-banner {
    padding: 10px 0;
  }
  .bg-lighteen-blue {
    border-radius: 5px;
  }
  .medium-padding {
    padding: 0px 15px;
  }
  .form-padding {
    padding: 0px 0px;
  }
  .brands-heading .col-lg-2.d-flex.justify-content-end {
    justify-content: flex-start !important;
  }
  .brand-caption h1 {
    font-size: 18px;
  }
  .brand-logo {
    background: #fff;
    padding: 5px;
    outline: 3px solid #eceef7;
    height: 75px;
    width: 75px;
    margin-bottom: 15px;
  }
  .brand-caption p {
    font-size: 12px;
    text-align: justify;
  }
  .adding-cm {
    font-size: 12px;
    width: 80px;
    margin-bottom: 20px;
    padding: 0px;
  }
  .close span {
    font-size: 28px;
  }
  .product--img {
    height: 250px;
  }
  .share-buttons {
    top: 102px;
    right: 0px;
    font-size: 10px;
    border: none;
  }
  #socialBar {
    font-size: 10px;
    border: none;
  }
  .slider-for.slick-initialized.slick-slider {
    height: 240px;
  }
  .post-tracing {
    font-size: 14px;
  }
  .like-it-btn {
    height: 30px;
    width: 30px;
    top: 142px;
    right: 8px;
    font-size: 10px;
    border: none;
  }
  .like-it-btn a i {
    color: #4c4c4c !important;
  }
  .pdf a i {
    color: #4c4c4c !important;
  }
  .pdf {
    height: 30px;
    width: 30px;
    top: 180px;
    right: 8px;
    font-size: 10px;
    border: none;
  }
  .adress-box {
    margin-top: 5px;
  }
  .contact-phone-numbers {
    margin: 0;
  }
  .phone-title {
    font-size: 13px;
  }
  .contact-phone-numbers a {
    font-size: 12px;
  }
  .faq-title {
    font-size: 14px;
  }
  .faq-body p,
  a {
    font-size: 12px;
  }
  .faq-body span,
  strong {
    font-size: 12px;
  }
  .faq-body h1,
  h2 {
    font-size: 14px;
  }
  .faq-body h3 {
    font-size: 14px;
  }
  .faq-page-title {
    font-size: 13px;
  }
  .collapse-holder {
    padding: 15px;
    margin-top: 0px;
  }
  .collapse-panel {
    text-align: justify;
  }
  .collapse-panel span {
    font-size: 12px;
  }
  .collapse-panel p {
    font-size: 12px;
  }
  .collapse-panel strong {
    font-size: 12px;
  }
  .collapse-panel h3 {
    font-size: 12px;
  }
  .collapse-panel h4 {
    font-size: 12px;
  }
  .collapse-panel h1,
  h2 {
    font-size: 14px;
  }
  .collapse-panel img {
    min-width: 100%;
    border-radius: 6px;
  }
  .collapsing-btn {
    height: auto;
  }
  .qn-title {
    font-size: 12px;
  }
  .show-more-height p {
    font-size: 13px !important;
    text-align: justify;
  }
  .each-section-title {
    font-size: 12px;
    margin: 10px 0;
  }
  .third-box-row {
    margin-top: 0;
  }
  .slash {
    margin: 0px 2px;
    font-size: 10px;
  }
  .dt-rows {
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .block-persion {
    margin-top: 120px;
  }
  .row.product-div.right-design {
    margin-top: 9px;
    padding: 10px;
  }
  .right-design .col-lg-11.col-md-12.col-12 {
    background-color: #fff;
    margin: 0px 0px;
    border-radius: 8px;
    padding: 5px 15px;
  }
  .list-var {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .footer-widget ul li {
    font-size: 10px;
  }
  .title-box h4 {
    display: none;
  }
  .nav-tabs {
    width: 100%;
  }
  .mini-offer-box-b .img-off {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .footer-social-icon i {
    height: 40px;
    width: 40px;
  }
  .margin-banner {
    padding: 10px 0px;
  }
  .mini-offer-box {
    height: 55px;
    width: 55px;
  }
  .kill-padding {
    padding: 0px 5px;
  }
  header.main-header .topbar .topbar-left {
    margin-top: 0 !important;
  }
  .see-all-products i {
    color: #ff5e00;
    font-size: 16px;
  }
  .cart-vip-details {
    height: 172px;
    overflow: hidden;
  }
  .lables {
    margin-top: 0px;
  }
  .see-all-products span {
    font-size: 10px;
    margin-left: 2px;
  }
  .price-main span {
    margin-right: 2px;
  }
  .properties-product {
    background: #fff;
    border-radius: 8px;
    padding: 10px 15px;
  }
  .wrapp-products-pc {
    flex-direction: column;
  }
  .plans .plan .plan-content img {
    margin-left: 0px;
    height: 40px;
    margin-bottom: 0px !important;
  }
  .pakage-title strong {
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 2px;
  }
  .pakage-title {
    padding-right: 12px;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    justify-content: flex-start;
    margin-top: -6px;
  }
  .each-product-in {
    width: 100%;
    border: 1px dashed rgba(16, 86, 190, 0.4392156863);
    padding: 8px;
    width: 50%;
    margin: 0px;
    margin-bottom: 0px;
    flex-direction: column;
  }
  .each-pakage-price {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
    padding: 5px;
    background: rgba(220, 234, 255, 0.1490196078);
    align-items: center;
    margin-top: 10px;
    border: 1px solid rgba(33, 110, 224, 0.3294117647);
  }
  .pb-pakage {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .plus-item {
    display: none;
  }
  .slick-arrow {
    position: absolute;
    top: 70%;
    z-index: 50;
    margin-top: -12px;
    display: block !important;
  }
  .gallery-wrapper {
    width: unset;
    overflow: hidden;
  }
  .gallery-wrapper {
    margin-left: 0px;
  }
  .z-margin {
    margin-right: 0px !important;
  }
  .blue-collapse {
    min-height: 57px !important;
    font-size: 10px;
    line-height: 20px;
    border-radius: 10px;
  }
  .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    padding-left: 15px;
  }
  .silc--item img {
    height: 72px;
    width: 85px;
    padding: 5px;
  }
  .silc--item {
    min-width: 72px;
  }
  .galleryContainer {
    box-sizing: border-box;
    flex-direction: column;
  }
  .galleryContainer .slideShowContainer {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
  }
  .accordion-option {
    padding-left: 10px;
  }
  .accordion-option .toggle-accordion {
    font-size: 13px;
    padding: 1px;
  }
  .image-title-wrapping h5 {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .qu-body p {
    font-size: 10px;
  }
  .cp-img {
    height: 25px;
    width: 25px;
    object-fit: contain;
    margin-left: 20px;
  }
  .qa-part {
    padding: 0px;
  }
  .qr-hold h2 {
    display: none;
  }
  .reply-comments {
    padding-right: 10px;
  }
  .here-nav {
    padding: 0px 12px;
    height: 80px;
  }
  .see-video {
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    position: absolute;
    top: -15px;
    right: -27px;
    justify-content: center;
  }
  .video-bar {
    border-radius: 8px;
    display: flex;
    width: 65px;
    font-size: 14px;
    z-index: 1000;
    height: 50px;
    margin-bottom: 15px;
    height: 70px;
  }
  .video-btn {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 0px;
  }
  .video-bar h4 {
    font-size: 10px;
    margin-bottom: 0px;
  }
  .more-gallery .images-count {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
  }
  .silc--nav-item {
    height: 70px;
    width: 70px;
    object-fit: contain;
    border-radius: 10px;
    padding: 8px;
  }
  .reply-img img {
    height: 15px;
    opacity: 0.8;
  }
  .product-area-padd {
    padding-bottom: 0px;
  }
  .pro-preview h2 {
    font-size: 14px;
    margin-bottom: 0px;
    text-align: right;
    margin-top: 8px;
    line-height: 28px;
  }
  .cw-caption {
    padding: 10px;
    padding-right: 10px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  .share-box-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 15px;
  }
  .support-email input {
    width: 100%;
    padding-right: 5px;
  }
  .buy-now-cp {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
  }
  #profile-description .text {
    font-size: 12px;
    line-height: 26px;
  }
  .title-comments img {
    height: 20px;
    margin-left: 10px;
  }
  .logo-of-product a {
    display: none;
  }
  .wrapping-brands {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0px;
    background: #fff;
    margin-top: 10px;
    margin: 0px;
  }
  .order-mb-thr {
    padding: 0px;
    margin: 0px;
  }
  .box-support {
    padding: 20px 20px;
    margin: 0px 5px;
    margin-top: 15px;
    height: 350px;
    background-size: 116px;
  }
  .box-support p {
    font-size: 11px;
    margin-top: 15px;
  }
  .crt-caption h5 {
    font-size: 10px;
    margin-bottom: 5px;
  }
  .third-box-certifit {
    margin: 0px;
    margin-bottom: 15px;
  }
  .share-product {
    padding: 20px 20px;
    margin: 0px 0px;
    background-size: 100px;
  }
  .crt-caption p {
    font-size: 10px;
    line-height: 24px;
    height: 100px;
    overflow: hidden;
    text-align: justify;
  }
  .cp-caption {
    width: fit-content;
    text-align: right;
    display: flex;
    height: 60px !important;
    width: max-content;
    align-items: center;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    word-break: break-all;
    width: 200px;
    text-align: center;
  }
  .table-wrapper .pinned tr td {
    padding: 4.4px;
  }
  .table-wrapper .pinned {
    width: 50%;
  }
  .table-wrapper .scrollable table {
    margin-left: 50%;
  }
  .wrapp-bs {
    height: 75px;
    margin-bottom: 20px;
  }
  .cw-hold i {
    font-size: 20px;
    left: 30px;
    bottom: 34px;
  }
  .cw-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .cw-caption a {
    font-size: 12px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: left;
    margin-top: 8px;
    font-weight: normal;
  }
  .faq-section {
    margin-bottom: 30px;
  }
  .about-title i {
    font-size: 10px;
    margin-left: 2px;
  }
  .about-title {
    font-size: 16px;
  }
  .fh-title {
    font-size: 12px;
  }
  .faq-header-section {
    padding: 10px;
    margin-bottom: 25px;
  }
  .count-digit {
    font-size: 18px;
  }
  .si-holder i {
    font-size: 22px;
  }
  .si-holder {
    height: 50px;
    width: 50px;
  }
  .be-custumer p {
    margin-top: 30px;
    font-size: 12px;
    margin-top: 20px;
  }
  .abox-caption p {
    font-size: 10px;
    height: 110px;
    overflow: hidden;
    line-height: 22px;
    text-align: justify;
  }
  .follow-now h3 {
    font-size: 16px;
  }
  .about-company {
    direction: rtl;
    text-align: right;
    padding: 40px 15px;
    border-radius: 8px;
    margin-top: 0px;
    height: 240px;
    overflow: hidden;
  }
  .abox-caption h4 {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 5px;
  }
  .ai-holder {
    height: 55px;
    width: 55px;
    object-fit: contain;
    padding: 12px;
    outline-offset: 6px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
  }
  .red-back {
    height: 400px;
  }
  .border-here h3 {
    font-size: 12px;
    padding: 10px 20px;
    text-align: center;
    line-height: 22px;
    direction: rtl;
  }
  .border-here h2 {
    font-size: 16px;
    margin-bottom: 30px;
    border-bottom: none;
    padding-bottom: 20px;
    text-align: center;
    padding: 8px 15px;
  }
  .all-border {
    height: 100%;
    width: 100%;
    padding: 20px 10px;
  }
  .count-title {
    margin-top: 5px;
    font-size: 14px;
  }
  .wrapp-serv {
    text-align: center;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .img-serv {
    padding: 8px;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  .about-caption p {
    text-align: justify;
    font-size: 12px;
    line-height: 24px;
  }
  .about-left {
    font-size: 16px;
  }
  .aboutus-page {
    height: 200px;
  }
  .center-img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  .link-target {
    font-size: 12px;
  }
  .brod-link i {
    font-size: 5px;
    margin: 0px 5px;
  }
  .address-title h4 {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .form-container {
    background: #eff4ff;
    border-radius: 10px;
    margin-top: 8px;
    width: 95%;
    height: 36px;
  }
  .form-tab .search-field .search-icon {
    display: none;
  }
  .nm-pio {
    padding: 0px;
    width: 100%;
  }
  .form-tab .search-field form .text-field {
    padding-right: 5px;
  }
  .menu-god {
    direction: rtl;
    display: flex;
    align-items: center;
    margin-top: 5px;
  }
  .form-tab .search-field .search-placeholder {
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0px;
    color: #6e80a5;
    opacity: 0.8;
    font-size: calc(var(--fs) / 1.1);
    font-size: 12px;
  }
  .resoult-tab {
    width: 500px;
  }
  .form-container .form-tab {
    width: 96%;
    height: calc(var(--sh) - 20px);
  }
  .form-tab .search-btn p {
    cursor: pointer;
    color: #222;
    padding: 0px;
    font-size: 10px;
  }
  .two-order {
    padding: 15px !important;
  }
  .first-order {
    order: 1;
  }
  .img-piu-holder {
    height: 60px;
    width: 60px;
    object-fit: contain;
    padding: 10px;
  }
  .information-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    padding: 15px 0px;
  }
  .currency-ico {
    height: 65px;
    width: 65px;
    object-fit: contain;
    padding: 10px;
  }
  .currency-caption span {
    font-size: 12px;
  }
  .currency-title {
    padding: 0px;
  }
  .information-box {
    border-right: none;
  }
  .currency-title {
    border-right: none;
  }
  .currency-caption strong {
    font-size: 12px;
  }
  .wallet-t {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .solid-line {
    height: 1px;
    border: 0;
    margin: 0px auto 0px auto;
  }
  .mini-address {
    color: #3e3743;
    font-size: 12px;
  }
  .cell-phone {
    font-size: 12px;
  }
  .nou-profile {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .property-dt {
    margin: 0px 0px;
  }
  .avatar-indicators:before {
    content: "";
    position: absolute;
    bottom: 7px;
    right: 4%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: table;
  }
  .avatar-holder {
    height: 18px;
    object-fit: contain;
    margin-bottom: 5px;
  }
  .profie-title {
    font-size: 10px;
  }
  .mp-non {
    padding: 0px;
  }
  .here-nav {
    padding: 0px 12px;
  }
  .padding-new {
    padding: 0px 20px;
  }
  .avatar {
    position: relative;
    display: flex;
    align-items: center;
    width: 102px;
    padding: 0px 5px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ordering {
    font-size: 12px;
  }
  .num-ht {
    font-size: 10px;
  }
  .subscribe-form button {
    position: absolute;
    left: 9px;
    padding: 4px 12px;
    top: 8px;
    height: 35px;
    border-radius: 4px;
  }
  .ich-pc {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .content-design {
    padding: 30px 10px;
  }
  .nshow-mobile {
    display: none;
  }
  .arrow-back {
    padding: 10px 15px !important;
    display: block;
    /* justify-content: space-between; */
    flex-direction: row-reverse;
  }
  .messege-back {
    padding: 20 20px !important;
  }
  .history-back {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .edite-btn {
    width: 76px;
    display: flex;
    height: 28px;
    font-size: 12px;
  }
  .user-info-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
  }
  .history-back i {
    margin-left: 0px;
    font-size: 14px;
  }
  .ht-holder {
    font-size: 16px;
    text-align: center;
  }
  p.history-back {
    font-size: 10px;
  }
  .deliver-code {
    margin-left: 20px;
  }
  .profile-header {
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .buy-reserve {
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 10px;
  }
  .details-order {
    line-height: 32px;
  }
  .flex-mobile {
    justify-content: flex-start !important;
  }
  .date-order {
    margin-right: 10px;
  }
  .status-order {
    margin-right: 10px;
  }
  .noting {
    font-size: 10px;
    text-align: center;
  }
  .img-new-product {
    height: 120px;
    width: 100%;
    object-fit: contain;
    margin: 15px 0px;
  }
  .wrapp-comments {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .full-screen {
    width: auto;
  }
  .button-row {
    padding: 0px 0px !important;
  }
  .like-box {
    padding-bottom: 10px;
  }
  .same-link {
    padding: 0px;
    height: 40px;
    font-size: 12px;
    padding-right: 5px;
    width: 100%;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
  }
  .see-same-button i {
    margin-right: 5px;
  }
  .same-link:hover {
    background: #8fda45;
    transition: all linear 0.4s;
  }
  .un-null h5 {
    margin-bottom: 0px;
    font-size: 14px;
    width: 100%;
  }
  .null-padd {
    padding: 0px !important;
  }
  .fix-button {
    position: fixed;
    width: 100%;
    bottom: 5px;
    right: 0px;
    background: #fff;
    padding: 25px 5px;
    box-shadow: 0px -8px 6px 0px rgba(0, 0, 0, 0.04);
  }
  .bp-sett,
  .br-sett {
    height: 150px;
    margin-bottom: 10px;
  }
  .user-menu {
    position: absolute;
    left: -54px;
    width: 320px;
    border-radius: 10px;
    border: 1px solid rgb(199, 194, 194);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    list-style: none;
    padding: 10px 10px;
    z-index: 1000 !important;
  }
  .wrapp-pay {
    display: none;
  }
  .new-product {
    display: block;
  }
  .mb-bb {
    margin-bottom: 15px;
  }
  .name-family,
  .your-add {
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding: 10px 20px;
  }
  .add-calc {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  .name-detail {
    margin-top: 20px;
    width: 100%;
  }
  .wrapp-pay-now {
    margin-top: 0px;
    border-radius: 10px;
    padding: 10px 25px;
    padding-bottom: 25px;
    direction: rtl;
    text-align: right;
    height: max-content;
  }
  .camp-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
    padding-left: 15px;
  }
  .wrapp-tab {
    padding: 10px 15px;
  }
  .cp-title {
    text-align: right;
    direction: rtl;
    font-size: 12px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .title-comments .best-para {
    margin-bottom: 0px;
    font-size: 12px;
  }
  .title-comments .name-co {
    font-size: 10px;
    margin-right: 30px;
    margin-bottom: 0px;
  }
  .line-sett {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0px;
    direction: rtl;
    flex-direction: row-reverse;
  }
  .your-date {
    margin-bottom: 20px;
  }
  .edit-address {
    padding: 10px;
  }
  .show-theme .form-group input::placeholder {
    font-size: 10px !important;
  }
  .show-theme .form-group input {
    font-size: 14px !important;
  }
  .plans-divec strong {
    font-size: 10px !important;
    margin-right: 8px;
    margin-bottom: 0px !important;
  }
  #profile-description .show-more {
    font-size: 12px;
  }
  .table-property {
    margin-top: 0px;
    padding: 0px !important;
    margin: 0px;
  }
  .each-boxes {
    width: 25%;
    margin: 10px;
    padding: 5px 5px;
    border-radius: 7px;
  }
  .show-more i {
    font-size: 8px;
  }
  .footer-cta {
    padding: 0px !important;
  }
  .wb-white {
    margin: 15px 0px;
    border-radius: 5px;
    padding: 15px 10px;
    font-size: 10px;
    background: #fff;
  }
  .property {
    text-align: right;
    direction: rtl;
    font-size: 14px;
    margin-top: 10px;
  }
  .each-section-tite {
    margin-top: 0px;
    direction: rtl;
    text-align: right;
    font-size: 14px;
    padding-bottom: 0px;
    border-bottom: none;
    font-weight: 600;
  }
  .customizer {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-bottom: 0px;
    border-bottom: 0px;
  }
  .similar-img {
    height: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px !important;
    object-fit: contain;
    border-radius: 10px;
    margin-left: 5px;
  }
  .totla-price {
    margin-left: 10px;
    font-size: 16px;
  }
  .title-post {
    display: flex;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .labl > input + div {
    cursor: pointer;
    border: 2px solid transparent;
    height: max-content;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    align-content: flex-end;
    text-align: right;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 2px;
  }
  .similar-caption {
    line-height: 20px;
    font-size: 10px;
    text-align: right;
  }
  .dropdown li ul li a {
    text-align: right;
    font-size: 10px;
    padding: 10px;
    display: block;
    white-space: nowrap;
  }
  .name-similar {
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
  }
  .search-drop {
    display: flex;
    position: absolute;
    width: 100%;
    top: 45px;
    right: 10px;
    margin-top: 0px;
  }
  .header-alt {
    height: 101px;
  }
  .here-second-nav {
    display: block;
    padding-bottom: 8px;
    margin-top: 0px;
  }
  .at-last-buttons {
    display: none;
  }
  .register {
    margin: 0px 5px;
    margin-left: 5px;
    padding-left: 7px;
  }
  .pagination__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 350;
    height: 50px;
    border-radius: 9px;
    margin: 0 2px;
    overflow: hidden;
  }
  .pagination__item > a {
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: normal;
  }
  .pagination__item {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 10px;
    margin: 0px 1px;
  }
  .pagination__button {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .lost-btn {
    height: 25px;
    text-align: center;
    border-radius: 9px;
    margin: 0px 2px;
  }
  .cart-row {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
  .img-crt {
    height: 55px;
    width: 55px;
    object-fit: contain;
    margin-top: 30px;
    margin-right: 20px;
  }
  .color-tip {
    display: flex;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .title-guarantee img {
    height: 22px;
    margin-left: 15px;
  }
  .title-iconim img {
    height: 22px;
    margin-left: 20px;
  }
  .title-iconim {
    margin-top: 0px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .title-guarantee {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 8px;
  }
  .title-iconim {
    margin-bottom: 0px;
  }
  .title-iconim h6 {
    font-size: 10px;
    margin-bottom: 0px;
    text-align: right;
    line-height: 25px;
    direction: rtl;
  }
  .title-post h6 {
    font-size: 10px;
    margin-bottom: 0px;
    text-align: right;
    line-height: 25px;
    direction: rtl;
  }
  .title-post i {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: right;
    line-height: 25px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .no-share {
    display: block;
  }
  .flex-share {
    display: flex !important;
  }
  .flowing-mob {
    display: block;
  }
  .fix-padding-r {
    padding: 0px 30px;
  }
  .fix-padding-l {
    padding: 0px 30px;
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
  }
  #scroll {
    position: fixed;
    z-index: 10;
    right: 10px;
    bottom: 110px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
  }
  .fix-button {
    position: fixed;
    width: 100%;
    bottom: 2px;
    right: 0px;
    z-index: 10000;
    margin-top: 400px;
  }
  .custom {
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .bluar {
    margin-top: 0px;
    height: 40px;
    padding-right: 5px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: flex-start;
  }
  .bluar .totla-price {
    margin-left: 5px;
    margin-bottom: 0px;
    font-size: 18px;
  }
  .add-to-cart,
  .add-to-wish {
    border-radius: 10px;
    font-size: 12px;
  }
  .add-to-wish {
    margin-bottom: 10px;
  }
  .add-cart-mobile {
    padding: 0px;
    height: 40px;
    font-size: 12px;
    padding-right: 5px;
    width: 100%;
    direction: rtl;
    border: none;
    background-color: #d90429;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 500;
  }
  .add-cart-mobile:hover {
    background-color: #d90429;
  }
  .shp-crt {
    height: 15px;
  }
  .bread-crumb {
    margin-top: 6px;
  }
  .left-padding-sett {
    padding-right: 5px;
  }
  .right-padding-sett {
    padding-left: 5px;
  }
  .height-boxes {
    padding: 10px;
    height: max-content;
    width: 100%;
  }
  .sz-pro {
    font-size: 12px;
    text-align: right;
    margin-bottom: 0px;
  }
  input.in-mobile {
    display: inline-block;
    width: 25px;
    height: 30px;
    border: none;
    font-size: 12px;
  }
  .mins,
  .pls {
    height: 30px;
    width: 25px;
    border: none;
    font-size: 12px;
  }
  .height-boxes {
    display: none;
  }
  .property-wrapper {
    border-radius: 5px;
    padding: 10px 5px;
    background-color: #fff;
  }
  .bread-crumb li a {
    color: rgb(97, 97, 97);
    font-size: 10px;
  }
  .name-of-product {
    font-size: 12px;
    line-height: 20px;
  }
  .colling-rt {
    border-right: none;
    background: #fbfbfb;
    padding: 10px;
    padding: 0px 8px;
  }
  .wrapp-rt h4 {
    font-size: 10px;
    margin-bottom: 0px;
  }
  #profile-description .text {
    margin-bottom: 5px;
    padding: 0 5px;
    position: relative;
    font-size: 12px;
    line-height: 28px;
    display: block;
    text-align: right;
    direction: rtl;
    text-align: justify;
  }
  .title-comments {
    display: flex;
    align-items: center;
    padding: 10px 0px;
  }
  .comment-wrappering {
    padding: 10px 10px;
  }
  .padding-tab {
    padding: 10px 15px;
  }
  .align-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    margin-bottom: 20px;
  }
  .navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 20000;
  }
  .user-menu:before {
    position: absolute;
    top: -16px;
    left: 72px;
  }
  .user-menu:after {
    position: absolute;
    top: -14px;
    left: 73px;
  }
  .half-banner-holder {
    height: 55px;
    width: 100%;
    border-radius: 0px;
    margin-top: 5px;
    width: 100%;
    object-fit: cover;
  }
  .header-scroll.secondary-nav .nav-link {
    padding: 6px 5px;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 2px;
  }
  .mp-non {
    padding-right: 0px !important;
    padding-left: 0px;
  }
  .dropdown li a {
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 5px;
    padding-bottom: 0px;
    font-size: 14px;
  }
  .logo-area {
    height: 40px !important;
    width: 100px;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 5px;
  }
  .name-content .name-brand {
    font-size: 8px;
  }
  #btn-toggle {
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
  }
  .smothcolor {
    height: 32px;
    font-size: 10px;
  }
  .smothcolor::placeholder {
    font-size: 10px;
    align-items: center;
  }
  .bg-rell {
    height: 32px;
    font-size: 14px;
    padding: 8px;
    padding-bottom: 5px;
  }
  .select-box-costumiz {
    width: 105px;
    border-radius: 4px;
    height: 32px;
    padding: 5px;
    font-size: 10px;
  }
  .fix-withen {
    width: 120px !important;
  }
  .close-all-category i {
    font-size: 22px;
  }
  .close-all-category {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    direction: ltr;
    cursor: pointer;
    margin-right: 8px;
  }
  .border {
    border: 1px solid #e7e7e7 !important;
  }
  .smothcolor {
    background-color: #f5f5f5;
  }
  .select-box-costumiz {
    background-color: #f5f5f5;
  }
  .selectBox__value {
    font-size: 12px;
  }
  .selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 8px;
    font-weight: normal;
    padding-right: 5px;
  }
  .fix-withen .dropdown-item {
    text-align: right;
    font-size: 10px;
  }
  .selectBox:after {
    opacity: 0.3;
  }
  .header-scroll.secondary-nav .submenu {
    display: none;
    position: absolute;
    right: -41px;
    top: 100%;
    width: 100%;
    height: 0;
    clear: both;
  }
  .header-scroll.secondary-nav .dropdown-item {
    display: block;
    font-size: 11px;
    font-weight: normal;
    width: auto;
    clear: inherit;
    padding: 8px;
  }
  .undo-menu {
    height: 55px;
  }
  .wrapp-second {
    display: flex;
    width: max-content;
    justify-content: flex-end;
    align-items: center;
  }
  .shopping-prev {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
  }
  .setting-height {
    height: 220px;
  }
  .d-mobile {
    display: none;
  }
  .fast-padding {
    padding: 0px 15px;
  }
  .as-wrapping {
    height: 90px;
    margin-top: 10px;
    padding: 10px 5px;
    justify-content: space-between !important;
  }
  .off-time {
    font-size: 16px;
    margin-bottom: 0px;
    padding: 7px 5px;
    border-radius: 24px 10px 0px 0px;
    padding-left: 17px;
    margin-bottom: -10px;
  }
  .nm-padd {
    padding: 0px;
  }
  .see-all-offer {
    display: block;
    align-items: center;
    justify-content: center;
  }
  .see-all-pros {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .see-btn {
    font-size: 10px;
    height: 33px;
    width: 105px;
    border-radius: 22px;
    padding: 1px 1px;
    font-weight: normal;
  }
  .imag-blue-box {
    height: 115px;
    width: 140px;
    object-fit: contain;
  }
  .cart-property {
    height: 200px;
    overflow: hidden;
  }
  .left-offer-box {
    padding: 15px 15px;
    direction: rtl;
    text-align: right;
    height: 300px;
    margin-bottom: 10px;
  }
  .lob-title {
    font-size: 12px;
    line-height: 30px;
  }
  .off-label {
    width: 100px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 26px;
  }
  .see-pros {
    width: 105px;
    border-radius: 18px;
    padding: 8px 14px;
    height: 35px;
    display: flex;
    justify-content: space-between;
  }
  .see-pros span {
    margin-left: 0px;
    font-size: 10px;
  }
  .see-pros i {
    font-size: 14px;
    /* height: 8px; */
    margin-top: 4px;
  }
  .persion-direction {
    direction: rtl;
    height: 715px;
    margin: 0px 0px;
    margin-bottom: 40px;
  }
  .mini-box-title {
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .right-box {
    padding: 12px 10px;
    direction: rtl;
    text-align: right;
    height: 210px;
  }
  .wrapping-mini-image {
    height: 75px;
    width: 85px;
    object-fit: contain;
  }
  .off-label {
    width: 70px;
    padding: 0px 0px;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0px;
    height: 22px;
  }
  .label-tag {
    margin-right: 6px;
  }
  .price-main {
    margin-top: 0px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    font-size: 10px;
    margin-bottom: 0px;
  }
  .price-main p {
    font-size: 12px;
  }
  .free-delivery {
    direction: rtl;
    display: flex;
    height: 22px;
    width: 75px;
    font-size: 8px;
    font-weight: normal;
    border-radius: 18px;
  }
  .free-delivery img {
    height: 14px;
    margin-left: 6px;
  }
  .see-all-products {
    width: 98px;
    border-radius: 18px;
    padding: 8px 2px;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
  }
  .line-liner {
    height: 0.5px;
    width: 39%;
  }
  .row-title {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: right;
  }
  .img-off {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .mini-offer-box-b {
    border-radius: 7px;
    height: 50px;
    width: 50px;
    padding-bottom: 10px;
    margin: 0px 2px;
    display: flex;
    justify-content: center;
  }
  .offer-box-title {
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .long-banner {
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    margin-top: 0px;
  }
  .long-banner img {
    border-radius: 4px;
  }
  .blue-o {
    margin-top: 5px;
  }
  .blue-o .full-width .col-xl-2.col-lg-4.col-md-4.col-6 {
    padding: 5px;
    margin-bottom: 0px !important;
  }
  .mobile-space-control {
    padding: 0px 15px;
  }
  .shapes-svg {
    margin-top: 30px !important;
    background-position: 0 0;
    background-size: cover;
    padding: 30px 20px;
    direction: rtl;
    transition: linear 0.4s;
    margin-bottom: 30px;
  }
  .line-liner-2 {
    height: 0.5px;
    width: 32%;
  }
  .tab-links {
    font-weight: normal;
    font-size: 10px;
  }
  .see-same {
    padding: 0px;
    display: flex;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    margin-right: 5px;
  }
  .section-title h4 {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0px;
  }
  .nav-link {
    display: block;
    padding: 5px 5px;
  }
  .section-title h4::after {
    position: absolute;
    content: "";
    bottom: -28px;
    left: 0;
    height: 3px;
    width: 100%;
  }
  .space-x {
    margin: 10px 0px;
    margin-top: 10px;
  }
  .setting-padding {
    padding: 0px 0px;
  }
  .blue-o {
    padding: 20px 15px;
    padding-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
  }
  .cart-vip {
    padding: 5px;
  }
  .vip-wrapper {
    padding: 10px 5px;
    height: 300px;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .vip-img {
    width: 100%;
    height: 135px;
    object-fit: contain;
    border-radius: 10px;
    padding: 0px 15px;
  }
  .vip-title {
    font-size: 10px;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
    line-height: 20px;
    padding: 0px 5px;
    height: 60px;
    overflow: hidden;
  }
  .free-l-vip {
    width: max-content;
    padding: 2px 8px;
    border-radius: 15px;
    margin: 5px;
    display: flex;
    align-items: center;
    color: #fff;
  }
  .reverse {
    margin-top: 10px;
    padding: 0px 10px;
  }
  .count-downer > div.no-padding {
    padding-left: 0px;
  }
  .right-padding-counter {
    padding-right: 8px;
  }
  .name-pro {
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 5px;
    height: 63px;
    overflow: hidden;
  }
  .imge-wrapper {
    height: 120px;
    padding: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .cart-pro {
    margin: 0px 0px;
    border-radius: 12px;
    height: 300px;
    padding: 15px 15px;
  }
  .three-banner {
    width: 100%;
    height: 60px;
    border-radius: 6px;
    overflow: hidden !important;
  }
  .mobile-banner {
    height: 100px !important;
  }
  .re-padding {
    padding: 0px 18px;
  }
  .see-padding {
    padding: 0px 5px;
    margin-bottom: 10px;
  }
  .glass-title {
    display: none;
  }
  .img-brand {
    height: 30px;
    width: 48px;
    object-fit: contain;
  }
  .brand-title {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
  }
  .brand-row {
    padding: 25px 0px;
    padding-right: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .footer-design {
    margin-top: 35px;
    padding: 30px 10px;
  }
  .bi-wrapper {
    height: 30px;
    width: 30px;
    object-fit: contain;
  }
  .warranty-title {
    font-size: 8px;
    margin-top: 15px;
    text-align: center;
  }
  .footer-social-icon {
    margin-bottom: 5px;
  }
  .late-p {
    font-size: 12px;
  }
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
  .sm-title {
    text-align: right;
    direction: rtl;
    font-size: 14px;
    font-weight: normal;
    border-top: none;
    padding-top: 5px;
    margin-top: 5px;
  }
  .footer-design {
    margin-top: 35px;
    padding: 4px 30px;
  }
  .deleting {
    margin-top: 0px;
    display: flex;
    justify-content: center;
  }
  .half-cart-visit {
    margin-top: 0px !important;
  }
  .button-mobiles {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .in-cart-button {
    padding: 10px;
  }
  .half-cart-visit {
    border-left: none;
    display: flex !important;
    justify-content: center !important;
  }
  .in-your-cart {
    padding: 5px;
    box-shadow: none;
    height: max-content;
    border-radius: 6px;
  }
  .warranty-boxes {
    display: flex;
    justify-content: space-between;
  }
  .each-boxes {
    width: 20%;
    flex-direction: column;
    display: flex;
    align-items: center;
    background: rgba(249, 249, 249, 0.968627451);
    margin: 12px 3px;
    padding: 5px 5px;
    border-radius: 7px;
    height: 53px;
    justify-content: center;
  }
  .owl-next > span {
    font-size: 22px !important;
    font-family: monospace !important;
    -webkit-fontfamily: monospace !important;
    position: relative !important;
    top: -6.3px !important;
    right: 1px !important;
  }
  .silc--item {
    display: none;
  }
  .slider-nav .item-slick {
    display: none;
  }
  .slick-prev {
    left: -25px;
  }
  .slick-next {
    right: 8px;
    width: 32px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/next.webp);
    background-size: 30px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-prev {
    left: 8px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/prev.webp);
    background-size: 29px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-next:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .slick-prev:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
}
@media only screen and (min-width: 360px) and (max-width: 473px) {
  .medium-padding {
    padding: 0px 9px;
  }
  .blue-o {
    padding: 20px 10px;
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .main-layer {
    padding: 0 10px;
  }
  .margin-banner {
    margin-top: 1px !important;
    padding: 10px 10px;
  }
  .small-padding {
    padding: 0px 0px;
  }
  .cart-property {
    height: 228px;
    overflow: hidden;
  }
  .wrapping-mini-image {
    height: 60px;
    width: 50px;
    object-fit: contain;
  }
  .fast-padding {
    padding: 0px 15px;
  }
  .mini-offer-box {
    background: rgba(3, 6, 12, 0.1098039216);
    box-shadow: 0 3px 6px rgba(120, 117, 117, 0.08), 0 3px 6px rgba(147, 147, 147, 0.08);
    border-radius: 7px;
    height: 78px;
    width: 45px;
    padding-bottom: 20px;
    margin: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .img-off {
    height: 65px;
    width: 35px;
    object-fit: contain;
  }
  .wrapping-larg-view.margin-banner {
    padding: 10px 0px;
  }
  .section-title h4 {
    display: none;
  }
  .form-tab .search-field {
    width: 95%;
    height: calc(var(--sh) - 32px);
    background: transparent;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: #eff4ff;
  }
}
/*iphon 8,X,XS,11,12*/
@media (max-width: 480px) {
  .free-delivery-box {
    height: 60px;
    background-size: 65px;
    padding: 15px 10px;
    margin-bottom: 15px;
    font-size: 12px;
  }
  .stock-product {
    padding: 7px 18px;
  }
  .stock-product h4 {
    font-size: 12px;
  }
  .wtp-img {
    height: 35px;
    width: 40px;
  }
  .whatsapp-alert h4 {
    font-size: 12px;
  }
  .stock-alert span {
    font-size: 10px;
  }
  .right-padding-counter {
    padding-right: 5px;
  }
  .stock-badge img {
    height: 12px;
    width: 12px !important;
  }
  .stock-badge {
    left: -8px;
    top: 90px;
  }
  .stock-badge {
    position: absolute;
    text-align: center;
    line-height: 50px;
    width: 76px;
    height: 22px;
    display: flex;
    align-items: center;
  }
  .offering-lable {
    height: 15px;
    padding: 2px 5px;
    padding-top: 3px;
  }
  .d-flex.justify-content-between.align-items-center .offer-box-title {
    font-size: 12px;
  }
  .free-shiping-label {
    width: 75px;
    padding: 0px 7px;
    height: 20px;
  }
  .free-dell {
    font-size: 8px;
  }
  .stock-badge {
    line-height: 42px;
    width: 50px;
    height: 15px;
  }
  .stock-badge span {
    font-size: 8px;
  }
  .col-lg-2 > .offer-box-title {
    display: none;
  }
  .see-btn i {
    font-size: 8px;
  }
  .mobile-banner {
    padding: 0px 5px !important;
  }
  .colorpicker li.active {
    outline: 2px solid #b6d9ff;
  }
  .colorpicker li {
    outline: 2px solid #b6d9ff;
  }
  .carousel-indicators {
    display: none !important;
  }
  .name-ppc {
    font-weight: normal;
  }
  .steping-numc {
    margin-top: 0px;
  }
  .name-detail {
    margin-top: 0px;
  }
  .bundle-alert {
    display: none;
  }
  .header-alt {
    height: 85px;
  }
  .silc--item {
    display: none;
  }
  .slider-nav .item-slick {
    display: none;
  }
  .slick-prev {
    left: -25px;
  }
  .slick-next {
    right: 8px;
    width: 32px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/next.webp);
    background-size: 30px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-prev {
    left: 8px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: url(../../assets/images/icons/prev.webp);
    background-size: 29px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    background-repeat: no-repeat;
  }
  .slick-next:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .slick-prev:before {
    content: "➜";
    font-size: 73px;
    color: #fff;
  }
  .silc--nav-item {
    height: 60px;
    width: 60px;
    object-fit: contain;
    border-radius: 10px;
    padding: 8px;
  }
  .slider-nav {
    margin: 0px;
    width: 318px !important;
  }
  .bundle-caption-area {
    margin-bottom: 50px;
  }
  .video-bar {
    height: 50px;
    width: 50px;
    margin-left: 1px;
    margin-right: 6px;
  }
  .bundle-wrapp-box {
    border-radius: 8px;
    margin-bottom: 15px;
    margin-top: 18px;
  }
  .header-bundle-caption {
    position: absolute;
    display: flex;
    flex-direction: row;
    direction: rtl;
    justify-content: flex-end;
    top: -52px;
    padding-top: 12px;
    right: 18px !important;
    padding-left: 40px;
    z-index: -1;
  }
  #back-to-top {
    position: fixed;
    bottom: 77px;
    right: 8px;
    z-index: 9999;
    width: 36px;
    height: 36px;
  }
  .wrapping-brands {
    border-radius: 8px;
    margin-bottom: 15px;
    height: auto;
    padding: 12px 0px;
  }
  .bundle-icon {
    padding-left: 10px;
  }
  .bundle-cp-box p {
    font-size: 11px;
    text-align: justify;
  }
  .see-all-property {
    direction: rtl;
    font-size: 10px;
    padding: 0px 5px;
    padding-right: 7px;
    color: #000000;
  }
  .header-bundle-caption span {
    font-size: 14px;
    font-weight: 600;
    color: #ff4d00;
    position: relative;
    right: -18px;
    top: -12px;
    padding-top: 0px;
    padding: 8px 12px;
    padding-left: 3px;
    height: 44px;
    background: #ffeed2;
    -webkit-transform: skew(26deg);
    -moz-transform: skew(26deg);
    -o-transform: skew(26deg);
    transform: skew(26deg);
    border-top-right-radius: 10px;
  }
  .all-property-btn i {
    color: #d90429;
    font-size: 10px;
  }
  .property-li {
    direction: rtl;
    text-align: right;
    padding: 0px 20px !important;
    width: 100%;
    margin-bottom: 0px;
  }
  .b--name h2 {
    font-size: 12px;
    line-height: 20px;
  }
  .header-bundle-caption h4 {
    margin-bottom: 0px;
    margin-right: -14px;
    font-size: 10px;
    font-weight: 600;
  }
  .b--img {
    height: 70px;
    width: 60px;
    object-fit: contain;
    margin-left: 10px;
  }
  .name--product-gallery {
    direction: rtl;
    text-align: right;
    padding: 0px;
  }
  .galleryContainer #smallSlidesContainer .smallSlides {
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 6px;
    border-radius: 6px;
    margin: 1px;
    cursor: pointer;
    opacity: 1.9;
    overflow: hidden;
  }
  .galleryContainer #smallSlidesContainer {
    width: 100%;
    height: 15%;
    text-align: center;
    padding-top: 5px;
    display: flex;
    box-sizing: border-box;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: end;
    padding-right: 0px;
  }
  .name--product-gallery h1 {
    font-size: 12px;
    font-weight: 600;
  }
  .galleryContainer {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    user-select: none;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    flex-direction: column-reverse;
    border-radius: 10px;
  }
  .right-navs {
    display: flex;
    justify-content: flex-start !important;
  }
  .galleryContainer .slideShowContainer {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
  }
  .share-buttons {
    top: 102px;
    right: 8px;
  }
  .product--img {
    width: 100%;
    padding: 0px 25px;
    height: 220px;
    object-fit: contain;
  }
  .slider-nav .item-slick {
    margin-right: 2px;
    outline: none !important;
    cursor: pointer;
  }
  .silc--nav-item {
    height: 60px;
    width: 60px;
    object-fit: contain;
    border-radius: 10px;
    padding: 8px;
  }
  .cp-caption h4 {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    word-break: break-all;
    width: 140px;
    text-align: center;
  }
  .product-name-share h4 {
    font-size: 10px;
    margin-top: 5px;
    line-height: 24px;
  }
  .more--capt p {
    font-size: 10px;
    text-align: right;
    line-height: 20px;
  }
  .cp-caption {
    width: fit-content;
    text-align: right;
    display: flex;
    height: 59px !important;
    width: max-content;
    align-items: center;
    justify-content: space-between;
  }
  .share-vectore-btns {
    margin-top: 20px;
  }
  .share-product {
    height: 288px;
    background-image: url(../../assets/images/vectors/share.webp);
    background-size: 100px;
  }
  .reply-comment {
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 15px;
    outline: none !important;
  }
  .box-support {
    padding: 20px 20px;
    margin: 0px 0px;
    margin-top: 15px;
    height: 350px;
    background-size: 90px;
  }
  .share-link-title {
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
  }
  .table-wrapper th,
  .table-wrapper td {
    height: 59px;
    overflow: hidden;
    padding: 9px 10px;
    font-size: 12px;
  }
  .certi-title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 13px;
  }
  .support-tell span {
    font-weight: normal;
    font-size: 12px;
  }
  .see-all-category {
    padding: 5px 12px;
    font-size: 10px;
  }
  .each-collapse {
    margin-bottom: 0px;
  }
  .contact-iframe iframe {
    height: 185px;
  }
  .support-div p {
    font-size: 11px;
  }
  .follow-now {
    height: 172px;
    padding: 10px 25px;
    margin-top: 12px;
  }
  .contact-form-btn {
    margin-top: 25px;
    font-size: 12px;
  }
  .adress-box p {
    text-align: right;
    font-size: 12px;
  }
  .contact-feild input {
    height: 45px;
  }
  .contact-feild input::placeholder {
    font-size: 12px;
  }
  .wrapp-form p {
    font-size: 11px;
  }
  .support-btn {
    font-size: 10px;
  }
  .mini-line-2 {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    margin-top: 1px;
  }
  .be-custumer h3 {
    font-size: 14px;
  }
  .mini-div {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    margin-top: 3px;
  }
  .collapse-panel li {
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .collapse-panel ul {
    padding-right: 0px;
  }
  .social-bar {
    margin-top: 25px;
    direction: rtl;
    padding: 0px;
  }
  .si-holder i {
    font-size: 16px;
  }
  .line-sbox {
    display: flex;
    margin-top: 12px;
  }
  .follow-now h3 {
    font-size: 14px;
  }
  .si-holder {
    height: 40px;
    width: 40px;
  }
  .be-custumer p {
    margin-top: 30px;
    font-size: 10px;
    margin-top: 3px;
    line-height: 22px;
    text-align: justify;
  }
  .border-here h2 {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
    padding: 0px 15px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .fi-hold {
    height: 50px;
    width: 50px;
    object-fit: contain;
    padding: 12px;
    margin-bottom: 10px;
  }
  .faq-section {
    padding: 15px;
  }
  .faq-header-section {
    height: 140px;
    padding: 20px;
    margin-bottom: 20px;
  }
  .collapse-panel p {
    font-size: 10px;
    line-height: 22px;
  }
  .qn-title {
    margin-right: 10px;
  }
  .collapse-holder {
    padding: 15px;
    margin-top: 0px;
  }
  .holder-qn {
    margin-bottom: 0px;
    font-size: 14px;
    padding: 5px 9px;
  }
  .qn-title {
    font-size: 10px;
  }
  .fh-title {
    font-size: 10px;
  }
  .border-here h3 {
    font-size: 12px;
    padding: 10px 20px;
    color: #fff;
    text-align: justify;
    line-height: 22px;
    direction: rtl;
  }
  .count-digit {
    font-size: 12px;
  }
  .red-back {
    padding: 0px;
  }
  .aboutus-page {
    padding: 15px;
  }
  .be-custumer {
    height: 250px;
    padding: 10px 25px;
    margin-top: 5px;
    border-radius: 8px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .header-scroll.secondary-nav .dropdown-item {
    display: block;
    font-size: 10px;
    font-weight: normal;
    width: auto;
    clear: inherit;
    padding: 8px 8px;
  }
  .brod-c {
    padding: 10px 10px;
    min-height: 70px;
    max-height: fit-content;
    display: flex;
    flex-wrap: wrap;
  }
  .show-reasult {
    padding: 0px 12px;
  }
  .brod-c a {
    font-size: 10px;
  }
  .form-container .form-tab {
    width: 98%;
    height: calc(var(--sh) - 20px);
  }
  .form-tab .search-btn p {
    cursor: pointer;
    color: #000;
    padding: 0px;
    font-size: 9px;
    text-align: center;
  }
  .form-tab .search-field .search-placeholder {
    position: absolute;
    top: 1px;
    z-index: 1;
    right: 4px;
    color: #6e80a5;
    opacity: 0.8;
    font-size: calc(var(--fs) / 1.1);
    font-size: 9px;
  }
  .menu-god {
    direction: rtl;
    display: flex;
    margin-top: -2px;
    align-items: center;
  }
  .form-tab .search-field {
    width: 95%;
    height: calc(var(--sh) - 28px);
    background: transparent;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
  }
  .form-container {
    border-radius: 3px;
    margin-top: -3px;
    width: 95%;
    height: 33px;
  }
  .nshow-mobile {
    display: none;
  }
  .ordering {
    font-size: 11px;
  }
  .gw-title {
    font-size: 12px;
    margin: 0px 15px;
    margin-bottom: 0px;
    line-height: 25px;
  }
  .deleting {
    margin-top: 0px;
    display: flex;
    justify-content: center;
  }
  .offer-tags {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
  .each-property span {
    font-size: 12px;
    margin-left: 5px;
  }
  .each-property strong {
    font-size: 12px;
  }
  .each-btn button {
    border: none;
    font-size: 12px;
    padding-right: 0px;
  }
  .date-payment {
    min-width: 150px;
  }
  .user-menu {
    position: absolute;
    left: -54px;
    width: 295px;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px;
    z-index: 1000 !important;
  }
  .ml-min {
    margin-left: -11px;
  }
  #closeBtn {
    display: none;
    position: absolute;
    top: 20px;
    right: 0px;
    margin-right: 335px;
    color: white;
    font-size: 26px;
    cursor: pointer;
    z-index: 75;
    transform: translateY(-5px);
    transition: visibility 0.5s;
  }
  .form-tab .search-btn {
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: calc(var(--fs) / 1.2);
    width: max-content;
    height: 20px;
    background: transparent;
    margin-top: 0px;
    display: flex;
    padding-left: 0px;
    justify-content: end;
    padding: 5px;
  }
  .badge-numbric {
    position: absolute;
    top: 5px;
    margin-left: 18px;
    background: #d90429;
    min-width: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 16px;
    color: #fff;
    font-size: 9px;
    text-align: center;
  }
  .footer-design {
    margin-top: 15px;
    padding: 4px 20px;
  }
  .footer-widget {
    padding: 15px 5px;
  }
  .blue-section-mobile {
    padding: 0px 15px;
  }
  .brand-padding {
    padding: 10px 0px !important;
  }
  .brans-title {
    padding: 0;
  }
  .blue-o {
    background-color: #eaf0ff;
    padding: 10px 12px;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  .two-back {
    margin-top: 0px;
  }
  .offer-box-title {
    font-size: 10px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .footer-content {
    position: relative;
    z-index: 2;
    padding-top: 25px !important;
  }
  .each-boxes {
    width: 25%;
    flex-direction: column;
    display: flex;
    align-items: center;
    background: rgba(249, 249, 249, 0.968627451);
    margin: 12px 3px;
    padding: 5px 5px;
    border-radius: 7px;
  }
  .height-boxes {
    margin: 0px;
  }
  .order-mb-thr {
    padding: 0px;
  }
  .warranty-title {
    font-size: 8px;
    margin-top: 5px;
    font-weight: normal;
    text-align: center;
  }
  .bi-wrapper {
    height: 25px;
    width: 25px;
    object-fit: contain;
  }
  .comment-title {
    direction: rtl;
    text-align: right;
    display: flex;
    align-items: center;
    margin-left: 0px;
  }
  .similar-caption {
    line-height: 20px;
    font-size: 10px;
    text-align: right;
    color: rgba(0, 0, 0, 0.632);
  }
  .rate-star span {
    color: #4c4c4c;
    font-size: 10px;
  }
  .comment-title span {
    color: #4c4c4c;
    font-size: 10px;
  }
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
  .no-share {
    display: block;
  }
  .flex-share {
    display: flex !important;
  }
  .bluar .tt-pr {
    display: flex;
    margin-top: 0px;
  }
  .bluar .title-pricing {
    padding-top: 0px;
    margin-top: 0px;
    border-top: none;
    margin-bottom: 5px;
  }
  .row.product-div.right-design {
    margin-top: 0;
  }
  .bluar .off-prods {
    padding: 1px 12px;
    border-radius: 10px;
    font-size: 12px;
    height: 20px;
    padding-bottom: -1px;
    font-weight: normal;
    margin-right: 30px;
  }
  .padding-tab {
    padding: 10px 10px;
  }
  .flowing-mob {
    display: block;
  }
  .fix-padding-r {
    padding: 0px 30px;
  }
  .fix-padding-l {
    padding: 0px 30px;
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
  }
  #scroll {
    position: fixed;
    z-index: 10;
    right: 10px;
    bottom: 72px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
  }
  .fix-button {
    position: fixed;
    width: 100%;
    bottom: 0px;
    right: 0px;
    z-index: 100;
    padding: 15px 5px;
    background: #f3f3f3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  }
  .subscribe-form button {
    position: absolute;
    left: 7px;
    padding: 6px 12px;
    top: 6px;
    height: 38px;
    border-radius: 8px;
  }
  .bluar {
    margin-top: 0px;
    height: 40px;
    padding-right: 5px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: flex-start;
  }
  .bluar .totla-price {
    margin-left: 5px;
    margin-bottom: 0px;
    font-size: 18px;
  }
  .add-cart-mobile {
    padding: 0px;
    height: 40px;
    font-size: 12px;
    padding-right: 5px;
    width: 100%;
    direction: rtl;
    border: none;
    color: #fff;
    border-radius: 7px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    background: #d90429;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .add-cart-mobile:hover {
    color: #000;
    background-color: #d90429;
  }
  .shp-crt {
    height: 15px;
  }
  .bread-crumb {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
  }
  .left-padding-sett {
    padding-right: 5px;
  }
  .right-padding-sett {
    padding-left: 5px;
  }
  .height-boxes {
    padding: 10px;
    height: max-content;
    width: 100%;
  }
  .sz-pro {
    font-size: 10px;
    text-align: right;
    margin-bottom: 0px;
  }
  input.in-mobile {
    display: inline-block;
    width: 25px;
    height: 30px;
    border: none;
    font-size: 12px;
    background-color: rgb(242, 242, 242);
  }
  .mins,
  .pls {
    height: 30px;
    width: 25px;
    background-color: rgb(255, 209, 166);
    border: none;
    font-size: 12px;
  }
  .height-boxes a > p {
    font-size: 10px;
  }
  .name-similar {
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
  }
  .sm-title {
    text-align: right;
    direction: rtl;
    font-size: 12px;
    font-weight: normal;
    border-top: none;
    padding-top: 0px;
    margin-top: 5px;
  }
  .property-wrapper {
    border-radius: 5px;
    padding: 10px 15px;
  }
  .bread-crumb li a {
    color: rgb(97, 97, 97);
    font-size: 8px;
    line-height: 18px;
    word-break: break-all;
    line-break: brea;
  }
  .property-li li {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .bg-setter {
    border-radius: 5px;
    padding: 10px 15px;
  }
  .wrappnig-names {
    border-radius: 0px 0px 5px 5px;
    padding: 0px 10px;
    margin: 0px 0px;
    background-color: #fff;
  }
  .color-picker {
    margin: 10px 0px;
    background: #fff;
    border-radius: 5px;
    padding: 15px 10px;
    font-size: 10px;
  }
  .colorpicker li.active:after {
    left: -1px;
    top: 8px;
    opacity: 1;
  }
  .colors-title h6 {
    font-size: 12px;
  }
  .product-div {
    background: transparent;
    border-radius: 10px;
    margin-top: 0px;
    padding: 0px;
  }
  .small-padding {
    padding: 0px 15px;
  }
  .color-result {
    font-size: 12px;
  }
  .colorpicker li {
    font-size: 16px;
    height: 25px;
    width: 25px;
  }
  .order-mb-first {
    border-radius: 5px 5px 0px 0px;
    padding-top: 15px;
    background: #fff;
    border-radius: 8px;
    width: 100vw;
    overflow: h;
    overflow: hidden;
  }
  .name-of-product {
    font-size: 12px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .button-modals-area {
    display: flex;
    margin-right: 8px;
  }
  .colorpicker li {
    margin: 6px;
  }
  .latin-name {
    font-size: 10px;
    margin-top: 0px;
    font-weight: lighter;
  }
  .align-metric {
    padding: 0px;
  }
  .colling-rt {
    border-right: none;
    padding: 10px;
    padding: 0px 8px;
  }
  .rate-core {
    font-weight: normal;
    font-size: 10px;
  }
  .like-it {
    font-size: 10px;
  }
  .wrapping-ht {
    padding: 5px 8px;
    font-size: 10px;
  }
  .bar-rating__active {
    margin-top: 7px;
    height: 6px;
    width: 175px;
    border-radius: 10px;
    animation: progress 0.8s cubic-bezier(0, 0, 0.3, 1);
    margin-bottom: 5px;
  }
  .bar-rating {
    height: 6px;
    width: 100%;
    border-radius: 10px;
    margin-top: 7px;
    margin-bottom: 5px;
  }
  .mario-space {
    margin-top: 10px;
  }
  .mario-bb {
    margin-bottom: 5px;
  }
  .select-box-customer {
    border-radius: 4px;
    height: 30px;
  }
  .comme-line {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 0px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
  }
  #profile-description .show-more-height {
    height: 82px;
    overflow: hidden;
    font-size: 10px;
  }
  .align-metric {
    border-radius: 5px !important;
    margin-bottom: 20px;
  }
  .no-ground {
    background: transparent !important;
  }
  .sett-padding-title {
    padding: 5px 30px;
  }
  .br-sett {
    height: 60px;
    border-radius: 5px;
    margin-bottom: 12px;
    object-fit: cover;
    width: 100%;
  }
  .br-sett img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .wrapp-tab {
    padding: 10px 5px;
  }
  .box-support {
    margin: 25px 0px;
    height: 270px;
  }
  .product-banner-left,
  .product-banner-right {
    padding: 0px 20px;
  }
  .my-product {
    border-radius: 5px;
    margin-top: 0px !important;
    padding-top: 20px !important;
    padding-bottom: 20px;
  }
  .my-tabs .nav-link.active,
  .my-tabs .nav-item.show .nav-link {
    border-bottom: 3px solid;
    font-size: 12px;
  }
  .my-tabs .nav-link {
    font-size: 10px;
  }
  .wrapp-console {
    margin: 0px 0px;
    margin-bottom: 10px;
    font-weight: normal;
  }
  .wt-pt p {
    font-size: 10px;
    font-weight: 500;
  }
  .cc-pt p {
    font-size: 10px;
  }
  .alls a {
    font-size: 10px;
  }
  .nm-name {
    font-size: 10px;
    display: block;
    margin-top: 15px;
  }
  .expander_button {
    border: none;
    width: 85px;
    height: 30px;
    border-radius: 4px;
  }
  .customer {
    padding: 10px 0px;
    padding-bottom: 10px;
  }
  .wrapp-rt h4 {
    font-size: 10px;
    margin-bottom: 0px;
  }
  .my-tabs {
    justify-content: flex-start;
    direction: rtl;
    padding: 0px 0px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(78, 78, 78, 0.1803921569);
  }
  .navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0 !important;
    text-align: center;
    z-index: 20000;
  }
  .custom {
    text-align: right;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .my-tabs {
    border-bottom: none;
  }
  .slick-track {
    opacity: 1;
    height: fit-content;
    transform: translate3d(0px, 0px, 0px);
    display: flex;
    width: 207px;
    /* max-width: 100vw !important; */
  }
  .more-gallery .images-count {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 5px;
  }
  .video-bar h4 {
    font-size: 8px;
    margin-bottom: 0px;
  }
  .qr-hold {
    width: 53px;
    height: 53px;
    right: 0;
    top: 3%;
    border: 1px solid #fff;
    border-radius: 6px;
    position: absolute;
  }
  .bundle-icon h6 {
    font-size: 10px;
    font-weight: normal;
  }
  .name-pib p {
    font-size: 11px;
    height: 40px;
    overflow: hidden;
  }
  .summery-off {
    display: flex;
    background: #ffdead;
    padding: 2px 5px;
    border-radius: 4px;
  }
  .bundle-logo-holder {
    height: 70px !important;
    width: 57px !important;
    padding: 6px;
    margin-left: 8px;
    border-radius: 6px;
  }
  .summery-header p {
    font-weight: 600;
    font-size: 14px;
  }
  .summery-pack {
    width: 100%;
    height: 145px;
    margin: 10px;
    border-radius: 8px;
    padding: 15px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .product-item-bundle {
    width: 152px;
    margin: 10px;
    padding: 0px 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }
  .round-products {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
  }
  .img-pib {
    height: 80px;
    width: 100%;
    object-fit: contain;
    position: relative;
    padding: 5px;
  }
  .bundle-icon img {
    height: 20px;
    padding-left: 0px;
  }
  .logo-area a {
    height: 27px;
    width: 145px;
  }
  .bundle-name {
    background: none !important;
    position: relative;
    right: -21px;
    top: 9px;
    height: auto;
    padding: 5px 10px;
    border-radius: 5px;
    border-top-right-radius: 0px;
  }
  #socialBar .share-ico {
    color: #3f4064 !important;
    padding: 8px 8px !important;
  }
  .half-banner-holder img {
    border-radius: 4px;
  }
  .three-banner img {
    border-radius: 4px;
  }
  .offer-main-page .title-box {
    padding: 0px !important;
  }
  .modal-title {
    margin-top: 50px;
    font-size: 12px !important;
  }
  .main-video-caption h4 {
    font-size: 12px;
    margin: 10px 0px;
    font-weight: normal;
  }
  .main-video-caption p {
    line-height: 25px;
    font-size: 10px;
  }
  #socialBar {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 30px;
    width: 30px;
    display: flex;
    flex-direction: column;
    border: none;
  }
  #social-bar.active {
    background: #eff4ff;
  }
  #socialBar .share-padding {
    color: #3f4064 !important;
    padding: 10px !important;
  }
  button#socialBar {
    padding: 0px;
    font-size: 14px;
  }
  .like-it-btn {
    height: 30px;
    width: 30px;
    top: 142px;
    right: 7px;
    font-size: 10px;
    border: none;
  }
  .like-it-btn a i {
    color: #4c4c4c !important;
  }
  .pdf a i {
    color: #4c4c4c !important;
  }
  .pdf {
    height: 30px;
    width: 30px;
    top: 180px;
    right: 8px;
    font-size: 10px;
    border: none;
  }
  .see-video {
    font-size: 14px;
    color: #ff4d00;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    position: absolute;
    top: -16px;
    right: -12px;
    justify-content: center;
    width: 50px;
  }
  .product-image-carousels {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
  }
  #socialBar .share-padding {
    color: #4c4c4c !important;
    padding: 6px !important;
    font-size: 18px;
  }
  .user-menu:before {
    position: absolute;
    top: -16px;
    left: 48px;
  }
  .user-menu:after {
    position: absolute;
    top: -14px;
    left: 49px;
  }
  .mini-name {
    font-size: 12px;
    text-align: right;
    line-height: 22px;
  }
  .new-adding input.res {
    width: 40px;
    height: 25px;
  }
  .mini-product-img {
    height: 60px !important;
    width: 60px !important;
    object-fit: contain;
  }
  .new-adding .pls {
    height: 25px;
    width: 25px;
    border: none;
    font-size: 14px;
  }
  .new-adding .mins {
    height: 25px !important;
    width: 25px !important;
    border: none;
    font-size: 18px;
  }
  .logo-area {
    height: 30px !important;
    width: 90px;
    margin-left: 0px;
    margin-top: 1px;
  }
  .close-all-category i {
    font-size: 18px;
    margin-top: 0px;
  }
  .search-area::placeholder {
    font-size: 10px;
  }
  .smothcolor {
    height: 30px;
    font-size: 8px;
  }
  .bg-rell {
    height: 30px;
    font-size: 12px;
    padding: 8px;
  }
  .smothcolor {
    height: 30px;
    font-size: 8px;
    padding: 5px;
  }
  .dropdown li a {
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 3px 4px;
    padding-bottom: 0px;
    font-weight: normal;
    font-size: 10px;
    width: max-content;
  }
  .mini-chev {
    font-size: 6px;
    margin-right: 2px;
  }
  .header-scroll.secondary-nav .nav-link {
    padding: 4px 4px;
    font-size: 10px;
    padding-bottom: 2px;
  }
  .carousel-indicators li.active {
    height: 3px;
  }
  .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 3px;
  }
  .select-box-costumiz {
    width: 102px;
    border-radius: 4px;
    height: 30px;
    padding: 5px;
    font-size: 10px;
  }
  .undo-menu {
    margin-top: 0px;
    margin-bottom: 2px;
    height: 63px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .wrapp-second {
    display: flex;
    width: max-content;
    justify-content: flex-end;
    align-items: center;
    margin-right: 44px;
  }
  .smothcolor:placeholder {
    font-size: 10px;
  }
  .register {
    margin: 0px 5px;
    margin-left: 0px;
    padding-left: 5px;
  }
  .login {
    padding-right: 6px;
  }
  .nav-toggle::before {
    content: "";
    position: absolute;
    right: -5px;
    width: 17px;
    height: 1px;
    border-radius: 10px;
    tab-size: 10px;
    block-size: 2px;
  }
  .padding-lost {
    padding: 0px 6px;
  }
  .menu-design {
    margin-top: 0px;
    padding: 0px 0px;
    border-radius: 5px;
  }
  .smothcolor::placeholder {
    font-size: 8px !important;
  }
  .navigation-portrait {
    height: 35px;
  }
  .selectBox:after {
    opacity: 0.2;
  }
  .undo-menu {
    margin-top: 0px;
    margin-bottom: 2px;
    height: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .setting-height {
    height: 110px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
  }
  .setting-height img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .as-wrapping {
    height: 60px;
    padding-left: 3px;
    justify-content: space-between !important;
  }
  .margin-banner {
    margin-top: 2px !important;
  }
  .img-off {
    height: 40px;
    width: 40px;
    object-fit: contain;
  }
  .mini-offer-box {
    border-radius: 7px;
    height: 40px;
    width: 40px;
    padding-bottom: 19px;
    margin: 0px 0px;
    display: flex;
    justify-content: center;
  }
  .see-btn span {
    margin-left: 3px;
  }
  .see-btn {
    font-size: 7px;
    width: 66px;
    height: 19px;
    border-radius: 12px;
    padding: 2px 0px;
    font-weight: normal;
  }
  .off-time {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: -15px;
    text-align: right;
  }
  ul.countdown > li {
    position: relative;
    height: 28px;
    width: 28px;
    border-radius: 4px;
    display: inline-block;
    margin: 5px;
    overflow: hidden;
  }
  ul.countdown > li > span {
    height: 28px;
    width: 28px;
    font-size: 10px;
  }
  .count-downer {
    display: flex;
    align-items: center;
    margin-top: 0px;
  }
  .medium-padding {
    padding: 0px 15px;
  }
  .lob-title {
    font-size: 10px;
    line-height: 30px;
  }
  .off-label {
    width: 58px;
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0px;
    height: 16px;
    font-size: 8px;
  }
  .late-p {
    font-size: 12px;
  }
  .imag-blue-box {
    height: 100px;
    width: 100px;
    object-fit: contain;
  }
  .cart-property {
    height: 190px;
    overflow: hidden;
  }
  .see-pros {
    width: 90px;
    border-radius: 18px;
    padding: 5px 10px;
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2px;
  }
  .left-offer-box {
    padding: 20px 15px;
    direction: rtl;
    text-align: right;
    height: 215px;
    margin-bottom: 10px;
  }
  .mini-box-title {
    font-size: 10px;
    font-weight: normal;
    line-height: 17px;
    height: 50px;
    margin-bottom: 0px;
    overflow: hidden;
  }
  .free-delivery {
    padding: 0px 0px;
    text-align: center;
    border-radius: 18px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 16px;
    font-size: 8px;
  }
  .price-main span {
    margin-right: 2px;
  }
  .wrapping-mini-image {
    height: 70px;
    width: 70px;
    padding: 5px;
    object-fit: contain;
  }
  .right-box {
    padding: 7px 7px;
    direction: rtl;
    text-align: right;
    height: 165px;
  }
  .price-main {
    margin-top: 0px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    font-size: 8px;
    margin-bottom: 0px;
  }
  .vip-accounts {
    font-size: 8px;
  }
  .vip i {
    font-size: 8px;
    margin-left: 5px;
  }
  .late-p {
    font-size: 12px;
  }
  .half-banner-holder {
    height: 50px;
    width: 100%;
    border-radius: 4px;
    margin-top: 12px;
  }
  .half-banner-holder img {
    border-radius: 5px;
  }
  .left-banner-medium {
    background-size: cover;
    background-position: center;
  }
  .right-banner-medium {
    background-size: cover;
    background-position: center;
  }
  .line-liner {
    height: 0.5px;
    width: 50%;
    margin-top: 2px;
    padding-right: 8px;
  }
  .see-all-products {
    border-radius: 18px;
    padding: 8px 2px;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    width: 76px;
  }
  .see-all-products span {
    margin-left: 2px;
  }
  .space-x {
    margin: 5px 0px;
    margin-top: 10px;
  }
  .wrapp-likes a {
    display: flex;
    direction: rtl;
    width: 100%;
    justify-content: flex-start;
    font-size: 9px;
    align-items: center;
  }
  .title-box {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding: 0px 10px !important;
  }
  .visit-it strong {
    margin-left: 5px;
  }
  .customer {
    border-radius: 5px;
    margin-top: 10px !important;
    padding-top: 20px !important;
    padding-bottom: 0px;
    padding: 20px 10px;
    background: #fff;
  }
  .qu-sen {
    font-size: 10px;
    font-weight: normal;
  }
  .answer p {
    font-size: 10px;
    line-height: 20px;
  }
  .date-answer-rote {
    margin-top: 5px;
  }
  .date-answer-rote span {
    font-size: 8px;
  }
  .rate-row {
    margin-bottom: 5px;
  }
  .title-toggle {
    font-size: 10px;
  }
  .offing {
    display: flex;
    flex-direction: row;
    margin-left: 5px;
    font-size: 10px;
  }
  .cart-pro {
    margin: 0px 0px;
    border-radius: 6px;
    height: 260px;
    padding: 15px 15px;
  }
  .imge-wrapper {
    height: 100px;
    padding: 5px;
    width: 100%;
    object-fit: contain;
    display: flex;
    justify-content: center;
  }
  .free-ship {
    width: 15px !important;
    height: 15px !important;
  }
  .owl-next {
    padding: 10px;
    background: #ccc;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .three-banner {
    width: 100%;
    height: 45px;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden !important;
  }
  .section-title h4 {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0px;
  }
  .section-title h4 {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0px;
    line-height: 25px;
  }
  .section-title h4::after {
    position: absolute;
    content: "";
    bottom: -27px;
    right: 0;
    height: 2px;
    width: 85%;
  }
  .see-same {
    padding: 0px;
    display: flex;
    font-weight: normal;
    text-align: center;
    font-size: 9px;
    margin-right: 5px;
  }
  .shapes-svg {
    margin-top: 0px !important;
    padding: 10px 22px;
    direction: rtl;
    transition: linear 0.4s;
    margin-bottom: 0px;
  }
  .title-comments {
    display: flex;
    align-items: center;
    padding: 0px;
  }
  .comment-wrappering p {
    font-size: 10px;
    line-height: 20px;
  }
  .resoult-tab {
    width: 300px;
  }
  .nav-tabs {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    width: 100%;
  }
  .my-tabs {
    display: flex;
    justify-content: flex-start !important;
  }
  .ul .li .li-text {
    font-size: calc(var(--fs) / 1.3);
    font-size: 10px;
    opacity: 0.8;
    cursor: pointer;
  }
  .long-banner {
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
  }
  .row-title {
    font-size: 10px;
    margin-bottom: 0px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
  }
  .vip-img {
    width: 100%;
    height: 100px;
    padding: 0px 15px;
  }
  .free-l-vip span {
    font-size: 8px;
  }
  .lables-vip span {
    font-size: 8px;
    font-weight: normal;
  }
  .lables-vip {
    width: max-content;
    padding: 2px 10px;
    border-radius: 15px;
    margin: 5px;
    display: flex;
    align-items: center;
    color: #000;
  }
  .reverse .price-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .vip-wrapper {
    padding: 10px 5px;
    height: 290px;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .mobile-banner {
    height: 85px;
  }
  .bg-lighteen-blue {
    border-radius: 6px;
  }
  .brand-row {
    padding: 14px 0px;
    padding-right: 9px;
    border-radius: 6px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .brand-title {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
  }
  ul.countdown {
    padding: 0;
    margin: 0px 0px;
    margin-bottom: 5px;
    list-style-type: none;
    display: flex;
    align-items: center;
  }
  .img-brand {
    height: 30px;
    width: 35px;
    object-fit: contain;
  }
  .brand-padding {
    padding: 10px 10px;
    margin-top: 0px;
  }
  header {
    margin-bottom: 90px !important;
  }
  .img-off img {
    margin-top: 0;
  }
  .img-off {
    padding: 5px;
  }
  .see-padding {
    padding: 0px 4px;
    margin-bottom: 10px;
  }
  .footer-widget ul li {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .footer-text p {
    margin-bottom: 14px;
    font-size: 10px;
    line-height: 22px;
  }
  .footer-logo {
    margin-bottom: 20px;
  }
  .footer-widget-heading h3 {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
  }
  .cart-property {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 20px;
  }
  .cart-property {
    height: 105px;
    overflow: hidden;
  }
  .a-price {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-around;
  }
  .right-box {
    padding: 10px;
    direction: rtl;
    text-align: right;
    height: 170px;
    display: flex;
    justify-content: space-between;
  }
  .persion-direction {
    direction: rtl;
    height: 570px;
    margin: 5px 0px;
    margin-top: 0;
  }
  .order-mb-sec {
    padding: 0px;
  }
  .smothcolor {
    background-color: #f5f5f5 !important;
  }
  .smothcolor::placeholder {
    font-size: 10px;
    font-weight: normal;
  }
  .mini-chev {
    font-size: 6px;
    margin-right: 2px;
  }
  .header-scroll.secondary-nav {
    position: relative;
    z-index: 2;
    clear: both;
    width: 100%;
  }
  .warranty-boxes {
    display: flex;
    justify-content: space-between;
  }
  .each-boxes {
    width: 20%;
    flex-direction: column;
    display: flex;
    align-items: center;
    background: rgba(249, 249, 249, 0.968627451);
    margin: 12px 3px;
    padding: 5px 5px;
    border-radius: 7px;
    height: 53px;
    justify-content: center;
  }
  .owl-next > span {
    font-size: 17px !important;
    font-family: monospace !important;
    -webkit-fontfamily: monospace !important;
    position: relative !important;
    top: -8.3px !important;
    right: 1px !important;
  }
  .customer {
    margin-bottom: 0px;
  }
  .accordion-option .toggle-accordion {
    margin-left: -15px;
  }
  .offer-main-page {
    padding: 10px;
    padding-bottom: 0px;
    border-radius: 8px;
  }
  .title-box h4 {
    display: none;
  }
  .brand-circle-padding {
    padding: 0px 33px;
  }
  header.main-header .topbar {
    padding-bottom: 0.4rem !important;
  }
}
@media only screen and (min-width: 1460px) {
  .no-padding {
    padding: 0px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1568px) {
  .sett-row {
    padding: 0px 15px;
    width: 74%;
    display: inline-block;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px;
    display: flex;
    align-content: flex-start;
  }
}
@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: 5500px) {
  .logo-area a {
    height: 42px;
    width: 120px;
  }
}
@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 only screen and (min-width: 1600px) and (max-width: 1800px) {
  .logo-area a {
    height: 42px;
    width: 120px;
  }
}
.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

body {
  text-align: right;
}

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

button:focus {
  outline: none;
}

.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 (max-width: 1200px) {
  .main-container {
    max-width: 100%;
  }
}
.btn {
  padding: 10px;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  border-radius: 7px;
  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-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-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: #f7858d;
  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;
}

header {
  margin-bottom: 175px;
}

.empty-cart-holder {
  padding-top: 20px;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.empty-cart-holder h3 {
  font-weight: 600;
}

.empty-cart {
  height: 150px;
  width: 150px;
  object-fit: contain;
}

.empty-cart img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* header */
header.main-header {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10000;
}

header.page-header.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

header.main-header .ads-header {
  margin: 0;
  height: 60px;
  border-radius: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  display: block;
  transition: all 1s ease;
}

header.main-header .topbar {
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
  position: relative;
  z-index: 100;
  background-color: #fff;
}

header.main-header .topbar .topbar-right a {
  display: block;
}

header.main-header .logo-area {
  padding-right: 0px;
}

header.main-header .logo-area a {
  display: block;
}

header.main-header .search-area {
  margin: 5px 0px;
}

header.main-header .search-area form.search {
  position: relative;
}

header.main-header .search-area form.search input {
  width: 100%;
  height: 100%;
  padding: 12px 12px;
  line-height: 1.833;
  font-weight: 300;
  font-size: 14px;
  border-radius: 7px;
  background-color: #f1f2f4;
  border: 1px solid #f1f2f4;
  color: #474747;
  outline: none;
}

header.main-header .search-area form.search input::placeholder {
  color: #8c8c8c !important;
}

header.main-header .search-area form.search .search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 18px;
  color: #979797;
  background-color: #f0f0f1;
  padding-right: 10px;
  transform: translateY(-50%);
}

header.main-header .search-area form.search button {
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 7px 0 0 7px;
  background: #f7858d;
  border: 0;
  cursor: pointer;
  outline: none;
}

header.main-header .search-area form.search button img {
  width: 26px;
}

header.main-header .search-area form.search .close-search-result {
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  left: 60px;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

header.main-header .search-area form.search .close-search-result i {
  position: relative;
  top: 2px;
}

header.main-header .search-area form.search .close-search-result.show {
  display: block;
}

.close-search-result {
  position: absolute;
  left: 24px;
  border: none;
  height: 30px;
  width: 27px;
  background: none;
}

header.main-header .search-area form.search .search-result {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 100001;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  display: none;
}

header.main-header .search-area form.search .search-result.open {
  display: block;
}

header.main-header .search-area form.search .search-result ul {
  list-style: none;
  margin-bottom: 0;
}

header.main-header .search-area form.search .search-result ul li {
  direction: rtl;
  text-align: right;
  line-height: 30px;
}

header.main-header .search-area form.search .search-result ul li a {
  direction: rtl;
  text-align: right;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.031372549);
  color: #212121;
  object-fit: contain;
}

header.main-header .search-area form.search .search-result ul li a img {
  height: 35px;
  width: 40px;
  padding: 5px;
}

header.main-header .topbar .topbar-left {
  margin-top: 0.3rem;
  margin-right: auto;
}

header.main-header .nav-item {
  position: relative;
}

header.main-header .nav-item.account {
  border: 1px solid #e0e0e2;
  border-radius: 5px;
  padding: 0 12px;
}

.badge-dark {
  color: #fff;
  background-color: #d90429;
}

header.main-header .nav-link {
  display: flex;
  padding: 8px;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  color: #607d8b;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  align-items: center;
}

header.main-header .nav-link span.label-dropdown {
  float: right;
  margin: 1px 0 4px 18px;
}

header.main-header .nav-link span.count {
  background-color: #d90429;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: 15px;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
}

header.main-header .nav-link i {
  font-size: 18px;
}

header.header-transparent .nav-link {
  color: hsla(0, 0%, 100%, 0.85);
}

header.main-header .dropdown-menu {
  top: 50px;
  direction: rtl;
  min-width: 12rem;
  padding: 10px;
  margin: 0.125rem 0 0;
  color: #8492a6;
  text-align: right;
  background-color: #fff;
  border: 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display: block !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header.main-header .dropdown-menu.cart {
  width: 300px;
}

header.main-header .dropdown-menu.cart .dropdown-list-icons {
  max-height: 250px;
  overflow-y: auto;
}

header.main-header .dropdown-menu.cart a.dropdown-item {
  position: relative;
}

header.main-header .dropdown-menu.cart .dropdown-footer,
header.main-header .topbar .dropdown-menu.cart .dropdown-header {
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 15px;
}

header.main-header .dropdown-menu.cart .dropdown-list-icons .dropdown-item {
  display: flex;
}

header.main-header .dropdown-menu.cart .dropdown-list-icons .dropdown-item .dropdown-item-icon {
  flex-shrink: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
}

header.main-header .dropdown-menu.cart .dropdown-item-icon img {
  max-width: 100%;
}

header.main-header .dropdown-menu.cart button.remove {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
  background-color: rgba(64, 64, 64, 0.1);
  color: #404040;
  cursor: pointer;
  outline: none;
  border: 0;
}

header.main-header .dropdown-menu.cart button.remove i {
  float: none;
  margin-left: unset;
}

header.main-header .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

header.main-header .nav-item:hover .dropdown-menu.show {
  transform: translate3d(0px, 34px, 0px) !important;
}

header.main-header .dropdown-menu .dropdown-item {
  color: #050505;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 10px;
}

header.main-header .dropdown-menu .dropdown-item i {
  float: right;
  margin-left: 2px;
  font-size: 16px;
}

header.main-header .dropdown-menu.cart .btn-success,
header.main-header .dropdown-menu.cart .btn-success.disabled {
  box-shadow: 0 2px 6px #a8f5b4;
  background-color: #63ed7a;
  border-color: #63ed7a;
  color: #fff;
  font-size: 13px;
}

header.main-header .dropdown-menu.cart .btn-primary,
header.main-header .dropdown-menu.cart .btn-primary.disabled {
  box-shadow: 0 2px 6px #acb5f6;
  background-color: #6777ef;
  border-color: #6777ef;
  color: #fff;
  font-size: 13px;
}

header.main-header .dropdown-menu .dropdown-item:hover,
header.main-header .dropdown-menu .dropdown-item:focus,
header.main-header .dropdown-menu .dropdown-item:active {
  color: #f7858d;
  background-color: #f4f4f4;
}

header.main-header .search-box form {
  position: relative;
}

header.main-header .search-box input {
  display: inline-block;
  max-width: 242px;
  width: 242px;
  height: 36px;
  line-height: 36px;
  padding-right: 20px;
  font-size: 14px;
  background: #edf0f5;
  color: #708198;
  border: none;
  border-radius: 10px;
  outline: none;
}

header.main-header .search-box form i {
  position: absolute;
  top: 3px;
  left: 10px;
  font-size: 20px;
}

header.main-header .search-box input::placeholder {
  font-size: 13px;
}

/* ----------------- Start Main-Menu */
header.main-header .bottom-header {
  margin-bottom: 4px;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  padding-top: 5px;
  background-color: #fff;
  box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}

header.main-header .bottom-header.hidden--bottom-header {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

header.main-header .main-menu {
  width: 100%;
  position: relative;
  padding-left: 25px;
}

header.main-header .main-menu .list {
  margin-bottom: 0;
  padding-right: 0;
  position: relative;
  list-style: none;
}

header.main-header .main-menu .list .list-item {
  display: inline-block;
}

header.main-header .main-menu .list .list-item:not(:last-child) {
  margin-right: 0.5rem;
}

header.main-header .main-menu .list .list-item:first-child {
  margin-right: 0;
}

header.main-header .main-menu .list .list-item.category-list::after {
  content: "|";
  color: #ccc;
  position: relative;
  top: 3px;
}

header.main-header .main-menu .list > .list-item {
  margin-right: 0;
  position: relative;
}

header.main-header .main-menu .list > .list-item > a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #d90429;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header.main-header .main-menu .list > .list-item:hover > a {
  color: #f7858d;
}

header.main-header .main-menu .list > .list-item:hover > a::before {
  width: 100%;
}

header.main-header .main-menu .list > .list-item > a,
header.main-header .main-menu .list > .list-item > span {
  color: #212121;
  padding: 10px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  position: relative;
  top: 2px;
  font-size: 13px;
}

header.header-transparent .main-menu .list > .list-item > a {
  color: rgba(255, 255, 255, 0.9);
}

header.header-transparent .main-menu .list > .list-item > a:hover {
  color: rgb(255, 255, 255);
}

header.main-header .main-menu .list .list-item-has-children {
  position: relative;
}

header.main-header .main-menu .list > .list-item-has-children > a::after {
  content: "●";
  position: absolute;
  top: 9px;
  left: -8px;
  font-family: "Material Design Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #e9e9e9;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 52px;
  right: 0;
  min-width: 220px;
  background: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 999;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header.main-header .main-menu .list > .list-item-has-children > .sub-menu {
  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);
}

header.main-header .main-menu .list > .list-item-has-children.menu-col-1 .sub-menu {
  -webkit-box-shadow: 0 0.5rem 1.25rem -0.25rem rgba(64, 64, 64, 0.2);
  box-shadow: 0 0.5rem 1.25rem -0.25rem rgba(64, 64, 64, 0.2);
}

header.main-header .main-menu .list > .list-item-has-children.menu-col-1 .list-item-has-children::before {
  content: "\f141";
  font: normal normal normal 20px "Material Design Icons";
  position: absolute;
  left: 5px;
  top: 9px;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu li {
  display: block;
  width: 100%;
  margin-right: 0;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu a {
  display: block;
  padding: 4px 15px;
  color: #6a6a6a;
  font-size: 12px;
  line-height: 2.27;
  font-weight: 300;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu a:hover {
  font-weight: 600;
  color: #f7858d;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu a i {
  float: right;
  margin-left: 5px;
  font-size: 18px;
}

header.main-header .main-menu .list .list-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

header.main-header .main-menu .list .list-item-has-children:hover::before {
  color: #f7858d;
}

header.main-header .main-menu .list .list-item.mega-menu {
  position: static;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu {
  position: absolute;
  width: 100%;
  min-width: 100%;
  font-size: 12px;
}

header.main-header .main-menu .list .list-item.mega-menu > .sub-menu {
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 100000;
}

header.main-header .main-menu .list .list-item.mega-menu > .sub-menu.nav {
  display: unset;
  border-radius: 0 0 10px 10px;
}

header.main-header .main-menu .list .list-item.mega-menu > .sub-menu > li {
  float: right;
  width: 100%;
  padding-right: 15px;
}

header.main-header .main-menu .list .list-item.menu-col-1 .sub-menu {
  border-radius: 0 0 10px 10px;
}

header.main-header .main-menu .list .list-item.menu-col-1 .sub-menu .sub-menu {
  border-radius: 10px;
}

header.main-header .main-menu .list .list-item.menu-col-1 .sub-menu li:first-child > a {
  border-radius: 10px 10px 0 0;
}

header.main-header .main-menu .list .list-item.menu-col-1 .sub-menu li:last-child > a {
  border-radius: 0 0 10px 10px;
}

header.main-header .main-menu .list .list-item.menu-col-1 .sub-menu li > a > li:last-child > a {
  border-radius: 0 0 10px 10px;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-2 > .sub-menu {
  min-width: 360px;
  width: 360px;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-2 li {
  width: 50%;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-3 > .sub-menu {
  min-width: 540px;
  width: 540px;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-3 li {
  width: 33.3%;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-4 > .sub-menu {
  min-width: 720px;
  width: 720px;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-4 li {
  width: 25%;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-5 > .sub-menu {
  min-width: 900px;
  width: 900px;
}

header.main-header .main-menu .list .list-item.mega-menu.mega-menu-col-5 li {
  width: 20%;
}

header.main-header .main-menu .list .list-item.mega-menu img {
  position: absolute;
  left: 0px;
  z-index: -1;
  max-width: 200px;
  bottom: 0;
  border-radius: 0 0 0 10px;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu a {
  line-height: 26px;
}

header.main-header .main-menu .list .list-item.mega-menu > .sub-menu > li > a {
  color: #000;
  display: block;
  font-weight: 600;
  padding-right: 10px;
  padding-left: 10px;
}

header.main-header .main-menu .list .list-item.mega-menu > .sub-menu > li > a:hover {
  color: #f7858d;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu .sub-menu {
  visibility: hidden;
  opacity: 0;
  position: static;
  width: 100%;
  box-shadow: none;
  background: 0 0 !important;
}

header.main-header .main-menu .list .list-item-has-children .sub-menu .sub-menu {
  right: 100%;
  top: 0;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu .sub-menu li {
  width: 100%;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu .sub-menu li a {
  color: #4a5f73;
}

header.main-header .main-menu .list .list-item.mega-menu .sub-menu .sub-menu li a:hover {
  font-weight: 600;
  color: #f7858d;
}

header.main-header .main-menu .list .list-item.mega-menu:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}

header.main-header .main-menu > ul > li.category-list:before {
  content: "";
  position: absolute;
  right: 0;
  top: 150%;
  min-width: 1100px;
  min-height: 455px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
  display: none;
}

header.main-header .main-menu > ul > li.category-list > ul {
  width: 220px;
  min-height: 455px;
  position: absolute;
  right: 0;
  top: 150%;
  border-left: 1px solid #e0e0e0;
  display: none;
}

header.main-header .main-menu > ul > li.category-list > ul > li a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: inherit;
}

header.main-header .main-menu > ul > li.category-list > ul > li > a {
  display: flex;
  line-height: 45px;
  padding-right: 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

header.main-header .main-menu > ul > li.category-list > ul > li.active > a {
  background-color: #f5f5f5;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

header.main-header .main-menu > ul > li.category-list > ul > li.active > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header.main-header .main-menu > ul > li.category-list > ul > li > ul {
  width: 870px;
  height: 450px;
  overflow: hidden;
  position: absolute;
  right: 220px;
  top: 0;
  margin-right: 1px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: 418px;
  display: none;
}

header.main-header .main-menu > ul > li.category-list > ul > li > ul > li {
  padding-right: 10px;
  padding-left: 10px;
  min-width: 25%;
  max-width: 25%;
}

header.main-header .main-menu > ul > li.category-list > ul > li > ul > li a:hover {
  color: #007bff;
  padding-right: 4px;
}

header.main-header .main-menu > ul > li.category-list .sublist--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

header.main-header .main-menu > ul > li.category-list .sublist--title::after {
  content: "\f141";
  font-family: "Material Design Icons";
  position: relative;
  left: -3px;
}

header.main-header .main-menu > ul > li.category-list .sublist--title:hover::after {
  color: #007bff;
}

header.main-header .main-menu > ul > li.category-list .sublist--item {
  color: #a6a6a6;
  font-size: 13px;
  line-height: 27px;
}

header.main-header .main-menu > ul > li.category-list > ul > li > ul > li .list-item--image:hover {
  padding-right: 0;
}

header.main-header .main-menu > ul > li.category-list:hover:before,
header.main-header .main-menu > ul > li.category-list:hover > ul {
  display: block;
}

/* End Main-Menu----------------- */
/* ----------------- Start Side-Menu */
header.main-header .side-menu {
  position: fixed;
  top: 0;
  right: -260px;
  width: 260px;
  height: 100%;
  background-color: #fff;
  z-index: 10000;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

button.btn-menu {
  position: absolute;
  top: 10px;
  right: 6px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  display: none;
}

button.btn-menu .align {
  display: inline-block;
  margin-right: 35px;
  cursor: pointer;
}

button.btn-menu .align__justify {
  margin-right: 0;
}

button.btn-menu .align span {
  background: #000;
  display: block;
  margin-bottom: 4px;
  width: 21px;
  height: 2px;
}

button.btn-menu .align span:last-child {
  margin-bottom: 0;
}

header.main-header .side-menu.open {
  right: 0;
}

header.main-header .side-menu .search-box-side-menu form {
  position: relative;
  display: flex;
  align-items: center;
}

header.main-header .side-menu .search-box-side-menu input {
  flex: 0 0 90%;
  width: 90%;
  height: 36px;
  margin: auto;
  line-height: 36px;
  font-size: 14px;
  padding-right: 5px;
  background: #edf0f5;
  color: #708198;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  outline: none;
}

header.main-header .side-menu .search-box-side-menu input::placeholder {
  font-size: 10px;
}

header.main-header .side-menu .search-box-side-menu form i {
  position: absolute;
  left: 20px;
  font-size: 20px;
}

header.main-header .side-menu .logo-nav-res {
  margin: 20px 0;
}

header.main-header .side-menu .logo-nav-res img {
  max-width: 100%;
}

header.main-header .side-menu > ul {
  position: relative;
  padding: 0;
}

header.main-header .side-menu > ul li {
  width: 100%;
}

header.main-header .side-menu ul ul {
  display: none;
  padding: 0;
  background-color: #f6f6f6;
  -webkit-box-shadow: inset 2px 1px 5px rgba(0, 0, 0, 0.08);
  box-shadow: inset 2px 1px 5px rgba(0, 0, 0, 0.08);
}

header.main-header .side-menu ul ul li a {
  background-color: transparent;
}

header.main-header .side-menu > ul > li > a {
  font-size: 16px;
  display: block;
  padding: 7px 22px;
  background: #fff;
  color: #000;
}

header.main-header .side-menu a {
  cursor: pointer;
  background-color: #fff;
  display: block;
}

header.main-header .side-menu ul > li > ul > li {
  position: relative;
}

header.main-header .side-menu ul > li > ul > li::before {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #3633e6;
  font-size: 18px;
}

header.main-header .side-menu ul > li > ul > li > a:hover {
  color: #3633e6;
}

header.main-header .side-menu ul > li > ul > li > a {
  font-size: 14px;
  display: block;
  padding: 0 35px;
  line-height: 44px;
  color: #283971;
}

header.main-header .side-menu ul ul ul {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 20px;
}

header.main-header .side-menu ul > li.sub-menu {
  position: relative;
}

header.main-header .side-menu ul > li.sub-menu > a::after {
  content: "\f140";
  position: absolute;
  top: 5px;
  left: 20px;
  font-family: "Material Design Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  -webkit-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

header.main-header .side-menu ul > li.sub-menu.open > a::after {
  transform: rotate(180deg);
}

header.main-header .side-menu ul a {
  padding: 10px;
}

header.main-header .overlay-side-menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  transition: none !important;
}

.header-cart-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cart-area:hover .header-cart-info {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 17px);
}

.header-cart-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
  font-size: 16px;
  font-size: 1.143rem;
  line-height: normal;
}

.header-cart-info-count {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: normal;
  color: #81858b;
}

.header-cart-info-link {
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #5e77fe;
  font-size: 12px !important;
  font-size: 0.857rem !important;
  line-height: normal !important;
}

.header-cart-info-link:after {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin-right: 5px;
}

.header-basket-list {
  max-height: 293px;
  overflow-y: scroll;
  overflow-x: hidden;
  list-style: none;
  border-top: 1px solid #f0f0f1;
}

.header-basket-list-item {
  padding: 15px 0;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #f0f0f1;
  margin: 0 12px;
}

.header-basket-list li:last-child .header-basket-list-item {
  border: none;
}

.header-basket-list-item-image {
  width: 75px;
  height: 75px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 75px;
  max-width: 75px;
  position: relative;
  padding: 12px;
}

.header-basket-list-item-image img {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}

.header-basket-list-item-content {
  margin-left: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.header-basket-list-item-title {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 600;
  margin-bottom: 8px;
  color: #424750;
}

.header-basket-list-item-footer {
  justify-content: space-between;
}

.header-basket-list-item-props {
  color: #81858b;
  display: flex;
  align-items: center;
  font-size: 10px;
  font-size: 0.714rem;
  line-height: normal;
}

.header-basket-list-item-props-item {
  display: inline-flex;
  align-items: center;
}

.header-basket-list-item-props-item:not(:last-child) {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #f0f0f1;
}

.header-basket-list-item-color-badge {
  background: #fff;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-left: 6px;
}

.header-basket-list-item-footer,
.header-basket-list-item-remove {
  display: flex;
  align-items: center;
}

.header-basket-list-item-remove {
  justify-content: center;
  background: #fff;
  border: 0;
  outline: 0;
  color: #a1a3a8;
  cursor: pointer;
  outline: none;
}

.header-cart-info-footer {
  padding: 8px;
  border-top: 1px solid #f0f0f1;
  display: flex;
  align-items: center;
}

.header-cart-info-total {
  font-size: 12px;
  font-size: 0.857rem;
  line-height: normal;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 4px;
}

.header-cart-info-footer > div {
  width: 50%;
}

.header-cart-info-total-text {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 2.2;
  color: #515151;
}

.header-cart-info-total-amount {
  font-size: 13px;
  font-weight: 600;
  color: #515151;
}

.header-cart-info-submit {
  display: block;
  border-radius: 10px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 10px;
  background-color: #d90429;
  border-top: 1px solid #c6c6c6;
}

.header-cart-info-submit:hover {
  color: #fff;
}

.cart--wrapper:hover .header-cart-info {
  opacity: 1;
  visibility: visible;
}

/* End Side-Menu----------------- */
/* ------------ Start Mini-Header */
header.mini-header {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}

/* End Mini-Header------------ */
/* header */
/* 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: 329px;
  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%;
}

.main-slider-slide {
  display: block;
  width: 100%;
  height: 100%;
  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-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: 48px;
  margin: auto;
}

.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 */
.brand-slider .item img {
  max-height: 70%;
  max-width: 70%;
}

.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: #6f7479;
  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: 16px;
}

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

.title-wide h2:before {
  background: url(../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: #f7858d;
  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: 1rem 1.5rem 0;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
}

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

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

.amazing-product a {
  display: block;
}

.amazing-product img {
  width: 54% !important;
  max-height: calc(100% - 41px);
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
}

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

.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: #f7858d;
}

.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: 0.75rem;
  padding-bottom: 1.625rem;
  margin: 10px;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.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: 0 0.9375rem 0.5rem;
}

.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: #f7858d;
  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%;
}

.product-card .product-thumb > img {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}

.product-card .product-card-body {
  padding: 0 1.25rem;
  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: 0.75rem;
  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 {
  margin: 0.75rem 0 0.125rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  min-height: 60px;
}

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

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

.product-card .product-price {
  display: block;
  color: #404040;
  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: #f7858d;
  border-bottom: 1px solid #f7858d;
  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------------ */
/* End Product-Carousel------------ */
/* ------------ Start Suggestion-Slider */
.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: 15px;
}

.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: #f7858d;
  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: #f7858d;
}

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

/* End Suggestion-Slider------------ */
/* ------------ Start Widget */
.widget-banner a {
  display: block;
}

.widget-banner img {
  max-width: 100%;
  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: #f7858d;
  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: #f7858d;
  -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: #f7858d;
  border-color: #f7858d;
}

.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: #f7858d;
}

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

.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: #f7858d !important;
}

/* End Widget------------ */
/* ------------ Start Search Page */
.header-cover {
  content: "";
  background-color: #f7858d;
  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: #f7858d;
  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: 35px;
  height: 35px;
  line-height: 33px;
  border-radius: 6px;
  font-size: 17px;
  color: #000000;
  background: #e0e0e0;
  font-weight: 600;
}

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

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

.pagination a.active-page {
  background-color: #d90429;
  border-color: #d90429;
  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-color: #f5f5f5;
  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: 600;
}

.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;
}

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

.product-summary .stack-menu .stack-menu__link--parent::before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  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: #00bfd6;
}

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

.product-summary .stack-menu .stack-menu__link i {
  color: #9b9b9b;
  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: #fb3449;
}

.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: flex-end;
}

.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: 16px;
}

.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: left;
  margin: 0;
}

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

.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: #d90429;
  border: none;
  padding: 16px 18px;
  border: 0;
}

.product-summary .stack-menu .btn-add-to-cart:hover {
  background-color: #d90429;
  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: center;
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  font-size: 0.857rem;
  line-height: 1.833;
}

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

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

.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: 600;
}

.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: 600;
}

.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: 600;
}

.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: 2.75rem 1rem 0;
}

.product-gallery .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin-left: 0;
  color: #fff;
  background-color: #f7858d;
  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-thumbnails {
  display: block;
  margin: 0 -1rem;
  padding: 0.75rem;
  border-top: 1px solid #e7e7e7;
  list-style: none;
  text-align: center;
}

.product-gallery .product-thumbnails > li {
  display: inline-block;
  margin: 0.625rem 0.1875rem;
  vertical-align: middle;
}

.product-gallery .product-thumbnails > li > a {
  display: block;
  width: 50px;
  height: 50px;
  transition: all 0.25s;
  border: 1px solid transparent;
  background-color: #fff;
  opacity: 0.75;
}

.product-gallery .product-thumbnails > li.active > a {
  border-color: #f7858d;
  cursor: default;
  opacity: 1;
}

.product-gallery .product-thumbnails > li > a > img {
  display: block;
  max-width: 100%;
  margin: 10px 0;
}

.product-gallery .product-thumbnails > li > a > i {
  font-size: 25px;
  line-height: 50px;
  color: #f7858d;
}

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

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

.product-info .product-title h1 {
  font-size: 18px;
  color: #666;
  position: relative;
}

.product-info .product-title h1::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-info .product-title h3 {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  position: relative;
  font-family: sans-serif, Shabnam;
}

.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;
}

.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: #f7858d;
}

.product-params {
  height: 160px;
  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;
}

.product-params ul:before {
  content: attr(data-title);
  font-size: 13px;
  font-size: 0.929rem;
  line-height: 1.692;
  display: list-item;
  font-weight: 600;
}

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

.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-params ul li span {
  margin-left: 5px;
  white-space: normal;
}

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

.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: 0;
  border-bottom: 0;
}

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

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

.accordion-product h5 button::before {
  content: "-";
  width: 38px;
  height: 32px;
  line-height: 32px;
  background-color: #f7858d;
  position: absolute;
  right: 0;
  top: 10px;
  border: none;
  color: #fff;
  border-radius: 0 15px 15px 15px;
  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: 70px;
  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: #fcfcfc;
  border-radius: 5px;
}

.content-expert-rating > li {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
  align-items: center;
  margin-top: 15px;
}

.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;
}

.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: #eaeaea;
}

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

.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: #f7858d;
}

.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: 1.357rem;
  line-height: 1.158;
  color: #5a5a5a;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
  display: block;
}

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

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

.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: 50px;
  padding: 20px 40px 20px 20px;
  line-height: 30px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #f7f1f1;
  background-color: #fff;
}

.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: Shabnam;
  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: 28px;
  position: absolute;
  right: -20px;
  top: -27px;
  width: 50px;
  height: 50px;
  background-color: #4ae3f3;
  border: 1px solid #4ae3f3;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.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: #f7858d;
  font-weight: 600;
  border-bottom: 1px dashed #f7858d;
}

.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: #f7858d;
  font-weight: 600;
}

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

/* ------------ 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: #f7858d;
  outline: none;
  cursor: pointer;
}

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

.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: #00bfd6;
  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: 600;
}

.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: #f7858d !important;
}

.tab-cart-page a span.count-cart {
  color: #f8f8f8;
  background-color: #f7858d;
  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: #f7858d;
  border-bottom-color: #f7858d;
}

.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: 600;
  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: #f7858d;
}

.checkout-summary-price-value-amount {
  font-size: 20px;
  font-size: 1.429rem;
  line-height: 2;
  font-weight: 600;
}

.checkout-feature-aside-item {
  position: relative;
  font-size: 13px;
  line-height: 1.692;
  font-weight: 600;
  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: #f7858d;
  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: #f7858d;
}

.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: #f7858d;
}

.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: #f7858d;
  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: #f7858d !important;
  border: none;
  border-bottom: 1px dashed #f7858d;
  background-color: transparent;
  font-weight: 600;
  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 #f7858d;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
  color: #f7858d;
}

.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: 600;
  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: 600;
  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: 600;
  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: #f7858d;
  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: #f7858d;
}

.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: 600;
}

.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: 600;
  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: 600;
  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: 600;
  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: 600;
  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: 600;
  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: 600;
  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;
}

.card-horizontal-product,
.card-horizontal-address {
  width: 100%;
  min-height: 180px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 16px 16px 30px;
  margin-bottom: 15px;
  position: relative;
}

.card-horizontal-address {
  height: 257px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.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 .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: 100%;
  float: right;
  text-align: center;
  position: relative;
  margin-left: 2%;
}

.card-horizontal-product .card-horizontal-product-thumb img {
  max-width: 100%;
}

.card-horizontal-product .card-horizontal-product-content {
  width: 70%;
  height: 100%;
  float: right;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title a {
  color: #212121;
}

.card-horizontal-product .card-horizontal-product-content .card-horizontal-product-title h3 {
  font-size: 15px;
  line-height: 28px;
  white-space: pre-wrap;
}

.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(../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(../files/page-cover.jpg) top no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../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: 600;
  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: 600;
  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: 600;
}

.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: #f7858d;
  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: Shabnam;
  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: Shabnam;
  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: 50%;
    margin-bottom: 5px;
  }
  header {
    margin-bottom: 100px;
  }
}
.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: 600;
  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: Shabnam;
  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: Shabnam;
  background-color: #f7858d;
  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: #f7858d;
  box-shadow: none !important;
}

footer.main-footer .newsletter form .btn:hover {
  background-color: #f7858d !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: center;
}

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 .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: 600;
  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;
}

/* 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: #f7858d;
    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 #f7858d;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    color: #f7858d;
  }
  .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: 1300px) {
  header.main-header .bottom-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }
  .dt-sn {
    border-radius: 0;
  }
  .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) {
  header.main-header .side-menu .search-box-side-menu input {
    padding-right: 10px;
  }
  header input::placeholder {
    color: #708198 !important;
  }
  header.main-header .nav-link span.label-dropdown {
    font-size: 10px;
  }
  header.main-header .nav-link {
    font-size: 12px;
  }
  .form-ui form {
    max-width: 100%;
    padding: 10px;
  }
  .accordion-product h5 button {
    font-size: 12px;
  }
  .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-600 {
    font-size: 16px;
    padding-right: 0;
  }
  .info-page-cats .section-title h2.font-weight-600::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;
  }
  .search-card-res .product-card .product-thumb > img {
    max-width: 100%;
    height: 60px;
  }
  .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;
  }
  header.main-header .nav-item.account {
    padding: 0 0px;
    height: 35px;
  }
  header.main-header .side-menu > ul > li > a {
    font-size: 12px;
    padding: 10px 22px;
  }
  header.main-header .side-menu ul > li.sub-menu > a::after {
    font-size: 16px;
  }
  header.main-header .side-menu ul > li > ul > li > a {
    font-size: 12px;
    padding: 0 35px;
    line-height: 35px;
    color: #626262;
  }
}
@media (max-width: 480px) {
  .menu-padding {
    padding: 5px 5px;
  }
  button.btn-menu {
    position: absolute;
    top: 10px;
    right: 0px;
  }
  header.main-header,
  .widget-banner,
  .main-footer {
    padding-right: 0px;
    padding-left: 0px;
  }
  header.main-header .bottom-header {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  header.main-header .main-menu {
    padding-left: 5px;
  }
  header.main-header .side-menu ul > li > ul > li > a {
    font-size: 12px;
    padding: 0 35px;
    line-height: 35px;
    color: #626262;
  }
  header.main-header .side-menu > ul > li > a {
    font-size: 12px;
    padding: 10px 22px;
  }
  header.main-header .side-menu ul > li.sub-menu > a::after {
    font-size: 16px;
  }
  header.main-header .nav-item.account {
    padding: 0 0px;
    height: 30px;
  }
  .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 {
    padding: 0 0px;
    height: 35px;
  }
  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;
  }
  header.main-header .side-menu .logo-nav-res img {
    max-width: 100%;
    padding: 0px 70px;
  }
  header.main-header .side-menu ul > li > ul > li > a {
    font-size: 12px;
    padding: 0 35px;
    line-height: 35px;
    color: #626262;
  }
}
/* responsive */
.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.mini-padding {
  padding: 0 25px;
}

.rounded {
  border-radius: 8px;
}

.medium-top-space {
  margin-top: 25px;
}

.card-img-holder {
  width: 100%;
  height: 185px;
  position: relative;
  top: -35px;
}
.card-img-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: -1px 4px 8px 0px rgba(0, 0, 0, 0.07);
}

.blog-title {
  color: #000000;
  padding: 0px 0px;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  text-align: right;
  direction: rtl;
  height: 40px;
}

.description {
  padding: 3px 0;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  direction: rtl;
  font-weight: 500;
  color: #616161;
  overflow: hidden;
  font-family: IRANYekan !important;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-time {
  font-size: 0.8rem;
}

.options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}
.options a {
  direction: rtl;
  text-align: right;
  background: #ecf2ff;
  padding: 0px 5px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
  margin-top: 8px;
}
.options a span {
  font-size: 12px;
  color: #000000;
}
.options a i {
  color: #d90429;
}

.options span {
  font-weight: 600;
}

.blog-card {
  margin-top: 15px;
}
.blog-card .btn {
  font-size: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 400;
  background: #eef7fe;
  color: #22215b;
  cursor: pointer;
}

.blog-card {
  background: #fff;
  border-radius: 8px;
  padding: 15px 15px;
  border: none;
  position: relative;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}

.padding-blog-cart {
  padding: 5px;
}

.caption-details {
  padding: 0px 0px;
  display: flex;
  justify-content: flex-start;
  direction: rtl;
}
.caption-details p {
  text-align: right;
}
.caption-details i {
  color: #d90429;
}

.category-tag {
  margin-top: -25px;
  height: 21px;
  background: linear-gradient(44deg, #d3dffa 0.64%, #ffebf5 98.23%);
  width: max-content;
  direction: rtl;
  text-align: right;
  color: #000;
  padding: 2px 8px;
  font-weight: 600;
  border-radius: 4px;
  font-size: 12px;
}
.category-tag strong {
  font-weight: 800 !important;
  color: #d90429;
  margin-left: 3px;
}

.blog-card:hover {
  cursor: pointer;
}
.blog-card:hover .card-img-holder {
  position: relative;
  top: -8px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}
.blog-card:hover .options a {
  background: linear-gradient(271deg, #d3dffa 0.64%, #ffe9eb 98.23%);
}

.options a {
  direction: rtl;
  text-align: right;
  background: #ffe6e7;
}

.main-blog-banner {
  height: 400px;
  background-repeat: no-repeat;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
}

.side-blog-banner {
  background-size: cover !important;
  border-radius: 8px;
  height: 195px;
}
.side-blog-banner a img {
  display: block;
  height: 195px;
  margin-bottom: 0px;
  border-radius: 8px;
  background-size: cover !important;
  background-position: center;
}

.blog-headder-padding {
  padding: 0px 50px;
}

.wrapp-all-content {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #000);
  display: flex;
  align-items: flex-end;
  padding: 20px 30px;
}
.wrapp-all-content h3 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 25px;
  text-align: right;
  direction: rtl;
}
.wrapp-all-content p {
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-blog-padding {
  padding: 5px;
}

.side-blog-banner img {
  border-radius: 8px;
}
.side-blog-banner .wrapp-all-content {
  direction: rtl;
  padding: 10px 15px;
}
.side-blog-banner h3 {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 28px;
}

.wroter-ic {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.wroter-ic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.name-wr {
  font-size: 12px;
  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: 12px;
}

.category {
  font-size: 12px;
  color: #fff;
  width: max-content;
  height: 0px;
  position: relative;
  top: -46px;
  right: 10px;
  direction: ltr;
  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;
}

.sidebar-form input {
  width: 100%;
  padding: 15px 10px;
  background: #ffffff;
  border: none;
  color: rgb(0, 0, 0) !important;
  border-radius: 10px;
  margin-bottom: 10px;
}

.sidebar-form input::placeholder {
  color: #676767 !important;
  font-size: 12px;
  font-weight: 600;
}

.cat-header {
  margin-top: 0px;
  padding: 10px;
}

.new-catg {
  text-align: right;
  font-weight: 600;
  text-align: right;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 14px;
}

.bb-blue {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #0f3b79;
}

.name-of {
  padding: 2px 6px;
  display: flex;
  direction: ltr;
  cursor: pointer;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.name-of:hover .nm-ct strong {
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.name-of:hover .cat-ico {
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nm-ct {
  direction: rtl;
  text-align: right;
}

.nm-ct span {
  font-size: 12px;
}

.nm-ct strong {
  font-size: 14px;
  font-weight: 900;
  margin-left: 5px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800 !important;
}

.cat-ico {
  font-size: 20px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(180deg);
}

.all-blog {
  text-align: right;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin: 10px 0px;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
}
.all-blog h4 {
  text-align: right;
}

.subscribe-form button.blog-search-btn {
  position: absolute;
  left: 11px;
  background: -webkit-linear-gradient(0deg, #bf0329 0%, #d90429 100%);
  padding: 5px 8px;
  bottom: none;
  top: 7px;
  height: 38px;
  border-radius: 5px;
}
.subscribe-form button.blog-search-btn i {
  position: relative;
  top: -4px;
  font-size: 22px;
}

.lastest-product {
  margin-bottom: 10px;
}

.wrapp-sidebar-section {
  background: #fff;
  border-radius: 10px;
  padding: 15px 10px;
  border: 1px solid #eee;
  padding-top: 5px;
  margin-bottom: 10px;
}

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

.blog-page-right {
  padding-right: 30px;
}

.nm-ct span {
  font-size: 12px;
}

.nm-ct strong {
  font-size: 12px;
  font-weight: 900;
  margin-right: 5px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cat-ico {
  font-size: 18px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(180deg);
}

.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;
  justify-content: flex-start;
}

.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 {
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.img-new-blog {
  height: 50px;
  width: 52px !important;
  border-radius: 8px;
  object-fit: cover;
  margin-left: 15px;
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.11);
  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: 8px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.new-head {
  font-size: 13px;
  font-weight: 600;
  color: #d90429;
}

.caption-wrote {
  font-size: 12px;
  color: rgb(152, 152, 152);
}

.arch-date {
  font-size: 13px;
  padding: 4px 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(241, 241, 241, 0.35);
  direction: rtl;
  text-align: right;
  color: #d90429;
}

.arch-date:hover {
  border-bottom: 1px solid rgb(200, 224, 255);
}

.wrapp-new-title {
  width: 63%;
}

.wrapp-all-tags .tag {
  height: 22px;
  background: linear-gradient(44deg, #f2f6ff 0.64%, #d3dffa 98.23%);
  width: max-content;
  direction: rtl;
  text-align: right;
  color: #000;
  padding: 2px 12px;
  font-weight: 600;
  border-radius: 4px;
  font-size: 12px;
  margin: 5px 2px;
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  color: #eee !important;
  background: #dddddd !important;
}

.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: 15px;
}

.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: 3px;
  border-radius: 4px;
  border-color: #d90429;
  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;
  display: flex;
}

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

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

.widget-suggestion .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 1px;
  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: #f7858d;
}

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

.wrapp-last-products {
  display: flex;
  align-items: center;
}

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

.product-details-caption {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  width: 100%;
  align-items: flex-end;
}
.product-details-caption a.buy-product {
  padding: 0px 12px;
  border-radius: 4px;
  color: #fff;
  background: #bf0329;
  height: 20px;
  display: block;
  width: max-content;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 5px;
}
.product-details-caption p {
  font-size: 12px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
}

.wrapp-last-products-first {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapp-all-last-product-card {
  padding: 10px 5px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin: 10px 0px;
}

.new-catg i {
  color: #bf0329;
  position: relative;
  top: 5px;
}

.blog-body {
  padding: 40px 35px;
  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);
}

.blog-main-img {
  height: 450px;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}
.blog-main-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blog-name {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0px;
  margin-top: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}

.wrapp-details-blog {
  padding: 6px 12px;
  border-radius: 4px;
  color: #282828 !important;
  margin-bottom: 30px;
  font-weight: 600;
  background: linear-gradient(44deg, #f2f6ff 0.64%, #f1f1f1 98.23%);
}
.wrapp-details-blog a {
  color: #282828 !important;
  font-weight: 600;
}

blockquote {
  margin: 10px 0px;
  background: #ececec;
  border-radius: 5px;
  padding: 10px;
  padding-right: 20px;
  font-size: 15px;
  position: relative;
  direction: rtl;
}

blockquote::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(237deg, #ffffff 0.64%, #828282 98.23%);
}

.wrapp-product-present {
  border: 1px solid #eee;
  padding: 10px 20px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  direction: rtl;
  align-items: center;
}
.wrapp-product-present:hover {
  border: 1px solid rgba(151, 168, 255, 0.4117647059);
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}

.product-blog-image {
  height: 120px;
  width: 120px;
  object-fit: contain;
  margin-left: 20px;
}
.product-blog-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-blog-caption {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
}
.product-blog-caption p.product-name {
  margin-bottom: 20px;
  font-weight: 600;
}

.first-colum {
  display: flex;
  align-items: center;
}

.buy-from-blog {
  padding: 5px 25px;
  color: #fff;
  background: #d90429;
  border-radius: 4px;
  text-align: center;
}
.buy-from-blog:hover {
  color: #000;
  background-color: #ef9247;
}

.mn-social-bottom {
  background: linear-gradient(44deg, #f2f6ff 0.64%, #f1f1f1 98.23%);
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  padding: 9px 0 0;
  color: #bf0329;
  border-radius: 4px;
  margin: 0 3.5px 0px;
  transition: all 0.1s;
  font-size: 19px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.mn-social-bottom:hover {
  background: #d90429;
  color: #fff;
  top: -3px;
}

.all-blog-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.each-category {
  direction: rtl;
}

.category-icon {
  font-size: 10px;
  background: linear-gradient(to right, #48a1e0 23%, #aca8e5 83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog-footer {
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 0px;
  margin: 15px 0px;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .blog-order-1 {
    order: 1;
  }
  .blog-order-2 {
    order: 2;
  }
  .all-blog {
    margin: 10px 0px;
    margin-bottom: 10px;
  }
  .blog-title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cart-blog-padding {
    padding: 0px 15px;
  }
  .all-blog .col-xl-3 {
    padding: 0;
  }
  .none-mobile-cart {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .none-mobile-cart {
    display: none;
  }
  .main-blog-banner {
    height: 200px;
  }
  .side-blog-banner a img {
    height: 110px;
  }
  .blog-headder-padding {
    padding: 0px 0px;
  }
  .product-blog-image {
    height: 110px;
    width: 110px;
    margin-left: 10px;
  }
  .wrapp-product-present {
    padding: 10px 20px;
    flex-direction: column;
  }
  .blog-page-right {
    padding: 20px;
  }
  .side-blog-banner {
    display: none;
  }
  .card-img-holder {
    width: 100%;
    height: 118px;
    position: relative;
    top: -35px;
  }
}
@media (max-width: 575px) {
  .card-img-holder {
    width: 100%;
    height: 118px;
    position: relative;
    top: -35px;
  }
  .side-blog-banner {
    display: none;
  }
  .blog-page-right {
    padding: 20px;
  }
  .wrapp-product-present {
    padding: 10px 20px;
    flex-direction: column;
  }
  .blog-headder-padding {
    padding: 0px 0px;
  }
  .none-mobile-cart {
    display: none;
  }
  .main-blog-banner {
    height: 200px;
  }
  .side-blog-banner a img {
    height: 110px;
  }
  .product-blog-image {
    height: 110px;
    width: 110px;
    margin-left: 10px;
  }
  .product-blog-caption p.product-name {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .blog-name {
    font-size: 16px;
    margin-top: 20px;
  }
  .wrapp-details-blog {
    padding: 6px 12px;
    border-radius: 4px;
    margin-bottom: 5px;
  }
  .blog-main-img {
    height: 200px;
  }
  .blog-caption p {
    font-size: 13px;
    text-align: justify;
  }
  .blog-caption h3,
  .blog-caption h4,
  .blog-caption h5,
  .blog-caption h6 {
    font-size: 16px;
  }
  .blog-detail {
    width: 96%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .blog-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.product-details-caption > a {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100%;
  padding-right: 8px;
  margin-top: 3.5px;
}

.blog-body table {
  border-collapse: collapse;
  margin: 25px 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
  border: 1px solid #eee;
  width: 100%;
}

.blog-body table thead tr {
  background-color: #d90429;
  color: #ffffff;
  text-align: left;
}

.blog-body table th,
.blog-body table td {
  padding: 12px 15px;
  border: 1px solid #eee;
}

.blog-body table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.blog-body table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.blog-body table tbody tr:last-of-type {
  border-bottom: 2px solid #d90429;
}

.blog-body h1 {
  font-size: 2em;
  font-weight: bolder;
  font-size: 32px;
}
.blog-body h2 {
  font-size: 1.5em;
  font-weight: bolder;
}
.blog-body h3 {
  font-size: 1.17em;
  font-weight: bolder;
}
.blog-body h4 {
  font-size: 1em;
  font-weight: bolder;
}
.blog-body h5 {
  font-size: 0.83em;
  font-weight: bolder;
}
.blog-body h6 {
  font-size: 0.67em;
  font-weight: bolder;
}
.blog-body ul {
  list-style: initial !important;
  padding-right: 35px;
}
.blog-body ol {
  list-style: auto !important;
  padding-right: 35px;
}