.cookie-consent-container {
			position: fixed;
			bottom: 0;
			left: 0;
			display: flex;
			align-items: flex-end;
			padding: 60px;
			width: 500px;
			height: 70%;
		}

		.cookie-consent-banner {


			background-color: rgba(255, 0, 0, 0.1);
			/* adjust alpha value as needed */
			flex-direction: column;
			justify-content: center;
			align-items: center;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
			color: #000000;
			position: relative;
			/* display: flex; */
			background: #f2f2f2;
			height: auto;
			width: 100%;
			min-width: 200px;
			padding: 20px;
			border: 1px solid #000000;
			border-radius: 0px;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
			text-align: center;
		}

		.cookie-consent-banner.show {
			opacity: 1;
		}

		.cookie-consent-text {

			font-size: 15px;
			font-family: 'Calibri', sans-serif;
			margin: 0;
			padding: 10px;
		}

		.cookie-buttons {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 10px;
		}

		.cookie-buttons button {
			width: 100%;
			height: 50px;
			margin: 5px 0;
			padding: 10px;
			border: none;
			background: #04b4cc;
			letter-spacing:0;
			/* linear-gradient(135deg, #693e87, #337ab7); */
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			font-family: 'Calibri', sans-serif;
			text-align: center;
			transition: background 0.3s ease;
			border-radius: 0;
		}

		.cookie-buttons button:hover {
			/*background: linear-gradient(135deg, #693e87, #6c5da9);*/
			background: #693e87;
			cursor: pointer;
		}

		.preferences-pop-up {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 500px;
			max-width: 100%;
			background-color: #fff;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
			border-radius: 0px;
			border: 1px solid #000000;
			z-index: 1000;
			padding: 20px;
			height: auto;
			/* text-align: center; */
		}

		.preferences-pop-up h2 {
			margin-top: 0;
		}

		.preferences-pop-up p {
			/* margin-bottom: 20px; */
			margin: 2px 0 2px;
			text-align: left;
		}

		.preferences-pop-up label {
			display: block;
			margin-bottom: 10px;
		}

		.close-preferences-pop-up {
			/* display: block;
			margin: 20px auto 0;
			padding: 10px 20px;
			border: none;
			background-color: #04b4cc;
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			font-family: 'Calibri', sans-serif;
			cursor: pointer;
			border-radius: 5px;
			transition: background-color 0.3s ease; */
			display: block;
			margin-left: auto;
			padding: 4px 20px;
			border: none;
			/* background-color: #04b4cc; */
			color: #000000;
			font-size: 13px;
			font-weight: normal;
			/* font-family: 'Calibri', sans-serif; */
			cursor: pointer;
			/* border-radius: 5px; */
			transition: background-color 0.3s ease;
		}
	

		/* .preferences-pop-up button {
			display: block;
			margin: 20px auto 0;
			padding: 10px 20px;
			border: none;
			background-color: #04b4cc;
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			font-family: 'Calibri', sans-serif;
			cursor: pointer;
			border-radius: 5px;
			transition: background-color 0.3s ease;
		} */
		.save-preferences {
			/* display: block; */
			margin: 43px auto 0;
			padding: 10px 20px;
			border: none;
			background-color: #04b4cc;
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			letter-spacing:0.1em;
			font-family: 'Calibri', sans-serif;
			cursor: pointer;
			/* border-radius: 5px; */
			transition: background-color 0.3s ease;
			width: 100%
		}

		.preferences-pop-up button:hover {
			background-color: #693e87;
		}

		/* Styles to blur the background */
		.preferences-pop-up-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			backdrop-filter: blur(2px);
			z-index: 999;
			display: none;
		}

		/* Styles to hide the consent form when the preferences pop-up is open */
		.cookie-consent-container.disabled {
			display: none;
		}
		.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 25px;
  margin-right: 10px;
}

.switch input {
	cursor: not-allowed;
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #693e87;
}

input:checked + .slider:before {
  transform: translateX(20px);
}