.heading {
  padding: 0.78125vw 0;
  margin-bottom: 0.625vw;
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 990px) {
  .heading {
    padding-bottom: 1.2820512821vw;
    border-bottom: 0.2564102564vw solid #ced4da;
    margin-bottom: 1.5384615385vw;
  }
}
.heading h2 {
  font-size: 1.1458333333vw;
  margin: 0;
  color: #000000;
}
@media (max-width: 990px) {
  .heading h2 {
    font-size: 3.5897435897vw;
    color: #000000;
  }
}
.heading a {
  color: #ffffff;
  font-size: 0.7291666667vw;
  margin-left: auto;
}
@media (max-width: 990px) {
  .heading a {
    font-size: 3.5897435897vw;
  }
}
.heading .row {
  align-items: center;
}
.heading .row select {
  width: 100%;
  border: 1px solid #000000;
  border-top-color: #fe6600;
  border-right-color: #4285f4;
  border-bottom-color: #0f9d58;
  border-left-color: #fbbc04;
  font-size: 0.7291666667vw;
}
@media (max-width: 990px) {
  .heading .row select {
    font-size: 3.0769230769vw;
  }
}

.banner {
  padding: 1.25vw 0;
  padding-top: 0;
  display: none;
}
.banner .container {
  padding: 0;
}
@media (max-width: 990px) {
  .banner .container {
    max-width: 100%;
    margin-bottom: 3.0769230769vw;
  }
}
.banner .container .splide {
  transition-timing-function: linear;
}
.banner .container .splide .splide__slider {
  transition-timing-function: linear;
}
.banner .container .splide .splide__slider .splide__track {
  transition-timing-function: linear;
}
.banner .container .splide .splide__slider .splide__track .splide__list {
  transition-timing-function: linear;
}
.banner .container .splide .splide__slider .splide__track .splide__list .splide__slide {
  transition-timing-function: linear;
}
@media (max-width: 990px) {
  .banner .container .splide .splide__slider .splide__arrows {
    display: none;
  }
}
.banner .container .image {
  background-color: #ff6600;
  height: 26.0416666667vw;
  border-radius: 1.0416666667vw;
  overflow: hidden;
}
@media (max-width: 990px) {
  .banner .container .image {
    height: 64.1025641026vw;
    border-radius: 1.5384615385vw;
  }
}
.banner .container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.merchant {
  margin-bottom: 0.625vw;
  padding: 0.78125vw;
  padding-top: 0vw;
  border: var(--border);
  border-width: 0.2604166667vw;
  border-top-color: var(--border-top-color);
  border-right-color: var(--border-right-color);
  border-bottom-color: var(--border-bottom-color);
  border-left-color: var(--border-left-color);
  border-radius: 1.0416666667vw;
  height: 100%;
  position: relative;
  background-color: #ffeee2;
}
@media (max-width: 990px) {
  .merchant {
    margin-bottom: 3.0769230769vw;
    padding: 3.8461538462vw;
    padding-top: 0vw;
    border-width: 1.2820512821vw;
    border-radius: 3.0769230769vw;
    border: 0.0520833333vw solid #ff6600;
  }
}
.merchant img {
  width: 50%;
}
.merchant h4 {
  font-size: 1.7708333333vw;
  font-weight: bold;
  margin-bottom: 1.25vw;
}
@media (max-width: 990px) {
  .merchant h4 {
    font-size: 8.7179487179vw;
    margin-bottom: 6.1538461538vw;
  }
}
.merchant h4 span {
  display: block;
  margin-bottom: 0.625vw;
}
@media (max-width: 990px) {
  .merchant h4 span {
    margin-bottom: 3.0769230769vw;
  }
}
.merchant p span {
  display: block;
  margin-bottom: 0.625vw;
}
@media (max-width: 990px) {
  .merchant p span {
    margin-bottom: 3.0769230769vw;
  }
}
.merchant .mechantcount {
  width: 100%;
  text-align: center;
  font-size: 0.7291666667vw;
  margin-bottom: 0.2083333333vw;
}
@media (max-width: 990px) {
  .merchant .mechantcount {
    font-size: 3.5897435897vw;
    margin-bottom: 0.5128205128vw;
  }
}
.merchant .mechantcount .odometer {
  color: #fe6600;
}
.merchant .mechantcount a, .merchant .mechantcount button {
  padding: 0;
  height: initial;
  border: none;
}
.merchant button,
.merchant a {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.6041666667vw;
  border-radius: 0.5208333333vw;
}
@media (max-width: 990px) {
  .merchant button,
  .merchant a {
    height: 12.8205128205vw;
    border-radius: 2.5641025641vw;
  }
}

@media (min-width: 991px) {
  .categories {
    padding: 1.25vw;
    border-radius: 0.625vw;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
}
.categories .container ul {
  display: flex;
  vertical-align: middle;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 1.25vw;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.2604166667vw;
  padding-right: 1.0416666667vw;
}
.categories .container ul::-webkit-scrollbar {
  display: none;
}
.categories .container ul li button {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 0.5208333333vw 1.5625vw;
  background-color: #ffffff;
  border-radius: 0.2604166667vw;
  border: none;
}
@media (max-width: 990px) {
  .categories .container ul li button {
    padding: 2.5641025641vw 5.1282051282vw;
    padding-left: 2.5641025641vw;
    border-radius: 1.2820512821vw;
    background-color: #ffffff;
    color: #000000;
  }
}
.categories .container ul li button img {
  width: auto;
  height: 2.0833333333vw;
  margin-right: 0.625vw;
}
@media (max-width: 990px) {
  .categories .container ul li button img {
    height: 6.4102564103vw;
    margin-right: 2.0512820513vw;
  }
}
.categories .container ul li button span {
  font-size: 0.7291666667vw;
  color: #000000;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 990px) {
  .categories .container ul li button span {
    font-size: 3.0769230769vw;
    color: #000000;
  }
}

.advertisements {
  margin: 3.0769230769vw 0;
}
@media (min-width: 991px) {
  .advertisements {
    margin: 0.625vw 0;
    padding: 1.25vw;
    border-radius: 0.625vw;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
}
@media (max-width: 990px) {
  .advertisements .container > .row {
    margin: -1.5384615385vw;
  }
  .advertisements .container > .row > div {
    padding: 1.5384615385vw;
  }
  .advertisements .container .singleadvertisement {
    height: 100%;
  }
}
.advertisements .container > .row {
  margin: -0.625vw;
}
.advertisements .container > .row > div {
  padding: 0.625vw;
}/*# sourceMappingURL=homepage.css.map */