.mobile-only {
	display: none;
}

.did-you-know__container {
	margin-block: 6rem;
}

.did-you-know__container img {
	width: 100%;
	height: auto;
}


.did-you-know__container .grid-overlay {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
}

.did-you-know__container .grid-overlay div {
	border-right: 8px solid #FFF;
	border-bottom: 8px solid #FFF;
}

.did-you-know__container .grid-overlay div:nth-child(4n + 4) {
	border-right: 0;
}

.did-you-know__container .grid-overlay div:nth-child(9),
.did-you-know__container .grid-overlay div:nth-child(10),
.did-you-know__container .grid-overlay div:nth-child(11),
.did-you-know__container .grid-overlay div:nth-child(12) {
	border-bottom: 0;
}

.did-you-know-responsive {
	text-align: center;
	background-color: var(--clr-content);
	color: #FFF;
	font-size: 1.8rem;
}

.did-you-know-responsive h2 {
	font-size: 2.4rem;
}






.hero .swiper + .pagination-wrapper {
	position: relative;
}

.hero .swiper-pagination-bullets.swiper-pagination-vertical,
.hero .swiper-pagination-bullets.swiper-pagination-horizontal {
	top: unset;
	right: unset;
	
	display: block;
	position: static;
	background-color: #f5f5f5;
	
}

.hero .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.hero .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.hero .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
	width: 3.5rem;
	border-radius: 0;
	border: 1px solid transparent;
	height: 4px;
	margin-right: 1rem;
	opacity: 1;
}

.hero .swiper-pagination-bullet {
	background-color: rgba(22,34,58,0.5)
}


.hero .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.hero .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.hero .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	margin-left: 0 !important;
	border-color: #16223A;

	background-color: #16223A;



}