.mention-2024 .lazyloading {
  opacity: 1;
}

.mention-2024 a[href]:hover {
  text-decoration: underline;
  color: var(--color-blue-medium);

}

.mention-2024 span {
  line-height: 100%;
}

.mention-2024 h1,
.mention-2024 h2,
.mention-2024 h3,
.mention-2024 h4,
.mention-2024 h5,
.mention-2024 h6 {
  font-family: var(--font-family);
  color: var(--color-blue-dark);
}
.mention-2024 h1 *,
.mention-2024 h2 *,
.mention-2024 h3 *,
.mention-2024 h4 *,
.mention-2024 h5 *,
.mention-2024 h6 * {
  font-family: var(--font-family);
  color: var(--color-blue-dark) !important;
}

.mention-2024 .container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 992px) {
  .mention-2024 .full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


.mention-2024 .pt-0 {
  padding-top: 0 !important;
}

.mention-2024 .pl-1 {
  padding-left: 4px !important;
}

.mention-2024 .pl-16 {
  padding-left: 16px !important;
}

.mention-2024 .mt-0 {
  margin-top: 0 !important;
}
.mention-2024 .mb-0 {
  margin-bottom: 0 !important;
}

.mention-2024 .mb-2 {
  margin-bottom: var(--spacer-small) !important;
}

.mention-2024 .mb-3 {
  margin-bottom: var(--spacer-small) !important;
}

.mention-2024 .mb-4 {
  margin-bottom: var(--spacer-medium);
}
.mention-2024 .mb-5 {
  margin-bottom: var(--spacer-big) !important;
}

.mention-2024 .mb-6 {
  margin-bottom: calc(var(--spacer-big) + var(--spacer-medium)) !important;
}

.mention-2024 .font-12,
.mention-2024 .font-12 * {
  font-size: 12px !important;
}

.mention-2024 .font-14,
.mention-2024 .font-14 * {
  font-size: 14px !important;
}

.mention-2024 .font-15,
.mention-2024 .font-15 * {
  font-size: 15px !important;
}

.mention-2024 .font-16,
.mention-2024 .font-16 * {
  font-size: 16px !important;
}

.mention-2024 .font-18,
.mention-2024 .font-18 * {
  font-size: 18px !important;
}

.mention-2024 .font-20,
.mention-2024 .font-20 * {
  font-size: 20px !important;
}

.mention-2024 .font-24,
.mention-2024 .font-24 * {
  font-size: 24px !important;
}

.mention-2024 .font-26,
.mention-2024 .font-26 * {
  font-size: 24px !important;
}

.mention-2024 .font-32,
.mention-2024 .font-32 * {
  font-size: 32px !important;
}

.mention-2024 .font-34,
.mention-2024 .font-34 * {
  font-size: 32px !important;
}

.mention-2024 .font-40,
.mention-2024 .font-40 * {
  font-size: 40px !important;
}

.mention-2024 .font-56,
.mention-2024 .font-56 * {
  font-size: 56px !important;
}

.mention-2024 .fw-400,
.mention-2024 .fw-400 * {
  font-weight: 400 !important;
}

.mention-2024 .fw-500,
.mention-2024 .fw-500 * {
  font-weight: 500 !important;
}

.mention-2024 .fw-600,
.mention-2024 .fw-600 * {
  font-weight: 600 !important;
}

.mention-2024 .fw-700,
.mention-2024 .fw-700 * {
  font-weight: 700 !important;
}

.mention-2024 .fw-900,
.mention-2024 .fw-900 * {
  font-weight: 900 !important;
}

.mention-2024 .ls--04 {
  letter-spacing: -0.4px !important;
}

.mention-2024 .color-grey-dark {
  color: var(--color-grey-dark) !important;
}

.mention-2024 .color-blue-dark {
  color: var(--color-blue-dark) !important;
}


/* ========================================== */

.mention-2024 .strong {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}


.mention-2024 .text-highlighted {
  color: var(--color-blue-medium) !important;
}

.mention-2024 .center {
  vertical-align: middle;
  text-align: center !important;
}

/* ========================================== */

@media (max-width: 576px) {

  .d-xs-block {
    display: block !important;
  }

  .mention-2024 .center-xs {
    text-align: center !important;
  }

  .mention-2024 .fw-xs-500 {
    font-weight: 500 !important;
  }

  .mention-2024 .fw-xs-700 {
    font-weight: 700 !important;
  }

  .mention-2024 .ph-xs-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mention-2024 .font-xs-12,
  .mention-2024 .font-xs-12 *{
    font-size: 12px !important;
    line-height: 15.95px !important;
  }

  .mention-2024 .font-xs-14,
  .mention-2024 .font-xs-14 * {
    font-size: 14px !important;
    line-height: 19.6px !important;
  }

  .mention-2024 .font-xs-13,
  .mention-2024 .font-xs-13 * {
    font-size: 13.72px !important;
    line-height: 20.58px !important;
  }

  .mention-2024 .font-xs-16,
  .mention-2024 .font-xs-16 * {
    font-size: 16px !important;
    line-height: 17.6px !important;
  }

  .mention-2024 .font-xs-18,
  .mention-2024 .font-xs-18 * {
    font-size: 18px !important;
    line-height: 25.2px !important;
  }

  .mention-2024 .font-xs-19,
  .mention-2024 .font-xs-19 * {
    font-size: 19.6px !important;
  }

  .mention-2024 .font-xs-24,
  .mention-2024 .font-xs-24 * {
    font-size: 24px !important;
    line-height: 26.4px !important;
  }

  .mention-2024 .font-xs-32,
  .mention-2024 .font-xs-32 *{
    font-size: 32px !important;
    line-height: 35.2px !important;
  }

  .mention-2024 .font-xs-36,
  .mention-2024 .font-xs-36 * {
    font-size: 36px !important;
    line-height: 44px !important;
  }

  .mention-2024 .font-xs-40,
  .mention-2024 .font-xs-40 * {
    font-size: 40px !important;
    line-height: 39.6px !important;
  }

  .mention-2024 .fw-xs-700,
  .mention-2024 .fw-xs-700 * {
    font-weight: 700 !important;
  }

  .mention-2024 .lh-xs-2 {
    line-height: 17.6px !important;
  }

  .mention-2024 .pt-xs-0 {
    padding-top: 0px !important;
  }

  .mention-2024 .pb-xs-5 {
    padding-bottom: var(--spacer-biggest) !important;
  }

  .mention-2024 .mb-xs-0 {
    margin-bottom: 0 !important;
  }

  .mention-2024 .mb-xs-3 {
    margin-bottom: calc(var(--spacer-medium) * 0.75) !important;
  }

  .mention-2024 .mb-xs-4 {
    margin-bottom: var(--spacer-medium) !important;
  }

  .mention-2024 .mt-xs-1 {
    margin-top: 8px !important;
  }
  .mention-2024 .mt-xs-2 {
    margin-top: 16px !important;
  }
  .mention-2024 .mt-xs-3 {
    margin-top: 24px !important;
  }

  .mention-2024 .mt-xs-4 {
    margin-top: 48px !important;
  }
}

@media (min-width: 992px) {

  .d-xl-block {
    display: block !important;
  }

  .pt-xl-80 {
    padding-top: 80px !important;
  }

  .mention-2024 .mb-xl-1 {
    margin-bottom: 8px !important;
  }

  .mention-2024 .mb-xl-3 {
    margin-bottom: var(--spacer-medium) !important;
  }

  .mention-2024 .mb-xl-4 {
    margin-bottom: var(--spacer-medium) !important;
  }

  .mention-2024 .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mention-2024 .mt-xl-2 {
    margin-top: calc(var(--spacer-medium) * -1) !important;
  }

  .mention-2024 .mt-xl-4 {
    margin-top: var(--spacer-medium) !important;
  }

  .mention-2024 .mt-xl-5 {
    margin-top: 80px !important;
  }


  .mention-2024 .pt-xl-0 {
    padding-top: 0 !important;
  }
}


.mention-2024 * {
  font-family: var(--font-family);
  color: var(--color-blue-dark);
}

.mention-2024 p {
  line-height: 23px;
  margin-bottom: var(--spacer);
}


.mention-2024 h1 {
  font-size: 40px;
}




.mention-2024 span.checkmark {
  background-image: url('../images/check-icon.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: transparent !important;
  height: 20px;
  width: 20px;
  display: inline-block;
}


.mention-2024 .background-light {
  background-color: var(--color-blue-light);
}

.mention-2024 .background-light--mobile {
  background-color: var(--color-blue-light);
}

@media (min-width: 992px) {
  .mention-2024 .background-light--mobile {
    background-color: transparent;
  }
}



.mention-2024 .button {
  box-sizing: border-box;
  display: inline-flex;
  border-radius: var(--radius);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  height: 56px;
  min-width: 260px;
  box-shadow: var(--shadow);
  padding: 0 24px;
}


.mention-2024 .button.filled:hover {
  text-decoration: none;
  color: #fff !important;
}

.mention-2024 .button.outlined:hover {
  text-decoration: none;
  color: var(--color-blue-medium) !important;
}



@media (min-width: 992px) {
  .mention-2024 .button {
    height: 46px;
    min-width: auto;
  }
}

.mention-2024 .button.filled {
  background: var(--color-blue-medium);
  color: var(--color-lightest);
}

.mention-2024 .button.outlined {
  border: 3px solid var(--color-blue-medium);
  background: var(--color-lightest);
  color: var(--color-blue-medium) !important;
}



/* ========================================== */


.mention-2024 .title {
  color: var(--color-blue-dark);
  /* text-align: center; */
  letter-spacing: -0.4px;
  margin: 0 auto;
}

.mention-2024 .title-biggest {
  /* max-width: 600px; */
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.4px;
}

.mention-2024 .title-big {
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
}

.mention-2024 .title-medium {
  font-family: var(--font-family);
  align-self: stretch;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0px;
}

.mention-2024 .title-small {
  max-width: 450px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0px;
}

.mention-2024 .subtitle {
  max-width: 600px;
  text-align: center;
  margin:auto;
}

@media (max-width: 576px) {
  .mention-2024 .title {
    text-align: center;
  }
}


@media (min-width: 992px) {
  /* .mention-2024 .title-medium {
    align-self: stretch;
    font-size: 34px;
    letter-spacing: -0.4px;
    font-weight: 900;
    line-height: 37px;
  }
  .mention-2024 .title-medium * {
    font-weight: 900 !important;
  } */
}



/* ================================================= */


/* ================================================= */

.mention-2024 .rounded-block-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacer-small);
}

