:root {
	--color-black: #000F42;
	--color-white: #fff;
	--color-light-green: #D0EFE9;
	--color-light-yellow: #F9F6E3;
	--color-blue: #032184;
	--color-grey: #F5F5F5;
}

@keyframes move-arrow {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: translateX(0);
	}
	to {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: translateX(-30%);
	}
}

*,
body,
form,
div,
p {
	margin: 0;
	padding: 0;
	border: 0;
}

html,
body {
	width: 100%;
	direction: rtl;
	-webkit-text-size-adjust: 100%;
	font-size: 0;
}

html,
body,
button {
	font-family: "Fredoka", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: var(--color-white);
}

body {
	opacity: 0;
}

ul {
	list-style: none;
}

button {
	background: transparent;
	cursor: pointer;
}

a {
	text-decoration: none;
}

a > img {
	display: block;
}

h1,
h2,
h3 {
	font-weight: normal;
}

.btn {
	color: var(--color-light-yellow);
	border: 0.104vw solid var(--color-light-yellow);
	font-size: 0.938vw;
	font-weight: 500;
	padding: 0.521vw 2.083vw;
	border-radius: 1.563vw;
	display: inline-block;
}

.br-mobile-only {
	display: none;
}

#wrapper header {
	position: sticky;
	top: 0;
	left: 0;
	background-image: url('../images/header-background.jpg');
	height: 3.333vw;
	display: flex;
	align-items: center;
	box-shadow: 0.208vw 0.208vw 1.042vw rgba(1, 20, 84, 0.2);
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
}

#wrapper header .menu {
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	gap: 3vw;
	height: 100%;
	margin: 0 auto;
}

#wrapper header > img,
#wrapper header > a {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

#wrapper header > button {
	display: none;
}

#wrapper header > img {
	bottom: auto;
	right: 4.844vw;
	width: 6.042vw;
}

#wrapper header > a {
	left: 4.844vw;
	height: 2.188vw;
}

#wrapper header > a > img {
	height: 100%;
}

#wrapper header .menu > li > button {
	font-size: 1.042vw;
	color: var(--color-grey);
	padding: 0.3vw 1vw;
	transition: background 0.5s;
	border-radius: 1.5vw;
}

#wrapper header .menu > li > button.active {
	cursor: default;
	background: var(--color-light-green);
	color: var(--color-blue);
	box-sizing: border-box;
}

#content > section {
	background-position: top center;
	background-color: transparent;
	text-align: center;
	background-repeat: no-repeat;
}

section#home {
	position: relative;
	background-image: url('../images/home-background.jpg');
	background-color: #d1efe8;
	background-size: cover;
	background-position: 0 -2.5vw;
}

#home > h1 {
	font-size: 1.823vw;
	font-weight: 400;
	padding-top: 1.198vw;
	color: var(--color-light-green);
}

#home > h1 > span {
	font-size: 2.344vw;
	font-weight: 600;
	display: block;
	line-height: 2.839vw;
}

#home > h1 > span > span {
	color: var(--color-light-yellow);
}

#home-image-wrapper {
	display: inline-flex;
	gap: 2.208vw;
	margin: 3vw 15.625vw 0 0;
}

#home-image-wrapper > div > h2 {
	font-size: 1.25vw;
	font-weight: 400;
	color: var(--color-light-yellow);
}

#home-image-wrapper > div:last-child > h2 {
	display: none;
}

#home-image-wrapper > div > ul {
	display: flex;
	gap: 2.083vw;
	margin-top: 2.083vw;
}

#home-image-wrapper > div > ul > li {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 0.521vw;
}

#home-image-wrapper > div > ul > li > span:first-child {
	background-position: center center;
	background-repeat: no-repeat;
	width: 3.542vw;
	height: 3.229vw;
	display: block;
	background-size: contain;
}

#home-image-wrapper > div > ul > li > span:last-child {
	font-size: 0.833vw;
	font-weight: 400;
	display: block;
}

#home-image-wrapper > div > ul > li:first-child > span:first-child {
	background-image: url('../images/home-icon-1.png');
}

#home-image-wrapper > div > ul > li:nth-child(2) > span:first-child {
	background-image: url('../images/home-icon-2.png');
}

#home-image-wrapper > div > ul > li:nth-child(3) > span:first-child {
	background-image: url('../images/home-icon-3.png');
}

