/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 14:21:42 */
.FAQ_sub_page_hero {
	position: relative;
	padding: 6% 0 6% 0;
	border-radius: 0 0 50px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	color: white;
	gap: 20px;
}

.FAQ_sub_page_hero_text h4 {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 36px;
	color: white;
	text-align: center;
	z-index: 1;
}

/* FAQ - hero button */
.arrow {
	font-size: 34px;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.arrow img {
/* 	width: clamp(22px, 5.5vw, 30px);
	height: clamp(22px, 5.5vw, 30px); */
	display: block;
}

/* bottom button */
.chapter-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% 0;
}
.nav-button {
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  color: #027DA4;
  font-size: 24px;
}
.nav-content {
  display: flex;
  align-items: center; 
}
.nav-button.prev .nav-content {
  flex-direction: row;
}
.nav-button.next .nav-content {
  flex-direction: row;
}
.arrow-icon {
  font-size: 50px;
  font-weight: normal;
  color: #027DA4;
  cursor: pointer;
/*   padding: 0 5%; */
  user-select: none;
}
.nav_text {
  font-size: 32px;
  display: flex;
  flex-direction: column;
  line-height: 50px;
	margin-right: 10px;
	margin-left: 10px;
}
.label {
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 769px){
	.FAQ_sub_page_hero_text h4 {font-size: 30px;}
	.arrow {font-size: 28px;}
	.nav-button {font-size: 20px;}
	.arrow-icon {font-size: 42px;}
	.text {font-size: 28px;line-height: 50px;}
	.label {font-size: 21px;line-height: 30px;}
}
@media (max-width: 430px){
	.FAQ_sub_page_hero_text h4 {font-size: 27px;}
	.arrow {font-size: 25px;}
	.nav-button {font-size: 18px;}
	.arrow-icon {font-size: 37px;}
	.text {font-size: 24px;line-height: 37px;}
	.label {font-size: 18px;line-height: 22px;}
}
@media (min-width: 320px) and (max-width: 560px){
	.FAQ_sub_page_hero{justify-content: center;flex-direction: row;}
	.FAQ_sub_page_hero_text {order: 1;width:100%;}
	.arrow.left {order: 2;}
	.arrow.right {order: 3;}
}


