:root {
  /* color */
  --wft-success-color: #42B69A;
  --wft-info-color: #4686D0;
  --wft-warning-color: #FFD67A;
  --wft-error-notification-color: #FF6767;
  --wft-danger-color: #FF6767;
  --wft-white-color: #FFFFFF;
  --wft-light-gray-color: #E4E5E4;
  --wft-gray-1-color: #ACADAC;
  --wft-gray-2-color: #808080;
  --wft-black-color: #282828;
  --wft-whatsapp-color: #25D366;
  --wft-facebook-color: #2879FB;
  --wft-line-color: #07B53B;

  /* text desktop */
  --wft-desktop-text-title-01-weight: 600;
  --wft-desktop-text-title-01-size: 30px;
  --wft-desktop-text-title-01-line-height: 45px;

  --wft-desktop-text-title-02-weight: 600;
  --wft-desktop-text-title-02-size: 24px;
  --wft-desktop-text-title-02-line-height: 32px;

  --wft-desktop-text-title-03-weight: 600;
  --wft-desktop-text-title-03-size: 18px;
  --wft-desktop-text-title-03-line-height: 26px;

  --wft-desktop-text-title-04-weight: 600;
  --wft-desktop-text-title-04-size: 16px;
  --wft-desktop-text-title-04-line-height: 24px;

  --wft-desktop-text-title-05-weight: 500;
  --wft-desktop-text-title-05-size: 16px;
  --wft-desktop-text-title-05-line-height: 24px;

  --wft-desktop-text-title-06-weight: 600;
  --wft-desktop-text-title-06-size: 14px;
  --wft-desktop-text-title-06-line-height: 22px;

  --wft-desktop-text-subtitle-weight: 400;
  --wft-desktop-text-subtitle-size: 16px;
  --wft-desktop-text-subtitle-line-height: 24px;

  --wft-desktop-text-body-weight: 400;
  --wft-desktop-text-body-size: 16px;
  --wft-desktop-text-body-line-height: 24px;

  --wft-desktop-text-body-small-weight: 400;
  --wft-desktop-text-body-small-size: 14px;
  --wft-desktop-text-body-small-line-height: 22px;

  --wft-desktop-text-button-weight: 400;
  --wft-desktop-text-button-size: 16px;
  --wft-desktop-text-button-line-height: 24px;

  --wft-desktop-text-button-small-weight: 400;
  --wft-desktop-text-button-small-size: 14px;
  --wft-desktop-text-button-small-line-height: 22px;

  --wft-desktop-text-link-weight: 400;
  --wft-desktop-text-link-size: 16px;
  --wft-desktop-text-link-line-height: 24px;

  --wft-desktop-text-text-discount-weight: 500;
  --wft-desktop-text-text-discount-size: 18px;
  --wft-desktop-text-text-discount-line-height: 26px;

  --wft-desktop-text-text-discount-small-weight: 500;
  --wft-desktop-text-text-discount-small-size: 14px;
  --wft-desktop-text-text-discount-small-line-height: 22px;

  /* text mobile */
  --wft-mobile-text-title-01-weight: 600;
  --wft-mobile-text-title-01-size: 24px;
  --wft-mobile-text-title-01-line-height: 32px;

  --wft-mobile-text-title-02-weight: 600;
  --wft-mobile-text-title-02-size: 20px;
  --wft-mobile-text-title-02-line-height: 30px;

  --wft-mobile-text-title-03-weight: 600;
  --wft-mobile-text-title-03-size: 18px;
  --wft-mobile-text-title-03-line-height: 26px;

  --wft-mobile-text-title-04-weight: 600;
  --wft-mobile-text-title-04-size: 16px;
  --wft-mobile-text-title-04-line-height: 24px;

  --wft-mobile-text-title-05-weight: 600;
  --wft-mobile-text-title-05-size: 14px;
  --wft-mobile-text-title-05-line-height: 22px;

  --wft-mobile-text-title-06-weight: 400;
  --wft-mobile-text-title-06-size: 14px;
  --wft-mobile-text-title-06-line-height: 22px;

  --wft-mobile-text-subtitle-weight: 400;
  --wft-mobile-text-subtitle-size: 16px;
  --wft-mobile-text-subtitle-line-height: 24px;

  --wft-mobile-text-body-weight: 400;
  --wft-mobile-text-body-size: 16px;
  --wft-mobile-text-body-line-height: 24px;

  --wft-mobile-text-body-small-weight: 400;
  --wft-mobile-text-body-small-size: 14px;
  --wft-mobile-text-body-small-line-height: 22px;

  --wft-mobile-text-button-weight: 400;
  --wft-mobile-text-button-size: 16px;
  --wft-mobile-text-button-line-height: 24px;

  --wft-mobile-text-button-small-weight: 400;
  --wft-mobile-text-button-small-size: 14px;
  --wft-mobile-text-button-small-line-height: 22px;

  --wft-mobile-text-link-weight: 400;
  --wft-mobile-text-link-size: 16px;
  --wft-mobile-text-link-line-height: 24px;

  --wft-mobile-text-text-discount-weight: 500;
  --wft-mobile-text-text-discount-size: 16px;
  --wft-mobile-text-text-discount-line-height: 24px;

  --wft-mobile-text-text-discount-small-weight: 500;
  --wft-mobile-text-text-discount-small-size: 14px;
  --wft-mobile-text-text-discount-small-line-height: 22px;
}

