:root {
	--suron-blue: #3b82f6;
	--suron-orange: #f8c045;

	--sur-blue: #5031ad;
	--sur-orange: #f0a460;
	--sur-green: #8fe958;
}
body {
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

body.modal-open {
	overflow: hidden;
}
body.modal-open::before {
	content: '';
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 30;
}
/* choose one */
.choose-one .indicator.selected {
	background-color: var(--sur-orange);
	border: 3px solid #fff;
	box-shadow: 0px 0px 5px #ccc;
}
/* end choose one */

/* choose many */
.choose-many .indicator.selected {
	position: relative;
	box-shadow: 0px 0px 5px #ccc;
}
.choose-many .indicator.selected:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 10px;
	left: 5px;
	top: 5px;
	border-left: 3px solid var(--suron-orange);
	border-bottom: 3px solid var(--suron-orange);
	transform: rotate(-45deg);
}
/* end choose many */

/* fake image */
.fake-image {
	min-height: 230px;
	background-color: #eee;
	background-size: cover;
	background-position: center;
	position: relative;
}
.fake-image:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.fake-image.blue-gradient:after {
	/* background: linear-gradient(to top, var(--sur-blue) 10%, transparent); */
}
/* end fake image */

/* content */
.content p,
.content ul,
.content ol {
	margin-bottom: 15px;
}
.content ul,
.content ol {
	padding-left: 30px;
	list-style: none;
}
.content ul li,
.content ol li {
	margin-bottom: 5px;
	position: relative;
}
.content ul li:before,
.content ol li:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 7px;
	width: 8px;
	height: 4px;
	background-color: var(--sur-orange);
}
/* eng content */

/* icon chevron */
.icon-chevron-left {
	width: 10px;
	height: 10px;
	display: block;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg) translateX(1px) translateY(-1px);
}
/* end icon chevron */

/* push menu */
.push-menu {
	position: fixed;
	z-index: 9999;
	right: -250px;
	top: 0px;
	width: 250px;
	height: 100%;
	background-color: #fff;
	padding: 20px;
	transition: 300ms ease-in;
	overflow: hidden;
}
.push-menu.open {
	right: 0px;
	overflow: visible;
}
.push-menu .menu-list .menu-item {
	margin-bottom: 20px;
}
.push-menu .menu-list .menu-item svg {
	margin-right: 10px;
	transform: translateY(-2px);
}
.push-menu .menu-list .menu-item.active a {
	font-weight: bold;
	color: var(--sur-orange);
}
/* e push menu */
