@media (min-width: 1440px){
    .blocks-container .title-and-content{
        --block-margin: 9.6rem;
    }
}

.blocks-container .title-and-content{
	margin: var(--block-margin) auto;
    display: flex;
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    justify-content: center;
    border-radius: var(--element-border-radius);
}

.title-and-content :is(.title-and-content-content-heading, .title-and-content-content-body) {
    display: flex;
    flex-direction: column;
    row-gap: calc( var(--item-row-gap) / 2);
}

.title-and-content:is([data-alignment="left"]) :is(.title-and-content-content-heading, .title-and-content-content-body) {
    align-items: flex-start;
    text-align: left;
}

.title-and-content:is([data-alignment="center"]) :is(.title-and-content-content-heading, .title-and-content-content-body) {
    align-items: center;
    text-align: center;
}

.title-and-content:is([data-alignment="right"]) :is(.title-and-content-content-heading, .title-and-content-content-body) {
    align-items: flex-end;
    text-align: right;
}

.title-and-content-content.animate__animated{
    animation-name: fadeInUp;
}

.title-and-content .title-and-content-content-heading + .title-and-content-content-body {
    margin-top: var(--padding-sm);
}

.eyebrow.title-and-content-eyebrow {
    margin-bottom: 0;
}

.title-and-content-title {
    margin-bottom: 0;
}

.title-and-content-title p {
    margin-bottom: 0;
}

.title-and-content-subtitle{
    font: var(--font-headline-5);
    letter-spacing: var(--secondary-letter-spacing);
}

.cta-content-and-buttons-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--item-row-gap);
}

.title-and-content-text p:last-child {
    margin: 0;
}

.title-and-content-buttons{
    display: flex;
    flex-wrap: wrap;
    column-gap: calc( var(--item-column-gap) / 2);
    row-gap: var(--item-row-gap);
    align-items: center;
}

.title-and-content-buttons a.tertiary-button {
    padding: 0;
}

.blocks-container .title-and-content:not(:last-child) {
    margin: var(--gap-sizing) auto;
}

.title-and-content .title-and-content-subtitle {
	font-size: 24px;
}

.title-and-content-reduced-top-margin {
	margin-top: 64px !important;
}
.title-and-content-boxed {
	max-width: 896px !important;
}

@media (max-width: 767px){
    .blocks-container .title-and-content:not(:last-child) {
        margin: var(--gap-sizing) 0;
    }

    .title-and-content-title,
    .title-and-content-text {
        text-align: center;
    }

    .title-and-content-buttons,
    .title-and-content-buttons a {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .blocks-container .title-and-content:not(:last-child) {
        margin: var(--gap-sizing) auto 108px;
    }
}

@media (max-width: 991px){
    .title-and-content {
        display: flex;
        flex-direction: column-reverse;
        row-gap: var(--row-gap);
    }
}

@media (max-width: 1025px) {
	.blocks-container .title-and-content:not(:last-child) {
        margin: 0 auto 72px;
    }
	.title-and-content-title h2 {
    	font-size: 32px;
	}
	.title-and-content .title-and-content-subtitle {
		font-size: 20px;
	}
	.title-and-content-reduced-top-margin {
		margin-top: 48px;
	}
}

@media (max-width: 568px) {
	.title-and-content-title h2 {
    	font-size: 28px;
	}
	.blocks-container .title-and-content:not(:last-child) {
        margin: 0 16px 64px;
        width: 100%;
        max-width: fit-content;
    }
	.title-and-content-title h2, .title-and-content-title p, .title-and-content-title h3, .title-and-content-text p {
		text-align: left !important;
	}
	.title-content-center-mobile .title-and-content-title h2, .title-content-center-mobile .title-and-content-title p, .title-content-center-mobile .title-and-content-text p {
		text-align: center !important;
	}
	.title-and-content-content-heading {
		align-items: flex-start !important;
	}
	.title-content-center-mobile .title-and-content-content-heading {
		align-items: center !important;
	}

}