.pageContainer section {
  /*padding-block: var(--section-padding-block);
  */
}

.wrapper{
	max-width: var(--wrapper-max-width);
	margin-inline: auto;
	padding-inline: var(--inline-padding);	
}

.hiddenImg{
	width: 100%;
	height: auto;
}


/*Possitioning Begin*/
.full-width-split-screen,
.full-width-split-screen_noimage{
	padding-block: 0;
}


.full-width-split-screen > :not(img),
.full-width-split-screen_noimage > :not(img)
{
	padding-inline: var(--inline-padding);
	/*
	padding-block: var(--section-padding-block);
*/
}

.full-width-split-screen > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.split-screen{
	display: grid;
	grid-template-columns: 
		minmax(var(--inline-padding), 1fr)
		minmax(0, calc(var(--wrapper-max-width) / 4))
		minmax(0, calc(var(--wrapper-max-width) / 4))
		minmax(0, calc(var(--wrapper-max-width) / 4))
		minmax(0, calc(var(--wrapper-max-width) / 4))
		minmax(var(--inline-padding), 1fr);
		position: relative;
		align-items: center;
		justify-items: center;
}

.split-screen > img {
	max-width: 45%
}

.split-screen > img:first-child{grid-column:  2 / 3; }	
.split-screen > img:last-child{grid-column:  5 / 6; }	
.split-screen > :not(img):first-child{grid-column:  2 / 5; padding-left: 0;}
.split-screen > :not(img):last-child{grid-column:  3 / 6; padding-right: 0;}


	.full-width-split-screen_noimage{
		display: grid;
		grid-template-columns: 
			minmax(var(--inline-padding), 1fr)
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(var(--inline-padding), 1fr);
		position: relative;		
	}


@media (max-width: 1024px){
	 .full-width-split-screen > div{
	 	display: grid;
		grid-template-columns: 
			minmax(var(--inline-padding), 1fr)
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(var(--inline-padding), 1fr);
			position: relative;
			align-items: center;
			justify-items: center;	
	 }
	 
	.full-width-split-screen > div > img:first-child{grid-column:  1 / 2; }	
	.full-width-split-screen > div > img:last-child{grid-column:  5 / -1; }	

	.full-width-split-screen > div > span:first-child{grid-column:  1 / 3; }	
	.full-width-split-screen > div > span:last-child{grid-column:  5 / -1; }	


	.full-width-split-screen > div > div:not(img):first-child{grid-column:  2 / 5; }
	.full-width-split-screen > div > div:not(img):last-child{grid-column:  3 / 6; }
	
	.full-width-split-screen > div > div:not(img):first-child::before{grid-column: 1 / 2; }	
	.full-width-split-screen > div > div:not(img):last-child::before{grid-column: 6 / -1; }		
	.full-width-split-screen > div > div:not(img)::before{
		content: '';
		position: absolute;
		inset: 0;
		background-color: inherit;
	} 
 
 .full-width-split-screen > div{
	padding-inline: 0;
	padding-block: var(--section-padding-block);
}

	.full-width-split-screen_noimage > div:first-child{grid-column:  2 / 5;}
	.full-width-split-screen_noimage > div:last-child{grid-column:  3 / -2;}

	.full-width-split-screen_noimage > span:first-child{grid-column:  1 / 3;}
	.full-width-split-screen_noimage > span:last-child{grid-column:  5 / -1;}
	
 
 
}

@media (min-width: 1025px){
	.hiddenImg{
		display: none;
	}
	
	.full-width-split-screen{
		display: grid;
		grid-template-columns: 
			minmax(var(--inline-padding), 1fr)
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(0, calc(var(--wrapper-max-width) / 4))
			minmax(var(--inline-padding), 1fr);
		position: relative;		
	}

	
	.full-width-split-screen > img:first-child{grid-column:  1 / 4;}	
	.full-width-split-screen > img:last-child{grid-column:  4 / -1;}	

	.full-width-split-screen > div:not(img):first-child{grid-column:  2 / 4; padding-left: 0;}
	.full-width-split-screen > div:not(img):last-child{grid-column:  4 / 6; padding-right: 0;}
	
	.full-width-split-screen > :not(img):first-child::before{grid-column: 1 / 2; }	
	.full-width-split-screen > :not(img):last-child::before{grid-column: 6 / -1; }		
	.full-width-split-screen > :not(img)::before{
		content: '';
		position: absolute;
		inset: 0;
		background-color: inherit;
	}
	
	.full-width-split-screen_noimage > div{grid-column:  2 / 6;}
}

@media (max-width: 430px) {

	.split-screen > img:first-child{display: none;}	
	.split-screen > img:last-child{display: none;}	
	.split-screen > :not(img):first-child{grid-column:  2 / -2; padding-left: 0;}
	.split-screen > :not(img):last-child{grid-column:  2 / -2; padding-right: 0;}


	.full-width-split-screen > div > img:first-child{display: none; }	
	.full-width-split-screen > div > img:last-child{display: none; }	

	.full-width-split-screen > div > span:first-child{display: none;}	
	.full-width-split-screen > div > span:last-child{display: none;}	


	.full-width-split-screen > div > div:not(img):first-child{grid-column:  2 / -2; }
	.full-width-split-screen > div > div:not(img):last-child{grid-column:  2 / -2; }


	.full-width-split-screen_noimage > div:first-child{grid-column:  2 / -2; }
	.full-width-split-screen_noimage > div:last-child{grid-column:  2 / -2; }

	.full-width-split-screen_noimage > span:first-child{display: none;}
	.full-width-split-screen_noimage > span:last-child{display: none;}
	
}


/*Possitioning End*/