@charset "UTF-8";

@font-face {
  font-family: "DIN Next LT Arabic";
  src: url(/fonts/DINNextLTArabic-Regular.ttf?61b1e04ff205cd324350749648fe16fc) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "DIN Next LT Arabic";
  src: url(/fonts/DINNextLTArabic-Medium.ttf?8bb0cc139f4ae9080896b1bbf8b126ec) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "DIN Next LT Arabic";
  src: url(/fonts/DINNextLTArabic-Bold.ttf?24421421e9210a40c31dda3d7d47995a) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

body {
  font-family: "DIN Next LT Arabic";
  font-weight: 400;
}

.background-gradient {
  background-image: linear-gradient(to left, #b83b5e, #fe7680);
}

.background-gradient-vertical {
  background-image: linear-gradient(#b83b5e, #fe7680);
}

.background-primary-color {
  background-color: #b83b5e;
  color: #fff;
}

.background-secondary-color {
  background-color: #fe7680;
  color: #fff;
}

.background-dark-color {
  background-color: #88304e;
  color: #fff;
}

.color-primary-color {
  color: #b83b5e;
}

.color-secondary-color {
  color: #fe7680;
}

.color-light {
  color: #f8717d !important;
}

.color-dark-color {
  color: #88304e;
}

.color-white {
  color: #fff;
}

.border-color-primary-color {
  border-color: #b83b5e !important;
}

.border-color-secondary-color {
  border-color: #fe7680 !important;
}

.border-color-dark-color {
  border-left-color: #88304e !important;
}

.border-color-top-dark-color {
  border-top-color: #88304e !important;
}

.border-color-right-dark-color {
  border-right-color: #88304e !important;
}

.border-color-bottom-dark-color {
  border-bottom-color: #88304e !important;
}

.border-color-left-dark-color {
  border-left-color: #88304e !important;
}

.btn {
  border: none;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 768px) {
  .btn {
    padding: 8px 15px;
  }
}

.btn:focus {
  border: none;
  box-shadow: none;
}

.btn .ml {
  margin-left: 5px;
}

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

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

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

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

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

.py-30 {
  padding: 30px 0;
}

.py-35 {
  padding: 35px 0;
}

.py-40 {
  padding: 40px 0;
}

.py-45 {
  padding: 45px 0;
}

.py-50 {
  padding: 50px 0;
}

.py-55 {
  padding: 55px 0;
}

.py-60 {
  padding: 60px 0;
}

.py-65 {
  padding: 65px 0;
}

.py-70 {
  padding: 70px 0;
}

.py-75 {
  padding: 75px 0;
}

.py-80 {
  padding: 80px 0;
}

.py-85 {
  padding: 85px 0;
}

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

.py-95 {
  padding: 95px 0;
}

.py-100 {
  padding: 100px 0;
}

.full-height {
  min-height: 60vh;
}

.color-item .item-color {
  background: #fff;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 10px solid;
  margin-left: 5px;
}

.mini-width {
  max-width: 1000px;
  margin: auto;
}

.nav-header {
  padding: 10px 0 15px;
}

@media (max-width: 576px) {
  .nav-header {
    display: none;
  }
}

.nav-header ul {
  margin: 0;
}

.nav-header ul li a {
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

.nav-header ul.right-col li a {
  border-left: 1px solid;
}

.nav-header ul.right-col li:last-child a {
  border: none;
}

.nav-container {
  padding: 10px 0;
}

.nav-container .nav-logo {
  flex: 10%;
}

.nav-container .nav-add {
  text-align: left;
  flex: 15%;
}

@media (max-width: 992px) {
  .nav-container .nav-add {
    flex: 60%;
  }
}

.nav-footer {
  background-color: #f6f6f6;
}

.nav-footer .dropdown {
  flex: 0%;
}

.nav-footer .dropdown .dropdown-toggle-btn {
  background-color: #eef0f2;
  border: none;
  padding: 15px 20px;
  position: relative;
  z-index: 0;
  width: 100%;
  font-weight: bold;
  text-align: right;
}

@media (max-width: 768px) {
  .nav-footer .dropdown .dropdown-toggle-btn {
    padding: 15px 10px;
  }
}

.nav-footer .dropdown .dropdown-toggle-btn:before {
  content: "";
  position: absolute;
  right: -50%;
  width: 100%;
  height: 100%;
  background: #eef0f2;
  top: 0;
  z-index: -1;
}

.nav-footer .dropdown .dropdown-menu-list {
  display: none;
  background-color: #eef0f2;
  list-style: none;
  position: absolute;
  width: 100%;
  z-index: 2;
  padding: 10px;
}

.nav-footer .dropdown .dropdown-menu-list li:hover > .dropdown-menu-children {
  display: block;
}

.nav-footer .dropdown .dropdown-menu-list li.has-children > a:after {
  content: "\F078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  left: 30px;
  font-size: 12px;
  padding-left: 20px;
}

.nav-footer .dropdown .dropdown-menu-list li a {
  color: #222;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #e3e3e3;
}

.nav-footer .dropdown .dropdown-menu-list li a:hover {
  color: #b83b5e;
  padding-right: 15px;
}

.nav-footer .dropdown .dropdown-menu-list li .dropdown-menu-children {
  display: none;
  list-style: none;
}

.nav-footer .dropdown .dropdown-menu-list li .dropdown-menu-children a {
  font-weight: 500;
}

.nav-footer .dropdown .dropdown-menu-list.active {
  display: block;
}

.nav-footer .navbar {
  padding: 0;
  flex: auto;
}

@media (max-width: 992px) {
  .nav-footer .navbar {
    position: fixed;
    left: -100%;
    top: 0;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 99;
    transition: all 0.3s ease-in-out;
  }

  .nav-footer .navbar.active {
    left: 0;
  }

  .nav-footer .navbar .collapse {
    display: block;
  }
}

@media (max-width: 992px) {
  .nav-footer .navbar .navbar-nav {
    align-items: center;
  }
}

.nav-footer .navbar .navbar-nav .close-menu {
  display: none;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
}

@media (max-width: 992px) {
  .nav-footer .navbar .navbar-nav .close-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.nav-footer .navbar .navbar-nav .nav-item .nav-link {
  color: #222222;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  padding: 0.5rem 20px;
  display: flex;
  align-items: center;
}

@media (max-width: 992px) {
  .nav-footer .navbar .navbar-nav .nav-item .nav-link {
    font-size: 24px;
  }
}

.nav-footer .navbar .navbar-nav .nav-item .nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  height: 20px;
  width: 2px;
  background: #e8e5e5;
}

@media (max-width: 992px) {
  .nav-footer .navbar .navbar-nav .nav-item .nav-link:after {
    display: none;
  }
}

.nav-footer .navbar .navbar-nav .nav-item .nav-link.active {
  color: #88304e;
}

.nav-footer .navbar .navbar-nav .nav-item:last-child .nav-link:after {
  display: none;
}

.nav-footer .menu-toggle {
  display: none;
  font-size: 20px;
}

@media (max-width: 992px) {
  .nav-footer .menu-toggle {
    display: block;
    flex: auto;
    text-align: left;
  }
}

.nav-search {
  flex: 35%;
}

@media (max-width: 992px) {
  .nav-search {
    display: none;
  }
}

.nav-search .search-form {
  border: 2px solid #e7eaed;
  border-radius: 5px;
}

.nav-search .search-form .search-fields {
  flex: 90%;
  padding: 5px;
}

.nav-search .search-form input,
.nav-search .search-form button,
.nav-search .search-form select {
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: #777777;
}

.nav-search .search-form input {
  flex: 60%;
}

.nav-search .search-form input::-moz-placeholder {
  color: #c5c7c9;
}

.nav-search .search-form input:-ms-input-placeholder {
  color: #c5c7c9;
}

.nav-search .search-form input::placeholder {
  color: #c5c7c9;
}

.nav-search .search-form select {
  flex: 30%;
}

.nav-search .search-form button {
  flex: 10%;
  position: relative;
}

.nav-search .search-form button:hover {
  color: #000;
}

.nav-search .search-form button:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #e7eaed;
}

.slider {
  margin-top: 20px;
}

.slider .carousel-indicators {
  bottom: -50px;
}

.slider .carousel-indicators button {
  background-color: #c9cdd2;
  height: 4px;
}

.slider .carousel-control-next,
.slider .carousel-control-prev {
  width: 5%;
}

.slider .carousel-control-next .carousel-control-prev-icon,
.slider .carousel-control-next .carousel-control-next-icon,
.slider .carousel-control-prev .carousel-control-prev-icon,
.slider .carousel-control-prev .carousel-control-next-icon {
  background-color: #a9a9a9;
}

.slider .slider-background {
  min-height: 400px;
  height: 100%;
  background-color: #fff1f2;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 1400px) {
  .slider .slider-background {
    display: block;
    padding: 30px;
    text-align: center;
  }
}

.slider .slider-background img {
  position: absolute;
  bottom: 0;
  right: 250px;
}

@media (max-width: 1400px) {
  .slider .slider-background img {
    position: relative;
    right: inherit;
    margin-bottom: 30px;
  }
}

.slider .slider-background .content {
  position: absolute;
  left: 250px;
}

@media (max-width: 1400px) {
  .slider .slider-background .content {
    position: relative;
    left: inherit;
  }
}

.slider .slider-background .content .badge-new-in {
  background-color: #222;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
}

.slider .slider-background .content .slider-title {
  font-weight: 400;
  font-size: 72px;
}

@media (max-width: 1400px) {
  .slider .slider-background .content .slider-title {
    font-size: 44px;
  }
}

.slider .slider-background .content .slider-title .scope {
  font-weight: bold;
  font-size: 64px;
}

@media (max-width: 1400px) {
  .slider .slider-background .content .slider-title .scope {
    font-size: 40px;
  }
}

.slider .slider-background .content .left-button {
  text-align: left;
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .slider .slider-background .content .left-button {
    text-align: center;
  }
}

.slider .slider-background .content .left-button .btn {
  background-color: #fff;
  color: #222;
  padding: 10px 40px 15px;
}

.categories {
  padding: 30px 0;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .categories .category {
    flex: 33.33%;
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .categories .category {
    flex: 50%;
  }
}

.categories .category-item {
  text-align: center;
  color: #222;
  font-weight: bold;
  font-size: 14px;
}

.categories .category-item .inner-category {
  padding: 10px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.categories .category-item .icon {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.products-head {
  margin-bottom: 30px;
}

.products-head .load-more-btn {
  text-decoration: underline;
  color: #222;
  font-weight: bold;
}

.products .product-box {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin-bottom: 30px;
}

.products .product-box.special {
  box-shadow: none;
  border: 2px solid;
}

.products .product-box .product-header {
  padding: 10px;
}

.products .product-box .product-header .product-image {
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.products .product-box .product-header .product-image .sell-badge {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 0px 10px 3px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
}

.products .product-box .product-header .product-image .add-to-favorite {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}

.products .product-box .product-header .product-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  display: block;
  margin-bottom: 5px;
}

.products .product-box .product-header .product-price {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}

.products .product-box .product-footer {
  background-color: #f6f6f6;
  border-radius: 0 0 10px 10px;
  padding: 15px 30px;
}

.products .product-box .product-footer ul {
  -moz-column-count: 2;
       column-count: 2;
  margin-bottom: -10px;
}

.products .product-box .product-footer ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #999999;
  font-weight: 500;
}

.products .product-box .product-footer ul li a {
  color: #999999;
}

.products .product-box .product-footer ul li i {
  width: 15px;
  height: 15px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banners {
  padding: 20px 0 50px;
}

.search-sidebar {
  background-color: #f6f6f6;
  padding: 20px;
  border-radius: 10px;
}

.search-sidebar .widget {
  margin-bottom: 30px;
}

.search-sidebar .widget:last-child {
  margin: 0;
}

.search-sidebar .widget .widget-title {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.search-sidebar .widget .widget-title i {
  margin-left: 10px;
}

.search-sidebar .widget .widget-title span {
  color: #222;
  font-weight: bold;
  font-size: 18px;
}

.search-sidebar .widget.range-price .price-field {
  position: relative;
  width: 100%;
  margin: 10px 0;
  height: 20px;
  display: flex;
  align-items: center;
}

.search-sidebar .widget.range-price .price-field input[type=range] {
  position: absolute;
  width: 100%;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  -webkit-appearance: none;
}

.search-sidebar .widget.range-price .price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #f8717d;
  transition-duration: 0.3s;
}

.search-sidebar .widget.range-price .price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px #f8717d;
  transition-duration: 0.3s;
}

.search-sidebar .widget.range-price .price-field input[type=range]:active,
.search-sidebar .widget.range-price .price-field input[type=range]:focus {
  outline: 0;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-ms-track {
  width: 188px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: #fff;
  border-radius: 5px;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-webkit-slider-thumb {
  /* WebKit/Blink */
  position: relative;
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 100px;
  height: 15px;
  width: 30px;
  background-color: #b83b5e;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-moz-range-thumb {
  /* Firefox */
  position: relative;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background-color: #fff;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-webkit-slider-runnable-track {
  /* WebKit/Blink */
  width: 188px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
}

.search-sidebar .widget.range-price .price-field input[type=range]::-moz-range-track {
  /* Firefox */
  width: 188px;
  /* height: 2px; */
  cursor: pointer;
  background: #242424;
  border-radius: 5px;
}

.search-sidebar .widget.range-price .price-value {
  font-weight: bold;
  font-size: 14px;
  padding: 0 20px;
}

.search-sidebar .widget .form-check {
  margin-bottom: 10px;
}

.search-sidebar .widget .form-check .form-check-label {
  font-weight: 500;
  font-size: 14px;
}

.pagination .page-item.active .page-link {
  background-color: #b83b5e;
  border-color: #b83b5e;
  color: #fff;
}

.pagination .page-item .page-link {
  color: #222;
  box-shadow: none !important;
}

.sign-form {
  max-width: 600px;
  margin: auto;
}

.sign-form .section-title {
  margin-bottom: 40px;
}

.sign-form form .form-content {
  background: #f6f6f6;
  padding: 30px;
}

.sign-form form .form-content label {
  font-weight: bold;
  font-size: 13px;
  display: block;
  margin-bottom: 15px;
}

.sign-form form .form-content .input-group input,
.sign-form form .form-content .input-group select {
  border: none !important;
}

.sign-form form .form-content .input-group input::-moz-selection, .sign-form form .form-content .input-group select::-moz-selection {
  color: #c6c6c6;
}

.sign-form form .form-content .input-group input::-moz-placeholder, .sign-form form .form-content .input-group select::-moz-placeholder {
  color: #c6c6c6;
}

.sign-form form .form-content .input-group input:-ms-input-placeholder, .sign-form form .form-content .input-group select:-ms-input-placeholder {
  color: #c6c6c6;
}

.sign-form form .form-content .input-group input::placeholder,
.sign-form form .form-content .input-group input::selection,
.sign-form form .form-content .input-group select::placeholder,
.sign-form form .form-content .input-group select::selection {
  color: #c6c6c6;
}

.sign-form form .form-content .input-group span {
  border: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  color: #c6c6c6;
  z-index: 3;
}

.sign-form form .form-content .forget-password {
  color: #222;
  font-weight: bold;
  font-size: 14px;
}

.sign-form form .btn {
  border-radius: 0px 0px 10px 10px;
}

.add-product .add-new-product label {
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}

.add-product .add-new-product .top-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.add-product .add-new-product .top-title .icon {
  background: rgba(136, 48, 78, 0.1);
  color: #88304e;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.add-product .add-new-product .top-title .text {
  font-size: 20px;
  font-weight: bold;
}

.add-product .add-new-product input[type=text],
.add-product .add-new-product input[type=email],
.add-product .add-new-product input[type=tel],
.add-product .add-new-product input[type=file],
.add-product .add-new-product select {
  background-color: #f9f9f9;
  border: none;
  padding: 15px;
}

.add-product .add-new-product .input-group-text {
  background: #f9f9f9;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: none;
  z-index: 3;
  color: #999;
}

.my-product h1 {
  font-size: 32px;
  margin-bottom: 30px;
}

.my-product .my-products-box {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.my-product .my-products-box:last-child {
  margin: 0;
}

.my-product .my-products-box .product-info .product-image {
  margin-left: 10px;
}

.my-product .my-products-box .product-info .product-image img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.my-product .my-products-box .product-info .product-title {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 576px) {
  .my-product .my-products-box .product-info .product-title {
    font-size: 14px;
  }
}

.my-product .my-products-box .product-info .product-price {
  font-weight: 500;
}

@media (max-width: 576px) {
  .my-product .my-products-box .product-info .product-price {
    font-size: 12px;
  }
}

.my-product .my-products-box .product-actions .action {
  color: #fff;
  background-color: #88304e;
  margin-bottom: 5px;
  padding: 2px 10px 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.my-product .my-products-box .product-actions .action.outline {
  border: 1px solid #eee;
  background-color: transparent;
  color: #999;
}

.my-product .my-products-box .product-actions .action:hover {
  color: #fff;
  background-color: #88304e;
}

@media (max-width: 576px) {
  .my-product .my-products-box .product-actions .action {
    font-size: 12px;
  }
}

.my-product .my-products-box .product-actions .action:last-child {
  margin: 0;
}

.chat-warp {
  background-image: url(/images/bg.jpg?a40c936880ba801f617e71b846b32e4a);
  background-repeat: repeat;
  background-size: contain;
  background-color: #F5F6FA;
  background-attachment: fixed;
  height: 100vh;
}

.chat-warp .container-fluid,
.chat-warp .row,
.chat-warp .col-md-3,
.chat-warp .col-md-9 {
  height: 100%;
}

.chat-right {
  background-color: #fff;
  padding: 10px 0;
  border-radius: 20px 20px 0 0;
  height: 100vh;
  margin-top: 20px;
}

.chat-height {
  height: 100vh;
}

.chat-left {
  height: 55%;
  overflow-y: scroll;
}

.chat-left .chat-meta {
  margin-left: 20px;
}

.chat-search {
  position: relative;
  margin: 0 20px 40px;
}

.chat-search input {
  background-color: #F5F6FA;
  border-radius: 100px;
  border: 0px !important;
  padding: 10px 20px;
  font-weight: 300;
  color: #747F88;
}

.chat-search input::-webkit-input-placeholder {
  color: #CED2D7;
}

.chat-search input:-moz-placeholder {
  color: #CED2D7;
}

.chat-search input::-moz-placeholder {
  color: #CED2D7;
}

.chat-search input:-ms-input-placeholder {
  color: #CED2D7;
}

.chat-search button {
  position: absolute;
  top: 0;
  left: 5px;
  color: #CED2D7;
  border-radius: 100px;
}

.chat-search button:focus,
.chat-search button:hover {
  color: #747F88;
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

.user-box {
  padding: 30px 20px;
  transition: all 0.2s linear;
}

.user-box .user-meta {
  position: relative;
  padding-right: 75px;
}

.user-box .user-meta .user-thumb {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 100%;
  overflow: hidden;
}

.user-box .user-meta .user-thumb img {
  width: 50px;
  height: 50px;
}

.user-box .user-meta .user-data {
  margin-top: 10px;
}

.user-box .user-meta .user-data .user-nick {
  font-size: 14px;
  font-weight: 500;
  color: #747F88;
}

.user-box .user-meta .user-data .user-last-words {
  color: #C3C4C5;
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}

.user-box .user-status {
  text-align: left;
  margin-top: 15px;
}

.user-box .user-status .user-read {
  font-size: 12px;
  color: #C3C4C5;
}

.user-box .user-status .read-on {
  color: #b83b5e;
}

.user-box .user-status .count {
  background-color: #fe7680;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  margin: 0 auto 3px;
}

.user-box .user-status .user-last-time {
  color: #95A3B0;
  font-size: 10px;
  font-weight: 500;
}

.user-box:hover,
.user-active {
  background-color: #F5F6FA;
}

.chat-head {
  background-color: #F1F2F7;
  padding: 15px 15px 20px;
  margin: 20px 0 40px;
  border-radius: 100px;
}

@media (max-width: 992px) {
  .chat-head {
    margin-top: 40px;
  }
}

.chat-head .user-box {
  margin: 0;
  padding: 0;
}

.chat-head .user-on,
.chat-head .user-off {
  font-size: 12px;
  font-weight: 300;
  color: #C3C4C5;
}

.chat-head .user-on:before,
.chat-head .user-off:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  background-color: #C3C4C5;
  margin-left: 3px;
}

.chat-head .user-on:before {
  background-color: #66C88F;
}

.chat-head .chat-button {
  margin-left: 15px;
}

.chat-head .chat-button .ellipsis {
  margin-right: 15px;
}

.chat-head .chat-button a {
  color: #868F97;
}

.chat-head .chat-button a:hover {
  color: #b83b5e;
}

.chat-meta .chat-text {
  font-size: 14px;
  font-weight: 300;
  color: #747F88;
  padding: 20px 30px;
  border-radius: 100px;
  background-color: #fff;
}

.chat-meta .chat-text p {
  margin: 0;
  line-height: 1.8;
}

.chat-meta .chat-box {
  display: block;
  max-width: 50%;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .chat-meta .chat-box {
    max-width: 100%;
  }
}

.chat-meta .chat-time {
  line-height: 1.3;
}

.chat-meta .chat-time time {
  text-align: left !important;
  font-weight: normal;
  font-size: 10px;
  color: #D3DBE4;
  text-transform: uppercase;
}

.chat-meta .chat-box-left {
  text-align: left;
}

.chat-meta .chat-box-left .chat-text {
  background-color: #b83b5e;
  color: #fff;
}

.chat-meta .chat-box-right {
  text-align: right;
}

.chat-meta .chat-box-right .chat-text {
  background-color: #b83b5e;
  color: #fff;
}

.chat-bottom {
  position: relative;
  background-color: #fff;
  border-radius: 100px;
  margin-top: 40px;
}

.chat-bottom textarea {
  background-color: transparent;
  border: 0px;
  padding: 15px 30px;
  overflow: hidden;
  font-weight: 300;
  font-size: 14px;
  color: #747F88;
}

.chat-bottom textarea::-webkit-input-placeholder {
  color: #CED2D7;
}

.chat-bottom textarea:-moz-placeholder {
  color: #CED2D7;
}

.chat-bottom textarea::-moz-placeholder {
  color: #CED2D7;
}

.chat-bottom textarea:-ms-input-placeholder {
  color: #CED2D7;
}

.chat-bottom textarea:focus,
.chat-bottom textarea:hover {
  color: #747F88;
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
  border-radius: 100px;
}

.chat-bottom .send-btn {
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background-color: #b83b5e;
  color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(10px, -50%);
  border: 0px;
  transition: all 0.2s linear;
}

.chat-bottom .send-btn:focus,
.chat-bottom .send-btn:hover {
  background-color: #222;
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
  border-radius: 100px;
}

@media (max-width: 992px) {
  .profile-sidebar {
    margin-top: 80px;
  }
}

.profile-sidebar .widget-profile {
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  position: relative;
}

.profile-sidebar .widget-profile .user-image {
  margin-top: -70px;
  margin-bottom: 10px;
}

.profile-sidebar .widget-profile .user-title {
  font-weight: bold;
  font-size: 18px;
}

.profile-sidebar .widget-add {
  margin: 20px 0;
}

.profile-sidebar .widget-add .btn {
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
}

.profile-sidebar .widget-settings {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
}

.profile-sidebar .widget-settings ul {
  margin: 0;
}

.profile-sidebar .widget-settings ul li a {
  color: #222;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  position: relative;
}

.profile-sidebar .widget-settings ul li a .icon {
  color: #999;
  margin-left: 15px;
}

.profile-sidebar .widget-settings ul li a.active,
.profile-sidebar .widget-settings ul li a.active .icon {
  color: #88304e;
}

.profile-sidebar .widget-settings ul li a:after {
  content: "\F053";
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 12px;
  position: absolute;
  left: 0;
}

.profile-sidebar .widget-settings ul li:last-child a {
  border-bottom: 0;
  padding-bottom: 0;
}

.profile-sidebar .widget-settings ul li:first-child a {
  padding-top: 0;
}

#footer .footer-content {
  background-image: linear-gradient(to bottom, #f6f6f6, #eef0f2);
  padding: 40px 0;
}

#footer .footer-menu .footer-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

#footer .footer-menu .footer-list.count-2 {
  -moz-column-count: 2;
       column-count: 2;
}

#footer .footer-menu .footer-list li {
  margin-bottom: 10px;
}

#footer .footer-menu .footer-list li a {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
}

#footer .footer-menu .download-links {
  margin-bottom: 20px;
}

#footer .footer-menu .download-links a:first-child {
  margin-left: 15px;
}

#footer .footer-menu .social-list li a {
  color: #222;
  margin-left: 30px;
}

#footer .copyright {
  background-color: #f6f6f6;
  padding: 15px 0;
  color: #777777;
}

#footer .copyright img {
  margin-left: 10px;
}

@media (max-width: 768px) {
  #footer .copyright .copyright-content {
    display: block !important;
    text-align: center;
  }

  #footer .copyright .copyright-content .design-by {
    justify-content: center;
  }

  #footer .copyright .copyright-content .copyright-text {
    margin-bottom: 10px;
  }
}

