body {
  margin: 0;
  padding: 0;
}

.navbar {
  color: white !important;
  background-color: #000000 !important;
}

.button {
  width: 10rem;
  padding: 1rem;
  border-radius: 2rem;
}
.button--solid {
  color: white;
  border: none !important;
  background-color: rgba(131, 72, 0, 0.631372549);
}
.button--solid:hover {
  color: #e0fbfc;
  background-color: #834800 !important;
  transition: all 0.5s ease-in-out;
  transform: translateY(-10px);
}
.button--outlined {
  color: rgba(131, 72, 0, 0.631372549) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0.1rem solid rgba(131, 72, 0, 0.631372549);
}

.header {
  position: relative;
  background: linear-gradient(rgba(131, 72, 0, 0.631372549), rgba(10, 2, 85, 0.5019607843)), url("./assets/images/headerA.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: auto;
  background-attachment: fixed;
  color: white !important;
}
.header__item {
  height: 52.5vh;
}
.header__item--2 {
  color: black !important;
  background-color: white;
}
.header__item--3 {
  color: white !important;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7), 0px 8px 13px rgba(0, 0, 0, 0.4), 0px 18px 23px rgba(0, 0, 0, 0.4);
  background: linear-gradient(rgba(214, 214, 214, 0.26), rgba(49, 49, 49, 0.479)), url(./assets/images/header3.jpg) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header__typed {
  color: #ee6c4d;
}
.header h1 {
  text-transform: uppercase;
}
.header a {
  color: white;
}
.header a:hover {
  transition: all 0.3s ease-in-out;
  color: grey;
  transform: translateY(0.5rem);
}

.header-carousel .owl-dots {
  position: absolute;
  padding-bottom: 1rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.sections {
  min-height: 90vh;
}
.sections__categories a {
  color: white;
}
.sections__categories a:hover {
  cursor: pointer;
  -webkit-animation: colorChange 3.5s linear infinite;
          animation: colorChange 3.5s linear infinite;
  text-decoration: none;
}
.sections__label {
  background: linear-gradient(rgba(131, 72, 0, 0.631372549), rgba(10, 2, 85, 0.5019607843)), url("./assets/images/headerA.jpg");
  filter: grayscale(1);
  color: white;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7), 0px 8px 13px rgba(0, 0, 0, 0.4), 0px 18px 23px rgba(0, 0, 0, 0.4);
}

.category-card {
  overflow: hidden;
  position: relative;
  height: 30rem;
}
.category-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: grayscale(1);
}
.category-card__overlay {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(255, 255, 255, 0);
}
.category-card__overlay-text {
  color: white;
  text-transform: uppercase;
  position: absolute;
  font-weight: 500;
  left: 0;
  right: 0;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7), 0px 8px 13px rgba(0, 0, 0, 0.4), 0px 18px 23px rgba(0, 0, 0, 0.4);
  opacity: 0.6;
}
.category-card:hover {
  cursor: pointer;
}
.category-card:hover .category-card__image {
  transition: all 0.5s ease-in-out;
  transform: scale(1.2);
  filter: grayscale(0);
}
.category-card:hover .category-card__overlay {
  transition: all 0.6s ease-in-out;
  background: linear-gradient(rgba(131, 72, 0, 0.2666666667), rgba(10, 2, 85, 0.4431372549));
}
.category-card:hover .category-card__overlay-text {
  transition: all 0.6s ease-in-out;
  opacity: 1;
}

.brands-carousel img {
  aspect-ratio: 5/3;
  -o-object-fit: contain;
     object-fit: contain;
}

.review-card__image {
  width: 150px;
  -webkit-clip-path: circle();
          clip-path: circle();
}

.footer a,
.footer li {
  color: #a1a1a1;
}
.footer a:hover,
.footer li:hover {
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  color: white;
  text-decoration: none;
  transform: translateY(-2px);
}
.footer ul {
  list-style: none;
}
.footer__outer-list {
  padding: 0;
}
.footer__inner-list {
  padding-left: 1rem !important;
}

@-webkit-keyframes colorChange {
  0% {
    color: #834800;
  }
  25% {
    color: #0a0255;
  }
  50% {
    color: white;
  }
  100% {
    color: #834800;
  }
}

@keyframes colorChange {
  0% {
    color: #834800;
  }
  25% {
    color: #0a0255;
  }
  50% {
    color: white;
  }
  100% {
    color: #834800;
  }
}
@media screen and (max-width: 990px) {
  .brands-carousel img {
    aspect-ratio: 9/3;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .category-card {
    height: 10rem;
  }
  .category-card p {
    display: none;
  }
}/*# sourceMappingURL=index.css.map */