Save

layout/style-scss/porte.scss

@@ -117,3 +117,92 @@
 		}
 	}
 }
+
+.box-03 {
+	margin-bottom: 70px;
+
+	.c-row {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+
+		@include respond-below(md) {
+			flex-direction: column-reverse;
+			row-gap: 20px;
+		}
+
+		.c-col-1 {
+			flex-basis: 50%;
+
+			@include respond-below(md) {
+				max-width: 527px;
+			}
+
+			h2 {
+				color: #000;
+				font-size: 30px;
+				font-family: 'URW Form', sans-serif;
+				font-weight: 400;
+				letter-spacing: 2px;
+				text-transform: uppercase;
+				padding: 35px 30px 25px;
+				margin: 0;
+				background: #f4f4f4;
+
+				@include respond-below(lg) {
+					font-size: 26px;
+					padding: 25px 20px 17px;
+				}
+			}
+
+			ul {
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				gap: 20px 30px;
+				padding: 30px 0 0 30px;
+
+				@include respond-below(lg) {
+					padding: 20px 0 0 20px;
+					gap: 20px 30px;
+				}
+
+				@include respond-below(md) {
+					justify-content: center;
+				}
+
+				li {
+					display: flex;
+					flex-direction: column;
+					row-gap: 4px;
+
+					img {
+						width: 100%;
+						max-width: 130px;
+
+						@include respond-between(md, lg) {
+							max-width: 110px;
+						}
+					}
+					p {
+						color: #000;
+						font-size: 15px;
+						font-family: 'URW Form', sans-serif;
+						font-weight: 400;
+						margin-bottom: 0;
+						text-transform: uppercase;
+						letter-spacing: 1px;
+					}
+				}
+			}
+		}
+		.c-col-2 {
+			flex-basis: 50%;
+
+			img {
+				width: 100%;
+				max-width: fit-content;
+			}
+		}
+	}
+}