/* ******************  STYLES ************** */
/*font-size*/
.text-xxs {
  font-size: 1rem;
} /*16px*/
.text-xs {
  font-size: 1.125rem;
} /*18px*/
.text-sm {
  font-size: 1.25rem;
} /*20px*/
.text-md {
  font-size: 1.5rem;
} /*24px*/
.text-lg {
  font-size: 1.75rem;
} /*28px*/
.text-xl {
  font-size: 2rem;
} /*32px*/
.text-xll {
  font-size: 3rem;
} /*48px*/
.text-xxl {
  font-size: 5.125rem;
} /*82px*/
.text-xxxl {
  font-size: 6rem;
} /*96px*/
.text-xxxxl {
  font-size: 6.875rem;
} /*110px*/
/* CUSTOM STYLES */
img {
  width: 100%;
}

.z-index-plus-1 {
  z-index: 1;
}

.z-index-minus-1 {
  z-index: -1;
}

.rounded-6 {
  border-radius: 1.25rem;
}

.p-20 { /* 20px */
  padding: 1.25rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-20 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.p-40 { /* 40px */
  padding: 2.5rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pb-40 {
  padding-bottom: 2.5rem !important;
}

.py-40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.px-40 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

/* TYPOGRAPHY */
p {
  line-height: 1.25 !important;
}

.text-gray {
  color: rgba(41, 45, 50, 0.7) !important;
}

h3 {
  color: #000;
  font-weight: 800;
  margin-bottom: 2rem;
}

h4 {
  font-weight: 700;
  margin-bottom: 1rem;
}

h5 {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

/* SECTION */
section {
  margin: 3.25rem 0;
}

/* HEADER */
header {
  position: relative;
}
header .form-search {
  padding: 0.625rem;
  max-width: 780px;
  width: 100%;
  display: flex;
  background-color: white;
}
header .form-search-input {
  border: none;
  background: transparent;
  margin: 0;
  font-size: 1.25rem;
  padding: 7px 8px;
  color: inherit;
  border: 1px solid #E3E9F1;
  border-radius: inherit;
}
header .form-search-input:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
header .header-desc {
  /*  background: linear-gradient(0deg, rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69)), url('../images/img-header/Image-1 1.jpg'); */
  background-image: url("../images/img-header/Image-1 1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15.25rem 0 12.5rem 0;
}
header .slick-slider-dots {
  margin-bottom: 1rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
header .header-logo {
  max-width: 9.62rem;
  width: 100%;
}

/* SCROLLBAR */
.scrollbar-dark {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #F7F7F9;
  scrollbar-width: thin;
}

.scrollbar-dark::-webkit-scrollbar {
  width: 3px;
  height: 32px;
}

.scrollbar-dark::-webkit-scrollbar-track {
  border-radius: 1.5rem;
  background: #F7F7F9;
}

.scrollbar-dark::-webkit-scrollbar-thumb {
  border-radius: 1.5rem;
  background: #292D32;
}

.scrollbar-dark::-webkit-scrollbar-thumb:hover,
.scrollbar-dark::-webkit-scrollbar-thumb:active {
  background: #292D32;
}

/* MAIN MENU */
.main-menu-nav {
  max-height: 25rem;
}
.main-menu-nav-category {
  margin-bottom: 1.9rem;
}
.main-menu-nav-category:last-child {
  margin-bottom: 0;
}
.main-menu-nav-category-link {
  font-size: 1rem;
  font-weight: 600;
  display: block;
  margin-top: 1.25rem;
  color: #414852;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
.main-menu-nav-category-link::after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/icon-arrow-navbar.svg");
  width: 0.81rem;
  height: 0.81rem;
  top: 50%;
  margin-left: 0.31rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.main-menu-nav-category-link:hover {
  color: #3B61FF;
}
.main-menu-nav-category-link:hover::after {
  margin-left: 0.625rem;
  /* filter: invert(29%) sepia(78%) saturate(2930%) hue-rotate(224deg) brightness(104%) contrast(101%); */
}
.main-menu-products {
  padding: 2.5rem 1.75rem 0 1.75rem;
}
.main-menu-products-row {
  max-height: 22.5rem;
}

/* CARD PRODUCT */
.card-product {
  max-width: 19.1rem;
  height: 19.7rem;
  width: 100%;
  padding: 1rem;
  border-radius: 0.75rem;
  color: #292D32;
  cursor: pointer;
}
.card-product-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
/* BOTTONS */
button:focus:not(:focus-visible) {
  outline: none !important;
}

.btn-animation-arrow {
  position: relative;
}
.btn-animation-arrow:hover .btn-animation-arrow-right {
  transform: translate3d(10px, 0, 0);
}
.btn-animation-arrow .btn-animation-arrow-right {
  transition: transform 0.3s ease;
  vertical-align: middle;
  position: relative;
}

.btn {
  text-transform: capitalize;
}
.btn:active {
  border: none !important;
}

.btn-white {
  box-shadow: 0px 4px 36px rgba(181, 185, 220, 0.25);
}
.btn-white:hover {
  background-color: #F7F7F9;
}

.btn-circle {
  border: none;
  color: #FFF;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.btn-icon-link {
  text-decoration: none;
  color: #FFF;
  transition: 0.3s ease-in;
}
.btn-icon-link:hover {
  color: #5EB8F4;
}

/* BOOTSTRAP SLIDER CAROUSEL*/
.header-top-slider-link {
  width: 80%;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
}
.header-top-slider-link:hover {
  transition: 0.3s ease-in;
  color: #E3E9F1;
}

#sliderHeaderAdvertisement .carousel-control-prev, #sliderHeaderAdvertisement .carousel-control-next {
  width: 10%;
  opacity: 1;
}
#sliderHeaderAdvertisement .carousel-control-prev-icon, #sliderHeaderAdvertisement .carousel-control-next-icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* ICONS */
.icon-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0.31rem;
  width: 1.2rem;
  height: 1.2rem;
}
.icon-burger span {
  border-top: 2px solid #FFFFFF;
  margin-bottom: 3px;
  display: block;
  border-radius: 0.31rem;
}
.icon-burger span:first-child {
  width: 100%;
}
.icon-burger span:nth-child(2) {
  width: 70%;
}
.icon-burger span:last-child {
  width: 30%;
}

/* ***********************  MEDIA *********************** */
/* SM */
@media (min-width: 576px) {
  .rounded-sm-circle {
    border-radius: 50%;
  }
}
@media (min-width: 600px) {
  #sliderHeaderAdvertisement .carousel-control-prev, #sliderHeaderAdvertisement .carousel-control-next {
    width: 15%;
  }
}
/* MD */
@media (min-width: 768px) {
  h3 {
    margin-bottom: 2.75rem;
  }
  .main-menu-products {
    padding: 2.5rem 3.75rem 0 3.75rem;
  }
  .rounded-md-circle {
    border-radius: 50%;
  }
  .scrollbar-dark.main-menu-products-row {
    margin-right: -3.5rem;
  }
}
/* LG */
@media (min-width: 992px) {
  .header-logo {
    max-width: 12.25rem;
  }
  .rounded-lg-end {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-lg-circle {
    border-radius: 50%;
  }
}
/* XL */
/* XXL */