@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

* {
  box-sizing: border-box;
}

body {
  background-color: white;
	--header-height: 60px;
}

strong {
  font-weight: inherit;
}



.main {
	width: 100%;
	height: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: row;
	font-family: 'Montserrat';
	background: hsl(var(--main-hue), calc(var(--main-sat) - 40%), calc(var(--main-lum) + 44%));
}

.main-content {
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
	background: hsl(var(--main-hue), calc(var(--main-sat) - 45%), calc(var(--main-lum) + 44%));
  padding: 30px;
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
  box-sizing: border-box;
}

.container {
  width: auto;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: white;
}

.container .container-section {
  width: 100%;
  padding: clamp(2px, 1.8vw, 20px) clamp(2px, 1.8vw, 14px);
}

.popup .container {
  padding: 0px 5px;
}

.popup .container .container-section {
  max-height: 70vh;
  overflow: auto;
}

.container .container-section-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  background: #000;
  backdrop-filter: blur(2px);
}

.container .container-head {
  padding: 30px 25px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 22px;
  font-weight: 300;
  font-family: "Roboto";
  border-radius: 4px 4px 0px 0px;
}

.container .container-footer {
  padding: 18px 23px;
  text-align: left;
  font-size: 22px;
  font-weight: 300;
  background-color: hsl(0deg 0% 98%) !important;
  font-family: "Roboto";
  /* border-top: 1px solid #e8eaf3; */
  border-radius: 0px 0px 4px 4px;
}

.container .section-head {
  font-weight: 400;
  color: hsl(var(--main-hue), calc(var(--main-sat) - 30%), var(--main-lum));
  font-size: 18px;
  border-bottom: 3px solid hsl(var(--main-hue), calc(var(--main-sat) - 40%), calc(var(--main-lum) + 44%));
  margin-bottom: 8px;
  border-radius: 0px;
  padding: 0px 0px 8px 0px;
}


/*==================================== BUTTON ====================================*/

.line {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #000;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.04);
}

.flag img {
  height: 16px;
  border-radius: 5px;
}

.link-lang {
  background: #f7f7f7;
  padding: 0px;
  border-radius: 5px;
  margin-right: 15px;
  padding-right: 8px;
  border: 1px solid #e6e6e6;
}

.link-lang.active {
  background: #94ddff;
}

.link-lang i {
  color: #4a4a4a;
  font-size: 18px;
  padding-top: 3px;
  margin-right: 8px;
  text-decoration: none;
  background: #ececec;
  padding: 5px 8px 4px 8px;
  border-radius: 5px 0px 0px 5px;
  height: 29px;
}

.link-lang a {
  text-decoration: none;
}



/*///////// CSS NAV ///////////*/
.cont {
  width: 1300px;
  margin: auto;
}
 
.introduction {
  width: 666px;
}

.first-subt {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 22px!important;
  font-weight: 600!important;
}

.first-explanation {
  width: 551px; 
  color: #073C3F;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  line-height: 166.9%; 
}

.second-explanation {
  width: 568px; 
  color: #073C3F;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 300;
  line-height: 161.4%; 
}

.line {
  width: 544px;
  padding: 0;
  height: 1px; 
  background: rgba(0, 0, 0, 0.20); 
  border: unset;
}

.a {
  color: #073C3F;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color ease 0.4s;
  /* transition: text-decoration ease 0.4s;*/
}

.brokewhite {
 /* justify-content: flex-end;*/
  background-color: #F1F2EB;
  align-items: center; 
  border-radius: 20px;
}

.space-between {
  justify-content: space-between;
}

.bgimg-header {
  height: 468px;
  width: 470px;
  background-image: url(../../../media/bg-cards/card-header.png);
  display: flex;
  align-items: center;
}

.card-above {
  width: 380px;
  height: 348px;
  padding: 60px 50px 172px 50px; 
  border-radius: 27.69px;
  border: 1px solid #FFF;
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
  backdrop-filter: blur(18px); 
}

