:root {
	--font-blue: #3846D8;
	--font-blue-dark: #2b35a7;
	--font-green: #00cc99;
	--font-green-dark: #00997a;
	--background-light-green: #e1f0ec;
	--font-dark: #1d1d1b;
	--bg-ocean-green: #05676a;
}

.btn-success {
	background-color: var(--font-green) !important;
	border-color: var(--font-green) !important;
	color: #fff !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background-color: var(--font-green-dark) !important;
	border-color: var(--font-green-dark) !important; 
}
.text-success {
	color: var(--font-green) !important;
}

.btn-primary {
	background-color: var(--font-blue) !important;
	border-color: var(--font-blue) !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: var(--font-blue-dark) !important;
	border-color: var(--font-blue-dark) !important;
}
.text-primary {
	color: var(--font-blue) !important;
}


article div.left_column,
article div.right_column {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

article#plateformbenefitsarticle div.left_column {
	align-content: inherit;
}

#plateformbenefitsarticle .container {
	padding-bottom: 0;
}

article .title,
article h1,
article h2.green_background,
article h4.green_background,
article.multitabs h4,
#buydialog .modal-body h3,
#demopacksuccess .modal-body h3,
article.two_columns h3 {
	color: #333;
}

.btn.green,
.btn.green:hover {
	border: 1px solid var(--font-green);
	box-shadow: none;
	background-color: white;
}

.green,
.green:hover {
	color: var(--font-green);
}

article.black_background .title {
	color: #fff;
}

article.bright_light_green_background h4,
article.black_background h4 {
	color: #00b27f;
}

article .title {
	text-align: left;
	margin: 2rem 0 1.25rem;
	font-weight: 700;
}

article .title.center {
	text-align: center;
}

article.green_background h3.title,
article.light_green_background h3.title,
article.light_green_background h4 {
	color: var(--font-blue);
}

.bg-color-green {
	background-color: var(--font-green);
}
.text-blue {
	color: var(--font-blue);
}
.text-green {
	color: var(--font-green);
}
.bg-color-blue {
	background-color: var(--font-blue);
}
.bg-ocean-green {
	background-color: var(--bg-ocean-green);
}

article div.left_column h4,
article div.right_column h4 {
	margin-bottom: 30px;
	font-weight: bold;
}

article hr {
	border-top-width: 2px;
	border-color: var(--background-light-green);
	margin-top: 50px;
}

#ourservicesarticle a.btn {
	margin: 0 0 15px 0;
}

div#candidateloginarticle.loginarticle h1 {
	margin-bottom: 25px;
	color: #333;
	font-family: "Epilogue", Open Sans;
	text-align: center;
}

article#pricingintroarticle {
	text-align: center;
}

article#pricingintroarticle span {
	padding-right: 20px;
	font-weight: bold;
}

article.multirowswithimage .content-list {
	padding: 0% 25px 25px 25px;
}

#whyassessarticle {
	margin-top: 5rem;
	background-color: #e1f0ec;
}
#whyassessarticle .container {
	margin-top: 130px;
}

@media (max-width: 960px) {
	#whyassessarticle {
		background-image: none !important;
		margin-top: 0;
	}
	#whyassessarticle .container {
		margin-top: 20px;
	}
	#whyassessarticle #whyassess p {
		width: 100% !important;
		max-width: 100% !important;
	}
	#whyassessarticle #whyassess #recommendtest-container {
		width: 100% !important;
		max-width: 100% !important;
	}
}


article#whyassessarticle .row {
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	article#whyassessarticle .row {
		background-size: contain;
	}
	#whyassessarticle #whyassess #recommendtest-container {
		bottom: auto !important;
	}
}

article#whyassessarticle p.with-border-bottom {
	border-bottom: 1px solid var(--background-light-green);
	padding-bottom: 20px;
}

article#whyassessarticle img {
	max-height: 550px;
}

article#ourservicesarticle {
	color: #1d1d1b;
}

article#ourservicesarticle span {
	color: var(--font-green);
	font-weight: bold;
}

article#contestformatsarticle .container,
article#contestformatsarticle .row,
article#ourservicesarticle .row {
	max-width: none;
}

article#contestformatsarticle .row,
article#ourservicesarticle .row {
	gap: 2rem;
}

article#contestformatsarticle div.row div.block {
	max-width: 28rem;
	flex: 0 0 30%;
}

article#ourservicesarticle div.row div.block {
	background-color: #fff;
	border-radius: 40px;
	padding: 120px 30px 0px;
	max-width: 25rem;
	display: flex;
	flex-direction: column;
	height: 670px;
	margin-top: 128px;
}

@media screen and (max-width: 992px) {

	article#contestformatsarticle div.row div.block {
		flex: 0 0 100%;
	}

	article#ourservicesarticle div.row div.block {
		margin-bottom: 6rem;
	}

	article#ourservicesarticle {
		padding: 4rem 0 0;
	}
}

article#ourservicesarticle div.row figure img {
	border-radius: 200px;
	border: 5px solid #e4f2f8;
	width: 176px;
	height: 176px;
	object-fit: cover;
}

article#ourservicesarticle div.row div figure {
	text-align: center;
	margin: -230px auto 0 auto;
}

article#ourservicesarticle .card_div_content {
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
}

.mt-auto {
	margin-top: auto;
}

#newsletterimage img {
	max-height: 240px;
}

#helplogindialog .modal-footer,
#helplogindialog_error {
	display: none;
}

#helplogindialog .modal-body {
	padding: 0;
}

#strategyarticle video, #strategyvideoarticle video,
.video-full-width {
	width: 100%;
}

#strategyarticle div.buy_btn, #strategyvideoarticle div.buy_btn {
	text-align: center;
	margin-top: 10px;
}
#strategyarticle div.buy_btn a, #strategyvideoarticle div.buy_btn a {
	border: none;
}
#strategyarticle div.buy_btn .bg_color_green, #strategyvideoarticle div.buy_btn .bg_color_green {
	background-color: var(--font-green);
}

#strategyarticle .card, #strategyvideoarticle .card {
	height: 450px;
	max-height: 512px;
	background-color: #e1f0ec;
	border: none;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

#strategyarticle .card-header, #strategyvideoarticle .card-header {
	background-color: #e1f0ec;
	border: none;
	border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-ms-border-radius: 15px 15px 0px 0px;
	-o-border-radius: 15px 15px 0px 0px;
}


article.slider>.container {
	max-width: inherit;
	padding: 10px 17% 10px 17%;
	margin: 0;
}

article.two_columns,
#testbysubjectgrouparticle {
	padding-top: 5rem;
}

article.two_columns div.row>div {
	padding-bottom: 2.5rem;
}

#videoarticle .container {
	padding-top: 0;
}

div.pseudomodal {
	position: absolute;
	top: -224px;
	right: 7%;
	width: 401px;
	height: auto;
	box-shadow: 10px 10px 5px #666;
	padding: 10px;
	background: #cbd9df;
}
@media screen and (max-width: 992px) {
	div.pseudomodal {
		width: 40%;
		height: min-content;
		top: -130px;
	}
}


div.pseudomodal h4 {
	font-size: 1rem;
	color:var(--font-blue);
}


div.pseudomodal #pseudo_modal_submit {
	cursor: pointer;
}

#formrecommend .form-control {
	font-size: 0.8rem;
	margin:20px 0;

}

#formrecommend textarea::placeholder{
	color:#AAA;
} 

#jobrecommendationmodal .modal-body a{
	font-size: 0.8rem;
	margin-bottom:20px;
}

.pseudomodal  #getrecobtn{
	font-size: .8rem;
}

@media screen and (max-width: 500px) {
	div.pseudomodal {
		display: none;
	}
}

#clientlogossliderarticle .container {
	padding: 18px 15px;
}

