@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&family=Montserrat:wght@300;400;600&display=swap');

body {font-family: 'Montserrat', 'Almarai', sans-serif; font-weight:normal; font-style: normal; font-size: 16px; color: #000;}
.herocontent {flex: 0 0 50%; text-align: center;}
.heroimg {border-radius: 0 100px 100px 0;}
.herocontent .btn {font-size: 17px;}
.info p img {margin: 0 0 0 10px;}
.spfaq {font-size: 80px;}
.faq .bloc {text-align: initial;}
.steps {grid-template-columns: 1fr 1fr;}
.step img {max-width: 350px; margin: 0 auto;}
.social img {margin: 0 6px 0 0;}
.faq ul {list-style: circle; padding-right: 30px;}
.faq li {margin-bottom: 8px;}
.faq .bloc p {text-align: right !important;}
.faits .bloc span {display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: bold; width:70px; height: 70px; border-radius: 50%; border: 4px solid #fff; color: #fff; opacity: 0.2; margin: 0 auto 20px auto;}
.form {padding: 0 90px 0 0;}

@media only screen and (max-width: 820px) {
	.herocontent {flex: inherit;}
	.heroimg {border-radius: 0;}
	.content, .fait, .download {padding: 60px 10px;}
	.herocontent h1, .faits h1, .candidater .row h1, .faq p.subfaq, .temoignage .row h1 {font-size: 25px;}
	.faits .bloc h2 {font-size: 18px;}
	.steps {grid-template-columns: 1fr;}
}


#emc-widget-container button {font-family: 'Montserrat', 'Almarai', sans-serif; font-size: 16px;}