.col-d-1{
	width:8.33%;
}
.col-d-2{
	width:16.66%;
}
.col-d-3{
	width:25%;
	width: clamp(350px,25%,450px);
}
.col-d-4{
	width:33.33%;
	width: clamp(350px,33.33%,640px);
}
.col-d-5{
	width:41.66%;
}
.col-d-6{
	width:50%;
	width: clamp(350px,50%,960px);
}
.col-d-7{
	width:58.33%;
	width: clamp(350px,58.33%,1120px);
}
.col-d-8{
	width:66.66%;
	width: clamp(350px,66.66%,1280px);
}
.col-d-9{
	width:74.99%;
	width: clamp(350px,74.99%,1440px);
}
.col-d-10{
	width:83.33%;
	width: clamp(350px,83.33%,1600px);
}
.col-d-11{
	width:91.66%;
}
.col-d-12{
	width:100%;
}
.flex{
	display:flex;
}
.grid{
	display: grid;
}
.wrap{
    flex-wrap:wrap;
}
.column{
  flex-direction:column;
}
.center{
  text-align: center;
}
.fs-09{
	font-size:0.9rem;
}
.small,
.fs-075{
	font-size:0.75rem;
}
.small-s,
.fs-05{
	font-size:0.5rem;
}
.small-m,
.fs-06{
	font-size:0.6rem;
}
.btn-sm{
	font-size:0.75rem;
	padding: 5px 10px;
	line-height: 1.5;
	border-radius: 8px;
}
.sr-only{
	display:none;
}
.strong{
	font-weight:600;
}
.italic{
	font-style: italic;
}
.button{
	max-width: max-content;
  	margin: 15px auto;
  	box-shadow: var(--box-shadow);
}
.btn-primary {
  border: 1px solid var(--tuerkis);
  background-color: var(--tuerkis-xslight);
}
.btn-primary:hover {
  border: 1px solid var(--tuerkis);
  background-color: var(--tuerkis);
}
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: var(--tuerkis-dark);
    background: rgba(14,165,168,0.10);
    padding: 10px 16px;
    border-radius: 999px;
    margin-bottom: 18px;
}