.title-card-above {
  margin: 0;
  width: 276px; 
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.need-call {
  margin: 0;
  padding-top:26px ;
  color: #073C3F;
  text-align: center;
  width: 200px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.realsize {
  margin-top: 25px;
  width: 10px;
  height: 25px; 
}

.cta-btn {
  margin-top: 25px;
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  width: 280px;
  height: 58px;
  padding: 17px 95px 17px 96px;
  justify-content: center;
  align-items: center; 
  border-radius: 12px;
  background: #FFF;
  transition: box-shadow 0.2s ease ;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.22);
}

.cta-btn:hover {
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.33);
}

.bg-light-purple {
  background-image: url("../../../media/bg/bg-purlple.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; 
}

.bg-light-purple-2 {
  background-image: url("../../../media/bg/bg-purple2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; 
}

.bg-img-quality {
  width: 317px;
  background-image: url("../../../media/frise/quality.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-position-x: 27px;
  background-position-y: -15px;
}

.bg-img-exped {
  width: 307px;
  background-image: url("../../../media/mega.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-position-x: 27px;
  background-position-y: 0;
}

.bg-img-exped.lang-en{
  background-image: url("../../../media/mega-en.png");
}



.bg-img-production {
  width: 326px;
  background-image: url("../../../media/frise/prod.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: -63px;
  margin-left: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-position-x: 27px;
}

.bg-blue-forms {
  background-image: url("../../../media/bg/bg-1.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-rect {
  background-image: url("../../../media/bg/rect.png");
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-position: top center; 
}
 

.center {
  justify-content: center;
}

.icon-sized {
  width: 53.922px;
  height: 47.525px; 
}

.margin150top {
  margin-top: 150px;
}

.card-3 {
  display: flex;
  flex-direction: column; 
  width: 339.983px;
  height: 289.6px; 
  border-radius: 25.306px;
  border: 0.914px solid rgba(113, 72, 137, 0.20);
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
  backdrop-filter: blur(34.79629898071289px);
  margin: 19px;
  align-items: center;
}

.title-card-3 {
  color: #073C3F;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-size: 25.59px;
  font-weight: 800;
  line-height: 140%
}

.subtitle-card-3 {
  width: 238px;
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 16.451px;
  font-weight: 400;
  line-height: 21.934px; /* 133.333% */
}

.bgshadow-card {
  width: 969px;
  height: 495px; 
  border-radius: 22.444px; 
  display: flex;
  align-items: center;
  background-image:  url("../../../media/bg-cards/Background.png");
  margin-top: 56px;
  margin-bottom: 180px;
}

.items-center {
  align-items: center;
}

.space-between {
  justify-content: space-between;
}

.prod-title {
  color: #FFF;
  font-family: Montserrat;
  font-size: 35.911px;
  font-weight: 700;
  line-height: 44.888px; 
}

.prod-subtitle {
  width: 707px; 
  color: #FFF;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 35.433px;
}

.column-dir {
  flex-direction: column;
}

.line-dir {
  flex-direction: row;
}

.a:hover {
  color: #094d51;
}

#open, #close {
  color: #073C3F;
  font-size: 30px;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;    
}

#nav-check {
  display: none;
}

.ul{
  margin-top: 40px;
  float: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; 
  padding: 0px;
 /* margin-right: 190px;*/
}

.li {
  display: inline-block;
  line-height: 50px;
  margin: 0 15px;
}

.display-flex {
  display: flex;
}

#logo{
  margin-top: 60px;
}

nav {
  font-family: 'Montserrat';
  height: 176px;
  color: #073C3F;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.subt {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; 
}

.error-box {
  margin-top: -40px;
  margin-bottom: 25px;
  font-size: 16px !important;
  font-weight: 600;
}

.h1 {
  color: #073C3F;
  font-family: Plus Jakarta Sans;
  font-size: 44px;
  margin-top: 29.5px;
  margin-bottom: 29.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 68px;
}

.error-box[data-id='consent-CHECKED'] {
  margin-top: 40px;
  margin-bottom: 5px;
}

#card-header{
  border-radius: 27.69px;
  border: 1px solid #FFF;
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
  backdrop-filter: blur(18px); 
}

#bg-card-header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center; 
  border-radius: 20px;
  background: #F1F2EB; 
}

#header-txt-1 {
  width: 551px;
  height: 83px;
  flex-shrink: 0; 
  color: #073C3F;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.9%; 
}

