.bro314 .tab-wrapper {
	scroll-margin-top: 100px
}

.bro314-quiz {
	margin: 55px 0px;
	scroll-margin-top: 100px
}

.bro314-quiz+.container {
	margin-bottom: 64px
}

.bro314-quiz+.container .padding-15 {
	padding: 0px
}

@media(min-width: 992px) {
	.bro314-quiz {
		transform: scale(0.75);
		margin: -80px 0px -40px
	}

	.bro314-quiz.cro-hybrid {
		margin: -55px 0px
	}
}

.bro314-quiz-card {
	max-width: 1170px;
	max-height: 850px;
	margin-inline: auto;
	background-color: #5eb4eb;
	padding: 0px max(15px, min(-20.7675111773px + 11.1773472429vw, 90px));
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	border-radius: 7px;
	width: 100%
}

.quiz-lang-fr .bro314-quiz-card {
	max-height: 1000px;
}

.bro314-quiz-card img {
	margin: 30px 0px
}

.bro314-quiz-card img.img-top {
	width: max(234px, min(214.4470938897px + 6.1102831595vw, 275px));
	height: max(47px, min(42.7078986587px + 1.3412816692vw, 56px))
}

.bro314-quiz-card img.img-bottom {
	width: 250px
}

.bro314-quiz form {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	border-radius: 7px;
	max-width: 970px;
	width: 100%
}

@media(min-width: 992px) {
	.bro314-quiz form {
		min-height: 538px
	}
}

.bro314-quiz form section {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 31px 65px 19px 65px;
	height: 100%
}

.bro314-quiz form section[data-step=quiz-start] {
	padding: 24px max(19px, min(-19.6289120715px + 12.0715350224vw, 100px))
}

.bro314-quiz form section[data-step=quiz-start] h2 {
	font-weight: 400;
	font-size: max(32px, min(27.2309985097px + 1.4903129657vw, 42px));
	line-height: max(40px, min(30.4619970194px + 2.9806259314vw, 60px));
	text-align: center;
	margin-bottom: 19px
}

.bro314-quiz form section[data-step=quiz-start] p {
	font-weight: 400;
	font-size: max(16px, min(11.2309985097px + 1.4903129657vw, 26px));
	line-height: max(21px, min(10.9850968703px + 3.129657228vw, 42px));
	text-align: center;
	margin-bottom: 24px
}

.bro314-quiz form section[data-step=quiz-start] button.cro-btn {
	font-family: "Catamaran";
	width: max(150px, min(68.9269746647px + 25.3353204173vw, 320px));
	height: max(35px, min(23.0774962742px + 3.7257824143vw, 60px));
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: max(18px, min(12.2771982116px + 1.7883755589vw, 30px));
	line-height: max(26px, min(15.0312965723px + 3.4277198212vw, 49px));
	position: relative;
	background: #ffed00;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	transition: all .5s ease;
	border-radius: 7px;
	border: none
}

.bro314-quiz form section[data-step=quiz-start] button.cro-btn:hover {
	box-shadow: 0px 8px 4px rgba(0, 0, 0, .25)
}

.bro314-quiz form section[data-step=quiz-start] button.cro-btn span {
	margin-left: 8px
}

.bro314-quiz form section[data-step=quiz-start] button.cro-btn span svg {
	width: 12px;
	height: 12px
}

.bro314-quiz form section[data-step=quiz-start] button.cro-text-btn {
	font-weight: 400;
	font-size: max(16px, min(14.0923994039px + 0.5961251863vw, 20px));
	line-height: 33px;
	color: #000;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	text-decoration: underline;
	margin-top: 25px
}

@media(min-width: 992px) {
	.bro314-quiz form section[data-step=quiz-start] button.cro-text-btn {
		margin-top: 50px
	}
}

@media(min-width: 992px) {
	.bro314-quiz form section[data-step=quiz-start] {
		padding: 116px 148px 24px 148px;
	}

    .quiz-lang-fr .bro314-quiz form section[data-step=quiz-start] {
		padding: 24px 96px 24px 96px;
    }

	.bro314-quiz form section[data-step=quiz-start] h2 {
		font-size: max(42px, min(-31.4814814815px + 7.4074074074vw, 50px));
		line-height: max(60px, min(-142.0740740741px + 20.3703703704vw, 82px))
	}

	.bro314-quiz form section[data-step=quiz-start] p {
		font-size: max(26px, min(-10.7407407407px + 3.7037037037vw, 30px));
		line-height: max(42px, min(-22.2962962963px + 6.4814814815vw, 49px))
	}
}