#clientlogossliderarticle {
	max-height: 195px;
}

#testbysubjectgrouparticle h2 {
	padding-right: 20%;
}

#testbysubjectgrouparticle div.row div.subject {
	border: 1px solid var(--background-light-green);
	border-radius: 30px;
	padding: 0;
	margin-bottom: 20px;
	height: 375px;
	overflow: hidden;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	display: flex;
	position: relative;
}

#contestlanguagesliderarticle .container {
	padding: 0px 0px;
}
#howitworksoncontestarticle .container h2 {
	margin-top: 0;
}
#ourteamtestimonialarticle .container h2 {
	margin-top: 72px;
}

#testbysubjectgrouparticle div.row div.subject div.test_list {
	overflow: scroll;
}

#testbysubjectgrouparticle div.content{
	position: relative;
	height: 200px;
	overflow-y: auto;
}

#testbysubjectgrouparticle div.subject h4 {
	padding: 12px 20px;
	overflow: visible;
	font-size: 1.1rem;
	font-weight: 600;
}

#testbysubjectgrouparticle div.subject h4.subject_name {
	min-height: 66px;
}

#testbysubjectgrouparticle div.subject h4 span {
	overflow: hidden;
	width: calc(100% - 40px);
}

#testbysubjectgrouparticle div.subject h4 img {
	position: absolute;
	right: 10px;
	top: 17px;
	max-width: 50px;
	max-height: 50px;
	width: auto;
}

#testbysubjectgrouparticle .block a.btn {
	margin-left: 10px;
	margin-top: 10px;
}

#testbysubjectgrouparticle div.subject h4.featured {
	color: var(--font-green);
	background: var(--background-light-green);
	font-weight: 400;
	width: 100%;
}

#testbysubjectgrouparticle div.subject.new h4.featured {
	background-color: var(--font-green);
	color: #fff;
}

#testbysubjectgrouparticle div.subject.popular h4.featured {
	background-color: #06676a;
	color: #fff;
}

#testbysubjectgrouparticle div.row div.subject.popular {
	border-color: #06676a;
}
#testbysubjectgrouparticle div.row div.subject.popular.ad,
#testbysubjectgrouparticle div.row div.subject.popular.ad .card-footer {
	border-color: #06676a;
	background-color: #06676a;
	color: #fff;
}

#testbysubjectgrouparticle div.row div.subject.new {
	border-color: var(--font-green);
}
#testbysubjectgrouparticle div.row div.subject.new.ad,
#testbysubjectgrouparticle div.row div.subject.new.ad .card-footer {
	border-color: var(--font-green);
	background-color: var(--font-green);
	color: #fff;
}



#testformpopulairearticle .card-header svg,
#testbysubjectgrouparticle h4 svg {
	max-height: 18px;
	margin-right: 7px;
	position: relative;
	top: -3px;
	/* required by SAFARI*/
	max-width: 18px;
}

#testbysubjectgrouparticle p,
#testbysubjectgrouparticle ul {
	padding: 10px;
	border: 1px solid #dedede;
	margin: 5px auto 10px;
	width: 95%;
	height: fit-content;
	border-radius: 10px;
	border-radius: 10px;
}

#testbysubjectgrouparticle .block {
	padding: 20px 0 35px 0;
}

#testbysubjectgrouparticle div.row div.subject #testbysubjectgrouparticle .content .buttons {
	position: relative;
	bottom: 30%;
	display: flex;
	justify-content: space-between;
}

/* #testlist_dialog div.modal-body p {} */

#testbysubjectgrouparticle .content .buttons button {
	margin: 0 20px 0 20px;
}

#testbysubjectgrouparticle .screen {
	margin-top: 8%;
}

#testbysubjectgrouparticle .ad .featured {
	margin-left: -18px;
	margin-top: -14px;
	margin-bottom: 20px;
}

#testbysubjectgrouparticle .ad .ad-title {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#testbysubjectgrouparticle .ad .ad-text {
	border: inherit !important;
	margin: 0px;
	padding: 0px;
}

#testbysubjectgrouparticle .ad .card-footer {
	border: solid 0px;
	width: 100%;
}

#testbysubjectgrouparticle .ad .ad-source {
	border: solid 0px;
	font-size: smaller;
	text-decoration: dashed;
	padding: 0px;
	margin: 0px;
}

#testcatalogselectorsarticle div.selector_container {
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	#testcatalogselectorsarticle div.selector_container {
		justify-content: center;
	}
}

#testcatalogselectorsarticle p.sub_title {
	max-width: 800px;
	margin: 0 auto 30px auto;
}

#testcatalogselectorsarticle .selector_container span {
	position: relative;
	top: 10px;
	margin: 0 5px;
}

#createtestarticle {
	padding: 0;
}

#customtestfullarticle,
#createtestfullarticle {
	display: none;
}

#whychooseusarticle div figure {
	background: url("../images/background/whychoose.png") no-repeat;
	background-size: contain;
	height: 100%;
	background-position: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#whychooseusarticle figure img {
	max-width: 225px;
}

/***********************************************************************************/

/* 			testformtoparticle	 */

/*********************************************************************************/

/* #testformtoparticle .row {
	flex-wrap: nowrap;
} */

#testformtoparticle .right_column {
	display: flex;
	width: 50%;
	/* align-items: end; */
	/* flex-wrap: wrap; */
	gap: 2rem;
}

#testformtoparticle .right_column a {
	font-size: 1.2rem;
}

#testformtoparticle table {
	width: 50%;
}

#testformtoparticle table thead tr {
	display: none;
}

#testformtoparticle table tr {
	background: none !important;
}

#testformtoparticle table tr td {
	--bs-table-bg-type: none;
	background-color: transparent;
}

#testformtoparticle table tr td:first-of-type {
	border-right: 1px #333 solid;
}

#testformtoparticle table tbody tr:first-of-type td {
	border-bottom: 1px #333 solid;
}

#testformtoparticle table tbody tr td {
	width: 50%;
	border-bottom: none;
}
#testformsmodal a.screenshot_container,
#testlist_dialog a.screenshot_container {
	width: 150px;
	margin: auto;
	display: block;
	position: relative;
}

#testformsmodal .screenshot_container img,
#testlist_dialog .screenshot_container img {
	width: 150px;
}

#testformsmodal .screenshot_container img.screenshot,
#testlist_dialog .screenshot_container img.screenshot {
	position: absolute;
	top: 5px;
	left: 20px;
	width: 113px;
	max-height: 70px;
}

#testformtoparticle .right_column .screenshot_container {
	position: relative;
	height: auto;
	max-height: 200px;
	max-width: 300px;
}

#testformtoparticle img.screenshot {
	position: absolute;
	max-width: 277px;
	width: 14.4rem;
	left: 36px;
	top: 10px;
	height: 100%;
	max-height: 142px;
}

#testformtoparticle .screen {
	display: flex;
	justify-content: center;
}

#testdetailsarticle .screen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 30px;
}

#testdetailsarticle .buttons {
	margin-top: 10px;
}

#testdetailsarticle .domains {
	margin-top: 70px;
}

#testdetailspage img.sbj_icon {
	position: absolute;
	max-width: 60px;
	top: -25px;
	right: 0;
}

@media screen and (max-width: 675px) {

	#testformtoparticle table,
	#testformtoparticle .right_column {
		width: 100%;
	}

	#testformtoparticle .right_column .screenshot_container {
		max-width: 260px;
		max-height: 160px;
	}

	#testformtoparticle img.screenshot {
		max-width: 199px;
		top: 9px;
		left: 31px;
		max-height: 124px;
	}
}

.row.login_article {
	max-width: none;
	height: calc(100vh - 80px);
	background-color: var(--background-light-green);
}

