/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2024 plusproduit.com
     
     plus10 theme 22.12.24
*/



html {
	font-size: 18px;
	background-color: var(--bs-body-bg);
}

body {
	background: transparent;
	color: var(--bs-body-color);
	font-family: var(--bs-body-font-family);
}


/* #region STRUCTURE */

main {
	background-color: var(--bs-body-bg);

}

.page-node-type-people main,
.page-node-type-job-offer main,
.page-node-type-news main {
	padding-top: var(--p-header-height);
}

.region-content {
	padding-bottom: 2rem;
}

.toolbar-fixed main {
	padding-top: calc(var(--p-header-height) + 39px);
}

.toolbar-tray-open.toolbar-horizontal main {
	padding-top: calc(var(--p-header-height) + 79px);
}

/* #endregion */

/* Alerts classic - default colors */
.alert-wrapper,
.messages__wrapper {
	opacity: 0.9;
	background: var(--bs-light);
	color: var(--bs-dark);
	font-size: 14px;
	position: static;
	width: auto;
	max-width: 700px;
	border: 0 none;
	border-radius: 0;
	animation: none;
}

.region-content-fixed>div[data-drupal-messages] {
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	margin: auto;
	max-width: var(--p-mw);
}

.alert-wrapper .messages,
.messages__wrapper .messages {
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	margin: 1rem 0 2rem;
	padding: 1rem;
}

.alert-wrapper .messages--error,
.messages__wrapper .messages--error {
	background-color: #fff1f1;
	color: brown;
	border-top: 3px solid brown;
}

.alert-wrapper .messages--status,
.messages__wrapper .messages--status {
	background-color: #f1fff1;
	color: #088933;
	border-top: 3px solid #088933;
}

.invalid-feedback {
	display: block;
	font-size: 12px;
}

.alert-wrapper .placeholder,
.messages__wrapper .placeholder {
	display: inline;
	background: transparent;
}

/* #endregion */

/* #region HEADER */

/* Navbar */
.site-header {}

.site-header-inner {
	padding: 1rem 0;
}

.scrolled .site-header-inner,
.p-offcanvas-on .site-header-inner {
	background-color: rgba(var(--bs-body-bg-rgb), .8);
}

.site-header-inner>div {
	position: relative;
}

/* Couleurs des boutons dans la navbar */
body:not(.p-offcanvas-on) .site-header .p-btn::before,
body:not(.p-offcanvas-on) .site-header .p-btn::after,
body:not(.p-offcanvas-on) .site-header .p-btn:not(.p-icon-search) span {
	background: var(--bs-secondary);
}

body:not(.p-offcanvas-on) .site-header .p-icon-search span {
	border-color: var(--bs-secondary);
}

/* online */
body:not(.p-offcanvas-on) .site-header .bcp-cta {
	background: var(--bs-secondary);
	border-color: var(--bs-secondary);
	color: var(--bs-white);
}

body:not(.p-offcanvas-on) .site-header .bcp-cta:hover,
body:not(.path-frontpage) .site-header .bcp-cta:hover {
	background: var(--bs-white);
	color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

/* Fixed-top 
.scrolled .fixed-top .site-header-inner {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(var(--bs-body-bg-rgb), 0.95);
}
*/

/* Aligne logo et menu au centre vertical */
.region-header {
	align-items: center;
}

/* annule le 100% par défaut -> bs col-auto */
.region-header .block {
	flex: 0 0 auto;
	width: auto;
}

.region-header .block p {
	margin: 0;
}

/* cache burger sur le desktop */
/* #p-offcanvasbtn {
    display: none;
} */

/* fait de la place pour le burger fixed 1060?  */
@media (max-width: 991.98px) {
	.region-header {
		padding-right: 75px;
	}

	.region-header .block-system-branding-block {
		padding-right: 0;
	}

	/* cache les menus dans le header */
	.region-header nav {
		display: none;
	}

	/* Affiche burger sur mobile */
	#p-offcanvasbtn {
		display: block;
	}
}

/* Pousse les autres éléments dans le header à droite */
.region-header .block-system-branding-block {
	margin-right: auto;
}

.block-system-branding-block .block-inner {
	display: flex;
	align-items: center;
}

/* Logo ----------- */
.site-logo img {
	width: 100%;
	height: auto;
}

.site-logo {
	width: 260px;
}

.scrolled .fixed-top .site-logo {}

/* .site-name {
    font-size: 1.3rem;
    font-weight: var(--p-body-font-strong-weight);
    line-height: 1;
}

.site-slogan {
    font-size: .8rem;
} */

.p-invert-color .fixed-top .site-name a,
.p-invert-color .fixed-top .site-slogan {
	color: var(--bs-light);
}

/* le délai permet le calcul du padtop */

.p-loaded .site-header {
	transition: top .4s ease-in-out .2s;
}

.p-loaded .site-header-inner {
	transition: .4s ease-out .6s;
}

.p-loaded .site-logo {
	transition: width .4s ease-out .6s;
}

@media (max-width: 991.98px) {

	.site-header-inner,
	.scrolled .fixed-top .site-header-inner {
		padding: 10px 0;
	}

	.site-logo,
	.scrolled .fixed-top .site-logo {
		width: 144px;

	}

	.site-name {
		font-size: 1rem;
	}

	.site-slogan {
		font-size: .7rem;
	}
}

/* #endregion */


/* #region DROPDOWN multilevel nav */

.menu-item--expanded {
	position: relative;
}

.site-header ul.nav>.menu-item--expanded,
.site-header ul.nav .menu-item--expanded>ul {
	border-left: 2px solid transparent;
}

.site-header ul.nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 12rem;
	font-size: .8rem;
}

/* moins la largeur du border */
.site-header ul.nav>li>ul,
.site-header ul.nav>li>ul>li>ul {
	display: none;
	position: absolute;
	left: -2px;
}