.bro314-quiz form section.cro-question {
	justify-content: flex-start;
	padding: 24px max(19px, min(-19.6289120715px + 12.0715350224vw, 100px));
	min-height: 538px;
	width: 100%
}

.quiz-lang-fr .bro314-quiz form section.cro-question {
	padding: 24px max(19px, min(-19.6289120715px + 8vw, 48px));
}

.bro314-quiz form section.cro-question button {
	margin-top: auto;
	width: 232px;
	height: 52px;
	background: #0d2ea0;
	border: 1px solid #0d2ea0;
	color: #fff;
	font-family: "Catamaran";
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	transition: all .5s ease;
	border-radius: 7px;
	position: relative;
	padding-bottom: 8px;
}

.bro314-quiz form section.cro-question button:hover {
	box-shadow: 0px 8px 4px rgba(0, 0, 0, .25)
}

.bro314-quiz form section.cro-question button:disabled {
	cursor: not-allowed;
	opacity: .5
}

.bro314-quiz form section.cro-question button:disabled:hover {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25)
}

.bro314-quiz form section.cro-question button::after {
	position: absolute;
	content: url('data:image/svg+xml;utf8,<svg width="13" height="17" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9.75878H14.9759M14.9759 9.75878L8.86145 1M14.9759 9.75878L8.86145 18.5176" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	right: 16px;
	bottom: 14px;
}

.bro314-quiz form section.cro-question button::after svg {
	width: 0
}

.bro314-quiz form section.cro-question[data-step=quiz-q3] {
	min-height: 605px
}

.quiz-lang-fr .bro314-quiz form section.cro-question[data-step=quiz-q3] .cro-question__header {
	line-height: 1.2;
}

.bro314-quiz form section.cro-question[data-step=quiz-q3] button.cro-btn {
    width: 22rem;
    margin-top: 0;
}

.quiz-lang-fr .bro314-quiz form section.cro-question[data-step=quiz-q3] button.cro-btn {
	width: 34rem;
}

.bro314-quiz form section .cro-question__header {
	font-family: "Catamaran";
	font-style: normal;
	font-weight: 400;
	font-size: max(28px, min(19.8926974665px + 2.5335320417vw, 45px));
	line-height: max(36px, min(17.8777943368px + 5.6631892697vw, 74px));
	display: flex;
	align-items: center;
	text-align: center;
	color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

.bro314-quiz form section .cro-answers {
	list-style: none;
	counter-reset: answer_counter;
	width: 100%
}

.bro314-quiz form section .cro-answers li {
	counter-increment: answer_counter;
	width: 100%
}

.bro314-quiz form section .cro-answers li+li {
	margin-top: 10px
}

.bro314-quiz form section .cro-answers li input {
	display: none
}

.bro314-quiz form section .cro-answers li label {
	position: relative;
    display: inline-block;
    box-sizing: border-box;
	padding: max(12px, min(10.5692995529px + 0.4470938897vw, 15px));
	padding-left: max(45px, min(35.4619970194px + 2.9806259314vw, 65px));
	font-family: "Catamaran";
	font-style: normal;
	font-weight: 400;
	font-size: max(14px, min(11.1385991058px + 0.8941877794vw, 20px));
	line-height: max(19px, min(12.3233979136px + 2.086438152vw, 33px));
	background: #d9d9d9;
	border-radius: 7px;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.bro314-quiz form section .cro-answers li label::after {
	position: absolute;
	left: max(10px, min(8.0923994039px + 0.5961251863vw, 14px));
	top: 50%;
	transform: translateY(-50%);
	content: counter(answer_counter, upper-alpha);
	font-family: "Catamaran";
	font-style: normal;
	font-size: max(18px, min(15.6154992548px + 0.7451564829vw, 23px));
	line-height: 100%;
	text-align: center;
	width: max(25px, min(22.1385991058px + 0.8941877794vw, 31px));
	height: max(25px, min(22.1385991058px + 0.8941877794vw, 31px));
	background-color: #0d2ea0;
	color: #fff;
	border-radius: 50%
}

.bro314-quiz form section .cro-answers li input:checked+label,
.bro314-quiz form section .cro-answers li label:hover {
	background: #c1c0c0
}

.bro314-quiz form section .cro-answers li input:checked+label:after,
.bro314-quiz form section .cro-answers li label:hover:after {
	background-color: #00a3e0
}

.bro314-quiz form section[data-step=quiz-end] {
	justify-content: flex-start;
	align-items: center;
	min-height: 538px;
}

.bro314-quiz form section[data-step=quiz-end] h3 {
	font-family: "Catamaran";
	font-style: normal;
	font-weight: 400;
	font-size: max(20px, min(15.2309985097px + 1.4903129657vw, 30px));
	line-height: max(26px, min(19.3233979136px + 2.086438152vw, 40px));
	text-align: center;
	margin: 0
}

.bro314-quiz form section[data-step=quiz-end] h2 {
	font-weight: 700;
	font-size: max(24px, min(11.6005961252px + 3.8748137109vw, 50px));
	line-height: max(75px, min(71.6616989568px + 1.043219076vw, 82px));
	text-align: center;
	color: #000;
	margin: 0;
	margin-top: -6px
}

.bro314-quiz form section[data-step=quiz-end] h6 {
	font-family: "Catamaran";
	font-style: normal;
	font-weight: 400;
	font-size: max(20px, min(15.2309985097px + 1.4903129657vw, 30px));
	line-height: max(28px, min(17.9850968703px + 3.129657228vw, 49px));
	text-align: center;
	color: #000;
	margin: 0;
	margin-top: -16px
}

.bro314-quiz form section[data-step=quiz-end] .cro-offset {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 18px
}

.bro314-quiz form section[data-step=quiz-end] .cro-plan-wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	max-width: 700px;
}

.bro314-quiz form section[data-step=quiz-end] .cro-plan-wrap .cro-plan-img {
	height: auto;
	width: auto;
	max-width: 240px;
	max-height: 180px;
	margin: 10px 0px;
}

.bro314-quiz form section[data-step=quiz-end] .cro-plan-wrap .cro-plan-text {
	margin-left: 32px;
}

.bro314-quiz form section[data-step=quiz-end] .cro-plan-pages.cro-bold {
	font-size: 24px;
}

.bro314-quiz form section[data-step=quiz-end] .cro-offset p,
.bro314-quiz form section[data-step=quiz-end] .cro-offset span {
	font-family: "Catamaran";
	font-style: normal;
	font-size: max(14px, min(12.0923994039px + 0.5961251863vw, 18px));
	line-height: max(21px, min(16.7078986587px + 1.3412816692vw, 30px));
	margin: 0px
}

.bro314-quiz form section[data-step=quiz-end] .cro-ctas {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bro314-quiz form section[data-step=quiz-end] a.cro-link {
	margin-top: auto;
	width: max(160px, min(105.1564828614px + 17.1385991058vw, 275px));
	height: max(40px, min(29.9850968703px + 3.129657228vw, 61px));
	background: #259450;
	border: 1px solid #259450;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	border-radius: 7px;
	font-family: "Catamaran";
	font-style: normal;
	font-weight: 400;
	font-size: max(18px, min(12.2771982116px + 1.7883755589vw, 30px));
	line-height: 1.75;
	text-align: center;
	transition: all .5s ease;
	color: #fff
}

.bro314-quiz form section[data-step=quiz-end] a.cro-link:hover {
	box-shadow: 0px 8px 4px rgba(0, 0, 0, .25)
}

.bro314-quiz form section[data-step=quiz-end] button.cro-text-btn {
	font-weight: 400;
	font-size: max(14px, min(11.1385991058px + 0.8941877794vw, 20px));
	line-height: max(20px, min(13.8002980626px + 1.9374068554vw, 33px));
	color: #000;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	text-decoration: underline;
	margin-top: 12px
}

.bro314 .cro-hidden {
	display: none
}

.bro314 .cro-active {
	display: flex
}

.bro314 .cro-show {
	display: block !important
}

.bro314 .cro-bold {
	font-weight: 700;
	font-family: Helvetica !important
}