.scaffoldSupplier {
  color: #57575c;
}
.scaffoldSupplier .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--gutter-half);
}
.scaffoldSupplier .logo-container img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 460px;
}
.scaffoldSupplier .intro {
  background-image: url("https://www.clipsal.com/getmedia/d87cf4f1-821d-4d76-b3c7-5b8939259ec1/Clipsal-Homepage-Banner-v4.jpg.aspx?width=1500&height=845&ext=.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: calc(var(--gutter) * 4) var(--gutter);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: var(--gutter-half);
}
.scaffoldSupplier .intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(87, 87, 92, 0.8) 0%, rgba(87, 87, 92, 0) 100%);
}
.scaffoldSupplier .intro h1 {
  font-size: var(--font-size-xlarge);
  line-height: var(--font-size-xlarge);
  margin: 0;
  padding: 0;
  margin-bottom: var(--gutter-half);
  position: relative;
  font-weight: 600;
  color: #fff;
}
.scaffoldSupplier .intro h2 {
  font-size: var(--font-size-large);
  line-height: var(--font-size-large);
  font-weight: 300;
  margin: 0;
  padding: 0;
  position: relative;
  color: #fff;
}
.scaffoldSupplier .component-split.intro-text {
  gap: 0;
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(1) {
  padding-right: var(--gutter-half);
  flex-grow: 1;
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(1) .supplier-btn-actions {
  margin: var(--gutter-half) 0;
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(1) .supplier-btn-actions a {
  color: #fff;
  background-color: #3dcd58;
  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: 700;
  text-align: center;
  border-radius: 23px;
  transition: all var(--transition-fast) ease;
  text-transform: capitalize;
  font-size: var(--font-size-medium);
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(1) .supplier-btn-actions a:hover {
  color: #fff;
  background-color: #14bd34;
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(2) .sliderComponent {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .scaffoldSupplier .component-split.intro-text > div:nth-child(2) .sliderComponent {
    max-width: 500px;
    min-width: 500px;
  }
}
@media (min-width: 1300px) {
  .scaffoldSupplier .component-split.intro-text > div:nth-child(2) .sliderComponent {
    max-width: 700px;
    min-width: 700px;
  }
}
.scaffoldSupplier .component-split.intro-text > div:nth-child(2) .sliderComponent .swiper-pagination {
  display: none;
}
.scaffoldSupplier .feature-text {
  color: #fff;
  background: #14bd34;
  padding: calc(var(--gutter) * 2) var(--gutter-half);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--gutter-half);
}
.scaffoldSupplier .feature-text h2 {
  font-size: var(--font-size-xlarge);
  line-height: var(--font-size-xlarge);
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: var(--gutter-half);
}
.scaffoldSupplier .feature-text p {
  font-size: var(--font-size-medium);
  line-height: var(--font-size-medium);
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.scaffoldSupplier .IconTiles {
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: var(--gutter-half);
}
@media (min-width: 992px) {
  .scaffoldSupplier .IconTiles {
    flex-wrap: nowrap;
    gap: var(--gutter-half);
  }
}
.scaffoldSupplier .IconTiles .Tile {
  border: solid 1px #eee;
}
.scaffoldSupplier .IconTiles .Tile .TileWrapper .TileContent .TileContentIcon {
  margin-bottom: var(--gutter-half);
}
.scaffoldSupplier .IconTiles .Tile .TileWrapper .TileContent .TileContentIcon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.scaffoldSupplier .IconTiles .Tile .TileWrapper .TileContent .TileContentHeading {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--gutter-half);
  padding-top: 0;
}
.scaffoldSupplier .IconTiles .Tile .TileWrapper .TileContent .TileContentHeading h4 {
  font-size: var(--font-size-medium);
  line-height: var(--font-size-medium);
  margin: 0;
  padding: 0;
  color: #000;
}
.scaffoldSupplier .IconTiles .Tile .TileWrapper .TileContent .TileContentHeading p {
  width: 100%;
  max-width: 300px;
}/*# sourceMappingURL=style.css.map */