.login_article .candidatelogin_image {
	background-image: url("../images/login/candidatelogin_background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

body#contestloginpage .login_article .candidatelogin_image {
	background-image: url("../images/codingchallenges/custom.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	filter: grayscale(100%) brightness(1.5);
}
body#contestloginpage .login_article .candidatelogin_image.bpce {
	background-image: url("../images/codingchallenges/logo_bpce_day_background.png");
	filter: none;
}

.login_article .adminlogin_image {
	background-image: url("../images/login/adminlogin_background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.custom .login_article .candidatelogin_image,
.custom .login_article .adminlogin_image {
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
}


.login_article .custom-checkbox {
	margin: 0;
}

.loginarticle {
	min-height: 600px;
}

.loginarticle>div>div img:not(.contestlogo, .custom img) {
	width: calc(100% - 15px);
	bottom: 0;
	position: absolute;
	max-height: 100%;
}

.loginarticle>div>div img.contestlogo {
	max-width: 500px;
}

.login_article .login {
	align-items: center;
	display: flex;
	flex-direction: column;
	background-color: var(--background-light-green);
	padding: 7% 4%;
	margin: auto;
}

.login_article .login button:not(button#pswEye) {
	width: 20rem;
	/* margin-top: 25px; */
	margin: 25px auto 0;
}

.login_article .login button#pswEye {
	position: relative;
	top: -2.54rem;
	right: -90%;
	padding: 0;
	background-color: inherit;
	border: 0;
}

.login_article .login label {
	margin-top: 25px;
}

#adminloginpage .login_article .login label {
	margin-top: 0;
}

#adminloginpage .login_article .login input[type="checkbox"] {
	padding-left: 14px;
	margin-right: 10px;
}

#candidateloginarticle .login_article .login .form-row,
#adminloginarticle .login_article .login .form-row {
	max-width: 95%;
}

.support_send {
	width: 50%;
}

.support_close {
	width: 43%;
}

/***********************************************************************************/
/* 			flexibleoptionsarticle	 */
/*********************************************************************************/

#flexibleoptionsarticle p.dark_green_background {
	flex: 0 0 100%;
	background: var(--font-green);
	padding: 5px 10px;
	font-weight: 500;
	margin-top: 10px;
}
#flexibleoptionsarticle .left_column p span {
	font-size: 0.6rem;
	font-style: italic;
	max-width: 275px;
	text-align: justify;
}

#flexibleoptionsarticle .right_column figure {
	width: 60%;
	margin: auto;
}

#flexibleoptionsarticle .row_card {
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 10px;
	box-shadow: 0 0 5px 5px rgba(128, 128, 128, 0.5);
	background: url("../images/background/picto-4.png") 100% / 50% no-repeat;
}

@media screen and (max-width: 768px) {
	#flexibleoptionsarticle .row_card {
		background: none;
	}
}


/***********************************************************************************/

/* 			creditpacksarticle	 */

/*********************************************************************************/

#creditpacksarticle div.row>div {
	justify-content: center;
	gap: 5rem;
}

#creditpacksarticle div.cell {
	text-align: center;
	box-shadow: 3px 2px 5px 5px rgba(128, 128, 128, 0.4);
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	width: 15rem;
	min-width: 8rem;
	max-width: 15rem;
}

#creditpacksarticle h3 {
	color: #333;
	padding: 10px;
}

#creditpacksarticle h4 {
	color: #626261;
}

#creditpacksarticle button,
#creditpacksarticle a:not(.btn-primary) {
	background-color: #05676a;
	color: #fff;
}

#creditpacksarticle div.cell button {
	min-width: 50%;
}

/***********************************************************************************/

/* 			pricingpage	 */

/*********************************************************************************/
#howcanstartmyfreetrial {
	background-color: #08696b;
}

#howcanstartmyfreetrial h2 {
	color: #fff;
}

.color_green {
	color: var(--font-green);
}

.bg_color_green {
	background-color: var(--font-green);
}

#howcanstartmyfreetrial a, #howcanstartmyfreetrial button {
	background-color: #fff;
	color: #08696b;
	font-size: large;
	border: solid 0px;
	border: solid 0px;
}

#howcanstartmyfreetrial p {
	font-size: 12pt;
}

#howcanstartmyfreetrial .timeline-icon {
	width: 70px;
	height: auto;
}

#howcanstartmyfreetrial .timeline-content {
	height: 210px;
	color: #fff;
}
/* The actual timeline (the vertical ruler) */
#howcanstartmyfreetrial .main-timeline {
	position: relative;
	max-width: 700px;
}

#howcanstartmyfreetrial .timeline-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* The actual timeline (the vertical ruler) */
#howcanstartmyfreetrial .main-timeline::after {
	content: "";
	position: absolute;
	width: 3px;
	background-color: #fff;
	top: 15px;
	bottom: 14rem;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
#howcanstartmyfreetrial .timeline {
	position: relative;
	background-color: inherit;
	width: 50%;
}

/* The circles on the timeline */
#howcanstartmyfreetrial .timeline::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: -11px;
	background-color: #fff;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

/* Place the container to the left */
#howcanstartmyfreetrial .left {
	padding: 15px 40px 20px 0px;
	left: 0;
}

/* Place the container to the right */
#howcanstartmyfreetrial .right {
	padding: 15px 0px 20px 40px;
	left: 50%;
}


/* Fix the circle for containers on the right side */
#howcanstartmyfreetrial .right::after {
	left: -14px;
}

#accessto .badge_style {
	background-color: #31bb96;
	position: absolute;
	top: -20px;
	left: -30px;
	font-size: 40px;
	color: #fff;
}

#accessto .carousel-container h3 {
	margin-bottom: 50px;
}

#accessto .carousel-container {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 20px 50px;
	margin-top: 80px;
}

#accessto .carousel {
	margin-bottom: 30px;
}

#accessto .title {
	margin-bottom: 70px;
}

#accessto .container {
	max-width: 900px;
}

#accessto .carousel-control-next-icon,
#accessto .carousel-control-prev-icon,
#homepage .carousel-control-next-icon,
#homepage .carousel-control-prev-icon {
	width: 3rem;
	height: 3rem;
}

#homepage .carousel-control-next,
#accessto .carousel-control-next {
	right: -3vw;
	justify-content: flex-end;
}
#homepage .carousel-control-prev,
#accessto .carousel-control-prev {
	left: -3vw;
	justify-content: flex-start;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {

	/* Place the timelime to the left */
	#howcanstartmyfreetrial .main-timeline::after {
		left: 31px;
	}

	/* Full-width containers */
	#howcanstartmyfreetrial .timeline {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	/* Make sure all circles are at the same spot */
	#howcanstartmyfreetrial .left::after,
	#howcanstartmyfreetrial .right::after {
		left: 18px;
	}

	#howcanstartmyfreetrial .left::before {
		right: auto;
	}

	/* Make all right containers behave like the left ones */
	#howcanstartmyfreetrial .right {
		left: 0%;
	}

	#democontent .text-container {
		background-image: none !important;
	}
}

#democontent .container {
	max-width: 900px;
}

#democontent .text-row {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#democontent .container h2 {
	text-align: left !important;
}

@media screen and (max-width: 800px) {
	#trytheplatformpage header .page-heading {
		background-image: none !important;
	}
	#trytheplatformpage header .heading_string {
		width: 100%;
	}
	#trytheplatformpage header .page_heading_container {
		width: 100%;
	}
	#trytheplatformpage header .button_container {
		justify-content: center;
	}
}
@media screen and (max-width: 530px) {
	#trytheplatformpage header .page_heading_container {
		margin-top: 0px;
	}
}

#pricingpage #clientlogosarticle {
	background-color: #05676a;
}


