@media (min-width: 1024px) {
  .block--temoignages {
    margin-top: calc(var(--v-align) * 3);
    margin-bottom: calc(var(--v-align) * 3);
  }
  .block--temoignages .block-title {
    margin-bottom: calc(var(--v-align) * 2);
  }
}

.list--temoignages .item-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--v-align);
  background: #E4EFE9;
  border-radius: var(--radius-primary);
}

.list--temoignages .item-image {
  position: relative;
  display: inline-block;
  margin-right: calc(var(--v-align) / 2);
}

.list--temoignages .item-image img {
  height: 80px;
  width: 80px;
  background: var(--color-yellow);
  border-radius: 50%;
  overflow: hidden;
}

.list--temoignages .item-image:after {
  content: "";
  position: absolute;
  width: 46.6666666667px;
  height: 42px;
  top: calc(var(--v-align) * -0.65);
  right: calc(var(--v-align) * -0.65);
  background: url('data:image/svg+xml,<svg width="70" height="64" viewBox="0 0 70 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.069 31.2556C21.1271 31.6526 20.5172 32.686 21.6802 33.5504C24.7854 35.8835 36.2702 34.4924 34.2921 32.0095C33.3473 30.9122 27.0021 30.4567 23.069 31.2556Z" fill="%23272726"/><path d="M43.5068 31.2321C37.3642 32.241 36.2839 34.7104 41.8004 35.124C44.9733 35.3766 48.8021 34.0769 49.1314 32.6505C49.3011 31.9156 49.0033 31.7321 47.303 31.3628C46.207 31.1377 44.4778 31.0777 43.5068 31.2321Z" fill="%23272726"/><path d="M19.9149 11.6146C12.9375 16.237 8.39169 23.1164 7.71793 29.9197C7.38456 33.2277 7.62457 34.4547 10.2326 43.2061C12.5527 50.9914 13.0905 53.4286 12.9417 55.8802C12.8039 57.5258 12.9341 59.6492 13.2051 60.5584C13.6454 62.036 13.8866 62.2128 15.3896 61.7758C16.3146 61.5068 18.5662 60.4199 20.4371 59.3201C23.5939 57.476 24.1141 57.3247 30.2338 56.7803C39.3216 55.8669 44.2792 54.7959 49.6835 52.4834C60.5329 47.7849 65.4128 40.1291 64.2722 29.3455C63.0241 17.3581 50.5184 7.22388 36.3328 6.84077C31.6315 6.66397 23.9429 8.89961 19.9149 11.6146ZM38.8058 11.5558C46.8986 12.7842 52.3988 16.0633 56.3527 21.9533C59.0611 25.9824 59.6269 27.6704 59.6761 32.4727C59.7661 37.2014 56.9487 42.7138 53.0124 45.5256C48.7801 48.6088 39.8535 51.3279 30.9321 52.3781C24.5573 53.1202 22.9626 53.4604 20.4557 54.7451C18.84 55.6472 17.3299 56.2715 17.1057 56.1514C16.9393 56.0146 16.9165 55.0949 17.1489 53.9776C17.5967 51.6861 16.9333 49.0384 13.9405 40.8929C11.8424 35.3278 11.687 34.385 11.9457 31.037C12.9072 19.0864 26.0328 9.5887 38.8058 11.5558Z" fill="%23272726"/></svg>');
  background-size: cover;
}

.list--temoignages .half-temoignages {
  display: flex;
  flex-direction: column;
  gap: var(--v-align);
}

.list--temoignages .half-temoignages .item-title {
  margin-bottom: calc(var(--v-align) / 2);
}

.list--temoignages .item-name {
  display: inline;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
}

.list--temoignages .item-type,
.list--temoignages .block-body {
  margin-top: calc(var(--v-align) / 2);
}

.list--temoignages .item-type {
  width: 100%;
  font-size: 14px;
  font-size: 0.9333333333rem;
}

.list--temoignages .block-body {
  width: 100%;
  font-style: italic;
}

.list--temoignages .half-titles {
  display: none;
}

.list--temoignages.swiper-initialized {
  margin-left: calc(var(--v-align) / -2);
  margin-right: calc(var(--v-align) / -2);
}

.list--temoignages.swiper-initialized .half-temoignages {
  flex-direction: row;
  gap: 0;
}

@media (min-width: 768px) {
  .list--temoignages {
    display: flex;
  }
  .list--temoignages .l-half {
    position: relative;
    width: var(--2-cols);
    box-sizing: border-box;
  }
  .list--temoignages .list-item {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
  }
  .list--temoignages .list-item .item-title {
    display: none;
  }
  .list--temoignages .list-item.is-active {
    visibility: visible;
    opacity: 1;
    position: static;
    animation: show 0.25s ease-in-out both;
  }
  .list--temoignages .item-title {
    position: relative;
    padding-left: calc(var(--v-align) / 2);
    text-align: left;
  }
  .list--temoignages .item-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    border-radius: var(--radius-primary) 0px 0px var(--radius-primary);
    background: var(--color-text);
  }
  .list--temoignages .half-titles {
    display: flex;
    flex-direction: column;
    gap: calc(var(--v-align) * 0.75);
  }
  .list--temoignages .tab-title:not(.is-active) .item-title {
    color: var(--color-muted);
    transition: 0.25s ease-in-out;
  }
  .list--temoignages .tab-title:not(.is-active) .item-title:before {
    opacity: 0;
    transition: 0.25s ease-in-out;
  }
}

@media (min-width: 1024px) {
  .list--temoignages .half-temoignages {
    padding: 0 var(--v-align);
  }
  .list--temoignages .item-title {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
  .list--temoignages .item-name {
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .list--temoignages .item-image img {
    height: 110px;
    width: 110px;
  }
  .list--temoignages .item-image:after {
    width: 70px;
    height: 63px;
    top: calc(var(--v-align) * -1);
    right: calc(var(--v-align) * -1);
  }
}

@media (min-width: 1200px) {
  .list--temoignages .half-temoignages {
    padding-left: var(--v-align);
    padding-right: calc(var(--v-align) * 4);
  }
  .list--temoignages .item-content {
    padding: calc(var(--v-align) * 1.5);
    padding-right: calc(var(--v-align) * 2);
  }
  .list--temoignages .item-image {
    position: absolute;
    top: 50%;
    margin-top: calc(var(--v-align) * 0.75);
    right: calc(var(--v-align) * 1.5);
    transform: translateY(-50%);
  }
  .list--temoignages .item-image img {
    min-height: 110px;
    max-height: 110px;
    width: 110px;
  }
  .list--temoignages .item-image:after {
    width: 70px;
    height: 63px;
    top: calc(var(--v-align) * -1);
    right: calc(var(--v-align) * -1);
  }
}