/* =========================
       FAQ
    ========================= */

    .faq {
		background: var(--upyellow);
		color: var(--upred);
    }	

    .faq h2 {
		font-family: "Space Grotesk", sans-serif;
		font-size: clamp(55px, 8vw, 110px);
		line-height: .85;
		letter-spacing: -6px;
		margin-bottom: 70px;
    }

    .faq-list {
		border-top: 1px solid #444;
    }

    .faq-item {
		border-bottom: 1px solid #444;
    }

    .faq-question {
		width: 100%;
		padding: 28px 0;
	
		display: flex;
		align-items: center;
		justify-content: space-between;
	
		color: var(--upred);
		background: transparent;
		border: 0;
	
		font-family: "Space Grotesk", sans-serif;
		font-size: 22px;
		text-align: left;
	
		cursor: pointer;
    }

    .faq-icon {
		font-size: 30px;
		transition: transform .3s ease;
    }

    .faq-answer {
		max-height: 0;
		overflow: hidden;
		transition: max-height .4s ease;
		color: var(--upgreensection);
     
    }

	.faq h3 {
			line-height: .85;
			margin: 30px;
	}


    .faq-answer p {
		max-width: 700px;
		padding-bottom: 30px;
	
		color: var(--upgreensection);
		line-height: 1.7;
    }

	.faq-answer li {
		display: list-item
		list-style: inside;
	}

    .faq-item.active .faq-icon {
		transform: rotate(45deg);
    }