.cartprod small span {
  color: var(--primary-color);
}
/* ~~~~~~~~~~~~~~~~~~ common ~~~~~~~~~~~~~~~~~~ */
input {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

img {
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #e6e6e6;
}
.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 16px 0 37px;
  display: flex;
  align-items: center;
}
.breadcrumb > li {
  display: flex;
  align-items: center;
}
.breadcrumb > li + li:before {
  padding: 0;
  font-size: 14px;
  color: #808080;
  margin: 0 10px;
}
.breadcrumb > li > a {
  padding: 0;
  font-size: 14px;
  color: #808080;
}
.breadcrumb > li > a:hover {
  color: var(--primary-color);
}

h2 {
  font-size: 20px;
  font-weight: 700;
}
.form-control,
.form-control + .input-group-btn .btn {
  min-height: 40px;
  height: 40px;
}
.form-control {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  -webkit-text-fill-color: unset;
  color: var(--text-color);
}
select.form-control {
  color: #8e8e8e;
}
.form-control::placeholder {
  color: #8e8e8e;
  font-size: 14px;
}
.form-control:focus {
  border-color: var(--primary-color);
}
textarea.form-control {
  height: 100px;
  border-radius: 0;
  resize: none;
}
:not(.btn-group) > .btn:not(.btn_sm) {
  padding: 0 10px;
  font-size: 16px;
  min-width: 120px;
  height: 40px;
}
.btn-primary,
.btn-inverse {
  background-color: var(--secondery-color);
  border-color: var(--secondery-color);
  color: var(--text-color);
  font-family: var(--font-bold);
  font-size: 18px;
}
.btn-primary:hover,
.btn-inverse:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
/* ~~~~~~~~~~~~~~~~~~ archivePages ~~~~~~~~~~~~~~~~~~ */
.fltr {
  margin-inline-start: 20px;
}

.fltrs .selectlabel {
  font-size: 16px;
}
a.comparelink {
  color: var(--primary-color);
  font-size: 16px;
  margin-inline-start: 25px;
}
a.comparelink:hover {
  color: var(--secondery-color);
}
.view-ico {
  font-size: 30px;
  color: #cccccc;
}
.view-ico:hover {
  color: var(--secondery-color);
}
.view-ico.active {
  color: var(--primary-color);
}
html[dir="ltr"] .view-ico ~ .view-ico {
  margin-left: 10px;
}

html[dir="rtl"] .view-ico ~ .view-ico {
  margin-right: 10px;
}
/*  productesList  */
.product-item {
  position: relative;
}
.list .product-item {
  display: flex;
  align-items: center;
  border: 1px solid #f0f2f2;
}
.list .product .product-content {
  width: 100%;
  padding-inline: 30px;
}
.list .product .product-name {
  text-align: start;
}
.list .product-content .price-box {
  text-align: start;
  justify-content: flex-start;
}
.list .product-img {
  width: 200px;
  flex-shrink: 0;
}

.product-item .product-item-qty {
  height: 40px;
  width: 140px;
}

.product-item .product-item-qty-control {
  color: var(--secondery-color);
  font-size: 22px;
}

.product-item .product-item-qty-control:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.product-item .product-item-qty-control.qty-plus {
  inset-inline-start: 18px;
}

.product-item .product-item-qty-control.qty-minus {
  inset-inline-end: 18px;
}

.product-item .product-item-qty-input {
  border: 1px solid #f2f2f2;
  color: var(--primary-color);
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: 700;
  pointer-events: none;
}
/*  catsList  */
.custom-list-group {
  border: 1px solid #e5e5e5;
  padding: 11px 20px 14px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .custom-list-group {
    display: none;
  }
}
.custom-list-group-item {
  display: flex;
  align-items: center;
  padding: 0 6px 9px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #e5e5e5;
}

.custom-list-group-item:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}
.custom-list-group-item.child {
  color: #808080;
}
.custom-list-group-item:hover {
  color: #b7a9a9;
}
.custom-list-group-item.active {
  color: #b7a9a9;
}
/*  flexiFilter  */
#column-left .tf-filter.panel {
  background-color: #fff;
}
#column-left .tf-filter.panel-default .tf-list-filter-group {
  border-color: rgba(0, 0, 0, 0.1);
}
#column-left
  .tf-filter.panel-default
  .tf-list-filter-group
  .tf-filter-group:not(:last-child) {
  border-color: rgba(0, 0, 0, 0.1);
}
#column-left .tf-filter.panel-default > .panel-heading {
  color: #fff;
}
#column-left .tf-filter.panel-default > .panel-heading .panel-title {
  color: #fff;
}
#column-left .tf-filter-group-content .ui-widget .ui-widget-header {
  background-color: var(--secondery-color);
}
#column-left .tf-filter-group-content .ui-widget.ui-widget-content {
  background-color: #e6e6e6;
}

