.cms-page .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem;
    }
    .hero, .cta, .steps, .arguments, .reassurance, .testimonial {
      padding: 4rem 0rem;
    }
    .hero {
      background: #eef7ee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
    }
    .hero h1 {
      font-size: 2.5rem;
    }
    .fancy-list li {
    padding-left: 0;
    display:flex;
    align-items: center;
}

.fancy-list li:before {
    content: "\F272";
    font-family: bootstrap-icons;
    font: normal normal normal 14px / 1 bootstrap-icons;
    display: inline-block;
    margin-left: 0em;
    line-height: 1.5em;
    font-size: 1.5em;
    position: relative;
    top: 0px;
}

.fancy-list.tog li:before {
    content: "\F5D6";
    color:#bef279;
        line-height: normal;
    font-size: 2rem;
}

.fancy-list.tog li{
  gap:1rem;
  align-items: start;
      margin-bottom: 1.5rem;
}

.fancy-list.tog li h4{
  font-weight: bold;
}

    .btn-white {
      background-color: white;
      color: #1f8b4c;
      border: 2px solid #1f8b4c;
    }
    .grid {
      display: grid;
      gap: 2rem;
    }
    .grid-cols-2 {
      grid-template-columns: repeat(1, 1fr);
    }
    .grid-cols-3 {
    grid-template-columns: repeat(1, 1fr);
    }
    
    .text-center {
      text-align: center;
    }
    .step-number {
      display: inline-block;
      background: #bef279;
      color: #000;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      line-height: 38px;
      font-weight: bold;
      margin-bottom: 1rem;
      text-align: center;
    }
    .bg-light {
      background-color: #f0f4f0;
    }
    .bg-light-green{
      background-color: #f7fdf0;
    }
    .bg-gray {
      background-color: #f5f5f5;
    }
    .bg-gray-50 {
      background-color: #fafafa;
    }
    .bg-white {
      background-color: white;
    }
    .bg-green-700 {
      background-color: #bef279;
    }
    .bg-gradient{
      background: linear-gradient(to bottom, #89d3e0 0%, #e5ec87 100%);
    }
    .border-rd{
      border-radius: 1.4375rem;
    }
    .text-white {
      color: white;
    }
    .font-semibold {
      font-weight: 600;
    }
    .py-12 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .cms-page{
      padding-bottom: 0;
    }
    .px-12 {
      padding-left: 3rem;
      padding-right: 3rem;
    }
    .py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
    .subti{
      font-size: 1.3rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .mt-2 { margin-top: 0.5rem; }
    .mt-4 { margin-top: 1rem; }
    .mt-6 { margin-top: 1.5rem; }
    .mt-8 { margin-top: 2rem; }
    .mt-10 { margin-top: 2.5rem; }
    .mt-12 { margin-top: 3rem; }
    .mt-16 { margin-top: 4rem; }
    .italic { font-style: italic; }
    .max-w-xl { max-width: 640px; }
    .max-w-3xl { max-width: 960px; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    img { max-width: 100%; height: auto; border-radius: 8px; }
 
    .global-cover {
    background: url(https://cdn.kreezalid.com/kreezalid/matchamarket/articles/discours_rencontre.jpg);
    opacity: 15%;
    -webkit-mask-image: linear-gradient(to top, transparent, rgba(0, 0, 0, .013) 8.1%, rgba(0, 0, 0, .049) 15.5%, rgba(0, 0, 0, .104) 22.5%, rgba(0, 0, 0, .175) 29%, rgba(0, 0, 0, .259) 35.3%, rgba(0, 0, 0, .352) 41.2%, rgba(0, 0, 0, .45) 47.1%, rgba(0, 0, 0, .55) 52.9%, rgba(0, 0, 0, .648) 58.8%, rgba(0, 0, 0, .741) 64.7%, rgba(0, 0, 0, .825) 71%, rgba(0, 0, 0, .896) 77.5%, rgba(0, 0, 0, .951) 84.5%, rgba(0, 0, 0, .987) 91.9%, #000);
    mask-image: linear-gradient(to top, transparent, rgba(0, 0, 0, .013) 8.1%, rgba(0, 0, 0, .049) 15.5%, rgba(0, 0, 0, .104) 22.5%, rgba(0, 0, 0, .175) 29%, rgba(0, 0, 0, .259) 35.3%, rgba(0, 0, 0, .352) 41.2%, rgba(0, 0, 0, .45) 47.1%, rgba(0, 0, 0, .55) 52.9%, rgba(0, 0, 0, .648) 58.8%, rgba(0, 0, 0, .741) 64.7%, rgba(0, 0, 0, .825) 71%, rgba(0, 0, 0, .896) 77.5%, rgba(0, 0, 0, .951) 84.5%, rgba(0, 0, 0, .987) 91.9%, #000);
    position: absolute;
    /* z-index: -1; */
    top: 0;
    right: 0;
    left: 0;
    height: 45vh;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

    @media (min-width: 992px) {
    .cms-page-content {
        margin-left: 0;
        width: 100%;
        padding: 0 !important;
    }
    .grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
}