#line {
  background: rgba(0, 0, 0, 0.20);
  width: 544px;
  height: 1px; 
}

#header-txt-2 {
  width: 551px;
  color: #073C3F;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 161.4%;
}

.cards-header {
  display: flex;
  width: 339.983px;
  height: 237.623px;
  padding: 36.557px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.139px;
  border-radius: 25.306px;
  border: 0.914px solid rgba(113, 72, 137, 0.20);
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
  backdrop-filter: blur(34.79629898071289px);  
} 

h2 {
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height:52px;
  margin-bottom: 5px;
}

.h2-subtitle {
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  width: 631px; 
  font-weight: 600;
  line-height: 24px; 
}

.h2-subtitle-2 {
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  width: 1071px; 
  font-weight: 600;
  line-height: 24px; 
}

.position-prod {
  position: relative;
  right: -37.5px;
  bottom: 0.8px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.position-quality {
  position: relative;
  right: -35.5px;
  bottom: 0.8px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.position-recipe {
  position: relative;
  right: -83.5px;
  bottom: -0.2px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.position-conso {
  position: relative;
  right: -47.5px;
  bottom: 0.8px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}

.position-exped {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
  right: -24.5px;
  bottom: -1.2px;
  height: 229px;
}

.position-tool {
  position: relative;
  right: -71.5px;
  bottom: 0.8px;
  margin: 20px;
}

.position-icon-2 {
  position: relative;
  top: 3px;
}

.strip-cards {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 3.0999999046325684px 3.869999885559082px 20px 0px rgba(0, 0, 0, 0.15); 
  display: flex;
  width: 685px;
  margin-top: 39px;
  /* padding-right: 205px; */
  padding-bottom: 0px;
  padding-left: 49px;
}

.strip-cards-txt {
  margin: 0;
  color: #073C3F;
  width: 300px;
  font-family: Montserrat;
  font-size: 18.469px;
  font-weight: 500;
  line-height: 27.9px;
}

.strip-cards-title {
  margin: 0;
  padding-top: 28px;
  width: 314px;
  color: #073C3F;
  font-family: Plus Jakarta Sans;
  font-size: 33px;
  display: block;
  font-weight: 800;
  line-height: 140%;
}

.card-param-purple {
  display: flex;
  width: 348px;
  height: 243px;
  margin: 27px;
  padding: 20px 20px 34px 20px;
  justify-content: center;
  align-items: center; 
  border-radius: 27.69px;
  border: 2px solid #714889;
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
}

.card-param-brown {
  display: flex;
  width: 348px;
  height: 243px;
  margin: 27px;
  padding: 20px 20px 34px 20px;
  justify-content: center;
  align-items: center; 
  border-radius: 27.69px;
  border: 2px solid #A37A89;
  background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
}

.card-param-title {
  color: #073C3F;
  font-family: Plus Jakarta Sans;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

#advantages {
  border-radius: 47px;
  border: 1px solid #B39DF1;
  background: #FFF; 
  padding: 40px;
}

.advantage-title {
  display: flex;
  align-items: center;
  color: #073C3F;
  font-family: Plus Jakarta Sans;
  font-size: 31px;
  font-weight: 500;
  line-height: 32px;
}

.advantage-subtitle {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.advantage-text {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.padding113bot {
  padding: 113px;
}


.padding70bot{
  padding-bottom: 70px;
}

#contact-form {
  width: 925px;
}

.lil-text {
  width: 802px;
  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
 
}

#veil {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 9;
  display: none;
}

.contact-title {
  margin: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #FFF;
  font-family: Plus Jakarta Sans;
  font-size: 43.318px;
  font-weight: 600;
  line-height: 56.855px
}
h1{
  position: absolute;
  left: -3000px;

}

.input-contact {
  margin-bottom: 48px;
  display: block;
  width: 100%;
  padding: 25.786px 48.348px;
  height: 81px; 
  border-radius: 24.174px;
  border: 3.223px solid #FFF;
  background: #FFF; 
}

.textarea-contact {
  outline: none;
  resize: none;
  margin-bottom: 48px;
  display: block;
  width: 100%;
  padding: 25.786px 48.348px; 
  border-radius: 24.174px;
  border: 3.223px solid #FFF;
  background: #FFF; 
}

::placeholder {
  color: #073C3F;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #073C3F;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #073C3F;
}



.checkbox-wrapper-4 * {
  box-sizing: border-box;
}

.checkbox-wrapper-4 .cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: inline-block;
}

.checkbox-wrapper-4 .cbx:not(:last-child) {
  margin-right: 6px;
}

.checkbox-wrapper-4 .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span:first-child {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 15px;
  transform: scale(1);
  border: 3.223px solid #FFF; 
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}

.checkbox-wrapper-4 .cbx span:first-child svg {
  position: absolute;
  top: 5px;
  left: 4px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-4 .cbx span:last-child {
  padding-left: 8px;
  line-height: 21px;
}
/* .checkbox-wrapper-4 .cbx:hover span:first-child {
  border-color: #07f;
} */
.checkbox-wrapper-4 .inp-cbx {
  position: absolute;
  visibility: hidden;
}
/* .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
  background: #07f;
  border-color: #07f;
  animation: wave-4 0.4s ease;
} */
.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.checkbox-wrapper-4 .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

@media screen and (max-width: 640px) {
  .checkbox-wrapper-4 .cbx {
    width: 100%;
    display: inline-block;
  }
}
@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

button {
  width: 100%;
  background-color: #073c3f12;
  color: white;
  border-radius: 24.174px;
  border: 3.223px solid #FFF; 
  font-size: 22.562px; 
  font-weight: 500;
  line-height: 38.679px;
  padding: 25px 0px 25px 0px; 
  margin-top: 32px;
  margin-bottom: 80px;
  transition: background-color .3s ease-in-out;
}

button:hover {
  background-color: #073C3F;
}

.icon-position {
  position: relative;
  left: 1px;
  top: 1px;
}

.wrap {
  flex-wrap: wrap;
}

.card-price {
  margin: 20px;
  width: 350px;
  height: 264px;
  border-radius: 20px;
  border: 1px solid #B39DF1;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.num-users {
  color: #0E1318;
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 500;
  line-height: normal; 
  margin-bottom: 5px;
}

.notes {
  color: #A4A4A4;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: normal; 
  margin-bottom: 10px;
}

.card-price-price {
  color: #333;
  text-align: center;
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; 
}

a{
  cursor: pointer;
}

.button-brown {
  margin-top: 23px;
  margin-bottom: 5px;
  width: 300px;
  height: 50px;
  padding: 15px 10px; 
  text-align: center;
  color: #FFFFFF;
  border-radius: 6px;
  background: #B38577;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
}
.button-brown:hover {
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.33);
}

.button-medium {
  margin-top: 23px;
  margin-bottom: 5px;
  width: 300px;
  height: 50px;
  padding: 15px 10px; 
  text-align: center;
  color: #FFFFFF;
  border-radius: 6px;
  background: #A37A89;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
}
.button-medium:hover {
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.33);
}
.button-purple {
  margin-top: 23px;
  margin-bottom: 5px;
  width: 300px;
  height: 50px;
  padding: 15px 10px; 
  text-align: center;
  color: #FFFFFF;
  border-radius: 6px;
  background: #714889;
  cursor: pointer;
  transition: all 0.4s ease;
}
.button-purple:hover {
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.33);
}