#democontent .text-container{
	max-width: 730px;
	width: 100%;
	line-height: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	padding: 20px 20px 10px 40px;
	margin: 50px 0px;
	background-image: url("../images/trytheplatform/image_blue_arrow.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
#gartnercalendararticle .container h2 {
	margin-top: 0;
}
#startdemopackarticle .container {
	padding: 30px 15px 0px 15px;
}
#startdemopackarticle .text-container {
	max-width: none;
}

#democontent{
	background-color: #daedf3;
}

#startdemopackarticle .container .text-row, #languageteststitlearticle .text-row {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
#languageteststitlearticle .logo {
	max-width: 220px;
	margin-bottom: 60px;
}

#mostpopulartestsarticle .container {
	padding: 20px 15px;
}

#mostpopulartestsarticle .subject_logo {
	max-width: 48px;
	margin: 10px;
}
#mostpopulartestsarticle .title {
	color: #fff;
	margin: 0;
	font-size: x-large;
}

#mostpopulartestsarticle .logo-circle {
	width: 80px;
	height: 80px;
	background-color: #f0f0f0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	transition: transform 0.3s ease;
	/* Animation au survol */
}

#mostpopulartestsarticle .logo-circle:hover, #fewnumbersarticle .number-item:hover {
	transform: scale(1.1);
	/* Zoom sur le logo au survol */
}

#mostpopulartestsarticle .logo-circle img {
	max-width: 60%;
	max-height: 60%;
}

#mostpopulartestsarticle .logo_container {
	display: flex;
	justify-content: center;
}

/* Responsive: augmenter la taille des logos sur des écrans plus petits */
@media (max-width: 768px) {
	#mostpopulartestsarticle .logo-circle {
		width: 80px;
		height: 80px;
	}

		#mostpopulartestsarticle .logo-circle img {
		max-width: 70%;
	}
}

@media (max-width: 576px) {
	#mostpopulartestsarticle .logo-circle {
		width: 60px;
		height: 60px;
	}

		#mostpopulartestsarticle .logo-circle img {
		max-width: 80%;
	}
}
#mostpopularcustomersrharticle .client_logo {
	max-width: 100px;
	height: auto;
	flex: 1 0 auto;
}
#mostpopularcustomersrharticle .logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 20px;
	align-items: center;
	justify-items: center;
	width: 100%;
	max-width: 1000px;
	/* facultatif */
	margin: 0 auto;
}
#fewnumbersarticle .number-item img{
	max-width: 80px;
	max-height: 80px;
	margin-top: 20px;
}
#fewnumbersarticle .number-item{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: flex-start;
	transition: transform 0.3s ease;
}
#fewnumbersarticle .description{
	font-size: xx-large;
	font-weight: bold;
	margin-left: 12px;
}
#fewnumbersarticle .description span{
	font-size: small;
	display: block;
	margin-top: -20px;
	margin-left: 4px;
}

#fewnumbersarticle .footer-link {
	text-align: center;
	margin-bottom: -20px;
	font-weight: 500;
	text-decoration: underline;
}




/***********************************************************************************/

/* 			packdetailsarticle	 */

/*********************************************************************************/

#packdetailsarticle h4,
#additionalservicesarticle h4 {
	font-weight: 600;
}

#packdetailsarticle .row ul.spacing {
	padding-left: 10% !important;
}

#packdetailsarticle .row ul {
	margin: 0;
	padding: 0;
	width: 50%;
}

#packdetailsarticle .row ul li i.checked {
	background-image: url("../images/pricing/checked-button.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
	display: inline-block;
	margin-right: 1rem;
}

#packdetailsarticle .row ul li {
	margin-bottom: 2rem;
	list-style: none;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#packdetailsarticle .row>div {
		display: block;
	}

	#packdetailsarticle .row ul,
	#packdetailsarticle .row ul.spacing {
		padding: revert !important;
		width: 100%;
	}
}

#order_summary h3 {
	font-size: 1rem;
	font-weight: 500;
	margin-top: 20px;
}

#buydialog #order_summary,
#demopacksuccess #order_summary {
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dee2e6;
}

#buydialog .modal-body h5,
#demopacksuccess .modal-body h5 {
	margin-bottom: 30px;
	text-align: left;
}

#buydialog .modal-body .btn {
	margin-top: 30px;
}

#buydialog .modal-footer {
	display: none;
}

#createaccount #generate_psw {
	display: none;
}

#createaccount div.valid-feedback i {
	margin-left: 3px;
	position: relative;
	top: 3px;
}

#createaccount .modal-content {
	overflow-y: auto;
	max-height: 90vh;
}

/***********************************************************************************/

/* 			additionalservicesarticle	 */

/*********************************************************************************/

#additionalservicesarticle img {
	max-width: 100px;
	display: inline-block;
}

#additionalservicesarticle ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 2.5em;
	margin: 0;
	padding: 0;
}

#additionalservicesarticle ul li {
	list-style: none;
	min-width: 15rem;
	width: 15rem;
	text-align: center;
	font-weight: bold;
}

#additionalservicesarticle a.btn {
	margin: auto;
}

#contestformatsarticle div.row>div.block {
	background: #e6f3f9;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}

#contestformatsarticle img {
	height: 100px;
	margin: auto;
	display: block;
	width: auto;
	margin-bottom: 10px;
}

#positioningmodal p.instructions {
	font-weight: 500;
	font-size: 0.9rem;
}

#positioningmodal a.with_image {
	padding: 0;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	margin: 0;
}

#positioningmodal .modal-body {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0px 20px;
}

#positioningmodal a img {
	height: 25px;
	top: 7px;
	position: relative;
	max-width: 38px;
}

#positioningmodal a.sbj_des {
	font-size: 0.85rem;
	display: block;
}

#positioningmodal div.main_container {
	text-align: center;
	flex: 0 1 100px;
	margin-bottom: 5px;
}

#positioningmodal div.subject_group_container {
	justify-content: start;
	width: 100%;
	display: flex;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

#positioningmodal div.subject_group_logo_container {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	position: relative;
	left: -10px;
}

#positioningmodal p.button_container {
	background: #e7e8ea;
	border-radius: 58px;
	padding: 4px;
	width: 50px;
	display: inline-block;
	margin-bottom: 5px;
}

#positioningmodal img.brand {
	width: 225px;
}

#positioningmodal .modal-footer {
	display: none;
}

/***********************************************************************************/

/* 			createtestfullarticle	 */

/*********************************************************************************/

.with_steps h2 {
	text-align: center;
}

.with_steps .row>.steps {
	margin: 2.5rem auto;
	border-radius: 8px;
	padding: 1rem 2rem 3rem;
	min-height: 20rem;
	position: relative;
}

.steps .number_container {
	background: #0c9;
	width: 65px;
	height: 65px;
	position: absolute;
	top: -22px;
	left: -13px;
	padding: 10px;
	border-radius: 50%;
	text-align: center;
	line-height: 41px;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}

div.container div.row div.steps .steps_container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%;
}

div.container div.row div.steps .steps_container h3 {
	margin-left: 2rem;
	margin-bottom: 3rem;
	font-weight: 700;
	padding: 0;
}

div.container div.row div.steps .steps_container h3 span {
	color: black;
}

div.container div.row div.steps .steps_content {
	width: 100%;
	display: flex;
	gap: 5rem;
	/* align-items: center; */
	justify-content: center;
}

.steps_content figure {
	margin: 0;
}

div.container div.row div.steps .steps_content>p:not(div.container div.row div.steps .steps_exception p),
div.container div.row div.steps .steps_content>ul,
div.container div.row div.steps .steps_content>div,
div.container div.row div.steps .steps_content>figure {
	width: 45%;
	max-width: 45%;
}

div.container div.row div.steps .steps_content ul li {
	margin-bottom: 1rem;
}

div.container div.row div.steps img {
	object-fit: contain;
	object-position: center;
}