.site-header ul.nav .menu-item--expanded:hover,
.site-header ul.nav .menu-item--expanded:hover>ul {
	display: block;
	background-color: rgba(var(--bs-body-bg-rgb), .95);
	border-color: var(--bs-primary);
}

/* troisième niveau */

.site-header ul.nav>li>ul>li>ul {
	display: none;
	left: 40px;
}

/* #endregion */


/* #region LANGUAGE */
.block-language {
	margin-top: 0rem;
}

.block-language .links a {
	text-transform: uppercase;
	opacity: .5;
	padding: 0 .5rem;
	line-height: 1;
	border-right: 1px solid rgba(var(--bs-body-color-rgb), .5);
}

.block-language .links a.is-active {
	opacity: 1;
}

.block-language .links li:last-child a {
	border: 0;
}

/* #endregion */

/* #region search */
#searchTrigger {
	margin-top: .75rem;
}

/* Prend le dessus sur container-inline */
#block-plus10-searchform div {
	display: block;
}

#block-plus10-searchform form {
	display: flex;
	align-items: center;
	margin-top: var(--p-header-height);
}

#block-plus10-searchform form .form-type-search {
	margin: 0 2rem 0 0 !important;
	padding: 0;
	width: 60%;
}

#block-plus10-searchform input[type="search"] {
	padding: 1rem;
	border: 1px solid var(--bs-primary);
}

#block-plus10-searchform .form-control:focus {
	box-shadow: none;
	outline: none;
}

#block-plus10-searchform input[type="search"]:focus {
	border: 0;
	border: 1px solid var(--bs-secondary);
}

/* #endregion */

/* #region TRAKK */
#trakk-widget {
	pointer-events: none;
}

#trakk-widget .trakk-widget,
.trakk-widget,
#trakk-widget .trakk-widget.opened,
.trakk-widget.opened {
	background-color: #4CC8CA;
	border-radius: 0;
	pointer-events: auto;
}

#trakk-widget .trakk-widget.opened,
.trakk-widget.opened {
	background: var(--bs-primary) !important;
}

/* #endregion */

/* #region FOOTER */
.site-footer * {
	font-size: var(--p-text-small);
}

.site-footer_top {
	padding: 6vh 0 6vh;
}

.path-frontpage .site-footer_top {
	padding-top: 0;
}

.site-footer_top .row-wrapper {
	border-top: 1px solid rgba(var(--bs-primary-rgb), .2);
	padding-top: 3rem;
}

.site-footer_bottom {
	padding: 2vh 0;
	background-color: var(--bs-light);
}

.site-footer_bottom .block-inner {
	opacity: .7;
}

.footer-branding .block-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-branding .site-logo {
	margin-bottom: .75rem;
}

.footer-branding .site-name {
	text-transform: uppercase;
	font-weight: var(--p-body-font-strong-weight);
	margin-bottom: .5rem;
}

.footer-branding .site-slogan {
	max-width: 20rem;
}

.region-footer .block-inner>h2 {
	font-size: var(--p-text-small);
	margin-bottom: 1rem;
	padding: 0;
	line-height: 1.4;
}

.region-footer ul.menu {
	padding-left: 0;
	margin: 0;
}

.region-footer .nav-link {
	padding: .25rem 0;
}

.site-footer .block-language * {
	font-size: 1rem;
}

.site-footer .block-language .links {
	align-items: ;
	justify-content: flex-end;
}

.site-footer .sn-link-wrapper {
	width: 4rem;
	/* Même largeur que le langugae switcher en deux langues */
	float: right;
	margin-top: .33rem;
}

/* #endregion */


/* #region TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6,
.font2 {
	font-family: var(--p-alt-font-family);
	font-weight: var(--p-alt-font-weight);
	margin-bottom: 1rem;
}

h1 {
	/*103/90*/
	font-size: 5.75rem;
	line-height: 6.2rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

h2 {
	/*70/77*/
	font-size: 3.9rem;
	line-height: 4.25rem;
	margin-bottom: 2rem;
	font-weight: 500;
	text-transform: uppercase;
}

h3 {
	/*30/39*/
	font-size: 1.667rem;
	line-height: 2.1667rem;
	font-weight: 600;
}

h4 {
	/*35/34*/
	font-size: 1rem;
	line-height: 2rem;
	font-weight: 600;
}

b,
strong {
	font-weight: var(--p-body-font-strong-weight);
}

.uppercase {
	text-transform: uppercase;
}

hr {
	opacity: 1;
	border-top: 2px solid var(--bs-primary);
}

p.lead {
	font-size: 1.111rem;
}

