/*================================================
Products Area CSS
=================================================*/
.mf-products-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.mf-products-card {
  margin-bottom: 25px;
}
.mf-products-card .products-image {
  overflow: hidden;
  position: relative;
}
.mf-products-card .products-image a img {
  transition: var(--transition);
}
.mf-products-card .products-image .sale {
  display: inline-block;
  background-color: var(--main-color);
  color: var(--white-color);
  font-size: 14px;
  padding: 5px 15px;
  position: absolute;
  left: 0;
  top: 20px;
}
.mf-products-card .products-image .new {
  display: inline-block;
  background-color: #039500;
  color: var(--white-color);
  font-size: 14px;
  padding: 5px 15px;
  position: absolute;
  left: 0;
  top: 20px;
}
.mf-products-card .products-image .stock-out {
  display: inline-block;
  background-color: var(--paragraph-color);
  color: var(--white-color);
  font-size: 14px;
  padding: 5px 15px;
  position: absolute;
  left: 0;
  top: 20px;
}
.mf-products-card .products-image .action {
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 30px;
  top: 50px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.mf-products-card .products-image .action li {
  list-style-type: none;
  margin-bottom: 10px;
  display: flex;
}
.mf-products-card .products-image .action li:last-child {
  margin-bottom: 0;
}
.mf-products-card .products-image .action li a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white-color);
  border: 1px solid var(--paragraph-color);
  transition: var(--transition);
  position: relative;
}
.mf-products-card .products-image .action li a img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
.mf-products-card .products-image .action li a:hover {
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
}
.mf-products-card .products-image .bottom-list {
  position: absolute;
  left: 0;
  bottom: -30px;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.mf-products-card .products-image .bottom-list li {
  display: inline-block;
  width: 100%;
}
.mf-products-card .products-image .bottom-list li a {
  display: inline-block;
  color: var(--white-color);
  background-color: var(--optional-black-color);
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}
.mf-products-card .products-image .bottom-list li a:hover {
  background-color: var(--black-color);
}
.mf-products-card .products-content {
  margin-top: 20px;
}
.mf-products-card .products-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.mf-products-card .products-content h3 a {
  color: var(--optional-black-color);
}
.mf-products-card .products-content .price-and-rating .price .old-price {
  text-decoration-line: line-through;
  color: var(--paragraph-color);
}
.mf-products-card .products-content .price-and-rating .price .new-price {
  font-weight: 600;
  color: var(--optional-black-color);
  margin-left: 5px;
}
.mf-products-card .products-content .price-and-rating .rating {
  padding-left: 25px;
  margin-bottom: 0;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.mf-products-card .products-content .price-and-rating .rating li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
}
.mf-products-card .products-content .price-and-rating .rating li:last-child {
  margin-right: 0;
}
.mf-products-card .products-content .price-and-rating .rating li i {
  color: var(--black-color);
}
.mf-products-card:hover .products-image a img {
  transform: scale(1.1);
}
.mf-products-card:hover .products-image .action {
  opacity: 1;
  visibility: visible;
}
.mf-products-card:hover .products-image .bottom-list {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.mf-products-card:hover .products-content .price-and-rating .rating {
  opacity: 1;
  visibility: visible;
}
.mf-products-card .products-list-content {
  display: none;
}
.mf-products-card .products-list-content .sale {
  display: inline-block;
  background-color: var(--main-color);
  color: var(--white-color);
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 20px;
}
.mf-products-card .products-list-content .rating {
  margin-bottom: 12px;
  padding-left: 0;
}
.mf-products-card .products-list-content .rating li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
}
.mf-products-card .products-list-content .rating li:last-child {
  margin-right: 0;
}
.mf-products-card .products-list-content .rating li i {
  color: var(--black-color);
}
.mf-products-card .products-list-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.mf-products-card .products-list-content h3 a {
  color: var(--optional-black-color);
}
.mf-products-card .products-list-content .price .old-price {
  text-decoration-line: line-through;
  color: var(--paragraph-color);
}
.mf-products-card .products-list-content .price .new-price {
  font-weight: 600;
  color: var(--optional-black-color);
  margin-left: 5px;
}
.mf-products-card .products-list-content .action {
  padding-left: 0;
  margin-top: 35px;
  margin-bottom: 35px;
}
.mf-products-card .products-list-content .action li {
  list-style-type: none;
  margin-right: 10px;
  display: flex;
  display: inline-flex;
}
.mf-products-card .products-list-content .action li:last-child {
  margin-right: 0;
}
.mf-products-card .products-list-content .action li a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white-color);
  border: 1px solid var(--paragraph-color);
  transition: var(--transition);
  position: relative;
}
.mf-products-card .products-list-content .action li a img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
.mf-products-card .products-list-content .action li a:hover {
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
}
.mf-products-card .products-list-content .bottom-list {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
}
.mf-products-card .products-list-content .bottom-list li {
  display: inline-block;
  width: 100%;
  margin-right: 2px;
}
.mf-products-card .products-list-content .bottom-list li:last-child {
  margin-right: 0;
}
.mf-products-card .products-list-content .bottom-list li a {
  display: inline-block;
  color: var(--white-color);
  background-color: var(--optional-black-color);
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}
.mf-products-card .products-list-content .bottom-list li a:hover {
  background-color: var(--black-color);
}