.img_steps_content {
	height: 20rem;
	max-height: 20rem;
}

.img_steps_exception {
	height: auto;
	max-height: 20rem;
}

div.container div.row div.steps .steps_exception {
	display: block;
}

div.container div.row div.steps .steps_exception figure {
	margin: auto;
	width: auto;
	max-width: inherit;
}

@media screen and (max-width: 768px) {
	div.container div.row div.steps .steps_content {
		flex-direction: column;
		width: 100%;
		gap: 2rem;
	}

	div.container div.row div.steps .steps_content>p:not(div.container div.row div.steps .steps_exception p),
	div.container div.row div.steps .steps_content>ul,
	div.container div.row div.steps .steps_content>div,
	div.container div.row div.steps .steps_content>figure {
		width: 100%;
		max-width: 100%;
	}

	div.container div.row div.steps .steps_exception figure {
		width: 100%;
		max-width: 100%;
	}

	div.container div.row div.steps .steps_container h3 {
		margin-left: 1.2rem;
		margin-bottom: 2rem;
	}
}

div.container div.row div.steps .steps_exception #customtestfullarticle div.steps:first-of-type ul {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
	margin-top: 30px;
}

#customtestfullarticle.steps:first-of-type .steps_content figure {
	height: 7rem;
}

#customtestfullarticle div.steps:first-of-type ul li {
	flex: 1 0 20%;
	list-style: none;
	text-align: center;
}

#customtestfullarticle div.steps:first-of-type ul li img {
	margin-bottom: 14px;
	height: 100px;
	width: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#customtestarticle div.container,
#createtestarticle div.container,
#whychooseusarticle div.container {
	padding: 0;
}

#createtestarticle div.container h4 {
	color: #1d1d1b;
}

#customtestarticle div.container .extra_content,
#createtestarticle div.container .extra_content {
	margin: auto;
	font-weight: bold;
}

#customtestarticle div.container .right_column,
#createtestarticle div.container .right_column,
#whychooseusarticle div.container .left_column {
	padding: 1.8rem;
}

#digitalpasseportarticle div.row figure.image {
	padding-top: 6.85rem;
}

#digitalpasseporttestimonialarticle.withleftimage {
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	background-image: url("../images/background/testimonialm.jpg");
}

#digitalpasseporttestimonialarticle h2 {
	color: #00b27f !important;
}

@media only screen and (max-width: 768px) {
	article .withleftimage {
		background-image: none;
		background-color: var(--background-light-green);
	}

	article .withleftimage .row div.content_container {
		width: 100%;
		max-width: none;
	}
}

article .withleftimage .row div.content_container {
	padding: 1.5rem;
	background-color: var(--background-light-green);
}

article .withleftimage .row {
	font-size: 18px;
	max-width: 1280px;
	flex-direction: row;
	justify-content: flex-end;
}

article .withleftimage .row>div {
	max-width: 70%;
}

article .withleftimage>.row {
	margin-top: 16px;
}

#masterdevarticle .row ul {
	gap: 1rem;
	padding: 0;
}

#masterdevarticle .row ul li {
	list-style: none;
	flex: 0 0 11rem;
}

@media screen and (max-width: 768px) {
	#masterdevarticle .row ul {
		text-align: center;
	}

	#masterdevarticle .row ul li {
		flex: none;
		width: 100%;
	}

	#masterdevarticle .row div p {
		text-align: initial;
	}
}

#masterdevarticle .row ul li span {
	color: var(--font-blue);
	font-weight: bold;
	font-size: larger;
}

#whycontestarticle .row h3 {
	color: var(--font-green) !important;
}

#whycontestarticle .container .row {
	justify-content: space-between;
}

#visionarticle .muted_white_background {
	background-color: #ffffffde;
}

/***********************************************************************************/

/* 			experiencearticle	 */

/*********************************************************************************/

#experiencearticle .row_shape {
	width: 40%;
}

#experiencearticle .row_content {
	align-items: center;
	margin: 1rem 0;
}

#experiencearticle figure {
	position: relative;
	width: fit-content;
}

#experiencearticle img.illustration {
	max-height: 158px;
	width: 17rem;
}

#experiencearticle img.shape_3,
#experiencearticle img.shape_2 {
	right: -64px;
	width: 14rem;
	position: absolute;
	top: -65px;
	z-index: -1;
}

#experiencearticle img.shape_2 {
	top: -14px;
	left: -67px;
}

#experiencearticle h3 {
	color: var(--font-blue);
}

/***********************************************************************************/

/* 			atsarticle	 */

/*********************************************************************************/

#atsarticle figure.ats_logos {
	width: 35%;
	height: auto;
}

@media screen and (max-width: 768px) {
	#atsarticle figure.ats_logos {
		width: 25%;
	}
}

/***********************************************************************************/

/* 			contactarticle	 */

/*********************************************************************************/

#contactarticle #formcontact div input {
	margin-right: 10px;
}

#contactarticle #formcontact div label {
	margin-bottom: 10px;
}

#contactarticle #formcontact div textarea#msg {
	border-radius: 15px;
}

#contactarticle #formcontact .form-row {
	justify-content: space-between;
	display: flex;
	margin-bottom: 15px;
}

#contactarticle h5,
#uniqueassessmentarticle .row div h4 {
	color: var(--font-blue);
}

#contactarticle h5>span {
	color: initial;
}

/***********************************************************************************/

/* 			testformexpertarticle	 */

/*********************************************************************************/

#testformexpertarticle .container {
	padding-bottom: 0;
}

#testformexpertarticle figure img.computerw {
	position: absolute;
	width: 16rem;
	left: 15%;
	top: 17px;
	z-index: -1;
}

#testformexpertarticle figure img.background {
	position: relative;
	width: 17rem;
	z-index: -2;
}

#experiencearticle figure {
	display: flex;
	justify-content: center;
}

#experiencearticle figure img {
	width: 33%;
}

/***********************************************************************************/

/* 			testhostinghowitworksarticle	 */

/*********************************************************************************/

#testhostinghowitworksarticle div.row .steps figure img {
	border-radius: 200px;
	border: 5px solid #cbd9df;
	width: 226px;
	height: 226px;
	object-fit: cover;
}

#testhostinghowitworksarticle div.row .steps div ul li {
	margin-bottom: 1rem;
}

#testhostinghowitworksarticle div.row .steps figure {
	position: absolute;
	top: -100px;
	right: -65px;
}

#testhostinghowitworksarticle div.row .steps figure img.testhosting_3 {
	border: initial;
}

body[lang=en] #howitworksoncontestarticle p.first_step_des {
	text-align: center;
	align-self: center;
	font-size: 1.5em;
}

#howitworksoncontestarticle div.steps_content p {
	align-self: center;
	font-size: 1.3em;
	line-height: 1.2em;
}

#howitworksoncontestarticle p.left_column:first-of-type {
	align-self: center;
}

/******************************************************************************************************
		codingchallengessolutionarticle
******************************************************************************************************/

#codingchallengessolutionarticle ul {
	padding-left: 0;
}

#codingchallengessolutionarticle ul li {
	margin-left: 40px;
	margin-bottom: 20px;
}

#codingchallengessolutionarticle ul.questionlist li {
	list-style: none;
}

#codingchallengessolutionarticle .icon_level {
	margin-right: 10px;
	font-size: 1.5rem;
	position: relative;
	top: 3px;
}

#codingchallengessolutionarticle .icon_level.easy {
	color: #80c185;
}

#codingchallengessolutionarticle .icon_level.medium {
	color: #ffc379;
}

#codingchallengessolutionarticle .icon_level.hard {
	color: #ea5261;
}

#codingchallengessolutionarticle h4 {
	margin-top: 50px;
	margin-bottom: 20px;
}