.title-small {
	font-size: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.title-medium {
	font-size: 3rem;
	line-height: 1.2;
	text-transform: uppercase;
}

h3.h3-large {
	color: var(--bs-secondary);
	text-transform: uppercase;
}

h1.title-medium {
	text-transform: none;
}

.field__label,
.field-label-above,
.field-label-inline,
figcaption {
	/*font-size: .8rem;
    font-weight: var(--p-body-font-strong-weight);*/
}

.field-label-inline {
	float: left;
	margin: 0 1rem 1rem 0;
}

.text-formatted {
	max-width: 45rem;
}

.text-formatted.text-center,
.text-center .text-formatted {
	margin-left: auto;
	margin-right: auto;
}

.text-formatted p {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* listes contenu */
.text-formatted ul,
.text-formatted ol {
	margin: 1.5rem;
}

/* citation */
blockquote {
	font-size: 1.5rem;
	padding: 1.5rem 0 .5rem 1.5rem;
	border-left: 5px solid var(--bs-primary);
}

/* FROM CONTROLS */
.webform-submission-form {
	padding-top: 2rem;
}

input:not(.form-submit),
textarea {
	border: 0;
	border: var(--p-form-border);
	padding: .5rem;
}

.form-check .form-check-input {
	margin-left: 0;
	margin-right: 1rem;
	border: 1px solid var(--bs-primary);
}

.form-select,
.form-managed-file {
	border: var(--p-form-border);
	border-radius: 0;
}

.form-check a {
	text-decoration: underline;
}

textarea {
	width: 100%;
	max-width: 100%;
}

input.form-file {
	border: 0;
	max-width: 500px;
}

.form-item-applying-for {
	display: none;
}

input::placeholder,
textarea::placeholder,
.webform-element-description {
	color: #AAA !important;
}

input:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
	outline: none !important;
	border-color: var(--bs-secondary) !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
}

.form-type-select label {
	margin-bottom: .5rem;
	font-size: .9rem;
}

small {
	font-size: .8rem;
}

.career-webform .block-inner {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

/* #endregion */


/* #region COLORS + LINKS + SOCIAL */

/* #region COLORS */
.color1 {
	color: var(--bs-body-color);
}

.color-primary {
	color: var(--bs-primary);
}

.color-secondary {
	color: var(--bs-secondary);
}

.color-primary {
	color: var(--bs-primary);
}

.color-secondary {
	color: var(--bs-secondary);
}

.color-orange {
	color: var(--bs-orange);
}

.bg1 {
	background-color: var(--bs-body-color);
}

.bg-white {
	background: var(--bs-white);
	position: relative;
	z-index: 1;
}

.bg-orange {
	background: var(--bs-orange);
	position: relative;
	z-index: 1;
}

.bg-light-grey {
	background: var(--bs-light);
	padding-top: var(--p-parapad);
	padding-bottom: var(--p-parapad);
	position: relative;
	z-index: 1;
}

.bg-arrow {
	background-image: url('img/bcp_arrow.svg');
	background-position: 0 5rem;
	background-size: 25%;
	background-repeat: no-repeat;
	min-height: calc(100vw / 3);
}

@media (min-width:var(--p-mw)) {
	.bg-arrow {
		background-position: left 5rem;
		background-size: 350px;
		min-height: none;
	}
}

.bg-stroke-logo {
	background: transparent url('img/stroke-logo.svg') no-repeat 75% center;
	pointer-events: none;
}

.bg-neg,
.text-bg-primary,
.text-bg-dark {
	color: var(--bs-body-bg) !important;
}

.text-bg-primary {
	background-color: var(--bs-primary) !important;
}

.text-bg-secondary {
	background-color: var(--bs-secondary) !important;
	color: var(--bs-body-color) !important;
}

.text-bg-dark {
	background-color: var(--bs-dark) !important;
}

/* #endregion */

/* #region LINKS a + nav-link */

a {
	color: var(--bs-primary);
	text-decoration: none;
	transition: color .25s ease-in-out 0s;
}

a:hover,
a:focus,
a.is-active {
	color: var(--bs-orange);
	text-decoration: none;
}

.text-formatted a {
	text-decoration: underline;
}

.text-formatted a:hover,
.text-formatted a:focus {
	text-decoration: underline;
}

.site-footer .text-formatted a {
	text-decoration: none;
}

/* nav ---- */
.nav-link,
.links a {
	color: var(--bs-body-color);
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.nav-link.is-active,
.links a:hover,
.links a:focus,
.links a.is-active {
	color: var(--bs-primary);
}

/* bg-neg links ------------- */

.bg-neg a,
.text-bg-primary a {
	color: var(--bs-white);
}

.bg-neg a:hover,
.bg-neg a:focus,
.bg-neg a.is-active,
.text-bg-primary a:hover,
.text-bg-primary a:focus,
.text-bg-primary a.is-active,
.text-bg-dark a:hover,
.text-bg-dark a:focus,
.text-bg-dark a.is-active {
	color: var(--bs-light);
}


/* pagination */

.pagination {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.page-link,
.page-link:hover {
	color: var(--bs-primary);
}

.active>.page-link,
.page-link.active {
	color: var(--bs-body-bg);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.bg-neg .page-link,
.text-bg-primary .page-link {
	color: var(--bs-light);
	background-color: var(--bs-primary);
	border-color: var(--bs-body-bg);
}

.bg-neg .page-link:hover,
.text-bg-primary .page-link:hover {
	color: var(--bs-body-bg);
	background-color: rgba(255, 255, 255, 0.2);
}

.bg-neg .active>.page-link,
.bg-neg .page-link.active,
.text-bg-primary .active>.page-link,
.text-bg-primary .page-link.active {
	color: var(--bs-primary);
	background-color: var(--bs-body-bg);
	border-color: var(--bs-body-bg);
}

/* js pager */

.js-pager__items {
	list-style-type: none;
	margin: 2rem 0;
	padding: 0;
	display: flex;
	justify-content: center;
}


/* nav ---- */
.bg-neg .nav-link,
.bg-neg .links a,
.text-bg-primary .nav-link,
.text-bg-primary .links a {
	color: var(--bs-light);
}

.bg-neg .nav-link:hover,
.bg-neg .nav-link:focus,
.bg-neg .nav-link.active,
.bg-neg .nav-link.is-active,
.bg-neg .links a:hover,
.bg-neg .links a:focus,
.bg-neg .links a.is-active,
.text-bg-primary .nav-link:hover,
.text-bg-primary .nav-link:focus,
.text-bg-primary .nav-link.active,
.text-bg-primary .nav-link.is-active,
.text-bg-primary .links a:hover,
.text-bg-primary .links a:focus,
.text-bg-primary .links a.is-active {
	color: var(--bs-white);
}

/* #endregion */


/* #region BTN + CTA */

.btn,
.bcp-cta,
.cta a,
.more-link a,
.node-readmore a,
.button,
#sliding-popup button {
	display: inline-block;
	width: auto;
	text-align: center;
	line-height: 1.5;
	padding: .8rem 3rem;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: .;
	border: 2px solid var(--bs-secondary);
	color: var(--bs-secondary);
	/*background-color: var(--bs-primary);*/
	background: none;
	letter-spacing: 0;
	transition: .6s;
	white-space: nowrap;
	text-decoration: none !important;
}

.btn:hover,
.btn:first-child:active,
.cta a:hover,
.bcp-cta:hover,
.more-link a:hover,
.node-readmore a:hover,
.button:hover,
#sliding-popup button:hover {
	color: var(--bs-primary);
	text-decoration: none;
	background-color: var(--bs-body-bg);
	border-color: var(--bs-primary);
}

/* bg-neg cta */
.bg-neg .btn,
.bg-neg .cta a,
.bg-neg .bcp-cta,
.bg-neg .more-link a,
.bg-neg .node-readmore a,
.bg-neg .button,
.text-bg-primary .btn,
.text-bg-primary .cta a,
.text-bg-primary .more-link a,
.text-bg-primary .node-readmore a,
.text-bg-primary .button {
	border-color: var(--bs-light);
	/*background-color: var(--bs-light);*/
	color: var(--bs-white);
}

.cta-fill,
#search-block-form #edit-submit {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: var(--bs-white);
}

.bg-neg .btn:hover,
.bg-neg .btn:first-child:active,
.bg-neg .cta a:hover,
.bg-neg .bcp-cta:hover,
.bg-neg .more-link a:hover,
.bg-neg .node-readmore a:hover,
.bg-neg .button:hover,
.text-bg-primary .btn:hover,
.text-bg-primary .btn:first-child:active,
.text-bg-primary .cta a:hover,
.text-bg-primary .more-link a:hover,
.text-bg-primary .node-readmore a:hover,
.text-bg-primary .button:hover {
	color: var(--bs-orange);
	background-color: var(--bs-white);
	border-color: var(--bs-white);
}

.cta-fill:hover,
#search-block-form #edit-submit:hover {
	color: var(--bs-white);
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

/* Button outline à ajouter ============================================= */

/* #endregion */


/* #region SOCIAL */

.social-link a,
a.linkedin-only,
.linkedin-only a {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 3px;
	margin-top: 5px;
	overflow: hidden;
	background: url('img/sn-ext.svg') no-repeat center center;
	background-size: contain;
	color: var(--bs-light);
	text-indent: -1300px;
	font-size: 10px;
}

.social-link a[href^="https://www.linkedin.com/"],
a.linkedin-only,
.linkedin-only a {
	background-image: url('img/linkedin.svg');
}

.bg-neg .social-link a[href^="https://www.linkedin.com/"] {
	background-image: url('img/sn-in-neg.svg');
}

.social-link a[href^="https://www.facebook.com/"] {
	background-image: url('img/sn-fb.svg');
}

.bg-neg .social-link a[href^="https://www.facebook.com/"] {
	background-image: url('img/sn-fb-neg.svg');
}

.social-link a[href^="https://www.instagram.com/"] {
	background-image: url('img/sn-insta.svg');
}

.bg-neg .social-link a[href^="https://www.instagram.com/"] {
	background-image: url('img/sn-insta-neg.svg');
}

.social-link a[href^="https://twitter.com/"] {
	background-image: url('img/sn-tw.svg');
}

.bg-neg .social-link a[href^="https://twitter.com/"] {
	background-image: url('img/sn-tw-neg.svg');
}

.social-link a[href^="https://www.youtube.com/"] {
	background-image: url('img/sn-yt.svg');
}

.bg-neg .social-link a[href^="https://www.youtube.com/"] {
	background-image: url('img/sn-yt-neg.svg');
}

.social-link a:hover {
	opacity: .8;
}

.linkedin-before {
	display: inline-flex;
	overflow: visible;
	align-items: center;
}

.linkedin-before::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .75em;
	background: transparent url('img/linkedin.svg') no-repeat left top;
	background-size: 1em;
}

/* #endregion */

/* #region FILES OVERRIDE */
.bcp-publications-list .file {
	background: transparent url('img/download.svg') no-repeat right center !important;
	display: block;
	padding: 0;
	font-weight: 300;
	border-top-color: var(--bs-light);
	border-bottom: 1px solid var(--bs-secondary);
	text-transform: uppercase;
	font-size: 1.5rem;
}

.bcp-publications-list .file:first-child {
	border-top: 1px solid var(--bs-secondary);

}

.bcp-publications-list .file a {
	display: block;
	padding: 2rem 0;
	margin-right: ;
}

.bcp-publications-list .file a:hover {
	color: var(--bs-secondary);
}

/* #endregion */

/* #endregion */


/* region CONTENT DISPLAY */

/* NODES / PAGES */
.node {}

/* BASIC PAGE */
.node h1 {
	/*padding-top: var(--p-header-height);*/
}

.group-banner {
	min-height: 100vh;
	background: #4CC8CA;
	background: linear-gradient(307deg, #4CC8CA 10.36%, #114268 81.13%);
	position: relative;
	z-index: 1;
	display: flex;
}

.group-banner>div.max-width {
	position: relative;
	z-index: 3;
	margin-top: auto;
	margin-bottom: auto;
	overflow: visible;
}

.group-banner::before,
.group-banner::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Cache banner*/
.group-banner::before {
	background: transparent url('img/banner-mask.svg') no-repeat center top;
	background-size: cover;
	opacity: .9;
	botttom: -2px;
}

/* Fond blanc dégradé */
.group-banner::after {
	background: none;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
	/* Couvre le demi-pixel visible pdt scroll */
	bottom: -1px;
}

#bg-stroke-logo {
	position: absolute;
	width: 100vw;
	height: 100vw;
	background: red;
	background: transparent url('img/stroke-logo.svg') no-repeat center center;
	background-size: cover;
	opacity: .75;
}

/* NEWS*/
.page-node-type-news h1 {
	font-size: 3rem;
	line-height: 1.3;

}

.news-title {
	font-size: 1.75rem;
	line-height: 1.3;
	text-transform: none;
	margin-bottom: 1rem;
}

a.news-link {
	color: var(--bs-secondary);
}

.news-link::before {
	content: '→';
	margin-right: 1rem;
	transition: all .25s ease-out 0s;
}

.news-link:hover::before {
	margin-right: 1.25rem;
	padding-left: .25rem;
}

.view-news .attachment-before {
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid var(--bs-secondary);
}

.news-banner {
	max-height: 60vh;
	overflow: hidden;
}

.news-banner img {
	width: 100%;
	max-width: none !important;

}

.social-sharing-buttons {
	align-items: flex-start;
	justify-content: flex-start;
}

.social-sharing-buttons__button {
	width: 1.5rem;
	height: 1.5rem;
	background: var(--bs-secondary);
}

.social-sharing-buttons__button:first-child {
	margin-left: 0;
}

.social-sharing-buttons__button svg {
	fill: var(--bs-white);
}

.social-sharing-buttons__button:hover {
	background: var(--bs-primary);
}

video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* PARAGRAPHS */
.paragraph {
	position: relative;
	z-index: 1;
}

.paragraph--type-texte+.paragraph--type-texte {
	margin-top: 0;
	padding-top: 0;
}

.page-sections>.paragraph:first-child {
	margin-top: 40vh;
}

.paragraph.bg-orange {
	padding-top: var(--p-parapad);
	padding-bottom: var(--p-parapad);
	text-align: center;
}

.paragraph.bg-orange .text-formatted {
	margin: auto;
}

.paragraph--type-texte {
	padding-top: var(--p-parapad);
	padding-bottom: var(--p-parapad);
	margin-bottom: var(--p-parapad);
}

.paragraph--type-texte+.txt-img-reveal {
	padding-top: var(--p-parapad);
	margin-top: var(--p-parapad);
}

.paragraph--type-texte-seul {
	padding-top: var(--p-parapad);
}

.paragraph.bg-light-grey+.paragraph {
	padding-top: var(--p-parapad);
}

.paragraph--type-bande-orange {
	margin-top: var(--p-parapad);
}

.paragraph.bg-light-grey {
	margin-bottom: 0;
}

.paragraph.bg-light-grey+.paragraph.bg-light-grey {
	margin-top: 0;
	padding-top: calc(2 * var(--p-parapad));
}

.p-reveal-uncover-bg {
	position: absolute;
	top: 0;
	right: 1.5rem;
	bottom: 0;
	left: 1.5rem;
}

.p-reveal-uncover,
.p-reveal-img {
	position: relative;
	z-index: 2;
}

.p-reveal-uncover {
	overflow: hidden;
}

.p-reveal-uncover img {
	width: 100%;
	max-width: none;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.reveal-text,
.title-line {
	position: relative;
	z-index: 3;
}

.txt-img-vertical {
	max-width: 480px;
	margin-left: auto;
}

.gradient-shadow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: var(--p-degrade-primary);
	overflow: hidden;

}

.p-reveal-uncover,
.p-reveal-uncover-bg {
	background: var(--bs-primary);
	align-self: flex-start;
}

.title-line {}

.image-column {
	overflow: hidden;
}

.paragraph--view-mode-text-img-left .image-column {
	padding-top: 1.5rem;
	margin-top: -1.5rem;
}

.shadow-se {
	top: 15%;
	left: 1.5rem;
	transform: translateX(.75rem) translateY(1.5rem);
}

.shadow-nw {
	bottom: 25%;
	right: 15%;
	transform: translateX(-.75rem) translateY(-1.5rem);
}

.offset-neg-2 {
	margin-left: -16.667%;
}

.text-column,
.image-column {
	position: relative;
	z-index: 2;
}

.text-from-left .text-column {
	z-index: 3;
}

/* fromleft & fromright */
.title-line {
	display: flex;
	align-items: center;
}

.title-line .bcp-picto {
	margin-right: .25rem;
}

.title-line .bcp-picto img {
	width: 100px;
}

.title-line h3 {
	margin-bottom: 0;
}

.reveal-text {
	position: relative;
	z-index: 2;
}

.path-frontpage .image-column {
	align-self: stretch;

}

.path-frontpage .image-column div {
	height: 100%;
}

.path-frontpage .image-column img {
	height: 100%;
	object-fit: cover;
}

.path-frontpage .paragraph--type-texte .bg-white,
.path-frontpage .paragraph--type-texte .bg-white p:last-child {
	margin: 0 !important;
	padding-bottom: 0 !important;
}

/* PEOPLE */
.people-title {
	text-transform: none;

}

.node--view-mode-full .people-title {
	font-size: 2rem;
	margin-bottom: 0;
}

.people-item .linkedin-only a {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: 1.5rem;

}

.people-more-wrap {
	background: var(--bs-primary);
	position: absolute;
	display: block;
	right: .75rem;
	top: .75rem;
	width: 2.5rem;
	height: 2.5rem;
	padding: .5rem;
}

.people-more-wrap>a {
	position: relative;
	background: var(--bs-primary);
	position: absolute;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
}

.page-node-type-people main .node {
	padding-top: 2rem;
}

p.linkedin-label {
	line-height: 2.2;
}

/* Node (in modal) */
.full-portrait img {
	/*	width: auto !important;
	max-height: calc(100vh - ( 3 * var(--p-header-height) ));*/
}

/* KEY NUMBERS */
.number-label-wrapper {
	background: var(--p-degrade-primary-inv);
	color: #FFF;
	padding: 5rem 5rem 5rem 8%;
}

.key-number-wrapper {
	font-size: 9rem;
	font-weight: 700;
	margin-left: -5%;
	position: relative;
	z-index: 3;
}

.paragraph--type-counter:nth-of-type(odd) {
	flex-direction: row-reverse;
}

.paragraph--type-counter:nth-of-type(odd) .key-number-wrapper {
	margin-right: -5%;
	margin-left: auto;
	justify-content: flex-end;
	color: var(--bs-secondary);
}

.paragraph--type-counter:nth-of-type(odd) .number-label-wrapper {
	padding-left: 16%;
}

/* ACCORDION */
.p-accordion {
	margin: 2rem 0 5rem;
}

.p-accordion .group-title {}

.p-accordion .group-title .p-btn {
	width: 1.2rem;
	height: 1.2rem;
}

.p-accordion .group-title .p-btn::after,
.p-accordion .group-title .p-btn::before,
.p-accordion .group-title .p-btn span {
	height: 20%;
	border-radius: 0;
	background: var(--bs-secondary);
}

.p-accordion .group-title.career-title {
	font-size: 1.5rem;
	line-height: 1.2;
}

.p-accordion .group-title.career-title {
	justify-content: flex-start;
}

.p-accordion .group-title.career-title .career-location {
	margin-right: 2rem;
}

.p-accordion .group-title.career-title .p-btn {
	margin-left: auto;
}

/*TIMELINE */
.p-timeline {
	margin-bottom: 20vh;
	overflow: hidden;
}

.timeline-section-title {
	/*background: #FFF;*/
	position: relative;
	z-index: 5;
	padding-top: var(--p-header-height);
	height: 250px;
}

.timeline-text {
	padding-bottom: 1rem;
}

.timeline-title {
	color: var(--bs-secondary);
	font-weight: 400;
	text-transform: uppercase;
	background: #FFF;
	background: linear-gradient(0deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 10%,
			rgba(255, 255, 255, 1) 80%,
			rgba(255, 255, 255, 0) 100%);
	/*	background: #FFF;*/
	min-height: 9rem;
	margin-top: -3rem;
	padding-top: 3rem;
}

@media (min-width:768px) {
	.timeline-text {
		border-left: 1px solid var(--bs-secondary);
		position: relative;
		padding-bottom: var(--p-parapad);
	}

	.timeline-text::before {
		content: '';
		width: 13px;
		height: 13px;
		display: block;
		position: absolute;
		border-radius: 1rem;
		top: .66rem;
		left: -7px;
		background-color: var(--bs-secondary)
	}
}

.p-sticky-in .timeline-title {
	color: var(--bs-secondary);
}

/* FRONT PAGE */
/* Cards animation */
.path-frontpage .group-banner {
	color: #FFF;
	background: none !important;
}

.path-frontpage .group-banner::after,
.path-frontpage .group-banner::before {
	display: none;
}

.path-frontpage .banner-title-wrapper {
	margin-left: 13%;
}

#cards-anim-wrapper {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#cards-anim img {
	position: absolute;
	width: 35%;
	height: auto;
	/*transform-origin: left bottom;*/
}

