@import url('variables.css');
body, html {
	background: #fff;
	color: #17343F
}
.container {
	max-width: 1600px;
}
#cookies-consent-settings {
	width: 100%;
	margin: 0 auto;
	padding: 10em 20px 100px;
}
#cookies-consent-settings h2 {
	font-size: 1.5em;
	margin-bottom: 20px;
	font-family: 'General Sans';
	line-height: 1.6;
}
.cookie-option {
	margin-bottom: 15px;
	margin: 0 .4em;
}
.cookie-option input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 2px;
}
#save-cookie-settings,
#save-cookie-settings:hover,
#save-cookie-settings:active,
#save-cookie-settings:focus {
	border: none;
	padding: 25px 50px;
	cursor: pointer;
	border-radius: 50px;
    font-family: 'General Sans Semibold';
	font-size: var(--fs-btn);
	text-decoration: none;
	line-height: 1.1;
    background-color: #00ff51;
    color: #000;
}
.cookie-options {
	width: 100%;
	padding: .5em 0;
	display: flex;
	margin: .8em 0;
}
.page-title {
	margin: 1.2em 0;
	border-bottom: 1px solid #efefef8f;
	padding: 1em 0;
}
.page-title > span {
	font-size: var(--fs-title);
	line-height: 1.4em;
	font-family: 'General Sans Semibold', sans-serif;
	line-height: 1.6;
}
#cookies-consent-settings > .title,
#cookies-consent-settings > ul,
#cookies-consent-settings > content {
	margin: .8em 0;
}
#cookies-consent-settings > .title > span,
.accordion-page-header .title {
	font-size: 1.3em;
	line-height: .8em;
	font-weight: 700;
	font-family: 'General Sans';
	line-height: 1.6;
    font-size: var(--fs-lg-subtitle);
}
#cookies-consent-settings > .title > span {
	font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.4em;
    color: var(--price-color);
}
#cookies-consent-settings > .content > span,
.cookie-option label,
.accordion .accordion-content p {
	font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm-md);
    font-weight: 400;
    line-height: 1.4em;
    color: var(--price-color);
}
.accordion .accordion-content p {
	margin: 20px 0 0;
}
#cookies-consent-settings > ul > li{
    font-size: var(--fs-sm-md);
	line-height: .8em;
	font-weight: 400;
	font-family: 'General Sans';
	line-height: 1.6;
}
.accordion {
	width: 100%;
}
.accordion-page-item {
	border-bottom: 1px solid #ffffff8a;
	height: 62px;
}
.accordion-page-header {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0;
}
.accordion-page-header .title {
	flex-grow: 1;
	text-shadow: 0 0 0 #6e6e6e, 0 0 .1px #6e6e6e, 0 0 0 #6e6e6e;
	margin: 0;
	padding: 0;
    font-family: 'General Sans Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.4em;
    color: var(--price-color);
}
.accordion-content {
	display: none;
	padding: 10px 0;
	height: fit-content !important;
	max-height: fit-content !important;
}
.accordion > .accordion-page-item {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.012);
	padding: 20px;
	margin: 0 0 10px;
	background: #00ff517a;
	height: auto;
	border-bottom: 1px solid #d7d7d7b3;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordion > .open {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	height: fit-content !important;
	max-height: fit-content !important;
}
.responsive-table {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	border-collapse: collapse;
}
.table-row {
	display: contents;
}
.table-cell {
	padding: 10px;
	border: 1px solid #ffffff8a;
	text-align: center;
	vertical-align: middle;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
    font-family: 'General Sans', sans-serif;
    font-size: var(--fs-sm);
    font-weight: 400;
    line-height: 1.4em;
    color: var(--price-color);
}
.table-header .table-cell {
	line-height: 1.5;
	letter-spacing: 0.5px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
	line-height: .8em;
	font-weight: 700;
	height: 65px;
	font-family: 'General Sans';
	line-height: 1.6;
}
.table-row:nth-child(even) {
	background-color: #ffffff63;
}
@media (max-width: 1024px) {
	#cookies-consent-settings {
		padding: 20px 20px 100px;
	}
	.page-title {
		text-align: center;
	}
}
@media (max-width: 768px) {
	.cookie-options {
		flex-direction: column;
	}
	.responsive-table {
		grid-template-columns: 1fr;
	}
	.table-cell {
		border-bottom: 1px solid #ffffff8a;
		padding: 10px;
	}
	.table-header .table-cell {
		background-color: #ffffff8a;
	}
	.table-row {
		display: block;
	}
	.table-cell {
		display: block;
		text-align: left;
	}
}
.responsive-table .table-row:nth-child(even) .table-cell {
	background-color: #ffffff8a !important;
}
.bold-list li {
    font-size: var(--fs-ssm);
	font-family: 'General Sans Bold';
	line-height: 1.4;
}