@font-face {
  font-family: "Montserrat";
  src: url(public/fonts/Montserrat-Regular.ttf) format("truetype");
}

.loader-text {
  color: #DD725B;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.card-heart {
  position: absolute;
  left: 8%;
  top: 20%;
  right: auto;
  bottom: auto;
  z-index: 3;
}

.banner {
  padding: 14px 5%;
  background-color: #f6f2ea;
}

.card-pen {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  max-width: 40%;
}

.install-detail {
  margin-right: 10px;
  color: #1f2c47;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f2ea;
}

.text-uppercase {
  text-transform: uppercase;
}


.nav-menu {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.bottom-content-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navigation-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.company-logo {
  display: block;
  margin-right: 60px;
}

.container-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-button-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero-paragraph {
  max-width: 460px;
  margin-bottom: 0px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.bloom-effect {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  height: 100%;
}

.products-count-block {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5%;
}

.moins, .plus {
  background: #1B1B1B;
  font-size: 17px;
  color: #fff;
  width: 25px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}

#number-of-formule,
#number-of-products {
  border: none;
  width: 50px;
  font-size: 20px;
  text-align: center;
}


.brand {
  margin-right: 4vw;
}

.brand-span {
  color: #329b61;
}

.button-navigation {
  margin-left: 10px;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #4e6eb1;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #f6f2ea;
  font-weight: 600;
}

.button-navigation:hover {
  background-color: #29498d;
}

.install-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}

.install-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  padding: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f0e9db;
  border-radius: 100px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.install-link:hover {
  border-color: #4e6eb1;
}

.bottom-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.avatar-small {
  width: 48px;
  height: 48px;
  min-height: 48px;
  min-width: 48px;
  border: 4px solid #f8f5ef;
  border-radius: 100px;
  background-color: #dee2e3;
}

.avatar-small.avatar-stack {
  margin-left: -12px;
}

.avatar-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-button {
  margin-right: 24px;
  padding: 16px 32px;
  border-radius: 8px;
  background-color: #4e6eb1;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #f6f2ea;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  white-space: nowrap;
}

.hero-button:hover {
  background-color: #29498d;
}

.text-detail {
  margin-top: 20px;
  color: #1f2c47;
  line-height: 24px;
  font-weight: 500;
}

.close {
  position: absolute;
  left: auto;
  top: auto;
  right: 12px;
  bottom: auto;
}

.product-hunt-badge {
  margin-bottom: 20px;
  padding: 10px 16px;
  border-radius: 32px;
  background-color: #dbe2f0;
  color: #4d6fb2;
  font-weight: 600;
}


.hero-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hero-grid {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1.1fr 1fr;
  grid-template-columns: 1.1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.hero-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.highlight {
  color: #4d6fb2;
  font-weight: 700;
}

.logo-line {
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #f0e9db;
}

.phone {
  position: absolute;
  z-index: 4;
}

.banner-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 16px;
  padding: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d6fb2;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none;
}

.hero-image-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 700px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-heading {
  margin-top: 0px;
  margin-bottom: 15px;
  color: #1f2c47;
  font-size: 62px;
  line-height: 67px;
  letter-spacing: -0.04em;
}

.install-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 5% 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f2ea;
}

.banner-image {
  margin-right: 20px;
}

.logo-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-text {
  color: #525f7a;
  line-height: 24px;
  letter-spacing: 0.02em;
}

.button-sign-in {
  margin-left: 10px;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: transparent;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #4d6fb2;
  font-weight: 600;
}

.button-sign-in:hover {
  background-color: #29498d;
  color: #fff;
}

.banner-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8dec9;
  border-radius: 8px;
  background-image: linear-gradient(94deg, #ede5d4, #f6f2ea);
  text-align: center;
}

.nav-link {
  padding: 10px 24px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #1f2c47;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.nav-link:hover {
  color: #4d6fb2;
}

.image-wrap-02 {
  overflow: hidden;
  height: 150px;
  margin-bottom: 20px;
  border-radius: 8px;
  background-color: #397;
  box-shadow: 7px 7px 0 0 #4d4d4d;
}

.navbar-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 40px 14px 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  -webkit-transition: box-shadow 300ms ease, border-color 300ms ease, color 300ms ease, background-color 300ms ease;
  transition: box-shadow 300ms ease, border-color 300ms ease, color 300ms ease, background-color 300ms ease;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.navbar-toggle:hover {
  color: #397;
}

.navbar-toggle:active {
  border-color: rgba(77, 77, 77, 0.15);
}

.navbar-toggle.w--open {
  display: block;
  color: #397;
}