#codingchallengessolutionarticle ul.questionlist a:hover {
	font-size: bold;
}




/******************************************************************************************************
		OurTeamPage
******************************************************************************************************/
#whoarewearticle .stat_container {
	display: flex;
	margin-top: 40px;
	margin-bottom: 40px;
}

#whoarewearticle .stat_container img {
	width: 40%;
	margin: auto;
	margin-bottom: 20px;
}

#whoarewearticle .stat_container .col-md-6 {
	text-align: center;
}

#whoarewearticle .stat_container span.green {
	font-size: 2.5em;
	line-height: 2.5rem;
}

#whoarewearticle span.stat_bottom {
	position: absolute;
	bottom: 5px;
	right: 0;
}

#ourteamtestimonialarticle .container {
	background-color: var(--background-light-green);
	margin-top: 61px;
	margin-bottom: 50px;
	padding: 50px;
	background-image: url(../images/ourteam/we_logo.png);
	background-size: 20% auto;
	background-position: right top -75px;
	background-repeat: no-repeat;
	background-origin: content-box;
}

@media screen and (max-width: 768px) {
	#plateformbenefitsarticle .newsletter_box {
		display: none;
	}
}

#plateformbenefitsarticle .newsletter_box {
	position: absolute;
}

#newslettermodalLabel {
	color: var(--font-white);
}

#newslettermodal .newsletter #email {
	max-width: 100%;
}

#newslettermodal .modal-footer {
	display: none;
}

#newslettermodal .modal-body {
	padding-bottom: 0px;
}

#newslettermodal .newsletter p.input_desc {
	max-width: 100%;
	margin-top: 10px;
}

#newslettermodal .newsletter form {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex-wrap: nowrap;
}
#newslettermodal .newsletter form input {
	margin: 20px 0;
	width: 100%;
}
#newslettermodal .newsletter form button {
	margin: 0;
}
#plateformbenefitsarticle .newsletter_box .newsletter {
	position: relative;
	top: -252px;
	left: 27px;
	width: 400px;
	height: 200px;
	box-shadow: 10px 10px 5px #646464;
	padding: 10px;
	background: #cbd9df;
	background-image: url(../images/newsletter.png);
	background-size: auto 100%;
	background-position: 194px 12px;
	background-repeat: no-repeat;
}

#plateformbenefitsarticle .newsletter_box .newsletter form {
	width: 68%;
}

#plateformbenefitsarticle .newsletter_box .newsletter h3 {
	font-size: 1.3rem;
	color: var(--font-blue);
	margin-bottom: 29px;
}

#plateformbenefitsarticle .newsletter_box .newsletter button {
	background-color: #4ccb99;
}

#whoarewearticle .stat_container{
	display: flex;
	margin-top: 40px;
	margin-bottom: 40px;
}

#whoarewearticle .stat_container img{
	width: 40%;
	margin: auto;
	margin-bottom: 20px;
}

#whoarewearticle .stat_container .col-md-6{
	text-align: center;
}

#whoarewearticle span.stat_bottom{
	position: absolute;
	bottom: 5px;
	right: 0;
}

#ourteamtestimonialarticle .container{
	background-color: var(--background-light-green);
    margin-top: 61px;
    margin-bottom: 50px;
    padding: 50px;
    background-image: url(../images/ourteam/we_logo.png);
    background-size: 200px auto;
    background-position: right top -75px;
    background-repeat: no-repeat;
    background-origin: content-box;
}

article.testimonial {
	display: flex;
	justify-content: center;
}
article.testimonial .container {
	background-color: var(--background-light-green);
	padding: 30px;
	margin: 30px 0;
	background-size: auto 80px;
	background-position: right top;
	background-repeat: no-repeat;
	background-origin: content-box;
}
#aldeliatestimonialarticle .container {
	background-image: url(../images/testimonial/aldelia.png);
}
#ficobatestimonialarticle .container {
	background-image: url(../images/testimonial/ficoba.png);
}
#creditagricoletestimonialarticle .container {
	background-image: url(../images/testimonial/creditagricole.png);
}
#anciatestimonialarticle .container {
	background-image: url(../images/testimonial/ancia.png);
}

/******************************************************************************************************
		Test Details Page -> Test Populaire Article
******************************************************************************************************/
#testformpopulairearticle .card:nth-child(1), 
#testformpopulairearticle .card:nth-child(3) {
	width: 210px;
	height: 280px;
	border-radius: 20px;
	overflow: hidden;
	border: solid 1px #000;
	z-index: 1;
}
#testformpopulairearticle .card:nth-child(2) {
	width: 250px;
	height: 310px;
	border-radius: 24px;
	overflow: hidden;
	border: solid 1px #000;
	z-index: 10;
}
#testformpopulairearticle .card:nth-child(1) {
	left: 10px;
}
#testformpopulairearticle .card:nth-child(3) {
	left: -10px;
}
#testformpopulairearticle .popular {
	background-color: #06676a;
	color: #fff;
}
#testformpopulairearticle .new {
	background-color: var(--font-green);
	color: #fff;
}
#testformpopulairearticle .card-header {
	height: 40px;
	overflow: hidden;
	font-size: smaller;
	white-space: nowrap;
}
#testformpopulairearticle .card:nth-child(1) .card-header,
#testformpopulairearticle .card:nth-child(3) .card-header{
	border-radius: 20px 20px 0 0;
}
#testformpopulairearticle .card:nth-child(2) .card-header {
	border-radius: 24px 24px 0 0;
}

#testformpopulairearticle .card:nth-child(1) .card-body img,
#testformpopulairearticle .card:nth-child(3) .card-body img {
	max-width: 50px;
	float: right;
	margin-left: 10px;
	margin-top: -38px;
}
#testformpopulairearticle .card:nth-child(2) .card-body img {
	max-width: 50px;
	float: right;
	margin-left: 10px;
	margin-top: -38px;
}

#testformpopulairearticle .card:nth-child(1) .card-body .card-title,
#testformpopulairearticle .card:nth-child(3) .card-body .card-title {
	font-size: 8pt;
	font-weight: 700;
}
#testformpopulairearticle .card:nth-child(2) .card-body .card-title {
	font-size: 9pt;
	font-weight: 700;
}

#testformpopulairearticle .card:nth-child(1) .card-body .card-text,
#testformpopulairearticle .card:nth-child(3) .card-body .card-text {
	font-size: 7pt;
	font-weight: 400;
	max-height: 150px;
}
#testformpopulairearticle .card:nth-child(2) .card-body .card-text {
	font-size: 8pt;
	font-weight: 500;
	max-height: 173px;
}

#testformpopulairearticle .card:nth-child(1) .card-footer,
#testformpopulairearticle .card:nth-child(3) .card-footer {
	display: flex;
	justify-content: space-between;
	border-radius: 0 0 20px 20px;
	background-color: #fff;
	border: solid 0px #fff;
}
#testformpopulairearticle .card:nth-child(2) .card-footer {
	display: flex;
	justify-content: space-between;
	border-radius: 0 0 24px 24px;
	background-color: #fff;
	border: solid 0px #fff;
}

#testformpopulairearticle .card:nth-child(1) .card-footer button,
#testformpopulairearticle .card:nth-child(3) .card-footer button {
	font-size: xx-small;
	height: fit-content;
	margin: 0px;
}
#testformpopulairearticle .card:nth-child(2) .card-footer button {
	font-size: xx-small;
	height: fit-content;
	margin: 0px;
}

#testformpopulairearticle .card:nth-child(1) .card-footer a,
#testformpopulairearticle .card:nth-child(3) .card-footer a {
	display: inline-block;
	margin-top: 10px;
	margin-left: auto;
	text-align: right;
	font-size: 6pt;
	margin: 0px;
}
#testformpopulairearticle .card:nth-child(2) .card-footer a {
	display: inline-block;
	margin-top: 10px;
	margin-left: auto;
	text-align: right;
	font-size: 6pt;
	margin: 0px;
}