.services-title {
  color: #073C3F;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.mentions-title {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.mentions-par {
  color: #073C3F;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding-bottom: 10px;
}

.space-around {
  justify-content: space-evenly;
}

.service {
  display: flex;
  align-items: center;
  margin-top: 20px;
  color: #0E1318;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: normal; 
}
.ml5{
  margin-left: 5px;
}

#footer {
  height: 125px!important;
  background-color: #073C3F!important; 
  color: white;
}

/* #footer {
  
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
    background-color: rgb(255, 255, 255);
  z-index: 5;
} */

.links-footer {
  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  
}


.links-footer a {
  color: #FFF;
  text-decoration: none;
  padding: 0 20px;
  transition: color 0.2s ease;
}

.links-footer a:hover {
  color:#8fd5d8;
}

.green-circle {
  background-color: #ebf3d9;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 70px;
  margin-right: 20px;
}

.cont710 {
  width: 710px;
}

.padd100bot {
  padding-bottom: 100px;
}

.margin70bot {
  margin-bottom: 70px;
}

.margin43bot {
  margin-bottom: 43px;
}

.margin130top{
  margin-top: 130px;
}

.full-text-card {
  width: 300px; 
  padding-bottom: 20px;
}


#logo-footer {
  width: 177px;
}


.nav {
  height: 200px;
  width: 100%;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}

