.landing-video-container,
.forest-video-container {
	width: 100%;
	display: flex;
	justify-content: center;
    position: relative;
}

.landing-video-container h1,
.forest-video-container .text-overlay {
	z-index: 1;
	color: white;
	font-weight: bold;
	font-size: xx-large;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	width: calc(100% - 20px);
	max-width: 1000px;
	text-align: center;
}
.forest-video-container .text-overlay {
	width: calc(100% - 40px);
	font-size: 17px !important;
}
.forest-video-container .text-overlay {
	font-size: 22px;
    text-shadow: 0 0 5px black;
}


.landing-video-container video,
.forest-video-container video {
    width: calc(100% - 20px);
	height: 100%;
	max-width: 1000px;
	border-radius: 25px;
}	
.forest-video-container video {
	max-width: 700px;
}

.landing-about-company {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1400px;
	background-color: var(--contrast-item-background);
	border-radius: 25px;
	margin-top: 20px;
	width: calc(100% - 20px);
	color: white;
}

.landing-about-company .about-section {
	margin: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 1400px;
	font-size: 19px;
}
.landing-about-company .about-section h2 {
    margin: 0;
}
.about-section p {
	text-wrap: pretty;
}

.description-and-credit-section {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.credit-section-photo-container {
	display: flex;
	width: calc(100% - 40px);
	max-width: 1000px;
	align-items: center;
	margin-top: 60px;
	margin-bottom: 40px;
}
.credit-section-photo-container a {
    width: 100%;
}
.credit-section-photo-container a img {
    width: 100%;
	max-height: 100px;
	object-fit: contain;
}


.three-billion-trees-container {
	display: flex;
	justify-content: center;
	width: 100%;
}
.three-billion-trees-container img {
	width: 100%;
	border-radius: 25px;
	box-shadow: 0 0 9px #00000030;
	max-width: 800px;
}

.collapsible-item-container {
	width: calc(100% - 20px);
	max-width: 800px;
}
.collapsible-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    transition: background 0.3s;
}

.collapsible-item:hover {
    background: var(--contrast-item-background);
	color: white;
}

.collapsible-arrow {
    transition: transform 0.3s ease;
}

.collapsible-item.active .collapsible-arrow {
    transform: rotate(90deg);
}

.collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding-left: 1em;
    color: #555;
}

.collapsible-item.active + .collapsible-content {
    max-height: 200px; /* adjust based on content */
    margin-bottom: 1em;
}


.faq-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 20px);
	gap: 10px;
	max-width: 1000px;
}

.faq-item {
	height: 40px;
	background-color: var(--contrast-item-background);
	width: calc(100% - 20px);
	display: flex;
	align-items: center;
	padding: 0 10px;
	border-radius: 10px;
	justify-content: space-between;
	text-decoration: none;
	color: white;
    transition: filter 0.3s;
}
.faq-item:hover {
    filter: invert(1);
}

.forest-section {
    display: flex;
	align-items: center;
}
.forest-video-container {
	width: 100%;
}
.forest-text-container {
    display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;
	width: 100%;
}
.forest-text-item {
	text-decoration: none;
	color: black;
	font-weight: 600;
	height: 35px;
	background-color: var(--main-content-background);
	display: flex;
	align-items: center;
	text-indent: 5px;
	transition: filter 0.3s;
	cursor: pointer;
	border-radius: 8px;
}
.forest-text-item:hover {
	filter: invert(1);
}


.divider {
    margin-bottom: 20px;
	width: 50%;
}

@media (max-width: 768px) {
	.forest-section {
		flex-direction: column;
	}
	.forest-video-container {
		justify-content: center;
	}
	.credit-section-photo-container {
		flex-direction: column;
		max-width: 300px;
	}
}