.mf-products-item {
  margin-bottom: 25px;
}
.mf-products-item .products-image {
  overflow: hidden;
  position: relative;
}
.mf-products-item .products-image a img {
  transition: var(--transition);
}
.mf-products-item .products-image .action {
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 30px;
  top: 30px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.mf-products-item .products-image .action li {
  list-style-type: none;
  margin-bottom: 10px;
  display: flex;
}
.mf-products-item .products-image .action li:last-child {
  margin-bottom: 0;
}
.mf-products-item .products-image .action li a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--paragraph-color);
  background-color: var(--white-color);
  transition: var(--transition);
  position: relative;
}
.mf-products-item .products-image .action li a img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  width: auto;
}
.mf-products-item .products-image .action li a:hover {
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
}
.mf-products-item .products-image .buy-btn {
  display: inline-block;
  color: var(--white-color);
  background-color: var(--optional-black-color);
  padding: 12px 20px;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.mf-products-item .products-image .buy-btn:hover {
  background-color: var(--black-color);
}
.mf-products-item .products-content {
  margin-top: 20px;
}
.mf-products-item .products-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.mf-products-item .products-content h3 a {
  color: var(--optional-black-color);
}
.mf-products-item .products-content .price .old-price {
  text-decoration-line: line-through;
  color: var(--paragraph-color);
}
.mf-products-item .products-content .price .new-price {
  font-weight: 600;
  color: var(--optional-black-color);
  margin-left: 5px;
}
.mf-products-item:hover .products-image a img {
  transform: scale(1.1);
}
.mf-products-item:hover .products-image .action {
  opacity: 1;
  visibility: visible;
}
.mf-products-item:hover .products-image .buy-btn {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.mf-products-item.with-wishlist .products-image .remove {
  position: absolute;
  right: 20px;
  top: 20px;
}
.mf-products-item.with-wishlist .products-image .remove a i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: var(--white-color);
  font-size: 22px;
  text-align: center;
  border-radius: 50px;
  color: var(--main-color);
  transition: var(--transition);
}
.mf-products-item.with-wishlist .products-image .remove a i:hover {
  background-color: var(--optional-black-color);
  color: var(--white-color);
}
.mf-products-item.with-wishlist .products-image .action {
  right: 20px;
  top: 80px;
}

.mf-products-slides.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: -77px;
}
.mf-products-slides.owl-theme .owl-nav [class*=owl-] {
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  background: #D9D9D9;
  height: 40px;
  width: 40px;
  line-break: 40px;
  color: var(--black-color);
  border-radius: 50%;
  transition: var(--transition);
  font-size: 25px;
  position: relative;
}
.mf-products-slides.owl-theme .owl-nav [class*=owl-] i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mf-products-slides.owl-theme .owl-nav [class*=owl-]:first-child {
  margin-left: 0;
}
.mf-products-slides.owl-theme .owl-nav [class*=owl-]:last-child {
  margin-right: 0;
}
.mf-products-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}

.mf-products-col-two .mf-products-col-item {
  flex: 0 0 50%;
  max-width: 50%;
}