.mention-2024 .rounded-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius) !important;
  padding: var(--spacer-small);
}

@media (min-width: 992px) {
  .mention-2024 .rounded-block {
    width: calc(50% - var(--spacer-small) / 2);
  }
}



/* used in pricing price footer, blocks "knowledge/contact our support team/contact our sales team  */
.mention-2024 .card {
  border: solid 1px #ccc;
}


.mention-2024 .card.card--square {
  height: 350px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mention-2024 .card.card--square .title {
  color: #00233D;
  text-align: center;
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
}


.mention-2024 .card.card--square .content {
  margin-top: 24px;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
  text-decoration-line: underline;
}



/* =============================================== */

.mention-2024 ul.mention-star-list {
  padding: 0;
}

.mention-2024 .mention-star-list li {
  font-family: var(--font-family);
  list-style: none;
  background-image: url('../images/logo.svg');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 50%;
  line-height: 24px;
  padding-left: 32px;
  margin-bottom: var(--spacer-small);
  color: var(--color-grey-dark);
}

.mention-2024 .mention-star-list li:last-child {
  margin-bottom: 0;
}


/* ============================================================================ */
/* dirty fixes because given all images are broken/text not same lenght (and so many other things.......)*/

@media (max-width: 576px) {
  .page-feature--analyse #feature-2 .area-b {
    margin-bottom: 40px;
  }

  .page-use-case--crisis-management.lang-fr .section--hero .illustration {
    margin-top: -22px;
  }

  .page-use-case--market-research .section--stay-ahead-of-the-curve .area-c {
    margin-top: -20px;
  }

  .page-use-case--market-research .section--enhance-your-strategic-decision-making .area-b {
    margin-top: 16px;
  }
}