#column-left .tf-filter-group-content .ui-slider .ui-slider-handle {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
  width: 20px;
  height: 20px;
  outline: none !important;
}

#column-left .tf-filter-group-content .price-filter-inputs {
  gap: 8px;
}

#column-left
  .tf-filter-group-content
  .price-filter-inputs
  .price-filter-input
  .form-control {
  color: #8c8c8c;
  background-color: #f5f5f5;
  border-radius: 17px;
}

#column-left .tf-filter.panel-default .tf-list-filter-group .tf-filter-group {
  padding: 20px;
}
@media (max-width: 992px) {
  #column-left .tf-filter.panel-default .tf-list-filter-group .tf-filter-group {
    padding: 15px 10px;
  }
  .filters-cont{
    top: 120px;
  }
  .filters-cont {
    z-index: 198;
  }
  .filters-mobile-btn{
    margin-top: 120px;
  }
  .tf-filter.panel{
    max-height: calc(100vh - 140px);
  }
}
#column-left
  .tf-filter.panel-default
  .tf-list-filter-group
  .tf-filter-group
  .tf-filter-group-header {
  padding: 0;
  font-size: 16px !important;
  font-family: var(--font-bold);
}
#column-left
  .tf-filter.panel-default
  .tf-list-filter-group
  .tf-filter-group
  .tf-filter-group-header
  .toggle-icon {
  color: var(--text-color);
}
#column-left .manufacturer-grid {
  gap: 9px;
}
#column-left .manufacturer-grid .tf-filter-value img {
  width: 100%;
  padding: 8px;
  border: 2px solid #eec6ac;
  background-color: #eec6ac;
}
#column-left
  .manufacturer-grid
  .tf-filter-value.form-check
  input:checked
  ~ img {
  border-color: var(--secondery-color);
}
#column-left .manufacturer-grid label {
  margin: 0;
  width: 100%;
}
#column-left .tf-filter-group-content .tf-product-total {
  font-size: 14px;
  background-color: #f5f5f5;
  color: #8c8c8c;
}

#column-left .tf-filter-group-content label .rating {
  display: inline-flex;
  align-items: center;
}
#column-left .tf-filter-group-content label .rating i {
  font-size: 12px;
  color: #d0d0d0;
}
#column-left .tf-filter-group-content label .rating i.active {
  color: #f49d21;
}
#column-left .tf-filter-group-content label {
  display: flex;
  align-items: center;
}
#column-left .tf-filter-value.form-check .checkmark {
  background-color: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 3px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
#column-left .tf-filter-value.form-check input:disabled + .checkmark {
  opacity: 0.5;
}
#column-left .tf-filter-value.form-check.custom-radio .checkmark:before,
#column-left .tf-filter-value.form-check.custom-checkbox .checkmark:before {
  color: #fff;
  transform: scale(0) rotate(360deg);
  transition: 0.3s;
}
#column-left
  .tf-filter-value.form-check.custom-radio
  input:checked
  + .checkmark,
#column-left
  .tf-filter-value.form-check.custom-checkbox
  input:checked
  + .checkmark {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#column-left .tf-filter-value.form-check.custom-radio .checkmark:before,
#column-left .tf-filter-value.form-check.custom-checkbox .checkmark:before {
  font-size: 12px;
}
#column-left
  .tf-filter-value.form-check.custom-radio
  input:checked
  + .checkmark:before,
