.kote-gd-frontend {
	display: block;
	--kote-gd-space: 64px;
}

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

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

.kote-gd-section:not(.colored) {
	margin-bottom: var(--kote-gd-space);
}

.kote-gd-section.colored {
	padding: var(--kote-gd-space) 0;
}

.kote-gd-section.kote-gd-skin-application-boxed .kote-gd-grid.kote-gd-bg-boxed {
	padding: 0;
}

.kote-gd-section.colored.kote-gd-skin-application-boxed .kote-gd-grid.kote-gd-bg-boxed {
	padding: var(--kote-gd-space);
}

.kote-gd-section.colored.kote-gd-skin-application-boxed {
	padding: 0;
}

.kote-gd-section:not(.colored) + .kote-gd-section.colored {
	margin-top: var(--kote-gd-space);
}

.kote-gd-section.colored + .kote-gd-section:not(.colored) {
	margin-top: var(--kote-gd-space);
}

.kote-gd-section.colored.kote-gd-skin-application-full.kote-gd-same-skin-prev {
	padding-top: 0;
}

.kote-gd-frontend > .kote-gd-section:first-child.colored.kote-gd-skin-application-full {
	margin-top: calc(var(--kote-gd-space) * -1);
}

.kote-gd-frontend > .kote-gd-section:last-child.colored.kote-gd-skin-application-full {
	margin-bottom: calc(var(--kote-gd-space) * -1);
}

.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-col > *:last-child {
	margin-bottom: 0;
}

.kote-gd-grid.kote-gd-bg-boxed {
    margin: 0 auto;
    padding: 0;
    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: 1080px) {
	.kote-gd-frontend {
		--kote-gd-space: 32px;
	}
}

@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;}
}