.page-use-case--brand-management .section--hero img {
  margin-bottom: -4px;
}

.page-use-case--pr-management .section--hero img {
  margin-bottom: -4px;
}

@media (min-width: 992px) {
  .page-use-case--pr-management .section--mesure-your-pr-kpis .area-a h2 {
    margin-top: 20px !important
  }
}

@media (max-width: 576px) {
  .page-use-case--pr-management .section--mesure-your-pr-kpis .area-b{
    margin-top: 10px !important
  }
}

@media (max-width: 576px) {
  .page-use-case--pr-management .section--unlock-new-partnership .area-b{
    margin-top: -50px !important
  }

  .page-use-case--pr-management .section--unlock-new-partnership .area-c{
    margin-top: -60px !important
  }
}

.page-use-case--crisis-management .section--hero img {
  margin-bottom: -4px;
}

@media (min-width: 992px) {
  .section--prevention-is-better-than-cure h2 {
    width: 550px;
  }
}
@media (max-width: 576px) {
  .section--prevention-is-better-than-cure .area-b {
    margin-top: -40px;
  }
  .section--prevention-is-better-than-cure .area-c {
    margin-top: -40px;
  }

  .section--calm-the-effects-of-the-crisis .area-c {
    margin-top: -12px;
  }
}


.page-use-case--social-media-management .section--hero img {
  margin-bottom: -4px;
}