#testformsmodal .modal-body p {
	max-height: 200px;
	overflow-y: auto;
	margin-top: 10px;
}

#testformpopulairearticle .card-footer a {
	white-space: nowrap;
	padding: 4px 8px 4px 8px;
}

@media (max-width: 1092px) {
	#testformpopulairearticle .right_column,
	#testformpopulairearticle .left_column {
		width: 100%;
	}
}

@media screen and (max-width: 740px) {
	#testformpopulairearticle .card {
		width: 100% !important;
		left: unset !important;
		height: fit-content !important;
		
	}
	#testformpopulairearticle .card:nth-child(1),
	#testformpopulairearticle .card:nth-child(2) {
		margin-bottom: -10px !important;
	}
	#testformpopulairearticle .card:nth-child(1) .card-footer {
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 740px) {
	#testformpopulairearticle .right_column .backtocatalog {
		width: 100%;
	}
}
	

#testcatalogrecommendationarticle h4,
#testcatalogrecommendationarticle textarea {
	margin-bottom:30px;
}

#testcatalogrecommendationarticle .button_container{
	text-align: center;
}

.bg_color_green, .bg_color_green:hover, .bg_color_green:active, .bg_color_green:focus, .bg_color_green:visited {
	background-color: var(--font-green);
	border-color: var(--font-green);
	color: white;
}

.youtube-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.youtube-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.video-container {
	position: relative;
	width: 100%;
	max-width: 720px;
	margin: 12px auto -12px auto;
}
.video-container video {
	width: 100%;
	height: auto;
	display: block;
}
#videoarticle .container h2 {
	margin: inherit;
}

#innovationarticle .container img {
	width: auto;
	height: auto;
}

#formrecommend img {
	width: 200px;
	margin-top: -50px;
	height: 180px;
}
@media screen and (max-width: 768px) {
	#formrecommend img {
		margin-top: unset !important;
		margin-bottom: 10px;
	}
}
#recommendtest row, #recommendtest .col {
	margin: 0px !important;
	padding: 0px !important;
}

#recommendtest .card {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

#recommendtest .card-header {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-ms-border-top-left-radius: 15px;
	-ms-border-top-right-radius: 15px;
	-o-border-top-left-radius: 15px;
	-o-border-top-right-radius: 15px;
}

#foreignlanguagearticle .screenshot_left,
#foreignlanguagearticle .screenshot_right,
#foreignlanguagearticle .screenshot_center {
	transition: transform 0.3s ease-in-out;
}

#foreignlanguagearticle .screenshot_center {
	z-index: 40;
	width: 60%;
}
#foreignlanguagearticle .screenshot_left,
#foreignlanguagearticle .screenshot_right {
	z-index: 20;
}
#foreignlanguagearticle .screenshot_right {
	margin-right: -80%;
}
#foreignlanguagearticle .screenshot_left {
	margin-left: -80%;
}

#trytheplatformpage #calendararticle .container, #objectiveskillsassessmentpage #calendararticle .container {
	padding: 0;
}

@media (max-width: 1024px) {
	#trytheplatformpage iframe#booking_page, #objectiveskillsassessmentpage iframe#booking_page {
		min-height: 1830px;
		max-width: 420px;
		max-height: 2364px;
	}
	#booking_page_container {
		overflow: hidden;
		height: 2367px;
	}

}

@media screen and (min-width: 1025px) {
	#trytheplatformpage iframe#booking_page, #objectiveskillsassessmentpage iframe#booking_page, #languagetestspage iframe#booking_page, #edulanguagetestspage iframe#booking_page {
		min-height: 1870px;
		max-width: 1025px
	}
}

#testcatalogpage .carousel-item.active .ratio,
#testdetailspage .carousel-item.active .ratio {
	background-color: transparent !important;
}
#testcatalogpage .lightbox.show .modal-content .modal-body svg,
#testdetailspage .lightbox.show .modal-content .modal-body svg {
	fill: white;
	width: 18px;
	height: 18px;
	right: -35px;
	top: -35px !important;
}

#testcatalogpage .heading_string p span {
	color: var(--font-green);
	font-weight: bold;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

#codingchallengespage .page_heading_container h1 {
	margin-left: 10px;
}


#languageteststitlearticle h4{
	color: black;
	font-family: 'Roobert Bold';
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 40px;
	display: inline-block;
}

#languageteststitlearticle span{
	color: #00CC99;
}

#languageteststitlearticle .logo {
	max-width: 220px;
	margin-bottom: 25px;
	display: block;
  	margin-left: -70px;
  }

#languageteststitlearticle .text-row{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #fff;
	padding: 20px 20px 10px 40px;
}

#languageteststitlearticle .header
{
	width: 88%;
	margin: auto;
	text-align: center;
}

#languageteststitlearticle .btn_container button
{
	margin-bottom: 0;
	background-color: #fff;
	color: #393fd1;
	border: #00CC99 solid 2px;
	border-radius: 15px 15px 0 0;
	font-family: Epilogue;
   	font-size: 31px;
}

#languageteststitlearticle .btn_container button.selected
{
	background-color: #00CC99;
	color: #fff;
}
  
#languageteststitlearticle .btn_container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
}

#languageteststitlearticle .text-container .tit, #languagetestsbannerarticle .tit {
    font-family: 'Roobert bold';
    font-size: 23px;
}

#languageteststitlearticle .text-container p:not(.tit), #languagetestsbannerarticle p:not(.tit){
	margin-left: 5%;
	font-family: 'Epilogue';
	font-size: 21px;
}
#languagetestsbannerarticle p:not(.tit){
	margin-left: 0;
}

#languagetestspage .footer, #edulanguagetestspage .footer{
	min-height: 100px;
	background-color: #08696b;
	color: #fff;
	display: flex;                 
    justify-content: center;       
    align-items: center;         
    text-align: center;  
	font-weight: bold;
}

#languagetestsvideoarticle .container{
	text-align: center;
}

#languagetestsbannerarticle div.two_columns, #brandspresentationarticle div.two_columns{
	display: flex;
	justify-content: space-around;
	margin-bottom: 2rem;
}

#brandspresentationarticle div.two_columns{
	gap: 8em;
}
@media screen and (max-width: 992px) {
	#languageteststitlearticle .logo {
		margin-left: 0;
	}

	#languageteststitlearticle .btn_container button
	{
		font-size: inherit;
	}
	#languagetestsbannerarticle div.two_columns, #brandspresentationarticle div.two_columns{
		flex-direction: column;
	}
	#brandspresentationarticle div.two_columns{
		gap: 0;
	}
}
#whyassessarticle #whyassess h3 {
	color: var(--font-dark);
}

#whyassessarticle #whyassess #recommendtest-container{
	width: 48vw;
	float: left;
	max-width: 560px;
}
#whyassessarticle #whyassess #recommendtest-container .card-title {
	font-size: medium;
	margin: 0;
}
#whyassessarticle {
	background-image: url(../images/home/candidates-taking-test.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

#brandspresentationarticle img.logo_its{
	width: 14em;
}

#brandspresentationarticle img.logo_tosa{
	width: 12em;
}
#brandspresentationarticle img.logo_tosa{
	margin-bottom: 0.8em;
  	margin-top: 1rem;
}
#brandspresentationarticle div.container > div
{
	flex: 1;
}

.form-check-input {
	padding-left: 14px;
}

#objectiveskillsassessmentpage #startdemopackarticle #left-header {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	min-height: 480px;
	justify-content: space-between;
	margin-top: 33px;
}

#objectiveskillsassessmentpage #startdemopackarticle #right-header {
	background-color: #ffffff;
	padding: 20px 20px 10px 20px;
	margin-top: -25px;
	scale: 0.8;
}

