/* BASE */

.w1440 {
	position: relative;
	max-width: 1300px;
	margin: auto;
}

.w1440--np {
	max-width: 1440px;
	padding-right: 40px;
	padding-left: 40px;
	box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
	.w1440--np {
		padding-right: 10px;
		padding-left: 10px;
	}

	.container,
	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}
}


/* NAVBAR */

.top-navbar {
	position: fixed;
	top: 29px;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 30px;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	z-index: 9999;
	background-color: none;
}

@media screen and (max-width: 1439px) {
	.top-navbar {
		max-width: 1440px;
		padding-right: 40px;
		padding-left: 40px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 1439px) and (max-width: 600px) {
	.top-navbar {
		padding-right: 10px;
		padding-left: 10px;
		top: 30px;
	}
}

.top-navbar__inner {
	max-width: 1360px;
	padding-right: 98px;
	padding-left: 98px;
	box-sizing: border-box;
	height: 80px;
	display: flex;
	justify-content: space-between;
	margin: auto;
	z-index: 100;
	background-color: white;
	border-radius: 30px;
	transition: all 0.3s;
	align-items: center;
}

.top-navbar__inner__chevron {
	margin-left: 5px;
}

@media screen and (max-width: 1442px) {
	.top-navbar__inner {
		padding-right: 45px;
		padding-left: 45px;
	}
}

@media screen and (max-width: 1024px) {
	.top-navbar__inner {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (max-width: 400px) {
	.top-navbar__inner {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.top-navbar__inner__logo-container a {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.top-navbar__inner__logo {
	position: relative;
	transition: all 0.3s;
	width: 140px;
	margin-top: 3px;
	margin-right: 11px;
}

.top-navbar__inner__logo-blog {
	margin-bottom: -3px;
}

.top-navbar__inner__logo--scrolled {
	width: 114px;
	transition: all 0.3s;
}

@media screen and (max-width: 900px) {
	.top-navbar__inner__logo {
		transform: scale(0.7);
		margin-left: -25px;
	}

	.top-navbar__inner__logo-blog {
		margin-left: -25px;
		margin-bottom: 3px;
	}
}

@media screen and (max-width: 400px) {
	.top-navbar__inner__logo {
		width: 120px;
	}
}

.top-navbar__inner__nav-link-container {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 930px) {
	.top-navbar__inner__nav-link-container {
		display: none;
	}
}

.top-navbar__inner__nav-link-container ul {
	display: flex;
	list-style: none;
}

.top-navbar__inner__nav-link-container ul li:not(:last-child) {
	margin-right: 30px;
}

.top-navbar__inner__nav-link-container ul li,
.top-navbar__inner__nav-link-container ul li a {
	font-family: "Space Grotesk 500";
	font-weight: 500;
	font-size: 16px;
	color: #1e1a16;
	line-height: 100%;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.top-navbar__inner__right-container {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 930px) {
	.top-navbar__inner__right-container {
		display: none;
	}
}

.top-navbar__inner__phone {
	display: flex;
	align-items: center;
	margin-right: 40px;
	cursor: pointer;
}

.top-navbar__inner__phone a {
	text-decoration: none;
}

@media screen and (max-width: 1200px) {
	.top-navbar__inner__phone {
		display: none;
	}
}

.top-navbar__inner__phone-icon {
	margin-right: 16px;
	height: 20px;
	width: 12px;
}

.top-navbar__inner__phone-number {
	font-family: "Space Grotesk 500";
	font-weight: 500;
	font-size: 16px;
	color: #1e1a16;
	line-height: 100%;
	text-decoration: none;
}

.top-navbar__inner__inner__phone a {
	text-decoration: none;
}

.top-navbar__inner__inner__phone a span {
	text-decoration: none;
}

.top-navbar__inner__essai-gratruit {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 60px;
	width: 286px;
	height: 48px;
	cursor: pointer;
	background-color: #39a2f2;
}


.top-navbar__inner__essai-gratruit span {
	font-family: "Space Grotesk 500";
	font-weight: 500;
	font-size: 16px;
	color: white;
	line-height: 100%;
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	.top-navbar__inner__essai-gratruit:hover {
		background-color: #004EAC;
		transition: opacity 0.3s;
	}

	.top-navbar__inner__essai-gratruit:hover span {
		color: white;
	}

	.top-navbar__inner__essai-gratruit:hover.force-border-white {
		border: 1px solid #39a2f2 !important;
	}
}

.top-navbar__inner__essai-gratruit--demarrer {
	background-color: #39a2f2;
}

.top-navbar__inner__essai-gratruit--demarrer span {
	color: white;
}

.top-navbar__inner__essai-gratruit--demarrer:hover {
	border: 1px solid #39a2f2;
	background-color: transparent;
}

.top-navbar__inner__essai-gratruit--demarrer:hover span {
	color: #39a2f2;
}



/* Change background color on scroll */
.top-navbar--scrolled {
	position: fixed;
	top: 30px;
	left: 50%;
	transform: translate(-50%, 0%);
	height: 80px;
	border-radius: 30px;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	z-index: 9999;
	background-color: none;
}

@media screen and (max-width: 1439px) {
	.top-navbar--scrolled {
		max-width: 1440px;
		padding-right: 40px;
		padding-left: 40px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 1439px) and (max-width: 600px) {
	.top-navbar--scrolled {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.top-navbar--scrolled .top-navbar__inner {
	height: 80px;
}

/* Add transition effect */
.top-navbar {
	transition: all 0.3s;
}

.top-navbar--scrolled {
	transition: all 0.3s;
}

.top-navbar--scrolled .top-navbar__inner:not(.arrow) {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
	background-color: #F8F8F7;
}


.fade-in {
	opacity: 1;
	transition: opacity 0.3s;
	z-index: 2;
}

.fade-out {
	opacity: 0;
	transition: opacity 0.3s;
	z-index: -1;
}

.top-navbar__inner__button-container {
	position: relative;
	width: 286px;
	height: 48px;
}

.top-navbar__inner__essai-gratruit {
	position: absolute;
}


@media all and (max-width: 600px) {

	.top-navbar__inner__button-container,
	.top-navbar__inner__essai-gratruit {
		width: 200px;
	}
}

@media all and (max-width: 500px) {

	.top-navbar__inner__button-container,
	.top-navbar__inner__essai-gratruit {
		width: 160px;
	}

	.top-navbar__inner__button-container,
	.top-navbar__inner__essai-gratruit span {
		font-size: 14px;
	}
}

/* FOOTER */

.footer {
	padding-top: 90px;
	padding-bottom: 70px;
}

@media screen and (max-width: 1200px) {
	.footer__content {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 600px) {
	.footer {
		padding-top: 50px;
	}
}

.footer__content {
	width: 100%;
	background-color: #39a2f2;
	border-radius: 34px;
	padding-top: 90px;
}

@media screen and (max-width: 600px) {
	.footer__content {
		padding-top: 80px;
	}
}

.footer__hr {
	height: 1px;
	background-color: #77acff;
	border: none;
	margin: auto;
}

.footer__row {
	padding-left: 100px;
	padding-right: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer__row--block {
	display: block;
}

@media screen and (max-width: 1200px) {
	.footer__row {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 768px) {
	.footer__row {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.footer__col-4 {
	width: 40%;
}

.footer__col-8 {
	width: 60%;
}

.footer__col:not(:last-child) {
	margin-right: 20px;
}

.footer__logo-container {
	max-width: 339px;
}

.footer__logo {
	margin-bottom: 50px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.footer__logo {
		width: 70%;
	}
}

@media screen and (max-width: 600px) {
	.footer__logo {
		margin-bottom: 20px;
	}
}

.footer__social-container {
	display: flex;
	gap: 10px;
	margin-bottom: 124px;
}

@media screen and (max-width: 1200px) {
	.footer__social-container {
		margin-bottom: 60px;
	}
}

.footer__social-icon-container {
	max-width: 72px;
	max-height: 72px;
	cursor: pointer;
	// border: 1px solid #77acff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.footer__social-icon-container:hover {
	background-color: #004eac;
}

.footer__social-icon-container a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer__social-icon {
	cursor: pointer;
	width: 70px;
	margin: 5px;
	position: relative;
	padding: 20px;
	position: relative;
}

@media screen and (max-width: 600px) {
	.footer__social-icon {
		margin: 0px;
	}
}

.footer__links-row {
	display: flex;
	width: 100%;
	justify-content: space-between;
	// border: 1px solid green;
}

.footer__links-col {
	// width: 100%;
	// border: 1px solid red;
	height: 200px;
}

.footer__links-col-title {
	font-family: 'Space Grotesk 400';
	font-weight: 400;
	font-size: 30px;
	line-height: 104%;
	letter-spacing: -0.04em;
	color: #FFFFFF;
	margin-bottom: 30px;
}


.footer__title {
	font-family: 'Space Grotesk 400';
	font-weight: 400;
	font-size: 48px;
	line-height: 104%;
	display: flex;
	align-items: flex-end;
	letter-spacing: -0.04em;
	color: white;
	margin-bottom: 47px;
}

@media screen and (max-width: 1400px) {
	.footer__title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1200px) {
	.footer__col-8 {
		width: 100%;
	}

	.footer__col-4 {
		width: 80%;
	}

	.footer__links-row {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.footer__links-col {
		margin-right: 30px;
	}
}

@media screen and (max-width: 768px) {
	.footer__title {
		max-width: 480px;
	}
}

@media screen and (max-width: 600px) {
	.footer__title {
		margin-bottom: 25px;
	}

	.footer__social-icon {
		width: 50px;
		padding: 10px;
		margin-right: 0;
	}
}

.footer__links-col ul {
	list-style: none;
	padding-left: 0;
}

.footer__links-col ul li {
	margin-bottom: 5px;
}

.footer__links-col ul li a {
	font-family: 'Poppins 400';
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	display: flex;
	align-items: center;
	color: #FFFFFF;
}

.footer__links-col ul li a:hover {
	opacity: 0.7;
}






/* INDEX */

.oblog__introduction {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 90px;
	margin-bottom: 80px;
}

@media screen and (max-width: 600px) {
	.oblog__introduction {
		padding-bottom: 80px;
		margin-bottom: 80px;
	}
}

.oblog__row {
	display: flex;
	align-items: flex-end;
}

.oblog__col {
	width: 50%;
	// border: 1px solid red;
}

.oblog__title {
	font-size: 48px;
	font-family: 'Space Grotesk 400';
	font-style: normal;
	font-weight: 400;
}

@media screen and (max-width: 600px) {
	.oblog__title {
		font-size: 38px;
	}
}

.oblog__intro {
	max-width: 477px;
	float: right;
	font-family: 'Poppins 400';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
}

.link-category-container {
	display: flex;
	margin-bottom: 140px;
}

@media screen and (max-width: 900px) {
	.link-category-container {
		margin-bottom: 80px;
		display: block;
	}
}

.link-category-container__col {
	width: 28.3%;
	// border: 1px solid red;
}

.link-category-container__col.select-all-categories {
	width: 15%;
}

@media screen and (max-width: 1080px) {
	.link-category-container__col {
		width: auto;
		margin-right: 50px;
	}
}

@media screen and (max-width: 600px) {
	.link-category-container__col {
		width: 100%;
	}
}

.link-category-container__col li {
	list-style: none;
}

.link-category-container__col li {
	font-family: 'Poppins 400';
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #25313B;
	margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
	.link-category-container__col li {
		font-size: 14px;
	}
}

.link-category-container__col li .active {
	color: #39A2F2;
	font-family: 'Poppins 600';
	font-weight: 600;
}

/* ARTICLE */

#article-page {
	position: relative;
	background-color: white;
	margin-top: 0;
	// border: 1px dashed black;
}

.infos-article__left-border {
	border-left: 1px solid #D9D9D9;
	padding-left: 14px;
}

.article-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 1360px;
}

#article-page #toc_container {
	left: 0;
	font-size: 12px;
	padding-left: 0;
}

.article-body {
	max-width: 770px;
	margin-right: 100px;
}


.article-body-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.toc_list {
	max-width: 394px;
}

.wp-block-image img,
.wp-block-image.has-custom-border img {
	border-radius: 34px;
	/*max-height: 335px;*/
	object-position: center;
	object-fit: contain;
	margin-top: 10px;
}

blockquote,
figure,
.wp-block-image figure {
	padding-bottom: 15px;
}

figure.wp-block-image{
	text-align: center;
}

.article_additional_reading {
	background: #F8F8F7;
	border-radius: 18px;
	padding: 30px 40px;
	margin-top: 45px !important;
	margin-bottom: 60px !important;
}

.article_additional_reading em {
	font-style: normal;
	margin-top: -3px;
}

.article_additional_reading a {
	font-family: "Poppins 400";
	font-weight: 400;
}

.article-body ul li,
.article-body ol li {
	font-family: "Poppins 400";
	font-weight: 400;
	font-size: 16px !important;
	color: #1E1A16;
	opacity: 0.7;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
	opacity: 1;
}

@media screen and (max-width: 1399px) {
	#article-page {
		padding-right: 40px;
		padding-left: 40px;
	}

	#article-page #toc_container {
		padding-left: 40px;
	}

	.article-body {
		margin-right: 0px;
	}
}

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

	.oblog__row {
		flex-direction: column;
	}

	.oblog__col {
		width: 100%;
	}

	.oblog__title {
		margin-bottom: 60px;
	}

	.oblog__intro {
		max-width: 100%;
	}

	.article-body {
		width: 100%;
		max-width: none;
	}

	.wp-block-image img,
	.wp-block-image.has-custom-border img {
		width: 100%;
	}

	#article-page #toc_container {
		padding-left: 0px;
		padding-bottom: 55px;
	}

	.article-container {
		align-items: inherit;
	}
}

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

	#index-page,
	#article-page {
		padding-right: 30px;
		padding-left: 30px;
	}
}

.show-more-row {
	max-width: 1360px;
	justify-content: space-evenly;
	margin-right: 0;
	margin-left: 0;
}

.article-grid-title {
	margin-bottom: 12px !important;
}

.card-text a,
#article-content .card-item.card-more h2.card-text {
	font-family: 'Space Grotesk 400';
	font-weight: 400;
	font-size: 22px;
	line-height: 110%;
	color: #25313B;
	letter-spacing: -0.03em;
}

.article-grid-title .categories a {
	color: #39A2F2 !important;
	font-family: "Poppins 600" !important;
	font-weight: 600 !important;
}

/* Apply an offset to anchors */
:target {
	scroll-margin-top: 40px;
	/* Adjust the value as per your requirements */
}

#article-content strong{
	font-family: "Poppins 600", sans-serif;
	/*font-size: 16px;*/
}