.section-banner {

	.outer {

		width: 100%;
		position: relative;
		border-radius: 20px;
		overflow: hidden;

		@media screen and (min-width: 990px) {

			&.size-dt-800 {
				height: 800px;
			}

			&.size-dt-600 {
				height: 600px;
			}

			&.size-dt-400 {
				height: 400px;
			}

		}

		@media screen and (max-width: 990px) {
			height: 600px;
		}

		.bg-image {

			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;

			@media screen and (max-width: 768px) {
				display: none;
			}

			&.mobile {
				display: none;
				@media screen and (max-width: 768px) {
					display: block;
				}
			}

		}

		.inner {

			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			padding: 50px;
			display: flex;
			flex-direction: column;

			@media screen and (max-width: 990px) {
				padding: 30px;
			}

			.block-title {
				margin: 0 0 4px 0;
			}

			.rte p {
				margin: 0;
			}

			.btn-container {
				margin-top: 30px;
			}

		}

		&.content-center {
			.inner {
				align-items: center;
			}
		}

		&.content-right {
			.inner {
				align-items: flex-end;
			}
		}

	}

}