.full-width-image-text {
    position: relative;
}

.full-width-image-text__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: bottom right;
    z-index: 1;
}

.full-width-image-text__content {
    padding: 0;
    position: relative;
    z-index: 2;
}

.full-width-image-text__headline {
    margin-top: 0;
}

.full-width-image-text__description :last-child {
    margin-bottom: 0;
}

.full-width-image-text__content {
    padding: 0 9px;
}

.full-width-image-text__description {
    max-width: 1048px;
    margin: 0 auto;
}

.full-width-image-text__content h3 {
    color: var(--primary);
    margin: 0 0 5px;
    text-transform: uppercase;
}

.full-width-image-text__content .btn-no-icon:has(i) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.full-width-image-text__content .btn-no-icon:has(i) i {
    font-size: 13px;
    margin-top: -3px;
}

.full-width-image-text--direct-overlay {
    background-color: #000;
    color: #fff;
}

.full-width-image-text--direct-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: 0.6;
	z-index: 2;
}

.full-width-image-text--direct-overlay .full-width-image-text__headline,
.full-width-image-text--direct-overlay .full-width-image-text__description p,
.full-width-image-text--direct-overlay .full-width-image-text__description p a:not(.btn) {
    color: #fff;
    text-decoration-color: #fff;
}

@media (min-width: 768px) {
    .full-width-image-text__content h3 {
        text-transform: capitalize;
        margin: 0 0 10px;
    }

    .full-width-image-text__content {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .full-width-image-text__content h3 {
        text-transform: uppercase;
    }

    .full-width-image-text--direct-overlay .full-width-image-text__description p a {
        text-decoration: none;
    }

    .full-width-image-text--direct-overlay .full-width-image-text__description p a:not(.btn):hover {
        color: var(--primary);
    }
}

/* Full-Width Image + Text - Text Box Overlay */

.full-width-image-text--box-overlay .full-width-image-text__content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 30px 0 rgb(0 0 0 / 10%);
}