#home-image-wrapper > div > ul > li:last-child > span:first-child {
	background-image: url('../images/home-icon-4.png');
}

#home-image-wrapper > div:last-child > img {
	width: 41.354vw;
}

#home-video-wrapper {
	margin-top: 1.167vw;
	padding-bottom: 4.167vw;
}

#home-video-wrapper > h2 {
	font-size: 2.344vw;
	font-weight: 600;
	color: var(--color-blue);
	margin-bottom: 1.042vw;
}

#home-video-wrapper > iframe {
	width: 33.594vw;
	height: 17.656vw;
}

#home > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.667vw;
	height: 6.667vw;
	position: fixed;
	top: 19vw;
	left: 3.802vw;
	font-size: 0.938vw;
	line-height: 1.042vw;
	font-weight: 600;
	background-color: var(--color-light-green);
	border: 0.208vw solid var(--color-blue);
	border-radius: 50%;
	color: var(--color-blue);
	box-shadow: 0 0 1.563vw rgba(3, 33, 132, 0.6);
	z-index: 2;
}

section#questions,
section#tips,
section#contact {
	background-image: url('../images/blue-background.jpg');
	background-repeat: repeat-y;
	padding-bottom: 4.375vw;
}

#questions > h2,
#tips > h2,
#contact > h2 {
	padding-top: 3.802vw;
	font-size: 1.823vw;
	font-weight: 600;
	color: var(--color-light-yellow);
}

#questions > h3,
#tips > h3,
#contact > h3 {
	font-size: 1.042vw;
	font-weight: 400;
	margin-top: 1.042vw;
	color: var(--color-light-yellow);
}

#questions > button {
	margin-top: 1.5vw;
}

#accordion-wrapper {
	display: inline-flex;
	gap: 1.604vw;
	margin-top: 2.604vw;
}

#accordion-wrapper > div:nth-child(2) > img {
	width: 15.104vw;
}

#accordion-wrapper > div:first-child,
#accordion-wrapper > div:nth-last-child(2) {
	width: 20.833vw;
}

#accordion-wrapper .accordion {
	width: 100%;
	display: flex;
	gap: 2.604vw;
	flex-direction: column;
}

#accordion-wrapper div:nth-last-child(2) .accordion {
	gap: 3.646vw;
}

#accordion-wrapper .accordion > li > h3 {
	font-size: 0.833vw;
	font-weight: 600;
	text-align: right;
	cursor: pointer;
	position: relative;
	padding-bottom: 1.198vw;
	display: flex;
	justify-content: space-between;
	border-bottom: 0.104vw solid var(--color-light-yellow);
	gap: 0.521vw;
}

#accordion-wrapper .accordion > li > h3::after {
	content: "";
	background: transparent url('../images/+.png') no-repeat;
	width: 0.99vw;
	height: 0.99vw;
	transition: transform 0.5s;
	background-size: cover;
}

#accordion-wrapper .accordion > li.active > h3::after {
	transform: rotate(45deg);
}

#accordion-wrapper .accordion > li > p {
	font-size: 0.833vw;
	font-weight: 400;
	text-align: right;
	padding-top: 1.042vw;
	display: none;
}

section#seperator {
	position: relative;
	background-color: var(--color-light-green);
	padding: 2.604vw 0;
}

#seperator > h2 {
	font-size: 1.823vw;
	font-weight: 600;
	color: var(--color-blue);
}

#seperator > p {
	font-size: 1.042vw;
	color: var(--color-black);
	font-weight: 400;
	margin-top: 0.521vw;
}

#seperator > div {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 13.854vw;
	height: 26.563vw;
}

#seperator > div > img {
	width: 100%;
}

#seperator > ul {
	display: inline-flex;
	gap: 1.927vw;
	margin-top: 2.083vw;
}

#seperator > ul > li:first-child > img {
	width: 7.188vw;
}

#seperator > ul > li:nth-child(2) > img {
	width: 7.396vw;
}

#seperator > ul > li:nth-child(3) > img,
#seperator > ul > li:last-child > img {
	width: 6.51vw;
}

#seperator > ul > li:not(:first-child) {
	border-right: 1px solid var(--color-black);
	padding-right: 1.927vw;
}

#seperator > ul > li > span {
	color: var(--color-black);
	font-size: 1.042vw;
	font-weight: 500;
	display: block;
	margin: 0.521vw 1.563vw 0 0;
}

