.faq-section {

	.section-container {

		max-width: 1100px;
		padding: 0 20px;

		@media screen and (min-width: 1008px) {
			padding: 0 60px;
		}

		.SectionHeader__Heading {
			margin: 0 0 40px 0;
		}

		.faqs {

			.faq-item {

				border-bottom: 1px solid #E3E3E3;
				font-size: 14px;

				@media screen and (min-width: 1008px) {
					font-size: 16px;
				}

				summary {
					padding: 15px 22px 15px 0;
					cursor: pointer;
					position: relative;
					.Icon {
						position: absolute;
						top: 50%;
						right: 0;
						transform: translate(0,-50%);
						width: 12px;
						height: unset;
						transition: .2s all;
					}
				}

				.faq-body {
					margin: 0 0 25px 0;
				}

				&[open] {
					summary {
						.Icon {
							transform: translate(0,-50%) rotate(180deg);
						}
					}
				}

			}

		}

		.cta-container {

			margin: 34px 0 0 0;
			text-align: center;

			p {
				margin: 0;
			}

			.Button {
				margin: 20px 0 0 0;
			}

		}

	}

}