@charset "UTF-8";

/*
$grid-breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);
*/

.border-tl-radius-6 { border-top-left-radius: 6px; }

.grid-col-1 { grid-template-columns: repeat(1, 1fr); }
.grid-col-2 { grid-template-columns: repeat(2, 1fr); }
.grid-col-3 { grid-template-columns: repeat(3, 1fr); }
.grid-col-4 { grid-template-columns: repeat(4, 1fr); }
.grid-col-5 { grid-template-columns: repeat(5, 1fr); }
.grid-col-6 { grid-template-columns: repeat(6, 1fr); }
.grid-col-7 { grid-template-columns: repeat(7, 1fr); }
.grid-col-8 { grid-template-columns: repeat(8, 1fr); }
.grid-col-9 { grid-template-columns: repeat(9, 1fr); }
.grid-col-10 { grid-template-columns: repeat(10, 1fr); }
.grid-col-11 { grid-template-columns: repeat(11, 1fr); }
.grid-col-12 { grid-template-columns: repeat(12, 1fr); }

.gap-h-1p { column-gap: 1%; }
.gap-h-2p { column-gap: 2%; }
.gap-h-3p { column-gap: 3%; }
.gap-h-4p { column-gap: 4%; }
.gap-h-5p { column-gap: 5%; }
.gap-h-6p { column-gap: 6%; }
.gap-h-7p { column-gap: 7%; }
.gap-h-8p { column-gap: 8%; }
.gap-h-9p { column-gap: 9%; }
.gap-h-10p { column-gap: 10%; }
.gap-h-11p { column-gap: 11%; }
.gap-h-12p { column-gap: 12%; }

.max-w-1500 { max-width: 1500px; }
.max-w-1600 { max-width: 1600px; }
.max-w-1700 { max-width: 1700px; }
.max-w-1800 { max-width: 1800px; }
.max-w-1900 { max-width: 1900px; }
.max-w-2000 { max-width: 2000px; }

.img-ratio img { width: 100%; height: 100%; object-fit: cover; }
.img-ratio-16x9 { aspect-ratio: 16 / 9; }

.bg-gradient-7-0 { background-image: linear-gradient(0deg, #eae5d4 35%, rgb(234 232 225 / 54%) 80%, transparent); }

/* lg */
@media screen and (min-width: 992px) {
	.d-lg-g { display: grid; }
}