section#tips {
	padding-bottom: 0;
}

#tips-wrapper {
	margin-top: 2.604vw;
}

#tips-wrapper > ul {
	display: inline-grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.604vw;
}

#tips-wrapper ul li {
	border: 0.156vw solid var(--color-light-yellow);
	border-radius: 1.042vw;
	padding: 0.677vw;
	box-sizing: border-box;
	width: 13.542vw;
	height: 7.76vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#tips-wrapper ul li img {
	height: 1.8vw;
}

#tips-wrapper ul li h2 {
	font-size: 0.833vw;
	font-weight: 600;
	color: var(--color-light-yellow);
	line-height: 0.99vw;
	margin-top: 0.625vw;
}

#tips-wrapper ul li {
	cursor: pointer;
}

#tips-wrapper ul li button {
	margin-top: auto;
	font-size: 0.729vw;
	font-weight: 400;
}

#tips-wrapper .popup-data {
	display: none;
}

#articles-wrapper {
	padding-top: 3.698vw;
}

#articles-wrapper > h2 {
	font-size: 2.344vw;
	font-weight: 600;
	color: var(--color-light-yellow);
}

#articles-wrapper ul {
	display: inline-flex;
	gap: 2.083vw;
	margin-top: 1.563vw;
}

#articles-wrapper ul li img {
	width: 19.271vw;
}

#articles-wrapper ul li > a > div {
	background: var(--color-light-green);
	padding: 0.99vw 0 0.677vw 0;
	border-bottom-right-radius: 1.563vw;
	border-bottom-left-radius: 1.563vw;
}

#articles-wrapper ul li a div h2 {
	font-size: 1.042vw;
	font-weight: 600;
	color: var(--color-black);
}

#articles-wrapper ul li div span {
	border: 0.104vw solid var(--color-black);
	padding: 0.156vw 0.938vw;
	font-size: 0.729vw;
	font-weight: 500;
	color: var(--color-black);
	border-radius: 1.563vw;
	margin-top: 1.927vw;
	display: inline-block;
}

#contact > h3 {
	margin-top: 0;
	line-height: 1.771vw;
}

#contact > ul {
	display: inline-flex;
	gap: 1.979vw;
	margin-top: 3.125vw;
}

#contact > ul > li > a > img {
	height: 2.344vw;
}

#wrapper > footer {
	background: transparent url('../images/footer-background.jpg') repeat-y;
}

#wrapper > footer > p:first-child {
	font-size: 0.729vw;
	font-weight: 400;
	padding: 0.521vw;
	color: var(--color-black);
	text-align: center;
	background-color: var(--color-white);
}

#wrapper > footer > p:last-child {
	font-size: 0.625vw;
	font-weight: 400;
	padding: 0.521vw;
	max-width: 61.979vw;
	margin: 0 auto;
}

#wrapper > footer > p:last-child > span {
	font-weight: 600;
}

#popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 3;
	display: none;
	overflow: auto;
}

#popup-content-wrapper {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 100%;
}

#popup-content {
	position: relative;
	border: 0.156vw solid var(--color-light-yellow);
	border-radius: 1.042vw;
	background: transparent url('../images/popup-background.jpg') repeat-y;
	background-size: 100%;
	padding: 1.563vw;
	text-align: center;
	max-width: 31.25vw;
	box-shadow: 0.208vw 0.208vw 1.51vw rgba(1, 20, 84, 0.2);
	width: 100%;
	box-sizing: border-box;
}

#popup-content.big-popup {
	max-width: 46.875vw;
}

#popup-content > button {
	position: absolute;
	top: 0.521vw;
	left: 0.521vw;
	width: 0.99vw;
	height: 0.99vw;
}

#popup-content > button > img {
	width: 100%;
	transform: rotate(45deg);
}

#popup-content > div > h2 {
	font-size: 1.198vw;
	font-weight: 600;
	color: var(--color-light-yellow);
}

#popup-content > div > p {
	margin-top: 1.083vw;
	font-size: 1.094vw;
	font-weight: 400;
	color: var(--color-light-yellow);
}

#accordion-wrapper > button {
	display: none;
}

#mic-init-access-tool .mic-access-tool-general-button {
	background-color: var(--color-blue) !important;
}

