/************************
 * STACKING CARDS SECTION *
 *************************/

section.stacking-cards-section {
	margin-bottom: 2.7rem;
	position: relative;
}

section.stacking-cards-section .custom-container {
		max-width: 12.64rem;
		margin-left: auto;
		margin-right: auto;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.stacking-cards-section .custom-container {
			max-width: 100%;
			padding: 0 0.16rem;
	}
		}

section.stacking-cards-section .stacking-cards-section__header {
		max-width: 6.2rem;
		margin-bottom: 0.48rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.stacking-cards-section .stacking-cards-section__header {
			max-width: 100%;
			margin-bottom: 0.32rem;
	}
		}

section.stacking-cards-section .stacking-cards-section__label {
		margin-bottom: 0.16rem;
		color: var(--brown);
	}

section.stacking-cards-section .stacking-cards-section__title {
		margin: 0;
		color: var(--brown);
	}

section.stacking-cards-section .container-1 {
		display: block;
		position: relative;
		max-width: 12.64rem;
		margin-left: auto;
		margin-right: auto;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.stacking-cards-section .container-1 {
			max-width: 100%;
			padding: 0 0.16rem;
	}
		}

section.stacking-cards-section .container-1 .card-trigger {
		position: relative;
	}

section.stacking-cards-section .container-1 .card-trigger:not(:first-child) .spacer {
		opacity: 0;
	}

section.stacking-cards-section .container-1 .spacer {
		padding-bottom: 0.3rem;
	}

section.stacking-cards-section .container-1 .stacking-card {
		display: grid;
		grid-template-columns: 4.89rem 7.02rem;
		align-items: stretch;
		gap: 0.3rem;
		padding: 0.24rem;
		border-radius: 0.45rem;
		position: relative;
		overflow: hidden;
		min-height: 4.5rem;
		width: 100%;
		top: 0;
		left: 0;
		background-color: var(--yellow);
		color: var(--brown);
	}

section.stacking-cards-section .container-1 .stacking-card:first-of-type {
		margin-top: 0;
	}

section.stacking-cards-section .container-1 .stacking-card:last-of-type {
		position: relative;
		top: unset;
		left: unset;
	}

section.stacking-cards-section .container-1 .stacking-card .g-inner:first-of-type {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;
		height: 100%;
		min-width: 0;
	}

section.stacking-cards-section .container-1 .stacking-card .g-inner:last-of-type {
		display: flex;
		align-self: stretch;
		height: 100%;
		width: 7.03rem;
	}

section.stacking-cards-section .stacking-card__body {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		width: 100%;
		margin-top: auto;
	}

section.stacking-cards-section .container-1 .stacking-card .g-inner:last-of-type .media-wrap {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 4.02rem;
		flex: 1;
		border-radius: 0.4rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.stacking-cards-section .container-1 .stacking-card .g-inner:last-of-type .media-wrap {
			height: auto;
	}
		}

section.stacking-cards-section .container-1 .stacking-card .g-inner:last-of-type .media {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

section.stacking-cards-section .stacking-card__icon {
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		width: 0.72rem;
		height: 0.72rem;
		margin-bottom: 0;
		border-radius: 50%;
		background-color: var(--brown);
	}

section.stacking-cards-section .stacking-card__icon-img {
		display: block;
		width: 0.24rem;
		height: 0.24rem;
		object-fit: contain;
	}

section.stacking-cards-section .card-label {
		margin-bottom: 0.12rem;
	}

section.stacking-cards-section .card-title {
		margin: 0.24rem 0 0;
		text-transform: uppercase;
		font-weight: 500;
	}

section.stacking-cards-section .card-text {
		margin-top: 0.24rem;
		line-height: 1.35;

		font-size: 0.16rem;
	}

section.stacking-cards-section .card-text p {
		margin: 0 0 0.16rem;
	}

section.stacking-cards-section .card-text p:last-child {
		margin-bottom: 0;
	}

@media screen and (max-width: 767px) and (orientation: portrait) {

section.stacking-cards-section {
		margin-top: 0.62rem;
		margin-bottom: 0.4rem;

		/* Stay below fixed page-header (z-index: 25) */
}
		section.stacking-cards-section .container-1 .card-trigger {
			z-index: 10 !important;
		}

		section.stacking-cards-section .container-1 .card-trigger:not(:first-child) .spacer {
			opacity: 1;
		}

		section.stacking-cards-section .container-1 .stacking-card {
			display: flex;
			flex-direction: column;
			gap: 0.24rem;
			padding: 0.25rem;
			min-height: unset;
			margin-top: 0.3rem;
		}

		section.stacking-cards-section .container-1 .stacking-card .g-inner:first-of-type {
			width: 100%;
			height: auto;
		}

		section.stacking-cards-section .stacking-card__body {
			margin-top: 0.24rem;
		}

		section.stacking-cards-section .container-1 .stacking-card .g-inner:last-of-type {
			width: 100%;
			height: 2rem;
		}

		section.stacking-cards-section .card-title {
			font-size: 0.32rem;
		}
	}