/* Cards positions – end */
#cards-anim img:nth-child(1) {
	left: -20%;
	top: 40vh;
	transform: rotate(-72.53deg);
}

#cards-anim img:nth-child(2) {
	left: -10%;
	top: 30vh;
	transform: rotate(-69.1deg);
}

#cards-anim img:nth-child(3) {
	left: 0%;
	top: 20vh;
	transform: rotate(-65.6deg);
}

#cards-anim img:nth-child(4) {
	left: 14%;
	top: 10vh;
	transform: rotate(-62.12deg);
}

#cards-anim img:nth-child(5) {
	left: 28%;
	top: 0vh;
	transform: rotate(-58.67deg);
}

#cards-anim img:nth-child(6) {
	left: 42%;
	top: -10vh;
	transform: rotate(-55.27deg);
}

#cards-anim img:nth-child(7) {
	left: 57%;
	top: -20vh;
	transform: rotate(-51.94deg);
}

#cards-anim img:nth-child(8) {
	top: -30vh;
	left: 72%;
	transform: rotate(-48.71deg);
}

/* End cards animation */
.path-search .block-system-main-block {
	max-width: var(--p-mw);
	margin: auto;
}

.region-content .search-form,
.region-content .search-form+h2 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-bottom: 1.5rem;
}

