body.editor-styles-wrapper .aboutusvisionandvalues{
	overflow: hidden;
	background: linear-gradient(0deg, #032f62 0%, #032f62 50%, #08538e 50%, #08538e 100%);
	color: #fff;

	h3{
		margin-bottom: 32px;
		color: #fff;
	}
	h4{
		margin: 0 0 22px;
		padding: 5px 12px;
		background: var(--wp--preset--color--main-colors-orange);
		color: var(--wp--preset--color--font-colors-font-dark-1);
	}
	.inner{
		position: relative;
		z-index: 1;
		padding: 100px 0;

		@media( max-width: 767px ){
			padding: 64px 0;
		}
	}
	.divider{
		position: relative;
		aspect-ratio: 1656/226;

		@media( max-width: 991px ){
			aspect-ratio: 1656/340;
		}

		@media( max-width: 767px ){
			aspect-ratio: 1656/450;
		}
	}
	.divider img{
		position: absolute;
		z-index: -1;
		top: 50%;
		left: 0;
		width: 100%;
		height: auto;
		transform: translateY(-54%);
	}
	.row{
		gap: 48px 0;

		@media( max-width: 767px ){
			gap: 32px 0;
		}
	}
}

.editor-styles-wrapper{
	.vision .item{
		display: flex;
		gap: 24px;

		@media( max-width: 767px ){
			flex-direction: column;
		}
	}
	.values{
		font-size: 18px;
		line-height: 1.2;

		@media( max-width: 767px ){
			font-size: 14px;
		}
	}
	.values ul{
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-wrap: balance;
	}
	.values ul li{
		position: relative;
		padding-left: 18px;
	}
	.values ul li::before{
		content: '';
		position: absolute;
		top: 6px;
		left: 0;
		display: block;
		width: 8px;
		height: 8px;
		background: var(--wp--preset--color--main-colors-orange);
	}
}