#column-left
  .tf-filter-value.form-check.custom-checkbox
  input:checked
  + .checkmark:before {
  content: "\f00c";
  transform: none;
}
/*  search  */
.search-flex {
  display: flex;
  align-items: center;
  margin-bottom: 55px;
}
.search-cont {
  display: flex;
  align-items: center;
}
.form-controls {
  display: flex;
  align-items: center;
}
.search-cont.select-cont {
  margin-inline-start: 40px;
  margin-inline-end: 10px;
}
.search-cont.select-cont .form-control {
  width: 181px;
}
.search-cont.input-cont .form-control {
  width: 224px;
}
.search-cont .form-control {
  margin: 0;
}
.search-cont label {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-inline-end: 10px;
}
@media (max-width: 992px) {
  .search-flex {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .form-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
  }
  .search-cont {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .search-cont.select-cont {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  .search-cont.select-cont .form-control {
    width: 100%;
  }
  .search-cont.input-cont .form-control {
    width: 100%;
  }
  #button-search {
    width: 100%;
  }
}
/* ~~~~~~~~~~~~~~~~~~ cartPage ~~~~~~~~~~~~~~~~~~ */
.product-cart-opt {
  padding-inline-start: 100px;
  padding-inline-end: 65px;
}
.product-cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: var(--text-color);
}
@media (max-width: 767px) {
  .product-cart-item{
    padding: 5px 0;
  }
  .product-cart-item:first-of-type{
    padding-top: 0;
  }
  .product-cart-item .cart-opt-name{
    max-width: calc(100% - 100px);
  }
  .product-cart-item .cart-opt-price{
    font-weight: 700;
    white-space: nowrap;
  }
}
.cart-table {
  padding-bottom: 25px;
}
.cart-table > h3,
#accordion .panel-title > a {
  line-height: 50px;
  padding: 0 30px;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
  border-radius: 2px;
}
.cart-table ~ #accordion .panel-title {
  background-color: transparent;
  line-height: unset;
}
.cart-table > form {
  padding: 10px 15px;
}
.cart-table ~ p {
  margin-bottom: 18px;
}
.product-line {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  position: relative;
}
.product-cart-cont {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.product-cart-cont:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 15px;
}
.product-cart-cont.out-of-stock {
  background-color: #f2dede;
  padding: 5px;
  border: none;
}
.product-line-img {
  width: auto;
  height: auto;
  border: 2px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 20px;
}
.product-line-name {
  margin: 0;
}
.product-line-name > div,
.cartproddtls small {
  color: #8b8b8b;
}
.product-line-name > a {
  font-size: 16px;
}
.product-line .product-line-prices {
  margin-inline-start: 80px;
  margin-inline-end: 35px;
  width: 115px;
}
.product-line .price1 {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
  margin: 0;
}
.product-line-totals .button-remove,
.removebtn {
  font-size: 22px;
  color: #b8b8b8;
}
html[dir="ltr"] .product-line-totals .button-remove {
  margin: 0;
}
html[dir="rtl"] .product-line-totals .button-remove {
  margin: 0;
}

.product-line .cart_quantity {
  max-width: 140px;
}
.product-line .cart_quantity input {
  background-color: #fff;
  min-height: 40px;
  height: 40px;
  border: 1px solid #d6d6d6;
  width: 140px;
  font-size: 16px;
  font-weight: 700;
}

.product-line .cart_quantity .qty-ctrl {
  font-size: 22px;
  color: #858585;
}
.product-line .cart_quantity .qty-ctrl:hover {
  color: var(--primary-color);
}

html[dir="ltr"] .product-line .cart_quantity .qty-ctrl.button-minus {
  right: 18px;
}

html[dir="rtl"] .product-line .cart_quantity .qty-ctrl.button-minus {
  left: 18px;
}

html[dir="ltr"] .product-line .cart_quantity .qty-ctrl.button-plus {
  left: 18px;
}

html[dir="rtl"] .product-line .cart_quantity .qty-ctrl.button-plus {
  right: 18px;
}

.panel-group .panel + .panel {
  margin-top: 10px;
}
html[dir="rtl"] #accordion .panel-title > a > i {
  left: 225x;
}