a.search-help-link {
	font-size: 15px;
}

.region-content .search-form {
	margin-top: 120px;
}

ol.search-results {
	padding-left: 1.5rem;
	padding-right: 1rem;
}

/* front page misc */
.path-frontpage:not(.scrolled) .block-language a {
	color: #FFF;
	border-color: #FFF;
}

.path-frontpage.p-offcanvas-on .block-language a {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.path-frontpage:not(.scrolled) a.cta-fill {
	background: var(--bs-primary);
	border-color: var(--bs-primary)
}

.path-frontpage:not(.scrolled) .p-btn::before,
.path-frontpage:not(.scrolled) .p-btn::after,
.path-frontpage:not(.scrolled) .p-btn span {
	background: #FFF !important;
}

.path-frontpage.p-offcanvas-on .p-btn::before,
.path-frontpage.p-offcanvas-on .p-btn::after,
.path-frontpage.p-offcanvas-on .p-btn span {
	background: var(--bs-primary) !important;
}

.path-frontpage:not(.scrolled) .p-btn.p-icon-search span {
	background: transparent !important;
	border-color: #FFF;
}

.path-frontpage.p-offcanvas-on .p-btn.p-icon-search span {
	background: transparent !important;
	border-color: var(--bs-primary);
}

/* #endregion */
/* #region EU COOKIE */

#sliding-popup {
	max-width: 600px;
	left: inherit;
	right: 0;
	background: #114268;

	padding-top: 1em;

	line-height: 1.2;
}