.link-title-large {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.button-try {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #397;
  border-radius: 6px;
  background-color: #f6f2ea;
  box-shadow: 3px 3px 0 0 #397;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #397;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.button-try:hover {
  box-shadow: 0 0 0 0 #397;
}

.nav-menu-middle {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.button-sign-up {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 10px 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4d4d4d;
  border-radius: 6px;
  background-color: #f6f2ea;
  box-shadow: 3px 3px 0 0 #4d4d4d;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.button-sign-up:hover {
  box-shadow: 0 0 0 0 #4d4d4d;
}

.navbar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.badge-new {
  margin-left: 10px;
  padding: 4px 10px;
  border: 2px solid #397;
  border-radius: 4px;
  color: #397;
  font-size: 12px;
  font-weight: 600;
}

.logo {
  width: 80px;
}

.title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-base {
  width: 100%;
  border: 4px solid #4d4d4d;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 7px 7px 0 -4px #4d4d4d;
}

.image-wrap-01 {
  overflow: hidden;
  height: 185px;
  margin-top: 40px;
  border-radius: 8px;
  background-color: #397;
}

.brand-span-2 {
  color: #397;
}

.navbar-dropdown-list {
  width: 100%;
  background-color: #c37171;
}

.modal-container::-webkit-scrollbar {
  display: none;
}


.navbar-dropdown-list.w--open {
  position: absolute;
  left: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 840px;
  min-width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.navbar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1340px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.description {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 24px;
}

.navbar-flowbase {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 104px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.navbar-column-small {
  width: 30%;
  padding: 32px;
}

.account-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

svg.feather.feather-arrow-left {
  background: red;
}

.navbar-column-large {
  width: 70%;
  padding: 32px;
}

.line-break-right {
  width: 2%;
  height: 100%;
  background-color: #4d4d4d;
}

.link-page {
  color: #262626;
  text-decoration: none;
}

.navbar-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.navbar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.link-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.dark-behind {
  display: none;
}

.close-btn-nav {
  display: none;
}

.category-nav-wrapper {
  height: 4.5em;
  background: rgb(255, 255, 255);
  backdrop-filter: blur(5px);
  border-radius: 5px;
  flex-wrap: wrap;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  position: sticky;
  top: 0%;
  z-index: 0;
  display: flex;
  align-items: center;
}

.category-nav-wrapper ul {
  list-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 0 0 0 1rem;
}
.category-nav-wrapper ul::-webkit-scrollbar {
  height: 2px;
  color: #0a071b;
}



.category-nav-wrapper ul li {
  padding: 1rem 1rem 1rem 0;
}

.category-nav-wrapper ul li a {
  color: #0a071b;
  font-size: 17px;
  padding: 1rem 1rem 1rem 0;
  text-decoration: none;
  border-bottom: 3px #0f1529;
  transition: all 0.3s ease-in;
  white-space: nowrap;
}

.hamburger {
  display: none;
  background: transparent;
}

.hamburger svg {
  width: 2em;
  fill: #0a071b !important;
  margin: -1rem 0;
}


.text-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4d4d4d;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
}

.text-link:hover {
  color: #397;
}

.link-grid-large {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.nav-content-wrapper-2 {
  padding: 32px;
}

.content-wrapper-2 {
  position: relative;
  z-index: 2;
}

.bottom-content-wrapper-2 {
  padding: 32px;
  border-top: 2px solid #000;
}

.nav-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-grid-small {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.navbar-line-break {
  width: 2px;
  background-color: #4d4d4d;
}

.large-title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}

.nav-icon {
  margin-right: 20px;
  color: #397;
  font-size: 14px;
  font-weight: 700;
}

.nav-icon-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  min-height: 42px;
  min-width: 42px;
  margin-right: 20px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4d4d4d;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 1px 1px 0 0 #4d4d4d;
}

.link-title {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.image-wrap-03 {
  width: 175px;
  height: 140px;
  min-height: 140px;
  min-width: 175px;
  margin-right: 20px;
  border: 4px solid #4d4d4d;
  border-radius: 8px;
  background-color: #397;
  box-shadow: 3px 3px 0 0 #4d4d4d;
}

.nav-content-wrapper-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4d4d;
  text-decoration: none;
}

.link-wrapper:hover {
  color: #397;
}

.navbar-dropdown {
  position: static;
}

.navbar-logo-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-content-wrapper-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.navbar-image-large {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}



.main-button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 10px 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4d4d4d;
  border-radius: 6px;
  background-color: #f6f2ea;
  box-shadow: 3px 3px 0 0 #4d4d4d;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.main-button:hover {
  box-shadow: 0 0 0 0 #4d4d4d;
}

.feature-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.features-container {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}


.notify-bubble {
  position: absolute;
  background: #0bd95a;
  color: #fff;
  font-size: 12px;
  padding: 0rem 0.5rem;
  border-radius: 100px;
  right: 0;
  top: 0;
}
}

.feature-list-grid {
  position: relative;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.feature-heading {
  margin-top: 0px;
  margin-bottom: 60px;
  color: #000;
  font-size: 46px;
  line-height: 62px;
}

.feature-grid {
  grid-column-gap: 100px;
  grid-row-gap: 72px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.feature-small-title {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #1e1e48;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}

.feature-paragraph {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.feature-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.feature-image {
  margin-right: 40px;
}

.features-section {
  padding: 140px 5%;
  background-color: #f6f2ea;
}

.logo-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.company-logo-2 {
  display: block;
  margin-right: 60px;
  margin-left: 60px;
}

.header-grid {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 52px;
  grid-row-gap: 80px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-link-2 {
  margin-right: 0px;
  margin-left: 0px;
  padding: 20px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #130010;
  font-size: 15px;
  font-weight: 500;
}


.nav-link-2:hover {
  color: #1042a3;
}

.nav-link-2.text-white:hover {
  color: #fff;
}

.button-sign-in-2 {
  padding: 12px 24px;
  border: 1px solid #89acff;
  border-radius: 13px;
  background-color: transparent;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #89acff;
}

.button-sign-in-2:hover {
  border-color: #89acff;
  background-color: #89acff;
  color: #1B1B1B;
}

.button {
  margin-right: 36px;
  padding: 20px 48px;
  border-radius: 13px;
  background-color: #89acff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
}

.button:hover {
  background-color: #fff;
  color: #4478f5;
}

.navigation-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  padding-right: 3%;
  padding-left: 3%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: background-color 0.3s, height 0.3s;
}

.navigation-2.active {
  background-color: #1B1B1B;
  height: 70px;
}



.body-blanc-casse {
  background: #FFFAF8;
  overflow-x: hidden;
}

.header-section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 3% 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  padding: 8% 0 0;
}

.header-paragraph {

  color: #1B1B1B;
  font-size: 20px;
  line-height: 27px;
}

.header-circle {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 440px;
}

.trusted-text {
  margin-top: 40px;
  color: hsla(0, 0%, 89.8%, 0.6);
  font-weight: 500;
  text-align: center;
}

.underline-span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.hero-heading-2 {
  margin-top: 0px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 55px;
  line-height: 69px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.button-sign-up-2 {
  margin-left: 18px;
  padding: 12px 24px;
  border-radius: 13px;
  background-color: #89acff;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}

.button-sign-up-2:hover {
  background-color: #fffaf9;
  color: #1B1B1B;
}

.search-link {
  padding: 20px;
}

.brand-2 {
  margin-right: 60px;
}

.navigation-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-link-large {
  -webkit-transition: all 0.2s, opacity 0.3s;
  transition: all 0.2s, opacity 0.3s, color 0.3s;
  color: #fff;
  opacity: 0.8;
  padding: 18px 22px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.89);
  border-radius: 13px;
  white-space: nowrap;
}

.text-link-large:hover {
  opacity: 1;
  padding: 18px 22px;
  border-radius: 13px;
  color: #1B1B1B;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.62));
  text-decoration: none;
}

.container-2 {
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.bottom-content-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin-top: 140px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.brand-logo {
  width: 60px;
}

/* V2 */
.back-header {
  margin-top: 1rem;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.logo-qreat {
  width: 100px;
  height: 100px;
  margin: 0 .5rem 0 0;
}


.back-btn {
  margin: 0 1.5rem 0 0;
}


.back-btn img {
  width: 23px;
  height: 23px;
}


header div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

header div.lang-container {
  display: block !important;
}


header h1 {
  font-size: 20px;
  font-weight: 300;
  line-height: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.invisible-block {
  width: 2.5rem;
}

.back-header-logo-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.container-v2 {
  max-width: 95%;
  margin: auto;
}

.top-btn {
  width: 150px;
  height: 50px;
  background: rgba(30, 30, 30, 0.89);
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}

.top-btn p {
  color: #fff;
  font-size: 12px;
}

.top-btn img {
  margin: 0 .4rem 0 0;
}


.btn-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 1rem;
  right: 5%;
  width: 90%;
}

.btn-block a {
  text-decoration: none;
}


.btn-v2 {
  height: 62px;
  font-size: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95%;
  margin: 0.5rem auto
}

.btn-orange {
  color: #fff;
  font-size: 16px;
  background-color: #DD7258;
  border: 1px solid #DD7258;
  box-shadow: rgba(221, 114, 88, 0.3) 0px 10px 36px 0px, rgba(221, 114, 88, 0.1) 0px 0px 0px 1px;
}

.btn-orange:hover {
  color: #fff;
  font-size: 16px;
  background-color: #e88269;
  border: 1px solid #e88269;
  user-select: auto;
  box-shadow: rgba(221, 114, 88, 0.3) 0px 10px 36px 0px, rgba(221, 114, 88, 0.1) 0px 0px 0px 1px;
}

.btn-orange:disabled {
  background-color: #d2d1d1;
  border: 1px solid #d2d1d1;
  box-shadow: none;
}

.btn-orange:disabled p {
  color: #ABABAB;
}

.btn-outlined {
  border: 2px solid rgba(30, 30, 30, 0.89);
  background: #fff;
}

.btn-outlined-mini {
  border: 2px solid rgba(30, 30, 30, 0.89);
  background: transparent;
}

.btn-orange p {
  font-weight: 500;
  font-size: 16px;
}

.btn-outlined p {
  font-weight: 500;
}

.btn-dark {
  border: 1px solid rgba(30, 30, 30, 0.89);
  background: rgba(30, 30, 30, 0.89);
  color: #fff;
}

.btn-outlined p {
  color: rgba(30, 30, 30, 0.89);
}

nav ul.category-list {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1.5rem;
  padding: 0;
  overflow-x: scroll;
}

nav ul .category-list::-webkit-scrollbar {
  display: none;
  height: 0;
}

nav ul.category-list li {
  margin: 0 .5rem;
  border: 1px solid #000;
  border-radius: 25px;
  padding: .7rem;
}

nav ul.category-list li a {
  text-decoration: none;
  color: #000;
  white-space: nowrap;
}

.popup-serveur {
  background: #fff;
  padding: 1rem;
}

.popup-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  opacity: 0;
  transition: opacity .7s;
  z-index: -1;
}

.bg-serveur-popup {
  width: 100%;
  height: 100%;
  background: rgba(10, 7, 27, 0.44);
  backdrop-filter: blur(5px);
  position: absolute;
  user-select: none;
  opacity: 0;
  transition: opacity .7s;
  z-index: -1;
}

.popup-serveur {
  position: absolute;
  padding: .7rem 1.5rem;
  background: #fff;
  border-radius: 14px;
  max-width: 95%;
  margin: auto;
  user-select: none;
  opacity: 0;
  transition: opacity .3s;
  z-index: -1;
  touch-action: manipulation;
  box-shadow: rgba(68, 70, 70, 0.33) 0px 8px 24px;
}

.popup-serveur.open,
.bg-serveur-popup.open,
.popup-wrapper.open {
  opacity: 1;
  user-select: auto;
  z-index: 3;
}

.popup-serveur.divide {
  width: 85%;
}

.popup-serveur h4 {
  font-weight: 500;
}

.back-header-logo-block h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  font-size: large;
}


.popup-serveur img {
  width: 25px;
}

.popup-serveur form textarea {
  width: 100%;
  height: auto;
  border-radius: 12px;
  font-family: 'Poppins', 'sans-serif';
  font-size: 15px;
  padding: 15px;
  margin: 1rem 0;
  outline-width: 2px;
  outline-color: rgba(0, 0, 0, 0.49);
}

.close-serveur-button {
  background: transparent !important;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.popup-serveur form label {
  font-size: 17px;
  font-weight: 500;
  width: 70%;
}

.text-link-dark {
  color: rgba(0, 0, 0, 0.93);
  font-weight: 500;
  padding: 1rem 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
  transition: all .1s;
  background: transparent;
  border: none;
}

.popup-serveur .btn-orange {
  width: 100%;
}

hr {
  height: 1px;
  width: 80%;
  border: none;
  background-color: rgba(30, 30, 30, 0.3);
}

.title-form {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.article-entree {
  margin: 0 0 .3rem 0;
  color: rgba(0, 0, 0, 0.46);
  padding: 0 0 .2rem 0;
  font-size: 13px;
}

.article-plat {
  margin: 0 0 .3rem 0;
  color: rgba(0, 0, 0, 0.46);
  padding: 0 0 .2rem 0;
  font-size: 13px;
}

.article-dessert {
  margin: 0 0 .3rem 0;
  color: rgba(0, 0, 0, 0.46);
  padding: 0 0 .2rem 0;
  font-size: 13px;
}

.container-v2 .tabs-formule-price {
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 80%;
  margin: auto;
}

button.cart-btn {
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: center;
  padding: .5rem 0;
}

button.cart-btn p {
  color: #DD725B;
}

button.cart-btn img {
  margin: 0 .5rem;
}

.container-v2 .tabs-formule-title {
  margin: 0;
}

.modal-formule-content article {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#close-formule,
#close {
  background: transparent;
}


input[type=checkbox],
input[type=radio]{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  height: 25px;
  width: 28px;
  background: #fff;
  border: 2px solid #DD7258;
  margin-right: .7rem;
}

input[type=checkbox] {
  border-radius: 5px;
}

input[type=checkbox]:checked {
  border-radius: 5px;
}


input[type=radio] {
  border-radius: 50%;
}

input[type=radio]:checked {
  border-radius: 50%;
}

input[type=checkbox]:checked:before {
  content: '✓'
}

input[type=radio]:checked:before {
  content: '•'
}




input[type=checkbox]:checked,
input[type=radio]:checked {
  background: #DD7258;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #DD7258;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
  font-size: 30px;
  display: block;
  color: #fff;
  font-size: 13px;
  position: relative;

}

.btn-counter {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(30, 30, 30, 0.89);
  width: 25px;
  height: 25px;
  font-size: 15px;
  text-align: center;
  touch-action: manipulation
}

/* V2 */

.button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 72px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container-navigation-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-button {
  margin-left: 18px;
  padding: 12px 24px;
  border-radius: 4px;
  background-color: #f67468;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  font-weight: 500;
}

.navigation-button:hover {
  background-color: #000;
}

.quote-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.hero-white-bar {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  min-height: 100px;
  background-color: #fff;
}

.hero-heading-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
  margin-bottom: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  white-space: nowrap;
}

.hero-column {
  position: relative;
}

.hero-quote-card {
  overflow: hidden;
  width: 100%;
  margin-right: auto;
  margin-bottom: 14px;
  margin-left: auto;
  padding: 24px 24px 14px;
  border-radius: 24px 24px 0px;
  background-color: #fff;
  box-shadow: 17px 17px 32px -5px rgba(0, 0, 0, 0.03);
}

.produit-seul {
  flex-direction: row;
}

.accomp-panier-title {
  font-size: 13px;
}

.accomp-panier-subtitle {
  font-size: 11px;
}

.hero-grid-2 {
  margin-top: 100px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.navigation-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.hero-button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  padding: 12px 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #1B1B1B;
  border-radius: 7px;
  background-color: #1B1B1B;
  -webkit-transition: background-color 300ms ease, color 300ms ease;
  transition: background-color 300ms ease, color 300ms ease;
  color: #ffdbd7;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.hero-button-2:hover {
  background-color: #fff;
  color: #000;
}

.stars {
  margin-bottom: 14px;
}

.hero-paragraph-2 {
  max-width: 460px;
  margin-bottom: 0px;
  color: #ffdbd7;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
}

.hero-ui-card {
  overflow: hidden;
  width: 100%;
  max-width: 220px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 17px 17px 32px -5px rgba(0, 0, 0, 0.03);
}

.navigation-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-card-line {
  overflow: hidden;
  width: 100%;
  height: 5px;
  max-width: 57px;
  margin-top: 12px;
  border-radius: 10px;
  background-color: #f4f1f1;
}

.hero-heading-3 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffdbd7;
  font-size: 72px;
  line-height: 66px;
  letter-spacing: -0.03em;
}

.quote-text {
  margin-top: 14px;
  margin-bottom: 8px;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.avatar {
  width: 44px;
}

.nav-link-3 {
  margin-right: 0px;
  margin-left: 0px;
  padding: 20px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.nav-link-3:hover {
  color: #289f8a;
}

.ui-card-content {
  padding: 20px 14px;
}

.bg-bloom {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video {
  text-align: center;
  margin-top: 5rem;
}

#home_section {
  height: 100vh;
}


.video .title {
  width: 60%;
  margin: auto;
  text-align: center;
}

.video iframe {
  width: 670px;
  height: 475px;
  margin-top: 3rem;
  position: relative;
  z-index: 2;
}

.video-mockup {
  position: absolute;
  width: 100%;
}

.video-mockup img {
  position: relative;
  z-index: 1;
  top: 20%;
  width: 55em;
}




.hero-detail-small {
  margin-top: 12px;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
}

.container-3 {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.header-section-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ed3b46), to(rgba(247, 126, 29, 0.81))), url('../images/header-pic.jpeg');
  background-image: linear-gradient(180deg, #ed3b46, rgba(247, 126, 29, 0.81)), url('../images/header-pic.jpeg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.map-image-wrapper {
  height: 120px;
}

.hero-icon {
  margin-right: 10px;
  margin-left: 10px;
}

.hero-column-middle {
  position: relative;
}

.bg-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
}

.navigation-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.business-name {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

.hero-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.card-map {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.text-span {
  color: rgba(51, 51, 51, 0.4);
}

.arrow-pointer {
  position: absolute;
  left: auto;
  top: -100px;
  right: 0%;
  bottom: auto;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-article-bouton-panier {
  position: absolute;
  right: 1%;
  top: 15%;
}

.hero-button-secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  padding: 12px 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #ffdbd7;
  border-radius: 7px;
  background-color: rgba(246, 116, 104, 0);
  -webkit-transition: background-color 300ms ease, color 300ms ease;
  transition: background-color 300ms ease, color 300ms ease;
  color: #ffdbd7;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.hero-button-secondary:hover {
  background-color: #fff;
  color: #000;
}

.text-orange {
  background-color: transparent;
  color: #1B1B1B;
}

.navbar {
  width: 100%;
  padding: 20px 3%;
  background-color: transparent;
}

.link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #0f1529;
  text-decoration: none;
}

.link-wrap:hover {
  color: #6b62dd;
}

.nav-link-small {
  margin-bottom: 5px;
  font-weight: 700;
}

.sign-in-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 130px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  background-color: #1B1B1B;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.logo-2 {
  margin-right: 16px;
  width: 6.5em;
}

.sign-up-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-left: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #1B1B1B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.sign-up-link:hover {
  color: #200300;
}

.image-wrap {
  overflow: hidden;
  min-width: 240px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.dropdown-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 46px 37px 115px 0 rgba(0, 0, 0, 0.2);
}

.authentication-wrap-dropdown {
  display: none;
}

.nav-link-description {
  color: rgba(15, 21, 41, 0.4);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.dropdown-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-right-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.nav-menu-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.icon-wrap {
  width: 52px;
  height: 52px;
  margin-right: 15px;
  padding: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(151, 85, 236, 0.1);
}



.nav-link-4 {
  padding: 16px 20px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #1B1B1B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.nav-link-4:hover {
  color: #200300;
}

.img-popup {
  position: absolute;
  z-index: 998;
  background: rgba(0, 0, 0, 0.29);
  backdrop-filter: blur(5px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.instructions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.instructions-wrapper button {
  background: transparent;
  color: #0a071b;
  font-weight: normal;
  text-decoration: underline;
  opacity: 1;
  pointer-events: auto;
  user-select: auto;
  transition: all .3s ease-in-out;
}

.instructions-wrapper button.invisible {
  opacity: 0;
  pointer-events: none;
  user-select: none;
  height: 0;
}

.instructions-wrapper textarea {
  width: 100%;
  border-radius: 8px;
  min-height: 0;
  max-height: 0;
  text-align: start;
  padding: 10px;
  background: #fff;
  border: 1.3px solid #8a8a8a;
  color: #8a8a8a;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.instructions-wrapper textarea.visible {
  min-height: 70px;
  max-height: 200px;
  opacity: 1;
  pointer-events: auto;
  user-select: auto;
}

.instructions-wrapper textarea:focus {
  color: #8a8a8a;
  border: transparent;
  font-size: 15px;
}

.instructions-wrapper textarea::placeholder {
  color: #8a8a8a;
}


.img-popup.active {
  opacity: 1;
  pointer-events: auto;
}

.img-popup img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 20px;
}

.toggle {
  padding: 16px 20px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #1B1B1B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.toggle:hover {
  color: #200300;
}

.toggle.w--open:hover {
  color: #6b62dd;
}

.nav-links-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-width: 300px;
  padding: 15px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.dropdown-list {
  background-color: #c37171;
}

.dropdown-list.w--open {
  left: -70px;
  overflow: visible;
  padding-top: 32px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 30px;
  background-color: transparent;
}

.navigation-left-2 {
  width: 10%;
}

.brand-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-text {
  margin-bottom: 10px;
  color: #f0759e;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.image-wrapper-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
  padding: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.feature-icon {
  margin-right: 10px;
}

.content-image-02 {
  position: relative;
  top: -30px;
  border-radius: 0px;
  opacity: 0.53;
}

.content-heading {
  margin-top: 0px;

  color: #1B1B1B;
  font-size: 59px;
  line-height: 55px;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.feature-list {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.content-section {
  padding-right: 3%;
  padding-bottom: 200px;
  padding-left: 3%;
  background-image: linear-gradient(136deg, #c3d7ff, #ffd7fa);
}

.content-grid {
  grid-column-gap: 82px;
  grid-row-gap: 82px;
  -ms-grid-columns: 1fr 1.4fr;
  grid-template-columns: 1fr 1.4fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.feature-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-paragraph {
  margin-bottom: 0px;
  color: #666;
  line-height: 28px;
}

.content-image {
  position: absolute;
  left: -5%;
  top: 30%;
  right: auto;
  border-radius: 20px;
}

.content-image-03 {
  position: absolute;
  left: auto;
  top: auto;
  right: 5%;
  bottom: 5%;
  max-width: 80%;
  border-radius: 20px;
}

.feature-container {
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.mobile-feature-container {
  display: none;
}

.paragraph {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: rgba(51, 0, 44, 0.61);
  font-weight: 400;
}

.container-4 {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.feature-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  min-height: 80px;
  min-width: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #ffecfc;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  font-size: 24px;
  line-height: 32px;
}

.feature-circle:hover {
  background-color: #f5555f;
}

.content-wrapper-2 a.button-main-2 {
  align-self: flex-start;
}

.goog-te-gadget .goog-te-combo {
  margin: 4px 0;
  padding: 0.5rem 0.5rem;
  font-family: 'Poppins', sans-serif;
}

.lang-container {
  display: flex;
}

.lang-wrap {
  position: unset;
  width: 100%;
  margin: 1rem 0;
}

#google_translate_element {
  width: 100%;
}

.phone-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  text-decoration: none;
}

.salade-img {
  position: absolute;
  right: 10%;
  bottom: 0;
  opacity: 0.5;
  width: 17em;
}

.feature-block.feature-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.feature-heading-2 {
  margin-bottom: 80px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  text-align: center;
}


.feature-heading-mentions {
  margin-bottom: 80px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 35px;
  line-height: 56px;
  font-weight: 600;
  text-align: center;
}


.feature-heading-subtitle {
  margin-bottom: 80px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 32px;
  line-height: 56px;
  font-weight: 500;
  text-align: center;
}

.accept-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 1rem 0;
}

.accept-wrapper input {
  margin: 0 1rem;
  width: 5em;
}

.accept-wrapper label {
  font-size: 15px;
}


.legal-sub-subtitle {
  margin-bottom: 80px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 28px;
  line-height: 56px;
  font-weight: 500;
  text-align: center;
}

.feature-section {
  padding: 25px 3% 140px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fd8a4f), color-stop(30%, #ff6a73), color-stop(101%, transparent));
  background-image: linear-gradient(180deg, #fd8a4f, #ff6a73 30%, transparent 101%);
}

.feature-content {
  margin-right: 20px;
  margin-left: 20px;
}

.phone-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
}

.feature-title {
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  color: #ffecfc;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.4;
  width: 75%;
}

.feature-grid-2 {
  justify-items: center;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.process-paragraph-1 {

  font-size: 17px;
  color: rgba(51, 0, 44, 0.53);
}

.feature-paragraph-2 {

  color: #ffecfcbf;
  font-size: 16px;
  line-height: 26px;
  width: 75%;
}

.feature-grid-column {
  height: 100%;
  justify-items: end;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-main {
  padding: 20px 48px;
  border-radius: 13px;
  background-color: #ff6a73;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.button-main:hover {
  background-color: #fda3a8;
  color: #fff;
}

.process-paragraph {
  color: rgba(51, 0, 44, 0.53);
  font-size: 20px;
  line-height: 0.8;
}

.step-grid {
  width: 100%;
  grid-column-gap: 22px;
  -ms-grid-columns: 0.25fr 1.5fr;
  grid-template-columns: 0.25fr 1.5fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.line-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -4rem 3rem 0 0;
}

.line {
  height: 100%;
}

.process-grid {
  position: relative;
  z-index: 2;
  grid-column-gap: 165px;
  grid-row-gap: 72px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.empty-div {
  height: 0px;
}

.navigation-2.scrolled {
  background: #1B1B1B !important;
  transition: background-color 200ms linear;
  -webkit-overflow-scrolling: touch;
}

.heading-large {
  margin-top: 0px;
  margin-bottom: 14px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 50px;
  line-height: 53px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

#fonctionalites {
  padding: 5rem 0;
  margin-top: 5rem;
  /*background: linear-gradient(to bottom, transparent 80%, #fff6fe);*/
}

.feature-container {
  display: block;
  max-width: 100%;
}



.feature-wrapper-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.column-element-scrolled {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.feature-wrapper-1:last-child.element-scrolled:nth-child(2)  {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.element-scrolled {
  height: 60vh;
  width: 80%;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.element-scrolled.active {
  color: #fff;
}

.phone-container {
  margin: 0 4rem;
  position: sticky;
  top: 15%;
  display: flex;
  justify-content: center;
}

.feature-mockup-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  width: 16em;
  margin: auto;
  transition: opacity 0.2s;
}

.feature-mockup-1.active {
  position: relative;
  margin: auto;
  opacity: 1;
}


.check-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  margin-bottom: 22px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
}

.check-wrap .icone-check {
  display: none;
}



.email-verification-container {
  margin: auto;
  max-width: 75%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#email_verify_section {
  height: 100vh;
}

.last-item {
  font-size: 30px;
}

.category-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: sticky;
  top: 0;
  z-index: 990;
}

.category-nav-container .nav-article-bouton-panier {
  position: static;
}

.large-title-2 {
  margin-top: -15px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.process-container {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6%;
}

.step-number {
  font-family: Poppins, sans-serif;
  color: rgba(51, 0, 44, 0.53);
  font-size: 50px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.step-title-wrapper {
  margin-bottom: -2rem;
}

.process-section {
  padding-right: 3%;
  padding-bottom: 80px;
  padding-left: 3%;
  /*background: #fff6fe;*/
  overflow-x: hidden;
}


.text-detail-2 {
  margin-bottom: 0px;

  color: rgba(51, 0, 44, 0.53);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.overlay-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  display: none;
  justify-content: center;
  align-items: center;
  overflow-y: hidden;
  z-index: 999;
  background: rgba(10, 7, 27, 0.39);
}

#animation-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}

.placeholder-image {
  border-radius: 50px;
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.24);
}

#slider-content {
  /*overflow-x: scroll;
  -webkit-overflow-scrolling: touch;*/
  height: 57px;
  padding: 1rem 0;
  transition: all 0.2s ease-out;
  position: relative;
  display: flex;
  align-items: center;
}

#slider-content::-webkit-scrollbar {
  display: none;
}

.process-title-wrap {
  max-width: 620px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.content-grid-2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 60px;
  grid-row-gap: 100px;
  -ms-grid-columns: 1.25fr 1fr;
  grid-template-columns: 1.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-card {
  position: absolute;
  left: -20%;
  top: auto;
  right: auto;
  bottom: 30%;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: -19px 23px 150px 0 rgba(0, 0, 0, 0.1);
}

.content-image-4 {
  width: 100%;
  border-radius: 50px;
  box-shadow: 28px 40px 50px -20px rgba(0, 0, 0, 0.1);
}

.image-wrap-4 {
  position: relative;
  text-align: right;
  width: 45em;
}

.content-container {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
}

.red-text {
  color: #ff6a73;
}

.image-card-title {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.content-section-2 {
  overflow: hidden;
  padding: 50px 3% 100px;
  /*  background: #fff6fe;*/
}


.large-heading {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 48px;
  line-height: 49px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.image-card-02 {
  position: absolute;
  left: auto;
  top: auto;
  right: -5vw;
  bottom: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 75%;
  padding: 10px 26px 10px 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 18px 24px 150px 0 rgba(0, 0, 0, 0.1);
  color: #a0a0a0;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}

.list-item {
  margin-bottom: 20px;
  padding-left: 30px;
  background-image: none;
  background-position: 0px 3px;
  background-size: 20px;
  background-repeat: no-repeat;
  color: #665e73;
  font-size: 18px;
  line-height: 27px;
}

.section-paragraph {
  margin-bottom: 40px;

  color: rgba(51, 0, 44, 0.53);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.image-card-icon {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.card-img-wrapper {
  margin: 0 .5rem 0 0;
  width: 58px;
  height: 56px;
}

.container-5 {
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
}

.testimonial-subheading {
  color: #6b7280;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.banner-text-2 {
  color: #6366f1;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.rating {
  display: inline-block;
  margin-bottom: 10px;
}

.purple-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  padding: 4px 11px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(99, 102, 241, 0.1);
}

.testimonial-grid-left-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.quote {
  margin-bottom: 20px;
}

.testimonial-paragraph {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.testimonial-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.testimonial-content-wrap._3 {
  -webkit-transform: rotate(3.91deg);
  -ms-transform: rotate(3.91deg);
  transform: rotate(3.91deg);
}

.testimonial-content-wrap._2 {
  -webkit-transform: rotate(-1.23deg);
  -ms-transform: rotate(-1.23deg);
  transform: rotate(-1.23deg);
  color: #1f2937;
}

.testimonial-content-wrap._1-featured {
  margin-left: -2%;
  border-radius: 25px;
  background-color: #1B1B1B;
  -webkit-transform: rotate(1.82deg);
  -ms-transform: rotate(1.82deg);
  transform: rotate(1.82deg);
  color: #eef2ff;
}


.payment-form-placement {
  margin: 1.5rem 1rem 1.5rem 3rem;
}

.alert {
  position: relative;
  padding: 0.71rem 1rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  border-radius: 0.358rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.dashboard-feature-container {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 1rem 0 2rem;
}

.dashboard-feature-container li {
  display: flex;
  justify-content: start;
  align-items: center;
  list-style: none;
  margin: 0.5rem 0;
}

.dashboard-feature-image {
  width: 3em;
  margin: 0 1rem 0;
}

.section-paragraph {
  margin: 0;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.8875rem 1rem;
}

.alert-primary {
  color: #453e90;
  background-color: #e3e1fc;
  border-color: #d5d1fb;
}

.alert-primary .alert-link {
  color: #373273;
}

.alert-secondary {
  color: #4e5053;
  background-color: #e6e7e8;
  border-color: #dadbdc;
}

.alert-secondary .alert-link {
  color: #3e4042;
}

.alert-success {
  color: #187743;
  background-color: #d4f4e2;
  border-color: #bfeed4;
}

.alert-success .alert-link {
  color: #135f36;
}

.alert-info {
  color: #007c8b;
  background-color: #ccf5fa;
  border-color: #b3f1f8;
}

.alert-info .alert-link {
  color: #00636f;
}

.alert-warning {
  color: #995f28;
  background-color: #ffecd9;
  border-color: #ffe2c7;
}

.alert-warning .alert-link {
  color: #7a4c20;
}

.alert-danger {
  color: #8c3233;
  background-color: #fbdddd;
  border-color: #f9cccc;
}

.alert-danger .alert-link {
  color: #702829;
}

.alert-light {
  color: #777b7f;
  background-color: #fdfdfd;
  border-color: #fcfcfc;
}

.modal-content article {
  display: flex;
  align-items: center;
}

.modal-content .img-and-text {
  width: 90%;
  margin: auto;
}

.modal-content article img {
  margin: 0 .5rem 0 0;
}

.modal-content article div {
  display: flex;
  align-items: flex-start;
}

.modal-content article .title-col {
  display: flex;
  flex-direction: column;
}

.alert-light .alert-link {
  color: #5f6266;
}

.alert-dark {
  color: #2d2d2d;
  background-color: #dbdbdb;
  border-color: #c9c9c9;
}

.alert-dark .alert-link {
  color: #242424;
}

.alert.alert-danger {
  display: block;
  opacity: 1;
  transition: opacity 2s;
  pointer-events: none;
}

.alert.alert-danger.fade {
  opacity: 0;
}


.testimonial-card-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  padding-bottom: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  border-radius: 25px;
  background-color: #eef2ff;
}

.avatar-image-2 {
  width: 80px;
  margin-right: 26px;
  border-radius: 50%;
}

.rating-text {
  color: #1f2937;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.testimonial-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #1f2937;
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.testimonial-section {
  padding-right: 3%;
  padding-bottom: 90px;
  padding-left: 3%;
}

.rating-wrap {
  max-width: 510px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  border-style: solid;
  border-width: 1px;
  border-color: #e5e7eb;
  border-radius: 25px;
}

.testimonial-grid {
  grid-column-gap: 105px;
  -ms-grid-columns: 0.82fr 1fr;
  grid-template-columns: 0.82fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.testimonial-heading-wrapper {
  margin-bottom: 40px;
}

.author-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.content-block {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 42px 48px 30px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 20px;
  background-color: #fff;
}

.avatar-image-round {
  border-radius: 13px;
}

.slide-image-01 {
  width: 100%;
  min-height: 520px;
  padding: 40px;
  border-radius: 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 0, 44, 0)), to(rgba(22, 22, 22, 0.4))), url('../images/le-cardinal.jpeg');
  background-image: linear-gradient(180deg, rgba(51, 0, 44, 0), rgba(22, 22, 22, 0.4)), url('../images/le-cardinal.jpeg');
  background-position: 0px 0px, 50% 65%;
  background-size: auto, cover;
}


.title-wrap-centre {
  max-width: 700px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
}

.slide-image-03 {
  width: 100%;
  min-height: 520px;
  padding: 40px;
  border-radius: 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(22, 22, 22, 0.4))), url('../images/restau-3.jpeg');
  background-image: linear-gradient(180deg, transparent, rgba(22, 22, 22, 0.4)), url('../images/restau-3.jpeg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.testimonial-subheading-2 {

  color: rgba(51, 0, 44, 0.53);
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}

.testimonial-heading-2 {
  margin-bottom: 16px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.03em;
}

.author-name-2 {
  margin-bottom: 8px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.avatar-image-wrap {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  border-radius: 0px;
}

.testimonial-section-2 {
  display: none;
  padding: 10px 3% 80px;
  background: linear-gradient(
          348deg, #fd8a4f, #ff6a73 30%, transparent 101%);
}
}

.slide-image-02 {
  width: 100%;
  min-height: 520px;
  padding: 40px;
  border-radius: 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 0, 44, 0.01)), to(rgba(22, 22, 22, 0.4))), url('../images/bar.jpeg');
  background-image: linear-gradient(180deg, rgba(51, 0, 44, 0.01), rgba(22, 22, 22, 0.4)), url('../images/bar.jpeg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.testimonial-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0px 16px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 4px solid #eef0f4;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.62);
}

.testimonial-tab.w--current {
  padding-left: 10px;
  border-bottom: 4px solid #1B1B1B;
  border-radius: 20px;
  background-color: #fff;
}

.quotation-mark {
  position: absolute;
  left: 4%;
  top: 6%;
  right: auto;
  bottom: auto;
}

.container-6 {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
}

.author-title {

  color: rgba(51, 0, 44, 0.53);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.testimonial-paragraph-2 {
  margin-bottom: 62px;
  font-family: Poppins, sans-serif;
  color: #181945;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.tabs-menu {
  display: -ms-grid;
  display: grid;
  margin-bottom: 40px;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cta-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-heading {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 30px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 50px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.container-7 {
  position: relative;
  z-index: 2;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

img.image-application-qreat {
  width: 60em;
  max-width: none;
}

.app-store-svg {
  width: 13em;
}

.cta-section {
  position: relative;
  overflow: visible;
  padding-top: 100px;
  padding-right: 3%;
  padding-left: 3%;
}

.gradient-banner {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
  width: 30%;
  height: 100%;
  border-radius: 0px 13px 13px 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#89acff), to(#8aecf2));
  background-image: linear-gradient(180deg, #89acff, #8aecf2);
  opacity: 0.6;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.google-play-svg {
  width: 15em;
}

.cta-subheading {
  margin-bottom: 40px;

  color: rgba(51, 0, 44, 0.53);
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
}

.cta-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.phone-image-wrap {
  max-width: 470px;
}

.app-store-button {
  margin-right: 30px;
}

.button-nav-mobile-wrapper {
  display: none;
}

.cta-content-wrap {
  margin-bottom: 40px;
  padding: 0 5rem;
}

.footer-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 2fr 1fr 1fr;
  grid-template-columns: 2fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.form-block {
  margin-top: 72px;
  margin-bottom: 0px;
}

.footer-details {
  margin-bottom: 10%;
  font-family: Poppins, sans-serif;
  color: #ffffff8c;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.footer-large-logo {
  margin-bottom: 12px;
  color: #121212;
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: -1px;
}

.footer-detail-block {
  max-width: 400px;
}

.footer-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  margin-left: 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(51, 0, 44, 0.4);
  border-radius: 100px;
}

.footer-title {
  margin-bottom: 18px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.footer-section {
  padding: 2rem 3%;
  background: rgb(27, 27, 27);
}

.bg-mesh {
  position: absolute;
  z-index: 0;
  left: 0;
  opacity: 0.4;
  width: 48em;
}

.big-number {

  font-size: 50px;
  font-weight: bold;
  color: #1B1B1B;
}

.footer-large-title {
  display: block;
  margin-bottom: 16px;
  color: #262626;
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
}

.submit-button {
  background-color: transparent;
  color: #000;
}

.text-field {
  margin-bottom: 0px;
  border: 1px none #000;
  background-color: transparent;
}

.footer-social {
  display: block;
  margin-bottom: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;

  color: #ffffff8c;
  font-size: 14px;
  line-height: 4px;
  font-weight: 500;
  text-decoration: none;
}

.footer-social:hover {
  -webkit-transform: translate(4px, 0px);
  -ms-transform: translate(4px, 0px);
  transform: translate(4px, 0px);
  color: #fff;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #121212;
}

.div-block-3 {
  color: #fff;
}

.accordian-icon-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.faq-tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 32px;
  padding-bottom: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid rgba(229, 231, 235, 0.38);
  border-bottom: 1px solid rgba(229, 231, 235, 0.38);
  border-left: 1px solid rgba(229, 231, 235, 0.38);
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.62);
  font-family: Poppins, sans-serif;
  color: #0a071b;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.faq-tab-link.w--current {
  background-color: #ff6a73;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-weight: 500;
}

.faq-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto;
}

.faq-question-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0a071b;
  cursor: pointer;
}

.faq-block {
  padding: 20px 32px;
  border-style: solid;
  border-width: 1px;
  border-color: #e5e7eb;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.62);
}

.faq-paragraph {
  overflow: hidden;
  margin-bottom: 0px;

  color: rgba(51, 0, 44, 0.53);
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.01em;
  height: 0px;
  opacity: 0;
  transition: height 0.2s ease-out, opacity 0.4s;
  pointer-events: none;
}

.faq-paragraph.opened {
  opacity: 1;
  height: 100%;
  pointer-events: auto;
}

.chevron-white {
  display: none;
}

.faq-title {
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-weight: 600;
}

.faq-subheading {

  color: rgba(51, 0, 44, 0.53);
  font-size: 18px;
  line-height: 32px;
}

.faq-heading {
  margin-top: 0px;
  margin-bottom: 16px;
  font-family: Poppins, sans-serif;
  color: #0a071b;
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.horizontal-line {
  width: 100%;
  height: 2px;
  background-color: #1f2937;
}

.chevron-black {
  margin-left: 10px;
}

.faq-tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 380px;
  margin-right: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.faq-title-wrap-centre {
  max-width: 660px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  text-align: center;
}

.faq-tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container-8 {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.faq-section {
  padding-top: 80px;
  padding-right: 3%;
  padding-left: 3%;
  /* background: linear-gradient(to bottom, #fff6fe 15%, transparent);*/

}

.faq-paragraph.h-100 {
  height: 100%;
}

.vertical-line {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #1f2937;
}

.home-ext-page {
  height: 50vh;
  margin-top: 12rem;
}

.mentions-legales {
  margin-top: 12rem;
}

.mention-section {
  max-width: 70%;
  margin: 3rem auto;
}

.body {
  background-color: rgb(27, 27, 27);
}

body {
  width: 100%;
}

.body {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff838b), to(#ffb087));
  background-image: linear-gradient(90deg, #ff838b, #ffb087);
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.body.body-white {
  background-color: #fff;
  background-image: none;
}

.text-block {
  text-decoration: none;
}

.accent-footer {
  width: 100%;
}

.d-flex-col {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.d-flex-row-center {
  display: flex;
  align-items: center;
}

.label-q {
  font-size: 17px;
  padding: 0.3rem 0;
}


.footer-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-section-2 {
  padding-top: 95px;
  padding-bottom: 80px;
  background-color: #fff;
  background-image: none;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-container {
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3%;
  padding-left: 3%;
}

.footer-social-2 {
  padding: 10px 12px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-social-2:hover {
  color: #7673db;
}

.footer-title-2 {
  color: #000;
  font-size: 90px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.footer-title-small {
  color: #000;
  font-size: 90px;
  line-height: 1.1;
  font-weight: 200;
  letter-spacing: -0.05em;
}

.footer-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.category-nav {
  background: rgb(249 249 249 / 91%);
  border-radius: 5px;
  z-index: 994;
  overflow-x: scroll;
  width: 100%;
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  backdrop-filter: blur(8px);
}

.formule-list {
  list-style: none;
  text-align: center;
  padding: 0;
}

p {
  margin-bottom: 0;
}

.formule-list-element {
  display: flex;
  justify-content: center;
  align-items: center;
}

.category-nav-content {
  display: flex;
  align-items: center;
  justify-content: start;
  float: left;
  white-space: nowrap;
  overflow-x: scroll;
}

.category-nav-content::-webkit-scrollbar {
  display: none;
}

.category-nav-content a {
  color: rgba(12, 16, 42, 0.26);
  text-decoration: none;
  font-size: 17px;
  padding: 14px 16px;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

a .active > .category-nav-content {
  transform: translateX(-200px)
}

.category-nav-item {
  transition: all 0.1ms ease-out;
}

.succes-ajout-panier-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 1s;
  user-select: none;
  position: relative;
  z-index: 9999;
}

.succes-ajout-panier-wrapper.fade {
  opacity: 0;
}

.succes-ajout-panier-wrapper-formule {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 1s;
  user-select: none;
  position: relative;
  z-index: 9999;
}

.succes-ajout-panier-wrapper-formule.fade {
  opacity: 0;
}

.list-coordonnees {
  list-style: none;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  margin: 1rem 0;
}

.item-coordonnee a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 0;
  color: #fff;
  text-decoration: none;
}

.item-coordonnee a img {
  margin: 0 1rem 0 0;
  width: 2em;
}

.allergens-list {
  display: flex;
  align-items: center;
  list-style: none;
  max-width: 300px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: auto;
}

.allergens-list.allergens-modal {

justify-content: flex-start;
}

.allergens-list li {
  width: 20px;
  height: 20px;
  margin: .2rem .2rem;
}

.allergens-list.allergens-modal li {
  display: flex;
  align-items: center;
  margin: .3rem .3rem;
  width: max-content;
}

.allergens-list.allergens-modal li img{
  width: 20px;
  height: 20px;
  margin: 0 .3rem 0 0;
}



.message-succes-ajout-panier {
  position: fixed;
  bottom: 12%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(31, 157, 87, 0.75);
  backdrop-filter: blur(8px);
  border: 2px solid rgb(31, 157, 87);
  padding: 1rem 2rem;
  align-self: center;
  border-radius: 10px;
  transition: opacity 0.1s;
  opacity: 1;
  user-select: none;
  pointer-events: none;
}


.message-succes-ajout-panier.fade {
  opacity: 0;
}


.message-succes-ajout-panier-formule {
  position: fixed;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(31, 157, 87, 0.75);
  backdrop-filter: blur(8px);
  border: 2px solid rgb(31, 157, 87);
  padding: 1rem 2rem;
  align-self: center;
  border-radius: 10px;
  transition: opacity 0.1s;
  opacity: 1;
}


.message-succes-ajout-panier-formule.fade {
  opacity: 0;
}


.message-succes-ajout-panier span {
  color: #eafff4;
  font-size: 20px;
  font-weight: 500;
}


.message-succes-ajout-panier-formule span {
  color: #eafff4;
  font-size: 20px;
  font-weight: 500;
}

.category-nav-item.active {
  color: rgb(12, 16, 42);
  border-bottom: 4px solid #0a071b;
}

.footer-details-2 {
  margin-bottom: 0px;
  color: #000;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.quantity-wrap .delete-panier {
  width: 200px;
  border-radius: 8px;
  background: #ea5455 !important;
  color: #fff;
  padding: 0.5rem 0;
}

.email-link {
  color: #000;
}

.email-link:hover {
  color: #7673db;
}

.footer-logo {
  margin-bottom: 16px;
}

.social-link:hover {
  opacity: 0.4;
}

.footer-email {
  margin-top: 20px;
  color: #000;
  font-size: 24px;
  line-height: 1.2;
}

.footer-grid-2 {
  grid-column-gap: 38px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.mesh-blur-1 {
  position: absolute;
  z-index: -2;
  max-width: 47%;
  border-radius: 127px;
  opacity: 0.5;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.div-block-4 {
  position: relative;
  z-index: 3;
}

.mesh-2 {
  position: absolute;
  z-index: -2;
  max-width: 91%;
  border-radius: 200px;
  opacity: 0.54;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.food-left {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  opacity: 0.5;
  width: 25em;
}

.title-cta {
  margin-top: 0px;
  margin-bottom: 16px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.food-right {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  opacity: 0.5;
}

.cta-container {
  z-index: 1;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.text-field-2 {
  width: 100%;
  margin-bottom: 0px;
  padding-left: 0px;
  border: 1px solid transparent;
  background-color: transparent;
  color: rgba(51, 0, 44, 0.53);
  font-size: 14px;
}

.text-field-2:hover {
  border-color: transparent;
}

.text-field-2:active {
  border-color: transparent;
}

.text-field-2:focus {
  border-color: transparent;
  background-color: transparent;
}

.text-field-2::-webkit-input-placeholder {
  color: #1B1B1B;
}

.text-field-2:-ms-input-placeholder {
  color: #1B1B1B;
}

.text-field-2::-ms-input-placeholder {
  color: #1B1B1B;
}

.text-field-2::placeholder {
  color: #1B1B1B;
}

.cta-section-2 {
  position: relative;
  width: 100%;
}

.cta-paragraph {
  max-width: 620px;

  color: rgba(51, 0, 44, 0.64);
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.02em;
}

.error-message {
  background-color: transparent;
  color: red;
  font-size: 16px;
  font-weight: 500;
}

.form-block-2 {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin-top: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cta-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 80px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  text-align: center;
}

.success-message {
  background-color: #000;
  color: #fff;
  font-size: 16px;
}

.cta-content {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.email-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  margin-right: 24px;
  padding: 16px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: rgba(51, 0, 44, 0.53);
}

.newsletter-message {
  padding: 1.5rem 2rem;
  border-radius: 13px;
  margin-top: 1.5rem;
  border: 2px solid black;
  font-family: 'Poppins', sans-serif;
}

.success-m {
  background: rgba(11, 217, 90, 0.25);
  border-color: #0bd95a;
  color: #087230;
}

.error-m {
  background: rgba(169, 34, 34, 0.24);
  border-color: rgb(169, 34, 34);
  color: rgb(169, 34, 34);
}

.submit-button-2 {
  width: 100%;
  height: 62px;
  max-width: 160px;
  padding-right: 32px;
  padding-left: 32px;
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  border-radius: 16px;
  background-color: #1B1B1Bba;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 16px;
  font-weight: 500;
}

.submit-button-2:hover {
  border: 1px solid #1B1B1B;
  background-color: #1B1B1B75;
  color: #fff;
}

.form-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  background-color: hsla(0, 0%, 100%, 0.62);
  font-family: Poppins, sans-serif;
}

.image-2 {
  position: absolute;
  z-index: 0;
  max-width: 48%;
  border-radius: 90px;
  opacity: 0.34;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.header-wrapper-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ed3b46), to(#f56e29));
  background-image: linear-gradient(180deg, #ed3b46, #f56e29);
}

.button-2 {
  margin-right: 36px;
  padding: 20px 48px;
  border-radius: 13px;
  background-color: #1B1B1B;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

.button-2:hover {
  background-color: rgba(51, 0, 44, 0.65);
  color: rgba(249, 249, 249, 0.94);
}

.button-sign-in-3 {
  padding: 12px 24px;
  border: 1px solid #ffecfc;
  border-radius: 13px;
  background-color: transparent;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  font-family: Poppins, sans-serif;
  color: #ffecfc;
}

.button-sign-in-3:hover {
  border-color: #1B1B1B;
  background-color: #1B1B1B;
  color: #fff2f1;
}

.button-sign-up-3 {
  margin-left: 18px;
  padding: 12px 24px;
  border-radius: 13px;
  background-color: #ffecfc;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #1B1B1B;
}

.button-sign-up-3:hover {
  background-color: #ffe7e5;
  color: #1B1B1B;
}

.heading-general {
  margin-top: 0px;
  font-family: Poppins, sans-serif;
  color: #1B1B1B;
  font-size: 55px;
  line-height: 69px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.text-span-2 {
  color: #ffecfc;
}

.text-white {
  color: #ffecfc;
}

.text-w {
  color: #fff;
}

.text-clair {
  color: rgba(51, 0, 44, 0.53)
}

.button-main-2 {
  padding: 20px 48px;
  border-radius: 13px;
  background-color: #1B1B1B;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.button-main-2:hover {
  background-color: rgba(51, 0, 44, 0.53);
  color: #fff;
}

.header-wrapper-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3b88ed), to(#a729f5));
  background-image: linear-gradient(180deg, #3b88ed, #a729f5);
}

.feature-section-3 {
  padding: 25px 3% 140px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a729f5), color-stop(57%, #3b88ed), color-stop(101%, #f7f7fa));
  background-image: linear-gradient(180deg, #a729f5, #3b88ed 57%, #f7f7fa 101%);
}

.feature-heading-w {
  margin-bottom: 80px;
  font-family: Poppins, sans-serif;
  color: #f7f7fa;
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  text-align: center;
}

.feature-title-w {
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  color: #f7f7fa;
  font-size: 24px;
  line-height: 1.4;
}

.feature-section-1 {
  padding: 25px 3% 140px;
}

.feature-paragraph-black {

  color: #1B1B1B;
  font-size: 16px;
  line-height: 26px;
}

.header-wrapper-blue-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#69a3f0), to(#be64f6));
  background-image: linear-gradient(180deg, #69a3f0, #be64f6);
}

.footer-logo-2 {
  margin-right: 20px;
}

.slide-content-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-right: 3%;
  padding-left: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-image {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.formule-separator {
  font-size: 15px;
  padding: 0.5rem 0 0.1rem;
  text-align: center;
}
}

.slide {
  min-width: 30%;
  max-width: 100%;
  background: grey;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: rgba(12, 16, 42, 0.26);
  font-weight: 500;
  height: 300px;
  max-height: 100vh;
  text-decoration: none;
  transition: border-bottom-color 0.3s;
  border-bottom: 3px solid transparent;
}

.slide.active {
  cursor: grabbing;
}


.keen-slider {
  white-space: nowrap;
  background: rgb(249 249 249 / 91%);
  backdrop-filter: blur(5px);
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
}

.slide.active {
  border-bottom: 3px solid black;
  color: black;
}

.tabs-wrap {
  text-align: center !important;
}

.formule-line-icon {
  width: 1.3em;
  margin-right: 4%;
}

.title-price-formule {
  font-size: 10px;
  font-weight: 300;
  color: rgba(128, 128, 128, 0.6);
}

.tabs-formule-price {
  display: flex;
  justify-content: start;
  flex-direction: column;
}

.slide-image-restaurant {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.72)), to(hsla(0, 0%, 100%, 0))), url('../images/Hero.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), hsla(0, 0%, 100%, 0)), url('../images/Hero.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.slide-image.slide-image-two {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.72)), to(hsla(0, 0%, 100%, 0))), url('../images/Home-Image.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), hsla(0, 0%, 100%, 0)), url('../images/Home-Image.png');
}

.category-detail {
  margin-right: 40px;
  color: #777;
  font-size: 16px;
  font-weight: 700;
}

.feature-text-2 {
  padding-top: 4px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.social-block {
  position: absolute;
  left: 3%;
  top: auto;
  right: auto;
  bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.text-block-6 {
  margin-right: 10px;
  margin-left: 10px;
  color: hsla(0, 0%, 100%, 0.5);
}

.news-field {
  position: relative;
  min-height: 54px;
  margin-bottom: 0px;
  padding-right: 35px;
  padding-left: 25px;
  border: 1px solid #e7e7e7;
  border-radius: 100px;
}

.social-link-2 {
  padding: 4px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #f4f0ed;
  font-size: 13px;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.social-link-2:hover {
  opacity: 0.5;
}

.form-block-news {
  width: 100%;
}

.static-hero-optional {
  position: relative;
  display: block;
  height: 80vh;
  min-height: 650px;
  padding: 132px 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url('../images/Home-Image.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link {
  padding: 8px 20px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

.author-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider {
  height: 50vh;
}

.hero-header {
  max-width: 590px;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 70px;
  line-height: 1;
  font-weight: 500;
}

.form-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide {
  overflow: hidden;
}

.author-grid {
  width: 100%;
  grid-column-gap: 44px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-5 {
  -ms-grid-columns: 2.5fr 1fr;
  grid-template-columns: 2.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.footer {
  padding: 132px 3%;
  background-color: #000;
}

.content-section-3 {
  padding: 5% 3% 100px;
}

.title {
  font-family: Poppins, sans-serif;
  color: #0bd95a;
  font-size: 16px;
}

.title-table {
  font-family: Poppins, sans-serif;
  color: #0bd95a;
  font-size: 25px;
  margin: 1rem 0 0;
}

.div-block-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recipe-collection-item {
  margin-bottom: 45px;
}

.image-7 {
  width: 160px;
}

.title-wrap {
  margin-bottom: 45px;
}

.author-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cta-section-3 {
  padding: 40px 3%;
}

.button-outline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 52px;
  padding-right: 46px;
  padding-left: 46px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 100px;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 16px;
}

.button-outline:hover {
  background-color: #fff;
  color: #000;
}

.cta-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 282px;
  padding: 52px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8e8;
  background-color: #fdfdfd;
}

.author-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 282px;
  padding: 52px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8e8;
  background-color: #fdfdfd;
}

.social-link-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  margin-left: 8px;
  padding: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2);
}

.slider-arrow-left {
  left: 2%;
  z-index: 9999;
  display: none;
  width: 55px;
  height: 55px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.15);
  border-radius: 100px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-size: 16px;
}

.slider-arrow-left:hover {
  border-color: hsla(0, 0%, 100%, 0.55);
}

.container-9 {
  display: block;
  width: 100%;
  max-width: 1070px;
  margin-right: auto;
  margin-left: auto;
}

.img-dashboard-section {
  max-width: none;
  width: 55em;
}

.container-9.align-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.author-title-2 {
  margin-bottom: 12px;
  color: #0bd95a;
  font-size: 16px;
}

.submit {
  position: relative;
  right: 52px;
  min-height: 54px;
  padding-right: 35px;
  padding-left: 35px;
  border-radius: 100px;
  background-color: #0bd95a;
}

.category-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-icon-wrap-circles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.content-h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #000;
  font-size: 42px;
  font-weight: 700;
}

.slide-nav {
  display: none;
  margin-bottom: 35px;
  padding-right: 106px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cta-newsletter {
  width: 100%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.feature-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1070px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-arrow-right {
  right: 2%;
  z-index: 9999;
  display: none;
  width: 55px;
  height: 55px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.15);
  border-radius: 100px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-size: 16px;
}

.slider-arrow-right:hover {
  border-color: hsla(0, 0%, 100%, 0.55);
}

.slider-section {
  position: relative;
  overflow: hidden;
}

.category-link {
  display: block;
  padding: 10px 30px;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.category-link:hover {
  opacity: 0.5;
}

.logo-social {
  width: 18px;
}

.author-section {
  padding: 60px 3% 100px;
}

.mail-field-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-wrapper {
  width: 100%;
  height: 100%;
}

.category-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  padding: 20px 3%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.author-image {
  width: 100%;
  max-width: 290px;
}

.search-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  margin-right: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #06112d;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.search-button:hover {
  background-color: rgba(6, 17, 45, 0.8);
}

.tabs-container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.tabs-product-price-number {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  align-self: self-start;
}

.tabs-product-price-false {
  font-size: 24px;
  line-height: 25px;
  font-weight: 600;
  align-self: self-start;
  text-decoration:line-through;
  color: #DD725B;
}

.tabs-formule-price-number {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  align-self: center;
}

.tabs-product-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 1rem 0;
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  width: 100%;
}

.tabs-product-card-content article {
  width: 100%;
}


.tabs-formule-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
}

.gallery-tab-link {
  margin-right: 30px;
  margin-bottom: 10px;
  padding: 10px 24px;
  border-bottom: 2px solid transparent;
  border-radius: 30px;
  background-color: transparent;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-size: 18px;
  line-height: 24px;
}

.gallery-tab-link:hover {
  background-color: #06112d;
  color: #fff;
}

.gallery-tab-link.w--current {
  background-color: #06112d;
  color: #fff;
}

.tabs-product-title-wrap {
  position: relative;
  padding-right: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


.tabs-formule-title-wrap {
  position: relative;
  padding-right: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.description-produit {
  max-width: 90%;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.46);
  text-align: left;
  font-size: 12px;
}

.filter-button {
  z-index: 995;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 45px;
  position: relative;
  margin-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #06112d;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.filter-button:hover {
  background-color: rgba(6, 17, 45, 0.8);
}

.tabs-content {
  margin-right: -20px;
  margin-bottom: -40px;
  margin-left: -20px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
}

.tabs-product-image {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
}

nav::-webkit-scrollbar {
  display: none;
}

nav ul::-webkit-scrollbar {
  display: none;
}

.qty-title {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.46);
  font-weight: 600;
  margin: 1rem 0;
  text-align: center;
}

.tabs-products-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.tabs-product-cart-button {
  position: absolute;
  left: auto;
  top: 8px;
  right: 0px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #06112d;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.tabs-formule-cart-button {
  position: absolute;
  left: auto;
  top: 8px;
  right: -15px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #06112d;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.tabs-product-cart-button:hover {
  background-color: rgba(6, 17, 45, 0.8);
}

.tabs-formule-cart-button:hover {
  background-color: rgba(6, 17, 45, 0.8);
}

.tabs-product-bottom-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}


.tabs-formule-bottom-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tabs-section {
  padding-right: 3%;
  padding-bottom: 0px;
  padding-left: 3%;
  font-family: Poppins, sans-serif;
  color: #000;
  word-break: break-word;
}

.rating-star {
  width: 1em;
  height: auto;
  max-width: 100%;
  margin-right: 3px;
}

.tabs-product-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 10px;
  background-color: rgba(249, 249, 249, 0.82);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  color: #000;
  text-decoration: none;
  height: auto; /*remplacer par 250px si bug pour la page avec img*/
  cursor: pointer;
}

.tabs-product-card-no-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 20px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: rgba(249, 249, 249, 0.82);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  color: #000;
  text-decoration: none;
  height: 175px;
  cursor: pointer;
}

.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}

.tabs-product-card-no-img:nth-child(1),
.tabs-product-card-no-img:nth-child(2) {
  height: 170px;
}

.tabs-formule-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px 15px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: rgba(249, 249, 249, 0.82);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.tabs-formule-card:hover {
  position: relative;
  box-shadow: 0 20px 40px -7px hsla(0, 0%, 52%, 0.21);
}

.tabs-product-card:hover {
  position: relative;
  box-shadow: 0 20px 40px -7px hsla(0, 0%, 52%, 0.21);
}

.tabs-wrap {
  position: relative;
  text-align: right;
}

.tabs-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  padding-right: 140px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gallery-tabs {
  position: relative;
  text-align: left;
}

.tabs-header {
  margin-top: 0px;
  margin-bottom: 70px;
  font-size: 48px;
  line-height: 72px;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
}

.tabs-product-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  text-align: left;
}

.tabs-product-title-no-img {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
  line-height: 17px;
  line-height: 20px;
  width: 100%;
  text-align: center;
}


.tabs-formule-title {
  margin: 0 0 1.5rem 0;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

.tabs-product-price {
  font-weight: 500;
}


.tabs-formule-price {
  font-weight: 500;
}

.tabs-buttons-wrap {
  position: absolute;
  left: auto;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabs-header-section {
  margin: 4rem 0 2rem 0;
  font-size: 48px;
  line-height: 72px;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
}

.header-wrapper-orange-pale {
  background-image: linear-gradient(1deg, #ff6a73, #fd8a4f);
}

.nav-products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  top: 0%;
  height: 45px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: rgba(226, 226, 228, 0.28);
}

.nav-product-link {
  color: #1B1B1B;
  text-decoration: none;
}

.nav-product-link.active {
  color: #1B1B1B;
  border-bottom: #0C102A 2px;
  text-decoration: none;
}

.nav-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 3% 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.next-placeholder {
  display: none;
  width: 0px;
  height: 0px;
  max-width: 159px;
  margin: auto auto 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.previous-button {
  display: none;
  padding: 5px 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  color: #5b617c;
  font-size: 15px;
  text-indent: -2px;
}

.previous-button:hover {
  border-bottom-color: rgba(0, 0, 0, 0.55);
  opacity: 1;
}

.button-base {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter-top {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 48px;
  padding-bottom: 32px;
  padding-left: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-success {
  width: 60px;
  margin-bottom: 10px;
}

.title-wrap-form {
  width: 100%;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(73, 74, 125, 0.32);
}

.container-10 {
  width: 100%;
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph-form {
  margin-bottom: 0px;
  font-size: 14px;
}

.display-xl-white {
  color: #fff;
}

.step-line {
  position: absolute;
  left: auto;
  top: 0%;
  right: 73px;
  bottom: 0%;
  width: 2px;
  height: 100%;
  background-color: rgba(73, 74, 125, 0.32);
}

.counter-bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 32px;
  padding-right: 48px;
  padding-left: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.previous-placeholder {
  display: none;
  width: 0px;
  height: 0px;
  max-width: 100px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.previous-placeholder:hover {
  opacity: 1;
}

.check-symbol {
  position: absolute;
  left: auto;
  top: auto;
  right: -9px;
  bottom: auto;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-width: 4px;
  border-color: rgba(73, 74, 125, 0.32);
  border-radius: 100px;
  background-color: #02044a;
}

.check-symbol.form-active {
  background-color: #25cc88;
}

.step-wrap {
  position: relative;
}

.checkbox-field {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 132px;
  margin-bottom: 12px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-wrapper {
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-top: 2px solid rgba(73, 74, 125, 0.32);
}

.paragraph-2 {
  color: #fff;
  font-size: 16px;
}

.display-small {
  font-size: 16px;
  font-weight: 700;
}

.column-large {
  padding: 20px;
}

.step-count {
  margin-bottom: 8px;
  color: #8687a8;
  font-size: 16px;
}

.slide-embed {
  display: none;
}

.slider-2 {
  position: relative;
  height: auto;
  background-color: transparent;
}

.success-button {
  padding: 20px 44px;
  border-radius: 500px;
  background-color: #494a7d;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.success-button:hover {
  background-color: #25cc88;
}

.text-block-7 {
  color: rgba(255, 255, 255, 0.48);
  font-size: 16px;
}

.text-field-3 {
  position: relative;
  min-height: 64px;
  margin-bottom: 0px;
  padding-left: 16px;
  border: 2px solid #494a7d;
  border-radius: 8px;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.text-field-3:hover {
  border-color: #fff;
}

.text-field-3:focus {
  border-width: 2px;
  border-color: #2db27c;
}

.text-field-3::-webkit-input-placeholder {
  color: #8687a8;
}

.text-field-3:-ms-input-placeholder {
  color: #8687a8;
}

.text-field-3::-ms-input-placeholder {
  color: #8687a8;
}

.text-field-3::placeholder {
  color: #8687a8;
}

.error-message-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.form-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 3%;
  padding-bottom: 140px;
  padding-left: 3%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slide-wrapper {
  display: block;
}

.form-grid {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.body-small {
  color: #aeafc5;
  font-size: 16px;
}

.display-xl {
  margin-top: 0px;
  margin-bottom: 6px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.column {
  position: relative;
  padding-top: 48px;
  padding-bottom: 120px;
  border-right: 2px solid rgba(73, 74, 125, 0.32);
}

.display-small-600 {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}

.slide-2 {
  position: static;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 20px;
}

.checkbox-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 33px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}

.field-label {
  margin-bottom: 8px;
  color: #f9f9fb;
  font-size: 14px;
  font-weight: 500;
}

.checbox {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-left: 0px;
  border-width: 2px;
  border-color: rgba(73, 74, 125, 0.32);
  border-radius: 12px;
  background-color: transparent;
  cursor: pointer;
}

.checbox.w--redirected-checked {
  border-width: 2px;
  border-color: #25cc88;
  border-radius: 8px;
  background-color: transparent;
  background-image: none;
}

.checbox.w--redirected-focus {
  box-shadow: none;
}

.back-button-slide {
  padding: 20px 32px;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #aeafc5;
  font-size: 16px;
  text-align: center;
}

.back-button-slide:hover {
  color: #fff;
}

.checkbox-icon-circle {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  padding: 15px;
  border-radius: 100px;
  background-color: rgba(73, 74, 125, 0.32);
}

.counter-centre {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 48px 32px 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.success-message-2 {
  max-width: 620px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 50px;
  border-radius: 16px;
  background-color: rgba(45, 178, 124, 0.1);
  color: #33f3a5;
}

.form-text-wrapper {
  color: #8687a8;
  text-align: right;
}

.form-text-wrapper.active-text-wrapper {
  color: #fff;
}

.title-wrap-2 {
  margin-bottom: 42px;
}

.next-button {
  display: none;
  padding: 12px 32px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #5b3acc;
  -webkit-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
  font-size: 15px;
}

.form-circle {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  height: 52px;
  margin-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #494a7d;
}

.form-circle.circle-active {
  background-color: #2db27c;
}

.checkbox-text-hidden {
  display: none;
}

.next-button-slide {
  padding: 20px 44px;
  border-radius: 500px;
  background-color: #494a7d;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.next-button-slide:hover {
  background-color: #25cc88;
}

.step-title {
  color: #02044a;
  font-size: 16px;
  font-weight: 700;
}

.slider-embed {
  display: none;
}

.success-message-grace {
  max-width: 620px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 50px;
  border-radius: 16px;
  background-color: #5f30e2;
  color: #fff;
}

.next-button-slide-2 {
  padding: 20px 44px;
  border-radius: 16px;
  background-color: #494a7d;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.next-button-slide-2:hover {
  background-color: #5f30e2;
}

.form-wrapper-2 {
  max-width: 930px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 32px;
}

.slide-tab-current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 55px;
  min-height: 55px;
  min-width: 55px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #5f30e2;
  box-shadow: 3px 3px 8px 0 rgba(95, 48, 226, 0.16);
}

.slide-content {
  position: relative;
  width: 100%;
  padding-right: 3%;
  padding-left: 3%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.step-detail {
  margin-left: 14px;
}

.grid-single-column {
  width: 100%;
  margin-bottom: 48px;
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.form-wrap {
  width: 100%;
  min-height: 390px;
}

.title-wrap-3 {
  width: 100%;
  margin-bottom: 40px;
}

.field-label-2 {
  margin-bottom: 8px;
  color: #02044a;
  font-size: 14px;
  font-weight: 500;
}

.form-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.large-checkbox {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-left: 0px;
  border-width: 2px;
  border-color: rgba(223, 223, 232, 0.48);
  border-radius: 24px;
  background-color: #fff;
  background-image: none;
  background-position: 50% 40%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.large-checkbox:hover {
  border-color: #5f30e2;
}

.large-checkbox.w--redirected-checked {
  border-width: 2px;
  border-color: #5f30e2;
  background-color: transparent;
  background-image: none;
  background-position: 50% 40%;
  background-size: auto;
}

.large-checkbox.w--redirected-focus {
  box-shadow: none;
}

.large-checkbox.yes {
  background-image: none;
}

.large-checkbox.no {
  background-image: none;
}

.large-checkbox.price-1 {
  background-image: none;
}

.large-checkbox.price-2 {
  background-image: none;
}

.large-checkbox.option-02 {
  background-image: none;
}

.large-checkbox.option-02.w--redirected-checked {
  background-image: none;
}

.large-checkbox.price-3 {
  background-image: none;
}

.large-checkbox.option-03 {
  background-image: none;
}

.large-checkbox.option-03.w--redirected-checked {
  background-image: none;
}

.back-button-slide-2 {
  margin-right: 20px;
  padding: 20px 30px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #8687a8;
  font-size: 16px;
  text-decoration: none;
}

.back-button-slide-2:hover {
  color: #57588f;
}

.step-count-grace {
  color: #5f30e2;
  font-size: 14px;
  font-weight: 500;
}

.slider-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
}

.slider-tab:hover {
  background-color: #f9f9fb;
}

.slider-tab.active {
  background-color: #f5f1ff;
}

.slide-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 64px;
  padding: 12px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dfdfe8;
  border-radius: 16px;
}

.grid-three-column {
  width: 100%;
  margin-bottom: 48px;
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.field-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.line-break {
  width: 1px;
  min-height: 32px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: rgba(223, 223, 232, 0.48);
}

.grid-two-column {
  width: 100%;
  margin-bottom: 48px;
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.submit-button-grace {
  padding: 20px 44px;
  border-radius: 16px;
  background-color: #494a7d;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.submit-button-grace:hover {
  background-color: #5f30e2;
}

.form-heading {
  margin-top: 0px;
  margin-bottom: 6px;
  color: #02044a;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.form-section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 140px 3%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.checkbox-field-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 176px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-3 {
  position: static;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 20px;
}

.slide-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.active-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
}

.paragraph-header {
  color: #494a7d;
  font-size: 16px;
}

.checkbox-label {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 20px;
  display: block;
  color: #494a7d;
  font-size: 16px;
  text-align: center;
}

.slider-tab-icon {
  width: 26px;
}

.text-field-4 {
  position: relative;
  min-height: 58px;
  margin-bottom: 0px;
  padding-left: 16px;
  border: 1px solid #f9f9fb;
  border-radius: 8px;
  background-color: #f9f9fb;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 16px;
  cursor: pointer;
}

.text-field-4:hover {
  border-style: solid;
  border-color: #dfdfe8;
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(2, 4, 74, 0.04);
}

.text-field-4:focus {
  border-width: 1.3px;
  border-color: #007bfc;
}

.text-field-4::-webkit-input-placeholder {
  color: #8687a8;
}

.text-field-4:-ms-input-placeholder {
  color: #8687a8;
}

.text-field-4::-ms-input-placeholder {
  color: #8687a8;
}

.text-field-4::placeholder {
  color: #8687a8;
}

.button-base-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-wrap-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.title-wrap-karma {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 42px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.input-grid-karma {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.contact-icon-karma {
  margin-right: 20px;
}

.text-field-karma {
  min-height: 56px;
  margin-bottom: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #c4cee8 #c4cee8 #dfdfe8;
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;

}


.text-field-karma-100 {
  min-height: 56px;
  margin-bottom: 0px;
  width: 100%;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #c4cee8 #c4cee8 #dfdfe8;
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;

}

.text-field-karma:hover {
  border-bottom-width: 2px;
  border-bottom-color: #ff6a73;
}


.text-field-karma-100:hover {
  border-bottom-width: 2px;
  border-bottom-color: #ff6a73;
}

#formPaiementCb {
  margin-bottom: 1rem;
}

.text-field-karma:active {
  border-width: 2px;
  border-color: #ff6a73;
  color: #02044a;
}

.text-field-karma:focus {
  border-width: 2px;
  border-color: #ff6a73;
  color: #02044a;
}

.text-field-karma::-webkit-input-placeholder {
  color: #aeafc5;
  font-size: 16px;
}

.text-field-karma:-ms-input-placeholder {
  color: #aeafc5;
  font-size: 16px;
}

.text-field-karma::-ms-input-placeholder {
  color: #aeafc5;
  font-size: 16px;
}

.text-field-karma::placeholder {
  color: #aeafc5;
  font-size: 16px;
}


.text-field-karma-100::placeholder {
  color: #aeafc5;
  font-size: 16px;
}


.detail-dark {
  margin-bottom: 0px;

  color: #02044a;
  font-size: 13px;
  font-weight: 500;
}

.display-small-601 {
  margin-bottom: 0px;
  color: #494a7d;
}

.submit-button-karma {
  padding: 20px 40px;
  border-radius: 13px;
  background-color: #1B1B1B;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  font-size: 16px;
}

.h2-white {
  color: #fff;
  font-weight: 600;
}

.form-block-3 {
  margin-right: auto;
  margin-left: auto;
}

.form-block-karma {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 40px 40px 96px -16px rgba(174, 175, 197, 0.24);
}

.field-wrap-karma {
  margin-bottom: 24px;
}

.paragraph-karma {

  color: rgba(255, 255, 255, 0.64);
  font-size: 16px;
}

.block-karma {
  padding: 40px;
  border-radius: 12px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.52)), to(hsla(0, 0%, 47.6%, 0.78))), url('../images/bar-home.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.52), hsla(0, 0%, 47.6%, 0.78)), url('../images/bar-home.webp');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.block-contact {
  padding: 40px;
  border-radius: 12px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.52)), to(hsla(0, 0%, 47.6%, 0.78))), url('../images/bar-home.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.52), hsla(0, 0%, 47.6%, 0.78)), url('../images/contact-image.webp');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  margin-right: 10px;
  border: 2px solid #aeafc5;
}

.check-wrap-karma {
  margin-top: 20px;
  margin-bottom: 24px;
}

.contact-detail-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-content-2 {
  padding: 40px;
}

.display-heading {
  margin-bottom: 16px;
  color: #1B1B1B;
  font-size: 44px;
  font-weight: 600;
}

.radio-button-field {
  margin-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-grid-karma {
  width: 100%;
  height: 100%;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.display-s-600 {
  margin-bottom: 14px;
  color: #02044a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.container-11 {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(12, 117, 255, 0);
  border-radius: 8px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.social-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-wrap-karma {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.social-circle-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  margin-right: 12px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-circle-small:hover {
  background-color: #fa949d;
}

.form-section-karma {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  padding: 10px 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.check-wrapper-karma {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph-under-title {
  color: #1B1B1B;
}

.connexion-grid {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  margin-right: auto;
  margin-left: auto;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn {
  padding: 15px 20px;
  border-radius: 13px;
  font-size: 18px;
}

.btn.btn-main {
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  background-color: #1B1B1B;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
  font-size: 17px;
}

.btn.btn-main:hover {
  border-color: rgba(51, 0, 44, 0.53);
  background-color: rgba(51, 0, 44, 0.53);
}

.btn.btn-main.mr-1 {
  margin-right: 1rem;
}

.btn.btn-main.flex-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn.btn-outlined {
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  background-color: transparent;
  color: #1B1B1B;
}

.btn.btn-outlined.ml-1 {
  margin-left: 1rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn.btn-outlined.ml-1:hover {
  background-color: #1B1B1B;
  color: #fcf7fb;
}

.btn.btn-main-100-mobile {
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  background-color: #1B1B1B;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn.btn-main-100-mobile:hover {
  background-color: rgba(51, 0, 44, 0.64);
}

.btn.btn-main-100-mobile.mr-1 {
  margin-right: 1rem;
}

.btn.btn-main-100-mobile.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 2%;
}

.btn.btn-main-100-mobile.btn-home {
  margin-right: 1rem;
}

.btn.btn-outlined-100-mobile {
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #1B1B1B;
  font-weight: 500;
  text-decoration: none;
}

.btn.btn-outlined-100-mobile:hover {
  background-color: hsla(0, 0%, 100%, 0.66);
}

.btn.btn-outlined-100-mobile.ml-1 {
  margin-left: 1rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn.btn-outlined-100-mobile.ml-1:hover {
  background-color: #1B1B1B;
  color: #fcf7fb;
}

.btn.btn-main-little {
  border-style: solid;
  border-width: 1px;
  border-color: #1B1B1B;
  background-color: #1B1B1B;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.btn.btn-main-little:hover {
  border-color: rgba(51, 0, 44, 0.53);
  background-color: rgba(51, 0, 44, 0.53);
}

.btn.btn-main-little.mr-1 {
  margin-right: 1rem;
}

.btn.btn-main-little.flex-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-wrap-karma-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 42px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.title-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 42px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.container-inscription {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-section {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 150px 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0060fd;
  color: #9aaebc;
  font-size: 18px;
  line-height: 27px;
}

.modal-button {
  height: 62px;
  font-size: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem auto;
  color: #fff;
  font-size: 16px;
  width: 100%;
  background-color: #DD7258;
  border: 1px solid #DD7258;
  box-shadow: rgba(221, 114, 88, 0.3) 0px 10px 36px 0px, rgba(221, 114, 88, 0.1) 0px 0px 0px 1px;
}


.modal-button:hover {
  background-color: rgba(0, 0, 0, 0.51);
  color: #ffffff;
}


.modal-formule-button {
  height: 62px;
  font-size: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem auto;
  color: #fff;
  width: 95%;
  background-color: #DD7258;
  border: 1px solid #DD7258;
  box-shadow: rgba(221, 114, 88, 0.3) 0px 10px 36px 0px, rgba(221, 114, 88, 0.1) 0px 0px 0px 1px;
}

.modal-formule-button img {
  margin: 0 .5rem;
}

.modal-formule-button:disabled,
.modal-button:disabled,
.modal-button:hover:disabled,
.modal-formule-button:hover:disabled {
  border: 1px solid rgba(27, 27, 27, 0.31);
  background-color: rgba(27, 27, 27, 0.31);
  color: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

.price-and-counter {
  display: flex;
  flex-direction: column;
  width: 90%;
}

.modal-formule-container .price-and-counter {
  left: 5.5%;
}

.modal-link {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #9aaebc;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
}

.modal-link:hover {
  color: #0060fd;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  z-index: 995;
  transition: opacity 0.2s ease-in-out;
}

.modal-formule {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  z-index: 995;
  transition: opacity 0.3s;
}

.modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 997;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.article #modal_formule {
  user-select: none;
  pointer-events: none;
}

body.article #formule .text-button-modal {
  user-select: none;
  pointer-events: none;
}

body.article #formule .textarea-modal {
  user-select: none;
  pointer-events: none;
}

body.formule #modal {
  user-select: none;
  pointer-events: none;
}

body.formule #modal .text-button-modal {
  user-select: none;
  pointer-events: none;
}

body.formule #modal .textarea-modal {
  user-select: none;
  pointer-events: none;
}


.modal-formule-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 997;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.modal.show {
  pointer-events: auto;
  opacity: 1;
}

.modal-formule.show {
  pointer-events: auto;
  opacity: 1;
}

.modal-container {
  position: fixed;
  margin: auto;
  width: 35%;
  padding: 1rem 1rem 160px;
  max-width: 95%;
  z-index: 999;
  max-height: 95%;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #fff;
}

.center-pos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.btn-link {
  font-size: 14px;
  text-align: center;
}

.zone-entree-formule {
  width: 100%;
}

.zone-plat-formule {
  width: 100%;
}

.zone-dessert-formule {
  width: 100%;
}

.zone-boisson-formule {
  width: 100%;
}

.modal-container-no-img {
  position: fixed;
  top: 15%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 650px;
  max-width: 100%;
  z-index: 999;
  overflow: auto;
  padding: 30px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #fff;
}

.modal-formule-container {
  z-index: 999;
  overflow: auto;
  padding: 1rem 1rem;
  width: 35%;
  max-height: 95%;
  border-radius: 24px;
  background-color: #fff;
}

.modal-content {
  margin-top: 1rem;
}


.modal-formule-content {
  margin-top: 1rem;
  width: 95%;
}


.modal-heading {
  margin-top: 0px;
  margin-bottom: 14px;
  color: rgb(0, 0, 0);
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  letter-spacing: -0.02em;
}

.modal-paragraph {
  color: rgba(0, 0, 0, 0.46);
}

.modal-formule-heading {
  margin-top: 0px;
  margin-bottom: 14px;
  color: rgba(0, 0, 0, 0.56);
  font-size: 25px;
  font-weight: 600;
  text-align: left;
}

.center-c-bp {
position: fixed;
left: 0;
right: 0;
bottom: 2rem%;
}

.modal-image-large {
width: 100%;
height: 150px;
max-width: none;
border-radius: 18px;
-o-object-fit: cover;
object-fit: cover;
}

.modal-image-formule-large {
width: 100%;
height: 200px;
max-width: none;
border-radius: 18px;
-o-object-fit: cover;
object-fit: cover;
}

.modal-buttons-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.div-block-10 {
width: 100%;
background-color: #fff;
}

.text-block-8 {
text-align: left;
}

.dropdown-toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.dropdown {
width: 100%;
}

.text-block-9 {
color: rgba(0, 0, 0, 0.46);
font-size: 11px;
}

.dropdown-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}

.link-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 35px;
padding-left: 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1B1B1B;
text-decoration: none;
}


.forget-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 35px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1B1B1B;
text-decoration: none;
}


.dropdown-list-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.dropdown-list-2.w--open {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.icon-dropdown-command {
width: 1.5em;
height: 1.5em;
max-width: none;
margin-right: 5%;
}

.text-block-10 {
padding-left: 10%;
}

.counter-and-name {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.text-block-11 {
padding-right: 5%;
}

.zone-supplement {
margin-bottom: 8%;
background-color: #fff;
}


.zone-formule {
margin-bottom: 8%;
background-color: #fff;
}

.text-block-12 {
padding-left: 5%;
text-align: left;
}

.titre-supplement {
display: flex;
justify-content: flex-start;
  margin: 0 0 0.5rem 0;

}

.titre-supplement div {
text-transform: uppercase;
color: rgba(0, 0, 0, 0.46);
font-weight: 600;
margin: 0 .3rem 0 0;
margin: 0 .3rem .5rem 0;
}

.ref-plat-accompagnement-clone {
margin: 0 0 .5rem;
}
.ref-entree-accompagnement-clone {
margin: 0 0 .5rem;
}
.ref-dessert-accompagnement-clone {
margin: 0 0 .5rem;
}

.ref-entree-accompagnement-prix {
  width: auto;
  min-width: 75px;
  text-align: right;
}

.ref-plat-accompagnement-prix {
  width: auto;
  min-width: 75px;
  text-align: right;
}

.ref-dessert-accompagnement-prix {
  width: auto;
  min-width: 75px;
  text-align: right;
}

.titre-cuisson {
display: flex;
justify-content: flex-start;
  margin: 0 0 0.5rem 0;

}

.titre-cuisson div {
text-transform: uppercase;
color: rgba(0, 0, 0, 0.46);
font-weight: 600;
margin: 0 .3rem .5rem 0;
}

.titre-entree-formule {
display: flex;
justify-content: flex-start;
  margin: 0 0 0.5rem 0;

}

.titre-entree-formule p {
text-transform: uppercase;
color: #DD725B;
font-weight: 600;
margin: .3rem .3rem 0 0;
}



.titre-entree-formule span {
color: #DD7258;
font-weight: 400;
font-size: 12px;
}

.titre-plat-formule {
display: flex;
justify-content: flex-start;
  margin: 0 0 0.5rem 0;
}

.titre-plat-formule p {
text-transform: uppercase;
  color: #DD725B;
font-weight: 600;
margin: .3rem .3rem 0 0;
}

.titre-plat-formule span {
color: #DD7258;
font-weight: 400;
font-size: 12px;
}

.titre-dessert-formule {
display: flex;
justify-content: flex-start;
  margin: 0 0 0.5rem 0;

}

.titre-dessert-formule p {
text-transform: uppercase;
  color: #DD725B;
font-weight: 600;
margin: .3rem .3rem 0 0;
}

.titre-dessert-formule span {
color: #DD7258;
font-weight: 400;
font-size: 12px;
}


.mb-1 {
margin-bottom: 1rem;
}
.mb-2 {
margin-bottom: 2rem;
}

label {
  margin: 0 0 0 0;
}

.desc {
color: #00000091;
font-size: 15px;
}

.ligne-supplement {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 35px;
padding: 0 2%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}


.ligne-cuisson {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 35px;
padding: 0 2%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}

.ligne-supplement label {
font-weight: normal;
}

.label-entree-formule {
font-weight: 300;
  line-height: 13px;
}

.label-plat-formule {
font-weight: 300 !important;
  line-height: 13px;
}

.label-dessert-formule {
font-weight: 300 !important;
  line-height: 13px;
}

.ligne-entree-formule {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 35px;
padding-left: 6%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}

.a_cacher div label {
font-size: 12px;
color: #04040496;
}

.radio-orange {
width: 1.285rem;
height: 1.285rem;
margin-top: 0.0825rem;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #d8d6de;
appearance: none;
color-adjust: exact;
}
.input[type="radio"] {
border-radius: 50% !important;
}
.input[type="radio"]:not(:disabled):indeterminate {
background-size: 85% !important;
}

.input[type="radio"]:not(:disabled):checked, .input[type="radio"]:not(:disabled):focus {
border-color: #ff9f43;
box-shadow: 0 2px 4px 0 rgb(255 159 67 / 40%) !important;
}

.input[type="radio"]:checked {
border-color: #ff9f43;
background-color: #ff9f43;
}



.ligne-entree-formule {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 0 0 1rem;
flex-direction: column;
height: 100%;
margin-bottom: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: start;
text-align: left;
}

.ligne-plat-formule {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  padding: 0 0 0 1rem;
flex-direction: column;
height: 100%;
margin-bottom: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: start;
text-align: left;
}
.ligne-dessert-formule {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  padding: 0 0 0 1rem;
flex-direction: column;
height: 100%;
margin-bottom: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: start;
text-align: left;
}

.clone-plat-formule {
margin: 0 1.5rem 0 0
}

.ref-cuisson-label {
font-size: 13px;
}

.ref-entree-cuisson-clone {
display: flex;
align-items: center;
  padding: 0.1rem 0;
}

.ref-entree-cuisson-clone label {
font-size: 12px;
color: #04040496;
font-weight: normal;
}

.ref-plat-cuisson-clone {
display: flex;
align-items: center;
margin: .3rem 0;
}

.ref-dessert-cuisson-clone {
display: flex;
align-items: center;
  padding: 0.1rem 0;
}

.ref-dessert-cuisson-clone label {
font-size: 12px;
color: #04040496;
font-weight: normal;
}

.clone-dessert-formule {
align-self: self-start;
}


.ligne-plat-formule label {
font-weight: normal;
}

.a_cacher {
padding: 0 0 0 1rem;
}

.invalid-feedback {
display: flex;
justify-content: center;
margin: 2rem 0;
background: #ff030329;
padding: 1rem;
border-radius: 8px;
color: red;
border: 1px solid red;
}

.ligne-dessert-formule {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 35px;
padding-left: 6%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
text-align: left;
}

.ligne-dessert-formule label {
font-weight: normal;
}

.link-block-2 {
color: #1B1B1B;
text-decoration: none;
}

.bouton-plus {
width: 20px;
border-radius: 100px;
background-color: #1B1B1B;
color: #fff7f6;
text-align: center;
text-decoration: none;
cursor: pointer;
}

.title-supplement {
padding-left: 2%;
margin: 0;
width: 100%;
font-weight: 200;
}

.modal .title-supplement {
  font-size: 17px;
  font-weight: 200;
}

.zone-supplement .title-supplement div {
  margin: 1rem 0 0;
}

.value-accompagnement {
  font-size: 17px;
  width: auto;
  min-width: 75px;
  text-align: right;
}

.label-cuisson {
padding: 0 0 0 2%;
margin: 0;
width: 100%;
  font-size: 17px;
font-weight: 200;
}

.radio-label {
display: flex;
align-items: center;
justify-content: start;
width: 100%;
}


.title-formule {
padding-left: 2%;
margin: 0;
}


.name-and-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
align-items: center;
}

.value-formule {
height: 25px;
padding-right: 8%;
border: 1px solid transparent;
background-color: transparent;
text-align: right;
}

.price {
font-size: 20px;
font-weight: 500;
text-align: left;
}

.price-formule {
font-size: 20px;
font-weight: 500;
text-align: left;
}

.price-section {
  display: flex;
  justify-content: space-between;
padding-bottom: 5%;
}

.price-formule-section {
  width: 100%;
padding-bottom: 5%;
display: flex;
justify-content: space-between;
align-items: center;
}

.label-price {
padding-bottom: 2%;
text-align: left;
font-size: 14px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.46);
}


.label-price-formule {
padding-bottom: 2%;
text-align: left;
font-size: 14px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.46);
}

.text-field-5 {
border: 1px solid transparent;
background-color: transparent;
}

.form-block-4 {
margin-bottom: 0px;
}

.text-block-13 {
padding-right: 8%;
}

.secure-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.card-small {
max-width: 100px;
margin-right: 20px;
}

.medium-title {
color: #262626;
font-size: 22px;
line-height: 1;
font-weight: 500;
letter-spacing: -0.04em;
}

.expense-text {
color: #ff8c4b;
}

.income-text {
color: #7b55ec;
}

.card-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
text-decoration: none;
}

.card-link:hover {
background-color: #fff;
}

.expense-circle-small {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 16px;
height: 16px;
margin-right: 10px;
padding: 3px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #fff8f5;
}

.card {
box-shadow: 28px 28px 60px -20px rgba(38, 38, 38, 0.25);
background: #fff;
border-radius: 13px;
padding: 1.5rem 1rem 0;
font-size: 17px;
max-width: 60%;
}

.card .card-header {
text-align: center;
font-size: 22px;
margin-bottom: 1rem;
font-weight: 600;
}

.card-reset {
max-width: 100%;
}

.card-reset-pass {
max-width: 100%;
width: 55rem;
}

.w-100 {
width: 100%;
}


.reset-input-container {
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}

.reset-label {
text-align: left;
font-weight: normal;
margin-bottom: 0.2857rem;
font-size: 0.857rem;
color: #5e5873;
}


.card-confirm {
max-width: 100% !important;
}

.reset-input {
display: block;
width: 100%;
padding: 0.571rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d8d6de;
appearance: none;
border-radius: 0.357rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.verify-content {
display: flex;
justify-content: center;
align-items: center;
}

.top-emoji {
text-align: center;
font-size: 4em;
display: flex;
justify-content: center;
margin: 1rem 0 3rem;
}

.top-emoji svg {
width: 1em;
height: 1em;
}

.card .card-body {
text-align: center;
margin-bottom: 1rem;
font-weight: 300;
margin-bottom: 2rem;
}

.card form {
margin: 1rem 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
align-items: center;
}

.summary-income {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.chart-details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.expense-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 36px;
height: 36px;
margin-right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #fff8f5;
}

.search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 40%;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e5e5e5;
}

.large-title-3 {
margin-bottom: 20px;
color: #262626;
font-size: 34px;
line-height: 1;
font-weight: 500;
letter-spacing: -0.04em;
}

.filter-icon {
margin-left: 6px;
}

.small-card {
width: 40px;
margin-right: 20px;
}

.search-button-2 {
display: none;
}

.price-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.filter-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0.4;
color: #000;
font-size: 12px;
text-decoration: none;
}

.filter-wrap:hover {
opacity: 1;
}

.login-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
padding: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
opacity: 0.2;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #262626;
font-weight: 600;
text-decoration: none;
}

.login-link:hover {
background-color: #fcfcfc;
opacity: 1;
}

.login-link.w--current {
opacity: 1;
}

.title-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #b2b2b2;
letter-spacing: -0.03em;
}

.logo-3 {
margin-bottom: 40px;
}

.card-wrapper {
width: 100%;
}

.nav-menu-4 {
width: 100%;
}

.navigation-grid {
width: 100%;
margin-top: 60px;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.small-detail {
color: #b2b2b2;
font-size: 12px;
}

.avatar-circle-small {
position: relative;
width: 40px;
height: 40px;
min-height: 40px;
min-width: 40px;
margin-right: 20px;
border: 2px solid #e5e5e5;
border-radius: 100px;
}

.large-detail {
color: #262626;
font-size: 14px;
}

.search-input {
margin-bottom: 0px;
border: 1px none #000;
}

.search-input::-webkit-input-placeholder {
color: #b2b2b2;
}

.search-input:-ms-input-placeholder {
color: #b2b2b2;
}

.search-input::-ms-input-placeholder {
color: #b2b2b2;
}

.search-input::placeholder {
color: #b2b2b2;
}

.navbar-2 {
position: relative;
width: auto;
height: auto;
margin-right: 20px;
border-radius: 20px;
background-color: #fff;
}

.activity-user-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.dashboard-sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 320px;
height: 100%;
padding: 40px 40px 95px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.filter-wrap-large {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0.6;
color: #000;
font-size: 14px;
text-decoration: none;
}

.filter-wrap-large:hover {
opacity: 1;
}

.dashboard-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 800px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #f0f0f0;
}

.dashboard-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}

.arrow-2 {
margin-left: 4px;
}

.income-circle-small {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 16px;
height: 16px;
margin-right: 10px;
padding: 3px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #f8f6fe;
}

.dashboard-panel {
width: 100%;
padding: 40px;
border-radius: 20px;
background-color: #fff;
}

.dropdown-toggle-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #fafafa;
border-radius: 20px;
background-color: #fafafa;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}

.dropdown-toggle-2:hover {
border-color: #e2e2e2;
}

.activity-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.shield {
width: 16px;
margin-right: 4px;
}

.nav-title {
margin-bottom: 24px;
color: #b2b2b2;
font-size: 18px;
line-height: 24px;
font-weight: 500;
letter-spacing: -0.03em;
}

.income-bar-detail {
width: 20px;
height: 2px;
margin-right: 10px;
border-radius: 20px;
background-color: #7b55ec;
}

.balance-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.expense-bar-detail {
width: 20px;
height: 2px;
margin-right: 10px;
border-radius: 20px;
background-color: #ff8c4b;
}

.dashboard-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}

.balance-block {
padding: 30px;
border: 4px dashed #fafafa;
border-radius: 20px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}

.balance-block:hover {
border-color: #ececec;
}

.dashboard-icon {
margin-right: 20px;
}

.chart-placeholder {
width: 100%;
margin-top: 50px;
margin-bottom: 40px;
}

.number-text {
color: #262626;
font-size: 22px;
line-height: 1.5;
}

.header-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 80px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.search-icon {
width: 32px;
}

.detail-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.income-circle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 36px;
height: 36px;
margin-right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #f8f6fe;
}

.user-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.summary-details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.avatar-circle {
position: relative;
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
margin-left: 20px;
border: 2px solid #e5e5e5;
border-radius: 100px;
-webkit-transition: border-color 300ms ease;
transition: border-color 300ms ease;
cursor: pointer;
}

.avatar-circle:hover {
border-color: #fd8c4f;
}

.dashboard-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
opacity: 0.2;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #262626;
font-weight: 600;
text-decoration: none;
}

.dashboard-link:hover {
background-color: #fcfcfc;
opacity: 1;
}

.dashboard-link.w--current {
opacity: 1;
}

.dropdown-list-3 {
background-color: #945858;
}

.dropdown-list-3.w--open {
margin-top: 10px;
padding: 10px;
border-radius: 20px;
background-color: #fafafa;
}

.table-title {
color: #4d4d4d;
font-size: 14px;
letter-spacing: -0.02em;
text-transform: uppercase;
}

.buy-button {
padding: 10px 32px;
border: 1px solid #e5e5e5;
border-radius: 8px;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #262626;
font-size: 14px;
font-weight: 600;
}

.buy-button:hover {
border-color: #16c784;
background-color: #16c784;
color: #fff;
}

.table-heading {
margin-top: 0px;
margin-bottom: 0px;
color: #262626;
font-size: 48px;
line-height: 52px;
font-weight: 600;
letter-spacing: -0.02em;
}

.coin-name {
color: #262626;
font-size: 18px;
line-height: 32px;
font-weight: 600;
}

.grid-cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.table-lable-grid {
grid-column-gap: 60px;
grid-row-gap: 32px;
grid-template-areas: ". . . . Area";
-ms-grid-columns: 0.25fr 60px 5.75fr 60px 3.75fr 60px 5.5fr 60px 3.25fr 60px 1fr;
grid-template-columns: 0.25fr 5.75fr 3.75fr 5.5fr 3.25fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.table-header-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.coin-change {
color: #16c784;
font-weight: 600;
}

.coin-change.coin-down {
color: #ea3943;
}

.coin-shortname {
margin-left: 5px;
color: #999;
font-size: 18px;
line-height: 32px;
letter-spacing: -0.02em;
}

.dropdown-link {
border-radius: 4px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #262626;
font-size: 14px;
}

.dropdown-link:hover {
background-color: #f5f5f5;
}

.coin-name-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.view-all-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 32px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e5e5e5;
border-radius: 100px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #262626;
font-size: 18px;
line-height: 32px;
font-weight: 500;
text-decoration: none;
}

.view-all-button:hover {
border-color: #16c784;
background-color: #16c784;
color: #fff;
}

.row-count {
color: #262626;
font-size: 18px;
line-height: 32px;
font-weight: 600;
}

.tabs-menu-3 {
margin-bottom: 100px;
}

.table-top-bar {
max-width: 100%;
margin-right: auto;
margin-left: auto;
}

.table-line-break {
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #e5e5e5;
}

.num-table {
font-weight: 600;
}

.dropdown-list-4 {
z-index: 5;
}

.dropdown-list-4.w--open {
left: auto;
top: 44px;
right: 0%;
bottom: auto;
z-index: 5;
min-width: 200px;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 8px;
background-color: #fff;
}

.table-row-grey {
padding-top: 20px;
padding-bottom: 20px;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
grid-template-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 20px;
background-color: #fafafa;
}

.coin-icon {
width: 64px;
height: 64px;
min-height: 64px;
min-width: 64px;
margin-right: 20px;
border: 1px solid #e5e5e5;
border-radius: 100px;
background-color: #fff;
}

.table-tab-link {
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
border-radius: 100px;
background-color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #262626;
text-align: center;
}

.table-tab-link:hover {
border-color: #16c784;
background-color: #16c784;
color: #fff;
}

.table-tab-link.w--current {
border-color: #16c784;
background-color: #16c784;
color: #fff;
font-weight: 700;
}

.tabs-content-2 {
overflow: visible;
}

.quick-menu-dropdown {
margin-left: 8px;
}

.table-section {
padding-right: 5%;
padding-bottom: 140px;
padding-left: 5%;
}

.coin-avatar {
width: 4em;
height: auto;
max-width: none;
margin-right: 20px;
-o-object-fit: cover;
object-fit: cover;
}

.container-12 {
max-width: 1280px;
margin-right: auto;
margin-left: auto;
}

.table-row-white {
padding-top: 20px;
padding-bottom: 20px;
grid-column-gap: 32px;
grid-row-gap: 32px;
-ms-grid-columns: 0.3fr 2fr 1fr 1fr 1fr 1fr;
grid-template-columns: 0.3fr 2fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 20px;
background-color: #fff;
}

.grid-cell-2 {
margin-bottom: 0.5rem;
}

.dropdown-toggle-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px;
min-height: 32px;
min-width: 32px;
padding: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.table-row-grey-2 {
padding: 24px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 21px;
grid-row-gap: 24px;
-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 8px;
background-color: #f3f5f7;
}

.tabs-menu-4 {
margin-bottom: 40px;
}

.table-2 {
min-width: auto;
}

.table-lable-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 24px;
-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.table-tab-link-2 {
margin-right: 10px;
margin-bottom: 10px;
padding: 8px 24px;
border: 1px solid #e5e5e5;
border-radius: 100px;
background-color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #262626;
font-size: 14px;
line-height: 20px;
text-align: center;
}

.table-tab-link-2:hover {
border-color: #007cff;
background-color: #007cff;
color: #fff;
}

.table-tab-link-2.w--current {
border-color: #007cff;
background-color: #007cff;
color: #fff;
font-weight: 700;
}

.table-row-white-2 {
padding: 24px 20px;
grid-column-gap: 24px;
grid-row-gap: 24px;
-ms-grid-columns: 1fr 1.5fr 1fr 1fr 1fr 1.2fr;
grid-template-columns: 1fr 1.5fr 1fr 1fr 1fr 1.2fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 20px;
background-color: #fff;
}

.transaction-number {
color: #262626;
font-size: 14px;
font-weight: 400;
}

.form-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e5e5e5;
border-radius: 100px;
}

.table-section-2 {
padding: 120px 5%;
background-color: #f3f5f7;
}

.coin-shortname-2 {
margin-left: 5px;
color: #999;
font-size: 14px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.02em;
}

.table-title-2 {
color: #4d4d4d;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
}

.coin-icon-2 {
width: 100%;
height: 100%;
min-height: 36px;
min-width: 36px;
margin-right: 10px;
border: 1px solid #e5e5e5;
border-radius: 100px;
background-color: #fff;
}

.table-bar {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 24px 20px;
}

.header-line-break {
width: 100%;
height: 1px;
margin-top: 32px;
margin-bottom: 32px;
background-color: #e5e5e5;
}

.container-13 {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}

.table-line-break-2 {
width: 100%;
height: 1px;
margin-top: 20px;
background-color: #e5e5e5;
}

.full-table-wrapper {
width: 100%;
padding: 30px 40px 40px;
border: 0.5px solid #e5e5e5;
border-radius: 16px;
background-color: #fff;
box-shadow: 42px 42px 120px -40px #e0e5eb;
}

.submit-button-3 {
border-radius: 100px;
background-color: #007cff;
font-size: 14px;
font-weight: 600;
}

.badge {
padding: 8px 24px;
border-radius: 4px;
background-color: #14b881;
color: #fff;
font-size: 12px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
}

.badge.withdrew {
background-color: #007cff;
}

.badge.credit {
background-color: #855cd6;
}

.badge.deposit {
background-color: #f73;
}

.form-block-5 {
margin-bottom: 0px;
}

.date {
color: #666;
font-size: 14px;
font-weight: 400;
}

.coin-name-2 {
color: #262626;
font-size: 14px;
line-height: 24px;
font-weight: 600;
}

.table-header-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.table-heading-2 {
margin-top: 0px;
margin-bottom: 0px;
color: #262626;
font-size: 48px;
line-height: 52px;
font-weight: 600;
letter-spacing: -0.02em;
}

.table-wrapper-2 {
overflow: auto;
}

.button-edit {
padding: 20px 48px;
border-radius: 13px;
background-color: #1B1B1B;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-family: Poppins, sans-serif;
color: #fff;
font-size: 13px;
font-weight: 400;
}

.button-edit:hover {
background-color: #fff;
color: #1042a3;
}

.image-8 {
width: 2.5em;
padding: 10px;
}

.btn-edit {
border-radius: 38px;
background-color: #ffdc91;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}

.btn-edit:hover {
background-color: #ffae00;
}

.btn-watch-qr {
border-radius: 38px;
background-color: #91deff;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}

.btn-watch-qr:hover {
background-color: #30baf5;
}

.table-row-white-3 {
padding: 24px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 24px;
grid-row-gap: 24px;
-ms-grid-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 8px;
background-color: #fff;
}

.dashboard-container {
max-width: 1024px;
}

.table-row-white-4 {
padding: 24px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 21px;
grid-row-gap: 24px;
-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 8px;
background-color: #fff;
}

.row-title-mobile {
display: none;
color: #262626;
font-size: 18px;
line-height: 32px;
font-weight: 600;
}

.table-row-whit {
padding-top: 20px;
padding-bottom: 20px;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
grid-template-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 20px;
background-color: #fff;
}

.btn-add-table {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5em;
height: 2.5em;
padding-right: 10px;
padding-left: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 38px;
background-color: #aaff91;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #000;
text-decoration: none;
}

.btn-add-table:hover {
background-color: #61e609;
}

.text-block-14 {
font-size: 27px;
}

.container-login {
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
padding-top: 150px;
padding-bottom: 150px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.section {
max-width: 90%;
margin-right: auto;
margin-left: auto;
}

.container-panier {
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
padding-bottom: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.panier-bg {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-radius: 20px;
background-color: #d1d1d1;
}

.list-item-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background-color: #fff;
}

.image-9 {
width: 8em;
height: auto;
max-width: none;
margin-right: 10px;
}

.link-2 {
color: #303030;
text-decoration: none;
}

.image-10 {
width: 1.2em;
margin-right: 5px;
}

.div-block-12 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.link-block-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #313131;
text-decoration: none;
}

.heading {
padding-top: 10px;
font-weight: 600;
text-align: center;
}

.list-item-3 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: 500;
}

.formule-item-panier {
font-weight: 300;
}

.list-item-4 {
margin-top: 0.5rem;
margin-bottom: 0.8rem;
}

.item-title-panier {
font-weight: 600;
}

.checkbox-field-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 0px;
padding-right: 22px;
padding-left: 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 10px;
}

.order-summary {
position: -webkit-sticky;
position: sticky;
top: 100px;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 10px;
}

.grey-divider-small {
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
background-color: rgba(15, 21, 41, 0.1);
}

.product-image-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 110px;
height: 110px;
margin-right: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 10px;
}

.payment-details-grid {
display: block;
-ms-grid-columns: 1fr 1fr 0.75fr;
grid-template-columns: 1fr 1fr 0.75fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.shipping-details-grid {
margin-top: 20px;
margin-bottom: 20px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}

.product-description-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 200px;
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.detail-dark-2 {
color: #0f1529;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.03em;
}

.form-heading-medium {
margin-bottom: 20px;
color: #0f1529;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
letter-spacing: -0.03em;
}

.add-items-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
padding-right: 0px;
padding-left: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
background-color: rgba(15, 21, 41, 0.1);
color: #1B1B1B;
font-size: 18px;
}

.add-items-button:active {
background-color: rgba(15, 21, 41, 0.2);
}

.text-field-6 {
height: 50px;
margin-bottom: 0px;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 15px;
border-style: solid;
border-width: 1px;
border-color: rgba(51, 0, 44, 0.13);
border-radius: 10px;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;

color: rgba(51, 0, 44, 0.53);
line-height: 24px;
font-weight: 400;
}

.text-field-6:hover {
border-color: #1B1B1B;
}

.text-field-6:active {
border-color: #1B1B1B;

}

.text-field-6:focus {
border-color: #1B1B1B;
font-weight: 500;
}

.text-field-6::-webkit-input-placeholder {
color: rgba(51, 0, 44, 0.53);
}

.text-field-6:-ms-input-placeholder {
color: rgba(51, 0, 44, 0.53);
}

.text-field-6::-ms-input-placeholder {
color: rgba(51, 0, 44, 0.53);
}

.text-field-6::placeholder {
color: rgba(51, 0, 44, 0.53);
}

.grid-form {
grid-column-gap: 150px;
-ms-grid-columns: 1fr 0.75fr;
grid-template-columns: 1fr 0.75fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.form-heading-large {
margin-top: 0px;
margin-bottom: 20px;
color: #0f1529;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.03em;
}

.content-section-4 {
padding: 50px 3% 105px;
}

.discount-code {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
padding: 13px 15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-style: solid;
border-width: 1px;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 10px;
}

.product-image {
-o-object-fit: fill;
object-fit: fill;
}

.div-block-2 {
width: 95%;
margin: 2rem auto;
}

.remove-items-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
padding-right: 0px;
padding-left: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
background-color: rgba(15, 21, 41, 0.1);
color: #1B1B1B;
font-size: 17px;
text-decoration: none;
}

.remove-items-button:active {
background-color: rgba(15, 21, 41, 0.2);
}

.quantity {
margin-right: 17px;
margin-left: 17px;
color: #0f1529;
font-weight: 700;
}

.order-infornation-wrap {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}

.phone-field-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50px;
margin-bottom: 0px;
padding-left: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 10px;
color: #0f1529;
line-height: 24px;
font-weight: 600;
}

.phone-field-wrap:hover {
border-color: #7b55ec;
}

.phone-field-wrap:active {
border-color: #7b55ec;
}

.phone-field-wrap:focus {
border-color: #7b55ec;
}

.product-summary-block {
margin-bottom: 40px;
}

.product-description {
margin-right: 24px;
border: 1px none #000;
color: rgba(15, 21, 41, 0.6);
line-height: 24px;
font-weight: 400;
}

.price-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
flex-direction: column;
}

.payment-summary-block {
margin-bottom: 40px;
}

.checkbox-label-2 {
width: 100%;
margin-bottom: 0px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 15px;
line-height: 20px;
font-weight: 600;
}

.quantity-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 10.5em;
}

.form-section-3 {
background-color: transparent;
}

.price-2 {
margin-right: 10px;
color: #0f1529;
font-weight: 400;
padding: 1rem 0;
}

.open-icon {
width: 13px;
}

.phone-field {
margin-bottom: 0px;
padding-left: 15px;
border: 1px none #000;
color: #0f1529;
line-height: 24px;
font-weight: 400;
}

.detail-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.total-price {
color: #0f1529;
font-size: 16px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.03em;
}

.close-icon {
display: none;
width: 13px;
}

.product-title {
margin-bottom: 10px;
color: #0f1529;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.03em;
}

.field-label-3 {
margin-bottom: 12px;
color: rgba(51, 0, 44, 0.53);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
}

.add-billing-address {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
color: #0f1529;
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-decoration: none;
}

.grey-divider {
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
background-color: rgba(15, 21, 41, 0.1);
}

.payment-method-grid {
margin-bottom: 20px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.discount {
color: #7b55ec;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.03em;
}

.submit-button-4 {
display: none;
}

.detail-light {
color: rgba(15, 21, 41, 0.6);
line-height: 24px;
font-weight: 600;
letter-spacing: -0.03em;
}

.checkbox {
overflow: hidden;
width: 16px;
height: 16px;
margin-top: 0px;
margin-left: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 50%;
}

.checkbox.w--redirected-checked {
width: 16px;
height: 16px;
margin-top: 0px;
margin-left: 0px;
border-style: solid;
border-color: #7b55ec;
background-color: #fff;
background-image: none;
background-position: 50% 50%;
background-size: auto;
}

.checkbox.w--redirected-focus {
box-shadow: none;
}

.billing-address-grid {
display: none;
margin-bottom: 20px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}

.checkout-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
background-color: #DD7258;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-weight: 500;
}

.checkout-button:hover {
background-color: rgba(51, 0, 44, 0.69);
}

.checkout-button:active {
background-color: rgba(123, 85, 236, 0.9);
}

.container-14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1260px;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.product-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.content-wrapper-2 {
display: flex;
flex-direction: column;
}

.content-wrapper-2 .button-main-2 {
align-self: center;
}

.container-7 {
flex-direction: column;
}

.phone-image-wrap img {
width: 70%;
}

.google-play-svg {
margin-left: 30px;
}

.logo-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.label-small-span {
color: rgba(15, 21, 41, 0.6);
font-size: 12px;
white-space: nowrap;
}

.btn-watch-restaurant {
border-radius: 38px;
background-color: #91deff;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}

.btn-watch-restaurant:hover {
background-color: #30baf5;
}

.produit-seul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.table-row-white-0 {
padding-top: 20px;
padding-bottom: 20px;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
grid-template-columns: 0.3fr 2.5fr 2fr 2fr 1.25fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 20px;
background-color: #fafafa;
}

.ligne-attribu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.attribu {
padding: 0.3rem 0;
margin-right: 10px;
border: 1px none #000;
color: rgba(15, 21, 41, 0.6);
font-size: 10px;
line-height: 10px;
font-weight: 400;
}

.lottie-animation {
width: 13em;
}

.paragraph-checkout {
margin-bottom: 50px;
line-height: 26px;
text-align: center;
}

.gird-panier {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 80%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 2fr;
grid-template-columns: 2fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}

.panier {
position: static;
top: 100px;
width: 100%;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: rgba(15, 21, 41, 0.1);
border-radius: 10px;
}

.checkout-button-copy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
background-color: #1B1B1B;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-weight: 500;
}

.checkout-button-copy:hover {
background-color: rgba(51, 0, 44, 0.69);
}

.checkout-button-copy:active {
background-color: rgba(123, 85, 236, 0.9);
}

.form-5 {
position: -webkit-sticky;
position: sticky;
top: 0%;
}

.feature-section-transparent {
padding: 25px 3% 140px;
}

.container-payment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1260px;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
padding-bottom: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.image-11 {
width: 2em;
margin-right: 0rem;
}

.back-btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
}

.back-btn {
padding: 5px;
border-radius: 20px;
background-color: rgba(51, 0, 44, 0.21);
}

.container-15 {
margin-top: 2rem;
}

.text-block-15 {
color: #fff;
}

@media screen and (max-width: 991px) {
.navigation {
padding-right: 3%;
padding-left: 3%;
}

.close-btn-nav {
width: 3.8em;
padding: 1rem 1rem 1.5rem;
background: transparent;
}

.modal-formule-container,
.modal-container {
    width: 95%
}

.close-btn-nav img {
background: transparent;
}


.category-nav-wrapper ul {
height: 0px;
flex-direction: column;
width: 100%;
margin: -0.8rem 0 0;
overflow-y: scroll;
min-height: 0;
transition: all 0.3s ease-in-out;
}

.category-nav-wrapper ul::-webkit-scrollbar {
display: none;
}

.category-nav-wrapper ul li {
background: rgb(255, 255, 255);
width: 100%;
padding: 0 1rem;
border: solid rgb(0, 0, 0) 1px;
border-left: transparent;
border-right: transparent;
transition: font-weight 0.1s ease-in-out;
}

.category-nav-wrapper ul li a {
display: flex;
width: 100%;
height: 100%;
}

.category-nav-wrapper ul li a:focus {
background: #ffaf9f;
color: #fff;
font-weight: bold;
}


.video .title {
width: 95%;
}


#home_section {
height: auto;
}

.category-nav-wrapper ul li:first-child {
border-top: transparent;
}

.category-nav-wrapper ul li:last-child {
border-bottom: transparent;
}


.dark-behind {
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.68);
backdrop-filter: blur(5px);
z-index: 899;
-webkit-backdrop-filter: blur(5px);
transition: all 0.3s ease-out;
}

.dark-behind.active {
display: flex;
animation: visible 0.4s;
}

.dark-behind.closeit {
display: none;
animation: invisible 0.4s;
}

@keyframes visible {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

@keyframes invisible {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
}

.tabs-content.stop-scroll {
height: 100%;
overflow: hidden;
}

.hamburger {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 1rem 1rem;
transition: opacity 0.2s ease-out;
}

.category-nav-ul.show {
min-height: 75vh;
}

.menu-button {
margin-left: 14px;
padding: 12px;
border-radius: 8px;
background-color: #4e6eb1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}

.menu-button:hover {
background-color: #29498d;
color: #fff;
}

.menu-button.w--open {
background-color: #29498d;
color: #fff;
}

.nav-menu {
position: absolute;
top: 80px;
height: auto;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
background: #fff6fe;
}

.navigation-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.content-wrapper-2 a.button-main-2 {
align-self: center;
}

.button-nav-mobile-wrapper {
margin: 2rem;
display: flex;
flex-direction: column-reverse;
}

.company-logo {
margin: 15px;
}

.container-navigation {
position: relative;
}

.img-dashboard-section {
max-width: none;
width: 45em;
}

.navigation-button-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.bloom-effect {
height: 70%;
}

.brand {
margin-right: 10px;
padding: 0px;
}

.hero-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.banner-link {
display: none;
}

.feature-container {
display: none;
}

.mobile-feature-container {
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
padding: 0px;
width: 95%;
margin: auto;
}

.mobile-feature-container li {
margin: 2rem 0;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;

}

.mobile-feature-container li h4 {
align-self: center;
font-size: 30px;
line-height: 32px;
color: #fff;
font-weight: 500;
}

.mobile-feature-container li p {
font-size: 22px;
width: 80%;
align-self: center;
text-align: center;
color: #ffffffa6;
margin-top: 0.5rem;
}

.price-wrap {
align-items: flex-start;
flex-direction: column;
}

.mobile-feature-container li img {
align-self: center;
}


.banner-image {
margin-right: 10px;
}

.logo-wrapper {
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.nav-link {
width: 100%;
color: #262626;
}

.navbar-toggle {
padding-top: 20px;
padding-bottom: 20px;
border-style: none;
}

.navbar-toggle.w--open {
border-style: none;
}

.image-wrapper {
display: flex;
justify-content: center;
}

.nav-menu-middle {
position: absolute;
height: auto;
padding: 10px;
background-color: #fff;
}

.navbar-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.image-wrap-4 {
width: auto;
}

.img-dashboard-section {
width: 55em;
}

.navbar-base {
padding: 10px 14px 14px;
}

.nav-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
color: rgba(10, 7, 27, 0.35);
backdrop-filter: blur(12px);
display: none;
z-index: 1;
}

.nav-overlay.active {
display: block;
}

.image-wrap-01 {
margin-top: 0px;
margin-right: 20px;
}

.navbar-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.navbar-dropdown-list {
top: 5px;
}

.navbar-dropdown-list.w--open {
position: relative;
left: 0px;
padding-top: 0px;
}

.flowbase-mobile-menu {
padding: 14px;
border: 2px solid #4d4d4d;
border-radius: 6px;
background-color: #fff;
box-shadow: 4px 4px 0 0 #4d4d4d;
color: #4d4d4d;
}

.flowbase-mobile-menu.w--open {
background-color: #397;
color: #fff;
}

.navbar-container {
position: relative;
}

.navbar-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.navbar-flowbase {
position: relative;
padding-right: 3%;
padding-left: 3%;
}

.navbar-column-small {
width: 100%;
padding: 20px;
}

.account-button {
display: none;
}

.navbar-column-large {
width: 100%;
padding: 20px;
}

.navbar-column {
width: 100%;
padding: 20px;
}

.link-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}

.navbar-logo-desktop {
margin-right: 10px;
padding: 0px;
}

.link-grid-large {
grid-row-gap: 20px;
}

.nav-content-wrapper-2 {
padding: 20px;
}

.bottom-content-wrapper-2 {
padding: 20px;
}

.navbar-line-break {
display: none;
}

.nav-content-wrapper-1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-dropdown {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}

.nav-content-wrapper-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.feature-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.logo-wrapper-2 {
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.company-logo-2 {
margin: 15px;
}

.header-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.nav-link-2 {
width: 95%;
margin: 1rem auto 0;
color: #1042a3;
}

.nav-link-2.text-white {
color: #000;
}

.nav-link-2.text-white:hover {
background-color: #664561;
color: #fff;
}

.menu-button-2 {
margin-left: 14px;
padding: 14px;
border-radius: 100px;
background-color: rgba(246, 92, 102, 0.66);
color: #fff;
}

.menu-button-2:hover {
border-radius: 100px;
background-color: #664561;
color: #fff;
}

.menu-button-2:active {
background-color: rgba(250, 86, 96, 0.45);
}

.menu-button-2.w--open {
background-color: #664561;
color: #fff;
}

.navigation-2 {
padding-right: 3%;
padding-left: 3%;
}

.navigation-2.active {
backdrop-filter: blur(12px);
}

.header-section-2 {
padding: 10rem 5rem;
}

.navigation-button-wrap-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.search-link {
display: none;
}

.brand-2 {
margin-right: 10px;
padding: 0px;
}

.btn-nav-mobile {
margin: 1rem 0;
}

.btn-main-100-mobile {
text-decoration: none;
color: #ffff;
}

.mobile-feature-container li h1 {
text-align: center;
}

.navigation-menu-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.button-wrapper {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.container-navigation-2 {
position: relative;
}

.nav-menu-2 {
position: absolute;
top: 80px;
height: auto;
background-color: #fff;
}

.hero-column {
display: none;
}

.hero-grid-2 {
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}

.navigation-3 {
padding-right: 3%;
padding-left: 3%;
}

.navigation-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.menu-button-3 {
margin-left: 14px;
padding: 12px;
border-radius: 4px;
background-color: #000;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
color: #fff;
}

.menu-button-3:hover {
background-color: #289f8a;
color: #fff;
}

.menu-button-3.w--open {
background-color: #289f8a;
color: #fff;
}

.nav-link-3 {
width: 100%;
color: #262626;
}

.header-section-3 {
padding-top: 60px;
}

.navigation-left {
width: auto;
}

.image-wrap {
display: none;
}

.dropdown-wrap {
box-shadow: none;
}

.authentication-wrap-dropdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.navigation-right-2 {
display: none;
}

.nav-menu-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 3%;
padding-bottom: 3%;
padding-left: 3%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #fff;
}

.nav-link-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}

.menu-button-4 {
border-radius: 20px;
background-color: #000;
color: #fff;
}

.menu-button-4.w--open {
background-color: #000;
}

.nav-links-wrap {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}

.dropdown-list.w--open {
position: relative;
left: 0px;
padding-top: 0px;
}

.image-wrapper-2 {
margin-right: auto;
margin-left: auto;
}

.content-heading {
margin-bottom: 40px;
}

.content-section {
padding-top: 100px;
padding-bottom: 100px;
}

.content-grid {
grid-row-gap: 100px;
-ms-grid-columns: 1.2fr;
grid-template-columns: 1.2fr;
}

.content-image-03 {
bottom: 0%;
}

.feature-block {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}

.feature-block.feature-right {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.feature-content {
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
}

.feature-grid-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
-ms-grid-columns: 1fr 1.5fr 1fr;
grid-template-columns: 1fr 1.5fr 1fr;
}

.process-grid {
-ms-grid-columns: 1.2fr;
grid-template-columns: 1.2fr;
display: flex;
flex-direction: column;
}

.content-grid-2 {
justify-items: center;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
display: flex;
flex-direction: column-reverse;
}

.placeholder-image {
width: 25em;
align-self: center;
margin-bottom 2rem
}

.content-section-2 {
padding-top: 100px;
padding-bottom: 100px;
}

.image-card-02 {
max-width: 80%;
}

.testimonial-card-grid {
max-width: 90%;
margin-right: auto;
margin-left: auto;
}

.testimonial-grid {
grid-row-gap: 70px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.slide-image-01 {
background-position: 0% 0%;
}

.slide-image-03 {
background-position: 0% 0%;
}

.avatar-image-wrap {
min-width: 70px;
}

.slide-image-02 {
background-position: 0% 0%;
}

.gradient-banner {
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
width: 100%;
height: 350px;
}

.cta-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.phone-image-wrap {
width: 70%;
margin-left: 0;
max-width: 380px;
margin-right: auto;
margin-left: auto;
}

.app-store-button {
margin-bottom: 10px;
}

.footer-grid {
-ms-grid-columns: 1.5fr 1fr 1fr;
grid-template-columns: 1.5fr 1fr 1fr;
}

.footer-section {
padding-top: 140px;
}

.footer-large-title {
padding-right: 0px;
padding-left: 0px;
}

.footer-social {
padding-right: 0px;
padding-left: 0px;
}

.faq-tabs-menu {
width: 100%;
min-width: auto;
margin-right: 0px;
margin-bottom: 60px;
}

.faq-tab-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.accent-footer {
margin-top: 60px;
margin-bottom: 60px;
}

.footer-content-wrapper {
margin-bottom: 140px;
}

.footer-section-2 {
padding-top: 140px;
background-position: 100% 0%;
}

.footer-social-2 {
padding-right: 0px;
padding-left: 0px;
}

.footer-link-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.footer-grid-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 32px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.cta-wrapper {
margin-right: auto;
margin-left: auto;
text-align: center;
}

.form-2 {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}

.footer-logo-2 {
margin-right: 0px;
margin-bottom: 20px;
}

.link {
margin-top: 14px;
margin-bottom: 14px;
}

.author-image-wrapper {
padding: 0px;
}

.slider {
height: 60vh;
}

.hero-header {
font-size: 55px;
}

.form-3 {
padding-left: 52px;
}

.grid-5 {
-ms-grid-columns: 2.5fr;
grid-template-columns: 2.5fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}

.title {
color: #0bd95a;
}

.div-block-8 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.cta-block {
text-align: center;
}

.author-block {
padding: 36px;
}

.slider-arrow-left {
display: none;
}

.social-icon-wrap-circles {
margin-top: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.cta-newsletter {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}

.slider-arrow-right {
display: none;
}

.gallery-tab-link {
margin-right: 20px;
padding: 8px 20px;
font-size: 16px;
line-height: 18px;
}

.tabs-product-image {
border-radius: 20px;
}

.tabs-products-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}

.rating-star {
margin-right: 8px;
}

.tabs-product-title {
font-size: 16px;
line-height: 24px;
}

.login-section {
padding-top: 60px;
}

.counter-top {
padding-right: 24px;
padding-left: 10px;
}

.step-line {
display: none;
}

.counter-bottom {
padding-right: 24px;
padding-left: 10px;
}

.check-symbol {
right: -4%;
}

.slide-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.form-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
}

.counter-centre {
padding-right: 24px;
padding-left: 10px;
}

.form-wrapper-2 {
width: 100%;
padding: 0px;
}

.slide-content {
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.slide-3 {
width: 100%;
}

.input-grid-karma {
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.w-80 {
width: 50%;
}

.p-1-s {
padding: 0 1rem;
}

.block-karma {
min-width: 290px;
padding: 30px;
}

.form-content-2 {
padding: 30px;
}

.form-grid-karma {
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}

.connexion-grid {
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.btn.btn-main-little.flex-btn {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

.menu-button-5.w--open {
z-index: 99;
border-bottom-right-radius: 20px;
background-color: #000;
}

.logo-3 {
display: none;
}

.nav-menu-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 320px;
padding: 100px 34px 34px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #fff;
}

.navigation-grid {
margin-top: 40px;
}

.navbar-2 {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
margin-right: 0px;
border-radius: 0px 0px 20px;
}

.dashboard-sidebar {
width: auto;
height: auto;
padding: 0px;
}

.dashboard-section {
position: relative;
}

.nav-title {
display: none;
}

.dashboard-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.chart-placeholder {
max-width: 480px;
}

.grid-cell {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.table-top-bar {
display: none;
padding-right: 40px;
padding-left: 40px;
}

.table-wrapper {
overflow: scroll;
}

.table-row-grey {
justify-items: start;
grid-auto-flow: column;
grid-template-areas: "Area"
  "Area-2"
  "Area-3"
  "Area-5"
  "Area-4";
-ms-grid-columns: 0.25fr 1.25fr;
grid-template-columns: 0.25fr 1.25fr;
-ms-grid-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
grid-template-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
}

.bg-mesh {
width: 35em;
}

.coin-avatar {
margin-right: 0px;
margin-left: 1rem;
}

.table-row-grey-2 {
-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
}

.table-lable-grid-2 {
-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
}

.full-table-wrapper {
padding-top: 40px;
padding-right: 20px;
padding-left: 20px;
}

.row-title-mobile {
display: block;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 200;
}

.table-row-whit {
justify-items: start;
grid-auto-flow: column;
grid-template-areas: "Area"
  "Area-2"
  "Area-3"
  "."
  "Area-4";
-ms-grid-columns: 0.25fr 1fr;
grid-template-columns: 0.25fr 1fr;
-ms-grid-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
grid-template-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
}

.product-description-wrap {
width: 170px;
}

.grid-form {
width: 100%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.table-row-white-0 {
justify-items: start;
grid-auto-flow: column;
grid-template-areas: "Area"
  "Area-2"
  "Area-3"
  "Area-5"
  "Area-4";
-ms-grid-columns: 0.25fr 1.25fr;
grid-template-columns: 0.25fr 1.25fr;
-ms-grid-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
grid-template-rows: 2rem 2rem minmax(auto, 0.25fr) 2rem 2rem;
background-color: #fff;
}

.gird-panier {
width: 100%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.container-payment {
max-width: 90%;
}
}

@media screen and (max-width: 767px) {
.company-logo {
margin-right: 15px;
margin-left: 15px;
}

.limit-slide {
width: 80px;
height: 100%;
}

.feature-container {
display: none;
}

.mobile-feature-container li p {
width: 100%;
}

.feature-container-mobile {
width: 90%;
max-width: 100%;
margin: 0 auto;
}



.button-navigation {
display: none;
}

.hero-button {
display: none;
}

.close {
display: none;
}

.banner-image {
display: none;
}

.button-sign-in {
display: none;
}

.banner-block {
padding-top: 10px;
padding-bottom: 10px;
}

.image-wrap-01 {
width: 100%;
height: 240px;
margin-right: 0px;
margin-bottom: 20px;
}

.container-7 {
padding: 0;
flex-direction: column;
justify-content: center;
}

img.image-application-qreat {
width: 70%;
}

.video {
margin-top: 0;
}

#fonctionalites {
margin-top: 0;
}



.video iframe {
width: 90%;
height: 300px;
margin-top: 1.5rem;
border: 15px solid black;
border-radius: 20px;
background: black;
}

.video-mockup {
display: none;
}

.cta-content-wrap {
padding: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.bg-mesh {
display: none;
}

.heading-large {
font-size: 35px;
line-height: 38px;
}

.goog-te-gadget {
  width: 100% !important;
  border-radius: 10px !important;
}

.goog-te-combo {
  width: 100% !important;
  border-radius: 10px !important;
}

.navbar-block {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.goog-te-banner-frame {
position: absolute !important;
top: -40px !important;
}

.goog-te-banner .goog-logo-link {
margin-left: -0rem !important;
width: 3em !important;
}

.goog-te-banner img {
width: 2em;
}

.navbar-left {
width: 100%;
}

.link-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.link-grid-small {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.feature-list-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.features-section {
padding-top: 100px;
padding-bottom: 100px;
}

.title-table {
font-size: 16px;
}

.moins, .plus {
width: 32px;
height: 32px;
}

.moins {
  background: #fff;
  color: rgba(30, 30, 30, 0.89);
  font-size: 15px;
  text-align: center;
}

.plus {
  background: rgba(30, 30, 30, 0.89);
  color: #fff;
}

.quantity-wrap {
align-self: center;
display: flex;
justify-content: center;
width: 100%;
border-radius: 5px;
background: #ea5455 !important;
}

.delete-panier {
background: transparent;
color: #fff;
width: 100%;
padding: 0.5rem 0;
}


.company-logo-2 {
margin-right: 15px;
margin-left: 15px;
}

.button-sign-in-2 {
display: none;
}

.button-sign-up-2 {
display: none;
}

.navigation-menu-2 {
width: 100%;
}

.button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.modal-bg {
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
}

.modal {
position: fixed;
height: 100%;
}

.navigation-button {
display: none;
}

.cta-btn-wrapper {
flex-direction: column;
}

.hero-white-bar {
display: none;
}

.category-nav-content a {
font-size: 11px;
padding: 12px 12px;
}

.header-section-3 {
padding-bottom: 0px;
}

.image-wrap {
display: none;
}

.dropdown-wrap {
box-shadow: none;
}

.dropdown-list {
padding-top: 0px;
}

.content-wrapper {
margin-right: auto;
margin-left: auto;
text-align: left;
}

.content-image {
left: 0%;
}

.feature-grid-2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}

.content-grid-2 {
grid-row-gap: 60px;
}

.image-card {
left: -7vw;
bottom: 64%;
}

.large-heading {
font-size: 40px;
line-height: 50px;
}

.image-card-02 {
bottom: 20%;
}

.slide-image-01 {
padding-right: 3%;
padding-left: 3%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.feature-container {
display:none
}

.slide-image-03 {
padding-right: 3%;
padding-left: 3%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.slide-image-02 {
padding-right: 3%;
padding-left: 3%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.tabs-menu {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.footer-grid {
margin-bottom: 60px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.footer-section {
padding-top: 100px;
}

.footer-title-2 {
font-size: 70px;
}

.footer-title-small {
font-size: 70px;
}

.food-left {
display: none;
}

.modal-formule {
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}

.form-block-2 {
max-width: 420px;
}

.email-input {
width: 100%;
margin-right: 0px;
}

.submit-button-2 {
max-width: none;
}

.form-2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.button-sign-in-3 {
display: none;
}

.button-sign-up-3 {
display: none;
}

.slide-content-wrap {
background-image: none;
background-position: 0% 100%;
background-size: 125px;
background-repeat: repeat;
}

.category-nav-container {
width: 97%;
}

.category-detail {
margin-right: 0px;
}

.social-block {
display: none;
}

.static-hero-optional {
height: 100vh;
}

.form-3 {
padding-left: 0px;
}

.author-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}

.recipe-collection-item {
padding-right: 0px;
padding-left: 0px;
}

.cta-block {
padding-right: 24px;
padding-left: 24px;
}

.category-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.tabs-product-price-number {
font-size: 18px;
}

.tabs-formule-price-number {
font-size: 18px;
}

.gallery-tab-link {
margin-right: 10px;
font-size: 16px;
line-height: 22px;
}

.tabs-product-cart-button {
right: -18px;
}

.tabs-formule-cart-button {
right: 0px;
}

.tabs-section {
padding-top: 0px;
padding-bottom: 0px;
}

.tabs-product-card {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

.big-number {
font-size: 35px;
}

.last-item {
font-size: 17px;
}

.step-number {
font-size: 17px;
}

.line-wrap {
margin: 0;
padding: 0 1rem;
margin: -5rem 0 0 0;
}

.large-title-2 {
font-size: 22px;
line-height: 26px;
}

.process-paragraph-1 {
margin-top: -2rem;
margin-bottom: 5rem;
}

.tabs-product-card:hover {
box-shadow: none;
}

.tabs-formule-card:hover {
box-shadow: none;
}

.tabs-menu-2 {
padding-right: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.tabs-header {
margin-bottom: 20px;
font-size: 25px;
line-height: 25px;
}

.tabs-buttons-wrap {
position: static;
margin-bottom: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.nav-article-bouton-panier {
position: absolute;
right: 3%;
top: 15%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

div.category-nav-content {
justify-content: start;
margin: 0 0 0 5px;
width: 100%;
height: 75px;
display: flex;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

div.category-nav-content::-webkit-scrollbar {
display: none;
}

div.category-nav-content a {
display: inline;
margin-top: 1%;
font-size: 16px;
padding: 24px 16px;
}

div.category-nav-content a:nth-child(3) {

pointer-events: none;
user-select: none;
}

.category-nav-item.active {
padding: 24px 16px;
}

.notify-bubble {
margin: 0 0 0;
top: 0;
right: 2%;
}

.tabs-header-section {
margin-bottom: 40px;
font-size: 40px;
line-height: 50px;
}

.next-placeholder {
position: fixed;
z-index: 6;
}

.counter-top {
padding-top: 20px;
padding-bottom: 20px;
}

.title-wrap-form {
padding-top: 20px;
padding-bottom: 20px;
}

.counter-bottom {
padding-top: 20px;
}

.previous-placeholder {
position: fixed;
z-index: 6;
}

.check-symbol {
display: none;
}

.step-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.form-wrapper {
width: 100%;
}

.form-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.column {
padding-top: 20px;
padding-bottom: 20px;
border-right-style: none;
}

.counter-centre {
padding-top: 20px;
padding-bottom: 20px;
}

.form-wrapper-2 {
width: 100%;
}

.google-play-svg {
margin: 0;
}

.slide-content {
padding-top: 60px;
padding-bottom: 60px;
}

.grid-single-column {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.form-content {
width: 100%;
min-width: auto;
}

.grid-three-column {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.grid-two-column {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.input-grid-karma {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}

.contact-detail-wrap {
margin-bottom: 60px;
}

.form-grid-karma {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.connexion-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.modal-section {
padding-top: 100px;
padding-bottom: 100px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}

.modal-container {
  z-index: 999;
  overflow: auto;
  padding: 1rem 1rem !important;
  width: 95%;
  max-height: 95%;
  border-radius: 24px;
  background-color: #fff;
}

button.close-btn {
background: #0a071b;
color: #fff;
top: 2%;
right: 2%;
}

.center-c-bp {
width: 90%;
margin: 0 auto;
bottom: 3rem;
}

.modal-content {
margin-right: auto;
margin-left: auto;
width: 100%;
}

.price-section {
align-self: start;
width: 100%;
}

.navigation-grid {
margin-top: 40px;
grid-row-gap: 24px;
}

.dashboard-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.balance-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.detail-block {
margin-bottom: 20px;
}

.table-heading {
margin-bottom: 14px;
}

.table-header-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.tabs-menu-3 {
margin-bottom: 60px;
}

.table-row-grey {
-ms-grid-columns: 0.25fr 1fr;
grid-template-columns: 0.25fr 1fr;
}

.coin-icon {
width: 44px;
height: 44px;
min-height: 44px;
min-width: 44px;
}

.tabs-menu-4 {
margin-bottom: 20px;
}

.table-lable-grid-2 {
text-align: left;
}

.table-title-2 {
font-size: 11px;
}

.coin-icon-2 {
width: 44px;
height: 44px;
min-height: 44px;
min-width: 44px;
}

.form-block-5 {
width: 100%;
}

.table-header-wrapper-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.table-heading-2 {
margin-bottom: 20px;
}

.div-block-11 {
padding-left: 10%;
}

.container-login {
padding-top: 0px;
}

.content-section-4 {
padding-right: 0%;
padding-left: 0%;
}

.table-row-white-0 {
-ms-grid-columns: 0.25fr 1fr;
grid-template-columns: 0.25fr 1fr;
}

.gird-panier {
width: 100%;
}
}

@media screen and (max-width: 479px) {
.banner {
display: none;
}

.menu-button {
margin-left: 0px;
}

.company-logo {
margin-top: 20px;
margin-bottom: 20px;
}

.hero-heading {
font-size: 70px;
line-height: 80px;
}

.badge-new {
margin-bottom: 10px;
margin-left: 0px;
}

.title-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-column {
padding: 14px;
}

.link-grid {
grid-row-gap: 20px;
}

.navbar-logo-desktop.w--current {
display: none;
}

.nav-link-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.nav-icon-square {
margin-bottom: 10px;
}

.image-wrap-03 {
margin-right: 0px;
margin-bottom: 20px;
}

.feature-image {
margin-right: 20px;
}

.company-logo-2 {
margin-top: 8px;
margin-bottom: 8px;
}

.menu-button-2 {
background-color: rgba(247, 92, 102, 0.66);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}

.menu-button-2:hover {
background-color: #1B1B1B;
}

.button {
padding-right: 32px;
padding-left: 32px;
}

.header-section-2 {
padding: 8rem 1rem;
}

.header-paragraph {
font-size: 16px;
line-height: 30px;
}

.mention-section {
max-width: 90%;
}

.underline-span.text-white {
line-height: 55px;
}

.hero-heading-2 {
font-size: 50px;
line-height: 70px;
}

.button-wrapper {
margin-top: 40px;
}

.hero-paragraph-2 {
font-size: 18px;
line-height: 30px;
}

.hero-heading-3 {
font-size: 14vw;
line-height: 14vw;
}

.hero-icon {
width: 14vw;
}

.authentication-wrap-dropdown {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.content-heading {
margin-bottom: 40px;
}

.feature-list {
justify-items: center;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.content-image {
top: 20%;
max-width: 110px;
}

.content-image-03 {
right: 0px;
max-width: 150px;
}

.feature-grid-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.button-main {
padding-right: 32px;
padding-left: 32px;
}

.step-grid {
grid-column-gap: 16px;
grid-row-gap: 32px;
}

.image-card {
left: 8%;
max-width: 90%;
}

.content-image-4 {
border-radius: 30px;
}

.image-card-title {
font-size: 16px;
line-height: 20px;
}

.content-section-2 {
background-image: radial-gradient(circle farthest-corner at -60% 0%, rgba(253, 126, 65, 0.2), hsla(0, 0%, 100%, 0) 42%);
}

.image-card-02 {
left: auto;
top: auto;
right: 8%;
bottom: -4%;
padding-right: 20px;
}

.image-card-icon {
width: 40px;
height: 40px;
margin-right: 16px;
}

.testimonial-content-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.message-succes-ajout-panier {
width: 90%;
margin: 0 auto;
}

.message-succes-ajout-panier span {
font-size: 17px;
font-weight: 300;
text-align: center;
}

.message-succes-ajout-panier-formule {
width: 90%;
margin: 0 auto;
}

.message-succes-ajout-panier-formule span {
font-size: 17px;
font-weight: 300;
text-align: center;
}

.testimonial-card-grid {
margin-right: auto;
margin-left: auto;
}

.avatar-image-2 {
margin-bottom: 20px;
}

.content-block {
padding-right: 20px;
padding-left: 20px;
}

.testimonial-subheading-2 {
text-align: left;
}

.testimonial-paragraph-2 {
margin-bottom: 40px;
font-size: 16px;
}

.cta-heading {
font-size: 35px;
}

.gradient-banner {
height: 180px;
}

.footer-arrow {
margin-top: 32px;
margin-left: 0%;
}

.footer-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.accordian-icon-wrapper {
width: 30px;
}

.faq-tab-link {
font-size: 16px;
}

.faq-question-wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.faq-title {
font-size: 17px;
}

.footer-email {
font-size: 20px;
}

.title-cta {
font-size: 38px;
}

.cta-wrapper {
padding-right: 20px;
padding-left: 20px;
}

.email-input {
width: 100%;
margin-right: 0px;
}

.form-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.button-2 {
width: 100%;
text-align: center;
align-self: center;
margin-right: 0;
}

.heading-general {
font-size: 35px;
line-height: 41px;
}

.button-main-2 {
padding-right: 32px;
padding-left: 32px;
}

.slide-content-wrap {
height: auto;
padding-top: 20%;
padding-bottom: 0px;
}

.slide-image {
height: 100%;
}

.news-field {
margin-bottom: 4px;
}

.static-hero-optional {
min-height: 400px;
}

.slider {
background-color: transparent;
}

.hero-header {
font-size: 48px;
text-align: center;
}

.form-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.slide {
padding-bottom: 0px;
}

.author-grid {
grid-row-gap: 32px;
}

.content-section-3 {
padding-right: 0%;
padding-bottom: 60px;
padding-left: 0%;
}

.cta-block {
padding-right: 24px;
padding-left: 24px;
}

.author-block {
padding: 20px;
}

.container-9 {
max-width: 100%;
}

.container-9.align-left {
padding-top: 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.submit {
right: 0px;
width: 100%;
}

.mail-field-wrap {
padding-left: 0px;
}

.tabs-container {
max-width: 100%;
}

.tabs-product-card-content {
padding-top: 1rem;
padding-bottom: 5px;
border-radius: 10px;
}


.tabs-formule-card-content {
padding-top: 5px;
padding-bottom: 5px;
border-radius: 10px;
}

.gallery-tab-link {
display: block;
margin-top: 10px;
margin-bottom: 15px;
padding-right: 20px;
padding-left: 20px;
background-color: transparent;
color: #1B1B1B;
font-size: 12px;
text-align: center;
text-decoration: none;
}

.gallery-tab-link.w--current {
display: none;
padding-right: 13px;
padding-left: 13px;
}

.tabs-product-title-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: flex-start;
width: 90%;
margin: 0 auto;
}

.tabs-product-title-wrap-no-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
padding-right: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
align-self: start;
}


.tabs-formule-title-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
padding-right: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
flex-direction: column;
align-items: center;
}

.formule-list {
width: 90%;
}

.modal input[type="radio"],
.modal input[type="checkbox"] {
width: 1.5em;
height: 1.5em;
}


.modal-formule input[type="radio"],
.modal input[type="checkbox"] {
width: 1.5em;
height: 1.5em;
min-width: 1.5em;
}


.tabs-content {
margin-right: 0px;
margin-left: 0px;
padding-right: 5px;
padding-left: 5px;
}

.tabs-product-image {
width: 58px;
height: 56px;
border-radius: 8px;
object-fit: contain;
object-position: center;
}

.tabs-product-title {
width: 85%;
}

.tabs-products-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.tabs-product-cart-button {
top: 0px;
display: flex;
}

.tabs-formule-cart-button {
top: 0px;
display: flex;
}

.tabs-product-bottom-line {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}


.tabs-formule-bottom-line {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin: 0 auto;
}

.tabs-section {
padding-top: 0px;
padding-right: 0%;
padding-left: 0%;
}

.tabs-product-card {
padding-bottom: 0px;
height: auto;
}

.tabs-wrap {
overflow: visible;
}

.tabs-menu-2 {
position: -webkit-sticky;
position: sticky;
top: 0%;
z-index: 999;
overflow: hidden;
padding-left: 1%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0px;
background-color: #eee;
}

.tabs-header-section {
font-size: 25px;
}

.scroller {
overflow: visible;
}

.div-block-9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}

.nav-products {
position: -webkit-sticky;
position: sticky;
top: 0%;
z-index: 990;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 70px;
padding-left: 3%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0px;
background-color: #f5f5f5;
opacity: 1;
}

.nav-produit {
position: -webkit-sticky;
position: sticky;
top: 0%;
z-index: 990;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 70px;
padding-left: 3%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0px;
background-color: #f5f5f5;
opacity: 1;
}

.nav-product-link {
white-space:nowrap;
margin-right: 8%;
font-size: 12px;
text-align: left;
color: #545455;
text-decoration: none;
}

.nav-product-element {
white-space:nowrap;
margin-right: 8%;
font-size: 12px;
text-align: left;
color: #545455;
text-decoration: none;
}

.nav-product-element.active {
border-bottom: 2px solid #202020;
line-height: 42px;
}

.nav-produuit-element.active {
border-bottom: 2px solid #202020;
line-height: 42px;
}

.nav-product-link.active {
border-bottom: 2px solid #202020;
line-height: 42px;
}

.nav-product-element.active {
border-bottom: 2px solid #202020;
line-height: 42px;
}

.nav-product-link.lined {
border-bottom: 2px solid #5f5f5f;
line-height: 34px;
}

.nav-product-element.lined {
border-bottom: 2px solid #5f5f5f;
line-height: 34px;
}

.spacer-nav-product {
width: 5px;
height: 5px;
padding-right: 45px;
padding-bottom: 0px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

.nav-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.nav-contenu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.previous-placeholder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 75px;
}

.slider-2 {
height: auto;
min-height: 80vh;
}

.form-content {
width: 100%;
}

.slide-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.input-grid-karma {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.contact-icon-karma {
margin-right: 20px;
}

.submit-button-karma {
width: 100%;
}

.block-karma {
min-width: 100%;
}

.form-content-2 {
width: 100%;
padding: 16px;
}

.display-heading {
color: #1B1B1B;
}

.form-grid-karma {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.container-11 {
max-width: 95%;
padding-top: 7rem;
padding-bottom: 100px;
}

.button-wrap-karma {
margin-top: 60px;
}

.form-section-karma {
padding-top: 10px;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fd8a4f), to(#ff6a73));
background-image: linear-gradient(180deg, #fd8a4f, #ff6a73);
}

.check-wrapper-karma {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.connexion-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.btn-container {
width: 100%;
height: 130px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.btn.btn-main-100-mobile {
width: 100%;
font-size: 15px;
text-align: center;
color: #fff;
text-decoration: none;
}

.btn.btn-main-100-mobile.sticky {
width: 95%;
}

.btn.btn-main-100-mobile.btn-home {
margin-right: 0rem;
margin-bottom: 0.5rem;
}

.btn.btn-outlined-100-mobile {
width: 100%;
margin-bottom: 5%;
font-size: 15px;
text-align: center;
}

.title-block {
width: 100%;
margin-right: auto;
margin-left: auto;
}

.container-inscription {
max-width: 95%;
padding-top: 50px;
padding-bottom: 100px;
}

.modal-button {
margin-right: 0px;
margin-bottom: 14px;
}

.modal-button:hover {
background-color: rgba(0, 0, 0, 0.51);
color: #fff;
}

.modal-container-no-img {
position: absolute;
top: 10%;
display: block;
padding-top: 3rem;
border-radius: 8px;
background-color: #fff;
}

.modal-heading {
margin-bottom: 0px;
font-size: 27px;
}

.modal-formule-heading {
margin-bottom: 0px;
font-size: 27px;
text-align: center;
font-weight: 400;
}

.text-link-large {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
color: #1B1B1B;
background: linear-gradient(to left, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.62));
border: 1px solid rgba(255, 255, 255, 0.89);
border-radius: 13px;
margin-top: 1rem;
}

.modal-image-large {
width: 100px;
height: 100px;
  object-fit: cover;
}

.modal-buttons-wrap {
  align-items: stretch;
  text-align: center;
  width: 100%;
}

.search {
display: none;
}

.price-wrapper {
margin-top: 10px;
}

.avatar-2 {
width: 3em;
}

.dashboard-section {
padding-top: 80px;
padding-bottom: 40px;
}

.dashboard-panel {
padding: 20px 0px;
}

.activity-item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.balance-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.avatar-circle {
width: 3em;
height: 3em;
min-height: 3em;
min-width: 3em;
margin-right: 20px;
}

.coin-name {
font-size: 13px;
line-height: 14px;
}

.table-lable-grid {
grid-column-gap: 14px;
}

.coin-shortname {
font-size: 16px;
}

.row-count {
font-size: 14px;
}

.table-top-bar {
padding-right: 24px;
padding-left: 24px;
}

.num-table {
font-size: 13px;
line-height: 16px;
}

.table-row-grey {
padding-right: 24px;
padding-left: 24px;
grid-column-gap: 14px;
-ms-grid-columns: 0.5fr 1fr;
grid-template-columns: 0.5fr 1fr;
}

.coin-icon {
margin-right: 14px;
}

.coin-avatar {
width: 2.9em;
}

.table-row-white {
padding-right: 24px;
padding-left: 24px;
grid-column-gap: 14px;
}

.img-dashboard-section {
width: 30em;
}


.table {
padding-bottom: 20px;
}

.table-row-grey-2 {
grid-column-gap: 14px;
}

.table-2 {
padding-bottom: 20px;
}

.table-lable-grid-2 {
grid-column-gap: 0px;
font-size: 14px;
text-align: center;
}

.table-row-white-2 {
grid-column-gap: 14px;
}

.coin-shortname-2 {
font-size: 16px;
}

.table-title-2 {
font-family: Poppins, sans-serif;
font-size: 7px;
line-height: 9px;
font-weight: 300;
text-align: left;
}

.coin-icon-2 {
margin-right: 14px;
}

.table-bar {
max-width: none;
}

.coin-name-2 {
font-size: 16px;
}

.button-edit {
padding-right: 32px;
padding-left: 32px;
}

.image-8 {
width: 2.5em;
}

.table-row-white-3 {
grid-column-gap: 14px;
}

.table-row-white-4 {
grid-column-gap: 14px;
}

.row-title-mobile {
font-size: 10px;
}

.table-row-whit {
padding-right: 24px;
padding-left: 24px;
grid-column-gap: 14px;
}

.container-login {
max-width: 95%;
padding-top: 50px;
padding-bottom: 100px;
}

.section {
max-width: 100%;
}

.container-panier {
max-width: 95%;
padding-top: 50px;
padding-bottom: 0px;
}

.order-summary {
padding-right: 10px;
padding-left: 10px;
}

.payment-details-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.shipping-details-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.product-description-wrap {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.text-field-6 {
border-color: rgba(51, 0, 44, 0.53);
}

.text-field-6:hover {
border-color: #1B1B1B;
}

.text-field-6:focus {
border-color: #1B1B1B;
}

.personal-details-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.content-section-4 {
padding-right: 3%;
padding-left: 3%;
}

.order-infornation-wrap {
text-align: left;
}

.price-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}

.price-2 {
margin-bottom: 10px;
}

.product-title {
margin-bottom: 1rem;
}

.payment-method-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.shipping-method-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}

.container-14 {
max-width: none;
}

.product-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.produit-seul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.table-row-white-0 {
padding-right: 24px;
padding-left: 24px;
grid-column-gap: 14px;
-ms-grid-columns: 0.5fr 1fr;
grid-template-columns: 0.5fr 1fr;
}

.attribu {
margin-right: 0px;
}

.lottie-animation {
width: 8.5em;
color: #ff6a73;
}

.paragraph-checkout {
color: rgba(51, 0, 44, 0.57);
}

.heading-checkout {
color: #1B1B1B;
text-align: center;
}

.panier {
padding-right: 10px;
padding-left: 10px;
}

.container-payment {
max-width: 90%;
}

.back-btn-wrapper {
margin-bottom: 0rem;
padding-bottom: 50px;
}
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-21cc837c {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-21cc837c {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-21cc837c {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-21cc837c {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-21cc837c {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-21cc837c {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-21cc837c {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-21cc837c {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-41cc837f {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-f1cc8380 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-b54ebac3-ddff-f36f-282c-505b20896ecc-ffcc8382 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_9e041d36-6193-3ad4-1b3a-f8a3195e35d7-ffcc8382 {
-ms-grid-column-align: end;
justify-self: end;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d5b-ffcc8382 {
-ms-grid-column-align: end;
justify-self: end;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab38e-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab396-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab39b-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-d3df7b35-cc0b-3609-86d5-2c7c2c108776-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-d3df7b35-cc0b-3609-86d5-2c7c2c108778-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-d3df7b35-cc0b-3609-86d5-2c7c2c10877b-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_33f2ba48-6630-7d78-e713-9aee657e2bf3-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_33f2ba48-6630-7d78-e713-9aee657e2bf5-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_33f2ba48-6630-7d78-e713-9aee657e2bf8-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_25a9320c-cb75-8722-733a-925e3a2b319a-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_25a9320c-cb75-8722-733a-925e3a2b319c-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_25a9320c-cb75-8722-733a-925e3a2b319f-72cc8383 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-f9cc8385 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-f9cc8385 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-f9cc8385 {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-f9cc8385 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-f9cc8385 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-f9cc8385 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-f9cc8385 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-f9cc8385 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-4dcc8386 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-4dcc8386 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-4dcc8386 {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-4dcc8386 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-4dcc8386 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-4dcc8386 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-4dcc8386 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-4dcc8386 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-80cc8387 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-80cc8387 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-80cc8387 {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-80cc8387 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-80cc8387 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-80cc8387 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-80cc8387 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-80cc8387 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-a2cc8388 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-e5cc838a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-e5cc838a {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-e5cc838a {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-e5cc838a {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-e5cc838a {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-e5cc838a {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-e5cc838a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-e5cc838a {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_11188164-cdb7-9c55-7d0a-87d4b641b32c-14cc838b {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-14cc838b {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-04509258 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_11188164-cdb7-9c55-7d0a-87d4b641b32c-f78393c7 {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-f78393c7 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-47cc42b6 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_65aaa700-b04d-a247-ca10-902180edcd7b-8c9e0c47 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-8c9e0c47 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-8c9e0c47 {
-ms-grid-column-align: center;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e094b-8c9e0c47 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-_200db880-252e-7509-606e-473728a145a2-8c9e0c47 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2745-8c9e0c47 {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-8c9e0c47 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

#w-node-_1c31eff5-ad3a-8faf-75dd-3a880f84028c-8c9e0c47 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_65ecc12a-6296-45e1-71c4-0ffdb0721a75-fb7f3c68 {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}

#w-node-b58fcb69-96ca-2a5e-73e2-8661c77aca08-ea7f60ea {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}

@media screen and (max-width: 991px) {
#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-21cc837c {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-21cc837c {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-21cc837c {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c0d-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c10-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c18-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 4;
-ms-grid-row: 3;
grid-row-start: 3;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c1b-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 5;
-ms-grid-row: 4;
grid-row-start: 4;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c20-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 6;
-ms-grid-row: 5;
grid-row-start: 5;
}

#w-node-_9e041d36-6193-3ad4-1b3a-f8a3195e35d7-ffcc8382 {
-ms-grid-column-align: start;
justify-self: start;
grid-area: Area-3;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d4a-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d4d-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d52-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 4;
-ms-grid-row: 3;
grid-row-start: 3;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d55-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 5;
-ms-grid-row: 4;
grid-row-start: 4;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d58-ffcc8382 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 6;
-ms-grid-row: 5;
grid-row-start: 5;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d5b-ffcc8382 {
-ms-grid-column-align: start;
justify-self: start;
grid-area: Area-3;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab396-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab39b-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-d3df7b35-cc0b-3609-86d5-2c7c2c108778-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-d3df7b35-cc0b-3609-86d5-2c7c2c10877b-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_33f2ba48-6630-7d78-e713-9aee657e2bf5-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_33f2ba48-6630-7d78-e713-9aee657e2bf8-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_25a9320c-cb75-8722-733a-925e3a2b319c-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_25a9320c-cb75-8722-733a-925e3a2b319f-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-f9cc8385 {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-f9cc8385 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-f9cc8385 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-4dcc8386 {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-4dcc8386 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-4dcc8386 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-80cc8387 {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-80cc8387 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-80cc8387 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-e5cc838a {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-e5cc838a {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-e5cc838a {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_61b9f533-126a-4ce4-0c0e-23e8db1e0948-8c9e0c47 {
-ms-grid-column-align: center;
justify-self: center;
}

#w-node-_46bbfebf-982d-7eb0-e03d-47bdfceada06-8c9e0c47 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-c66cf01d-60a3-a0f8-cb1d-15621c2a2747-8c9e0c47 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
}

@media screen and (max-width: 991px) {
#w-node-_9e041d36-6193-3ad4-1b3a-f8a3195e35d7-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}

.table-row-whit>#w-node-_9e041d36-6193-3ad4-1b3a-f8a3195e35d7-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}

.table-row-white-0>#w-node-_9e041d36-6193-3ad4-1b3a-f8a3195e35d7-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d5b-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}

.table-row-whit>#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d5b-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}

.table-row-white-0>#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d5b-ffcc8382 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
}

@media screen and (max-width: 767px) {
#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-21cc837c {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}

#w-node-bd7e25c5-956b-510b-d5e3-1ddd75d58b98-f1cc8380 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab379-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_86ee1692-b764-ab0d-d2ee-8385c8eab37f-72cc8383 {
-ms-grid-column-align: start;
justify-self: start;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-f9cc8385 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-4dcc8386 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-80cc8387 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}

#w-node-bd7e25c5-956b-510b-d5e3-1ddd75d58b98-a2cc8388 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-e5cc838a {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-8c9e0c47 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
}

@media screen and (max-width: 479px) {
#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-21cc837c {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-21cc837c {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-bd7e25c5-956b-510b-d5e3-1ddd75d58b7e-f1cc8380 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c0d-ffcc8382 {
-ms-grid-column-align: end;
justify-self: end;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c10-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c18-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c1b-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-_8f8fe191-e41a-79ce-93c8-d9da490e0c20-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d4a-ffcc8382 {
-ms-grid-column-align: end;
justify-self: end;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d4d-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d52-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d55-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-e1f850a6-57fa-0685-5486-fb82ff3c0d58-ffcc8382 {
-ms-grid-column-align: stretch;
justify-self: stretch;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-f9cc8385 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-f9cc8385 {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-4dcc8386 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-4dcc8386 {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-80cc8387 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-80cc8387 {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-e5cc838a {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-e5cc838a {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c7951-8c9e0c47 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}

#w-node-_9b6b5f49-19b0-7f23-eb3c-d4faa99c796e-8c9e0c47 {
-ms-grid-row: span 3;
grid-row-start: span 3;
-ms-grid-row-span: 3;
grid-row-end: span 3;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
}

@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}