@import '@resources/index.css';

.supt-section-team {
	.supt-section__title {
		margin-bottom: 56px;
	}

	.supt-card-team {
		&:last-child {
			margin-bottom: 0px;
		}
	}

	.wp-block[data-type='supt/card-team'] {
		grid-column-end: span 10;
		@media (min-width: $sm-breakpoint) {
			grid-column-end: span 5;
		}
		@media (min-width: $md-breakpoint) {
			grid-column-end: span 4;
		}
		@media (min-width: $ml-breakpoint) {
			grid-column-end: span 3;
		}

		&:nth-child(6n + 1) {
			grid-column-start: 3;
			@media (min-width: $sm-breakpoint) {
				grid-column-start: 1;
			}
			@media (min-width: $ml-breakpoint) {
				grid-column-start: 2;
			}
		}
		&:nth-child(6n + 2) {
			grid-column-start: 1;
			@media (min-width: $sm-breakpoint) {
				grid-column-start: 6;
			}
			@media (min-width: $md-breakpoint) {
				grid-column-start: 8;
			}
		}
		&:nth-child(6n + 3) {
			grid-column-start: 3;
			@media (min-width: $ml-breakpoint) {
				grid-column-start: 4;
			}
		}
		&:nth-child(6n + 4) {
			grid-column-start: 1;
			@media (min-width: $sm-breakpoint) {
				grid-column-start: 8;
			}
			@media (min-width: $md-breakpoint) {
				grid-column-start: 9;
			}
		}
		&:nth-child(6n + 5) {
			grid-column-start: 3;
			@media (min-width: $sm-breakpoint) {
				grid-column-start: 2;
			}
			@media (min-width: $ml-breakpoint) {
				grid-column-start: 3;
			}
		}
		&:nth-child(6n + 6) {
			grid-column-start: 1;
			@media (min-width: $sm-breakpoint) {
				grid-column-start: 7;
			}
		}
	}
}