.single-breadcrumb {
  background-size: cover;
  margin-bottom: 40px;
}

.single-breadcrumb .overlay {
  padding: 40px 0;
  background-color: rgba(184, 59, 94, 0.2);
  color: #fff;
}

.single-breadcrumb .overlay .breadcrumb {
  margin: 0;
}

.single-breadcrumb .overlay .breadcrumb-item a {
  color: #fff;
}

.single-breadcrumb .overlay .breadcrumb-item.active,
.single-breadcrumb .overlay .breadcrumb-item:before {
  color: #fff;
}

.single-content .product-content .product-top {
  margin-bottom: 30px;
}

.single-content .product-content .product-top .product-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .single-content .product-content .product-top .product-head {
    display: block;
  }
}

.single-content .product-content .product-top .product-head .product-title {
  font-size: calc(0.5rem + 1.5vw);
}

@media (min-width: 1200px) {
  .single-content .product-content .product-top .product-head .product-title {
    font-size: 1.75rem;
  }
}

@media (max-width: 768px) {
  .single-content .product-content .product-top .product-head .product-title {
    margin-bottom: 20px;
  }
}

.single-content .product-content .product-top .product-meta ul {
  margin: 0;
}

.single-content .product-content .product-top .product-meta ul li {
  display: flex;
  align-items: center;
  margin-left: 20px;
  color: #777777;
  font-weight: 500;
  font-size: 14px;
}

