body, html {
  background-image: url('/media/angala/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #666 !important;
  font-family: 'PlayfairDisplay-Regular', Sans-serif, serif !important;
}

p {
  color: #0c1c1f !important;
  font-family: 'PlayfairDisplay-Regular', Sans-serif, serif !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #0c1c1f !important;
  font-weight: bolder !important;
  font-family: 'PlayfairDisplay-Regular', Sans-serif, serif !important;
}

.main-layout .footer-inner {
  background-color: rgb(255, 255, 255) !important;
  color: #7a7a7a !important;
}

.loadingator-ring div {
  border: 8px solid rgba(150, 150, 150, 0.72) !important;
}

.btn-primary,
.btn-secondary,
.cart-btn,
.popup-content .btn-light,
.btn-light,
.category-button-normal {
  background-color: #73818a !important;
  color: white !important;
  border: solid 1px #485156 !important;
  box-shadow: black;
  font-family: 'PlayfairDisplay-Regular', Sans-serif, serif !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.cart-btn:hover,
.popup-content .btn-light:hover,
.btn-light:hover,
.category-button-normal:hover {
  background-color: #485156 !important;
}

@font-face {
  font-family: 'PlayfairDisplay-Regular';
  src: url('../../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.btn-view-cart {
  background-color: #73818a !important;
  color: white !important;
  border: solid 1px #485156 !important;
  box-shadow: black;
}

.btn-view-cart:hover {
  background-color: #485156 !important;
}