@media (max-width: 576px) {
  .page-feature--analyse .area-b {
    height:290px;
  }
}

@media (min-width: 992px) {
  .page-feature--analyse .area-b {
    height:540px;
  }

  .page-feature--analyse .section--maximize-your-campain-roi .area-b {
    margin-top: 48px;
  }
}

@media (max-width: 576px) {
  .page-feature--engage .section--measure-the-performance .area-b img {
    margin-left: 30px;
  }
}

.page-use-case--competitive-analysis .section--hero img {
  margin-bottom: -4px;
}


.page-use-case--market-research .section--hero img {
  margin-bottom: -4px;
}

/* fix en pages */
@media (min-width: 992px) {

  .page-feature--monitor.lang-en .section--focus-on-what-matter {
    height: 620px;
  }

  .page-feature--monitor.lang-en .section--work-smarter .area-b {
    margin-top: -30px;
  }

  .page-feature--monitor.lang-en .section--work-smarter {
    height: 650px;
  }
}

/* fix en pages */
@media (max-width: 576px) {

  .page-feature--analyse.lang-en .hero .area-b {
    margin-top: 25px;
  }
  .page-feature--analyse.lang-en .hero .area-c {
    margin-top: -20px;
  }

  .page-feature--monitor.lang-en .hero .area-b {
    margin-top: 10px;
  }

  .page-feature--engage.lang-en .hero .area-b {
    margin-top: 30px;
  }

  .page-use-case--brand-management .section--eliminate-the-noise .area-b { 
    margin-top: 10px;
  }

  .page-use-case--brand-management .section--understand-your-brand .area-b { 
    margin-top: 30px;
  }
}




/* fix fr pages */

@media (min-width: 992px) {
  .page-feature--monitor.lang-fr .hero {
    height:680px;
  }

  .page-feature--monitor.lang-fr .section--stay-on-top {
    height: 620px;
  }

  .page-feature--monitor.lang-fr .section--focus-on-what-matter {
    height: 620px;
  }

  .page-feature--monitor.lang-fr .section--work-smarter .area-b {
    margin-top: -30px;
  }

  .page-feature--monitor.lang-fr .section--work-smarter {
    height: 650px;
  }
}

@media (min-width: 992px) {
  .page-feature--analyse.lang-fr .hero {
    height:710px;
  }

  .page-feature--analyse.lang-fr .section--gain-competitive-advantage {
    height: 620px;
  }

  .page-feature--analyse.lang-fr .section--update-your-business-strategy {
    height: 650px;
  }
}

@media (min-width: 992px) {
  .page-feature--engage.lang-fr .hero {
    height:710px;
  }

  .page-feature--engage.lang-fr .section--plan-and-manage {
    height: 640px;
  }
}


/* fix es pages */

@media (min-width: 992px) {
  .page-feature--monitor.lang-es .hero {
    height:710px;
  }

  .page-feature--monitor.lang-es .section--focus-on-what-matter {
    height: 610px;
  }

  .page-feature--monitor.lang-es .section--work-smarter {
    height: 675px;
  }
}

@media (max-width: 576px) {
  .page-feature--analyse.lang-es .hero .area-b {
    margin-top: 24px;
  }

  .page-feature--engage .section--measure-the-performance .area-b {
    margin-top: -24px;
  }

}

@media (min-width: 992px) {
  .page-feature--engage.lang-es .hero {
    height:690px;
  }

  .page-feature--engage.lang-es .section--plan-and-manage {
    height: 710px;
  }

  .page-feature--engage.lang-es .section--plan-and-manage .area-b {
    margin-top: 50px;
  }
}

@media (max-width: 576px) {
  .page-homepage.lang-es #feature-analyse .area-c {
    margin-top: -95px;
  }
}

@media (min-width: 992px) {
  .page-use-case--pr-management .section--let-stakeholders-know-the-impact .area-b{
    margin-top: 30px;
  }
}