.scaffoldSupplier {
  color: #57575c;
}
.scaffoldSupplier .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--gutter-half);
  background-image: url("https://i.ibb.co/VvCc4XV/bg-pattern.jpg");
  background-repeat: repeat;
  margin-bottom: var(--gutter-half);
}
.scaffoldSupplier .logo-container img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 220px;
}
@media (min-width: 992px) {
  .scaffoldSupplier .logo-container img {
    max-width: 460px;
  }
}
.scaffoldSupplier .intro {
  background-image: url("https://i.ibb.co/0tBsmMC/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: calc(var(--gutter) * 2) var(--gutter);
  color: #fff;
  margin-bottom: var(--gutter-half);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.scaffoldSupplier .intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(221, 4, 43);
  background: radial-gradient(circle, rgb(221, 4, 43) 0%, rgba(221, 4, 43, 0) 100%);
}
.scaffoldSupplier .intro h1 {
  font-size: var(--font-size-large);
  line-height: var(--font-size-large);
  margin: 0;
  padding: 0;
  margin-bottom: var(--gutter-half);
  position: relative;
  font-weight: 700;
  color: #fff;
  max-width: 100%;
}
@media (min-width: 992px) {
  .scaffoldSupplier .intro h1 {
    max-width: 760px;
    font-size: var(--font-size-xlarge);
    line-height: var(--font-size-xlarge);
  }
}
.scaffoldSupplier .intro p {
  font-size: var(--font-size-medium);
  line-height: var(--font-size-medium);
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative;
  color: #fff;
}
.scaffoldSupplier .component-split > div:nth-child(1) .supplier-btn-actions {
  margin: var(--gutter-half) 0;
}
.scaffoldSupplier .component-split > div:nth-child(1) .supplier-btn-actions a {
  color: #fff;
  background-color: #dd042b;
  box-shadow: 0 2px 4px 0 rgba(33, 37, 41, 0.07), 0 7px 14px 0 rgba(33, 37, 41, 0.07);
  min-width: 180px;
  padding: 14px 36px;
  font-weight: 500;
  text-align: center;
  transition: all var(--transition-fast) ease;
  text-transform: capitalize;
  font-size: var(--font-size-medium);
}
.scaffoldSupplier .component-split > div:nth-child(1) .supplier-btn-actions a:hover {
  color: #fff;
  background-color: #ac0322;
}
.scaffoldSupplier .component-split > div:nth-child(2) .sliderComponent {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .scaffoldSupplier .component-split > div:nth-child(2) .sliderComponent {
    max-width: 500px;
    min-width: 500px;
  }
}
@media (min-width: 1300px) {
  .scaffoldSupplier .component-split > div:nth-child(2) .sliderComponent {
    max-width: 700px;
    min-width: 700px;
  }
}
.scaffoldSupplier .component-split > div:nth-child(2) .sliderComponent .swiper-pagination {
  display: none;
}
.scaffoldSupplier .video-feature {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-gray-light);
  padding: var(--gutter);
}
.scaffoldSupplier .video-feature iframe {
  width: 100%;
  height: 270px;
}
@media (min-width: 992px) {
  .scaffoldSupplier .video-feature iframe {
    width: 700px;
    height: 400px;
  }
}/*# sourceMappingURL=style.css.map */