:root {
	--white: #fff;
	--black: #000;
	--dark-theme: #003566;
	--primary-clr: #0274b7;
	--dark: #0d1321;
}

.main-inner section {
	padding: 4em 0 6rem;
}
.image-container {
	min-width: 300px;
	min-height: 400px;
}
.image-container .image-wrapper {
	/* border-radius: 50%; */
	position: absolute;
}
.image-container .image-wrapper img {
	border-radius: 1.2rem;
}
.image-container .image-wrapper.image-one {
	top: 0;
	left: 0;
	height: 280px;
	max-width: 280px;
}
.image-container .image-wrapper.image-two {
	bottom: 60%;
	right: -40%;
	height: 400px;
	max-width: 400px;
	translate: -50% 100%;
}
.content-holder .text-container-inner {
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	row-gap: 2.6rem;
}
.sub-content {
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	row-gap: 10px;
}
.sub-content .sub-content-item {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}
.sub-content-item em svg {
	width: 1.4rem;
}

section.two {
	background-color: var(--primary-clr);
	padding: 7pc 0;
}
section.two :is(li, span) {
	font-size: 0.9rem;
}
section.two * {
	color: var(--white);
}
section ._p9QBX5 {
	padding-right: 2rem;
	border-right: 1px solid var(--white);
}
section .flex-direction-it {
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	row-gap: 3rem;
}
section .flex-direction-it .icon-container svg {
	scale: 2.5;
	fill: var(--white);
	color: var(--white);
}

section ._xRP7JkU {
	flex-wrap: wrap;
	row-gap: 3rem;
}
@media all and (max-width: 600px) {
	.content-holder {
		row-gap: 4rem;
		flex-direction: column-reverse;
	}
	.image-container .image-wrapper.image-two {
		scale: 1;
	}
	section ._xRP7JkU {
		flex-direction: column-reverse;
	}
	section.two .icon-container {
		margin-left: 1rem;
	}
	section ._p9QBX5 {
		border: unset;
	}
	.image-container {
		display: flex;
		flex-direction: column;
		-ms-flex-direction: column;
		row-gap: 1rem;
	}
	.image-container .image-wrapper {
		position: relative;
	}
	.image-container :is(.image-wrapper.image-two, .image-wrapper.image-one) {
		all: unset;
	}
	.image-container .image-wrapper img {
		border-radius: 8px;
	}
}
