.pxl-image-bg{
	&.style-bgr-1{
		height: 100%;
		width: calc(100% - ( 509.58px / 2 ) );
		right: 0;
		left: auto;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		overflow: hidden;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		@media #{$max-sm} {
			width: 100%;
		}
		.pxl-bgr-overlay{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(26, 61, 125, 0.9);
		}
	}

	&.style-bgr-2{
		.bg-section-2{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: -1;
			.bg-section-2-left{
				background-color: $primary_color;
				width: 50%;
				float: left;
				height: 100%;
				@media #{$max-md2} {
					width: 100%;
					height: 50%;
				}
			}
			.bg-section-2-right{
				height: 100%;
				width: 50%;
				float: left;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				@media #{$max-md2} {
					width: 100%;
					height: auto;
				}
				.pxl-overlay{
					background-color: rgba(#fff, 0.95);
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
				}
			}
		}
	}
}

.pxl-image-box1 .pxl-item--inner{
	position: relative;
	max-width: 575px;
	min-height: 385px;
	margin: 0 auto;
	.wrap-icon-box{	
		background-color: $primary_color;
		padding: 20px 0;
		max-width: 150px;
		text-align: center;
		position: absolute;
		top: 25px;
		left: 20px;
		z-index: 10;
		.pxl-item--icon{
			width: 60px;
			height: 60px;
			font-size: 30px;
			line-height: 1;
			border-radius: 50%;
			background-color: #fff;
			color: $primary_color;
			margin: 0 auto;
			margin-bottom: 15px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.pxl-item-feature{
			color: #fff;
			font-size: 18px;
			line-height: 1.3;
			letter-spacing: -0.02;
			@extend .ft-theme-default;
			font-weight: 700;
			margin-bottom: 0;
		}

	}
	.pxl-item-image-1{
		position: absolute;
		max-width: 320px;
		left: 0;
		top: 200px;
		z-index: 3;
	}
	
	.pxl-item-image-2{
		position: absolute;
		max-width: 370px;
		right: 75px;
		top: -30px;
		z-index: 2;
	}

	.pxl-item-image-3{
		position: absolute;
		max-width: 160px;
		right: 75px;
		top: 320px;
		z-index: 3
	}
	@media #{$max-md2} {
	
	.pxl-item-image-2{
		position: absolute;
		max-width: 370px;
		right: 0px;
		top: -30px;
		z-index: 2;
	}

	.pxl-item-image-3{
		position: absolute;
		max-width: 160px;
		right: 0px;
		top: 320px;
		z-index: 3
	}
	}
}