div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
	background: #114268;
}

#sliding-popup button {
	border-radius: 0;
	text-shadow: none;
	text-decoration: none;
	box-shadow: none;
	padding: .5rem 1rem;
	font-size: 16px;
}

#sliding-popup button:hover {
	background-color: #4CC8CA;
}

#sliding-popup button.find-more-button {
	padding: 0 3px;
}

.eu-cookie-compliance-buttons {
	width: 50%;
	max-width: none;
}

.eu-cookie-compliance-category {
	margin-bottom: 1em;
}

.eu-cookie-compliance-save-preferences-button {
	opacity: .5;
}

#sliding-popup .agree-button {}

#sliding-popup .find-more-button {
	text-transform: none;
	border: 0;
	text-decoration: underline;
}

#popup-text p {
	font-weight: 400;
	font-size: 16px;
}

/* #endregion */

/* #region MEGANEWS */

.swiper-bcp .view-header h2 {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--bs-secondary);
}

.bcp-wheel {
	display: none;
}

@media (min-width:768px) {
	.swiper-bcp {
		padding: 25vh 0;
		margin-top: auto;
		margin-bottom: auto;
	}

	.swiper-bcp .swiper-slide img {
		display: none;
	}

	.bcp-wheel {
		box-sizing: border-box;
		display: block;
		position: relative;
		width: 33%;
		transform: rotate(0deg) translateY(-8rem) translateX(30%);
		align-self: center;
	}

	.bcp-wheel img {
		position: absolute;
		transform-origin: right center;
		transform-origin: 175% center;

	}

	.paragraph--type-view .views-element-container {
		display: flex;
		align-items: center;
	}
}

