Adicionando barra de vantagens na home

src/arquivos/sass/pages/_home.scss

@@ -1,5 +1,6 @@
 .home {
 	.main-banners {
+		margin-bottom: 38px;
 
 		img {
 			width: 100%;
@@ -101,4 +102,50 @@
 		}
 
 	}
+
+	.advantages{
+		margin-bottom: 117px;
+
+		&__list {
+			margin: 0;
+			padding: 0 15px;
+			display: flex;
+			align-items: center;
+			overflow: auto;
+
+			@include mq(sm, min) {
+				justify-content: center;
+			}
+
+			&::-webkit-scrollbar {
+				display: none;
+			}
+		}
+
+		&__item {
+			display: flex;
+			align-items: center;
+			margin-right: 75px;
+
+			&:last-of-type {
+				margin-right: 0;
+			}
+
+
+			@include mq(md, max) {
+				padding: 0;
+			}
+
+			i {
+				margin-right: 8px;
+			}
+		}
+
+		&__text {
+			margin: 0;
+			white-space: nowrap;
+			line-height: 12px;
+			font-size: 10px;
+		}
+	}
 }

src/template-pagina/bernardo-home.html

@@ -30,6 +30,32 @@
 					<vtex:contentPlaceHolder id="banners-principais-mobile" />
 				</div>
 			</section>
+
+			<section class="advantages">
+				<ul class="advantages__list">
+					<li class="advantages__item">
+						<i class="sprite sprite-credit-card-icon"></i>
+						<p class="advantages__text">
+							PARCELAMENTO EM <br />
+							ATÉ 6X SEM JUROS
+						</p>
+					</li>
+					<li class="advantages__item">
+						<i class="sprite sprite-truck-icon"></i>
+						<p class="advantages__text">
+							PAC GRÁTIS PARA COMPRAS <br />
+							ACIMA DE <strong> R$ 500,00</strong>
+						</p>
+					</li>
+					<li class="advantages__item">
+						<i class="sprite sprite-shop-icon"></i>
+						<p class="advantages__text">
+							FÁBRICA <br />
+							PRÓPRIA
+						</p>
+					</li>
+				</ul>
+			</section>
 		</main>
 
 		<footer>