.logo-header{
	margin: 0 auto;
}
.logo-header img{
	margin: 0 auto;
  display: block;
	padding-top: 20px;
	max-width: 170px;
}
h1{
	font-size: 28px;
  letter-spacing: -1px;
	font-weight:600;
}
.blue-light{
	background: var(--light-blue, #F0F3FF); 
}
.logo-clickout {
  justify-content: space-around;
	flex-wrap: nowrap;
	border-bottom: 0px !important;
}
.br-mobile-none br{
	display: none;
}
.header-clickout > div{
	padding: 0px;
}
.clickout .prime{
	background-color: #F6F6F6;
	border-bottom-right-radius: 29px;
	border-top-left-radius: 29px;
	padding: 8px 15px 8px 5px;
	width: 100%;
	height: 40px;
}
.clickout {
  border: 1px solid rgba(114, 114, 114, 0.40);
}
.clickout .prime p{
	font-size: 16px;
	line-height: 1.7;
	font-weight: 600;
}
.clickout .prime .number p{
	color: #292929;
	font-size: 18px;
	top: 5px;
	left: 15px;
  position: relative;
	margin-bottom: 0;
}
.clickout .prime{
	background-color: #B5EED7;
	width: fit-content;
	padding-right: 25px;
}

.clickout:first-child .prime{
	background: var(--dore-rectangle, linear-gradient(90deg, #B07E10 0.01%, #E1BF5C 25.98%, #F5DA7B 41.94%, #FFEEA1 78.46%, #F5DA7B 110.1%, #B07E10 133.96%));
}

.number{
	background-color: #A8A8A8;
	border-radius: 50%;
  height: 45px;
  border: 2px solid white;
  width: 45px;
	margin-right: 5px;
	margin-top: 5px;
}

.clickout:first-child .number p{
	color: #daa82c;
}
.clickout .number{
	background-color: #B5EED7;
}
.clickout:first-child .number{
	background-image: url("../../../../../images/common/pictos/gold-9b8bc783c46b48a6f31fedd95275c78f.svg");
	background-position: center -2.5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: white !important;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.logo-clickout .img-partner {
  display: block;
  width: 100%;
  margin: 0px auto;
	border-right: 1px solid #dee2e6;
	padding-right: 10px;
}
.cb-img{
	padding-left: 5px;
	padding-right: 10px;
}
.cb-img img{
	width: 85%;
	height: auto;
}
.container-clickouts-perf .clickout{
	border: 1px solid rgba(114, 114, 114, 0.40);
}
.container-clickouts-perf .clickout:first-child{
  border: 1px solid var(--gold-dradient, #B07E10);
}
.container-clickouts-perf .clickout{
	-webkit-transition: all 0.5s ease;
	transition: 0.5s ease-in-out;
	box-shadow: 2.212px 2.212px 77.421px 22.12px rgba(0, 0, 0, 0.05);
}
.partner-page-link{
  width: fit-content;
	margin: 0 auto;
}
.container-clickouts-perf .clickout:hover{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.container-clickouts-perf .catchphrase{
	padding-left: 0px;
	padding-right: 5px;
}
.container-clickouts-perf .catchphrase p{
	margin-bottom: 0;
	line-height: 1.1;
	font-size: 16px;
}
.container-clickouts-perf .catchphrase ul{
    display: none;
}
.container-clickouts-perf .catchphrase p .bold, .catchphrase p .clickout-insentive-bold {
	line-height: 1;
	font-size: 18px;
}
.desktop-only{
	display: none;
}
.number p{
	color: white;
	font-weight: 500;
	top: 10px;
  left: 16px;
  position: relative;
}
.note .p-xl{
	margin-bottom: 0;
	font-size: 33px;
	font-weight: 600;
	padding-right: 2px;
}
.note .p-xs{
	font-size: 12.5px;
	margin-bottom: 0px;
}
.note img {
	width: 25%;
	padding: 0 2px;
}	
.container-clickouts-perf .btn-clickout{
	font-weight: 500;
	font-size: 15px;
}
.container-clickouts-perf .infos-clickout{
	padding-left: 0.9em;
	padding-right: 0.9em;
  padding-bottom: 0.7rem;
}
.container-clickouts-perf .message-clickout {
	margin: auto;
	align-items: center
}
#faq .btn-clickout{
  display: inline-block !important;
	padding: 17px 35px;
}
.message-info li {
  list-style: none;
  display: inline;
	font-size: 14px;
}
.message-info ul {
  padding-left: 0em !important;
	text-align: center;
	line-height: 1;
	padding-top: 0.7rem;
}
.message-info li span {
  font-weight: 600;
  display: inherit;
}
.message-info li.duration{
	display: none;
}

@media (max-width: 768px) {
	.message-info li:not(:last-child)::after {
		content: " | ";
		margin: 0 1px;
	}
	.message-info li:nth-child(2)::after {
		content: none;
	}
}

@media (max-width: 767px) {
	.clickout .col-8 {
    width: 70%;
	}
}
@media screen and (min-width: 525px) and (max-width: 767px) {
	.container-clickouts-perf .catchphrase{
		width: 49%;
	}
	.cta-clickout{
		width: 51%;
	}
}
@media (min-width: 768px) {  
	.blue-light{
		border-radius:40px;
		margin: 40px;
	}
	h1{
		font-size: 50px;
		max-width: 700px;
	}
	.br-mobile-none br{
		display: block;
	}
	.cb-img{
		padding-left: 3px;
		padding-right: 3px;
	}
	.cb-img img{
		width: 60%;
	}
	.number p{
		left: 22px;
	}
	.number{
		margin-right: 10px;
	}
	.clickout .prime{
		padding: 8px 20px 8px 10px;
	}
	.clickout .prime p {
    font-size: 18px;
		line-height: 1.55;
	}
	.logo-clickout{
		border-right: 0px solid #dee2e6;
	}
	.clickout:first-child .logo-clickout{
		background-color: transparent;
	}
	.container-clickouts-perf .catchphrase p{
		font-size: 24px;
	}
	.message-clickout p .clickout-insentive-bold{
		font-size: 24px;
	}
	.logo-clickout:first-child{
		background-color: transparent;
		border-top-right-radius: 0px
	}
	.container-clickouts-perf .btn-clickout{
		margin-bottom: 0px;
		font-size: 16px;
	}
	.logo-clickout .img-partner {
		padding-right: 55px;
		padding-left: 25px
	}
	.note .p-xl{
		font-size: 45px;
	}
	.note .p-xs {
    font-size: 16px;
	}
}

@media (min-width: 992px) {
	.logo-header img{
		padding-top: 25px;
		max-width: 220px;
	}
	h1{
		font-size: 60px;
		max-width: 1280px;
	}
	.logo-clickout{
		border-right: 1px solid #dee2e6;
	}
  .logo-clickout img {
    width: 90%;
  }
	.cb-img img{
		width: 100%;
		padding-top: 5px;
	}
	.logo-clickout .img-partner {
		border-right: 0px solid #dee2e6;
		margin: 25px auto;
		padding: 30px 5px 0px;
	}
	.header-clickout{
		position: absolute;
		max-width: 960px;
	}
	.header-clickout > div{
		padding: 0px 12px;
	}
	.container-clickouts-perf .btn-clickout {
		padding: 15px;
    width: 200px;
		margin:0px auto;
		line-height: 1.1;
	} 
	.container-clickouts-perf .cta-clickout {
    padding: 10px;
		justify-content: center;
    border-left: 1px solid #dee2e6;
	}
  .container-clickouts-perf .catchphrase{
    padding-left: 15px;
		padding-right: 0px;
  }
	.container-clickouts-perf .catchphrase p {
		text-align: left;
    font-size: 18px;
		padding-left: 0rem;
		padding-bottom: 10px;
	}
	.message-clickout p .clickout-insentive-bold {
		font-size: 20px;
	}
	.container-clickouts-perf .catchphrase br{
		display: none;
	}
	.container-clickouts-perf .catchphrase ul{
		display: block;
		margin-bottom: 0;
	}
	.clickout .prime .number p{
		top: 7px;
	}
	.note img {
    width: 22%;
	}
	.note .p-xl{
		font-size: 40px;
	}
	.note .p-xs{
		font-size: 15px;
	}
	.container-clickouts-perf .infos-clickout{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
		padding-right: 0em;
		padding-left: 0em;
  }
	.desktop-only{
		display: block;
		font-size: 0.9em;
		padding-top: 2px;
		margin-bottom: 0;
	}
	.message-clickout li {
    font-size: 15px;
		line-height: 1.5;
	}
	.message-clickout ul{
		padding-left: 1rem;
	}
	.message-info li {
		padding-left:10px;
		display: inherit;
		font-size: 16px;
	}
	.message-info li span {
		display: inline-block;
	}
	.message-info ul {
		text-align: left;
	}
	.message-info li.duration{
		display: inline-block;
	}
}

@media (min-width: 1200px) {
	.container-clickouts-perf .catchphrase p,
	.message-clickout p .clickout-insentive-bold  {
    font-size: 22px;
	}
	.logo-clickout .img-partner {
		padding: 30px 15px 10px;
	}
	.clickout .prime p {
    font-size: 18px;
	}
	.number p{
		font-size: 18px;
	}
	.note .p-xl{
		padding-right: 5px;
	}
	.note .p-xs{
		font-size: 16px;
	}
	div.row.logo-clickout {
    --bs-gutter-x: 1.7rem;
	}
	.container-clickouts-perf .btn-clickout {
    width: 220px;
	}
}

@media (min-width: 1400px) {
    h1{
		font-size: 70px;
	}
	.logo-clickout .img-partner {
		padding: 30px 35px 10px;
	}
}