/* #endregion */

/* #region MEDIA QUERIES */

/* #region MOBILE FIRST */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* #endregion */


/* #region DESKTOP FIRST */

@media (max-width: 1500px) {

	.paragraph--view-mode-text-img-right .col-sm-5,
	.paragraph--view-mode-text-img-left-v .txt-img-vertical {
		margin-left: 2rem;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {



	.p-offcanvas-on .site-header-inner {
		background: none !important;
	}

	.site-header-inner .max-width {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	/* FOOTER */
	#block-plus10-copyright {
		padding: 0 2rem;
	}

	.region-footer .block {
		margin: 0 0 2rem;
	}

	.site-footer .block-language .links {
		justify-content: flex-start;
		margin-left: -.5rem;
	}

	.site-footer .sn-link-wrapper {
		float: left;
	}

	/* BTNs */
	.p-btn {
		width: 42px;
		height: 42px;
	}

	#searchTrigger {
		height: 36px;
		margin-right: .75rem;
	}

	#searchTrigger,
	#p-offcanvasbtn {
		margin-top: 0;
	}

	/* BCP online */
	#block-plus10-banqueenligneen .bcp-cta {
		padding: 0;
		text-indent: -1000px;
		overflow: hidden;
		border: 0;
		width: 38px;
		height: 38px;
		background: transparent url('img/user_turquoise.svg') no-repeat center .5rem;
	}

	.path-frontpage:not(.scrolled) #block-plus10-banqueenligneen .bcp-cta,
	.p-offcanvas-on #block-plus10-banqueenligneen .bcp-cta {
		background: transparent url('img/user.svg') no-repeat center .5rem;
	}

	.block-language {}

	.region-header {
		padding-right: 0;
	}

	/* lang */
	.block-language .links {
		justify-content: flex-end;
		margin-right: -.75rem;
	}

	/* banners */

	.group-banner {
		background-size: 210% !important;
		background-position: center bottom !important;
	}

	.group-banner::before {
		background-image: url('img/banner-mask-sm.svg');
		background-position: 80% bottom;
		background-size: 150% !important;
	}

	.group-banner::after {
		background-size: 100% 100%;
		background-position: 0 bottom;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 45%);
	}

	.group-banner>div.max-width {
		margin-top: 10vh;
	}

	.page-sections>.paragraph:first-child {
		margin-top: 10vh;
	}

	/* #region homepage */
	.path-frontpage .group-banner>div.max-width {
		margin-top: 15vh;
	}

	.path-frontpage .page-intro {
		font-size: 1.5rem;
	}

	.path-frontpage .banner-title-wrapper {
		margin: 0;
	}

	#cards-anim img {
		width: 40%;
		height: auto;
	}

	/* Cards positions – end */
	#cards-anim img:nth-child(1) {
		left: -10%;
		/* 91%  / 7 = 13 */
		top: 25vh;
		/* 35vh / 7 = 5 */
	}

	#cards-anim img:nth-child(2) {
		left: 3%;
		top: 20vh;
	}

	#cards-anim img:nth-child(3) {
		left: 16%;
		top: 15vh;
	}

	#cards-anim img:nth-child(4) {
		left: 29%;
		top: 10vh;
	}

	#cards-anim img:nth-child(5) {
		left: 42%;
		top: 5vh;
	}

	#cards-anim img:nth-child(6) {
		left: 55%;
		top: 0vh;
	}

	#cards-anim img:nth-child(7) {
		left: 68%;
		top: -5vh;
	}

	#cards-anim img:nth-child(8) {
		top: -10vh;
		left: 81%;
	}

	/* #endregion homepage */


	.timeline-title {
		color: var(--bs-secondary);
	}

	.paragraph--type-texte {
		margin-bottom: 0;
	}

	.bg-orange {
		padding: 0 2rem;
	}

	/* Titre en retrait */
	.text-column.offset-neg-2,
	.reveal-left .text-column {
		max-width: 90%;
		margin-left: auto;
		margin-top: -4.5rem;
		background: #FFF;
		padding: 1.5rem;
	}

	.reveal-left .text-column {
		margin-left: 0;
		max-width: 90%;
	}

	.paragraph--view-mode-text-img-right .reveal-text {
		margin-bottom: 2rem;
	}

	.image-column {
		padding: 0 !important;
	}

	.image-column.offset-neg-2 {
		margin: 0;
	}

	.offset-neg-2 h3 {
		margin-bottom: 0;
	}

	.reveal-left .text-column p,
	.reveal-right .text-column p {
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding-right: 2rem;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	h2 {
		font-size: 3rem;
		line-height: 1.2;
	}

	.p-accordion .group-title.career-title {
		font-size: 1rem;
		flex-direction: column;
		padding: 1.5rem 0;
	}

	.p-accordion .group-title.career-title span {
		display: block;
		max-width: calc(100% - 3rem);
	}

	.p-accordion .group-title .p-btn {
		position: absolute;
		top: 38%;
		right: 0;
	}

	.career-webform .block-inner {
		max-width: none;
	}

	.form-check {
		display: flex;
	}

	.bg-arrow {
		background-size: 20%;
		background-position: 88% 4.25rem;
	}

	.key-number-wrapper {
		font-size: 4.5rem;
		margin-left: -25%;
	}

	.number-label-wrapper {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	h3.number-label {
		font-size: 1.25rem;
		line-height: 1.2;
	}

	.paragraph--type-counter:nth-of-type(odd) .key-number-wrapper {
		margin-left: auto;
		margin-right: -16.7%;
	}

	.node-4 .group-banner {
		min-height: 50vh;
	}

	#block-plus10-searchform form {
		flex-flow: column wrap;
		align-items: stretch;
	}

	#block-plus10-searchform form .form-type-search {
		width: auto;
		max-width: none;
		margin: 0 2rem 1rem 0 !important;
	}

	#sliding-popup button {
		width: 100%;
		max-width: 300px;

		border: 2px solid #FFF;
		padding: 1em;

	}

	.eu-cookie-compliance-categories-buttons {
		width: auto;
		max-width: none;
		clear: both;
		height: auto;
	}

	.eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
		position: static;
		width: auto;
		float: none;
		display: block;
		max-width: none;
	}

	#sliding-popup,
	#popup-text p {
		font-weight: 400;
		font-size: 14px;
	}


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 640px) {
	h1 {
		font-size: 2.75rem;
		line-height: 1.2;
	}

	.page-node-type-news h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.75rem;
		line-height: 1.3;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		margin-bottom: 0;
	}

	.title-medium {
		font-size: 2rem;
	}

	.bcp-publications-list .file {
		padding: 0 2rem 0 0rem;
	}

	.bcp-publications-list .file a {
		padding: 1rem 0;
		line-height: 1.2;
	}

	.text-formatted ul {
		margin-left: 0;
	}

	.group-rows .bcp-cta {
		margin-bottom: 1rem;
	}

	.bcp-cta {
		padding: .8rem 1.5rem;
	}

	#cards-anim img {
		width: 70%;
		height: auto;
	}

	/* Cards positions – end */
	#cards-anim img:nth-child(1) {
		left: -60%;
		/* 126%  / 7 = 18 */
		top: 37vh;
		/* 42vh / 7 = 6 */
	}

	#cards-anim img:nth-child(2) {
		left: -42%;
		top: 31vh;
	}

	#cards-anim img:nth-child(3) {
		left: -24%;
		top: 24vh;
	}

	#cards-anim img:nth-child(4) {
		left: -6%;
		top: 18vh;
	}

	#cards-anim img:nth-child(5) {
		left: 12%;
		top: 12vh;
	}

	#cards-anim img:nth-child(6) {
		left: 30%;
		top: 6vh;
	}

	#cards-anim img:nth-child(7) {
		left: 48%;
		top: 0vh;
	}

	#cards-anim img:nth-child(8) {
		top: -6vh;
		left: 66%;
	}

	/* module nbsp */
	.nbsp {
		display: inline-block;
	}

}

