@charset "UTF-8";
.error--404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  width: 100%;
  height: 35.9rem;
  padding: 6rem 0;
  margin-top: 10rem;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .error--404 {
    margin-top: 13rem;
  }
}
.error--404__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.error--404__title h1 {
  display: none;
}
.error--404__title img {
  width: 31rem;
  height: 6rem;
}
.error--404__content {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 19.8px */
  max-width: 57.2rem;
  margin: 0 auto;
  color: #265088;
}
.error--404__cta {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  text-decoration: none;
  width: 100%;
  max-width: 28.7rem;
  margin-top: 2rem;
  transform: rotate(-2deg);
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
}
.error--404__cta span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.error--404__cta svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
@media (min-width: 1024px) {
  .error--404__cta {
    margin-top: 3rem;
  }
}
.header {
  position: fixed;
  z-index: 999;
  width: calc(100% - 4rem);
  top: 2rem;
  left: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header {
    width: calc(100% - 1.6rem);
    top: 0.8rem;
    left: 0.8rem;
  }
}
.header__container {
  display: flex;
  align-items: center;
  padding: 0.8rem 2rem;
  width: 100%;
  border-radius: 1.2rem;
  background: #E8ECF3;
}
.rtl .header__container {
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__container {
    justify-content: space-between;
    padding: 0 1.2rem 0 1.6rem;
    height: 5.6rem;
  }
  .rtl .header__container {
    flex-direction: row-reverse;
  }
}
.header__logo {
  width: 10.9rem;
  height: 4.8rem;
}
.header__logo img {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__logo {
    width: 9.9rem;
    height: 4.3rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.6rem;
    position: fixed;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    transition: right 0.5s ease;
    padding-left: unset;
    background: #E6EAF2;
    padding: 8.2rem 1.6rem;
    padding-bottom: 3.3rem;
    width: 100vw;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__items.show {
    right: 0;
  }
}
.header__items.hide {
  width: 0;
  opacity: 0;
}
.header__items.d-none {
  display: none;
}
.header__socials {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__socials {
    display: flex;
    gap: 1.8rem;
    list-style: none;
  }
}
.header__socials__item {
  display: flex;
}
.header__socials__item img {
  width: 2rem;
  height: 2rem;
}
.header__item {
  display: flex;
  gap: 1.2rem;
  list-style: none;
  padding-left: 3rem;
  transition: opacity 0.3s ease;
}
.rtl .header__item {
  padding-left: 0rem;
}
.header__item.hide {
  opacity: 0;
  position: absolute;
}
.header__item.d-none {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    padding-left: unset;
  }
}
.header__subitem {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  height: 3.4rem;
  padding-left: 0.6rem;
  gap: 0.8rem;
  animation: 3s ease-in 1s;
  cursor: pointer;
}
.header__subitem a {
  text-decoration: none;
  color: #265088;
}
.header__subitem svg {
  color: #265088;
  transition: all 0.3s ease;
  height: 0.6rem;
  width: 0.8rem;
}
.rtl .header__subitem svg {
  transform: rotate(180deg);
}
.header__subitem:hover svg {
  transform: translate(0.3rem);
  color: #FFE500;
}
.header__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}
.rtl .header__search {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search {
    margin-left: unset;
  }
}
.header__search__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: none;
  border-radius: 0.6rem;
  background-color: #FFF;
  box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3) inset;
  height: 4.4rem;
  padding: 1rem 1.4rem;
  gap: 0.7rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    width: 100vw;
    height: auto;
    background: unset;
    outline: none;
    box-shadow: none;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 100%;
    bottom: 0;
    transition: right 0.5s ease;
    background: #265088;
    padding-left: unset;
    padding: 7.9rem 1.6rem;
    border-radius: 0rem;
  }
}
.header__search.extended {
  cursor: auto;
}
.header__search.extended .header__search__container {
  pointer-events: initial;
  padding: 1rem;
  gap: 1.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search.extended .header__search__container {
    padding: 7.9rem 1.6rem;
    right: 0;
  }
}
.header__search.extended input {
  width: 40rem;
  order: 2;
  pointer-events: initial;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search.extended input {
    display: block;
    width: 100%;
    padding: 1rem 3.1rem 1rem 1.4rem;
    border-radius: 0.7rem;
    height: 5rem;
  }
}
.header__search.extended .header__search__button--desktop {
  order: 1;
  pointer-events: initial;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search.extended .header__search__button--desktop {
    display: flex;
  }
}
.header__search.extended .header__search__button__close {
  order: 3;
  display: block;
}
.header__search.extended .header__search__button__search {
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search.extended .header__search__button__search {
    display: none;
  }
}
.header__search__button {
  padding: 0.6rem;
  pointer-events: none;
  cursor: pointer;
}
.header__search__button--mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search__button--mobile {
    display: block;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search__button--desktop {
    display: none;
    position: absolute;
    right: 3rem;
    top: 8.9rem;
    padding: 0.6rem;
  }
}
.header__search__button svg {
  pointer-events: none;
  width: 1.7rem;
  height: 1.7rem;
}
.header__search__button__close {
  display: none;
  margin-left: 2.5rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search__button__close {
    display: none;
    position: absolute;
    right: 1rem;
    top: 1rem;
    margin-left: unset;
    width: 4rem;
    height: 4rem;
  }
}
.header__search__button__search {
  display: none;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 1rem;
  margin-left: 0.8rem;
  cursor: pointer;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.header__search__button__search svg {
  width: 0.6rem;
  height: 0.7rem;
}
.header__search input {
  color: rgba(19, 64, 147, 0.6);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Dazzed";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 15.4px */
  width: 13.6rem;
  outline: none;
  border: unset;
  pointer-events: none;
  transition: width 0.3s ease;
  padding: 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__search input {
    display: none;
  }
}
.header__search input::placeholder {
  color: rgba(19, 64, 147, 0.6);
}
.header__mobile__menu {
  display: none;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  padding: 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .header__mobile__menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header__mobile__menu--open {
  display: block;
}
.header__mobile__menu--close {
  display: none;
}
.header__mobile__menu svg {
  pointer-events: none;
  width: 3rem;
  height: 3rem;
}
.header__mobile__menu.opened .header__mobile__menu--open {
  display: none;
}
.header__mobile__menu.opened .header__mobile__menu--close {
  display: block;
}

.footer {
  display: flex;
  min-height: 33.5rem;
  padding-top: 6rem;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(180deg, #FFF 0%, #DBE2F0 100%);
}
.footer.no-background {
  background: unset;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer {
    width: 37.5rem;
    height: auto;
    padding: 3rem 0rem;
  }
  .rtl .footer {
    height: auto;
    padding: 3rem 0rem 0rem 0rem;
  }
}
.footer__text {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__text {
    width: 35.3rem;
  }
}
.footer__bottom {
  display: flex;
  flex-direction: row;
  width: 102.4rem;
  padding: 6rem 4rem 4rem 4rem;
  gap: 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom {
    display: flex;
    padding: 1rem 2rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}
.footer__bottom__img {
  width: 4.9rem;
  height: 8.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__img {
    display: none;
  }
}
.footer__bottom__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__bottom__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 85.3rem;
  gap: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper {
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    margin-top: 3rem;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__items {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer__bottom__wrapper__items__img {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__items__img {
    display: block;
    width: 5.1rem;
    height: 8.5rem;
  }
}
.footer__bottom__wrapper__items__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__bottom__wrapper__items__wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 2.1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__items__wrapper {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 2.7rem;
  }
}
.footer__bottom__wrapper__items__wrapper__language {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.4rem;
  width: 9.6rem;
  padding: 0.6rem 1.2rem;
  gap: 0.6rem;
  border-radius: 2.8rem;
  background: #FFFFFF;
  position: relative;
}
.footer__bottom__wrapper__items__wrapper__language__title {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.footer__bottom__wrapper__items__wrapper__language__title__flag {
  width: 1.8rem;
  height: 1.4rem;
  margin-right: 0.8rem;
  border-radius: 0.3rem;
  overflow: hidden;
}
.rtl .footer__bottom__wrapper__items__wrapper__language__title__flag {
  margin-left: 0.8rem;
}
.footer__bottom__wrapper__items__wrapper__language__title__flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer__bottom__wrapper__items__wrapper__language__selecter {
  display: none;
  position: absolute;
  top: calc(100% + 0.5rem);
  justify-content: center;
  flex-direction: column;
  width: 9.6rem;
  min-height: 3.4rem;
  gap: 0.8rem;
  padding: 0.6rem 0;
  border-radius: 1.8rem;
  background: #FFFFFF;
  list-style: none;
}
.footer__bottom__wrapper__items__wrapper__language__selecter.show {
  display: flex;
}
.footer__bottom__wrapper__items__wrapper__language__selecter .footer__bottom__wrapper__items__wrapper__language__title {
  pointer-events: all;
}
.footer__bottom__wrapper__items__wrapper__language__selecter li a {
  text-decoration: none;
  padding: 0 1.2rem;
}
.footer__bottom__wrapper__items__wrapper__language__button {
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
  pointer-events: none;
}
.footer__bottom__wrapper__items__wrapper__language__button svg {
  transition: all 0.3s ease;
  width: 2.4rem;
  height: 2.4rem;
}
.footer__bottom__wrapper__items__wrapper__language__button.active svg {
  rotate: 180deg;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__items__wrapper__language {
    gap: 0.6rem;
    justify-content: center;
  }
}
.footer__bottom__wrapper__items__wrapper__btn {
  display: flex;
  height: 3.4rem;
  width: max-content;
  padding: 0.8rem 1.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.8rem;
  background: #13A538;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
.footer__bottom__wrapper__items__wrapper__btn:hover {
  background: #FFE500;
}
.rtl .footer__bottom__wrapper__items__wrapper__btn {
  display: none;
}
.footer__bottom__wrapper__content {
  width: 100%;
}
.footer__bottom__wrapper__content__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__content__list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
.footer__bottom__wrapper__content__list__left {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: flex;
  gap: auto;
  list-style: none;
  gap: 5.5rem;
  margin: 0rem 4.2rem 0rem 4.2rem;
  width: 100%;
  order: 1;
  text-align: center;
}
.footer__bottom__wrapper__content__list__left a {
  text-decoration: none;
  color: #265088;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__content__list__left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0rem 1.6rem;
    gap: 2rem;
    width: 100%;
    order: 2;
  }
}
.footer__bottom__wrapper__content__list__socials {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  list-style: none;
  order: 2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__content__list__socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: unset;
    order: 1;
  }
}
.footer__bottom__wrapper__content__list__socials a {
  text-decoration: none;
}
.footer__bottom__wrapper__content__list__socials__desktop {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__content__list__socials__desktop {
    display: none;
  }
}
.footer__bottom__wrapper__content__list__socials__desktop img {
  width: 2rem;
  height: 2rem;
}
.footer__bottom__wrapper__content__list__socials__mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__content__list__socials__mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.4rem;
    padding: 0.8rem 1.2rem;
    gap: 0.6rem;
    border-radius: 2.8rem;
    background-color: #FFF;
  }
  .footer__bottom__wrapper__content__list__socials__mobile p {
    color: #265088;
    /* UI 2 */
    font-family: "Dazzed";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 13.2px */
  }
}
.footer__bottom__wrapper__mentions {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .footer__bottom__wrapper__mentions {
    text-align: center;
    margin-top: -2rem;
  }
}
.footer__bottom__wrapper__mentions p {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  font-size: 1rem;
  font-weight: 400;
  line-height: 130%; /* 13px */
}
.footer__bottom__wrapper__mentions p a {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  font-size: 1rem;
  font-weight: 400;
  line-height: 130%; /* 13px */
  text-decoration: underline;
}
.footer html[lang^=en] .footer__bottom__wrapper__items__wrapper__btn,
.footer html[lang^=ar] .footer__bottom__wrapper__items__wrapper__btn {
  display: none !important;
}
@charset "UTF-8";
.biocoach {
  flex-direction: column;
  width: 102.4rem;
  padding: 0rem 4rem 3rem 4rem;
  gap: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach {
    width: 37.5rem;
    height: auto;
    padding: 0rem 1.6rem;
  }
}
.biocoach__iaresponse {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 13.5rem;
  margin-bottom: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse {
    margin-bottom: -2rem;
  }
}
.biocoach__iaresponse__ariane {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__ariane {
    flex-wrap: wrap;
  }
}
.biocoach__iaresponse__ariane p, .biocoach__iaresponse__ariane a {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__ariane p, .biocoach__iaresponse__ariane a {
    flex-wrap: wrap;
  }
}
.biocoach__iaresponse__ariane p span, .biocoach__iaresponse__ariane a span {
  white-space: nowrap;
}
.biocoach__iaresponse__ariane p .biocoach__iaresponse__ariane__sep, .biocoach__iaresponse__ariane a .biocoach__iaresponse__ariane__sep {
  color: #13A538;
}
.biocoach__iaresponse__ariane p span, .biocoach__iaresponse__ariane a span {
  max-width: 32ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.biocoach__iaresponse__search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6.3rem;
  padding: 1rem 2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  width: 100%;
}
.biocoach__iaresponse__search__body {
  width: 100%;
}
.biocoach__iaresponse__search__body input {
  width: 100%;
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  width: 100%;
  border: none;
  background: transparent;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__search__body input {
    color: #265088;
    font-family: "Dazzed";
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
}
.biocoach__iaresponse__search__body input::placeholder {
  color: #265088;
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.biocoach__iaresponse__search__body input:focus::placeholder {
  color: transparent;
}
.biocoach__iaresponse__search__body input:focus, .biocoach__iaresponse__search__body input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.biocoach__iaresponse__search__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__search__btn {
    height: auto;
    gap: 0.5rem;
    margin-right: -1rem;
  }
}
.biocoach__iaresponse__search__btn__cross {
  border-radius: 2.4rem;
  background: #FFE500;
  box-shadow: 0px -0.2rem 0px 0.1rem rgb(255, 193, 0) inset, 0px -0.4rem 0px 0.2rem rgb(255, 214, 0) inset, 0px -0.7rem 0px 0.3rem rgb(255, 228, 0) inset;
  padding: 0.9rem;
  cursor: pointer;
}
.biocoach__iaresponse__search__btn__cross svg {
  width: 1.4rem;
  height: 1.4rem;
}
.biocoach__iaresponse__search__btn__search {
  border-radius: 2.4rem;
  background: #FFE500;
  box-shadow: 0px -0.2rem 0px 0.1rem rgb(255, 193, 0) inset, 0px -0.4rem 0px 0.2rem rgb(255, 214, 0) inset, 0px -0.7rem 0px 0.3rem rgb(255, 228, 0) inset;
  cursor: pointer;
}
.biocoach__iaresponse__search__btn__search span {
  display: flex;
  padding: 1rem 1.3rem;
  justify-content: center;
  align-items: center;
  color: #265088;
  width: auto;
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  white-space: nowrap;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__search__btn__search span {
    padding: 1rem 1rem;
  }
}
.biocoach__iaresponse__loading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
  margin-top: 4rem;
}
.biocoach__iaresponse__loading__label {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #265088;
  font-weight: 700;
  text-transform: uppercase;
}
.biocoach__iaresponse__loading__track {
  display: flex;
  width: 40rem;
  height: 0.8rem;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__loading__track {
    width: 34rem;
  }
}
.biocoach__iaresponse__loading__bar {
  display: flex;
  height: 0.8rem;
  width: 40rem;
  flex-shrink: 0;
  border-radius: 2.8rem;
  background: #13A538;
  width: 0;
  transition: width 0.25s ease;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__loading__bar {
    width: 37rem;
  }
}
.biocoach__iaresponse__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 70.4rem;
  margin-top: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__iaresponse__content {
    width: 34.3rem;
    margin-bottom: 3.5rem;
  }
}
.biocoach__iaresponse__content, .biocoach__iaresponse__content * {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: #265088;
  font-size: inherit;
  line-height: inherit;
}
.biocoach__iaresponse__content > * + * {
  margin-top: 1rem;
}
.biocoach__iaresponse__content b, .biocoach__iaresponse__content strong {
  font-weight: 700;
}
.biocoach__iaresponse__content i, .biocoach__iaresponse__content em {
  font-style: italic;
}
.biocoach__iaresponse__content h1 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
  margin: 1rem 0 0.5rem;
}
.biocoach__iaresponse__content h2, .biocoach__iaresponse__content h3, .biocoach__iaresponse__content h4, .biocoach__iaresponse__content h5, .biocoach__iaresponse__content h6 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  margin: 1rem 0 0.5rem;
}
.biocoach__iaresponse__content p, .biocoach__iaresponse__content li, .biocoach__iaresponse__content a {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.biocoach__iaresponse__content a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  word-break: break-word;
}
.biocoach__iaresponse__content ul, .biocoach__iaresponse__content ol {
  margin: 0;
  padding-left: 1.5rem;
  list-style-position: outside;
}
.biocoach__iaresponse__content li {
  margin-top: 1rem;
}
.biocoach__iaresponse__content li > :is(ul, ol) {
  margin-top: 0.5rem;
  padding-left: 1.5rem;
}
.biocoach__iaresponse__content hr {
  display: none;
}
.biocoach__iaresponse__content img, .biocoach__iaresponse__content video {
  max-width: 100%;
  height: auto;
  display: block;
}
.biocoach__iaresponse__content p:last-child {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  font-weight: 400;
}
.biocoach .biocoach__iaresponse__content p.ai-note {
  margin-left: auto;
  color: #265088;
  opacity: 0.8;
}
.biocoach__recipe {
  display: flex;
  flex-direction: column;
}
.biocoach__recipe__header h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.biocoach__recipe__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__recipe__content {
    flex-direction: column;
    justify-content: center;
    margin-top: 5rem;
  }
}
.biocoach__recipe__content__img {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 54.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__recipe__content__img {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.biocoach__recipe__content__img__title p {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
}
.biocoach__recipe__content__img__tags {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.biocoach__recipe__content__img__tags__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.2rem;
  gap: 0.6rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
.biocoach__recipe__content__img__tags__tag p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.biocoach__recipe__content__img__tags__tag[data-tag=tag_moment_conso] {
  order: 1;
}
.biocoach__recipe__content__img__tags__tag[data-tag=tag_envie] {
  order: 2;
}
.biocoach__recipe__content__img__tags__tag[data-tag=tag_timing] {
  order: 3;
}
.biocoach__recipe__content__img__wrapper {
  display: flex;
  position: relative;
  height: 37.5rem;
  width: 100%;
  transition: all 0.3 ease;
}
.biocoach__recipe__content__img__wrapper__img {
  display: flex;
  position: absolute;
  z-index: 1;
  object-fit: cover;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2.8rem;
  border-radius: 1.2rem;
  transition: all 0.3s ease;
}
.biocoach__recipe__content__img__wrapper__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  left: 18.3rem;
  bottom: 1rem;
  padding: 1.6rem 1.3rem;
}
.biocoach__recipe__content__img__wrapper__btn span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.biocoach__recipe__content__img__wrapper__btn svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.biocoach__recipe__content__img__wrapper:hover .biocoach__recipe__content__img__wrapper__img {
  border-radius: 6rem;
}
.biocoach__recipe__content__img__wrapper:hover .biocoach__recipe__content__img__wrapper__btn {
  display: flex;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__recipe__content__img__wrapper:hover {
    display: none;
  }
}
.biocoach__recipe__content__product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 38.4rem;
  gap: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__recipe__content__product {
    width: 100%;
  }
}
.biocoach__recipe__content__product__card {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  gap: 1.1rem;
  text-decoration: none;
}
.biocoach__recipe__content__product__card__img {
  display: flex;
  width: 10rem;
  height: 10rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  background: rgba(230, 234, 242, 0.9);
}
.biocoach__recipe__content__product__card__img img {
  width: 10rem;
  height: 10.4rem;
  aspect-ratio: 25/26;
}
.biocoach__recipe__content__product__card__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
}
.biocoach__recipe__content__product__card__wrapper__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.2rem;
  gap: 0.6rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
