/*fonts ar*/
@font-face {
  font-family: "CairoRG";
  src: url("../webfonts/fonts-file/Cairo-Regular.woff2") format("woff2"), 
       url("../webfonts/fonts-file/Cairo-Regular.woff") format("woff"), 
       url("../webfonts/fonts-file/Cairo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CairoBD";
  src: url("../webfonts/fonts-file/Cairo-SemiBold.woff2") format("woff2"), 
       url("../webfonts/fonts-file/Cairo-SemiBold.woff") format("woff"), 
       url("../webfonts/fonts-file/Cairo-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*fonts en*/
@font-face {
  font-family: "PoppinsRG";
  src: url("../webfonts/fonts-file/Poppins-Regular.woff2") format("woff2"), 
      url("../webfonts/fonts-file/Poppins-Regular.woff.woff") format("woff"), 
      url("../webfonts/fonts-file/Poppins-Regular.ttf.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PoppinsBD";
  src: url("../webfonts/fonts-file/Poppins-SemiBold.woff2") format("woff2"), 
      url("../webfonts/fonts-file/Poppins-SemiBold.woff.woff") format("woff"), 
      url("../webfonts/fonts-file/Poppins-SemiBold.ttf.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


:root 
{
    --primary-color: #0D1312;
    --secondery-color: #0fa1db;
    --black-color: #000000;
    --white-color: #ffffff;
    --text-color: var(--black-color);
    --body-bg: var(--white-color);
    --border-raduis: 0px;
    --font-normal: "PoppinsRG";
    --font-bold: "PoppinsBD";
}

html[dir="rtl"] 
{
    --font-normal: "CairoRG";
    --font-bold: "CairoBD";
}

body {
	font-family: var(--font-normal);
	font-size: 14px;
  background-color: var(--body-bg);
  color: var(--text-color)
}
*,*::before,*::after
{
    box-sizing: border-box;
}
*:focus
{
    outline: none !important;
}
a
{
  color: var(--primary-color);
  transition: 0.3s ease;
}
a:hover, a:focus
{
  color: var(--secondery-color);
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-bold);
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 22px;
  margin-bottom: 20px;
  font-family: var(--font-bold);
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 10.2px;
}
p
{
  font-size: 14px;
}
legend {
	font-size: 18px;
	padding: 7px 0px;
  font-family: var(--font-bold);
}
label,.label {
  display: inline-block;
	font-size: 13px;
	font-family: var(--font-normal);
  margin: 10px 0;
  color: var(--text-color);
}
button
{
  transition: 0.3s ease;
}
.btn-primary {
	background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
  min-width: 110px;
  transition: 0.3s ease;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active{
	background-color: var(--secondery-color);
  border-color: var(--secondery-color);
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
  min-width: 110px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
  min-width: 110px;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
  min-width: 110px;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
  min-width: 110px;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
  min-width: 110px;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
  min-width: 110px;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 14px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 14px;
}
.input-group .input-group-addon {
	font-size: 13px;
	height: 25px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
button:disabled
{
  cursor: not-allowed;
  opacity: 0.7;
}
/*breadcrumb*/
.breadcrumb
{
  background-color: transparent;
  padding: 15px 0;
}
.breadcrumb > li > a
{
  color: #aaa;
  text-decoration: none;
  font-size: 12px;
}
.breadcrumb > li > a:hover
{
  color: var(--secondery-color);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: var(--primary-color);
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: var(--white-color);
	background: var(--secondery-color);
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* content */
#content {
	min-height: 200px;
  padding-bottom: 60px;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
.sub-categories
{
    display: -ms-grid;
    display: grid;
  -ms-grid-template-columns: repeat(4,1fr);
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    margin-top: 20px;
}
.sub-categories > li > a
{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  min-height: 100px;
  border-radius: 10px;
  font-family: var(--font-bold);
  font-size: 18px;
  border: 1px solid transparent;
}
.sub-categories > li > a:hover
{
  border-color: var(--secondery-color);
}
.filters-row
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0;
}
.filters-row .view-buttons
{
  display: flex;
  align-items: center;
}
.filters-row .view-buttons .btn-view
{
  background-color: transparent;
  color: #ccc;
  border: none;
  font-size: 24px;
  padding: 0;
  margin-inline-end: 10px;
}
.filters-row .view-buttons .btn-view.active
{
  color: var(--secondery-color);
}
#compare-total
{
  color: var(--secondery-color);
}
#compare-total:hover
{
  color: var(--primary-color);
}
.filters-row .fltrs-group
{
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.filters-row .fltr
{
  display: flex;
  align-items: center;
  margin-inline-end: 30px;
  position: relative;
}
.filters-row .selectlabel
{
  font-size: 12px;
  margin: 0;
  margin-inline-end: 10px;
  white-space: nowrap;
}
select.form-control
{ 
  appearance: none;
  font-size: 14px;
  min-width: 85px;
  background-image: url(../image/arrow.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: top 50% left 15px;
  padding: 0px 20px;
}
.form-control
{
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
  height: 40px;
  border-radius: var(--border-raduis);
  box-shadow: none;
  padding: 10px 20px;
  -webkit-text-fill-color: #8e8e8e;
  color: #8e8e8e;
}
textarea.form-control 
{
  height: auto;
}
.form-control:focus
{
  border-color: var(--secondery-color);
  box-shadow: none;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: pointer;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.pagination > li > a, .pagination > li > span
{
  color: var(--primary-color);
}
/*************************************************/
.products-4-grid,
.products-3-grid,
.products-2-grid
{
  display: -ms-grid;
    display: grid;
    gap: 30px;
    margin-bottom: 50px;
}
.products-4-grid 
{
  -ms-grid-template-columns: repeat(4,1fr);
    grid-template-columns: repeat(4,1fr);
}
.products-3-grid
{
  -ms-grid-template-columns: repeat(3,1fr);
    grid-template-columns: repeat(3,1fr);
}
.products-2-grid
{
  -ms-grid-template-columns: repeat(2,1fr);
    grid-template-columns: repeat(2,1fr);
}
.products-4-grid.list,
.products-3-grid.list,
.products-2-grid.list
{
  -ms-grid-template-columns: repeat(1,1fr);
    grid-template-columns: repeat(1,1fr);
}
.list .product-item
{
  display: flex;
  border: 1px solid #f5f5f5;
  align-items: center;
}
.cartlist
{
  list-style: none;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: var(--white-color);
  z-index: 9999;
  width: 300px;
  inset-inline-end: -300px;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.3s ease;
}
.cartlist.open
{
  inset-inline-end: 0;
}
.cartlist .cartpods
{
  overflow: auto;
}
.cartlist .cart_empty
{
  display: flex;
  flex-direction: column;
  font-size: 20px;
  opacity: 0.7;
  color: #797575;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.cartlist .cart_empty > i
{
  font-size: 60px;
}
.cartlist .table > thead > tr > th, 
.cartlist .table > tbody > tr > th, 
.cartlist .table > tfoot > tr > th, 
.cartlist .table > thead > tr > td, 
.cartlist .table > tbody > tr > td, 
.cartlist .table > tfoot > tr > td
{
  border: none;
  padding: 0;
}
.cartlist .prodcart
{
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}
.cartlist .prodcart .cartprodimg
{
  border: 1px solid #e5e5e5;
  border-radius: 0;
  margin-inline-end: 10px;
  margin-bottom: 0;
}
.cartlist .prodcart .cartproddtls
{
  color: var(--text-color);
  margin-inline-end: 20px;
}
.cartlist .prodcart .cartprodimg:hover
{
  border-color: var(--secondery-color);
}
.cartlist .prodcart .cartprodname
{
  font-size: 12px;
  color: var(--text-color);
}
.cartlist .prodcart .cartprodname:hover
{
  color: var(--secondery-color);
}
.cartlist .prodcart .cartprodprice
{
  font-size: 12px;
  color: var(--primary-color);
  font-family: var(--font-bold)
}
.cartlist .prodcart .removebtn
{
  background-color: transparent;
  border: none;
  color: #b8b8b8;
  font-size: 14px;
  position: absolute;
  inset-inline-end: 0;
}
.cartlist .prodcart .removebtn:hover
{
  color: red;
}
.carttotals p
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  padding: 5px 0;
}
.cartlist .prodcartbtns
{
  margin-top: 20px;
}
.cartlist .prodcartbtns > a
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: var(--font-bold);
  color: var(--white-color);
  height: 40px;
  border-radius: var(--border-raduis);
  margin: 5px 0;
}
.cartlist .prodcartbtns > a:first-child
{
  background-color: var(--primary-color);
}
.cartlist .prodcartbtns > a:last-child
{
  background-color: var(--secondery-color);
}
.cartlist .prodcartbtns > a:hover
{
  opacity: 0.8;
}
.active-sidecart
{
    overflow: hidden;
}
.cartoverlay
{
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--black-color) ;
  opacity: 0.5;
  z-index: 999;
}
.active-sidecart .cartoverlay
{
    display: block;
}
#accordion .panel-heading
{
  background-color: var(--primary-color);
  color: var(--white-color);
  transition: 0.3s ease;
}
#accordion .panel-heading:hover
{
  background-color: var(--secondery-color);
}
#accordion .panel-heading .panel-title > a
{
  display: flex;
  justify-content: space-between;
  color: var(--white-color);
}
.related_products-row
{
  position: relative;
}
.related_products > h3
{
  text-align: center;
  font-family: var(--font-bold);
  font-size: 20px;
}
.products-swiper.swiper-button-prev::after,.products-swiper.swiper-button-next::after
{
    display: none;
}
.related_products .products-swiper.swiper-button-next,.related_products .products-swiper.swiper-button-prev
{
    font-size: 30px;
    color: #808080;
    /* top: 120px; */
    width: auto;
    height: auto;
    transition: 0.5s ease;
}
.related_products .products-swiper.swiper-button-next
{
    inset-inline-start: -48px;
}
.related_products .products-swiper.swiper-button-prev
{
    inset-inline-end: -48px;
}
.related_products .products-swiper.swiper-button-next:hover,.related_products .products-swiper.swiper-button-prev:hover
{
    color: var(--primary-color);
}
.related_products .swiper-pagination
{
    display: none;
}
.related_products .swiper-pagination
{
    bottom: -40px;
    width: 100%;
    left: 0;
    right: 0;
}
.related_products .swiper-pagination .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    background-color: var(--black-color);
    opacity: 0.5;
    margin: 0 3px;
    border-radius: 50%;
}
.related_products .swiper-pagination .swiper-pagination-bullet-active
{
    background-color: var(--primary-color);
    opacity: 1;
}
.checkout-cart input,
.checkout-cart select,
.checkout-cart button
{
  border-radius: 0;
  height: 40px;
}
.checkout-cart .btn_quote
{
  display: flex;
  justify-content: flex-end;
}

@media (min-width:992px) and (max-width:1199px)
{
  .related_products .products-swiper.swiper-button-next, .related_products .products-swiper.swiper-button-prev
  {
      display: none;
  }
}

@media (max-width: 991px) 
  {
    .related_products .products-swiper.swiper-button-next, .related_products .products-swiper.swiper-button-prev
    {
        display: none;
    }
  }

@media (max-width: 767px) {
  .filters-row
  {
    border: none;
    padding: 0;
    margin: 10px 0;
  }
  .filters-row .fltrs-group
  {
    flex-direction: column;
    align-items: unset;
    width: 100%;
  }
  .filters-row .fltr
  {
    flex-direction: column;
    margin-inline-end: 0;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .filters-row .selectlabel
  {
    padding: 5px 10px;
  }
  .filters-row .fltr::after 
  {
    bottom: 10px;
  }

  .products-4-grid,
  .products-3-grid,
  .products-2-grid
  {
    -ms-grid-template-columns: repeat(2,1fr);
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
  }
  .related_products .swiper-pagination
  {
      display: block;
  }
}




/****************************************************************************
product page
*********************************************************************/
.main-img .fancy-link
{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5f5f5;
}
.main-img .fancy-link:hover
{
  border-color: var(--secondery-color);
}
.thumbs-imgs .thumb-link
{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5f5f5;
  margin-bottom: 0;
}
.thumbs-imgs .thumb-link:hover
{
  border-color: var(--secondery-color);
  cursor: pointer;
}
.productpage-head
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.productpage-head > h1
{
  font-size: 20px;
  color: var(--primary-color);
}
#button-cart
{
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--border-raduis);
  min-width: 200px;
  height: 40px;
  transition: 0.3s ease;
  color: var(--white-color);
  background-color: var(--secondery-color);
}
#button-cart > i
{
  margin-inline-end: 5px;
}
#button-cart:hover
{
  background-color: var(--primary-color);
}
.wishlist_compare
{
  display: flex;
  align-items: center;
}
.wishlist_compare > button
{
  width: 40px;
  height: 40px;
  background-color: #f5f5f5;
  border: none;
  color: var(--primary-color);
  border-radius: var(--border-raduis);
  font-size: 14px;
  margin-inline-start: 5px;
  transition: 0.3s ease;
  color: var(--text-color);
}
.wishlist_compare > button:hover
{
  background-color: var(--secondery-color);
  color: var(--white-color);
}
.wishlist_compare_xs
{
  display: none;
}
.add-cart-group #input-quantity,
.cart_qty .qty_input
{
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-color);
}
.cart_qty_cont
{
  display: flex;
  justify-content: space-between;
}
.cart_qty_cont .qty_remove
{
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #635f5f;
  transition: 0.3s ease;
}
.cart_qty_cont .qty_remove:hover
{
  color: #e70e0e
}
.add-cart-group .quantity_cont,
.cart_qty
{
  position: relative;
  min-width: 130px;
  margin-inline-start: 5px;
}
.add-cart-group .quantity_cont > button,
.cart_qty > button
{
  background-color: transparent;
  border: none;
  color: var(--text-color);
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.add-cart-group .quantity_cont .btn-plus,
.cart_qty > .qty_plus
{
  inset-inline-start: 10px;
}
.add-cart-group .quantity_cont .btn-minus,
.cart_qty > .qty_minus
{
  inset-inline-end: 10px;
}
.add-cart-group .quantity_cont > button:hover,
.cart_qty > button:hover
{
  color: var(--primary-color);
}
.productpage-info > li
{
  margin: 5px 0;
}
.productpage-info .title,
.price-list .title
{
  font-size: 14px;
  color: var(--text-color);
  font-family: var(--font-bold);
}
.productpage-info .value,
.price-list .value
{
  font-size: 14px;
  color: #585353;
  transition: 0.3s ease;
}
.productpage-info > li:first-child .value:hover
{
  color: var(--secondery-color);
}
.productpage-price
{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.productpage-price > h2
{
  font-size: 22px;
  color: var(--primary-color);
  font-family: var(--font-bold);
  margin: 0;
  margin-inline-end: 5px;
}
.productpage-price > h3
{
  font-size: 18px;
  color: #858585;
  font-family: var(--font-normal);
  margin-inline-start: 10px;
  margin: 0;
  text-decoration: line-through;
}
.rating > p > i,
.rating > i
{
  font-size: 16px;
  color: #cac5c5;
}
.rating > p > i.active,
.rating > i.active
{
  color: #f7d106;
}
.product_options .form-control
{
  max-width: 250px;
}
.add-cart-group
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.add-cart-group .cart-quantity
{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.add-cart-group .cart-btns
{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.productpage_tabcontent
{
  margin-top: 60px;
  margin-bottom: 40px;
  overflow: hidden;
}
.productpage_tabs
{
  margin-bottom: 30px;
}
.productpage_tabs > li
{
  background-color: #f5f5f5;
  margin: 0 2px;
  font-family: var(--font-bold);
}
.productpage_tabs > li > a:hover
{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.productpage_tabs > li.active
{
  color: var(--text-color);
}
.productpage_tabcontent .rating-row
{
  display: flex;
  align-items: center;
}
.productpage_tabcontent .star-rating
{
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
}
.productpage_tabcontent .star-rating input
{
  display: none;
}
.productpage_tabcontent .star-rating .rate_star
{
  display:inline-block;
  font-size: 20px;
  color: #cac5c5;
  cursor: pointer;
  margin: 1px;
}
.productpage_tabcontent .star-rating input:checked ~ label 
{
  color: #f7d106;
}
.productpage_tabcontent .star-rating label:hover,
.productpage_tabcontent .star-rating label:hover ~ label {
  color: #f7d106;
}

.productpage_tabcontent .star-rating input:checked + label:hover,
.productpage_tabcontent .star-rating input:checked + label:hover ~ label {
  color: #f7d106;
}
.productpage_tabcontent #button-review
{
  font-size: 14px;
  color: var(--white-color);
  background-color: var(--primary-color);
  border: none;
  border-radius: var(--border-raduis);
}
.productpage_tabcontent #button-review:hover
{
  background-color: var(--secondery-color);
}


@media (max-width: 767px) 
  {
    .add-cart-group
    {
      justify-content: center;
    }
    .add-cart-group .wishlist_compare
    {
      display: none;
    }
    .wishlist_compare_xs
    {
      display: flex;
    }
    .add-cart-group .cart-btns
    {
      width: 100%;
      
    }
    #button-cart
    {
      width: 100%;
    }
  }


  .products-row
  {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

#track_order
{
  margin-bottom: 30px;
}