.blocks-container .services-tabs {
    max-width: var(--wide-width);
}

.services-tabs {
	margin: var(--padding-xl) auto;
    display: flex;
    flex-direction: column;
    row-gap: var(--block-margin);
    position: relative;
}

.services-tabs.alignfull{
    width: 100%;
    max-width: 100%;
}

.services-tabs-content-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--padding-sm);
}

.services-tabs-content-heading .eyebrow.services-tabs-eyebrow {
    margin-bottom: 0;
}

.services-tabs:is([data-color-scheme="transparent"]){
	padding: 0;
	margin: var(--block-margin) auto;
}

.services-tabs-content{
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
}

.services-tabs-content-body {
    display: flex;
    margin-top: var(--padding-sm);
}

.services-tabs.alignfull .services-tabs-content{
    width: 100%;
    max-width: var(--wide-width);
}

.services-tabs-content.animate__animated{
    animation-name: fadeIn;
}

.services-tabs-content:is([data-layout="1center"], [data-layout="1fullycenter"]) :is(.services-tabs-content-heading, .services-tabs-content-body),
.services-tabs-content:is([data-layout="1fullycenter"]) .services-tabs-columns{
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--item-row-gap) / 2);
}

.services-tabs-content:is([data-layout="1center"], [data-layout="1fullycenter"]) .services-tabs-buttons,
.services-tabs-content:is([data-layout="1fullycenter"]) .services-tabs-columns-buttons{
    justify-content: center;
}

.services-tabs-title p {
    margin-bottom: 0;
}

.services-tabs-subtitle{
    font: var(--font-headline-5);
    letter-spacing: var(--secondary-letter-spacing);
    margin-bottom: 0;
}

.services-tabs-text {
    display: flex;
    align-items: end;
}

.services-tabs-text p {
    margin-bottom: 0;
}

.services-tabs-columns{
    display: grid;
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
    padding: var(--gap-sizing) 0 0 0;
}

.services-tabs-items-titles {
    display: flex;
    flex-direction: column;
}

.services-tabs-columns-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 0.1rem solid;
    border-color: var(--color-light-grey);
    padding: var(--padding-md);
    transition: 0.3s ease all;
    cursor: pointer;
}

.services-tabs-columns-item p:first-of-type {
    font-weight: 600;
	margin-bottom: 8px;
}

.services-tabs-columns-item:has(+ .services-tabs-columns-item.active) {
    border-bottom: 0;
}

.services-tabs-columns-item.active {
    border-color: transparent;
    border-radius: var(--element-border-radius);
    box-shadow: var(--element-box-shadow);
    transition: 0.3s ease all;
}

.services-tabs-columns-item button {
    width: 100%;
    position: relative;
    text-decoration: none;
    font: var(--font-body-large);
    transition: 0.3s ease all;
    display: flex;
    flex-direction: column;
}

/* .services-tabs-columns-item.active button {
    font: var(--font-headline-6);
} */

.services-tabs-columns-item.active button::after {
    opacity: 0;
    transition: 0.3s ease all;
}

.services-tabs-columns-item button::after{
    font-family: 'Material Icons Outlined';
    content: '\e145';
    position: absolute;
    transition: 0.3s ease all;
    right: 0;
}

.services-tabs-subheading {
	color: var(--content-text-icons, #000);
	font-size: var(--Typography-h5, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 28px */
	letter-spacing: -0.2px;
	margin-bottom: 8px;
}

.services-tabs-columns-item button:is(:hover, :focus, :active) {
    /* color: var(--hover-link-color); */
    transition: 0.3s ease all;
    outline: 0;
}

.services-tabs-columns-item :is(h1, h2, h3, h4, h5, h6, p, ul):is(:last-child, :only-child) {
    margin-bottom: 0;
}

.services-tabs-items-content {
    display: grid;
}

.services-tabs-columns-item-content:not(.active) {
    display: none;
}

.services-tabs-columns-item-content.active {
    display: flex;
	flex-direction: column;
}

.services-tabs-columns-item:not(.active) .service-tabs-expanded-title p {
    display: none;
}

.services-tabs-columns-item:is(.active) .service-tabs-expanded-title p {
    display: block;
    font: var(--font-body);
}

.services-tabs-content-heading, .services-tabs-content-body {
    max-width: 896px;
    margin: 0 auto;
}

.services-tabs-content-heading {
	padding-bottom: 16px;
}

.services-tabs-buttons {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--item-column-gap) / 2);
    row-gap: var(--item-row-gap);
    align-items: center;
    margin-top: auto;
    padding-top: var(--item-row-gap);
}

