* {
	 list-style-type: none;
	 text-decoration: none;
	 --color_light-green: #f4f7f5;
	 --color_main-green: #8abb2b;
	 --color_main-off-green: #719f19;
	 --color_dark-grey: #505050;
	 --color_blue: #00658c;
	 --color_turquoise: #00af9d;
	 --color_light-sand: #dce2d5;
	 --color_off-white: #f3f7f5;
	 --color_text-turquoise: #009e8b;
	 --color_full-white: #fff;
	 --blue-green: #1b9b8b;
	 --text_shrink-ratio: 1;
	 --s1_img-resize: 1;
	 --s1_logo-ratio: 1;
}
 @media (max-width: 1400px) {
	 * {
		 --text_shrink-ratio: 0.83;
		 --s1_logo-ratio: 0.83;
		 --s1_img-resize: 1.2;
	}
}
 @media (max-width: 1200px) {
	 * {
		 --text_shrink-ratio: 0.7;
		 --s1_logo-ratio: 0.7;
		 --s1_img-resize: 1.1;
	}
}
 @media (max-width: 1000px) {
	 * {
		 --text_shrink-ratio: 0.66;
		 --s1_logo-ratio: 0.8;
		 --s1_img-resize: 1.5;
	}
}
 @media (max-width: 800px) {
	 * {
		 --s1_logo-ratio: 0.5;
		 --s1_img-resize: 2;
	}
}
 .font-lato {
	 font-family: "Lato", sans-serif;
	 font-style: normal;
}
 a:link, a:visited, a:hover, a:active {
	 text-decoration: none;
}
 body {
	 background-color: var(--color_light-green) !important;
}
 body h1 {
	 font-family: "Poppins", sans-serif;
	 font-weight: 900;
	 font-size: calc(3.125rem * var(--text_shrink-ratio));
	 color: var(--color_dark-grey);
	 letter-spacing: calc(0.75rem * var(--text_shrink-ratio));
}
 body h2 {
	 font-family: "Poppins", sans-serif;
	 font-weight: 900;
	 font-size: calc(2.5rem * var(--text_shrink-ratio));
	 color: var(--color_dark-grey);
	 letter-spacing: calc(0.85rem * var(--text_shrink-ratio));
}
 @media (max-width: 500px) {
	 body h2 {
		 font-size: 1.375rem;
	}
}
 body h3 {
	 font-family: "Poppins", sans-serif;
	 font-weight: 400;
	 font-size: calc(3.75rem * var(--text_shrink-ratio));
	 color: #009e8b;
	 letter-spacing: calc(-0.0375rem * var(--text_shrink-ratio));
}
 body p {
	 color: var(--color_dark-grey);
	 font-family: "Poppins", sans-serif;
	 font-weight: 300;
	 margin: 0;
	 font-size: calc(1rem * var(--text_shrink-ratio));
}
 body .conteneur {
	 max-width: 1500px;
	 margin: 0 auto;
	 padding: 0 30px;
}
 @media (max-width: 500px) {
	 body .conteneur {
		 padding: 0 18px;
	}
}
 .header .burger-container {
	 width: 100%;
	 height: 75px;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 .header .burger-container .burger {
	 height: 40%;
	 width: 40px;
	 aspect-ratio: 1;
	 margin: 0 30px 0 auto;
	 position: relative;
	 cursor: pointer;
	 z-index: 99;
	 color: inherit;
	 border: none;
	 padding: 0;
	 font: inherit;
	 outline: inherit;
	 display: block;
}
 .header .burger-container .burger:hover {
	 background-color: transparent;
}
 .header .burger-container .burger .bar {
	 width: 100%;
	 height: 4px;
	 background-color: var(--color_dark-grey);
	 position: absolute;
	 transition: transform 0.25s ease-in-out;
	 transform: rotate(0deg);
	 transform-origin: center center !important;
}
 .header .burger-container .burger .bar:nth-child(1) {
	 top: 12px;
	 transform: translateY(-12px);
}
 .header .burger-container .burger .bar:nth-child(2), .header .burger-container .burger .bar:nth-child(3) {
	 top: 12px;
}
 .header .burger-container .burger .bar:nth-child(4) {
	 top: 12px;
	 transform: translateY(12px);
}
 .header .burger-container .open .bar:nth-child(1) {
	 transform: translate(0) scaleX(0);
}
 .header .burger-container .open .bar:nth-child(2) {
	 transform: rotate(45deg);
}
 .header .burger-container .open .bar:nth-child(3) {
	 transform: rotate(-45deg);
}
 .header .burger-container .open .bar:nth-child(4) {
	 transform: translate(0) scaleX(0);
}
 .navbar {
	 position: relative;
	 z-index: 50;
}
 .navbar .conteneur {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
	 width: 100%;
}
 .nav-button {
	 color: black;
	 padding: 20px 25px;
	 display: flex;
	 flex-direction: row;
	 font-weight: 600;
}
 .nav-button .icons {
	 margin-left: 10px;
	 fill: grey;
	 transition: color 0.25s ease-in-out;
}
 .nav-button .icon-user {
	 transform: translateY(-4px);
}
 .nav-button .icon-admin {
	 transform: translateY(-6px);
}
 .nav-button:hover .icon-user {
	 fill: var(--color_main-green);
}
 .nav-button:hover .icon-admin {
	 fill: #1b9b8b;
}
 .connexion-link {
	 transform: translateY(-3px);
}
 .connexion-link:hover {
	 fill: grey;
}
 #main-content {
	 overflow-x: hidden;
}
 .s1 .content {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: space-between;
	 width: 100%;
}
 @media (min-width: 1000px) {
	 .s1 .content {
		 margin-top: 55px;
	}
}
 @media (max-width: 1000px) {
	 .s1 .content {
		 flex-direction: column;
	}
}
 .s1 .content .left {
	 display: flex;
	 flex-direction: column;
}
 @media (max-width: 1000px) {
	 .s1 .content .left {
		 width: 100%;
		 justify-content: space-around;
		 align-items: center;
	}
}
 @media (max-width: 1000px) {
	 .s1 .content .left .heading {
		 display: flex;
		 flex-direction: row;
		 align-items: center;
		 justify-content: space-around;
		 width: 100%;
	}
}
 @media (max-width: 600px) {
	 .s1 .content .left .heading {
		 flex-direction: column;
		 align-items: center;
	}
}
 .s1 .content .left .heading .sani_logo {
	 position: relative;
	 width: calc(550px * var(--s1_logo-ratio));
	 height: calc(124px * var(--s1_logo-ratio));
}
 .s1 .content .left .heading .sani_logo img {
	 width: 100%;
}
 .s1 .content .left .heading .sani_logo p {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 font-size: calc(2rem * var(--s1_logo-ratio));
	 line-height: calc(2rem * var(--s1_logo-ratio));
	 margin-bottom: 0;
}
 .s1 .content .left .heading .title {
	 margin-top: 90px;
}
 @media (max-width: 1000px) {
	 .s1 .content .left .heading .title {
		 margin-top: 10px;
		 width: 320px;
	}
}
 @media (max-width: 800px) {
	 .s1 .content .left .heading .title {
		 width: 270px;
		 font-size: 1.5625rem;
	}
}
 @media (max-width: 600px) {
	 .s1 .content .left .heading .title {
		 margin-top: 40px;
	}
}
 .s1 .content .left .text {
	 margin-top: 50px;
	 font-size: calc(3.125rem * var(--text_shrink-ratio));
	 color: #040505;
	 letter-spacing: calc(0.09375rem * var(--text_shrink-ratio));
	 font-weight: 300;
	 line-height: calc(3.75rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 .s1 .content .left .text {
		 width: 700px;
		 margin-top: 30px;
		 text-align: center;
	}
}
 @media (max-width: 800px) {
	 .s1 .content .left .text {
		 width: -webkit-fit-content;
		 width: -moz-fit-content;
		 width: fit-content;
		 font-size: 1.5625rem;
		 line-height: 1.875rem;
	}
}
 @media (max-width: 1000px) {
	 .s1 .content .right {
		 margin-top: 30px;
	}
}
 @media (max-width: 800px) {
	 .s1 .content .right {
		 width: 100%;
	}
}
 .s1 .content .right .circle {
	 background-color: rgba(218, 226, 212, 0.66);
	 aspect-ratio: 1;
	 width: calc(min(550px, 39vw) * var(--s1_img-resize));
	 border-radius: 50%;
	 position: relative;
	 margin-left: auto;
}
 .s1 .content .right .circle .screen {
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translatex(-50%);
	 height: 750px;
	 width: calc(min(675px, 39vw) * var(--s1_img-resize));
	/* border-bottom-left-radius: min(338px, 19.5vw * var(--s1_img-resize));
	 border-bottom-right-radius: min(338px, 19.5vw * var(--s1_img-resize));
	 */
	 overflow: hidden;
}
 .s1 .content .right .circle .screen .mockup {
	 position: absolute;
	 bottom: -50px;
	 left: 50%;
	 width: calc(min(100%, 675px));
	 transform: translatex(-50%);
}
 .s1 .content .right .circle .screen .mockup img {
	 width: 100%;
}
 .s1 .content .right .circle .user {
	 position: absolute;
	 top: 55%;
	 left: 0;
	 transform: translate(-40%, -50%);
	 padding-right: 100px;
	 background-color: var(--color_main-green);
	 border-radius: 30px;
	 height: 10%;
	 width: 17vw;
	 box-sizing: content-box;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 @media (max-width: 600px) {
	 .s1 .content .right .circle .user {
		 left: 5px;
	}
}
 @media (max-width: 500px) {
	 .s1 .content .right .circle .user {
		 left: 18px;
	}
}
 .s1 .content .right .circle .user p {
	 color: var(--color_full-white);
	 font-family: "Roboto", sans-serif;
	 font-size: calc(1.625rem * var(--text_shrink-ratio));
	 margin-left: 40px;
	 padding-right: calc(100px - 10vw);
	 white-space: nowrap;
}
 @media (max-width: 600px) {
	 .s1 .content .right .circle .user p {
		 margin-left: 20px;
		 font-size: 0.9375rem;
		 transform: translateY(1px);
	}
}
 @media (max-width: 500px) {
	 .s1 .content .right .circle .user p {
		 margin-left: 8px;
		 font-size: 0.8125rem;
		 transform: translateY(1px);
	}
}
 .s1 .content .right .circle .user p span {
	 margin-left: 18px;
	 fill: var(--color_full-white);
}
 @media (max-width: 500px) {
	 .s1 .content .right .circle .user p span {
		 margin-left: 5px;
	}
	 .s1 .content .right .circle .user p span svg {
		 width: 10px;
	}
}
 .s1 .content .right .circle .img {
	 position: absolute;
}
 .s1 .content .right .circle .img_1 {
	 width: 16%;
	 top: 11.0619469027%;
	 right: 17.4041297935%;
}
 .s1 .content .right .circle .img_1 img {
	 width: 100%;
}
 .s1 .content .right .circle .img_2 {
	 width: 16%;
	 top: 31.7109144543%;
	 right: 13.2743362832%;
}
 .s1 .content .right .circle .img_2 img {
	 width: 100%;
}
 .s1 .content .right .circle .img_3 {
	 width: 16%;
	 top: 53.0973451327%;
	 right: 9.587020649%;
}
 .s1 .content .right .circle .img_3 img {
	 width: 100%;
}
 .s1 .content .right .circle .img_4 {
	 width: 16%;
	 top: 74.3362831858%;
	 right: 5.604719764%;
}
 .s1 .content .right .circle .img_4 img {
	 width: 100%;
}
 .s1 .ctas {
	 width: calc(1345px * var(--text_shrink-ratio));
	 margin: calc(3.75rem * var(--text_shrink-ratio)) auto calc(7.625rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: center;
}
 @media (max-width: 970px) {
	 .s1 .ctas {
		 width: 100%;
		 flex-direction: column;
		 gap: 20px;
	}
}
 .s1 .ctas .cta2 {
	 width: calc(calc(38rem * var(--text_shrink-ratio)) + 40px);
	 height: calc(5.125rem * var(--text_shrink-ratio));
	 background: linear-gradient(90deg, rgba(30, 175, 167, 1) 0%, rgba(106, 183, 76, 1) 100%);
	 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
	 border-radius: calc(3.875rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 transition: background-color 0.1s linear;
	 margin: 40px auto 0;
}
 .s1 .ctas .cta:hover {
	 background-color: #719f19;
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta2 {
		 margin: 40px auto 0;
		 width: -webkit-fit-content;
		 width: -moz-fit-content;
		 width: fit-content;
		 height: 40px;
		 border-radius: calc(3.875rem * var(--text_shrink-ratio));
		 padding: 8px 20px;
	}
}
 @media (max-width: 500px) {
	 .s1 .ctas .cta2 {
		 margin: 40px auto 0;
		 padding: 8px 20px;
	}
}
 .s1 .ctas .cta2 .text {
	 color: var(--color_full-white);
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(1.5rem * var(--text_shrink-ratio));
	 font-weight: 500;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta2 .text {
		 font-size: 0.875rem;
		 line-height: 0.875rem;
	}
}
 @media (max-width: 500px) {
	 .s1 .ctas .cta2 .text {
		 white-space: nowrap;
		 font-size: 0.8125rem;
		 line-height: 0.8125rem;
	}
}
 .s1 .ctas .cta2 .text span {
	 margin-left: 30px;
	 display: block;
	 position: relative;
}
 .s1 .ctas .cta2 .text span svg {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: calc(15px * var(--text_shrink-ratio));
	 transform: translate(-50%, -50%);
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta2 .text span {
		 margin-left: 20px;
	}
	 .s1 .ctas .cta2 .text span svg {
		 width: 7px;
	}
}
 .s1 .ctas .cta {
	 width: calc(calc(36.875rem * var(--text_shrink-ratio)) + 40px);
	 height: calc(5.125rem * var(--text_shrink-ratio));
	 background: #8abb2b 0% 0% no-repeat padding-box;
	 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
	 border-radius: calc(3.875rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 transition: background-color 0.1s linear;
}
 .s1 .ctas .cta:hover {
	 background-color: #719f19;
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta {
		 margin: 40px auto 0;
		 width: -webkit-fit-content;
		 width: -moz-fit-content;
		 width: fit-content;
		 height: 40px;
		 border-radius: calc(3.875rem * var(--text_shrink-ratio));
		 padding: 8px 20px;
	}
}
 @media (max-width: 500px) {
	 .s1 .ctas .cta {
		 margin: 40px auto 0;
		 padding: 8px 20px;
	}
}
 .s1 .ctas .cta .text {
	 color: var(--color_full-white);
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(1.5rem * var(--text_shrink-ratio));
	 font-weight: 500;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta .text {
		 font-size: 0.875rem;
		 line-height: 0.875rem;
	}
}
 @media (max-width: 500px) {
	 .s1 .ctas .cta .text {
		 white-space: nowrap;
		 font-size: 0.8125rem;
		 line-height: 0.8125rem;
	}
}
 .s1 .ctas .cta .text span {
	 margin-left: 30px;
	 display: block;
	 position: relative;
}
 .s1 .ctas .cta .text span svg {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: calc(15px * var(--text_shrink-ratio));
	 transform: translate(-50%, -50%);
}
 @media (max-width: 700px) {
	 .s1 .ctas .cta .text span {
		 margin-left: 20px;
	}
	 .s1 .ctas .cta .text span svg {
		 width: 7px;
	}
}
 .s1 .ctas .info {
	 width: calc(235px * var(--text_shrink-ratio));
	 text-align: center;
	 font-size: calc(1.125rem * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s1 .ctas .info {
		 margin-top: 7px;
	}
}
 .s1 .ctas .stores {
	 width: calc(422px * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: center;
}
 @media (max-width: 970px) {
	 .s1 .ctas .stores {
		 width: calc(422px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s1 .ctas .stores {
		 width: calc(422px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s1 .ctas .stores .tag-a {
	 height: calc(58px * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s1 .ctas .stores .tag-a {
		 height: calc(58px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s1 .ctas .stores .tag-a {
		 height: calc(58px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s1 .ctas .stores .tag-a img {
	 height: 100%;
}
 .s1 .ctas .stores .tag-g {
	 width: calc(190px * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s1 .ctas .stores .tag-g {
		 width: calc(190px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s1 .ctas .stores .tag-g {
		 width: calc(190px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s1 .ctas .stores .tag-g img {
	 width: 100%;
}
 .s2 {
	 margin: calc(9.375rem * var(--text_shrink-ratio)) auto 0;
	 width: 100%;
	 max-width: 1650px;
}
 .s2 h2 {
	 margin: 0 auto;
	 text-align: center;
}
 .s2 .content {
	 margin: calc(7.5rem * var(--text_shrink-ratio)) auto 0;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 gap: 20px;
	 flex-wrap: wrap;
}
 .s2 .content .block {
	 width: calc(min(27.6vw, 530px));
	 height: calc(min(13vw, 250px));
	 position: relative;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
	 border-radius: calc(1.25rem * var(--text_shrink-ratio));
}
 @media (max-width: 1150px) {
	 .s2 .content .block {
		 width: calc(33.125rem * var(--text_shrink-ratio));
		 height: calc(15.625rem * var(--text_shrink-ratio));
	}
}
 .s2 .content .block .text {
	 width: calc(min(14.8vw, 285px));
	 font-weight: 500;
	 letter-spacing: calc(0.0525rem * var(--text_shrink-ratio));
	 color: var(--color_full-white);
	 margin-left: calc(1.875rem * var(--text_shrink-ratio));
	 font-size: calc(min(1.26vw, 1.75rem));
	 line-height: calc(min(1.56vw, 1.875rem));
}
 @media (max-width: 1150px) {
	 .s2 .content .block .text {
		 width: calc(17.8125rem * var(--text_shrink-ratio));
		 font-size: calc(1.75rem * var(--text_shrink-ratio));
		 line-height: calc(1.875rem * var(--text_shrink-ratio));
	}
}
 .s2 .content .block_1 {
	 background-color: var(--color_turquoise);
}
 .s2 .content .block_2 {
	 background-color: var(--color_blue);
}
 .s2 .content .block_3 {
	 background-color: var(--color_main-green);
}
 .s2 .content .block .image {
	 width: 25%;
}
 .s2 .content .block .image img {
	 width: 100%;
}
 .s3 h2 {
	 margin-top: calc(7.5rem * var(--text_shrink-ratio));
	 text-align: center;
}
 .s3 .content {
	 width: 100%;
	 background-color: rgba(220, 226, 213, 0.65);
	 border-radius: calc(7.8125rem * var(--text_shrink-ratio));
	 margin-top: calc(9.375rem * var(--text_shrink-ratio));
}
 @media (max-width: 500px) {
	 .s3 .content {
		 margin-top: 3.125rem;
		 border-radius: 3.75rem;
	}
}
 .s3 .content .conteneur {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: space-between;
}
 @media (max-width: 1000px) {
	 .s3 .content .conteneur {
		 flex-direction: column;
		 align-items: flex-start;
	}
}
 .s3 .content .left {
	 width: calc(31.25rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 .s3 .content .left {
		 margin-top: 50px;
		 width: 100%;
	}
}
 .s3 .content .left .list {
	 width: calc(21.875rem * var(--text_shrink-ratio));
	 padding-left: calc(1.125rem * var(--text_shrink-ratio));
	 margin-top: calc(2.1875rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 .s3 .content .left .list {
		 width: 100%;
	}
}
 .s3 .content .left .list li {
	 list-style-type: disc;
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(2.25rem * var(--text_shrink-ratio));
	 font-family: "Poppins", sans-serif;
	 font-weight: 400;
}
 .s3 .content .right {
	 margin: 0 auto;
}
 @media (max-width: 1000px) {
	 .s3 .content .right {
		 margin-top: 70px;
	}
}
 .s3 .content .right .circle {
	 position: relative;
	 width: calc(min(850px, 44.2vw));
	 aspect-ratio: 1;
}
 @media (max-width: 1000px) {
	 .s3 .content .right .circle {
		 width: 60vw;
		 height: 60vw;
	}
}
 .s3 .content .right .circle:before {
	 content: "";
	 width: 114%;
	 height: 114%;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 background-color: #f3f7f5;
	 transform: translate(-50%, -50%);
	 border-radius: 50%;
}
 .s3 .content .right .circle .pictogram {
	 top: 20%;
	 left: -22%;
	 width: 24%;
}
 .s3 .content .right .circle .pictogram img {
	 width: 100%;
}
 .s3 .content .right .circle .mockup_1 {
	 top: -5%;
	 left: 11%;
	 width: 121%;
}
 .s3 .content .right .circle .mockup_1 img {
	 width: 100%;
}
 .s3 .content .right .circle .mockup_2 {
	 top: 30%;
	 width: 60%;
	 left: -19%;
}
 .s3 .content .right .circle .mockup_2 img {
	 width: 100%;
}
 .s4 .content {
	 margin-top: calc(15.625rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: center;
}
 @media (max-width: 1000px) {
	 .s4 .content {
		 flex-direction: column-reverse;
		 align-items: flex-start;
		 width: 100%;
	}
}
 @media (max-width: 1000px) {
	 .s4 .content .left {
		 margin: 70px auto 0;
	}
}
 .s4 .content .left .circle {
	 background-color: rgba(218, 226, 212, 0.66);
	 width: calc(min(38vw, 600px));
	 aspect-ratio: 1;
	 position: relative;
	 border-radius: 50%;
}
 @media (max-width: 1000px) {
	 .s4 .content .left .circle {
		 width: calc(min(60vw, 600px));
	}
}
 @media (max-width: 500px) {
	 .s4 .content .left .circle {
		 width: calc(min(70vw, 600px));
	}
}
 .s4 .content .left .circle .screen {
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translatex(-50%);
	 height: 50vw;
	 width: calc(min(38vw, 600px));
	 border-bottom-left-radius: 19vw;
	 border-bottom-right-radius: 19vw;
	 overflow: hidden;
}
 @media (max-width: 1000px) {
	 .s4 .content .left .circle .screen {
		 height: 90vw;
		 width: calc(min(60vw, 600px));
		 border-bottom-left-radius: 30vw;
		 border-bottom-right-radius: 30vw;
	}
}
 @media (max-width: 500px) {
	 .s4 .content .left .circle .screen {
		 height: 100vw;
		 width: calc(min(70vw, 600px));
		 border-bottom-left-radius: 35vw;
		 border-bottom-right-radius: 35vw;
	}
}
 .s4 .content .left .circle .screen .mockup {
	 position: absolute;
	 bottom: -5%;
	 left: 50%;
	 transform: translatex(-50%);
	 width: 50%;
}
 .s4 .content .left .circle .screen .mockup img {
	 width: 100%;
}
 .s4 .content .left .circle .pictogram {
	 position: absolute;
}
 .s4 .content .left .circle .pictogram_1 {
	 top: 10%;
	 right: 0;
	 transform: translateX(50%);
	 width: 28%;
}
 .s4 .content .left .circle .pictogram_1 img {
	 width: 100%;
}
 .s4 .content .left .circle .pictogram_2 {
	 bottom: 12%;
	 left: 0;
	 transform: translateX(-50%);
	 width: 30%;
}
 .s4 .content .left .circle .pictogram_2 img {
	 width: 100%;
}
 .s4 .content .right {
	 width: calc(28.75rem * var(--text_shrink-ratio));
	 margin-left: calc(11.25rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 .s4 .content .right {
		 margin-left: 0;
		 width: 100%;
	}
}
 .s4 .content .right .subtitle {
	 line-height: calc(3.75rem * var(--text_shrink-ratio));
	 letter-spacing: calc(-0.0375rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 .s4 .content .right .subtitle {
		 width: 270px;
	}
}
 .s4 .content .right .text {
	 margin-top: 25px;
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(2.25rem * var(--text_shrink-ratio));
}
 .s4 .content .right .text:last-child {
	 margin-top: 0;
}
 @media (max-width: 1000px) {
	 .s4 .content .right .text {
		 width: 100%;
	}
}
 .s4 .title {
	 text-align: center;
	 margin-top: calc(8.75rem * var(--text_shrink-ratio));
	 color: var(--blue-green);
	 font-size: 60px;
	 font-weight: 400;
	 line-height: 60px;
	 letter-spacing: -0.6px;
}
 .s4 .ctas {
	 width: calc(1345px * var(--text_shrink-ratio));
	 margin: calc(3.75rem * var(--text_shrink-ratio)) auto calc(7.625rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
}
 @media (max-width: 970px) {
	 .s4 .ctas {
		 width: 100%;
		 flex-direction: column;
		 gap: 20px;
	}
}
 .s4 .ctas .cta {
	 width: calc(calc(36.875rem * var(--text_shrink-ratio)) + 40px);
	 height: calc(5.125rem * var(--text_shrink-ratio));
	 background: var(--blue-green) 0% 0% no-repeat padding-box;
	 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
	 border-radius: calc(3.875rem * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 transition: background-color 0.1s linear;
}
 .s4 .ctas .cta:hover {
	 background-color: #719f19;
}
 @media (max-width: 700px) {
	 .s4 .ctas .cta {
		 margin: 40px auto 0;
		 width: -webkit-fit-content;
		 width: -moz-fit-content;
		 width: fit-content;
		 height: 40px;
		 border-radius: calc(3.875rem * var(--text_shrink-ratio));
		 padding: 8px 20px;
	}
}
 @media (max-width: 500px) {
	 .s4 .ctas .cta {
		 margin: 40px auto 0;
		 padding: 8px 20px;
	}
}
 .s4 .ctas .cta .text {
	 color: var(--color_full-white);
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(1.5rem * var(--text_shrink-ratio));
	 font-weight: 500;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 @media (max-width: 700px) {
	 .s4 .ctas .cta .text {
		 font-size: 0.875rem;
		 line-height: 0.875rem;
	}
}
 @media (max-width: 500px) {
	 .s4 .ctas .cta .text {
		 white-space: nowrap;
		 font-size: 0.8125rem;
		 line-height: 0.8125rem;
	}
}
 .s4 .ctas .cta .text span {
	 margin-left: 30px;
	 display: block;
	 position: relative;
}
 .s4 .ctas .cta .text span svg {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: calc(15px * var(--text_shrink-ratio));
	 transform: translate(-50%, -50%);
}
 @media (max-width: 700px) {
	 .s4 .ctas .cta .text span {
		 margin-left: 20px;
	}
	 .s4 .ctas .cta .text span svg {
		 width: 7px;
	}
}
 .s4 .ctas .info {
	 width: calc(235px * var(--text_shrink-ratio));
	 text-align: center;
	 font-size: calc(1.125rem * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s4 .ctas .info {
		 margin-top: 7px;
	}
}
 .s4 .ctas .stores {
	 width: calc(422px * var(--text_shrink-ratio));
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: center;
}
 @media (max-width: 970px) {
	 .s4 .ctas .stores {
		 width: calc(422px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s4 .ctas .stores {
		 width: calc(422px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s4 .ctas .stores .tag-a {
	 height: calc(58px * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s4 .ctas .stores .tag-a {
		 height: calc(58px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s4 .ctas .stores .tag-a {
		 height: calc(58px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s4 .ctas .stores .tag-a img {
	 height: 100%;
}
 .s4 .ctas .stores .tag-g {
	 width: calc(190px * var(--text_shrink-ratio));
}
 @media (max-width: 970px) {
	 .s4 .ctas .stores .tag-g {
		 width: calc(190px * var(--text_shrink-ratio) * 1.5);
	}
}
 @media (max-width: 700px) {
	 .s4 .ctas .stores .tag-g {
		 width: calc(190px * var(--text_shrink-ratio) * 1.1);
	}
}
 .s4 .ctas .stores .tag-g img {
	 width: 100%;
}
 footer {
	 background-color: var(--color_dark-grey);
}
 footer .backtotop-conteneur {
	 width: 100%;
	 height: 105px;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
}
 @media (max-width: 500px) {
	 footer .backtotop-conteneur {
		 height: 85px;
	}
}
 footer .backtotop-conteneur a {
	 display: block;
	 position: relative;
	 aspect-ratio: 1;
	 height: 100%;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
}
 footer .backtotop-conteneur .backtotop::before {
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 background-color: var(--color_full-white);
	 width: 2px;
	 height: 100%;
}
 footer .backtotop-conteneur .backtotop svg {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 29px;
	 height: 33px;
	 fill: var(--color_full-white);
}
 footer .contenu {
	 margin-top: 50px;
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 gap: 60px;
}
 @media (max-width: 1000px) {
	 footer .contenu {
		 flex-direction: column;
	}
}
 footer .contenu .sani_logo {
	 position: relative;
	 height: 98px;
}
 @media (max-width: 500px) {
	 footer .contenu .sani_logo {
		 width: 279px;
		 height: 73.5px;
	}
	 footer .contenu .sani_logo img {
		 width: 100%;
	}
}
 footer .contenu .sani_logo p {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 font-size: calc(1.5rem * var(--text_shrink-ratio));
	 line-height: calc(1.5rem * var(--text_shrink-ratio));
	 font-weight: 300;
	 margin-bottom: 0;
	 color: var(--color_full-white);
}
 footer .contenu .description {
	 width: 500px;
}
 @media (max-width: 1000px) {
	 footer .contenu .description {
		 width: -webkit-fit-content;
		 width: -moz-fit-content;
		 width: fit-content;
	}
}
 footer .contenu .description p {
	 color: var(--color_full-white);
	 text-align: center;
	 line-height: calc(2.125rem * var(--text_shrink-ratio));
}
 @media (max-width: 1000px) {
	 footer .contenu .description p {
		 text-align: left;
		 font-size: 1rem;
		 line-height: 1.5rem;
	}
}
 footer .contenu .links {
	 max-width: 380px;
}
 footer .contenu .links ul {
	 padding: 0;
	 margin: 0;
}
 footer .contenu .links li {
	 margin-top: 15px;
}
 footer .contenu .links li a {
	/* color: var(--color_main-green */
	 color: #fff;
}
 footer .contenu .links li:first-child {
	 margin-top: 0px;
}
 footer .contenu .links li:last-child a {
	/* color: var(--color_turquoise);
	 */
}
 footer .copyright {
	 margin: 150px auto 0;
	 padding-bottom: 70px;
	 display: flex;
	 flex-direction: row;
	 width: 740px;
	 justify-content: space-between;
}
 @media (max-width: 800px) {
	 footer .copyright {
		 margin: 50px 0 0 !important;
		 flex-direction: column;
		 align-items: start;
		 width: 100%;
	}
}
 footer .copyright a, footer .copyright p, footer .copyright span {
	 color: var(--color_full-white);
	 font-size: 1rem;
}
 .offcanvas-backdrop {
	 background-color: transparent;
}
 .mobile-menu {
	 background-color: rgba(0, 0, 0, 0.8);
	 padding-top: 100px;
	 width: 300px;
	 max-width: 300px !important;
}
 .mobile-menu a {
	 color: var(--color_full-white);
	 font-size: 1.3rem;
	 line-height: 1.5rem;
	 padding: 0px;
	 font-weight: 400;
	 font-family: "Poppins", sans-serif;
}
 .mobile-menu svg {
	 fill: var(--color_full-white);
}
 .mobile-menu span {
	 padding: 0;
	 margin: 0;
	 display: inline-block;
}
 .mobile-menu ul {
	 padding: 0;
	 margin: 0;
	 gap: 20px;
}
 .mobile-menu li {
	 padding: 10px;
}
 .mobile-menu li:nth-child(1) span {
	 margin-left: 20px;
}
 .mobile-menu li:nth-child(1) svg {
	 width: 25px;
}
 .mobile-menu li:nth-child(2) svg {
	 width: 35px;
}
 .mobile-menu li:nth-child(3) svg {
	 width: 42px;
}
/*# sourceMappingURL=style.css.map */