.cookie-popup{
	position: fixed !important;
	bottom: 50px;
	z-index: 1500;
	left: 0;
	right: 0;
	width: fit-content;
	max-width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 30px 20px;
}
.cookie-text-group{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.cookie-icon{
	position: absolute;
	z-index: -1;
}

.cookie-popup-text{
	color: white;
	font-size: 1.5rem;
	width: fit-content;
	margin-left: 45px;
	margin-right: 20px;
}

.cookie-button{
	border-radius: 10px !important;
	border-color: #FEC140;
	border-width: 1px !important;
	border-style: solid;
	font-size: 1.5rem;
}

.cookie-modal{
	position: relative;
	width: 75%;
	overflow: scroll;
}

.cookie-heading{
	color: white;
	font-size: 42px;
}
.cookie-subheading{
	color: white;
	font-size: 34px;
}

.necessary-cookies-line{
	display: flex;
	flex-direction: row;
	font-size: 34px;
	justify-content: space-between;
}

.toggle-info{
	display: flex;
	flex-direction: row;
	min-width: 20vw;
  	justify-content: end;
  	align-items: center;
  	gap: 30px;
}

.always-active{
	color: yellow;
}

.dropdown-icon{
	cursor: pointer;
}
.dropdown-icon.down{
	transform: rotate(180deg);
}

.necessary-explanation{
	font-weight: bold;
  	background-image: linear-gradient(to right, #D39D38 0%, #FFE603 49%, #4DA0B0 100%);
  	background-clip: text;
  	color: transparent;
	font-size: 28px;
}

.cookie-modal hr{
	margin-top: 30px;
	background-image: linear-gradient(to right, #FE53BB 0%, #8EACCB 55%, #09FBD3 100%);
	border: none;
  	height: 1px;
  	width: 100%;
}

.switch-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.cookie-modal .form-button-group{
	justify-content: end;
}

.cookie-modal .cookie-button{
	font-size: 32px;
}

/* Toggle slider */
.toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-right: 10%;
}

.toggle input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #FFF;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-image: linear-gradient(to bottom right, #FE53BB 0%, #8EACCB 55%, #09FBD3 100%);
}

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

@media screen and (max-width: 1023px){
	.cookie-popup{
		flex-direction: column;
		row-gap: 25px;
	}
	.cookie-popup-text{
		margin-right: 0;
	}
	.cookie-heading{
		font-size: 32px;
		width: 95%;
	}
	.cookie-subheading{
		font-size: 26px;
	}
	.necessary-cookies-line{
		font-size: 26px;
	}
	.always-active{
		font-size: 26px;
	}
	.necessary-explanation{
		font-size: 20px;
	}
	.cookie-button{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 750px){
	.cookie-popup-text{
		font-size: 1.2rem;
		width: fit-content;
	}
	.cookie-popup .form-button-group{
		flex-direction: column;
		row-gap: 20px;
	}
	.cookie-modal{
		width: 85%;
		padding: 20px 20px 10px 20px !important;
	}
	.cookie-heading{
		font-size: 26px;
	}
	.cookie-subheading{
		font-size: 22px;
	}
	.necessary-cookies-line{
		flex-direction: column;
	}
	.toggle-info{
		justify-content: start;
	}
	.necessary-explanation{
		font-size: 16px;
	}
}

@media screen and (max-width: 600px){
	.cookie-modal .form-button-group{
		flex-direction: column;
		row-gap: 30px;
	}
}
@media screen and (max-width: 500px){
	.switch-container .cookie-subheading{
		width: 60%;
	}
}