.text-primary, .text-color-primary {
  color: var(--wft-primary-color) !important;
}
.text-secondary, .text-color-secondary {
  color: var(--wft-secondary-color) !important;
}
.text-success, .text-color-success {
  color: var(--wft-success-color) !important;
}
.text-info, .text-color-info {
  color: var(--wft-info-color) !important;
}
.text-warning, .text-color-warning {
  color: var(--wft-warning-color) !important;
}
.text-error-notification, .text-color-error-notification {
  color: var(--wft-error-notification-color) !important;
}
.text-danger, .text-color-danger {
  color: var(--wft-danger-color) !important;
}
.text-white, .text-color-white {
  color: var(--wft-white-color) !important;
}
.text-light-gray, .text-color-light-gray {
  color: var(--wft-light-gray-color) !important;
}
.text-gray-1, .text-color-gray-1 {
  color: var(--wft-gray-1-color) !important;
}
.text-gray-2, .text-color-gray-2 {
  color: var(--wft-gray-2-color) !important;
}
.text-black, .text-color-black {
  color: var(--wft-black-color) !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1024px !important;
  }
}

.fab-cantainer.fab-size-big {
  background-color: var(--wft-primary-color) !important;
  box-shadow: var(--wft-primary-color) 0px 2px 8px !important;
}

/* start hint */
.hint--top:hover:after, [class*='hint--']:after{
  color: var(--wft-secondary-color) !important;
  background-color: white !important;
}
.hint--top:before{
  border-top-color: white !important;
}
.hint--bottom-right:before {
  border-bottom-color: white !important;
}
/* end hint */


/* start navbar */
.nav-bar-header .navigation-menu > ul > li {
  margin: 0px 12px;
}
.nav-bar-header .navigation-menu>ul>li>a {
  color: var(--wft-black-color) !important;
  font-weight: 400;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.navigation-menu > ul > li.has-children:hover > .submenu {
  transform: translateY(7px) !important;
}
.nav-bar-header .navigation-menu>ul>li:hover>a:after,
.nav-bar-header .navigation-menu>ul>li.active>a:after {
  color: var(--wft-primary-color) !important;
}
.nav-bar-header .navigation-menu>ul>li>a:before {
  background-color: unset;
}
.nav-bar-header .navigation-menu>ul>li:hover>a span,
.nav-bar-header .navigation-menu>ul>li.active>a span {
  color: var(--wft-primary-color) !important;
}
.nav-bar-header .navigation-menu.primary--menu > ul > li > a {
  padding-top: 32px;
  padding-bottom: 7px;
}
.nav-bar-header .submenu {
  border-bottom: unset !important;
}
.nav-bar-header .submenu > li > a > span:after {
  background-color: unset !important;
}
.nav-bar-header .submenu > li > a, .nav-bar-header .submenu > li > a:hover {
  color: var(--wft-gray-2-color);
}
/* end navbar */


/* start layout */
.main-container-home {
  margin-top: 0px !important;
}
/* end layout */


/* start slick */
.slick-dots li {
  width: 15px !important;
  left: -12px;
}
.slick-dots li button::before {
  display: none;
}
.slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: var(--wft-gray-1-color) !important;
  color: var(--wft-gray-1-color) !important;
}
.slick-dots li.slick-active button {
  background-color: #7BB7EF !important;
}
.slick-dots li button {
  margin-top: 5px !important;
  margin-left: 15px !important;
}
/* end slick */


/* start banner */
.banner-slider .slick-arrow.slick-next, .banner-slider .slick-arrow.slick-prev {
  display: none;
}
/* end banner */


/* section */
.fashion-beauty-section {
  padding-top: 112px;
}
@media (max-width: 991px) {
  .fashion-beauty-section {
    padding-top: 64px !important;
  }
}
/* end section */

.hr {
  opacity: 0.32;
  border-color: var(--wft-gray-1-color);
  margin: 0px;
}