.mf-products-col-four .mf-products-col-item {
  flex: 0 0 auto;
  width: 25%;
}
.mf-products-col-four .mf-products-col-item .mf-products-card .products-image .action {
  right: 15px;
  top: 20px;
}
.mf-products-col-four .mf-products-col-item .mf-products-card .products-image .bottom-list li:first-child {
  display: none;
}
.mf-products-col-four .mf-products-col-item .mf-products-card .products-content h3 {
  margin-bottom: 12px;
  font-size: 18px;
}
.mf-products-col-four .mf-products-col-item .mf-products-card .products-content .price-and-rating.d-flex {
  display: block !important;
}
.mf-products-col-four .mf-products-col-item .mf-products-card .products-content .price-and-rating .rating {
  padding-left: 0;
  opacity: 1;
  visibility: visible;
  margin-top: 12px;
}

.mf-products-col-list .mf-products-col-item {
  flex: 0 0 100%;
  max-width: 100%;
}
.mf-products-col-list .mf-products-col-item .mf-products-item {
  display: flex;
  align-items: center;
}
.mf-products-col-list .mf-products-col-item .mf-products-item .products-image {
  max-width: 550px;
}
.mf-products-col-list .mf-products-col-item .mf-products-item .products-content {
  margin-top: 0;
  padding-left: 40px;
}
.mf-products-col-list .mf-products-col-item .mf-products-card {
  display: flex;
  align-items: center;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image {
  max-width: 550px;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image .sale {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image .action {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image .bottom-list {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image .stock-out {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-image .new {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-content {
  display: none;
}
.mf-products-col-list .mf-products-col-item .mf-products-card .products-list-content {
  display: block;
  padding-left: 40px;
  width: 100%;
}

.mf-sorting-box {
  margin-bottom: 30px;
}
.mf-sorting-box .sorting-select .form-select {
  background-color: #F5F5F5;
  border: none;
  display: inline-block;
  width: 100%;
  height: 45px;
  outline: 0;
  box-shadow: unset;
  border-radius: 0;
  padding: 5px 20px;
  font-weight: 500;
  font-size: 14px;
  color: var(--paragraph-color);
}
.mf-sorting-box .view-list-row {
  position: relative;
  top: 2.4px;
}
.mf-sorting-box .view-list-row .view-column a {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 0;
  height: 40px;
  width: 42px;
  line-height: 38px;
  margin-right: 10px;
  text-align: center;
}
.mf-sorting-box .view-list-row .view-column a img {
  transition: var(--transition);
}
.mf-sorting-box .view-list-row .view-column a:last-child {
  margin-right: 0;
}
.mf-sorting-box .view-list-row .view-column a.active img, .mf-sorting-box .view-list-row .view-column a:hover img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(95deg) brightness(100%) contrast(105%);
}

/*================================================
MF Quick View Area CSS
=================================================*/
.mf-quick-view-modal {
  padding: 100px 0;
}
.mf-quick-view-modal.modal.end .modal-dialog {
  max-width: 1000px;
}
.mf-quick-view-modal .modal-content {
  border-radius: 0;
  border: none;
}
.mf-quick-view-modal .modal-content .modal-body {
  padding: 2px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content {
  padding: 10px 0 10px 30px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .rating {
  padding-left: 0;
  margin-bottom: 10px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .rating li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .rating li:last-child {
  margin-right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .rating li i {
  color: var(--black-color);
  font-size: 18px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content h3 {
  font-weight: 600;
  font-size: 18px;
  color: var(--optional-black-color);
  margin-bottom: 12px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .price .old-price {
  text-decoration-line: line-through;
  color: var(--paragraph-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .price .new-price {
  font-weight: 600;
  color: var(--optional-black-color);
  margin-left: 5px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list {
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list li:last-child {
  margin-right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list li span {
  font-weight: 500;
  font-size: 15px;
  color: var(--optional-black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list li a {
  font-size: 15px;
  color: var(--optional-black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .size-list li a:hover {
  text-decoration-line: underline;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .sub {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .sub a {
  color: var(--paragraph-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .sub a:hover {
  color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li {
  display: flex;
  list-style: none;
  font-size: 15px;
  color: var(--optional-black-color);
  margin-bottom: 15px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li:last-child {
  margin-bottom: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li span {
  font-weight: 500;
  font-size: 15px;
  color: var(--optional-black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 5px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color:last-child {
  margin-right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--black-color);
  border-radius: 50%;
  margin: 1px;
  transition: var(--transition);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color:hover, .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color:focus {
  border-color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.two::before {
  background: #0500EE;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.two:hover, .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.two:focus {
  border-color: #0500EE;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.three::before {
  background: #CF3E00;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.three:hover, .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li .color.three:focus {
  border-color: #CF3E00;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li.stock {
  font-size: 14px;
  color: #039500;
  position: relative;
  padding-left: 25px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .color-list li.stock i {
  font-size: 20px;
  position: absolute;
  left: 0;
  right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list {
  padding-left: 0;
  display: flex;
  margin-top: 22px;
  margin-bottom: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li:last-child {
  margin-right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .input-counter {
  text-align: center;
  display: inline-block;
  position: relative;
  background: #F9F9F9;
  padding: 15px 25px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .input-counter span {
  font-size: 20px;
  font-weight: 500;
  color: var(--black-color);
  cursor: pointer;
  position: relative;
  top: 1.5px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .input-counter input {
  color: var(--black-color);
  outline: 0;
  display: inline-block;
  border: none;
  background-color: transparent;
  text-align: center;
  width: 65px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  top: -2px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .input-counter input::-moz-placeholder {
  color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .input-counter input::placeholder {
  color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li .mf-default-btn {
  border: none;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .wishlist-btn {
  margin-top: 20px;
  display: block;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .wishlist-btn a {
  position: relative;
  color: var(--paragraph-color);
  font-size: 15px;
  padding-left: 25px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .wishlist-btn a i {
  font-size: 20px;
  color: var(--paragraph-color);
  position: absolute;
  left: 0;
  top: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .wishlist-btn a:hover {
  color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .product-btn {
  text-decoration-line: underline;
  color: var(--paragraph-color);
  display: block;
  margin-top: 35px;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .product-btn:hover {
  color: var(--black-color);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav {
  margin-top: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-] {
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  background: var(--white-color);
  height: 40px;
  width: 40px;
  line-break: 40px;
  color: var(--paragraph-color);
  border-radius: 50%;
  transition: var(--transition);
  font-size: 25px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 20px;
  left: auto;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-] i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-]:first-child {
  margin-left: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-]:last-child {
  margin-right: 0;
}
.mf-quick-view-modal .modal-content .modal-body .mf-quick-view-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}
.mf-quick-view-modal .close {
  color: var(--black-color);
  font-size: 25px;
  outline: 0 !important;
  line-height: initial;
  transition: var(--transition);
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: transparent;
  border: none;
  padding: 0;
  line-height: 1;
  z-index: 1;
}
.mf-quick-view-modal .close:not(:disabled):not(.disabled):hover, .mf-quick-view-modal .close:not(:disabled):not(.disabled):focus {
  text-decoration: none;
  opacity: 1;
  color: var(--main-color);
}

/*================================================
MF Products Widget Area CSS
=================================================*/
.mf-products-widget-area {
  padding-right: 30px;
}
.mf-products-widget-area.right {
  padding-right: 0;
  padding-left: 30px;
}
.mf-products-widget-area .collapse-widget {
  margin-bottom: 40px;
}
.mf-products-widget-area .collapse-widget:last-child {
  margin-bottom: 0;
}
.mf-products-widget-area .collapse-widget .collapse-widget-title {
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  font-size: 18px;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
  color: var(--optional-black-color);
}
.mf-products-widget-area .collapse-widget .collapse-widget-title::before {
  position: absolute;
  content: "\ea4a";
  right: 0;
  top: 1.5px;
  font-family: boxicons;
  color: var(--paragraph-color);
  transition: var(--transition);
}
.mf-products-widget-area .collapse-widget .collapse-widget-title.active::before {
  content: "\ea57";
}
.mf-products-widget-area .widget_categories .list {
  padding-left: 0;
  margin-bottom: 0;
}
.mf-products-widget-area .widget_categories .list li {
  list-style-type: none;
  margin-bottom: 20px;
}
.mf-products-widget-area .widget_categories .list li:last-child {
  margin-bottom: 0;
}
.mf-products-widget-area .widget_categories .list li a {
  font-weight: 600;
  font-size: 14px;
  color: var(--paragraph-color);
}
.mf-products-widget-area .widget_categories .list li a:hover {
  color: var(--optional-black-color);
}
.mf-products-widget-area .widget_categories .list li a:hover .num {
  background-color: var(--optional-black-color);
  color: var(--white-color);
}
.mf-products-widget-area .widget_categories .list li a .num {
  font-size: 14px;
  background-color: #E5E5E5;
  color: var(--optional-black-color);
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  transition: var(--transition);
}
.mf-products-widget-area .widget_categories .list li .view-btn {
  color: var(--optional-black-color);
  font-size: 14px;
}
.mf-products-widget-area .widget_categories .list li .view-btn:hover {
  color: var(--black-color);
}
.mf-products-widget-area .widget_availability .list {
  padding-left: 0;
  margin-bottom: 0;
}
.mf-products-widget-area .widget_availability .list li {
  list-style-type: none;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}
.mf-products-widget-area .widget_availability .list li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #D9D9D9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mf-products-widget-area .widget_availability .list li:last-child {
  margin-bottom: 0;
}
.mf-products-widget-area .widget_availability .list li a {
  font-weight: 600;
  font-size: 14px;
  color: var(--paragraph-color);
}
.mf-products-widget-area .widget_availability .list li a:hover {
  color: var(--optional-black-color);
}
.mf-products-widget-area .widget_availability .list li a:hover .num {
  background-color: var(--optional-black-color);
  color: var(--white-color);
}
.mf-products-widget-area .widget_availability .list li a .num {
  font-size: 14px;
  background-color: #E5E5E5;
  color: var(--optional-black-color);
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  transition: var(--transition);
}
.mf-products-widget-area .widget_availability .list li .view-btn {
  color: var(--optional-black-color);
  font-size: 14px;
}
.mf-products-widget-area .widget_availability .list li .view-btn:hover {
  color: var(--black-color);
}
.mf-products-widget-area .widget_price .price-range-content {
  padding-right: 15px;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-bar {
  border: none;
  background: var(--black-color);
  height: 5px;
  width: 100%;
  margin-left: 0;
  margin-bottom: 25px;
  position: relative;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-bar .ui-slider-range {
  background: var(--black-color);
}
.mf-products-widget-area .widget_price .price-range-content .price-range-bar .ui-slider-handle {
  border: none;
  border-radius: 50%;
  background: var(--optional-black-color);
  border: 2px solid var(--black-color);
  height: 15px;
  width: 15px;
  top: -5px;
  cursor: pointer;
  background: var(--black-color);
  position: absolute;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-bar .ui-slider-handle:focus {
  outline: 0;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .price-range-filter-item h4 {
  font-size: 15px;
  color: var(--black-color);
  margin-right: 10px;
  margin-bottom: 0;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .price-range-filter-item input {
  width: 100%;
  border: 0;
  border-radius: 0;
  text-align: start;
  font-weight: 600;
  color: var(--black-color);
  background-color: transparent;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .price-range-filter-item input:focus {
  outline: 0;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .price-range-filter-button {
  margin-top: 15px;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .btn {
  padding: 10px 15px;
  background-color: var(--black-color);
  color: var(--white-color);
  font-weight: 500;
  transition: var(--transition);
  box-shadow: none;
  letter-spacing: 0.5px;
  font-size: 14px;
}
.mf-products-widget-area .widget_price .price-range-content .price-range-filter .btn:hover {
  background-color: var(--optional-black-color);
}
.mf-products-widget-area .widget_color .list {
  padding-left: 0;
  margin-bottom: 0;
}
.mf-products-widget-area .widget_color .list li {
  list-style-type: none;
  margin-bottom: 20px;
}
.mf-products-widget-area .widget_color .list li:last-child {
  margin-bottom: 0;
}
.mf-products-widget-area .widget_color .list li a {
  font-weight: 600;
  font-size: 14px;
  color: var(--paragraph-color);
  position: relative;
  padding-left: 28px;
}
.mf-products-widget-area .widget_color .list li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 2px;
  background: var(--black-color);
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
  transition: var(--transition);
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a:hover {
  color: var(--optional-black-color);
}
.mf-products-widget-area .widget_color .list li a:hover .num {
  background-color: var(--optional-black-color);
  color: var(--white-color);
}
.mf-products-widget-area .widget_color .list li a .num {
  font-size: 14px;
  background-color: #E5E5E5;
  color: var(--optional-black-color);
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  transition: var(--transition);
}
.mf-products-widget-area .widget_color .list li a.white::before {
  background: var(--white-color);
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a.blue::before {
  background: #0500EE;
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a.pink::before {
  background: #FF50ED;
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a.gray::before {
  background: #E9E9E9;
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a.brown::before {
  background: #AB7B00;
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li a.cream::before {
  background: #FFECEC;
  border: 2px solid #D9D9D9;
}
.mf-products-widget-area .widget_color .list li .view-btn {
  color: var(--optional-black-color);
  font-size: 14px;
  padding-left: 0;
}
.mf-products-widget-area .widget_color .list li .view-btn::before {
  display: none;
}
.mf-products-widget-area .widget_color .list li .view-btn:hover {
  color: var(--black-color);
}
.mf-products-widget-area .widget_size .list {
  padding-left: 0;
  margin-bottom: 0;
}
.mf-products-widget-area .widget_size .list li {
  list-style-type: none;
  margin-bottom: 20px;
}
.mf-products-widget-area .widget_size .list li:last-child {
  margin-bottom: 0;
}
.mf-products-widget-area .widget_size .list li a {
  font-weight: 600;
  font-size: 14px;
  color: var(--paragraph-color);
}
.mf-products-widget-area .widget_size .list li a:hover {
  color: var(--optional-black-color);
}
.mf-products-widget-area .widget_size .list li a:hover .num {
  background-color: var(--optional-black-color);
  color: var(--white-color);
}
.mf-products-widget-area .widget_size .list li a .num {
  font-size: 14px;
  background-color: #E5E5E5;
  color: var(--optional-black-color);
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  transition: var(--transition);
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
  .mf-products-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .mf-products-slides.owl-theme .owl-nav {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 5px;
    margin-bottom: 25px;
  }
  .mf-products-widget-area {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .mf-products-widget-area.right {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 30px;
  }
  .mf-sorting-box .view-list-row {
    margin-top: 25px;
  }
  .mf-sorting-box .view-list-row .view-column {
    text-align: center;
  }
  .mf-sorting-box .view-list-row .view-column a:nth-child(3) {
    display: none;
  }
  .mf-sorting-box .view-list-row .view-column a:nth-child(4) {
    display: none;
  }
  .mf-products-col-two .mf-products-col-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mf-products-col-two .mf-products-col-item .mf-products-item .products-content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .mf-products-col-four .mf-products-col-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-card {
    display: block;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-card .products-list-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-card .products-list-content .action {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content {
    padding: 30px 20px;
  }
  .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list {
    display: block;
  }
  .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li {
    margin-bottom: 10px;
  }
  .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content .add-to-cart-list li:last-child {
    margin-bottom: 0;
  }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mf-products-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .mf-products-widget-area {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .mf-products-widget-area.right {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 30px;
  }
  .mf-sorting-box .view-list-row {
    margin-top: 25px;
  }
  .mf-sorting-box .view-list-row .view-column {
    text-align: center;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-item .products-image {
    max-width: 350px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action {
    right: 10px;
    top: 10px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action li:last-child {
    display: none;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-card .products-image .action {
    right: 10px;
    top: 10px;
  }
  .mf-quick-view-modal .modal-content .modal-body .mf-quick-view-content {
    padding: 30px;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mf-products-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-item .products-image {
    max-width: 250px;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-card .products-image {
    max-width: 280px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action {
    right: 10px;
    top: 10px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-item .products-image .action li:last-child {
    display: none;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-card .products-image .action {
    right: 10px;
    top: 10px;
  }
  .mf-products-col-four .mf-products-col-item .mf-products-card .products-image .action li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mf-products-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .mf-products-col-list .mf-products-col-item .mf-products-item .products-image {
    max-width: 450px;
  }
}
/* Min width 1600px */
@media only screen and (min-width: 1600px) {
  .mf-products-area .container-fluid {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
  }
}/*# sourceMappingURL=products.css.map */