#objectiveskillsassessmentpage #startdemopackarticle .text-container {
	max-width: 730px;
	width: 100%;
	line-height: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	padding: 10px;
	background-image: url("../images/trytheplatform/image_blue_arrow.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

#objectiveskillsassessmentpage .demo-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

#objectiveskillsassessmentpage .logo-container {
	max-height: 90px;
	margin: 0 0 0 -3px;
}
#objectiveskillsassessmentpage .capterra-logo-container {
	max-height: 90px;
	text-align: end;
	padding-right: 44px;
}
#objectiveskillsassessmentpage .capterra-logo {
	max-width: 170px;
	margin-top: 33px;
}

#objectiveskillsassessmentpage #startdemopackarticle .logo{
	max-width: 220px;
}

#objectiveskillsassessmentpage .title-container h2 {
	font-size: 18pt;
	line-height: 40px;
}

#objectiveskillsassessmentpage .title-container h3 {
	font-size: 14pt;
}

#objectiveskillsassessmentpage .text-container .demo-content-text {
	margin-bottom: 20px;
}
#objectiveskillsassessmentpage .text-container .demo-content-text:first-of-type {
	margin-top: 10px;
}
#objectiveskillsassessmentpage .text-container .demo-content-text:last-of-type {
	margin-bottom: 10px;
}

#objectiveskillsassessmentpage #startdemopackarticle .form-container h3 {
	font-size: larger;
	line-height: 34px;
	scale: 1.1;
	margin-left: 15px;
}

#objectiveskillsassessmentpage #startdemopackarticle h4 {
	font-weight: bold;
}

#objectiveskillsassessmentpage #startdemopackarticle .btn_container {
	display: flex;
	width: 100%;
	justify-content: center;
	padding-top: 40px;
}

@media (max-width: 767px) {
	#objectiveskillsassessmentpage #startdemopackarticle #right-header {
		scale: 1;
		margin-top: 33px;
	}
	#objectiveskillsassessmentpage .capterra-logo-container {
		max-height: 90px;
		text-align: end;
		padding-right: inherit;
	}
	#objectiveskillsassessmentpage #startdemopackarticle .form-container h3 {
		scale: inherit;
		margin-left: inherit;
	}
	#startdemopackarticle .container {
		padding: 30px 15px;
	}
}
@media (max-width: 1054px) {
	#objectiveskillsassessmentpage #startdemopackarticle .text-container {
		background:
			linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
			url("../images/trytheplatform/image_blue_arrow.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
	}
}
#objectiveskillsassessmentrhpage #right-header {
	flex-direction: column;
	justify-content: center;
}
#objectiveskillsassessmentrhpage h1 {
	margin-top: 40px;
}
#objectiveskillsassessmentrhpage .form-container {
	height: 315px;
	display: flex;
	align-items: center;
}
#objectiveskillsassessmentrhpage .form-container form {
	height: 241px;
	width: 100%;
}
#objectiveskillsassessmentrhpage .btn.btn-primary {
	max-width: 300px;
	border-radius: 53px;
	min-height: 50px;
}

#objectiveskillsassessmentrhpage .btn.btn-primary.light {
	background-color: #ffffff;
	color: var(--font-blue);
	border: 2px solid var(--font-blue);
}

#objectiveskillsassessmentrhpage #startdemopackrharticle #right-header {
	padding: 0;
}

#objectiveskillsassessmentrhpage #startdemopackrharticle ul {
	padding-left: 0;
	list-style: none;
	line-height: 28px;
	margin-bottom: 30px;
}
#objectiveskillsassessmentrhpage h1 {
	color: var(--font-green);
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: inherit;
}

#objectiveskillsassessmentrhpage .demo-container {
	margin-top: 60px;
	justify-content: space-between;
}

#objectiveskillsassessmentrhpage #howtouserharticle i, #objectiveskillsassessmentrhpage #startdemopackrharticle i {
	font-size: 16px;
	color: var(--font-green);
	margin: 0 10px 0 0;
}

#objectiveskillsassessmentrhpage #howtouserharticle .validate-icon {
	width: 60px;
	height: 60px;
}

#objectiveskillsassessmentrhpage #howtouserharticle h4.text-black {
	margin-top: 26px;
	margin-bottom: 46px;
	text-align: right;
}

#objectiveskillsassessmentrhpage #howtouserharticle .subtitle {
	margin-bottom: 90px;
}

#objectiveskillsassessmentrhpage .logo-container {
	max-height: 90px;
	margin: 0 0 0 -3px;
}

#objectiveskillsassessmentrhpage .capterra-logo-container {
	max-height: 90px;
	text-align: end;
	padding-right: 44px;
}

#objectiveskillsassessmentrhpage .capterra-logo {
	max-width: 170px;
	margin-top: 33px;
}

#objectiveskillsassessmentrhpage #startdemopackrharticle .logo {
	max-width: 220px;
}

#objectiveskillsassessmentrhpage .title-container h2 {
	font-size: 18pt;
	line-height: 40px;
}

#objectiveskillsassessmentrhpage .title-container h3 {
	font-size: 14pt;
}

#objectiveskillsassessmentrhpage #startdemopackrharticle .form-container h3 {
	font-size: larger;
	line-height: 34px;
	scale: 1.1;
	margin-left: 15px;
}
#objectiveskillsassessmentrhpage a.btn.btn-primary {
	display: flex;
	align-items: center;
	justify-content: center;
}

#objectiveskillsassessmentrhpage .modal-header .modal-title {
	margin: 0;
}

#objectiveskillsassessmentrhpage #startdemopackrharticle h4 {
	font-weight: bold;
}

#objectiveskillsassessmentrhpage #startdemopackrharticle .btn_container {
	display: flex;
	width: 100%;
	justify-content: center;
	padding-top: 40px;
}

@media (max-width: 767px) {
	#objectiveskillsassessmentrhpage #startdemopackrharticle #right-header {
		scale: 1;
		margin-top: 33px;
	}

	#objectiveskillsassessmentrhpage .capterra-logo-container {
		max-height: 90px;
		text-align: end;
		padding-right: inherit;
	}

	#objectiveskillsassessmentrhpage #startdemopackrharticle .form-container h3 {
		scale: inherit;
		margin-left: inherit;
	}

	#startdemopackrharticle .container {
		padding: 30px 15px;
	}
}


#objectiveskillsassessmentrhpage .logo-container {
	max-height: 90px;
	text-align: center;
}

#objectiveskillsassessmentrhpage #howtouserharticle i {
	font-size: xxx-large;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

.text-justify {
	text-align: justify;
}

#objectiveskillsassessmentrhpage label {
	font-weight: normal;
}
#whyassess .header-container {
	width: 55%;
	margin-left: 8%;
}
#whyassess .logo-advices {
	height: 66px;
	width: auto;
	max-width: 200px;
}
#whyassess h1 {
	max-width: 810px;
	margin: 50px 0 50px 0;
	font-size: xx-large;
}
#whyassess .btn-header-try {
	margin: 20px 10px;
	width: 370px;
}
#whyassess .btn-advice-container {
	margin: 30px 0 30px 0;
}

footer .advice-img {
	max-width: 175px;
	height: 50px;
	margin-top: 20px;
}

footer .adress_2, footer .adress {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
#whyassess #recommendtest-container {
	width: 75%;
}

#subheaderarticle #whyassess p {
	text-align: justify;
}

#subheaderarticle #whyassess p span {
	text-align: justify;
	font-weight: bold;
}

#subheaderarticle #whyassess p span {
	color: var(--font-blue);
}

@media (max-width: 960px) {
	#whyassess .header-container {
		width: 100%;
		margin-left: inherit;
	}
}

footer .social_links {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}