/* CONTENT */

/* .CONTENT .content :is(h1, h2, h3, h4, h5, h6) + p:last-child {text-wrap: balance;} */
.CONTENT[data-center-text] {text-align: center;}
.CONTENT {position: relative; z-index: 3;}


/* HOME TABLE */ 

.CONTENT.alt-home-table {
	font-size: 16rem;
}

.CONTENT.alt-home-table .content {
	padding: var(--s1) var(--s4);
    background: linear-gradient(to right, #FFFFFF 49%, #E3F4FF 50%);
}

.CONTENT.alt-home-table table td {padding: var(--s3); vertical-align: top;}
.CONTENT.alt-home-table table tr:first-child {text-align: center;}
.CONTENT.alt-home-table table tr:first-child img {margin: 0 auto;}
.CONTENT.alt-home-table table tr:first-child td {border: none; padding: var(--s5) var(--s5) var(--s2); vertical-align: top;}

.CONTENT.alt-home-table table tr:last-child td {padding-bottom: var(--s5); border: none;}

.CONTENT.alt-home-table td:nth-child(1) {background-color: var(--white);}
.CONTENT.alt-home-table td:nth-child(2) {background-color: var(--light-blue-300);}


/* WHY DOCBOSS */ 

.CONTENT.alt-why-docboss .content {
	padding: var(--s5);
	background: var(--light-blue-300);
}

.CONTENT.alt-why-docboss table td {border: none;}
.CONTENT.alt-why-docboss table tr:first-child {text-align: center;}
.CONTENT.alt-why-docboss table tr:first-child img {margin: 0 auto;}
.CONTENT.alt-why-docboss table tr:not(:nth-child(1), :nth-child(2)) td {padding: var(--s3) var(--s4);}
.CONTENT.alt-why-docboss table tr:nth-child(2) {display:block; padding: var(--s3) 0;}
.CONTENT.alt-why-docboss table tr:nth-child(2) .b-img {display:none;}
.CONTENT.alt-why-docboss table tr:not(:nth-child(1), :nth-child(2)):nth-child(odd) {background: var(--lightest-blue-400);}
.CONTENT.alt-why-docboss table tr:not(:first-child) .b-img {max-width: 24rem;}

.CONTENT.alt-why-docboss table tr:not(:nth-child(2)) td:nth-child(1) {width: 400rem;}
.CONTENT.alt-why-docboss table tr:not(:nth-child(2)) td:not(:nth-child(1)) {text-align: center;}

@media screen and (max-width: 960px) {
	.CONTENT.alt-why-docboss .content {padding: var(--s3);}
	.CONTENT .content br {display: none;}
	.CONTENT.alt-why-docboss {overflow: scroll;}
	.CONTENT.alt-why-docboss table tr:not(:nth-child(1), :nth-child(2)) td {padding: var(--s2);}
	.CONTENT.alt-why-docboss table tr:not(:nth-child(2)) td:nth-child(1) {width: 20%;}
	.CONTENT.alt-why-docboss tr td:nth-child(2) {width: 20%;}
	.CONTENT.alt-why-docboss tr td:nth-child(3) {width: 20%;}
	.CONTENT.alt-why-docboss tr td:nth-child(4) {width: 20%;}
}