#mic-init-access-tool .mic-access-tool-general-button:focus,
#mic-init-access-tool .mic-access-tool-general-button:hover {
	color: var(--color-light-green) !important;
	border-color: var(--color-light-yellow) !important;
	background-color: var(--color-light-green) !important;
}

#mic-init-access-tool .mic-access-tool-box {
	background-color: var(--color-blue) !important;
}

#mic-init-access-tool > #mic-access-tool-box > .mic-toolbox-all-credits {
	background-color: var(--color-blue) !important;
}

@media (max-width: 1023px) {
	.br-mobile-only {
		display: block;
	}

	.br-desktop-only {
		display: none;
	}

	#wrapper {
		padding-bottom: 17vw;
	}

	#wrapper header > button {
		display: block;
		margin-right: 3.91vw;
		background-image: url(../images/menu.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		width: 8.895vw;
		height: 6.2vw;
	}

	#wrapper header {
		background-image: url('../images/header-background-mobile.jpg');
		height: 18.671vw;
		box-shadow: 0.391vw 0.391vw 2.933vw rgba(1, 20, 84, 0.2);
	}

	#wrapper header .menu {
		flex-direction: column;
		position: absolute;
		top: 18.671vw;
		right: -58vw;
		justify-content: start;
		align-items: start;
		width: 58vw;
		height: calc(100vh - 18.671vw);
		background: transparent url(../images/popup-background.jpg) repeat-y;
		background-size: 100%;
		padding: 9.865vw 10.407vw 0 0;
		box-sizing: border-box;
		transition: right 0.5s;
		box-shadow: inset -0.391vw 1.609vw 2.933vw rgba(1, 20, 84, 0.2);
		gap: 9vw;
		z-index: 2;
	}

	.menu-shadow {
		position: absolute;
		left: 0;
		width: 100%;
		height: calc(100vh - 18.671vw);
		background: rgba(0, 0, 0, 0.5);
		top: 18.671vw;
		display: none;
	}

	#wrapper header.active .menu {
		right: 0;
	}

	#wrapper header.active .menu + .menu-shadow {
		display: block;
	}

	#wrapper header.active button {
		background-position: 0 103%;
	}

	#wrapper header .menu > li > button {
		font-size: 4.5vw;
		padding: 1vw 4vw;
		border-radius: 4vw;
	}

	#wrapper header > img {
		right: 0;
		left: 0;
		width: 21.212vw;
		margin: auto;
		top: 2vw;
	}

	#wrapper header > a {
		height: 7.82vw;
		left: 3.91vw;
	}

	section#home {
		background-image: url(../images/home-background-mobile.jpg);
		overflow: hidden;
		background-position: 0 -10vw;
	}

	#home > h1 {
		font-size: 5.715vw;
		padding-top: 7.888vw;
	}

	#home > h1 > span {
		font-size: 7.692vw;
		line-height: 6.67vw;
	}

	#home-image-wrapper {
		flex-direction: column;
		margin: 0;
		gap: 1vw;
	}

	#home-image-wrapper > div:first-child {
		order: 2;
	}

	#home-image-wrapper > div:last-child > img {
		width: 106.944vw;
		margin-left: -20vw;
	}

	#home-image-wrapper > div > h2 {
		display: none;
	}

	#home-image-wrapper > div:last-child > h2 {
		display: block;
		font-size: 3.7vw;
		margin: 7vw 0 5vw;
	}

	#home-image-wrapper > div > ul {
		justify-content: center;
		gap: 5vw;
		margin: 0;
	}

	#home-image-wrapper > div > ul > li > span:last-child {
		font-size: 3vw;
		color: var(--color-blue);
	}

	#home-image-wrapper > div > ul > li:first-child > span:first-child {
		background-image: url(../images/home-icon-1-mobile.png);
	}

	#home-image-wrapper > div > ul > li:nth-child(2) > span:first-child {
		background-image: url('../images/home-icon-2-mobile.png');
	}

	#home-image-wrapper > div > ul > li:nth-child(3) > span:first-child {
		background-image: url('../images/home-icon-3-mobile.png');
	}

	#home-image-wrapper > div > ul > li:last-child > span:first-child {
		background-image: url('../images/home-icon-4-mobile.png');
	}

	#home-image-wrapper > div > ul > li > span:first-child {
		width: 9.775vw;
		height: 8.993vw;
	}

	#home-image-wrapper > div > ul > li {
		gap: 2vw;
	}

	#home-video-wrapper {
		margin-top: 4.167vw;
		padding-bottom: 9.167vw;
	}

	#home-video-wrapper > h2 {
		font-size: 7vw;
		margin: 5vw 0 6vw;
	}

	#home-video-wrapper > iframe {
		width: 87.977vw;
		height: 46.237vw;
	}

	#home > a {
		height: 17vw;
		top: auto;
		left: 0;
		bottom: 0;
		font-size: 5vw;
		line-height: 1.042vw;
		border: 1vw solid var(--color-blue);
		border-radius: 0;
		box-shadow: none;
		z-index: 2;
		width: 100%;
		border-right: 0;
		border-left: 0;
		box-sizing: border-box;
		box-shadow: 0 0 10vw rgba(3, 33, 132, 0.6);
		animation-name: none;
	}

	#home > a > span {
		display: flex;
		gap: 1.5vw;
	}

	#home > a > span > span {
		animation: move-arrow 0.5s infinite alternate;
	}

	#home > a > span > br {
		display: none;
	}

	#questions > h2,
	#tips > h2,
	#contact > h2 {
		font-size: 6.1vw;
		padding-top: 11vw;
	}

	#questions > h3, #tips > h3, #contact > h3 {
		font-size: 4.3vw;
		margin-top: 3vw;
		line-height: 5vw;
	}

	#accordion-wrapper {
		gap: 7vw;
		margin-top: 3vw;
		flex-direction: column;
	}

	#accordion-wrapper > div:nth-child(2) {
		order: -1;
		height: 58vw;
		overflow: hidden;
		border-bottom: 1px solid #fff;
		margin-top: 5vw;
	}

	#accordion-wrapper > div {
		width: 90vw !important;
	}

	#accordion-wrapper .accordion > li > h3 {
		font-size: 3.5vw;
		padding-bottom: 4vw;
	}

	#accordion-wrapper .accordion > li > p {
		font-size: 3.5vw;
		padding-top: 4vw;
	}

	#accordion-wrapper .accordion > li > h3::after {
		width: 3.5vw;
		height: 3.5vw;
	}

	#accordion-wrapper > div:nth-child(2) > img {
		width: 78vw;
	}

	#questions > h3:nth-last-child(2) {
		padding: 0 8vw;
	}

	.btn {
		border: 0.104vw solid var(--color-light-yellow);
		font-size: 4vw;
		padding: 2vw 7vw;
		border-radius: 4vw;
	}

	#questions > button {
		margin-top: 5vw;
		display: inline-block;
	}

	section#questions,
	section#tips,
	section#contact {
		padding-bottom: 10vw;
		margin-top: -1px;
	}

	section#seperator {
		padding: 9vw 0 34vw;
	}

	#seperator > h2 {
		font-size: 6vw;
	}

	#seperator > h2 > span:first-child {
		display: block;
	}

	#seperator > h2 > span:not(:first-child) {
		font-weight: 500;
		font-size: 4.5vw;
		line-height: 5vw;
		display: block;
		margin-top: 1vw;
	}

	#seperator > p {
		font-size: 4vw;
		margin-top: 0.521vw;
		padding: 0 6vw;
		margin-top: 3vw;
	}

	#seperator > ul {
		flex-direction: column;
		gap: 5vw;
		display: flex;
		width: 25vw;
		margin-right: 7vw;
		margin-top: 20vw;
	}

	#seperator > ul > li:not(:first-child) {
		border-right: 0;
		padding-right: 0;
		border-top: 1px solid var(--color-black);
		padding-top: 5vw;
	}

	#seperator > ul > li > span {
		font-size: 4vw;
		display: block;
		margin-top: 2vw;
		line-height: 3.5vw;
	}

	#seperator > ul > li:first-child > img {
		width: 17vw;
	}

	#seperator > ul > li:nth-child(2) > img {
		width: 17vw;
	}

	#seperator > ul > li:nth-child(3) > img,
	#seperator > ul > li:last-child > img {
		width: 17vw;
	}

	#seperator > div {
		width: 57vw;
		height: auto;
	}

	#tips > h3 {
		padding: 0 5vw;
	}

	#contact > h3 {
		padding: 0 8vw;
	}

	#contact > ul > li > a > img {
		height: 7.5vw;
	}

	#contact > ul {
		gap: 6vw;
		margin-top: 7vw;
	}

	#wrapper > footer > p:first-child {
		font-size: 2.8vw;
		padding: 4vw 6vw;
	}

	#wrapper > footer > p:last-child {
		font-size: 2.8vw;
		max-width: none;
		padding: 3vw 6vw;
	}

	#accordion-wrapper .accordion {
		gap: 7vw;
	}

	#tips-wrapper > ul {
		display: block;
	}

	#tips-wrapper ul li {
		float: right;
		margin: 0 3vw;
		height: 43vw;
		padding: 5.5vw 2vw;
		border-width: 0.7vw;
		border-radius: 5vw;
	}

	#tips-wrapper ul li h2 {
		font-size: 4vw;
		line-height: 4vw;
		display: flex;
		flex-grow: 1;
		align-items: center;
		margin-top: 0;
	}

	#tips-wrapper ul li img {
		height: 8vw;
	}

	#tips-wrapper ul li button {
		font-size: 3.5vw;
	}

	#tips-wrapper {
		width: 80vw;
		margin: 10vw auto 2vw;
		position: relative;
	}

	#tips-wrapper .slick-arrow {
		font-size: 0;
		width: 3.519vw;
		height: 4.106vw;
		position: absolute;
		top: 50%;
		margin-top: -1.7595vw;
	}

	#tips-wrapper .slick-prev {
		background: transparent url('../images/arrow-right.png') no-repeat;
		background-size: cover;
		right: -5vw;
	}

	#tips-wrapper .slick-next {
		background: transparent url('../images/arrow-left.png') no-repeat;
		background-size: cover;
		left: -5vw;
	}

	#tips-wrapper ul li h2 br {
		display: none;
	}

	#articles-wrapper > h2 {
		font-size: 7vw;
	}

	#popup-content.big-popup {
		max-width: 90vw;
	}

	#popup-content {
		max-width: 90vw;
		border-width: 0.7vw;
		border-radius: 3vw;
		padding: 7vw 4vw;
	}

	#popup-content > div > h2 {
		font-size: 5vw;
		padding: 0 5vw;
	}

	#popup-content > div > p {
		font-size: 4vw;
		margin-top: 6vw;
	}

	#popup-content > button {
		width: 5vw;
		height: 5vw;
		top: 2vw;
		left: 2vw;
	}

	#articles-wrapper ul li {
		float: right;
		margin: 0 2vw;
	}

	#articles-wrapper ul li a img {
		width: 100%;
	}

	#articles-wrapper ul li a div span {
		border: 0.7vw solid var(--color-black);
		padding: 1vw 5vw;
		font-size: 3.5vw;
		border-radius: 3vw;
		margin-top: 4vw;
	}

	#articles-wrapper ul li a div h2 {
		font-size: 4.5vw;
	}

	#articles-wrapper ul {
		display: block;
	}

	#articles-wrapper ul li > a div {
		border-bottom-right-radius: 6vw;
		border-bottom-left-radius: 6vw;
		padding: 3vw 0;
	}

	#articles-wrapper ul {
		margin-top: 7vw;
	}

	#articles-wrapper .slick-dots {
		display: inline-flex;
		gap: 4vw;
		margin-top: 5vw;
	}

	#articles-wrapper .slick-dots li {
		margin: 0;
	}

	#articles-wrapper .slick-dots li button {
		font-size: 0;
		width: 3.226vw;
		height: 3.226vw;
		border-radius: 50%;
		border: 0.5vw solid var(--color-light-yellow);
		background-size: cover;
	}

	#articles-wrapper .slick-dots li.slick-active button {
		background-color: var(--color-light-yellow);
	}

	#contact > h2 {
		padding-top: 0;
	}

	#articles-wrapper {
		padding-top: 10vw;
	}

	#accordion-wrapper div:nth-last-child(2) {
		gap: 7vw;
		display: none;
	}

	#accordion-wrapper div:nth-last-child(2) .accordion {
		gap: 7vw;
	}

	#accordion-wrapper > button {
		width: fit-content;
		margin: 0 auto;
		display: block;
	}

	#wrapper > footer > p:last-child > span {
		font-size: 3vw;
	}

	#mic-init-access-tool .mic-access-tool-general-button {
		bottom: 18vw !important;
	}

	section#tips {
		padding-bottom: 0;
	}

	section#contact {
		padding-top: 10vw;
	}
}