.nav > .nav-header {
  display: inline;
}

.nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: #073C3F;
  padding: 10px 10px 10px 10px;
}

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

.nav > .nav-links {
  display: inline;
  float: right;
}

.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 15px 13px 15px;
  text-decoration: none;
  color: #073C3F;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  transition: color .3s ease;
}

.nav > .nav-links > a:hover {
  color: #129298;
}

.nav > #nav-check {
  display: none;
}

.behind {
  display: none;
}

#message {
  border: #129298 2px solid ;
  margin-top: 15px;
  background-color: rgba(0, 128, 0, 0.645);
  color: #FFFFFF;
  padding: 20px;
  border-radius: 20px;
  display: none;
}

@media all and ( max-width: 1400px ) {

  .cont {
    width: 1100px;
    margin: auto;
  }

  .h2-subtitle-2 {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px; 
  }

  .h2-subtitle {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px; 
  }

  .first-subt {
    color: #073C3F;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
  }

  .first-explanation {
    color: #073C3F;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 191.9%;
  }

  .bgimg-header {
    height: 398px;
    width: 425px;
    background-image: url(../../../media/bg-cards/card-header.png);
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
  }

  .card-above {
    width: 344px;
    height: 293px;
    padding: 40px 30px 72px 30px;
    border-radius: 27.69px;
    border: 1px solid #FFF;
    background: linear-gradient(141deg, rgba(255, 254, 255, 0.41) 0%, rgba(255, 255, 255, 0.65) 100%);
    backdrop-filter: blur(18px);
  }

  .h1 {
    color: #073C3F;
    font-family: Plus Jakarta Sans;
    font-size: 41px;
    font-style: normal;
    font-weight: 800;
    line-height: 76px;
  }

  .introduction {
    width: 552px;
  }
  

  @media all and ( max-width: 1300px ){

  

    @media all and ( max-width: 1100px ){
      .cont {
        width: 1000px;
        margin: auto;
      }

      .introduction {
        margin: 10px;
      }

      .links-footer {
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
      }

      .bgimg-header {
        margin: 10px;
      }
      .space-between {
        justify-content: center;
      }

      #contact-form {
        width: 545px;
      }

      .checkbox-wrapper-4 .cbx span:last-child {
        padding-left: 8px;
        line-height: 16px;
      }

      .lil-text {
        width: 461px;
        font-size: 9px;
        font-weight: 400;
      }

      #logo {
        margin-top: -8px;
        width: 111px;
      }




      @media all and ( max-width: 1000px ){
        .cont {
          width: 900px;
          margin: auto;
        }

        .bgshadow-card {
          width: 689px;
          height: 378px;
          border-radius: 22.444px;
          display: flex;
          align-items: center;
          background-image: url("../../../media/bg-cards/Background.png");
          margin-top: 56px;
          margin-bottom: 45px;
        }

        .prod-title {
          font-size: 29.9px;
          font-weight: 700;
          line-height: 44.888px;
        }
        
        .prod-subtitle {
          width: 465px;
          font-size: 16px;
          font-weight: 600;
          line-height: 35.433px;
        }

        @media all and ( max-width: 900px )
        {
          .cont {
            width: 600px;
            margin: auto;
          }

          .padding113bot {
            padding: 59px;
          }

          .card-param-purple {
            margin: 7px;
          }

          .card-param-brown {
            margin: 7px;
          }

          .margin43bot {
            margin-bottom: 8px;
          }

          @media all and ( max-width: 800px ) {
            .links-footer a {
              padding: 0 5px !important;
            }
            .main{
              position: relative;
              top: 75px;
              left: 0;
            
            }
           


            #logo {
              width: 165px;
              position: absolute;
              margin-top: unset;
              margin-bottom: unset;
              margin-left: 1px;
              top: 10px;
            }

            .nav {
              top: 0;
              left: 0;
              height: 75px;
              width: 100%;
              background-color: #ffffff;
              position: fixed;
              z-index: 2;
            }
          
            .nav > .nav-btn {
              display: inline-block;
              position: absolute;
              right: 0px;
              top: 0px;
            }
          
            .nav > .nav-btn > label {
              
              display: inline-block;
              width: 50px;
              height: 50px;
              padding: 30px 20px 40px 0;
          
            }
          
            .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
              background-color: rgba(254, 254, 254, 0.728);
            }
          
            .nav > .nav-btn > label > span {
              display: block;
              width: 25px;
              height: 10px;
              border-top: 2px solid #bbb9b9;
            }
            .nav > .nav-links {
              position: absolute;
              display: block;
              width: 100%;
              background-color: #ffffff;
              height: 0px;
              transition: all 0.3s ease-in;
              overflow-y: hidden;
              top: 75px;
              /*left: -11px;*/
              border-bottom: 1px solid #cccccc;
            }
            .nav > .nav-links > a {
              display: block;
              width: 100%;
              padding-left: 26px;
            }
            .nav > #nav-check:not(:checked) ~ .nav-links {
              height: 0px;
            }
            .nav > #nav-check:checked ~ .nav-links {
              height: 150px;
              overflow-y: auto;
            }

            @media all and ( max-width: 744px ) {

              .bg-img-quality {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
                background-position-x: -63px;
                background-position-y: -1px;
              }

              .bg-img-exped {
                width: 158px;
                background-image: url("../../../media/mega.png");
                background-repeat: no-repeat;
                background-size: cover;
                margin-left: 5px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
                background-position-x: -4px;
                background-position-y: 30px;
                height: 195px;
              }

              .cont {
                width: 550px;
                margin: auto;
              }
              
              .h1 {
                font-size: 33px;
                line-height: 76px;
              }
              
              .first-explanation {
                width: 100%;
                font-size: 15px;
                line-height: 182.9%;
              }

              .line {
                width: 100%;
              }

              .second-explanation {
                width: 100%;
                font-size: 12px;
                line-height: 161.4%;
              }

              .card-price {
                margin: 7px;
                width: 250px;
                height: 184px;
                border-radius: 20px;
              }

              .num-users {
                font-weight: 500;
                padding-top: 18px;
                font-size: 18px;
                margin-bottom: 2px;
              }
              
              .notes {
                font-size: 10px;
                font-weight: 500;
                margin-bottom: 6px;
              }
              
              .card-price-price {
                font-size: 22px;
                font-weight: 500;
              }
              
              .button-brown {
                margin-top: 8px;
                margin-bottom: 12px;
                width: 200px;
                height: 50px;
              }
              
              .button-medium {
                margin-top: 8px;
                margin-bottom: 12px;
                width: 200px;
                height: 50px;
              }
              
              .button-purple {
                margin-top: 8px;
                margin-bottom: 12px;
                width: 200px;
                height: 50px;
              }

              button {
                padding: 15px 0px 15px 0px;
              }

              /* FRISE */
              .strip-cards {
                border-radius: 20px;
                background: #FFF;
                display: flex;
                width: 500px;
                margin-top: 39px;
                /* padding-bottom: 20px; */
                padding-left: 49px;
              }

              .lil-strip-text {
                width: 225px;
              }
              
              .strip-cards-txt {
                margin: 0;
                color: #073C3F;
                font-family: Montserrat;
                font-size: 18.469px;
                font-weight: 500;
                line-height: 27.9px;
              }
              
              .strip-cards-title {
                margin: 0;
                padding-top: 28px;
                width: 314px;
                color: #073C3F;
                font-family: Plus Jakarta Sans;
                font-size: 33px;
                display: block;
                font-weight: 800;
                line-height: 140%;
              }

              .position-prod {
                right: -38.5px;
                bottom: 0.8px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
              }

              .position-quality {
                right: -38.5px;
                bottom: 0.8px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
              }
              
              .position-recipe{
                right: -21.5px;
                bottom: -165.2px;
                border-bottom-right-radius: 20px;
                width: 150px;
                height: 150px;
                border-top-right-radius: 0;
              }
              
              .position-conso {
                right: -34.5px;
                bottom: -138.2px;
                border-top-left-radius: 337px;
                border-bottom-right-radius: 56px;
                width: 136px;
                height: 119px;
                border-top-right-radius: 0;
              }
              
              .position-exped {
                right: -6.5px;
                bottom: -21.2px;
                width: 149px;
                height: 200px;
              }
              
              .position-tool {
                right: 2.5px;
                bottom: -34.2px;
                margin: 11px;
                width: 200px;
                height: 200px;
              }

              .full-text-card {
                width: 280px;
                padding-bottom: 20px;
              }

              .bg-img-production{
                background-position-y: 0px;
                background-position-x: -126px;

              }
              

              @media all and ( max-width: 566px )
              {

                .error-box {
                  margin-top: -10px;
                  margin-bottom: 25px;
                  font-size: 14px !important;
                  font-weight: 600;
                }
                
                .position-icon-2 {
                  position: relative;
                  top: 1px;
                }

                
                .cont {
                  width: 440px;
                  margin: auto;
                }

                .contact-title {
                  padding-top: 30px;
                  padding-bottom: 30px;
                  font-size: 38.3px;
                }

                .strip-cards-title {
                  margin: 0;
                  padding-top: 28px;
                  width: 245px;
                  color: #073C3F;
                  font-family: Plus Jakarta Sans;
                  font-size: 33px;
                  display: block;
                  font-weight: 800;
                  line-height: 140%;
                }

                #logo-footer{
                  width: 220px;
                }

                #contact-form {
                  width: 365px;
                }
                .padding113bot {
                  padding: 51px;
                }
                .checkbox-wrapper-4 .cbx span:last-child {
                  padding-left: 8px;
                  line-height: 16px;
                }
                .lil-text {
                  width: 271px;
                  font-size: 8px;
                  font-weight: 600;
                }
                .textarea-contact {
                  margin-bottom: 17px;
                }
                .input-contact {
                  margin-bottom: 20px;
                  height: 57px;
                }
                .green-circle {
                  height: 38px;
                  width: 38px;
                  margin-right: 18px;
                }

                .resize-icons {
                  height: 24px;
                }

                .first-subt {
                  font-size: 18.5px;
                }

                .advantage-title {
                  font-size: 20px;
                  font-weight: 400;
                  line-height: 24px;
                }
                .advantage {
                  margin-bottom: 40px;
                }

                .advantage-text {
                  font-size: 14px;
                  font-weight: 400;
                  line-height: 24px;
                }

                .advantage-subtitle {
                  font-size: 15px;
                  font-weight: 700;
                  line-height: 28px;
                }

                .margin130top {
                  margin-top: 55px;
                }

                .margin150top {
                  margin-top: 50px;
                }

                .margin70bot {
                  margin-bottom: 13px;
                }

                .bg-light-purple {
                  background-image: url("../../../media/bg/bg-purlple.svg");
                  background-repeat: no-repeat;
                  background-size: cover;
                  background-position-y: -291px;
                  background-position-x: -1286px;
                }

                .h1 {
                  font-size: 30px;
                  line-height: 40px;
                }
                
                h2 {
                  font-size: 36px;
                  font-weight: 600;
                  line-height: 44px;
                  margin-bottom: 5px;
                }
              
                #footer{
                  width: 100%;
                  height: auto !important;
                  background: #073C3F;
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: center;
                }
                
                .links-footer a{
                  color: #ffffff;
                  display: block;
                  list-style: none;
                  text-decoration: none;
                  font-size: 15px;
                  height: auto;
                  padding-top: 10px;  
                }

                .h2-subtitle-2 {
                  width: 100%;
                  padding: 10px;
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 30px;
                }

                #advantages {
                  width: 92%;
                }

                  /* FRISE */
                .strip-cards {
                  border-radius: 20px;
                  background: #FFF;
                  display: flex;
                  width: 300px;
                  margin-top: 39px;
                  /* padding-bottom: 20px; */
                  padding-left: 29px;
                }

                .lil-strip-text {
                  width: 225px;
                }
                
                .strip-cards-txt {
                  margin: 0;
                  color: #073C3F;
                  font-family: Montserrat;
                  font-size: 16.469px;
                  font-weight: 500;
                  line-height: 27.9px;
                }
                
                .strip-cards-title {
                  font-size: 25px;
                  display: block;
                  font-weight: 800;
                  line-height: 140%;
                }

                .position-prod {
                  right: -38.5px;
                  bottom: 0.8px;
                  border-top-right-radius: 20px;
                  border-bottom-right-radius: 20px;
                }

                .position-quality {
                  right: -38.5px;
                  bottom: 0.8px;
                  border-top-right-radius: 20px;
                  border-bottom-right-radius: 20px;
                }
                
                .position-recipe {
                 display: none;
                }
                
                .position-conso {
                  right: 57.5px;
                  bottom: 0.8px;
                  width: 138px;
                  height: 70px;
                  border-bottom-left-radius: 170%;
                  border-top-right-radius: 40px;
                  border-bottom-right-radius: unset;
                  border-top-left-radius: unset;
                }
                
                .position-exped {
                display: none;
                }
                
                .position-tool {
                  right: 83.5px;
                  bottom: -37.2px;
                  margin: 11px;
                  width: 57px;
                  height: 89px;
                }


                .bg-img-production {
                  background-image: unset;
                }

                .bg-img-quality {
                  background-image: unset;
                }
                .bg-img-exped {
                  background-image: unset;
                }

                .full-text-card {
                  width: 248px;
                  padding-bottom: 20px;
                  padding: 20px;
                }

                /* Première carte bleu sur la production */

                .bgshadow-card {
                  width: 401px;
                  height: 447px;
                  border-radius: 22.444px;
                  display: flex;
                  align-items: center;
                  background-image: url("../../../media/bg-cards/Background.png");
                  margin-top: 56px;
                  margin-bottom: 76px;
                }
            
                .prod-title {
                  font-size: 17.9px;
                  font-weight: 700;
                  line-height: 44.888px;
                }
                
                .prod-subtitle {
                  width: 291px;
                  font-size: 13px;
                  font-weight: 600;
                  line-height: 35.433px;
                }

                #footer img {            
                  padding: 50px 0 0 0 !important;
                  object-fit: contain;
                }

                .links-footer {
                  font-weight: 500;
                  line-height: 40px;
                  text-align: center;
                  padding-bottom: 40px;
                }

                @media all and ( max-width: 430px )
                {

                  .h1 {
                    font-size: 26px;
                  }

                  .cont {
                    width: 380px;
                  }

                  .behind {
                    display: inline;
                  }


                  @media all and ( max-width: 390px ){
                    .cont {
                      width: 350px;
                    }

                    .lil-text {
                      width: 241px;
                      font-size: 8px;
                      font-weight: 600;
                    }

                    html,body  
                    {  
                      overflow-x:hidden;  
                    } 

                    .introduction{
                      width: 320px;
                    }

                    .title-card-above {
                      width: 238px;
                    }
                

                    .h2-subtitle-2{
                      width: 100%;
                      padding: 10px;
                      font-size: 14px;
                      font-weight: 600;
                      line-height: 20px; 
                    }

                    .bgimg-header {
                      height: 340px;
                      width: 339px;
                    }

                    .card-above {
                      width: 274px;
                      height: 295px;
                      padding: 40px 15px 72px 15px;
                    }

                    #contact-form {
                      width: 325px;
                    }

                    .cta-btn {
                      width: 241px;
                      height: 58px;
                    }
          
                  }
                }
              }
            }
          }    
        }
      }
    }
  }

}