.image-text-items-global__item {
	display:flex;
    flex-direction: column;
}

a.image-text-items-global__item {
	color:inherit;
	text-decoration:inherit;
}

.image-text-items-global__item * {
	margin: 0 0 2rem;
}

.image-text-items-global__item :last-child {
  margin-bottom: 0;
}

.image-text-items-global__item__img-container{
    width: 100%;
	margin-bottom:1.5rem;
}

.image-text-items-global__item__img-container--v-center {	
	display:flex;
    flex-direction: column;
    justify-content: center;
}
.image-text-items-global__item__img-container.h-align-right {
	align-items:flex-end;
}
.image-text-items-global__item__img-container.h-align-center {
	align-items: center;
}
.image-text-items-global__item__img-container.h-align-stretch {
	align-items:stretch;
}

.image-text-items-global__item__img-container img {
	object-fit:cover;
}

.image-text-items-global__item--center .image-text-items-global__item__img-container img {
    margin: auto;
}

.image-text-items-global__item__cta {
	margin-top:auto;
}

/* ADD STICKY SECTION CSS (only on desktop) */
@media only screen and (min-width:960px) and (min-height:728px) {
	.dnd-section:has(.image-text-items-global--fixed) {
		container-type: scroll-state;
		position: sticky;
		top: calc(100% - var(--fixed-image-text-item-height));
		padding-inline: 0;
		z-index: 2;
	}
	main:has(.image-text-items-global--fixed) .dnd-section:last-of-type{
		/* Add space above footer so the thing has space to stop */
		padding-bottom: var(--fixed-image-text-item-height);
	}
	.image-text-items-global--fixed {
		box-shadow: 0 -2px 6px rgb(0 0 0 / 16%);
		transition: box-shadow 0.3s ease-in-out;
	}
	@container scroll-state(stuck: none) {
		.image-text-items-global--fixed {
			box-shadow: 0 -2px 6px rgb(0 0 0 / 0%);
		}
	}
	.image-text-items-global--fixed .image-text-items-global__item > div{
		margin-bottom: 0;
		display: flex;
		justify-content: center;
		gap: 3rem;
		align-items: center;
		height: 100%;
	}
	.image-text-items-global--fixed .image-text-items-global__item * {
		margin: 0;
	}
}

{#.dnd-section:has(.image-text-items-global--fixed) {
    position: sticky;
    top: calc(100% - var(--fixed-image-text-item-height));
    padding-inline: 0;
    z-index: 2;
}

.dnd-section:has(.image-text-items-global--fixed.image-text-items-global--in-view) + .dnd-section {
    margin-top: calc(var(--fixed-image-text-item-height) * -1);
}

@keyframes fadeIn {
  from {
    opacity: 0; /* Starts fully visible */
  }
  to {
    opacity: 1; /* Ends completely transparent */
  }
}

main:has(.image-text-items-global--fixed.image-text-items-global--in-view) .dnd-section:last-of-type{
    padding-bottom: var(--fixed-image-text-item-height);
}

@media only screen and (max-width: 960px ) {
	.image-text-items-global--in-view.has-box-shadow .grid-row{
		gap: 1.6rem 1rem;
		display: flex;
        flex-direction: column;
	}

	.image-text-items-global--in-view.has-box-shadow .image-text-items-global__item > div {
		margin-bottom: 0;
		display: grid;
		grid-template-columns: 12rem auto;
		justify-content: start;
		gap: 1rem;
		align-items: center;
	}
}

@media only screen and (min-width: 641px ) {
	.image-text-items-global--in-view.has-box-shadow :where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5):first-child, .image-text-items-global--in-view.has-box-shadow .pre-title + :is(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) {
    	font-size: 4rem !important;
	}
}

@media only screen and (max-width: 640px ) {
	.image-text-items-global--in-view.has-box-shadow .grid-row{
		gap: 0.9rem 1rem;
		display: flex;
        flex-direction: column;
	}

	.image-text-items-global--in-view.has-box-shadow .image-text-items-global__item > div {
		grid-template-columns: 9rem auto;
	}

	.image-text-items-global--in-view.has-box-shadow :where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5):first-child, .image-text-items-global--in-view.has-box-shadow .pre-title + :is(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) {
    	font-size: 3rem !important;
	}
}


.image-text-items-global--in-view.has-box-shadow{
	box-shadow: 0 -2px 6px rgb(0 0 0 / 16%);
	transition: box-shadow 0.3s ease-in-out;
}


@media only screen and (min-width: 961px ) {

	.image-text-items-global--in-view.has-box-shadow .image-text-items-global__item > div{
		margin-bottom: 0;
		display: flex;
		justify-content: center;
		gap: 3rem;
		align-items: center;
	}
}


.image-text-items-global--in-view.has-box-shadow .image-text-items-global__item .component__text > div{
	margin-bottom: 0 !important;
}

.image-text-items-global--in-view.has-box-shadow :where(p){
	font-size: 1.6rem !important;
	margin: 0;
}

.image-text-items-global--fixed{
	padding-bottom: 2rem;	
	transition: 0.3s padding ease-in-out;
}

.image-text-items-global--fixed{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
#}