.titleBanner {

    position: relative;
    background: transparent;
	color: var(--primary_color);
    padding: 174px 0 80px;
	min-height: 496px;
	display: flex;
	align-items: center;


    & > .wrapper {

        position: relative;
        display: flex;
        align-items: center;
		width: 100%;
		z-index: 3;

        &:before, &:after {
            display: none;
        }

    }

    .imageBackground {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1;

		&:before {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: auto;
			width: 55%;
			opacity: 0.8;
			left: 0;
			z-index: 3;
			background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.87861082) 60%, rgba(255, 255, 255, 0) 100%);
		}



        .imageWrap {
            width: 100%;
			height: 100%;
            position: absolute;
            top: 0;
			right: 0;
			bottom: 0;
			left: 0;
            overflow: hidden;
            z-index: 2;

            img {
                position: absolute;
				object-fit: cover;
				width: 100%;
				height: 100%;
				max-width: none;
				max-height: none;
				z-index: 1;
				opacity: 1;

            }

        }

    }


}

.innerTitleBanner {

    display: flex;
    width: 100%;
    position: relative;
    z-index: 6;
	color: var(--primary_color);

    @media all and (max-width: 730px) {
        flex-wrap: wrap;
    }

    .bannerContentWrap {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;


        .leftAlign & {
            align-items: flex-start;
            justify-content: flex-start;
        }


    }


    .innerContentWrapper {

        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        position: relative;
        z-index: 2;
		max-width: 524px;



    }

    .titleWrap {

        padding: 0;
        width: 100%;
        max-width: 965px;
        margin: 0 auto;
        text-align: center;
		color: inherit;
		display: flex;
		align-items: center;


        .innerText {

            padding: 0 !important;
            display: flex;
            flex-direction: column;
			color: inherit;
			margin-top: -8px;

            &:before, &:after {
                display: none;
            }

            h1 {

				margin: 0;
				color: inherit;

                strong {
                    font-weight: bold;
                }

				@media @mobile {
					.rems(38);
					line-height: 1.2em;
				}


            }

            h4 {

                margin: 8px 0 0;
                .rems(24);
                line-height: 32px;
                position: relative;
                padding: 0;
				color: inherit;
                font-family: @primary_font;

            }

            .titleContent {

                margin: 36px 0 0;
                max-width: 100%;
                .rems(16);
                line-height: 24px;
				font-weight: 500;
                color: var(--text_color);

                &:before, &:after {
                    display: none;
                }



                ul, ol, p {
                    font-size: inherit;
                    line-height: inherit;
					color: inherit;
					margin-bottom: 24px;
                }


            }
        }

        .withImage & {
            max-width: 512px;
        }


		.leftAlign & {
			text-align: left;
			margin: 0;
		}


    }

    .iconHighlights {

        padding: 32px 0 0;

        ul {

            margin: 0;
            float: none;
            clear: both;
			display: flex;
			list-style: none;
			gap: 35px;

            &:before, &:after {
                display: none;
            }

            li {

                position: relative;
                list-style: none;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 7.46px;
				.rems(18);
				font-weight: 600;
				line-height: 21.527px;
				color: #646464;

				i {
					width: 20px;
					height: 20px;
					display: flex;
					position: relative;
					opacity: 0.6;
				}

				img {
					width: 100%;
					height: 100%;
					object-fit: contain;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
				}

            }
        }
    }

    .buttonWrap {

		display: flex;
		flex-direction: column;
		align-items: flex-start !important;
        width: 100%;
        padding: 25px 0 0 0;
        margin-bottom: 0;

        @media all and (max-width: 1380px) {
            padding: 25px 0 0;
        }

        .leftAlign & {
            justify-content: flex-start;
        }

        & > a {
            margin: 0 24px 24px 0;
            width: auto;
            flex: 0 0 auto;

            @media @mobile {
                width: 100%;
            }

			.svgIcon {
				display: none;
			}



        }



		.button {
			& + .button {
				margin-top: 24px;
			}
		}

    }


}
