.fa,
.fa-brands,
.fa-light,
.fab,
.fal {
  --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}

:is(.fal, .fab, .fa-light, .fa-brands, .fa):before {
  content: var(--fa)/""
}

@supports not (content:"" /"") {
:is(.fal, .fab, .fa-light, .fa-brands, .fa):before {
  content: var(--fa)
  }
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em
}

.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em
}

.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em
}

.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em
}

.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em
}

.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.1875em
}

.fa-width-auto {
  --fa-width: auto
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  inset-inline-start: calc(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}

.fa-border {
  border-radius: var(--fa-border-radius, .1em);
  border: var(--fa-border-width, .0625em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, .1875em .25em)
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, .3em)
}

.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, .3em)
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}



@media (prefers-reduced-motion:reduce) {

  .fa-beat {
    animation: none !important;
    transition: none !important
  }
}

@keyframes fa-beat {

  0%,
  90% {
    transform: scale(1)
  }

  45% {
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}


/* brand */

.fa-whatsapp {
  --fa: "\f232"
}


.fa-instagram {
  --fa: "\f16d"
}

.fa-telegram,
.fa-telegram-plane {
  --fa: "\f2c6"
}

/* end brand */


/* light */


.fa-bars,
.fa-navicon {
  --fa: "\f0c9"
}

.fa-sack-dollar {
  --fa: "\f81d"
}

.fa-tag {
  --fa: "\f02b"
}

.fa-truck {
  --fa: "\f0d1"
}

.fa-refrigerator {
  --fa: "\e026"
}

.fa-certificate {
  --fa: "\f0a3"
}

.fa-circle-dollar,
.fa-dollar-circle,
.fa-usd-circle {
  --fa: "\f2e8"
}

.fa-chevron-double-left,
.fa-chevrons-left {
  --fa: "\f323"
}


.fa-phone-office {
  --fa: "\f67d"
}

.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa: "\f3ce"
}

.fa-location-dot,
.fa-map-marker-alt {
  --fa: "\f3c5"
}





:host,
:root {
  --fa-family-brands: "Font Awesome 7 Brands";
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../webfonts/fa-brands-400.woff2)
}

.fa-brands,
.fa-classic.fa-brands,
.fab {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400
}

:host,
:root {
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic)
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(../webfonts/fa-light-300.woff2)
}

.fal {
  --fa-family: var(--fa-family-classic)
}

.fa-light,
.fal {
  --fa-style: 300
}





@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(../webfonts/fa-brands-400.woff2) format("woff2")
}



@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url(../webfonts/fa-light-300.woff2) format("woff2")
}



@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../webfonts/fa-brands-400.woff2) format("woff2")
}