.biocoach__recipe__content__product__card__wrapper__tag p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.biocoach__recipe__content__product__card__wrapper__text p {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.biocoach__recipe__content__product__card__wrapper__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.9rem;
  gap: 1.2rem;
  border-radius: 24.01px;
  background: #FFE500;
  box-shadow: 0px -0.2rem 0px 0.1rem rgb(255, 193, 0) inset, 0px -0.4rem 0px 0.2rem rgb(255, 214, 0) inset, 0px -0.7rem 0px 0.3rem rgb(255, 228, 0) inset;
}
.biocoach__recipe__content__product__card__wrapper__btn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.biocoach__articles {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__articles {
    margin-top: 4.2rem;
  }
}
.biocoach__articles__header h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.biocoach__articles__cards {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  height: auto;
  width: 100%;
}
.biocoach__articles__cards li {
  list-style: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__articles__cards {
    gap: 5rem;
  }
}
.biocoach__articles__cards__card {
  display: flex;
  gap: 1.6rem;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__articles__cards__card {
    flex-direction: column;
    gap: 2rem;
  }
}
.biocoach__articles__cards__card__left {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 38.4rem;
  height: 25.6rem;
  border-radius: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__articles__cards__card__left {
    width: 34.3rem;
    height: 19rem;
  }
}
.biocoach__articles__cards__card__left img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
  object-fit: cover;
}
.biocoach__articles__cards__card__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  width: 54.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) and (min-width: 320px) and (max-width: 1023px) {
  .biocoach__articles__cards__card__right {
    width: 34.3rem;
  }
}
.biocoach__articles__cards__card__right__tags {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.biocoach__articles__cards__card__right__tags__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.2rem;
  gap: 0.6rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
.biocoach__articles__cards__card__right__tags__tag p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.biocoach__articles__cards__card__right__heading {
  display: flex;
}
.biocoach__articles__cards__card__right__heading h3 a {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  text-decoration: none !important;
}
.biocoach__articles__cards__card__right__body {
  display: flex;
}
.biocoach__articles__cards__card__right__body p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.biocoach__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .biocoach__pagination {
    margin: 3rem 0 2rem 0;
  }
}
.biocoach__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.biocoach__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.biocoach__pagination__list li:not(.biocoach__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.biocoach__pagination__list li:not(.biocoach__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.biocoach__pagination__list li:not(.biocoach__pagination__list__item)::marker {
  content: none;
}
.biocoach__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.biocoach__pagination__list__item svg {
  pointer-events: none;
}
.biocoach__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.biocoach__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.biocoach__hidden {
  display: none !important;
}
@charset "UTF-8";
.homepage {
  overflow-x: hidden;
  overflow-y: auto;
}
.homepage__hero {
  padding-bottom: 8rem;
  padding-top: 14rem;
  position: relative;
}
.homepage__hero__title {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex-wrap: wrap;
  padding-bottom: 4rem;
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.homepage__hero__title h1 {
  display: none;
}
.homepage__hero__title__desktop {
  display: block;
  height: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__hero__title__desktop {
    display: none;
  }
}
.homepage__hero__title__mobile {
  height: 9.6rem;
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__hero__title__mobile {
    display: block;
  }
}
.homepage__hero__slider {
  max-width: 100vw;
  margin: 0 auto;
  position: relative;
}
.homepage__hero__slider__wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 34rem;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 2.6rem;
  transition: unset;
}
.rtl .homepage__hero__slider__wrapper {
  flex-direction: row-reverse;
}
.homepage__hero__slider__slide {
  position: absolute;
  width: 18.5rem;
  height: 24.7rem;
  top: 0;
}
.homepage__hero__slider__slide.hide {
  visibility: hidden;
  transition: unset !important;
}
.homepage__hero__slider__card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.5rem;
  height: 24.7rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
}
.homepage__hero__slider__card:hover .homepage__hero__slider__card__text1 {
  bottom: unset;
  top: 1rem;
  transform: translateY(0);
}
.homepage__hero__slider__card:hover .homepage__hero__slider__card__text2 {
  opacity: 1;
}
.homepage__hero__slider__card::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.2rem;
  z-index: 2;
}
.homepage__hero__slider__card__img {
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
  border-radius: 1.2rem;
  position: relative;
  z-index: 1;
}
.homepage__hero__slider__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__hero__slider__card__text1 {
  width: calc(100% - 2rem);
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: calc(100% - 1rem);
  transform: translateY(-100%);
  z-index: 3;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__hero__slider__card__text1 {
    height: calc(100% - 2rem);
    display: flex;
    align-items: end;
    cursor: pointer;
  }
}
.homepage__hero__slider__card__text2 {
  display: flex;
  height: 5.6rem;
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  opacity: 0;
  z-index: 4;
  transition: opacity 0.4s ease, transform 0.4s ease;
  border-radius: 0.8rem;
  padding: 0.8rem 1rem;
  background-color: #265088;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage__hero__slider__card__text2__img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
  overflow: hidden;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
.homepage__hero__slider__card__text2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__hero__slider__card__text2 span {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #fff;
  width: calc(100% - 5.6rem);
  margin-left: 5.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage__hero__slider__footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  position: relative;
  z-index: 1;
  margin-top: 30rem;
}
.homepage__hero__slider__footer__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
  color: rgba(19, 64, 147, 0.4);
  cursor: pointer;
}
.homepage__hero__slider__footer__btn svg {
  width: 1rem;
  height: 1rem;
}
.rtl .homepage__hero__slider__footer__btn {
  transform: rotate(180deg);
}
.homepage__hero__slider__footer__pagination {
  display: flex;
  flex-direction: row;
  gap: 0.4rem;
}
.homepage__hero__slider__footer__pagination span {
  width: 2rem;
  height: 0.4rem;
  border-radius: 2rem;
  background: #E6EAF2;
}
.homepage__hero__slider__footer__pagination span.active {
  background: #265088;
}
.homepage__manifesto {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: auto;
  background-color: #f5f7fa;
  padding: 6rem 11rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__manifesto {
    padding: 5rem 2rem;
    background: #E6EAF2;
  }
}
.homepage__manifesto__title h2 {
  display: none;
}
.homepage__manifesto__title__desktop {
  display: block;
  margin: 0 auto;
  max-width: 80rem;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__manifesto__title__desktop {
    display: none;
  }
}
.rtl .homepage__manifesto__title__desktop img {
  width: 51.1rem;
  height: 28.2rem;
}
.homepage__manifesto__title__mobile {
  display: none;
  max-width: 33.7rem;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__manifesto__title__mobile {
    display: block;
    margin: 0 auto;
  }
  .rtl .homepage__manifesto__title__mobile {
    width: 29.1rem;
    height: 42.1rem;
  }
}
.homepage__manifesto__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  text-decoration: none;
  transform: rotate(-3.02deg);
  margin-top: 2.7rem;
}
.homepage__manifesto__button span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.homepage__manifesto__button svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.rtl .homepage__manifesto__button {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__manifesto__button {
    margin-top: -0.2rem;
  }
}
.homepage__mommentconso {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 57.4rem;
  width: 102.4rem;
  padding: 6rem 0rem;
  gap: 3rem;
  background: #fff;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso {
    padding: 4rem 0rem;
    justify-content: center;
    width: 100%;
    height: auto;
  }
}
.homepage__mommentconso__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 50.5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__title {
    height: auto;
    width: 34.1rem;
  }
}
.homepage__mommentconso__title p {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  text-align: center;
}
.homepage__mommentconso__title p span {
  color: #13A538;
}
.homepage__mommentconso__swiper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
}
.homepage__mommentconso__swiper__card {
  display: flex;
  position: relative;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  margin: 0rem 1rem;
  overflow: hidden;
  transition: all 0.8s ease;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card {
    width: 100%;
    height: 100%;
    padding: 1rem;
    aspect-ratio: 343/193;
    padding: 0rem;
  }
}
.homepage__mommentconso__swiper__card::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homepage__mommentconso__swiper__card__img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card__img {
    width: 100%;
    height: 100%;
  }
}
.homepage__mommentconso__swiper__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card__img img {
    width: 100%;
    height: 100%;
  }
}
.homepage__mommentconso__swiper__card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  height: auto;
  z-index: 1;
  width: 44.8rem;
  gap: 1.2rem;
  margin: 2rem;
}
.homepage__mommentconso__swiper__card__content__heading {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  color: #FFE500;
}
.homepage__mommentconso__swiper__card__content__body {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: white;
}
.homepage__mommentconso__swiper__card__sticker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
  position: absolute;
  z-index: 5;
  right: 3.7rem;
  top: 5.4rem;
  width: 26.8rem;
  height: 11.4rem;
  padding: 1.2rem 2.4rem 1.2rem 1.2rem;
  border-radius: 1.2rem;
  background: #FFE500;
  box-shadow: 0px 1.5px 4.5px rgba(0, 0, 0, 0.05);
  transform: rotate(-5deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card__sticker {
    gap: 0.8rem;
    right: 2.5rem;
    top: 1.5rem;
    transform: rotate(-8.577deg);
    width: 20.9rem;
    height: 8.8rem;
    padding: 1.2rem 1.2rem 1.2rem 0.8rem;
  }
}
.homepage__mommentconso__swiper__card__sticker__img {
  width: 9rem;
  height: 9rem;
  transform: rotate(-5deg);
}
.homepage__mommentconso__swiper__card__sticker__img img {
  width: 120%;
  height: 120%;
  object-fit: cover;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card__sticker__img {
    width: 4.1rem;
    height: 5rem;
  }
}
.homepage__mommentconso__swiper__card__sticker__text {
  color: #265088;
  font-family: "Rhetoric";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 105%;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__card__sticker__text {
    color: #265088;
    /* Heading 4 */
    font-family: "BjorgAlive";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 17.6px */
    letter-spacing: 0px;
    text-transform: uppercase;
  }
}
.homepage__mommentconso__swiper__card__sticker__text svg {
  margin-top: 0.4rem;
  width: 0.6rem;
  height: 0.7rem;
}
.homepage__mommentconso__swiper__card:hover .homepage__mommentconso__swiper__card__sticker {
  opacity: 1;
  pointer-events: auto;
}
.homepage__mommentconso__swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50.5rem;
  height: 28.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper .swiper-slide {
    width: 34.3rem;
    height: 19.3rem;
    aspect-ratio: 343/193;
  }
}
.homepage__mommentconso__swiper__footer {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
}
.homepage__mommentconso__swiper__footer__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0rem 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__mommentconso__swiper__footer__wrapper {
    height: 5.5rem;
  }
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination {
  position: static;
  width: max-content;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullets {
  all: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.4rem;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullet {
  margin: 0 !important;
  background: unset;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullet {
  position: relative;
  width: 0.2rem;
  height: 2.5rem;
  border-radius: 0.2rem;
  margin: 0 0.7rem;
  background-color: #265088;
  transition: all 0.3s;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullet::after {
  content: attr(data-time);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.4rem;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #265088;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullet-active {
  height: 3.8rem;
  width: 0.2rem;
  border-radius: 0.2rem;
}
.homepage__mommentconso__swiper__footer__wrapper .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.homepage__mommentconso__swiper__footer__btn {
  display: block;
  padding-right: 0.1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
}
.homepage__mommentconso__swiper__footer .swiper-button-next::after,
.homepage__mommentconso__swiper__footer .swiper-button-prev::after {
  display: none;
}
.homepage__mommentconso__swiper__footer .swiper-button-next,
.homepage__mommentconso__swiper__footer .swiper-button-prev {
  position: static;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
}
.rtl .homepage__mommentconso__swiper__footer .swiper-button-next,
.rtl .homepage__mommentconso__swiper__footer .swiper-button-prev {
  transform: rotate(180deg);
}
.homepage__mommentconso__swiper__footer .swiper-button-next svg,
.homepage__mommentconso__swiper__footer .swiper-button-prev svg {
  width: 0.4rem;
  height: 0.8rem;
}
.homepage__chefmix {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14rem;
  width: 102.4rem;
  min-height: 53.9rem;
  padding: 6rem 4rem;
  margin: auto;
  background-color: #265088;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix {
    padding: 3rem 1.6rem;
    gap: 2.2rem;
    height: max-content;
  }
}
.homepage__chefmix h2 {
  white-space: nowrap;
  text-transform: uppercase;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  margin-bottom: 3rem;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix h2 {
    white-space: normal;
    margin-bottom: 1.6rem;
  }
}
.homepage__chefmix h3 {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  margin-bottom: 3rem;
  color: #fff;
}
.homepage__chefmix h3 span {
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix {
    flex-direction: column;
    width: 100%;
  }
}
.homepage__chefmix__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 57.7rem;
  align-items: flex-start;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left {
    width: 100%;
  }
}
.homepage__chefmix__left__header {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  color: white;
}
.homepage__chefmix__left__body p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: #FFFFFF;
}
.homepage__chefmix__left__toggleable {
  width: 100%;
}
.homepage__chefmix__left__toggleable__header {
  display: flex;
  flex-direction: row;
  width: max-content;
}
.homepage__chefmix__left__toggleable__header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.4rem;
  border-radius: 1.2rem 1.2rem 0px 0px;
  background: #E6EAF2;
  cursor: pointer;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
}
.homepage__chefmix__left__toggleable__header__button.active {
  background: white;
}
.homepage__chefmix__left__toggleable__header__button button:nth-of-type(3) {
  max-width: 20rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__header__button {
    max-width: 10.6rem;
  }
}
.homepage__chefmix__left__toggleable__tabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 40.4rem;
  width: max-content;
  height: auto;
  padding: 1.2rem;
  gap: 1.2rem;
  border-radius: 0rem 1.2rem 1.2rem;
  background: #FFFFFF;
  overflow-x: auto;
}
.rtl .homepage__chefmix__left__toggleable__tabs {
  border-radius: 1.2rem 0rem 1.2rem 1.2rem;
}
.homepage__chefmix__left__toggleable__tabs--toppings {
  max-width: 40.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__tabs {
    width: 100%;
  }
}
.homepage__chefmix__left__toggleable__tabs__cards {
  display: none;
  max-width: 37rem;
  min-width: 37rem;
}
.homepage__chefmix__left__toggleable__tabs__cards--toppings {
  max-width: 40.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__tabs__cards {
    max-width: 100%;
    min-width: 100%;
  }
}
.homepage__chefmix__left__toggleable__tabs__cards__group {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 1.2rem;
  transition: all 0.3s ease;
}
.homepage__chefmix__left__toggleable__tabs__cards__group.active {
  display: flex;
  opacity: 1;
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-next.move-in {
  transform: translateX(2rem);
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-next.move-out {
  transform: translateX(-2rem);
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-prev.move-in {
  transform: translateX(-2rem);
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-prev.move-out {
  transform: translateX(2rem);
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-in {
  display: flex;
  opacity: 0;
  position: absolute;
  left: 2rem;
  transform: translateX(2rem);
}
.homepage__chefmix__left__toggleable__tabs__cards__group.move-out {
  transform: translateX(-2rem);
  opacity: 0;
}
.homepage__chefmix__left__toggleable__tabs__cards__toggler {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  gap: 1rem;
}
.homepage__chefmix__left__toggleable__tabs__cards__toggler__btn {
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0;
}
.homepage__chefmix__left__toggleable__tabs__cards__toggler__btn svg {
  height: 0.9rem;
  width: 0.6rem;
}
.homepage__chefmix__left__toggleable__tabs__cards__toggler__btn:disabled {
  opacity: 0.5;
  cursor: auto;
}
.homepage__chefmix__left__toggleable__tabs__cards__toggler__btn--prev svg {
  rotate: 180deg;
}
.homepage__chefmix__left__toggleable__tabs__cards.active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__tabs__cards.active {
    width: 100%;
  }
}
.homepage__chefmix__left__toggleable__card {
  position: relative;
}
.homepage__chefmix__left__toggleable__card--basic {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
  width: 11.4rem;
  height: 13.4rem;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__card--basic {
    width: calc(33.33% - 0.8rem);
  }
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__bottom__btn svg {
  width: 1.1rem;
  height: 1.1rem;
  color: #265088;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__title {
  z-index: 2;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #265088;
  margin-top: auto;
  height: 2.6rem;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 9.6rem;
  border-radius: 1rem;
  overflow: hidden;
  background: rgba(230, 234, 242, 0.3);
  padding-right: 2rem;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__bottom {
  z-index: 2;
  position: absolute;
  top: 7.2rem;
  right: 0.8rem;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__bottom__btn--add {
  display: flex;
}
.homepage__chefmix__left__toggleable__card--basic .homepage__chefmix__left__toggleable__card__bottom__btn--remove {
  display: none;
}
.homepage__chefmix__left__toggleable__card--basic.active .homepage__chefmix__left__toggleable__card__img {
  border: 3px solid #13A538;
}
.homepage__chefmix__left__toggleable__card--basic.active .homepage__chefmix__left__toggleable__card__bottom__btn {
  background: #13A538;
}
.homepage__chefmix__left__toggleable__card--basic.active .homepage__chefmix__left__toggleable__card__bottom__btn svg {
  color: white;
}
.homepage__chefmix__left__toggleable__card--topping {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 11.8rem;
  height: 11rem;
  padding: 1.2rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__left__toggleable__card--topping {
    width: calc(33.33% - 0.8rem);
  }
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background: grey;
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__bottom {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1.2rem;
  z-index: 2;
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__bottom__number {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: white;
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__title {
  z-index: 2;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: white;
}
.homepage__chefmix__left__toggleable__card--topping .homepage__chefmix__left__toggleable__card__title {
  z-index: 2;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: white;
}
.homepage__chefmix__left__toggleable__card__bottom__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  gap: 0.7rem;
  border-radius: 50%;
  background: #E6EAF2;
  color: #265088;
  backdrop-filter: blur(5.7407407761px);
}
.homepage__chefmix__left__toggleable__card__bottom__btn svg {
  width: 0.6rem;
  height: 0.6rem;
  color: #265088;
}
.homepage__chefmix__image {
  position: absolute;
  height: 23.3rem;
  width: 30.7rem;
  left: 50.4rem;
  top: 22.3rem;
}
.rtl .homepage__chefmix__image {
  margin-left: -27rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__image {
    width: 24.2rem;
    height: 18.3rem;
    top: unset;
    bottom: 17rem;
    left: 2.4rem;
    z-index: 2;
  }
  .rtl .homepage__chefmix__image {
    margin-left: 0rem;
    margin-top: 14rem;
  }
}
.homepage__chefmix__image img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.homepage__chefmix__image img:nth-of-type(1) {
  top: 2rem;
}
.homepage__chefmix__image img[data-kind=cereals] {
  top: 2rem;
}
.homepage__chefmix__image__cereal, .homepage__chefmix__image__topping {
  display: none;
}
.homepage__chefmix__image__cereal.active, .homepage__chefmix__image__topping.active {
  display: block;
}
.homepage__chefmix__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 22.7rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__right {
    width: 100%;
  }
}
.homepage__chefmix__right__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 4rem;
}
.homepage__chefmix__right__tag__container {
  position: relative;
  display: flex;
  width: 13.8rem;
  height: 1rem;
  align-items: center;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
.homepage__chefmix__right__tag__karet {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #13A538;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}
.homepage__chefmix__right__tag p {
  color: #E6EAF2;
  font-family: "Dazzed";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 15.4px */
}
.homepage__chefmix__right__info {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin-top: 4.5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .homepage__chefmix__right__info {
    width: 100%;
  }
}
.homepage__chefmix__right__info li {
  text-align: right;
  padding-bottom: 4.5rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #FFE500;
}
.homepage__chefmix__right__info li span {
  display: block;
  padding-top: 1.2rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}
@charset "UTF-8";
.faq {
  padding: 3rem 1.6rem;
}
@media (min-width: 1024px) {
  .faq {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 11.3rem;
  }
}
.faq button {
  cursor: pointer;
}
.faq__ui__colors--meadow {
  color: #13A538;
}
.faq--title, .faq__contact--title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  column-gap: 0.8rem;
}
.faq--title .leaf, .faq__contact--title .leaf {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.faq--title .leaf img, .faq__contact--title .leaf img {
  margin-right: -0.1rem;
}
.faq--title {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .faq--title {
    margin-bottom: 4rem;
  }
}
.faq--title .leaf img {
  width: 3.5rem;
  height: 3.5rem;
}
.faq__tabs {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .faq__tabs {
    flex-direction: row;
    gap: 5rem;
    padding-bottom: 6rem;
  }
}
.faq__tabs h2, .faq__tabs h3 {
  margin-bottom: 2rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .faq__tabs h2, .faq__tabs h3 {
    margin-bottom: 3rem;
  }
}
.faq__tabs h2.hidden, .faq__tabs h3.hidden {
  display: none;
}
.faq__tabs__categories {
  flex-shrink: 0;
}
.faq__tabs__categories ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
}
@media (min-width: 1024px) {
  .faq__tabs__categories ul {
    flex-direction: column;
    gap: 2rem;
  }
}
.faq__tabs__categories button {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  padding: 0.8rem 1.2rem;
  border-radius: 2rem;
  background-color: #E6EAF2;
  transition: all 0.3s ease;
  cursor: pointer;
}
.faq__tabs__categories button:hover, .faq__tabs__categories button.active {
  background-color: #265088;
  color: #E6EAF2;
}
.faq__tabs__questions {
  width: 100%;
}
@media (min-width: 1024px) {
  .faq__tabs__questions {
    padding-right: 2.8rem;
  }
}
.faq__tabs__questions__category.hidden {
  display: none;
}
.faq__tabs__questions__category__inner {
  padding-bottom: 2.4rem;
}
.faq__tabs__questions__category__inner.hidden {
  display: none;
}
.faq__tabs__questions__category__inner.styled {
  padding-top: 2.4rem;
  border-top: 0.3rem solid #E6EAF2;
}
.faq__tabs__questions__category__inner--button {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
  padding: 0;
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 900;
  line-height: 110%; /* 19.8px */
  text-align: left;
}
.faq__tabs__questions__category__inner--button span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 3rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
}
.faq__tabs__questions__category__inner--button span svg {
  width: 1.4rem;
  height: 1.4rem;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.faq__tabs__questions__category__inner.collapsed > button span svg {
  transform: rotate(0);
}
.faq__tabs__questions__category__inner.collapsed .faq__tabs__questions__category__inner--content {
  height: 0;
}
.faq__tabs__questions__category__inner--content {
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .faq__tabs__questions__category__inner--content {
    padding-right: 5rem;
  }
}
.faq__tabs__questions__category__inner--content ul {
  list-style: disc;
  padding-left: 2.5rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.faq__tabs__questions__category__inner--content > p {
  margin-top: 2.4rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.faq__tabs__questions__category__inner--content > p a {
  color: #265088;
}
@media (min-width: 1024px) {
  .faq__tabs__questions__category__inner--content > p {
    margin-top: 1.2rem;
  }
}
.faq__tabs__questions__category__inner--content--article {
  gap: 1rem;
  margin-top: 2.4rem;
  padding: 1.2rem 1.2rem 1.2rem 0.8rem;
  background-color: #265088;
  border-radius: 1.2rem;
}
.faq__tabs__questions__category__inner--content--article, .faq__tabs__questions__category__inner--content--article a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .faq__tabs__questions__category__inner--content--article {
    gap: 1.8rem;
    padding: 1.2rem 2.4rem 1.2rem 1.2rem;
  }
}
.faq__tabs__questions__category__inner--content--article img {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 1.2rem;
}
@media (min-width: 1024px) {
  .faq__tabs__questions__category__inner--content--article img {
    width: 9rem;
    height: 9rem;
  }
}
.faq__tabs__questions__category__inner--content--article p, .faq__tabs__questions__category__inner--content--article a {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.faq__tabs__questions__category__inner--content--article p {
  color: #FFF;
}
.faq__tabs__questions__category__inner--content--article a {
  gap: 1rem;
  color: #FFE500;
  text-decoration: none;
}
.faq__tabs__questions__category__inner--content--video {
  width: 100%;
  height: auto;
  margin-top: 2.4rem;
}
@media (min-width: 1024px) {
  .faq__tabs__questions__category__inner--content--video {
    width: 60%;
  }
}
.faq__tabs__questions__category__inner--content--video > div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 55.68%;
}
.faq__tabs__questions__category__inner--content--video > div > img, .faq__tabs__questions__category__inner--content--video > div > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  object-fit: cover;
  border-radius: 0.8rem;
}
.faq__tabs__questions__category__inner--content--video button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 0;
}
.faq__contact {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 4.5rem 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: #265088;
  border-radius: 2rem;
}
@media (min-width: 1024px) {
  .faq__contact {
    padding: 5.6rem 4rem;
    margin-top: 6rem;
  }
}
.faq__contact h2 {
  display: none;
}
.faq__contact p {
  margin-bottom: 3rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: #FFF;
}
@media (min-width: 1024px) {
  .faq__contact p {
    max-width: 60%;
  }
}
.faq__contact--img {
  height: 3.6rem;
  width: max-content;
  margin-bottom: 3rem;
}
.faq__contact__cta--form {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 12px;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  text-decoration: none;
}
.faq__contact__cta--form span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.faq__contact__cta--form svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.faq__contact__cta__pro {
  margin-top: 7rem;
  align-self: flex-end;
  width: max-content;
}
@media (min-width: 1024px) {
  .faq__contact__cta__pro {
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
  }
}
.faq__contact__cta__pro--img {
  display: flex;
  height: 8.3rem;
  width: max-content;
}
.faq__contact__cta__pro--img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 13.4rem 4rem 0rem 4rem;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog {
    width: 37.5rem;
    padding: 8.5rem 1.6rem 0 1.6rem;
  }
}
.blog__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 47.7rem;
  gap: 3rem;
}
.blog__header__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.blog__header__img h1 {
  display: none;
}
.blog__header__img img {
  height: 7rem;
  width: max-content;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__header__img img {
    height: auto;
    max-width: 100vw;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__header__img--desktop {
    display: none;
  }
}
.blog__header__img--mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__header__img--mobile {
    display: block;
  }
}
.blog__header__content {
  width: 47.7rem;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__header__content {
    width: 34.3rem;
  }
}
.blog__header__content p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 400;
}
.blog__files {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__files {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 34.3rem;
    gap: 3rem;
  }
}
.blog__files__header {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 4rem;
}
.blog__files__header h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.blog__files__cards {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__files__cards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 34.3rem;
    gap: 3rem;
  }
}
.blog__files__cards__card {
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  width: 30.1rem;
  height: 22.5rem;
  padding: 1.4rem;
  border-radius: 1.2rem;
  aspect-ratio: 301/225;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__files__cards__card {
    width: 34.3rem;
    height: 25.7rem;
  }
}
.blog__files__cards__card__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 1.2rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%), url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.blog__files__cards__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog__files__cards__card__title {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  position: absolute;
  bottom: 1.4rem;
  left: 1.4rem;
  right: 1.4rem;
  z-index: 5;
  pointer-events: none;
  color: #FFFFFF;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog__articles {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  align-self: stretch;
}
.blog__articles h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  color: #265088;
  margin-top: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles {
    margin-bottom: 1rem;
  }
}
.blog__articles__group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group {
    text-align: center;
    margin-top: 3rem;
  }
}
.blog__articles__group__search {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__search {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 0;
    margin-bottom: 2.8rem;
  }
}
.blog__articles__group__search__input {
  position: relative;
  width: 45.1rem;
  height: 4.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__search__input {
    width: 100%;
    margin: 0;
    margin-bottom: 2rem;
  }
}
.blog__articles__group__search__input svg {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.blog__articles__group__search__input input {
  width: 100%;
  height: 100%;
  padding-left: 3.5rem;
  border-radius: 0.6rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  border: 2px solid #E6EAF2;
  background: #fff;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: rgba(19, 64, 147, 0.6);
}
.blog__articles__group__search__input input::placeholder {
  color: rgba(19, 64, 147, 0.4);
}
.blog__articles__group__row {
  display: flex;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__row {
    flex-direction: column;
    gap: 2rem;
  }
}
.blog__articles__group__row__menu {
  position: relative;
}
.blog__articles__group__row__menu.first {
  margin-left: auto;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__row__menu.first {
    margin-left: 0;
  }
}
.blog__articles__group__row__menu:not(.first) .blog__articles__group__row__menu__toggle {
  background: #265088;
  color: white;
}
.blog__articles__group__row__menu:not(.first) .blog__articles__group__row__menu__toggle svg {
  pointer-events: none;
  color: white;
}
.blog__articles__group__row__menu__toggle {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 21rem;
  height: auto;
  padding: 0.8rem 1.2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  color: var(--blue, #265088);
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 17.6px */
}
.blog__articles__group__row__menu__toggle svg {
  pointer-events: none;
}
.blog__articles__group__row__menu__toggle.is-active svg {
  transform: rotate(180deg);
}
.blog__articles__group__row__menu__dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 48rem;
  margin-top: 0.8rem;
  padding: 2rem;
  background: #E6EAF2;
  border-radius: 1.2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.blog__articles__group__row__menu__dropdown.is-active {
  visibility: visible;
  opacity: 1;
}
.blog__articles__group__row__menu__dropdown.small {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__row__menu__dropdown {
    width: 100%;
  }
}
.blog__articles__group__row__menu__categories {
  display: flex;
  flex-direction: row;
  gap: 3rem 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__row__menu__categories {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.blog__articles__group__row__menu__categories__column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__group__row__menu__categories__column {
    width: 100%;
  }
}
.blog__articles__group__row__menu__categories__column ul {
  list-style: none;
  padding-left: 2rem;
  margin-top: -2rem;
  display: none;
  flex-direction: column;
  gap: 1rem;
}
.blog__articles__group__row__menu__categories__column ul.active {
  display: flex;
}
.blog__articles__group__row__menu__categories__item {
  display: flex;
  align-items: center;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 600;
}
.blog__articles__group__row__menu__categories__item input[type=checkbox] {
  margin-right: 1rem;
  transform: scale(1.4);
  accent-color: #265088;
}
.blog__articles__group__row__menu__categories__item input[type=checkbox]:checked {
  background: #265088;
}
.blog__articles__group__row__menu__categories__item sup {
  font-size: 1.2rem;
  margin-top: -1rem;
  margin-left: 0.2rem;
  font-weight: 600;
}
.blog__articles__cards {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6rem;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards {
    gap: 5rem;
  }
}
.blog__articles__cards__text {
  width: 9.4rem;
  height: 1.8rem;
}
.blog__articles__cards__text p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 400;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards__text {
    display: none;
  }
}
.blog__articles__cards__card {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards__card {
    display: flex;
    width: 34.3rem;
    height: 100%;
    padding: 0rem;
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.blog__articles__cards__card__img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 38.4rem;
  height: 25.6rem;
  border-radius: 1.2rem;
  background: lightgray 50%/cover no-repeat;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards__card__img {
    display: flex;
    height: 19rem;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.blog__articles__cards__card__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}
.blog__articles__cards__card__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards__card__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
.blog__articles__cards__card__wrapper__tags {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.blog__articles__cards__card__wrapper__tags__tag {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 28px;
  background: #E6EAF2;
  color: #265088;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.blog__articles__cards__card__wrapper__heading {
  height: 4rem;
  align-self: stretch;
  max-width: 54.4rem;
  max-height: 4rem;
  margin-bottom: 1rem;
}
.blog__articles__cards__card__wrapper__heading h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  color: #265088;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog__articles__cards__card__wrapper__body {
  max-width: 54.4rem;
}
.blog__articles__cards__card__wrapper__body p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: #265088;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__cards__card__wrapper__body p {
    -webkit-line-clamp: 3;
  }
}
.blog__articles__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .blog__articles__pagination {
    margin-top: 3rem;
  }
}
.blog__articles__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog__articles__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.blog__articles__pagination__list li:not(.blog__articles__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.blog__articles__pagination__list li:not(.blog__articles__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.blog__articles__pagination__list li:not(.blog__articles__pagination__list__item)::marker {
  content: none;
}
.blog__articles__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.blog__articles__pagination__list__item span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: none;
}
.blog__articles__pagination__list__item svg {
  pointer-events: none;
}
.rtl .blog__articles__pagination__list__item svg {
  transform: rotate(180deg);
}
.blog__articles__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.blog__articles__pagination__list__item.pagination__item--active span {
  color: white !important;
}
.blog__articles__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.hubproduct {
  padding-top: 8.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct {
    padding-top: 7rem;
  }
}
.hubproduct__section__group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group {
    text-align: center;
    margin-top: 3rem;
  }
}
.hubproduct__section__group__title {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
  padding-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__title {
    padding-bottom: 2rem;
  }
}
.hubproduct__section__group__description {
  white-space: pre-wrap;
  padding-bottom: 3rem;
  text-align: center;
  width: 47.7rem;
}
.hubproduct__section__group__description p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  white-space: initial;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__description {
    max-width: 34.3rem;
    padding-bottom: 2rem;
  }
}
.hubproduct__section__group__row {
  display: flex;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__row {
    flex-direction: column;
    gap: 2rem;
  }
}
.hubproduct__section__group__row__menu {
  position: relative;
}
.hubproduct__section__group__row__menu__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 29rem;
  height: 4.4rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 900;
  line-height: normal;
  color: #265088;
}
.hubproduct__section__group__row__menu__toggle svg {
  pointer-events: none;
}
.hubproduct__section__group__row__menu__toggle.is-active svg {
  rotate: 180deg;
}
.hubproduct__section__group__row__menu__dropdown {
  visibility: hidden;
  position: absolute;
  display: block;
  z-index: -1;
  opacity: 0;
  width: 48rem;
  margin-top: 0.8rem;
  background-color: #E6EAF2;
  border-radius: 1.2rem;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.hubproduct__section__group__row__menu__dropdown.is-active {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}
.hubproduct__section__group__row__menu__dropdown.small {
  width: 100%;
}
.hubproduct__section__group__row__menu__dropdown.small .hubproduct__section__group__row__menu__categories {
  flex-direction: column;
}
.hubproduct__section__group__row__menu__dropdown.small .hubproduct__section__group__row__menu__categories__column {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__row__menu__dropdown {
    width: 100%;
  }
}
.hubproduct__section__group__row__menu__categories {
  display: flex;
  flex-direction: row;
  gap: 3rem 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__row__menu__categories {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.hubproduct__section__group__row__menu__categories__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__group__row__menu__categories__column {
    width: 100%;
  }
}
.hubproduct__section__group__row__menu__categories__column ul {
  display: none;
  list-style: none;
  padding-left: 2rem;
  margin-top: -2rem;
  flex-direction: column;
  gap: 1rem;
}
.hubproduct__section__group__row__menu__categories__column ul .hubproduct__section__group__row__menu__categories__item {
  font-weight: 400;
}
.hubproduct__section__group__row__menu__categories__column ul .hubproduct__section__group__row__menu__categories__item sup {
  font-weight: 400;
}
.hubproduct__section__group__row__menu__categories__column ul.active {
  display: flex;
}
.hubproduct__section__group__row__menu__categories__item {
  display: flex;
  align-items: center;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 600;
}
.hubproduct__section__group__row__menu__categories__item input[type=checkbox] {
  margin-right: 1rem;
  transform: scale(1.4);
  accent-color: #265088;
}
.hubproduct__section__group__row__menu__categories__item input[type=checkbox]:checked {
  background: #265088;
}
.rtl .hubproduct__section__group__row__menu__categories__item {
  gap: 0.5rem;
}
.hubproduct__section__group__row__menu__categories__item__checkbox {
  border-radius: 2rem;
  border: 1.5px solid #265088;
}
.hubproduct__section__group__row__menu__categories__item sup {
  font-size: 1.2rem;
  margin-top: -1rem;
  margin-left: 0.2rem;
  font-weight: 600;
}
.hubproduct__section__group__row__menu__categories__item.tag-nouveautes {
  color: #13A538 !important;
}
.hubproduct__section__group__row__menu__categories__item.tag-nouveautes sup {
  color: #265088;
}
.hubproduct__section__group__row__menu__categories__count {
  margin-left: auto;
  background-color: #E6EAF2;
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #265088;
}
.hubproduct__section__product__count {
  padding: 0rem 4rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__count {
    padding-left: 1.6rem;
  }
}
.hubproduct__section__product__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 cartes par ligne */
  align-items: center;
  gap: 2rem;
  width: 102.4rem;
  padding: 0 4rem 3rem 4rem;
  margin-top: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 1.6rem 0 1.6rem;
    width: 100%;
  }
}
.hubproduct__section__product__list__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 22rem;
  height: 27.7rem;
  padding: 2rem;
  border-radius: 1.2rem;
  background: #f5f7fa;
  text-decoration: none;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__list__card {
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}
.hubproduct__section__product__list__card__image {
  width: 100%;
  max-height: 20rem;
  overflow: hidden;
}
.hubproduct__section__product__list__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__list__card__image img {
    width: 100%;
  }
}
.hubproduct__section__product__list__card__info {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  flex: 1;
}
.hubproduct__section__product__list__livetv {
  position: relative;
  grid-column: span 2; /* Prend 2 colonnes */
  gap: 6rem;
  width: 100%;
  height: 27.7rem;
  border-radius: 2rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__list__livetv {
    height: 21.4rem;
  }
}
.hubproduct__section__product__list__livetv::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2rem;
  z-index: 1;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__list__livetv::after {
    grid-column: span 2;
    width: 100%;
    height: auto;
  }
}
.hubproduct__section__product__list__livetv img {
  object-fit: cover;
  object-position: center;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
}
.hubproduct__section__product__list__livetv__info {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  position: absolute;
  max-width: 30rem;
  max-height: 3rem;
  bottom: 3rem;
  padding: 2rem;
  z-index: 1;
  color: #fff;
  z-index: 2;
}
.hubproduct__section__product__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubproduct__section__product__pagination {
    margin-top: 3rem;
  }
}
.hubproduct__section__product__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hubproduct__section__product__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.hubproduct__section__product__pagination__list li:not(.hubproduct__section__product__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.hubproduct__section__product__pagination__list li:not(.hubproduct__section__product__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.hubproduct__section__product__pagination__list li:not(.hubproduct__section__product__pagination__list__item)::marker {
  content: none;
}
.hubproduct__section__product__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.hubproduct__section__product__pagination__list__item span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: none;
}
.hubproduct__section__product__pagination__list__item svg {
  pointer-events: none;
}
.rtl .hubproduct__section__product__pagination__list__item svg {
  transform: rotate(180deg);
}
.hubproduct__section__product__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.hubproduct__section__product__pagination__list__item.pagination__item--active span {
  color: white !important;
}
.hubproduct__section__product__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.rtl .hubproduct .hubproduct__section__group__row__menu:last-child .hubproduct__section__group__row__menu__dropdown.is-active {
  left: 0;
}
.hubrecipe {
  padding-top: 8.4rem;
}
.hubrecipe__section__group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group {
    text-align: center;
    margin-top: 3rem;
  }
}
.hubrecipe__section__group__title {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
  padding-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__title {
    padding-bottom: 2rem;
  }
}
.hubrecipe__section__group__description {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  padding-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__description {
    max-width: 34.3rem;
    padding-bottom: 2rem;
  }
}
.hubrecipe__section__group__row {
  display: flex;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__row {
    flex-direction: column;
    gap: 2rem;
  }
}
.hubrecipe__section__group__row__menu {
  position: relative;
}
.hubrecipe__section__group__row__menu__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 29rem;
  height: 4.4rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: #265088;
}
.hubrecipe__section__group__row__menu__toggle svg {
  pointer-events: none;
}
.hubrecipe__section__group__row__menu__toggle.is-active svg {
  rotate: 180deg;
}
.hubrecipe__section__group__row__menu__dropdown {
  visibility: hidden;
  position: absolute;
  display: block;
  z-index: -1;
  opacity: 0;
  width: 48rem;
  margin-top: 0.8rem;
  background-color: #E6EAF2;
  border-radius: 1.2rem;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.hubrecipe__section__group__row__menu__dropdown.is-active {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}
.hubrecipe__section__group__row__menu__dropdown.small {
  width: 100%;
}
.hubrecipe__section__group__row__menu__dropdown.small .hubrecipe__section__group__row__menu__categories {
  flex-direction: column;
}
.hubrecipe__section__group__row__menu__dropdown.small .hubrecipe__section__group__row__menu__categories__column {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__row__menu__dropdown {
    width: 100%;
  }
}
.hubrecipe__section__group__row__menu__categories {
  display: flex;
  flex-direction: row;
  gap: 3rem 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__row__menu__categories {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.hubrecipe__section__group__row__menu__categories__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__row__menu__categories__column {
    width: 100%;
  }
}
.hubrecipe__section__group__row__menu__categories__column ul {
  display: none;
  list-style: none;
  padding-left: 2rem;
  margin-top: -2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hubrecipe__section__group__row__menu__categories__column ul .hubrecipe__section__group__row__menu__categories__item {
  font-weight: 400;
}
.hubrecipe__section__group__row__menu__categories__column ul .hubrecipe__section__group__row__menu__categories__item sup {
  font-weight: 400;
}
.hubrecipe__section__group__row__menu__categories__column ul.active {
  display: flex;
}
.hubrecipe__section__group__row__menu__categories__item {
  display: flex;
  align-items: center;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 600;
}
.hubrecipe__section__group__row__menu__categories__item input[type=checkbox] {
  margin-right: 1rem;
  transform: scale(1.4);
  accent-color: #265088;
}
.hubrecipe__section__group__row__menu__categories__item input[type=checkbox]:checked {
  background: #265088;
}
.hubrecipe__section__group__row__menu__categories__item__checkbox {
  border-radius: 2rem;
  border: 1.5px solid #265088;
}
.hubrecipe__section__group__row__menu__categories__item sup {
  font-size: 1.2rem;
  margin-top: -1rem;
  margin-left: 0.2rem;
  font-weight: 600;
}
.hubrecipe__section__group__row__menu__categories__count {
  margin-left: auto;
  background-color: #E6EAF2;
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #265088;
}
.hubrecipe__section__group__search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  gap: 1rem;
  width: 100%;
  padding: 1rem 3.7rem 1rem 3.7rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__search {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 0 1.6rem 0 1.6rem;
    margin-bottom: 2.8rem;
  }
}
.hubrecipe__section__group__search__count {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__search__count {
    align-items: flex-start;
  }
}
.hubrecipe__section__group__search__input {
  position: relative;
  width: 45.1rem;
  height: 4.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__group__search__input {
    width: 100%;
    margin: 0;
  }
}
.hubrecipe__section__group__search__input svg {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.hubrecipe__section__group__search__input input {
  width: 100%;
  height: 100%;
  padding-left: 3.5rem;
  border-radius: 0.6rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  border: 2px solid #E6EAF2;
  background: #fff;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: rgba(19, 64, 147, 0.6);
}
.hubrecipe__section__group__search__input input::placeholder {
  color: rgba(19, 64, 147, 0.4);
}
.hubrecipe__section__recipe__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
  padding: 0 3.7rem 0 3.7rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 1.6rem 0 1.6rem;
    width: 100%;
  }
}
.hubrecipe__section__recipe__list__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  width: 30.3rem;
  height: 39rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__list__card {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 16.6rem;
    justify-content: center;
  }
}
.hubrecipe__section__recipe__list__card__img {
  width: 100%;
  height: 22.7rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.hubrecipe__section__recipe__list__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__list__card__img img {
    width: 100%;
  }
}
.hubrecipe__section__recipe__list__card h4 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__list__card h4 {
    padding-bottom: 3.8rem;
  }
}
.hubrecipe__section__recipe__list__card__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.hubrecipe__section__recipe__list__card__tag p {
  text-decoration: none;
  padding: 0.8rem 1.2rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__list__card__tag a:nth-child(2) {
    display: none;
  }
}
.hubrecipe__section__recipe__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .hubrecipe__section__recipe__pagination {
    margin: 3rem 0 2rem 0;
  }
}
.hubrecipe__section__recipe__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hubrecipe__section__recipe__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.hubrecipe__section__recipe__pagination__list li:not(.hubrecipe__section__recipe__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.hubrecipe__section__recipe__pagination__list li:not(.hubrecipe__section__recipe__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.hubrecipe__section__recipe__pagination__list li:not(.hubrecipe__section__recipe__pagination__list__item)::marker {
  content: none;
}
.hubrecipe__section__recipe__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.hubrecipe__section__recipe__pagination__list__item svg {
  pointer-events: none;
}
.hubrecipe__section__recipe__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.hubrecipe__section__recipe__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.manifesto {
  padding-top: 13.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto {
    padding-top: 11rem;
  }
}
.manifesto__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header {
    padding: 0 1.6rem;
  }
}
.manifesto__header__title {
  display: flex;
  margin-bottom: 4rem;
  width: 100%;
}
.manifesto__header__title__hidden {
  height: 0;
  width: 0;
  overflow: hidden;
}
.manifesto__header__title__desktopimg {
  display: block;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__title__desktopimg {
    display: none;
  }
}
.manifesto__header__title__mobileimg {
  display: none;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__title__mobileimg {
    display: block;
  }
}
.manifesto__header__card {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__card {
    display: flex;
    flex-direction: column;
  }
}
.manifesto__header__card__content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  height: auto;
  width: calc(100% - 31.4rem);
  padding: 4.6rem 7.1rem 4.6rem 4rem;
  background: #265088;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__card__content {
    gap: 3rem;
    width: 100%;
    padding: 3rem 2rem 5.9rem 2rem;
  }
}
.manifesto__header__card__content__text {
  white-space: pre-wrap;
}
.manifesto__header__card__content__text p {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: white;
}
.manifesto__header__card__content__text p a {
  text-decoration: underline;
  color: white;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__card__content__text p {
    color: #265088;
    /* Body 2 */
    font-family: "Dazzed";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 450;
    line-height: 110%; /* 17.6px */
    color: white;
  }
}
.manifesto__header__card__content h2 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
  color: white;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__card__content h2 {
    color: #265088;
    /* Heading 2 */
    font-family: "BjorgAlive";
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 30.8px */
    text-transform: uppercase;
    color: white;
  }
}
.manifesto__header__card__img {
  overflow: hidden;
  width: 31.4rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%), url(<path-to-image>) lightgray 50%/cover no-repeat;
  position: relative;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__header__card__img {
    width: 100%;
    height: 20.8rem;
  }
}
.manifesto__header__card__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.manifesto__andif {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 4.2rem;
  margin: 9.5rem 0rem 15.9rem 0rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif {
    padding: 0rem 1.6rem;
    margin: 3rem 0rem 6rem 0rem;
    gap: 3rem;
  }
}
.manifesto__andif__body {
  margin: 0rem 4rem;
  width: 55.9rem;
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: #265088;
  font-weight: 700;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif__body {
    margin: 0;
    width: 34.3rem;
  }
}
.manifesto__andif__cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif__cards {
    display: flex;
    flex-direction: column;
  }
}
.manifesto__andif__cards__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30.3rem;
  height: 30.4rem;
  padding: 2rem;
  border-radius: 1.2rem;
}
.manifesto__andif__cards__card:nth-of-type(1) {
  background-color: #FFE500;
}
.manifesto__andif__cards__card:nth-of-type(2) {
  background-color: #E6EAF2;
}
.manifesto__andif__cards__card:nth-of-type(3) {
  background-color: #13A538;
}
.manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__body p, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__body ul, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__body li, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__body a, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__hover p, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__hover ul, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__hover li, .manifesto__andif__cards__card:nth-of-type(3) .manifesto__andif__cards__card__hover a {
  color: #fff !important;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif__cards__card {
    width: 100%;
  }
  .manifesto__andif__cards__card .manifesto__andif__cards__card.active .manifesto__andif__cards__card__body {
    display: none !important;
  }
  .manifesto__andif__cards__card .manifesto__andif__cards__card.active .manifesto__andif__cards__card__hover {
    display: flex !important;
  }
}
.manifesto__andif__cards__card__title {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4rem 0.8rem;
  gap: 0.6rem;
  border-radius: 2.8rem;
  background: #fff;
}
.manifesto__andif__cards__card__body {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  width: 100%;
  height: auto;
}
.manifesto__andif__cards__card__hover {
  display: none;
  align-items: flex-start;
  flex-direction: column;
  gap: 1rem;
  color: #265088;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.manifesto__andif__cards__card__hover ul {
  color: #265088;
  list-style-type: disc;
  padding-left: 1.4rem;
  line-height: 1rem;
}
.manifesto__andif__cards__card__hover ul li {
  display: list-item;
  width: calc(100% - 1rem - 0.6rem);
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  margin-top: 1rem;
}
.manifesto__andif__cards :hover .manifesto__andif__cards__card__body {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif__cards :hover .manifesto__andif__cards__card__body {
    display: flex;
  }
}
.manifesto__andif__cards :hover .manifesto__andif__cards__card__hover {
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__andif__cards :hover .manifesto__andif__cards__card__hover {
    display: none;
  }
}
.manifesto__content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #265088;
  gap: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__content {
    padding-top: 5.2rem;
    margin-top: 10rem;
  }
}
.manifesto__content__elipse {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 108.8rem;
  height: 18.8rem;
  background-color: #265088;
  border-radius: 50%;
  transform: translate3d(-3.1rem, -6.4rem, 1px);
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__content__elipse {
    width: 38.8rem;
    height: 7.4rem;
    transform: translate3d(-0.5rem, -4rem, 1px);
  }
}
.manifesto__content__text {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: white;
  width: 56rem;
  height: auto;
  margin: 6.2rem auto 4rem 4rem;
}
.manifesto__content__text a {
  color: white;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__content__text {
    margin: 0;
    width: 34.2rem;
    margin-bottom: 6rem;
  }
}
.manifesto__content__cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-bottom: 4.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__content__cards {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    width: 100%;
    gap: 0;
  }
}
.manifesto__content__cards__card {
  display: flex;
  flex-direction: column;
  width: 30.3rem;
  height: 39.2rem;
  gap: 2rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__content__cards__card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    margin-right: 1.6rem;
  }
  .manifesto__content__cards__card:first-child {
    margin-left: 1.6rem;
  }
}
.manifesto__content__cards__card__img {
  display: flex;
  width: 100%;
  border-radius: 1.2rem;
}
.manifesto__content__cards__card__img img {
  width: 100%;
  height: 25.4rem;
  overflow: hidden;
  object-fit: cover;
  border-radius: 1.2rem;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.manifesto__content__cards__card__tags {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
}
.manifesto__content__cards__card__tags__tag {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.2rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
}
.manifesto__content__cards__card__title {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: white;
}
.manifesto__slides {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 42.4rem;
  overflow: hidden;
  background-color: #002B52;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__slides {
    height: 52rem;
  }
}
.manifesto__slides__card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc(100% - 11.4rem);
  margin-top: 5.7rem;
  margin-bottom: 5.7rem;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  transition: opacity 0.3s ease;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__slides__card {
    height: max-content;
    position: static;
    display: none;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.manifesto__slides__card.active {
  opacity: 1;
  z-index: 2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__slides__card.active {
    display: flex;
  }
}
.manifesto__slides__card__content {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  width: 56rem;
  margin-left: 4rem;
}
.manifesto__slides__card__content__header {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  color: white;
}
.manifesto__slides__card__content__body {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: white;
}
.manifesto__slides__card__content__body p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manifesto__slides__card__img {
  width: 31.2rem;
  height: 30.9rem;
  margin-right: 4.9rem;
  border-radius: 1.2rem;
  background-size: cover;
  background-position: center;
}
.manifesto__slides__card__img img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__slides__card {
    flex-direction: column;
    align-items: flex-start;
  }
  .manifesto__slides__card__content {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding: 4rem 1.6rem 2rem;
  }
  .manifesto__slides__card__img {
    width: 100%;
    max-height: 21.6rem;
    max-width: 100%;
    padding: 0 1.6rem;
  }
  .manifesto__slides__card .manifesto__slides__progress {
    position: static;
    width: 100%;
    padding: 0 1.6rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: flex;
    gap: 1.2rem;
  }
}
.manifesto__slides__progress {
  position: absolute;
  display: flex;
  bottom: 5.7rem;
  left: 4.4rem;
  gap: 1.2rem;
  margin-top: 10.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .manifesto__slides__progress {
    position: static;
    margin-top: auto;
    margin-bottom: 4rem;
    margin-left: 1.6rem;
  }
}
.manifesto__slides__progress__segment {
  height: 0.4rem;
  width: 3.5rem;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
}
.manifesto__slides__progress__segment.active .manifesto__slides__progress__fill {
  animation: fill 20s linear forwards;
}
.manifesto__slides__progress__segment.completed .manifesto__slides__progress__fill {
  width: 100%;
  animation: none;
  transition: none;
}
.manifesto__slides__progress__fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease;
}
@keyframes fill {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.mentions {
  width: 100%;
  padding: 3rem 1.6rem;
  margin-top: 6rem;
}
@media (min-width: 1024px) {
  .mentions {
    width: 80rem;
    padding: 6rem 4rem;
  }
}
.mentions h1 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.mentions h2 {
  margin-top: 3rem;
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
}
@media (min-width: 1024px) {
  .mentions h2 {
    margin-top: 6rem;
  }
}
.mentions h1, .mentions h2, .mentions p {
  margin-bottom: 3rem;
}
.mentions p, .mentions li {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.mentions ul {
  list-style: disc;
  margin-left: 2rem;
}
.mentions a {
  color: #265088;
}
.modular {
  display: flex;
  flex-direction: column;
  padding-top: 12.5rem;
  gap: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .modular {
    width: 37.5rem;
  }
}
.needinspiration {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 11.3rem;
}
.needinspiration__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  gap: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__header {
    text-align: center;
    gap: 2rem;
  }
}
.needinspiration__header__header {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.needinspiration__header__body {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__header__body {
    width: 34.3rem;
  }
}
.needinspiration__products {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.needinspiration__products__dropdowns {
  display: flex;
  gap: 3rem;
  margin-top: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__dropdowns {
    flex-direction: column;
    gap: 2rem;
  }
}
.needinspiration__products__dropdowns__menu {
  position: relative;
}
.needinspiration__products__dropdowns__menu__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 29rem;
  height: 4.4rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  color: #265088;
}
.needinspiration__products__dropdowns__menu__toggle svg {
  pointer-events: none;
}
.needinspiration__products__dropdowns__menu__toggle.is-active svg {
  rotate: 180deg;
}
.needinspiration__products__dropdowns__menu__dropdown {
  visibility: hidden;
  position: absolute;
  display: block;
  z-index: -1;
  opacity: 0;
  width: 48rem;
  margin-top: 0.8rem;
  background-color: #E6EAF2;
  border-radius: 1.2rem;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.needinspiration__products__dropdowns__menu__dropdown.is-active {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}
.needinspiration__products__dropdowns__menu__dropdown.small {
  width: 100%;
}
.needinspiration__products__dropdowns__menu__dropdown.small .needinspiration__products__dropdowns__menu__categories {
  flex-direction: column;
}
.needinspiration__products__dropdowns__menu__dropdown.small .needinspiration__products__dropdowns__menu__categories__column {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__dropdowns__menu__dropdown {
    width: 100%;
  }
}
.needinspiration__products__dropdowns__menu__categories {
  display: flex;
  flex-direction: row;
  gap: 3rem 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__dropdowns__menu__categories {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.needinspiration__products__dropdowns__menu__categories__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__dropdowns__menu__categories__column {
    width: 100%;
  }
}
.needinspiration__products__dropdowns__menu__categories__column ul {
  list-style: none;
  padding-left: 2rem;
  margin-top: -2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  display: none;
}
.needinspiration__products__dropdowns__menu__categories__column ul .needinspiration__products__dropdowns__menu__categories__item {
  font-weight: 400;
}
.needinspiration__products__dropdowns__menu__categories__column ul .needinspiration__products__dropdowns__menu__categories__item sup {
  font-weight: 400;
}
.needinspiration__products__dropdowns__menu__categories__column ul.active {
  display: flex;
}
.needinspiration__products__dropdowns__menu__categories__item {
  display: flex;
  align-items: center;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 600;
}
.needinspiration__products__dropdowns__menu__categories__item input[type=checkbox] {
  margin-right: 1rem;
  transform: scale(1.4);
  accent-color: #265088;
}
.needinspiration__products__dropdowns__menu__categories__item input[type=checkbox]:checked {
  background: #265088;
}
.needinspiration__products__dropdowns__menu__categories__item__checkbox {
  border-radius: 2rem;
  border: 1.5px solid #265088;
}
.needinspiration__products__dropdowns__menu__categories__item sup {
  font-size: 1.2rem;
  margin-top: -1rem;
  margin-left: 0.2rem;
  font-weight: 600;
}
.needinspiration__products__dropdowns__menu__categories__count {
  margin-left: auto;
  background-color: #E6EAF2;
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #265088;
}
.needinspiration__products__panel {
  display: flex;
  height: auto;
  width: auto;
  margin: 4rem;
  gap: 1.6rem;
}
.needinspiration__products__panel.desktop {
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel.desktop {
    display: none;
  }
}
.needinspiration__products__panel.mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel.mobile {
    display: flex;
  }
}
.needinspiration__products__panel__card {
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 1.2rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__card {
    border-radius: 1rem;
    padding: 1rem 0.8rem;
  }
}
.needinspiration__products__panel__card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  height: auto;
  width: 100%;
}
.needinspiration__products__panel__card__tags__tag {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4rem 0.8rem;
  border-radius: 2.8rem;
  background: #FFFFFF;
  min-width: max-content;
}
.needinspiration__products__panel__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.needinspiration__products__panel__card__header {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media (min-width: 320px) and (max-width: 1023px) and (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__card__header {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.8em;
  }
}
.needinspiration__products__panel__card--product {
  background: #265088;
}
.needinspiration__products__panel__card--product img {
  height: 20.3rem;
  width: 100%;
  object-fit: contain;
}
.needinspiration__products__panel__card--recipe {
  position: relative;
  overflow: hidden;
}
.needinspiration__products__panel__card--recipe img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.needinspiration__products__panel__column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.needinspiration__products__panel__column__left {
  width: 22.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-radius: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__left {
    width: 16.8rem;
  }
}
.needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(odd) {
  height: 37.8rem;
}
.needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(odd).needinspiration__products__panel__card--product img {
  height: 28.3rem;
}
.needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(even) {
  height: 32rem;
}
.needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(even).needinspiration__products__panel__card--product img {
  height: 23.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(1), .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(5) {
    height: 21rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(1).needinspiration__products__panel__card--product img, .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(5).needinspiration__products__panel__card--product img {
    height: 14rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(2), .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(6) {
    height: 24.6rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(2).needinspiration__products__panel__card--product img, .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(6).needinspiration__products__panel__card--product img {
    height: 17.6rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(3) {
    height: 24.6rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(3).needinspiration__products__panel__card--product img {
    height: 17.6rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(4) {
    height: 16.7rem;
  }
  .needinspiration__products__panel__column__left .needinspiration__products__panel__card:nth-of-type(4).needinspiration__products__panel__card--product img {
    height: 9.7rem;
  }
}
.needinspiration__products__panel__column__center {
  display: flex;
  flex-direction: column;
  width: 38.4rem;
  border-radius: 1.2rem;
  gap: 1.6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__center {
    display: none;
  }
}
.needinspiration__products__panel__column__center .needinspiration__products__panel__card:nth-of-type(odd) {
  height: 44.4rem;
}
.needinspiration__products__panel__column__center .needinspiration__products__panel__card:nth-of-type(odd).needinspiration__products__panel__card--product img {
  height: 35.4rem;
}
.needinspiration__products__panel__column__center .needinspiration__products__panel__card:nth-of-type(even) {
  height: 25.4rem;
}
.needinspiration__products__panel__column__center .needinspiration__products__panel__card:nth-of-type(even).needinspiration__products__panel__card--product img {
  height: 16.4rem;
}
.needinspiration__products__panel__column__right {
  display: flex;
  flex-direction: column;
  border-radius: 1.2rem;
  gap: 1.6rem;
  width: 30.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__right {
    width: 16.7rem;
  }
}
.needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(odd) {
  height: 30.4rem;
}
.needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(odd).needinspiration__products__panel__card--product img {
  height: 21.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(odd) {
    height: 24.6rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(odd).needinspiration__products__panel__card--product img {
    height: 17.6rem;
  }
}
.needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(even) {
  height: 39.4rem;
}
.needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(even).needinspiration__products__panel__card--product img {
  height: 30.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(even) {
    height: 16.7rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(even).needinspiration__products__panel__card--product img {
    height: 9.7rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(1), .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(5) {
    height: 24.6rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(1).needinspiration__products__panel__card--product img, .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(5).needinspiration__products__panel__card--product img {
    height: 17.6rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(2), .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(6) {
    height: 17.3rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(2).needinspiration__products__panel__card--product img, .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(6).needinspiration__products__panel__card--product img {
    height: 10.3rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(3) {
    height: 17.3rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(3).needinspiration__products__panel__card--product img {
    height: 10.3rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(4) {
    height: 24.6rem;
  }
  .needinspiration__products__panel__column__right .needinspiration__products__panel__card:nth-of-type(4).needinspiration__products__panel__card--product img {
    height: 17.6rem;
  }
}
.needinspiration__products__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .needinspiration__products__pagination {
    margin: 3rem 0 2rem 0;
  }
}
.needinspiration__products__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.needinspiration__products__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.needinspiration__products__pagination__list li:not(.needinspiration__products__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.needinspiration__products__pagination__list li:not(.needinspiration__products__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.needinspiration__products__pagination__list li:not(.needinspiration__products__pagination__list__item)::marker {
  content: none;
}
.needinspiration__products__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.needinspiration__products__pagination__list__item svg {
  pointer-events: none;
}
.needinspiration__products__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.needinspiration__products__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
@charset "UTF-8";
.pro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro__header {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 3rem 0;
  gap: 9rem;
  margin-top: 10.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__header {
    flex-direction: column;
    margin-top: 0rem;
    padding-top: 0rem;
    gap: 5.9rem;
  }
}
.pro__header__img {
  display: flex;
  width: 43rem;
  height: 43rem;
  border-radius: 0 2rem 2rem 0;
  background: lightgray 50%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__header__img {
    width: 37.5rem;
    height: 34.1rem;
    border-radius: 0 0 2rem 2rem;
  }
}
.pro__header__img img {
  height: inherit;
  width: inherit;
  overflow: hidden;
  object-fit: cover;
  border-radius: inherit;
}
.pro__header__text {
  display: flex;
  width: 46.4rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__header__text {
    width: 100%;
    align-items: center;
    padding: 0 2rem;
  }
}
.pro__header__text h1 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.pro__header__text p {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
}
.pro__products {
  display: flex;
  flex-direction: column;
  width: 94.4rem;
  padding: 6rem 0 3rem 0;
  gap: 5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products {
    width: 100%;
    padding: 0 1.6rem;
    box-sizing: border-box;
  }
}
.pro__products__filters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__filters {
    flex-direction: column;
    width: 100%;
    gap: 3rem;
    align-items: flex-start;
  }
}
.pro__products__filters__count {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  margin: 0;
}
.pro__products__filters__menu {
  position: relative;
}
.pro__products__filters__menu__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 29rem;
  height: 4.4rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 900;
  line-height: normal;
  color: #265088;
}
.pro__products__filters__menu__toggle svg {
  pointer-events: none;
}
.pro__products__filters__menu__toggle.is-active svg {
  rotate: 180deg;
}
.pro__products__filters__menu__dropdown {
  visibility: hidden;
  position: absolute;
  display: block;
  z-index: -1;
  opacity: 0;
  width: 48rem;
  margin-top: 0.8rem;
  background-color: #E6EAF2;
  border-radius: 1.2rem;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.pro__products__filters__menu__dropdown.is-active {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}
.pro__products__filters__menu__dropdown.small {
  width: 100%;
}
.pro__products__filters__menu__dropdown.small .pro__products__filters__menu__categories {
  flex-direction: column;
}
.pro__products__filters__menu__dropdown.small .pro__products__filters__menu__categories__column {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__filters__menu__dropdown {
    width: 100%;
  }
}
.pro__products__filters__menu__categories {
  display: flex;
  flex-direction: row;
  gap: 3rem 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__filters__menu__categories {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.pro__products__filters__menu__categories__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__filters__menu__categories__column {
    width: 100%;
  }
}
.pro__products__filters__menu__categories__column ul {
  display: none;
  list-style: none;
  padding-left: 2rem;
  margin-top: -2rem;
  flex-direction: column;
  gap: 1rem;
}
.pro__products__filters__menu__categories__column ul .pro__products__filters__menu__categories__item {
  font-weight: 400;
}
.pro__products__filters__menu__categories__column ul .pro__products__filters__menu__categories__item sup {
  font-weight: 400;
}
.pro__products__filters__menu__categories__column ul.active {
  display: flex;
}
.pro__products__filters__menu__categories__item {
  display: flex;
  align-items: center;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 600;
}
.pro__products__filters__menu__categories__item input[type=checkbox] {
  margin-right: 1rem;
  transform: scale(1.4);
  accent-color: #265088;
}
.pro__products__filters__menu__categories__item input[type=checkbox]:checked {
  background: #265088;
}
.rtl .pro__products__filters__menu__categories__item {
  gap: 0.5rem;
}
.pro__products__filters__menu__categories__item__checkbox {
  border-radius: 2rem;
  border: 1.5px solid #265088;
}
.pro__products__filters__menu__categories__item sup {
  font-size: 1.2rem;
  margin-top: -1rem;
  margin-left: 0.2rem;
  font-weight: 600;
}
.pro__products__filters__menu__categories__item.tag-nouveautes {
  color: #13A538 !important;
}
.pro__products__filters__menu__categories__item.tag-nouveautes sup {
  color: #265088;
}
.pro__products__filters__menu__categories__count {
  margin-left: auto;
  background-color: #E6EAF2;
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #265088;
}
.pro__products__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  align-items: stretch;
}
.pro__products__cards li {
  list-style: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    width: 100%;
  }
}
.pro__products__cards__card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 2rem;
  gap: 2rem;
  text-decoration: none;
  border-radius: 1.2rem;
  background: #F5F7FA;
}
.pro__products__cards__card img {
  width: 100%;
  height: 17rem;
  overflow: hidden;
  object-fit: cover;
}
.pro__products__cards__card h4 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.pro__products__cards__card p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  margin-top: auto;
}
.pro__products__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 3rem;
  padding: 0 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__products__pagination {
    margin-top: 3rem;
  }
}
.pro__products__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pro__products__pagination__list__items {
  display: flex;
  gap: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.pro__products__pagination__list li:not(.pro__products__pagination__list__item) {
  pointer-events: none;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #265088;
}
.pro__products__pagination__list li:not(.pro__products__pagination__list__item) span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.pro__products__pagination__list li:not(.pro__products__pagination__list__item)::marker {
  content: none;
}
.pro__products__pagination__list__item {
  display: flex;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  cursor: pointer;
}
.pro__products__pagination__list__item span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: none;
}
.pro__products__pagination__list__item svg {
  pointer-events: none;
}
.rtl .pro__products__pagination__list__item svg {
  transform: rotate(180deg);
}
.pro__products__pagination__list__item.pagination__item--active {
  width: 3rem;
  height: 3rem;
  background-color: #265088;
  color: #fff;
}
.pro__products__pagination__list__item.pagination__item--active span {
  color: white !important;
}
.pro__products__pagination__list__item.pagination__item--disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.pro__commitments {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 6rem 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__commitments {
    padding: 3rem 1.6rem;
    align-items: center;
    gap: 3rem;
  }
}
.pro__commitments h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  margin-bottom: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__commitments h2 {
    margin-bottom: 0;
  }
}
.pro__commitments__cards {
  display: flex;
  gap: 1.6rem;
  width: 100%;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__commitments__cards {
    flex-direction: column;
  }
}
.pro__commitments__cards__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30.4rem;
  padding: 2rem;
  gap: 1rem;
  border-radius: 1rem;
  background: var(--light-blue, #E6EAF2);
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__commitments__cards__card {
    width: 100%;
  }
}
.pro__commitments__cards__card h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  margin-top: 2rem;
  text-align: center;
}
.pro__commitments__cards__card p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  text-align: center;
}
.pro__commitments a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  height: 4.7rem;
  margin-left: 1rem;
  margin-top: 4rem;
}
.pro__commitments a span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.pro__commitments a svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__commitments a {
    margin-top: 0;
  }
}
.pro__commitments a p {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.pro__commitments a svg {
  width: 0.6rem;
  height: 0.7rem;
}
.pro__email {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 0;
}
.pro__email__background {
  display: flex;
  position: relative;
  z-index: 5;
  width: 94.4rem;
  height: 17.4rem;
  border-radius: 1.2rem;
  background: var(--blue, #265088);
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__email__background {
    width: 34.3rem;
    height: 15.4rem;
  }
}
.pro__email__background__desktop {
  display: flex;
  position: absolute;
  z-index: 10;
  width: 57rem;
  height: 8.6rem;
  top: 4rem;
  left: 15rem;
}
.pro__email__background__desktop img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__email__background__desktop img {
    display: none;
  }
}
.pro__email__background__mobile {
  display: none;
  position: absolute;
  z-index: 10;
  width: 32.9rem;
  height: 9.2rem;
  bottom: 3rem;
  left: 0.68rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .pro__email__background__mobile {
    display: flex;
  }
}
.pro__email__background__mobile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product {
  padding-top: 11.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product {
    padding-top: 0;
  }
}
.product button {
  cursor: pointer;
}
.product button:focus {
  outline: none !important;
}
.product__background {
  position: absolute;
  z-index: -1;
}
.product__background--top {
  top: 25rem;
  width: 128rem;
  height: 112rem;
  left: -12.8rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__background--top {
    width: 100%;
    top: 70rem;
    left: unset;
  }
}
.rtl .product__background--top {
  max-height: 65rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .rtl .product__background--top {
    height: 0rem;
  }
}
.product__background--bottom {
  bottom: 0;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__background--desktop {
    display: none;
  }
}
.product__background--mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__background--mobile {
    display: block;
  }
}
.product__ui__colors--meadow {
  color: #13A538;
}
.product__container {
  max-width: 102.4rem;
  margin: 0 auto;
}
.product__header {
  height: auto;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .product__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
.rtl .product__header {
  flex-direction: row-reverse;
}
.product__header__banner {
  position: relative;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner {
    height: 34.1rem;
    margin-bottom: 5.9rem;
  }
}
@media (min-width: 1024px) {
  .product__header__banner {
    width: 41.6666666667%;
    margin-left: -1.6rem;
  }
}
.product__header__banner--button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  bottom: 7.5rem;
  left: 1.6rem;
  padding: 1rem 0.8rem;
  border-radius: 1.2rem;
  background-color: #f8f8f8;
  transition: all 0.15s linear;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #265088;
  font-weight: 900;
  line-height: 110%;
}
.product__header__banner--button:hover, .product__header__banner--button:active, .product__header__banner--button:focus {
  background-color: #265088;
  color: #FFF;
}
.product__header__banner--button--invert {
  background-color: #265088;
  color: #FFF;
}
.product__header__banner--button--invert:hover, .product__header__banner--button--invert:active, .product__header__banner--button--invert:focus {
  background-color: #f8f8f8;
  color: #265088;
}
@media (min-width: 1024px) {
  .product__header__banner--button {
    left: 4rem;
    bottom: 1.6rem;
    padding: 1.1rem 0.8rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner--button {
    bottom: 1.2rem;
  }
}
.product__header__banner--button__clicktobuy {
  display: flex;
}
.product__header__banner--button__clicktobuy__desktop {
  position: absolute;
  z-index: 10;
  bottom: 1.6rem;
  right: 2rem;
  display: flex;
  padding: 1rem 0.8rem;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 1.2rem;
  background: #13A538;
  transition: all 0.15s linear;
}
.product__header__banner--button__clicktobuy__desktop p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #FFF;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner--button__clicktobuy__desktop {
    display: none;
  }
}
.product__header__banner--button__clicktobuy__desktop:hover {
  background-color: #FFF;
}
.product__header__banner--button__clicktobuy__desktop:hover p {
  color: #13A538;
}
.product__header__banner--button__clicktobuy__mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner--button__clicktobuy__mobile {
    display: flex;
    padding: 1rem 0.8rem;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    height: 3.6rem;
    width: max-content;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 1.2rem;
    background: #13A538;
    transition: all 0.15s linear;
  }
  .product__header__banner--button__clicktobuy__mobile p {
    color: #265088;
    /* UI 2 */
    font-family: "Dazzed";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 13.2px */
    color: #FFF;
  }
  .product__header__banner--button__clicktobuy__mobile:hover {
    background-color: #FFF;
  }
  .product__header__banner--button__clicktobuy__mobile:hover p {
    color: #13A538;
  }
}
.product__header__banner__float--image {
  width: 21rem;
  height: 22rem;
  position: absolute;
  top: 14.3rem;
  right: 2rem;
  rotate: 11deg;
  pointer-events: none;
}
.product__header__banner__float--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .product__header__banner__float--image {
    width: 28.8rem;
    height: 29.9rem;
    rotate: 10deg;
    top: 50%;
    left: 18.1rem;
    transform: translateY(-50%);
  }
  .rtl .product__header__banner__float--image {
    left: unset;
    right: -8rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner__float--image {
    top: unset;
    bottom: -5rem;
  }
}
.product__header__banner__float--svg {
  width: 14rem;
  position: absolute;
  top: 9.6rem;
  right: 0;
  left: unset;
}
.product__header__banner__float--svg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .product__header__banner__float--svg {
    width: 18rem;
    top: 23.5rem;
    left: 13.6rem;
  }
}
.product__header__banner--image {
  margin-bottom: 0;
  height: 43.3rem;
  display: block;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__banner--image {
    height: 100%;
  }
}
.product__header__banner--image img {
  border-radius: 0 0 1rem 1rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .product__header__banner--image img {
    object-fit: cover;
    border-radius: 0 2rem 2rem 0;
  }
}
.product__header__block {
  padding: 3rem 1.6rem 0;
}
@media (min-width: 1024px) {
  .product__header__block {
    width: 50%;
    padding: 0rem 5.3rem 0 0;
    margin-top: 1.8rem;
  }
}
.product__header__block__inner {
  max-width: 48rem;
}
.product__header__block--breadcrumb {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
  margin-bottom: 1.4rem;
}
.product__header__block--breadcrumb button {
  text-decoration: none;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  color: #265088;
  cursor: pointer;
}
.product__header__block--title h1 {
  margin-bottom: 3rem;
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.product__header__block--title p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.product__header__block__content {
  margin-top: 3rem;
  position: relative;
}
.product__header__block__content__details {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 1024px) {
  .product__header__block__content__details {
    flex-direction: row;
    gap: 4rem;
  }
}
.product__header__block__content__details--title {
  margin-bottom: 1.4rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.product__header__block__content__details__options {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.product__header__block__content__details__options p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.product__header__block__content__details__options ul {
  display: flex;
  gap: 0.8rem;
  list-style: none;
}
.product__header__block__content__details__options--circle {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #E6EAF2;
}
.product__header__block__content__details__options--circle-blue {
  background-color: #265088;
}
.product__header__block__content__tip {
  position: relative;
  padding: 1.5rem 2rem 3rem 2rem;
  margin-top: 3rem;
  border-radius: 1.2rem;
  background-color: #E6EAF2;
}
@media (min-width: 1024px) {
  .product__header__block__content__tip {
    width: 65%;
    min-width: 39rem;
    padding-top: 2rem;
    margin-top: 6rem;
  }
}
.rtl .product__header__block__content__tip {
  display: none;
}
.product__header__block__content__tip--title {
  margin-bottom: 2rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.product__header__block__content__tip--text {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.product__header__block__content__tip--image {
  position: absolute;
  top: -3rem;
  left: 29.6rem;
  z-index: 10;
  width: 12.7rem;
  height: 7rem;
  transform: rotate(10deg);
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__block__content__tip--image {
    left: 22.7rem;
  }
}
.product__header__block__content__tip--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product__header__block__content__tip--image--bis {
  top: 0;
}
.product__header__block__content__tip--image--third {
  top: 9rem;
}
.product__header__side-panel {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0.3s linear;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__side-panel {
    padding-top: 7rem;
  }
}
@media (min-width: 1024px) {
  .product__header__side-panel {
    justify-content: flex-end;
  }
}
.product__header__side-panel.open {
  visibility: visible;
  pointer-events: all;
  z-index: 1000;
}
.product__header__side-panel__block {
  position: relative;
  z-index: 20;
  overflow-y: scroll;
  height: calc(100vh - 7rem);
  width: 100%;
  padding: 7.2rem 1.6rem 0.5rem;
  border-radius: 1.2rem 1.2rem 0 0;
  background-color: #FFF;
  transition: transform 0.3s linear;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__header__side-panel__block {
    transform: translateX(-100%);
  }
}
@media (min-width: 1024px) {
  .product__header__side-panel__block {
    transform: translateX(100%);
    height: 100%;
    width: 66.6666666667%;
    padding: 5rem 8rem 6.2rem 2.2rem;
    margin-left: 4rem;
    border-radius: 1rem 0 0 1rem;
  }
}
.rtl .product__header__side-panel__block {
  margin-left: 0;
}
.product__header__side-panel__block.open {
  transform: translateX(0);
}
.rtl .product__header__side-panel__block.open {
  transform: translateX(34rem);
}
.product__header__side-panel__block--close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 20;
  width: 3rem;
  height: 3rem;
}
.product__header__side-panel__block__content {
  margin-bottom: 4rem;
}
.product__header__side-panel__block__content--title {
  margin-bottom: 2rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.product__header__side-panel__block__content ul {
  list-style: none;
}
.product__header__side-panel__block__content ul li {
  margin-bottom: 2rem;
}
.product__header__side-panel__block__content ul li p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.product__header__side-panel__block__content div p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.product__header__side-panel__block__content--line {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product__header__side-panel__block__content--line span {
  display: block;
  flex-grow: 1;
  height: 0.1rem;
  background-color: #E6EAF2;
}
.product__header__side-panel--overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  transition: background-color 0.3s linear;
}
.product__header__side-panel--overlay.open {
  background-color: rgba(38, 80, 136, 0.4);
}
.product__quality .product__container, .product__reviews .product__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
}
.rtl .product__quality, .rtl .product__reviews {
  display: none;
}
.product__quality {
  padding: 3rem 1.6rem;
}
@media (min-width: 1024px) {
  .product__quality {
    padding: 6rem 4rem;
  }
}
.product__quality--title {
  padding: 0 8rem;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.product__quality__block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .product__quality__block {
    flex-direction: row;
    gap: 1.6rem;
  }
}
.product__quality__block__item {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
  padding: 1.2rem;
  border-radius: 1rem;
  background-color: #FFF;
}
@media (min-width: 1024px) {
  .product__quality__block__item {
    flex-direction: column;
    gap: 1.6rem;
    width: 30.4rem;
    height: fit-content;
    padding: 2rem;
  }
}
.product__quality__block__item--image {
  display: flex;
  justify-content: center;
  align-items: end;
  height: 10.5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__quality__block__item--image {
    height: 100%;
    align-items: center;
    width: 9rem;
  }
}
.product__quality__block__item--image img {
  max-height: 7rem;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__quality__block__item--image img {
    max-height: 5rem;
  }
}
.product__quality__block__item__content {
  padding: 2rem 0 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__quality__block__item__content {
    padding: 0;
    width: 20.7rem;
  }
}
.product__quality__block__item__content--subtitle {
  margin-bottom: 0.5rem;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  height: auto;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__quality__block__item__content--subtitle {
    text-align: start;
  }
}
.product__quality__block__item__content--text {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__quality__block__item__content--text {
    text-align: start;
  }
}
.product__reviews {
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .product__reviews {
    padding: 6rem 0;
  }
}
.product__reviews--title {
  padding: 0 1.6rem;
  text-align: center;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.product__reviews__block {
  display: flex;
  gap: 1rem;
  width: 100%;
  padding: 0 1.6rem;
  overflow-y: scroll;
}
@media (min-width: 1024px) {
  .product__reviews__block {
    justify-content: center;
    gap: 3rem;
  }
}
.product__reviews__block__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-shrink: 0;
  width: 55%;
  padding: 1.2rem;
  border-radius: 1rem;
  background-color: #FFE500;
}
@media (min-width: 1024px) {
  .product__reviews__block__item {
    padding: 2rem;
  }
  .product__reviews__block__item:nth-child(2):nth-last-child(2) {
    width: 25.87%;
  }
  .product__reviews__block__item:first-child, .product__reviews__block__item:nth-child(1):nth-last-child(3), .product__reviews__block__item:nth-child(3):nth-last-child(1), .product__reviews__block__item:nth-child(-n+2):nth-last-child(-n+1) {
    width: 23.5%;
    margin: 6rem 0;
  }
}
.product__reviews__block__item__video--block {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 94%;
  margin-bottom: 1.3rem;
}
@media (min-width: 1024px) {
  .product__reviews__block__item__video--block {
    padding-bottom: 133%;
  }
}
.product__reviews__block__item__video--block > img, .product__reviews__block__item__video--block > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  object-fit: cover;
  border-radius: 0.8rem;
}
.product__reviews__block__item__video--block button {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 1.2rem;
}
.product__reviews__block__item__video--block button img {
  width: 2.4rem;
  height: 2.4rem;
}
.product__reviews__block__item--text {
  margin-bottom: 3rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
@media (min-width: 1024px) {
  .product__reviews__block__item--text {
    margin-bottom: 4rem;
  }
}
.product__reviews__block__item--name {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.product__reviews__block__item--image {
  width: 3.5rem;
}
.product__recipes {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem 0;
}
.rtl .product__recipes {
  display: none;
}
.product__recipes__background--color {
  background-color: #FFF;
}
.product__recipes__background--color .product__recipes--title {
  color: #265088;
}
@media (min-width: 1024px) {
  .product__recipes {
    padding: 6rem 0;
  }
}
.product__recipes--title {
  padding: 0 1.6rem;
  text-align: center;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.product__recipes__swiper {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__recipes__swiper {
    padding: 3rem 1.6rem;
    gap: 2rem;
  }
}
.product__recipes__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45rem;
  height: 32.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product__recipes__swiper .swiper-slide {
    width: 34.8rem;
    height: 26rem;
    aspect-ratio: 348/260;
  }
}
.product__recipes__swiper__item {
  display: flex;
  position: relative;
  margin: 0 1rem;
  width: 100%;
  height: 100%;
}
.product__recipes__swiper__item::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.4rem;
}
.product__recipes__swiper__item img, .product__recipes__swiper__item picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.4rem;
}
.product__recipes__swiper__item a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.product__recipes__swiper__item--text {
  position: absolute;
  left: 1.4rem;
  bottom: 1.4rem;
  z-index: 1;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}
.product__recipes__swiper--button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.product__recipes__swiper--button button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
}

body.product-modal-open {
  overflow: hidden !important;
  /* Pour iOS Safari : */
  position: fixed;
  width: 100%;
}
@charset "UTF-8";
.recipe {
  padding-top: 13.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe {
    padding-top: 7rem;
  }
}
.recipe__background {
  position: absolute;
  z-index: -1;
}
.recipe__background--top {
  top: 25rem;
  width: 128rem;
  height: 112rem;
  left: -12.8rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__background--top {
    width: 100%;
    top: 70rem;
    left: unset;
  }
}
.recipe__background--bottom {
  bottom: 0;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__background--desktop {
    display: none;
  }
}
.recipe__background--mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__background--mobile {
    display: block;
  }
}
.recipe__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 102.4rem;
  width: 100%;
  padding: 0 4rem;
  margin-bottom: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header {
    width: 100%;
    flex-direction: column;
    padding: 0 1.5rem;
    margin-bottom: 3rem;
  }
}
.recipe__header__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  width: 46.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__column {
    width: 100%;
    margin: 3rem 0;
  }
}
.recipe__header__column__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__column__content {
    width: 100%;
  }
}
.recipe__header__column__content__breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 0.5rem;
}
.recipe__header__column__content__breadcrumb ul li {
  display: flex;
  align-items: center;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.recipe__header__column__content__breadcrumb ul li a,
.recipe__header__column__content__breadcrumb ul li button {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  color: #265088;
  overflow-wrap: break-word;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.recipe__header__column__content__breadcrumb ul li a span,
.recipe__header__column__content__breadcrumb ul li button span {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  overflow-wrap: break-word;
  word-break: break-word;
}
.recipe__header__column__content__breadcrumb ul li a::after,
.recipe__header__column__content__breadcrumb ul li button::after {
  content: ">";
  color: #13A538;
}
.recipe__header__column__content__breadcrumb ul li button {
  cursor: pointer;
}
.recipe__header__column__content__breadcrumb ul li:last-child a::after {
  content: "";
}
.recipe__header__column__content h1 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.recipe__header__column__content__tag {
  display: flex;
  gap: 1rem;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.recipe__header__column__content__tag p {
  text-decoration: none;
  padding: 0.8rem 1.2rem;
  border-radius: 2.8rem;
  background: #E6EAF2;
  color: #265088;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__column__content__tag {
    flex-wrap: wrap;
  }
}
.recipe__header__column__content__intro {
  width: 100%;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 400;
  color: #265088;
}
.recipe__header__column__sticker {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__column__sticker {
    gap: 3rem;
    overflow-x: auto;
    padding: 0 1.6rem;
  }
}
.recipe__header__column__sticker__card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 21.1rem;
  height: 8.1rem;
  padding: 1.2rem 1.2rem 1.2rem 0.8rem;
  border-radius: 1.2rem;
  background: #FFE500;
  box-shadow: 0px 1.5px 4.5px 0px rgba(0, 0, 0, 0.05);
  transition: background 0.5s ease;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__column__sticker__card {
    min-width: 22rem;
  }
}
.recipe__header__column__sticker__card:hover {
  background: #E6EAF2;
}
.recipe__header__column__sticker__card h4 {
  width: calc(100% - 1rem - 5.7rem);
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.recipe__header__column__sticker__card__img {
  width: 5.7rem;
  height: 5.7rem;
}
.recipe__header__column__sticker__card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.recipe__header__image {
  display: flex;
  width: 43rem;
  height: 43rem;
  object-fit: cover;
  gap: 4rem;
  position: relative;
}
.recipe__header__image img,
.recipe__header__image video,
.recipe__header__image iframe {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__header__image {
    width: 34.3rem;
    height: 34.3rem;
  }
}
.recipe__header__image__playpause {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.recipe__header__image__playpause svg {
  width: 4rem;
  height: 4rem;
}
.recipe__header__image__playpause.hide {
  display: none;
}
.recipe__section__content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 102.4rem;
  padding: 0 4rem;
  margin-bottom: 3rem;
  /* Timer activé */
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    padding: 0 1.6rem;
    margin-top: 3rem;
  }
}
.recipe__section__content ol {
  padding-left: 0;
}
.recipe__section__content li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  counter-increment: step-counter;
  position: relative;
  list-style: none;
}
.recipe__section__content li::before {
  content: counter(step-counter);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  font-family: "Rhetoric";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 95%;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  color: #265088;
}
.recipe__section__content__preparation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 46.3rem;
  height: 100%;
  box-sizing: border-box;
  padding: 3rem;
  border-radius: 1.2rem;
  background: #265088;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__preparation {
    width: 100%;
    padding: 3rem 2rem;
  }
}
.recipe__section__content__preparation h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  color: #fff;
}
.recipe__section__content__preparation li {
  margin-top: 2.5rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 500;
  color: #FFFFFF;
}
.recipe__section__content__preparation li p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 500;
  color: #FFFFFF;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__preparation {
    width: 100%;
  }
}
.recipe__section__content__ingredient {
  display: flex;
  width: 40rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  height: 100%;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__ingredient {
    width: 100%;
    gap: 3rem;
  }
}
.recipe__section__content__ingredient__person {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  line-height: 110%;
  color: #265088;
}
.recipe__section__content__ingredient__person__btn {
  display: flex;
  align-items: center;
}
.recipe__section__content__ingredient__person__btn button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #265088;
  border: none;
  padding: 0;
}
.recipe__section__content__ingredient__person__btn button svg {
  display: block;
}
.recipe__section__content__ingredient__person__btn__count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  width: 3rem;
  height: 3rem;
  font-weight: bold;
  color: #265088;
}
.recipe__section__content__ingredient__quantity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  align-self: stretch;
}
.recipe__section__content__ingredient__quantity h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
}
.recipe__section__content__ingredient__quantity label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 500;
  color: #265088;
}
.recipe__section__content__ingredient__quantity label span {
  font-weight: 700;
}
.recipe__section__content__ingredient__quantity label input[type=checkbox] {
  display: none;
}
.recipe__section__content__ingredient__quantity label .number {
  margin: 0 0.15rem 0 0.15rem;
}
.recipe__section__content__ingredient__quantity label .custom-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  border-radius: 50%;
  border: 2px solid #265088;
  background: white;
}
.recipe__section__content__ingredient__quantity label .custom-checkbox::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #265088;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.recipe__section__content__ingredient__quantity label input[type=checkbox]:checked + .custom-checkbox::after {
  opacity: 1;
}
.recipe__section__content__ingredient__timer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 25.3rem;
  padding: 1rem 1.6rem;
  border-radius: 12px;
  background: #E6EAF2;
}
.recipe__section__content__ingredient__timer__image {
  display: none;
  width: 100%;
  height: 13.4rem;
  position: relative;
}
.recipe__section__content__ingredient__timer__image img,
.recipe__section__content__ingredient__timer__image video,
.recipe__section__content__ingredient__timer__image iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe__section__content__ingredient__timer__image__playpause {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.recipe__section__content__ingredient__timer__image__playpause span {
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  color: #265088;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
}
.recipe__section__content__ingredient__timer__image__playpause span span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.recipe__section__content__ingredient__timer__image__playpause span svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.recipe__section__content__ingredient__timer__image__playpause span:last-of-type {
  display: none;
}
.recipe__section__content__ingredient__timer__image__playpause.paused span:first-of-type {
  display: none;
}
.recipe__section__content__ingredient__timer__image__playpause.paused span:last-of-type {
  display: block;
}
.recipe__section__content__ingredient__timer__image:hover .recipe__section__content__ingredient__timer__image__playpause {
  opacity: 1;
}
.recipe__section__content__ingredient__timer__btnlabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  color: #265088;
}
.recipe__section__content__ingredient__timer__btnlabel svg {
  width: 2.4rem;
  height: 2.4rem;
}
.recipe__section__content__ingredient__timer__start {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  padding: 0.6rem;
  cursor: pointer;
  border-radius: 2rem;
}
.recipe__section__content__ingredient__timer__start span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.recipe__section__content__ingredient__timer__start svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.recipe__section__content__ingredient__timer__start svg {
  width: 1.2rem;
  height: 1.2rem;
}
.recipe__section__content__ingredient__timer__decount {
  display: none;
  align-items: center;
  gap: 1rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  color: #265088;
}
.recipe__section__content__ingredient__timer__decount span {
  display: block;
  width: 4.4rem;
}
.recipe__section__content__ingredient__timer.active .recipe__section__content__ingredient__timer__image {
  display: block;
}
.recipe__section__content__ingredient__timer.active .recipe__section__content__ingredient__timer__decount {
  margin-top: 1rem;
  display: flex;
}
.recipe__section__content__ingredient__timer.active .recipe__section__content__ingredient__timer__btnlabel {
  display: none;
}
.recipe__section__content__ingredient__timer.active .recipe__section__content__ingredient__timer__start {
  margin-top: 1rem;
}
.recipe__section__content__ingredient__timer.active .recipe__section__content__ingredient__timer__start svg {
  rotate: 45deg;
}
.recipe__section__content__ingredient__tips {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  width: 40rem;
  height: auto;
  border-radius: 1.2rem;
  background: #E6EAF2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__ingredient__tips {
    width: 100%;
    padding: 3rem 0.7rem;
  }
}
.recipe__section__content__ingredient__tips__image {
  width: 8rem;
  height: 8rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__ingredient__tips__image {
    width: 6.6rem;
    height: 6.6rem;
  }
}
.recipe__section__content__ingredient__tips__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recipe__section__content__ingredient__tips__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
  width: 27.6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__section__content__ingredient__tips__content {
    width: 34.3rem;
  }
}
.recipe__section__content__ingredient__tips__content h4 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
}
.recipe__section__content__ingredient__tips__content p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.recipe__section__content__timer2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 25.3rem;
  padding: 1rem 1.6rem;
  margin-top: 3rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
}
@media (min-width: 1024px) {
  .recipe__section__content__timer2 {
    display: none;
  }
}
.recipe__section__content__timer2 span {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  color: #265088;
}
.recipe__section__content__timer2 button {
  display: flex;
  padding: 0.8rem;
  align-items: center;
  gap: 1rem;
  border-radius: 20px;
  background: #FFE500;
  /* button solar light */
  box-shadow: 0px -2px 0px 1px rgba(0, 0, 0, 0.5) inset, 0px -4px 0px 2px rgba(0, 0, 0, 0.5) inset, 0px -7px 0px 3px rgba(0, 0, 0, 0.5) inset;
}
.recipe__section__content__content2 {
  display: none;
  justify-content: flex-end;
  align-items: flex-end;
  width: 25.3rem;
  height: 19.4rem;
  margin-top: 3rem;
  padding: 1rem 1.6rem;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  border-radius: 1.2rem;
  background: #E6EAF2;
  /* Image du timer */
}
.recipe__section__content__content2.active {
  display: block;
  opacity: 1;
  transform: scale(1);
}
.recipe__section__content__content2__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 22.1rem;
}
.recipe__section__content__content2__control button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.8rem;
  gap: 1rem;
  border-radius: 2rem;
  background: #FFE500;
  /* button solar light */
  box-shadow: 0px -2px 0px 1px rgba(0, 0, 0, 0.5) inset, 0px -4px 0px 2px rgba(0, 0, 0, 0.5) inset, 0px -7px 0px 3px rgba(0, 0, 0, 0.5) inset;
}
.recipe__section__content__content2__control__display {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  font-weight: 700;
  color: #265088;
}
.recipe__section__content__content2__image img {
  display: flex;
  align-items: flex-start;
  width: 22.1rem;
  height: 13.4rem;
  padding: 1rem;
  gap: 1rem;
  border-radius: 12px;
}
.recipe__section__content__tips2 {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 14.8rem;
  padding: 2rem;
  margin-top: 3rem;
  border-radius: 1.2rem;
  background: #E6EAF2;
}
@media (min-width: 1024px) {
  .recipe__section__content__tips2 {
    display: none;
  }
}
.recipe__section__content__tips2__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
}
.recipe__section__content__tips2__content span {
  width: 26rem;
}
.recipe__recipes {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .recipe__recipes {
    padding: 6rem 0;
  }
}
.recipe__recipes--title {
  padding: 0 1.6rem;
  text-align: center;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.recipe__recipes__swiper {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__recipes__swiper {
    padding: 3rem 1.6rem;
    gap: 2rem;
  }
}
.recipe__recipes__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45rem;
  height: 32.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .recipe__recipes__swiper .swiper-slide {
    width: 34.8rem;
    height: 26rem;
    aspect-ratio: 348/260;
  }
}
.recipe__recipes__swiper__item {
  display: flex;
  position: relative;
  margin: 0 1rem;
  width: 100%;
  height: 100%;
}
.recipe__recipes__swiper__item::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.4rem;
}
.recipe__recipes__swiper__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.4rem;
}
.recipe__recipes__swiper__item a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.recipe__recipes__swiper__item__title {
  position: absolute;
  left: 1.4rem;
  bottom: 1.4rem;
  z-index: 1;
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}
.recipe__recipes__swiper--button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.recipe__recipes__swiper--button button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
}
.recipe__recipes__swiper--button button:hover {
  cursor: pointer;
}