/* #endregion */

/* #endregion */
/* Texte blanc sur blanc à l'accueil */
@media (max-width:900px) and (max-aspect-ratio:1/1) {
	.path-frontpage h1 {
		text-shadow: 0 0 20px rgba(var(--bs-primary-rgb), .3);
	}

	.path-frontpage .page-intro {
		text-shadow: 1px 2px .75rem rgba(var(--bs-primary-rgb), 1);
	}
}

/* #region BLOCK USER INFO (popup) */
#block-plus10-user-info {
	position: relative;
	display: none;
	width: 100%;
	max-width: 660px;
	background-color: #FFF;
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	margin: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 170px;
}

#block-plus10-user-info li {
	margin: 0;
}

#meerkat-wrap {
	z-index: 80 !important;
}

#block-plus10-user-info .close {
	color: #FFF;
	position: absolute;
	right: -35px;
	top: 0;
	cursor: pointer;
	font-size: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

#meerkat-wrap #block-plus10-user-info {
	display: block;
}
																																																																																																																									  
@media (max-width:576px) {
  #block-plus10-user-info {
    max-width: calc(100vw - 50px);
    margin-left: 0px;
    top: 90px;
    position: absolute;
  }
#block-plus10-user-info .block-inner {
	max-height: calc(100vh - 200px);																																																																																																																									  
    overflow-y: auto;
  }
}
																																																																																																																									  
.color-red .user-info-title {
	background-color: var(--bs-orange);
}

.color-neutral .user-info-title {
	/* background-color: var(--bs-primary);
	background: #114268;
	background: linear-gradient(-160deg, #4CC8CA 10.36%, #114268 81.13%); */
	background: #4CC8CA url(../images/cards/card-7.svg) no-repeat center center;
	background-size: cover;
}

.color-blue .user-info-title {
	/* background-color: var(--bs-secondary);
	background: #4CC8CA;
	background: linear-gradient(1600deg, #114268 10.13%, #4CC8CA 40.36%); */
	background: #4CC8CA url(../images/cards/card-7.svg) no-repeat center top;
	background-size: cover;
}

/* #endregion */