.kote-gd-frontend {
	display: block;
}

.kote-gd-frontend > section:first-child {padding-top: 0; margin-top: 0;}

.kote-gd-section {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
}

.kote-gd-section + .kote-gd-section {
	margin-top: 64px;
}

.kote-gd-section.colored {padding: 64px 0;}

.kote-gd-section.colored + .kote-gd-section.colored {
	margin-top: 0;
}

.kote-gd-section.kote-gd-skin-classic {
	background: #fff;
}

.kote-gd-section.kote-gd-skin-colored {
	background: #f2f4f7;
	padding: 24px;
	border-radius: 6px;
}

.kote-gd-grid {
	display: grid;
	gap: 20px;
}


.kote-gd-col > *:first-child {
	margin-top: 0;
}

.kote-gd-grid.kote-gd-bg-boxed {
    margin: 0 auto;
    padding: 64px;
    border-radius: 10px;
    box-sizing: border-box;
}

.kote-gd-grid-2 .kote-gd-grid {
	gap: 80px;
}

.kote-gd-grid-3 .kote-gd-grid {
	gap: 40px;
}

.kote-gd-grid-4 .kote-gd-grid,
.kote-gd-grid-5 .kote-gd-grid,
.kote-gd-grid-6 .kote-gd-grid {
	gap: 32px;
}

.kote-gd-grid-1 .kote-gd-grid {
	grid-template-columns: 1fr;
}

.kote-gd-grid-1c .kote-gd-grid {
	grid-template-columns: 1fr;
}

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

.kote-gd-grid-3 .kote-gd-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kote-gd-grid-4 .kote-gd-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kote-gd-grid-5 .kote-gd-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kote-gd-grid-6 .kote-gd-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.kote-gd-valign-top .kote-gd-grid {
	align-items: start;
}

.kote-gd-valign-middle .kote-gd-grid {
	align-items: center;
}

.kote-gd-valign-bottom .kote-gd-grid {
	align-items: end;
}

@media (max-width: 980px) {
	.kote-gd-grid-3 .kote-gd-grid,
	.kote-gd-grid-4 .kote-gd-grid,
	.kote-gd-grid-5 .kote-gd-grid,
	.kote-gd-grid-6 .kote-gd-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1080px) {
	.kote-gd-col {
		
	}

	.kote-gd-grid-1 .kote-gd-grid,
	.kote-gd-grid-1c .kote-gd-grid,
	.kote-gd-grid-2 .kote-gd-grid,
	.kote-gd-grid-3 .kote-gd-grid,
	.kote-gd-grid-4 .kote-gd-grid,
	.kote-gd-grid-5 .kote-gd-grid,
	.kote-gd-grid-6 .kote-gd-grid {
		grid-template-columns: 1fr;
        gap: 32px;
	}

	.kote-gd-reverse-mobile .kote-gd-grid {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
    
    
    .kote-gd-section + .kote-gd-section {
        margin-top: 32px;
    }
    
    .kote-gd-section.colored {padding: 32px 0;}
    .kote-gd-grid.kote-gd-bg-boxed {padding: 32px;}
}