@charset "UTF-8";
.results {
  padding: 3rem 1.6rem;
  margin-top: 8rem;
}
@media (min-width: 1024px) {
  .results {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.results button {
  cursor: pointer;
}
.results button:focus {
  outline: none !important;
}
.results img {
  width: 100%;
}
.results button {
  cursor: pointer;
}
.results__ui__colors--meadow {
  color: #13A538;
}
.results__container {
  max-width: 102.4rem;
  margin: 0 auto;
}
.results__search__form button, .results__section--cta button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
}
.results__search__form button span, .results__section--cta button span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.results__search__form button svg, .results__section--cta button svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.results__search {
  padding-bottom: 1rem;
}
.results__search__form {
  gap: 2rem;
  max-width: 72.3rem;
  margin-bottom: 3rem;
}
.results__search__form, .results__search__form--input {
  display: flex;
  align-items: center;
}
.results__search__form--input {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  padding: 0.6rem 1.4rem 0.6rem 1rem;
  border: 2px solid #E6EAF2;
  border-radius: 0.6rem;
}
.results__search__form--input img {
  width: 3rem;
  height: 3rem;
}
.results__search__form--input input {
  width: 100%;
  padding: 0;
  color: #265088;
  opacity: 0.6;
  border: 0;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
}
.results__search__form--input input:focus {
  outline: none !important;
}
.results__search__form button {
  flex-shrink: 0;
}
.results__search--results p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.results__products__header h2, .results__recipes__header h2, .results__articles__header h2 {
  margin-top: 6rem;
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.results__products--cta, .results__recipes--cta, .results__articles--cta {
  width: 100%;
  text-align: center;
}
.results__section a {
  text-decoration: none;
}
.results__section__header {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 6rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .results__section__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.results__section__header h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.results__section__header p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.results__section--cta {
  width: 100%;
  margin-top: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .results__section--cta {
    margin-top: 4rem;
  }
}
.results__section__products__results, .results__section__recipes__results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 1.1rem;
}
@media (min-width: 1024px) {
  .results__section__products__results, .results__section__recipes__results {
    gap: 2rem;
  }
}
.results__section__products__results--empty, .results__section__recipes__results--empty {
  display: none;
  flex-direction: column;
  gap: 2rem;
}
.results__section__products__results--empty.active, .results__section__recipes__results--empty.active {
  display: flex;
  margin-top: 3rem;
}
.results__section__products__results--empty h3, .results__section__recipes__results--empty h3 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  text-transform: uppercase;
}
.results__section__products__results--empty p, .results__section__recipes__results--empty p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.results__section__products__results--empty a, .results__section__recipes__results--empty a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  width: max-content;
  margin: 3rem auto 0;
}
.results__section__products__results--empty a span, .results__section__recipes__results--empty a span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.results__section__products__results--empty a svg, .results__section__recipes__results--empty a svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.results__section__products__results--empty a span, .results__section__recipes__results--empty a span {
  font-size: 1.4rem;
}
.results__section__products__results--item, .results__section__recipes__results--item {
  width: 30.1rem;
}
.results__section__products__results--item a, .results__section__recipes__results--item a {
  display: flex;
  flex-direction: column;
}
.results__section__products__results--item p, .results__section__recipes__results--item p {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.results__section__products__results--item__image, .results__section__recipes__results--item__image {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.results__section__products__results--item__image img, .results__section__recipes__results--item__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.results__section__products__results {
  row-gap: 1.7rem;
}
@media (min-width: 1024px) {
  .results__section__products__results {
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  }
}
.results__section__products__results--item {
  width: 22.1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__products__results--item {
    width: 16.6rem;
    height: 27rem;
  }
}
.results__section__products__results--item:nth-child(1n+5) {
  display: none;
}
.results__section__products__results--item a {
  justify-content: space-between;
  gap: 2rem;
  height: 100%;
  padding: 2rem;
  background-color: #E6EAF2;
  border-radius: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__products__results--item a {
    justify-content: center;
  }
}
.results__section__products__results--item a img {
  flex-shrink: 0;
}
.results__section__products__results--item a p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.results__section__articles__results--item--tags, .results__section__recipes__results--item--tags {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}
.results__section__articles__results--item--tags p, .results__section__recipes__results--item--tags p {
  padding: 0.8rem 1.2rem;
  border-radius: 2.8rem;
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  text-transform: none;
  background-color: #E6EAF2;
}
.results__section__articles__results--item__image {
  height: 25.6rem;
  width: 38.4rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__articles__results--item__image {
    width: 34.3rem;
    height: 19rem;
  }
}
.results__section__articles__results--item__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.results__section__recipes__results {
  row-gap: 3rem;
}
@media (min-width: 1024px) {
  .results__section__recipes__results {
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__recipes__results--item {
    width: 16.6rem;
  }
  .results__section__recipes__results--item:nth-child(1n+3) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .results__section__recipes__results--item:nth-child(1n+4) {
    display: none;
  }
}
.results__section__recipes__results--item a {
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 1024px) {
  .results__section__recipes__results--item a {
    gap: 2rem;
  }
}
.results__section__recipes__results--item a img {
  border-radius: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__recipes__results--item a {
    margin-top: 0.4rem;
  }
}
.results__section__recipes__results--item--tags {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}
.results__section__recipes__results--item--tags p {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  padding: 0.8rem 1.2rem;
  border-radius: 2.8rem;
  text-transform: none;
  background-color: #E6EAF2;
}
.results__section__articles__results {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .results__section__articles__results {
    gap: 3.7rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__articles__results {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4rem;
  }
}
.results__section__articles__results--item {
  width: 100%;
}
.results__section__articles__results--item:nth-child(1n+3) {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__articles__results--item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.results__section__articles__results--item a {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__articles__results--item a {
    flex-direction: column;
  }
}
.results__section__articles__results--item a img {
  border-radius: 1.2rem;
}
.results__section__articles__results--item--content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: calc(100% - 38.4rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .results__section__articles__results--item--content {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .results__section__articles__results--item--content {
    gap: 2rem;
  }
}
.results__section__articles__results--item--title, .results__section__articles__results--item--text {
  color: #265088;
  font-family: "Dazzed";
  font-style: normal;
  line-height: 110%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 2rem;
}
.results__section__articles__results--item--title {
  font-size: 2rem;
  font-weight: 700;
}
.results__section__articles__results--item--text {
  font-size: 1.6rem;
  font-weight: 500;
}
@font-face {
  font-family: "Rhetoric";
  src: url("/app/themes/bjorg/static/fonts/Rhetoric/Rhetoric-Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Rhetoric";
  src: url("/app/themes/bjorg/static/fonts/Rhetoric/Rhetoric-Ultra.otf") format("opentype");
  font-weight: 900;
  font-style: bolder;
}
@font-face {
  font-family: "Dazzed";
  src: url("/app/themes/bjorg/static/fonts/Dazzed/DazzedTRIAL-Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Dazzed";
  src: url("/app/themes/bjorg/static/fonts/Dazzed/DazzedTRIAL-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: "Dazzed";
  src: url("/app/themes/bjorg/static/fonts/Dazzed/DazzedTRIAL-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: bolder;
}
@font-face {
  font-family: "BjorgAlive";
  src: url("/app/themes/bjorg/static/fonts/BjorgAlive/Bjorgalive-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: bolder;
}
html {
  box-sizing: border-box;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
  display: none;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
}

button {
  border: none;
  background: none;
}

html {
  font-size: 0.9765625vw;
  font-size: calc(0.9765625vw - var(0px) / 102.4);
  overflow-x: hidden;
  width: 100vw;
  margin: 0 !important;
}
html.overflow-hidden {
  height: 100dvh;
  overflow-y: hidden;
  touch-action: none;
  -ms-touch-action: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  html {
    font-size: 2.6666666667vw;
    font-size: calc(2.6666666667vw - var(0px) / 37.5);
  }
}

body {
  margin: 0px;
  padding: 0;
  position: relative;
  transition: all 0.3s ease;
  overflow-x: hidden;
  width: 100vw;
}
body.modal--open {
  height: 100dvh;
  overflow: hidden;
}

.bjorg_checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.2rem !important;
  height: 1.2rem !important;
  border-radius: 0.2rem !important;
  border: 0.15rem solid #265088 !important;
  transition: all 0.3s ease;
}
.bjorg_checkbox:checked {
  background-color: #265088 !important;
}
.bjorg_checkbox:checked::after {
  opacity: 1;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@charset "UTF-8";
.section__biocoach {
  display: flex;
  align-items: center;
  width: 100vw;
  padding: 6rem 4rem;
  gap: 8rem;
}
.rtl .section__biocoach {
  display: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach {
    padding: 3rem 1.6rem;
    gap: 3rem;
    flex-direction: column;
    width: 100%;
  }
}
.section__biocoach__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 62.2rem;
  gap: 4rem;
  order: 1;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left {
    order: 2;
    width: 100%;
    gap: 2rem;
  }
}
.section__biocoach__left__title {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.section__biocoach__left__title__header {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.section__biocoach__left__title__body {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.section__biocoach__left__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left__content {
    width: 100%;
  }
}
.section__biocoach__left__content__search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  border-radius: 1.2rem;
  background-color: #E6EAF2;
}
.section__biocoach__left__content__search__input {
  width: 100%;
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left__content__search__input {
    color: #265088;
    font-family: "Dazzed";
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
}
.section__biocoach__left__content__search__input::placeholder {
  color: #265088;
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.section__biocoach__left__content__search__input:focus::placeholder {
  color: transparent;
}
.section__biocoach__left__content__search__input:focus, .section__biocoach__left__content__search__input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.section__biocoach__left__content__search__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  height: 4.7rem;
  width: auto;
  white-space: nowrap;
  margin-left: 1rem;
  cursor: pointer;
}
.section__biocoach__left__content__search__btn span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.section__biocoach__left__content__search__btn svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.section__biocoach__left__content__cards {
  display: flex;
}
.section__biocoach__left__content__cards__card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 19.8rem;
  height: 14.8rem;
  padding: 8.2rem 1.2rem 1.2rem 1.2rem;
  gap: 0.8rem;
  border-radius: 1.2rem;
  cursor: pointer;
  text-decoration: none;
}
.section__biocoach__left__content__cards__card:nth-of-type(1) {
  background: #265088;
  margin-right: 1.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left__content__cards__card:nth-of-type(1) {
    margin-right: 2rem;
  }
}
.section__biocoach__left__content__cards__card:nth-of-type(even) {
  background: #13A538;
  margin-right: 1.3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left__content__cards__card:nth-of-type(even) {
    margin-right: 0px;
  }
}
.section__biocoach__left__content__cards__card:nth-of-type(3) {
  background: #265088;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__left__content__cards__card:nth-of-type(3) {
    display: none;
  }
}
.section__biocoach__left__content__cards__card p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  color: white;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section__biocoach__left__content__cards__card__btn {
  display: flex;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.8rem;
  align-items: center;
  gap: 1rem;
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
  transition: background-color 0.3s;
  backdrop-filter: blur(7.5px);
}
.section__biocoach__left__content__cards__card__btn svg {
  height: 1.1rem;
  width: 1.1rem;
  color: white;
}
.section__biocoach__left__content__cards__card__btn:hover {
  background-color: #FFE500;
}
.section__biocoach__right {
  display: flex;
  width: 24rem;
  height: 40rem;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
  order: 2;
  border-radius: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__right {
    order: 1;
    height: 25.8rem;
    width: 100%;
    border-radius: 1rem;
  }
}
.section__biocoach__right img {
  height: 100%;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__biocoach__right img {
    display: flex;
    object-fit: cover;
    height: 25.8rem;
    width: 100%;
    aspect-ratio: 343/258;
    border-radius: 1rem;
  }
}
@charset "UTF-8";
.section__header {
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header {
    width: 100%;
    margin-top: 0;
  }
}
.section__header img {
  object-fit: cover;
  width: 43rem;
  height: 43rem;
  border-radius: 0 2rem 2rem 0;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header img {
    width: 100%;
    border-radius: 0 0 1rem 1rem;
  }
}
.section__header__ariane {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header__ariane {
    flex-wrap: wrap;
  }
}
.section__header__ariane p, .section__header__ariane a {
  color: #265088;
  /* UI 2 */
  font-family: "Dazzed";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header__ariane p, .section__header__ariane a {
    flex-wrap: wrap;
  }
}
.section__header__ariane p span, .section__header__ariane a span {
  white-space: nowrap;
}
.section__header__ariane p .section__header__ariane__sep, .section__header__ariane a .section__header__ariane__sep {
  color: #13A538;
}
.section__header__ariane p span, .section__header__ariane a span {
  max-width: 32ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section__header__ariane p span#meta-rubric, .section__header__ariane a span#meta-rubric {
  cursor: pointer;
}
.section__header h1 {
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.section__header__text {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.section__header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 1.3rem;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  text-decoration: none;
}
.section__header__link span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.section__header__link svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.section__header__group {
  display: flex;
  gap: 9rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header__group {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
}
.section__header__group__part2 {
  flex-direction: column;
  margin-top: 5.7rem;
  margin-right: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__header__group__part2 {
    width: 100%;
    padding: 0rem 1.6rem 0rem 1.6rem;
    margin-top: 3rem;
  }
}
.section__header__group__part2 h1 {
  align-items: flex-start;
  margin-bottom: 3rem;
  text-wrap: balance;
}
.section__header__group__part2 p {
  margin-bottom: 3rem;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.modal.open {
  z-index: 999;
}
.picturecitation {
  display: flex;
  width: 100%;
  padding: 0rem 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .picturecitation {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.picturecitation__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .picturecitation__group {
    gap: 3rem;
    flex-direction: column;
  }
}
.picturecitation__group img {
  width: 43rem;
  height: 43rem;
  object-fit: cover;
  border-radius: 1.2rem;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .picturecitation__group img {
    width: 100%;
  }
}
.picturecitation__group__content {
  max-width: 46.4rem;
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
}
.section__slider {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.section__slider__swiper {
  width: 100%;
}
.section__slider__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45rem;
  height: 32.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__slider__swiper .swiper-slide {
    width: 34.8rem;
    height: 26rem;
    aspect-ratio: 348/260;
  }
}
.section__slider__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 4rem;
  position: relative;
}
.section__slider__wrapper h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.section__slider__wrapper .section__slider__wrapper__slide__card {
  display: flex;
  position: relative;
  margin: 0 1rem;
  width: 100%;
  height: 100%;
}
.section__slider__wrapper .section__slider__wrapper__slide__card::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.26%, rgba(0, 0, 0, 0.4) 99.69%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.4rem;
}
.section__slider__wrapper .section__slider__wrapper__slide__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.4rem;
}
.section__slider__wrapper .section__slider__wrapper__slide__card a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.section__slider__wrapper .section__slider__wrapper__slide__card__title {
  position: absolute;
  left: 1.4rem;
  bottom: 1.4rem;
  z-index: 1;
}
.section__slider__wrapper .section__slider__wrapper__slide__card__title h4 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}
.section__slider__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-top: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .section__slider__pagination {
    opacity: 0;
  }
}
.section__slider__pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 2rem;
  background: rgba(19, 64, 147, 0.1);
  backdrop-filter: blur(7.5px);
}
@charset "UTF-8";
.title_text_media_cta {
  width: 100%;
  padding: 0rem 4rem;
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta {
    padding: 0rem 1.6rem;
  }
}
.title_text_media_cta--vertical .title_text_media_cta__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}
.title_text_media_cta--vertical .title_text_media_cta__body__media {
  margin-top: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta--vertical .title_text_media_cta__body__media {
    width: 100%;
  }
}
.title_text_media_cta--vertical .title_text_media_cta__body__media__img {
  overflow: hidden;
  border-radius: 1.2rem;
}
.title_text_media_cta--vertical .title_text_media_cta__body__media__img--4-3 {
  aspect-ratio: 4/3;
  width: 43rem;
}
.title_text_media_cta--vertical .title_text_media_cta__body__media__img--16-9 {
  aspect-ratio: 16/9;
  width: 50.5rem;
}
.title_text_media_cta--vertical .title_text_media_cta__body__media__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.title_text_media_cta--vertical .title_text_media_cta__body__content {
  margin-top: 1rem;
  width: 50.5rem;
  text-align: center;
}
.title_text_media_cta--vertical .title_text_media_cta__body__cta {
  margin-top: 1rem;
}
.title_text_media_cta--vertical .title_text_media_cta__body__media__img {
  width: 50.5rem;
  height: 28.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta--vertical .title_text_media_cta__body__media__img {
    width: 100%;
  }
}
.title_text_media_cta--horizontal {
  flex-direction: row;
  align-items: center;
  gap: 5rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta--horizontal {
    flex-direction: column;
    width: 100%;
    padding: 0 1.6rem;
  }
}
.title_text_media_cta--horizontal .title_text_media_cta__media {
  position: relative;
  width: 43rem;
  height: 43rem;
  overflow: hidden;
  border-radius: 1.2rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta--horizontal .title_text_media_cta__media {
    width: 100%;
  }
}
.title_text_media_cta--horizontal .title_text_media_cta__media__video {
  width: 100%;
  height: 100%;
}
.title_text_media_cta--horizontal .title_text_media_cta__media__video__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.title_text_media_cta--horizontal .title_text_media_cta__media__video__btn.hide {
  display: none;
}
.title_text_media_cta--horizontal .title_text_media_cta__media__video__btn svg {
  width: 4rem;
  height: 4rem;
  pointer-events: none;
}
.title_text_media_cta--horizontal .title_text_media_cta__media img, .title_text_media_cta--horizontal .title_text_media_cta__media video, .title_text_media_cta--horizontal .title_text_media_cta__media iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.title_text_media_cta--horizontal .title_text_media_cta__body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: calc(100% - 5rem - 43rem);
  padding-right: 6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta--horizontal .title_text_media_cta__body {
    width: 100%;
  }
}
.title_text_media_cta--horizontal .title_text_media_cta__body__cta {
  margin-top: 2rem;
}
.title_text_media_cta__body__title {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.title_text_media_cta__body__content {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.title_text_media_cta__body__cta {
  text-decoration: none;
  width: max-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.title_text_media_cta__body__cta span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.title_text_media_cta__body__cta svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.title_text_media_cta__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 102.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta__group {
    gap: 3rem;
    flex-direction: column;
    width: 100%;
  }
}
.title_text_media_cta__group img {
  object-fit: cover;
  gap: 1rem;
  width: 43rem;
  height: 43rem;
  border-radius: 1.2rem;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta__group img {
    width: 100%;
    height: 25.7rem;
  }
}
.title_text_media_cta__group__content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 46.4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .title_text_media_cta__group__content {
    width: 100%;
  }
}
.title_text_media_cta__group__content h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.title_text_media_cta__group__content p {
  padding-bottom: 4rem;
  max-width: 40rem;
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
.title_text_media_cta__group__content button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  gap: 1rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.title_text_media_cta__group__content button span {
  color: #265088;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
}
.title_text_media_cta__group__content button svg {
  color: #265088;
  width: 0.6rem;
  height: 0.7rem;
}
.title_text_media_cta .title_text_media_cta__media__video__youtube,
.title_text_media_cta .title_text_media_cta__body__media__img iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.titlecardtext {
  display: flex;
  justify-content: center;
  width: 100%;
}
.titlecardtext__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  padding: 6rem 4rem;
  row-gap: 3rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .titlecardtext__group {
    padding: 0 1.6rem;
  }
}
.titlecardtext__group h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
}
.titlecardtext__group__content {
  display: flex;
  flex-direction: row;
  text-align: center;
  gap: 1rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .titlecardtext__group__content {
    width: 100%;
    flex-direction: column;
  }
}
.titlecardtext__group__content > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 30.4rem;
  padding: 2rem;
  border-radius: 1rem;
  background: #E6EAF2;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .titlecardtext__group__content > div {
    width: 100%;
  }
}
.titlecardtext__group__content > div h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
}
.titlecardtext__group__content > div p {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
}
@charset "UTF-8";
.wysiwyg__group {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5rem;
  width: 79.6rem;
  height: auto;
  margin-left: 4rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .wysiwyg__group {
    width: 100%;
    margin: 0;
    padding: 0rem 1.6rem 0rem 1.6rem;
  }
}
.wysiwyg__group .display {
  color: #265088;
  /* Display */
  font-family: "BjorgAlive";
  font-size: 5.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 48.4px */
  text-transform: uppercase;
}
.wysiwyg__group a {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: #265088;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.wysiwyg__group h1 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  color: #265088;
  /* Heading 1 */
  font-family: "BjorgAlive";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 37.4px */
  text-transform: uppercase;
}
.wysiwyg__group h2 {
  color: #265088;
  /* Heading 2 */
  font-family: "BjorgAlive";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  text-transform: uppercase;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  font-style: normal;
}
.wysiwyg__group h3 {
  color: #265088;
  /* Heading 3 */
  font-family: "Dazzed";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
}
.wysiwyg__group h4 {
  color: #265088;
  /* Heading 4 */
  font-family: "BjorgAlive";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: 0px;
  text-transform: uppercase;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
}
.wysiwyg__group .body-1 {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  width: 79.6rem;
}
.wysiwyg__group .body-2 {
  color: #265088;
  /* Body 2 */
  font-family: "Dazzed";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: 110%; /* 17.6px */
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  width: 79.6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .wysiwyg__group .body-2 {
    max-width: 23.9rem;
  }
}
.wysiwyg__group p {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  width: 79.6rem;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .wysiwyg__group p {
    width: 100%;
  }
}
.wysiwyg__group p img {
  display: flex;
  width: 100%;
  max-height: 28rem;
  min-height: 10rem;
  object-fit: contain;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .wysiwyg__group p img {
    width: 100%;
    height: 25rem;
  }
}
.wysiwyg__group ol {
  padding-left: 2rem;
  list-style: decimal;
}
.wysiwyg__group ol li {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  margin-bottom: 1.5rem;
  text-indent: 2.6rem;
}
.wysiwyg__group ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.wysiwyg__group ul li {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  position: relative;
  gap: 1.6rem;
  padding-left: 3rem;
  margin-bottom: 1.5rem;
}
.wysiwyg__group ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1rem;
  height: 1rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><circle cx="5" cy="5" r="5" fill="%23FCE400" /></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.wysiwyg__group figure {
  display: flex;
  width: 100%;
  max-height: 28rem;
  min-height: 10rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .wysiwyg__group figure {
    width: 100%;
    height: 25rem;
  }
}
.wysiwyg__group figure img {
  display: flex;
  width: 100%;
  max-height: 28rem;
  object-fit: contain;
}
.wysiwyg__group mark {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
}
.wysiwyg__group span {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: #265088 !important;
}
.wysiwyg__group figcaption {
  color: #265088;
  /* Body 1 */
  font-family: "Dazzed";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
  color: #265088 !important;
}
.wysiwyg .wp-block-button .wp-block-button__link {
  all: unset;
  color: #265088;
  font-family: "BjorgAlive";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 15.2px */
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1.6rem 3.2rem 1.6rem 1.6rem;
  border-radius: 1.2rem;
  background: #FFE500;
  /* Degradé */
  box-shadow: 0px -2px 0px 1px rgb(255, 193, 0) inset, 0px -4px 0px 2px rgb(255, 214, 0) inset, 0px -7px 0px 3px rgb(255, 228, 0) inset;
  color: #265088;
  text-decoration: none;
  cursor: pointer;
}
.wysiwyg .wp-block-button .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.7rem;
  background-image: url("data:image/svg+xml;utf8,                    <svg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'>                    <path d='M0.196289 5.53997V2.02204C0.196289 1.24875 0.196289 0.862103 0.447259 0.717953C0.698228 0.573804 1.03221 0.768624 1.70016 1.15826L4.71553 2.91723C5.37449 3.30162 5.70397 3.49382 5.70397 3.78101C5.70397 4.06819 5.37449 4.26039 4.71553 4.64478L1.70016 6.40375L1.70016 6.40375C1.0322 6.79339 0.698228 6.98821 0.447259 6.84406C0.196289 6.69991 0.196289 6.31326 0.196289 5.53997Z' fill='#265088'/>                    <path d='M0.196289 5.53997V2.02204C0.196289 1.24875 0.196289 0.862103 0.447259 0.717953C0.698228 0.573804 1.03221 0.768624 1.70016 1.15826L4.71553 2.91723C5.37449 3.30162 5.70397 3.49382 5.70397 3.78101C5.70397 4.06819 5.37449 4.26039 4.71553 4.64478L1.70016 6.40375L1.70016 6.40375C1.0322 6.79339 0.698228 6.98821 0.447259 6.84406C0.196289 6.69991 0.196289 6.31326 0.196289 5.53997Z' fill='black' fill-opacity='0.2'/>                    </svg>");
  background-repeat: no-repeat;
  background-size: contain;
}