html[dir="ltr"] #accordion .panel-title > a > i {
  right: 225x;
}
.checkout-cart .panel-group .panel-heading + .panel-collapse > .panel-body,
.checkout-cart .panel-group .panel-heading + .panel-collapse > .list-group {
  border: none;
}
.panel-body {
  padding: 20px;
  padding-inline-start: 30px;
}
.cart-gifts-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gift-flex {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.cart-gifts-form .control-label {
  margin: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  margin-inline-end: 26px;
}

.cart-gifts-form input {
  min-height: 40px;
  height: 40px;
}
.cart-gifts-form .form-control {
  margin: 0;
}
.cart-gifts-form .btn {
  margin-inline-start: 4px;
  width: 139px;
  font-size: 15px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .panel-body {
    padding: 15px 0;
  }
  .cart-gifts-form {
    flex-wrap: wrap;
  }
  .cart-gifts-form .control-label {
    width: 100%;
    margin: 0 0 15px;
  }
  .cart-gifts-form .btn {
    position: absolute;
    height: 30px;
    min-height: 30px;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 5px;
    width: auto;
    min-width: auto !important;
    height: 30px !important;
  }
  .product-line-totals {
    justify-content: space-between;
  }
  .product-cart-opt {
    padding: 15px 0 0;
  }
}

.totals-table {
  padding-top: 13px;
}

.totals-table td,
.totals-table td strong {
  font-weight: 400;
  font-size: 14px;
}

.totals-table tr:last-of-type td,
.totals-table tr:last-of-type td strong {
  font-weight: 700;
}
.buttons {
  margin-top: 40px;
}
.checkout-cart .btn-primary {
  background-color: var(--secondery-color);
  border-color: var(--secondery-color);
  font-weight: 700;
  font-size: 19px;
}
.checkout-cart .btn-primary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.checkout-cart :not(.btn-group) > .btn:not(.btn_sm).btn-primary {
  height: 48px;
  width: 182px;
  background-color: var(--primary-color);
  border: var(--primary-color);
  color: #fff;
}
.checkout-cart :not(.btn-group) > .btn:not(.btn_sm).btn-primary:hover {
  background-color: var(--secondery-color);
  border: var(--secondery-color);
  color: var(--text-color);
}
/* ~~~~~~~~~~~~~~~~~~ contact ~~~~~~~~~~~~~~~~~~ */
html[dir="ltr"] .contact-form {
  padding-right: 0;
}

html[dir="rtl"] .contact-form {
  padding-left: 0;
}
.contact-title {
  font-size: 24px;
}
.contact-title ~ p {
  font-size: 18px;
  font-weight: 300;
}
#information-contact .form-horizontal .control-label {
  font-size: 16px;
  font-family: var(--font-bold);
  padding: 0 22px 10px;
}
.contact-list li i {
  font-size: 30px;
  color: var(--text-color);
  width: 44px;
}
.contact-list li strong {
  font-size: 16px;
  color: var(--primary-color);
}
.contact-list li span,
.contact-list li a {
  margin: 0 44px;
  color: #808080;
}
.contact-list li a:hover {
  color: var(--primary-color);
}
.contact-list li .inEN {
  direction: ltr;
}
.contact-buttons .btn-primary {
  background-color: var(--primary-color);
  border: var(--primary-color);
  color: #fff;
}
.contact-buttons .btn-primary:hover {
  background-color: var(--secondery-color);
  border: var(--secondery-color);
  color: var(--text-color);
}
/* ////////////////////// blog */
.blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.blog-grid .single-grid {
  max-width: 100%;
  overflow: hidden;
}
.custom-post .post-img {
  margin-bottom: 40px;
}
.custom-post .post-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 35px;
}
.custom-post .post-share-totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.custom-post .author_like_comment {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .custom-post .post-share-totals {
    flex-direction: column;
    justify-content: center;
  }
  .custom-post .author_like_comment {
    margin-bottom: 15px;
  }
}

.custom-post .author_like_comment_item {
  font-weight: 400;
  font-size: 16px;
  color: #747373;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.custom-post .author_like_comment_item ~ .author_like_comment_item {
  margin-inline-start: 20px;
}
.custom-post .author_like_comment_item i {
  font-size: 20px;
  margin-inline-end: 7px;
}
.custom-post .share-methods {
  display: flex;
  align-items: center;
}
.custom-post .share-title {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  display: flex;
  margin-inline: 10px;
}
.custom-post .addthis_toolbox {
  display: flex;
  align-items: center;
}
.custom-post .addthis_toolbox a {
  margin: 0;
  display: flex;
  align-items: center;
}
.custom-post .post-description * {
  font-family: "29LTZeyn" !important;
  font-size: 16px !important;
  line-height: 1.875 !important;
  color: #666666 !important;
}

.custom-post .tags-cont {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.custom-post .tags-cont > span {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  margin-inline-end: 14px;
}

.custom-post .tags-links {
  display: flex;
  align-items: center;
}

.custom-post .tags-links > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;

  color: #8b8b8b;
  height: auto;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  transition: 0.3s;
  margin: 0 3px;
  border-radius: 11px;
}

.custom-post .tags-links > a:hover,
.custom-post .tags-links > a:focus {
  color: var(--primary-color);
}

#account-account li > a:hover {
  color: var(--secondery-color);
  border-color: var(--secondery-color);
}
.captcha-img-input {
  display: flex;
  align-items: center;
}
.captcha-img-input img {
  flex-shrink: 0;
  margin-inline-start: 5px;
  height: 40px;
}
@media (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}