.services-tabs-columns-buttons {
    display: flex;
    column-gap: calc(var(--item-row-gap) / 2);
    padding: 0 var(--item-column-gap);
}

.services-tabs-content > *:last-child{
    margin-bottom: 0;
}

.services-tabs-top {
	margin-bottom: 64px !important;
}

@media (max-width: 767px) {
    .services-tabs-columns-item.active {
        border-radius: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .services-tabs-columns-item {
        width: 100%;
        max-width: var(--wide-width);
        margin: 0 auto;
    }

    .services-tabs .services-tabs-content-heading,
    .services-tabs .services-tabs-content-body {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .blocks-container .services-tabs {
        max-width: 100%;
    }

    .services-tabs .services-tabs-content-heading,
    .services-tabs .services-tabs-content-body {
        width: 100%;
        max-width: var(--wide-width);
        margin: 0 var(--grid-margin-width);
    }

    .services-tabs .services-tabs-content-heading .services-tabs-title {
        width: 100%;
    }

    .services-tabs-columns {
        row-gap: var(--row-gap);
    }

    .services-tabs-items-content.desktop-only {
        display: none;
    }

    .services-tabs-columns-item {
        padding: var(--padding-vertical) var(--grid-margin-width);
    }
}

@media (min-width: 992px){
    .services-tabs-columns-item-content.mobile-only {
        display: none;
    }

    .services-tabs-columns{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-tabs-buttons {
        padding-top: 0;
    }

    .services-tabs-content:is([data-layout="1center"], [data-layout="1fullycenter"]) :is(.services-tabs-content-heading, .services-tabs-content-body),
    .services-tabs-content:is([data-layout="1fullycenter"]) .services-tabs-columns{
        max-width: calc(var(--wide-width)* 0.75);
    }

    .services-tabs-content-body {
        display: flex;
        justify-content: center;
    }
    
    .services-tabs-content[data-layout="2"]{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--item-column-gap);
    }

    .services-tabs-content[data-layout="2"] .services-tabs-columns{
        grid-column: span 2;
    }

    .services-tabs-content[data-layout="2sidebar"]{
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        grid-template-rows: min-content min-content min-content auto;
        column-gap: var(--column-gap);
        grid-auto-flow: dense;
    }

    .services-tabs-content[data-layout="2sidebar"] :is(.services-tabs-content-heading, .services-tabs-content-body, .services-tabs-buttons){
        grid-column: 1;
    }

    .services-tabs-content[data-layout="2sidebar"] .services-tabs-columns{
        grid-row: span 4;
        grid-column: 2;
        margin: 0;
        align-self: start;
    }
}

@media (min-width: 1200px){
    .services-tabs-columns[data-columns="4"]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
	
}

@media (max-width: 1025px) {
	.services-tabs {
    	margin: 96px auto;
	}
	.services-tabs-title h2 {
    	font-size: 32px;
	}
	.services-tabs-columns-item {
		padding: 24px;
	}
	button .services-tabs-columns-item p:first-of-type {
    	font-size: 20px;
	}
	.services-tabs-columns-item p:first-of-type {
		font-weight: 400;
	}
	.services-tabs-subheading {
		font-size: 16px;
	}
	.services-tabs-columns {
    	padding-bottom: 0;
	}
	.services-tabs-top {
		margin-bottom: 48px !important;
	}
}

@media (max-width: 568px) {
	.services-tabs {
    	margin: 64px auto;
	}
	.services-tabs-content-heading, .services-tabs-content-heading h2, .services-tabs-content-body p {
    	align-items: flex-start;
		text-align: left !important;
	}
	.services-tabs-columns-item {
		padding: 16px;
	}
	.services-tabs-columns-item.active button {
    	margin-bottom: 16px;
	}
	.services-tabs-title h2 {
    	font-size: 28px;
	}
	.services-tabs-columns-item p:first-of-type {
    	max-width: 93%;
	}
}