@layer components.page-icon-grid {
	[data-c-page-icon-grid] {
		margin-top: 50px;
		margin-bottom: 150px;

		@media (max-width: 768px) {
			margin-top: 0;
			margin-bottom: 100px;
		}

		ul {
			list-style: none;
			row-gap: 100px;

			@media (max-width: 768px) {
				row-gap: 60px;
			}

			li {
				svg {
					color: var(--color-pink)
				}

				p {
					color: var(--color-dark-blue);
					font-size: var(--font-size-base);
					margin-top: 30px;

					@media (max-width: 768px) {
						font-size: var(--font-size-sm);
						margin-top: 20px;
					}
				}
			}
		}

	}
}