.inline-banner {

	.flex {

		display: flex;
		align-item: center;
		border-radius: 20px;
		min-height: 220px;
		overflow: hidden;

		@media screen and (max-width: 990px) {
			flex-wrap: wrap;
		}

		.content {

			width: 50%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 10px 20px;
			text-align: center;

			@media screen and (max-width: 990px) {
				width: 100%;
				padding: 50px 20px;
			}

			.block-title {
				margin: 0;
			}

			.rte {
				p {
					margin:0;
				}
			}

		}

		.banner {

			width: 50%;
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			padding: 15px 20px;

			@media screen and (max-width: 990px) {
				width: 100%;
				padding: 0 20px 30px;
				min-height: 350px;
			}

			&::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 0;
				height: 0;
				border-right: 40px solid transparent;
				z-index: 2;
				@media screen and (max-width: 990px) {
					display: none;
				}
			}

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				@media screen and (max-width: 990px) {
					display: none;
				}
				&.image-m {
					display: none;
					@media screen and (max-width: 990px) {
						display: block;
					}
				}
			}

			.blocks {

				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				position: relative;
				z-index: 2;
				gap: 10px;

				.btn {
					min-width: unset;
				}

			}

		}

	}

}