.single-content .product-content .product-top .product-meta ul li a {
  color: #777777;
  display: flex;
  align-items: center;
}

.single-content .product-content .product-top .product-meta ul li i {
  width: 15px;
  height: 15px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-content .product-content .product-mid .product-image {
  position: relative;
  overflow: hidden;
}

.single-content .product-content .product-mid .product-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.single-content .product-content .product-mid .product-image .sell-badge {
  position: absolute;
  left: -50px;
  top: 50px;
  background-color: #f8717d;
  color: #fff;
  width: 225px;
  text-align: center;
  padding-bottom: 4px;
  transform: rotate(-45deg);
  font-weight: bold;
}

.single-content .product-content .product-mid .product-carousel {
  margin-top: 10px;
  margin-bottom: 60px;
}

.single-content .product-content .product-mid .product-carousel .add-to-wishlist,
.single-content .product-content .product-mid .product-carousel .product-report {
  text-align: center;
  min-width: 160px;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
}

.single-content .product-content .product-mid .product-carousel .add-to-wishlist .icon,
.single-content .product-content .product-mid .product-carousel .product-report .icon {
  margin-bottom: 10px;
}

.single-content .product-content .product-mid .product-carousel .add-to-wishlist {
  color: #c28a06;
  background-color: #fef7e8;
  margin-left: 10px;
}

.single-content .product-content .product-mid .product-carousel .add-to-wishlist .icon {
  color: #c28a06;
}

.single-content .product-content .product-mid .product-carousel .product-report {
  color: #ef1125;
  background-color: #fff2f2;
}

.single-content .product-content .product-mid .product-carousel .product-report .icon {
  color: #ef1125;
}

.single-content .product-content .product-mid .product-carousel .product-carousel-thumbnails .thumbnail-image {
  margin-left: 10px;
}

.single-content .product-content .product-mid .product-carousel .product-carousel-thumbnails .thumbnail-image img {
  max-width: 300px;
  max-height: 92px;
  height: 92px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.single-content .product-content .product-footer .product-description .section-title {
  margin-bottom: 20px;
}

.single-content .product-content .product-footer .product-description p {
  color: #777777;
  font-weight: 400;
  line-height: 28px;
  font-size: 18px;
}

.single-content .product-content .product-footer .product-attributes {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.single-content .product-content .product-footer .product-attributes .attribute-box {
  margin-left: 60px;
}

.single-content .product-content .product-footer .product-attributes .attribute-box:last-child {
  margin: 0;
}

.single-content .product-content .product-footer .product-attributes .attribute-box .text {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.single-content .product-content .product-footer .product-attributes .attribute-box ul {
  margin: 0;
}

.single-content .product-content .product-footer .product-attributes .attribute-box.radio .size-item .size-link {
  display: block;
  padding: 0 10px 3px;
  border-radius: 5px;
  color: #777777;
  font-size: 14px;
  border: 1px solid #777777;
  font-weight: bold;
  margin-left: 5px;
}

.single-content .product-content .product-footer .users-rating {
  margin-bottom: 30px;
}

.single-content .product-content .product-footer .users-rating .section-title {
  margin-bottom: 20px;
}

.single-content .product-content .product-footer .users-rating .ratings-box {
  border: 1px solid #eeeeee;
  padding: 30px 22px;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings {
  text-align: center;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings .product-rate {
  border: 2px solid #eeeeee;
  width: 80px;
  height: 80px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #222;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings .rating-ratio {
  color: #222;
  font-size: 14px;
  font-weight: bold;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings .total-ratings {
  color: #777;
  font-size: 14px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings-stars-count .stars-count-box {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings-stars-count .stars-count-box .label {
  font-size: 14px;
  font-weight: bold;
  color: #222;
  margin-left: 10px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings-stars-count .stars-count-box .percent {
  border: 1px solid #eee;
  min-width: 180px;
  max-width: 180px;
  height: 20px;
  margin-left: 10px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings-stars-count .stars-count-box .percent .percent-value {
  height: 100%;
  background: #f8717d;
}

.single-content .product-content .product-footer .users-rating .ratings-box .product-ratings-stars-count .stars-count-box .count {
  color: #777;
  font-size: 14px;
}

.single-content .product-content .product-footer .users-rating .ratings-box .my-rating h3,
.single-content .product-content .product-footer .users-rating .ratings-box .my-rating h4 {
  font-size: 16px;
}

.single-content .product-content .product-footer .comments {
  margin-bottom: 60px;
}

.single-content .product-content .product-footer .comments .comments-head {
  margin-bottom: 20px;
}

.single-content .product-content .product-footer .comments .comments-head .section-title {
  margin: 0;
}

.single-content .product-content .product-footer .comments .comments-head .section-title h4 {
  font-size: 18px;
}

.single-content .product-content .product-footer .comments .comments-container .comment {
  border: 1px solid #eee;
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-content .product-content .product-footer .comments .comments-container .comment:nth-child(odd) {
  background-color: #f6f6f6;
}

.single-content .product-content .product-footer .comments .comments-container .comment:last-child {
  margin: 0;
}

.single-content .product-content .product-footer .comments .comments-container .comment .comment-content {
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #777777;
}

.single-content .product-content .product-footer .comments .comments-container .comment .comment-content .actions {
  display: flex;
  align-items: center;
}

.single-content .product-content .product-footer .comments .comments-container .comment .comment-content .actions .react-action {
  color: #9f9e9e;
  font-size: 18px;
  margin-left: 10px;
}

.single-content .product-content .product-footer .comments .comments-container .comment .comment-content .actions .react-action:last-child {
  margin: 0;
}

.single-content .product-content .product-footer .comments .comments-container .comment .comment-content .actions .react-action.active {
  color: #f8717d;
}

.single-content .product-content .product-footer .comments .comments-container .comment .user-comment {
  display: flex;
  align-items: center;
  border-right: 1px solid #eeeeee;
  padding-right: 20px;
}

.single-content .product-content .product-footer .comments .comments-container .comment .user-comment .user-avatar {
  border-radius: 50%;
  overflow: hidden;
  height: 64px;
  width: 64px;
  margin-left: 10px;
}

.single-content .product-content .product-footer .comments .comments-container .comment .user-comment .user-info {
  font-size: 12px;
}

.single-content .product-content .product-footer .comments .comments-container .comment .user-comment .user-info .username {
  font-size: 14px;
  font-weight: bold;
}

.single-content .product-sidebar .price {
  margin-top: 60px;
  border-radius: 5px;
  background-color: #eefff8;
  padding: 20px 30px;
  color: #167850;
}

.single-content .product-sidebar .price .price-number {
  font-weight: bold;
  font-size: 2em;
}

.single-content .product-sidebar .price .price-currency {
  font-weight: 500;
  font-size: 32px;
}

.single-content .product-sidebar .btn {
  font-size: 21px;
  margin: 20px 0;
}

.single-content .product-sidebar .note {
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 20px;
  font-size: 14px;
}

.single-content .product-sidebar .note ul {
  list-style: auto;
}

.single-content .product-sidebar .note ul li {
  margin-top: 10px;
}

.single-content .product-sidebar .user {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.single-content .product-sidebar .user .user-image {
  margin-left: 20px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.single-content .product-sidebar .user .user-info .user-title {
  font-weight: bold;
}

.single-content .product-sidebar .user .user-info .user-since {
  color: #777777;
}

input:focus,
select {
  box-shadow: none !important;
  border-color: inherit !important;
  outline: inherit;
}

a {
  text-decoration: none;
}

.section-title {
  font-weight: bold;
  color: #222;
}

.section-title h4 {
  font-size: 21px;
}

.section-title .dots {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.section-title .dots span {
  background-color: #f8717d;
  width: 20px;
  height: 3px;
  border-radius: 100px;
  margin-left: 2px;
}

.section-title .dots span:nth-child(2) {
  width: 10px;
}

.section-title .dots span:nth-child(3) {
  width: 5px;
}

.rating {
  display: flex;
}

.rating .rating-link {
  margin: 0 5px;
  color: rgba(184, 59, 94, 0.1);
}

.rating .rating-link.active ~ .rating-link,
.rating .rating-link.active {
  color: #b83b5e;
}

.back-link {
  background-color: #eef0f2;
  color: #222;
  font-weight: bold;
  padding: 3px 40px 9px 14px;
  position: relative;
}

.back-link:hover {
  color: #b83b5e;
}

.back-link:after {
  content: "";
  background-image: url(/images/white-path.svg?6ece38013b530bb80ff408172e3d6e5d);
  position: absolute;
  right: -6px;
  top: 0px;
  background-repeat: no-repeat;
  height: 100%;
  width: 24px;
}

.form-check-input[type=radio].color-check,
.form-check-input[type=radio].color-check:focus,
.form-check-input[type=checkbox].color-check,
.form-check-input[type=checkbox].color-check:focus {
  background-color: #fff;
  border: 4px solid #88304e;
  border-radius: 50%;
}

.form-check-input:checked {
  background-color: #b83b5e !important;
  border-color: #b83b5e !important;
  background-image: none;
  position: relative;
}

.form-check-input:checked + label {
  color: #b83b5e;
}

.form-check-input:checked[type=checkbox].color-check:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: 1px solid #d0d0d0;
  border-radius: 100%;
  top: -8px;
  right: -9px;
}