* {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
}

img {
     width: 100%;
     height: auto;
}
li {
     list-style: none;
}
a {
     text-decoration: none;
     color: var(--black);
}
/* header */
header {
     background: url(../images/mb-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     flex-direction: column;
}
header.not-main {
     background: none;
     height: fit-content;
}
.container {
     width: 358px;
     margin: 0 auto;
}

.logo {
     width: fit-content;
     height: fit-content;
}
.hide-mob{
     display: none;
}
.hide-desk{
     display: inline;
}
/* MENU START */
/* mega menu desktop */
.navbar-desktop {
     display: none !important;
}
header .cta-navbar {
     display: none !important;
}

header .navbar-mobile {
     display: block !important;
}
header > nav {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: var(--gray-green-900);
     z-index: 40;
}
header .navbar-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: var(--green-100);
     padding: 40px 0 20px;
}
/* mega menu desktop end*/
/* mega menu mobile*/

.navbar-mobile {
     width: auto;
     height: auto;
     margin: 5px;
     overflow: hidden;
     background: transparent;
     z-index: 0;
}

.navbar-mobile.bounce {
     z-index: 60;
}
.navbar-mobile .nav .nav-bar {
     display: flex;
     flex-flow: row;
     position: relative;
     z-index: 3;
}
.navbar-mobile .nav .nav-btn {
     display: flex;
     flex-flow: column;
     align-items: center;
     position: relative;
     cursor: pointer;
     flex: 0;
     padding: 5px;
}
.navbar-mobile .nav .nav-btn .btn-bar {
     position: relative;
     width: 1.34em;
     height: 3px;
     border-radius: 5px;
     background: var(--green-100);
}
.navbar-mobile .nav .nav-btn .btn-bar.menu:not(:first-child) {
     margin-top: 3px;
}
.navbar-mobile .nav .nav-btn .btn-bar.close {
     transform-origin: center center;
     position: fixed;
     opacity: 0;
     top: 92px;
     right: 36px;
}
.navbar-mobile .nav .nav-content {
     position: sticky;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
}
.navbar-mobile .nav.open .nav-content {
     position: fixed;
}
.navbar-mobile .nav .nav-content .background {
     position: absolute;
     display: flex;
     flex-flow: column;
     align-items: stretch;
     top: 0;
     left: 0;
     right: 0;
     bottom: -2px;
     z-index: -1;
}
.navbar-mobile .nav .nav-content .portion {
     background-color: var(--green-900);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: -1;
}
.navbar-mobile .nav .nav-content .portion ul {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
     gap: 32px;
}
.navbar-mobile .nav .nav-content .portion ul li a {
     color: var(--green-100);
     font-family: var(--archivo);
     font-size: 32px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.48px;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 12px;
}
.navbar-mobile .nav .nav-content .portion:not(:first-child) {
     margin-top: -1px;
}
.navbar-mobile .nav.open .nav-bar .nav-btn .btn-bar.menu {
     opacity: 0;
}
.navbar-mobile .nav.open .nav-bar .nav-btn .btn-bar.close {
     opacity: 1;
}
.navbar-mobile .nav .btn-bar.menu:nth-child(even) {
     width: 1.8em;
}
.navbar-mobile .nav .btn-bar.close:not(:last-child) {
     transform: rotate(45deg) translateX(-250%);
}
.navbar-mobile .nav .btn-bar.close:last-child {
     transform: rotate(-45deg) translateX(250%);
}
.navbar-mobile .nav .nav-content .background .portion {
     flex: 1 1 100%;
}
.navbar-mobile .nav .nav-content .background .portion:nth-child(odd) {
     transform: translateX(-100%);
}
.navbar-mobile .nav .nav-content .background .portion:nth-child(even) {
     transform: translateX(100%);
}
.navbar-mobile .nav.open .nav-btn .btn-bar.menu:nth-child(odd) {
     transform: translateX(-400%);
}
.navbar-mobile .nav.open .nav-btn .btn-bar.menu:nth-child(even) {
     transform: translateX(200%);
}
.navbar-mobile .nav.open .nav-btn .btn-bar.close:not(:last-child) {
     transform: rotate(45deg);
}
.navbar-mobile .nav.open .nav-btn .btn-bar.close:last-child {
     transform: rotate(-45deg);
}
.navbar-mobile .nav.open .nav-content {
     z-index: 1;
}
.navbar-mobile .nav.open .nav-content .background .portion {
     transform: translateX(0%);
}
.navbar-mobile .nav.open .btn-bar.menu {
     transition: transform 0.3s ease-in-out, opacity 0.15s ease-in-out 0.15s;
}
.navbar-mobile .nav.open .btn-bar.close {
     transition: transform 0.2s ease-in-out 0.3s, opacity 0.05s ease-in-out 0.3s;
}
.navbar-mobile .nav.open .nav-content {
     transition: z-index 0.01s ease-in-out 0.3s;
}
.navbar-mobile .nav.open .nav-content .background .portion {
     transition: transform 0.2s ease-in-out 0.3s;
}
.navbar-mobile .nav .btn-bar.menu {
     transition: transform 0.3s ease-in-out 0.2s, opacity 0.15s ease-in-out 0.2s;
}
.navbar-mobile .nav .btn-bar.close {
     transition: transform 0.2s ease-in-out, opacity 0.05s ease-in-out 0.2s;
}
.navbar-mobile .nav .nav-content {
     transition: z-index 0.01s ease-in-out 0.2s;
}

.navbar-mobile .nav .nav-content .background .portion {
     transition: transform 0.2s ease-in-out;
}
/* mega menu mobile end*/
/* MENU END */
.green-dot {
     color: var(--green-300);
}

header .hero{
     display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100vh;     padding-top: 160px;
  padding-bottom: 30px;
}
header .title {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     color: var(--green-100);
}
header .title h1 {
     font-size: 61px;
     font-family: var(--archivo);
     text-align: center;
     padding: 0 6px 16px;
     font-size: 6.2vh; 
}
header .title p {
     font-size: 12px;
     line-height: 16px;
     font-family: var(--satoshi);
     padding: 0 51px;
     text-align: center;
     color: var(--green-100);
}
button.cta {
     padding: 10px 32px;
     text-align: center;
     color: var(--green-200);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     border-radius: 6px;
     background-color: var(--green-700);
     outline: none;
     border: 0;
     cursor: pointer;
}
a.cta {
     padding: 10px 32px;
     text-align: center;
     color: var(--green-200);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     border-radius: 6px;
     background-color: var(--green-700);
     outline: none;
     border: 0;
     cursor: pointer;
}

header .cta-navbar {
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     padding: 9px 15px;
     color: var(--green-100);
     font-family: var(--archivo);
     background-color: var(--green-600);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
header .title .cta {
     margin: 45px auto;
     display: inline;
}
/* liste logiciels */
.liste-logiciels {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     width: 236px;
     margin: 10px auto;
     gap: 25px;
}
.liste-logiciels-item {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 6px;
}
.liste-logiciels-item .item-icon {
     width: 16px;
     height: 16px;
}
.liste-logiciels-item .item-text {
     color: var(--green-200);
     text-align: center;
     font-family: var(--archivo);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 115.5%;
}
/* liste logiciels fin*/
/* header */

/* main */
main {
     background-color: var(--main-background);
}

/* sustainability */
.sustainability {
     padding: 32px 0;
}
.sustainability .sustainability-title {
     margin-bottom: 12px;
}
.sustainability .sustainability-title h1 {
     color: var(--black);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-align: center;
}
/* sustainability end*/
/* nous digitalisons */
.nous-digitalisons {
     padding: 32px 0;
}
.nous-digitalisons .gestion-holder {
     display: flex;
     align-items: center;
     justify-content: center;
}
.nous-digitalisons .gestion-holder .gestion-left {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
}
.nous-digitalisons .gestion-holder .gestion-left .title {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 12px;
     gap: 10px;
}
.nous-digitalisons .gestion-holder .gestion-left h1 {
     color: var(--gray-green-850);
     text-align: center;
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     width: 206px;
}
.nous-digitalisons .gestion-cta {
     background-color: var(--gray-green-900);
     padding: 8px 12px;
     color: var(--green-200);
     font-family: var(--archivo);
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
.nous-digitalisons .gestion-holder .gestion-left p {
     color: var(--gray-green-850);
     text-align: justify;
  text-align-last: left;
     font-family: var(--inter);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-bottom: 24px;
}

.nous-digitalisons .gestion-holder .gestion-left ul {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 6px;
     flex-direction: column;
     padding-left: 14px;
}
.nous-digitalisons .gestion-holder .gestion-left ul li {
     list-style: disc;
     color: var(--gray-green-850);
     font-family: var(--inter);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
.nous-digitalisons .gestion-holder .gestion-left ul li .bold {
     font-weight: 700;
}
.nous-digitalisons .gestion-holder .gestion-right {
     display: none;
}
.nous-digitalisons .gestion-holder .gestion-right .cta-nous-digitalisons-desk {
     display: none;
}
/* nous digitalisons */
/* nos interventions */
.nos-interventions {
     padding: 32px 0;
}
.nos-interventions-title {
     width: 265px;
     margin: 0 auto 32px;
}
.nos-interventions-title h1 {
     color: var(--green-950);
     text-align: center;
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin: 0 auto;
}
.nos-interventions-liste {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 32px;
}
.nos-interventions-liste .item {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.nos-interventions-liste .item .item-image {
     width: 64px;
     height: 64px;
}

.nos-interventions-liste .item .item-title {
     width: 163px;
     margin: 24px auto 12px auto;
}
.nos-interventions-liste .item .item-title h3 {
     color: var(--gray-green-950);
     text-align: center;
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
.nos-interventions-liste .item .item-description {
     width: 227px;
}
.nos-interventions-liste .item .item-description p {
     color: #17211482;
     text-align: center;
     font-family: var(--inter);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
/* nos interventions */
/* le livre blanc */
.livre-blanc .livre-blanc-holder {
     padding: 32px 4px;
     position: relative;
     width: 100%;
}
.livre-blanc .livre-blanc-holder .cta-livre-blanc {
     position: absolute;
     bottom: 47px;
     display: flex;
     align-items: center;
     justify-content: center;
     right: 24px;
     font-size: 12px;
     gap: 6px;
     padding: 6px 12px 6px 6px;
     background-color: var(--green-600);
}
.livre-blanc .livre-blanc-holder img.desk {
     display: none;
}
/* le livre blanc */
/* gestion de donnes */
.gestion-donnees {
     padding: 32px 0;
}
.gestion-donnees .gestion-holder {
     display: flex;
     align-items: center;
     justify-content: center;
}
.gestion-donnees .gestion-holder .gestion-left {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.gestion-donnees .gestion-holder .gestion-left h1 {
     color: var(--gray-green-850);
     text-align: center;
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 6px;
}
.gestion-donnees .gestion-holder .gestion-left h4 {
     color: var(--gray-green-850);
     text-align: center;
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     width: 211px;
     margin-bottom: 6px;
}
.gestion-donnees .gestion-holder .gestion-left p {
     color: var(--gray-green-850);
     font-family: var(--inter);
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-bottom: 12px;
     opacity: 0.55;
}
.gestion-donnees .gestion-cta {
     background-color: var(--gray-green-900);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
}
.gestion-donnees .gestion-holder .gestion-left ul li {
     list-style: disc;
}
.gestion-donnees .gestion-holder .gestion-right {
     display: none;
}
/* gestion de donnes */
/* materialite */
.materialite {
     padding: 32px 0;
}
.materialite .materialite-holder {
     display: flex;
     align-items: center;
     justify-content: center;
}
.materialite .materialite-holder .materialite-left {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.materialite .materialite-holder .materialite-left h1 {
     color: var(--gray-green-850);
     text-align: center;
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     width: 200px;
     margin-bottom: 24px;
}
.materialite .materialite-holder .materialite-left ul {
     color: var(--gray-green-850);
     font-family: var(--inter);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     list-style: circle;
     width: 315px;
     margin-bottom: 12px;
}
.materialite .materialite-cta {
     background-color: var(--gray-green-900);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
}
.materialite .materialite-holder .materialite-left ul li {
     list-style: disc;
}
.materialite .materialite-holder .materialite-right {
     display: none;
}

/* materialite */
/* collecte au disclosure */

.collecte-disclosure {
     color: black !important;
     padding: 32px 0;
}
.collecte-disclosure .list-container {
     width: 100%;
     display: flex;
     align-items: start;
     justify-content: start;
     flex-direction: column;
     gap: 6px;
}

.collecte-disclosure .collecte-disclosure-title h1 {
     color: var(--green-950);
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-align: center;
     margin-bottom: 24px;
}
.collecte-disclosure .item {
     background-color: var(--green-850);
     border-radius: 6px;
     color: var(--green-250);
     padding: 16px 32px;
     transition: all ease-in-out 0.3s;
     height: 56px;
     overflow: hidden;
     cursor: pointer;
}
.collecte-disclosure .item.first.active {
     height: 286px;
}
.collecte-disclosure .item.second.active {
     height: 362px;
}
.collecte-disclosure .item.third.active {
     height: 365px;
}
.collecte-disclosure .item.fourth.active {
     height: 345px;
}
.collecte-disclosure .item.fifth.active {
     height: 342px;
}
.collecte-disclosure .item .item_title {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.collecte-disclosure .item .item_title .left {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 24px;
}
.collecte-disclosure .item .item_title .left img {
     width: 24px;
     height: 24px;
}
.collecte-disclosure .item .item_title .left h3 {
     font-family: var(--archivo);
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
}
.collecte-disclosure .item .item_title .show_more {
     font-size: 16px;
     cursor: pointer;
}
.collecte-disclosure .item .item_title .show_more i {
     transition: all ease-in-out 0.33s;
}
.collecte-disclosure .item.active .item_title .show_more i {
     transform: rotate(90deg);
}

.collecte-disclosure .item .item_content {
     width: 100%;
     text-align: left;
     padding: 32px 32px 32px 0;
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
}

/* collecte au disclosure */

/* formation */
.green-overlay {
     color: var(--green-150);
     font-family: var(--archivo);
     margin: 32px auto;
     width: 100%;
     border-radius: 12px;
     background: linear-gradient(85deg, var(--linear-from), var(--linear-to));
}
.formation .overlay {
     margin: 32px auto;
     width: 100%;
     background: linear-gradient(85deg, var(--linear-from), var(--linear-to));
}
.formation .overlay .holder {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 36px 80px;
}

.formation .overlay .holder .left {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.formation .overlay .holder h3 {
     text-align: center;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
.formation .overlay .holder h2 {
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 800;
     line-height: normal;
     margin-top: 5px;
}
.formation .overlay .holder .cta-formation {
     display: inline-flex;
     padding: 6px 12px;
     justify-content: center;
     align-items: center;
     gap: 6px;
     margin-top: 38px;
     background-color: var(--green-600);
}
.formation .overlay .holder .cta-formation i {
     font-size: 10px;
}

/* formation */
/* ressources */
.resources {
     padding: 32px 0;
}
.resources .title {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 16px;
}
.resources .title h1 {
     color: var(--green-950);
     font-family: var(--syne);
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
.resources .title p {
     color: #999;
     text-align: center;
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     max-width: 315px;
     margin-bottom: 39px;
}
.resources .slider_wrapper .slider_inner {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 42px;
     flex-direction: column;
}
.resources .slider_wrapper .slider_inner .cta {
     padding: 12px 32px;
     border-radius: 4px;
     background: var(--green-900);
}
.resources .slider_wrapper .slider_inner .cta-container {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
.resources .slide_content .date {
     color: #000;
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 6px;
}
.resources .slide_content .image_wrapper {
     margin-bottom: 16px;
     position: relative;
}
.resources .slide_content .image_wrapper h1{
     position: absolute;
     bottom: 5%;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     color: #FAFFF9;
font-family: var(--archivo);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;width: 12rem;
}
.resources .slide_content .date {
     color: #000;
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 6px;
}
.resources .slide_content .tags {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 10px;
     margin-bottom: 16px;
}
.resources .slide_content .tags span {
     background: var(--green-200);
     padding: 2px 16px;
     border-radius: 24px;
     color: var(--green-900);
     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
.resources .slide_content .description {
     color: #999;
     font-family: var(--satoshi);
     font-size: 21px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     padding-right: 10px;
     margin-bottom: 40px;
}
/* ressources end */
/* restez informez */
.restez-informez .overlay {
     margin: 32px auto;
     background: linear-gradient(86deg, var(--linear-from2), var(--linear-to2));
   }
.restez-informez .overlay .holder {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 42px 65px;
}

.restez-informez .overlay .holder .left {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.restez-informez .overlay .holder h3 {
     color: var(--main-background);
     text-align: center;
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 6px;
}
.restez-informez .overlay .holder p {
     color: rgba(255, 255, 255, 0.56);
     text-align: center;
     font-family: var(--archivo);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-bottom: 23px;
}
.restez-informez .overlay .holder .inscriez-vous-holder {
     position: relative;
     width: 100%;
     height: 33px;
}
.success-message {
     position: absolute;
     bottom: -36px;
     left: 0;
     color: var(--green-200);
     opacity: 0;
     transition: opacity 0.3s ease;
     font-size: 12px;
   }

.success-footer {
     color: var(--green-200);
     opacity: 0;
     transition: opacity 0.3s ease;
     font-size: 13px;
     font-family: var(--archivo);
   }

.restez-informez .overlay .holder .inscriez-vous-holder input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 6px 70px 6px 16px;
     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     border-radius: 8px;
     z-index: 20;
     color: var(--gray-green-700);
     outline: none;
}
.restez-informez .overlay .holder .inscriez-vous-holder input::placeholder {
     color: rgba(23, 33, 20, 0.35);
}
.restez-informez .overlay .holder .inscriez-vous-holder .cta-inscriez-vous {
     position: absolute;
     top: 50%;
     right: 6px;
     transform: translateY(-50%);
     padding: 6px;
     font-size: 10px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     font-family: var(--syne);
     border-radius: 8px;
     z-index: 30;
}
/* restez informez */

/* main fin*/

/* footer */
footer {
     background-color: var(--green-900);
     padding: 73px 0 24px 0;
}
footer .footer-top {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin-bottom: 79px;
}
footer .footer-top .col1 {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
footer .footer-top .col1 .logo {
     width: 151px;
     height: auto;
     margin-bottom: 32px;
}
footer .footer-top .col1 .description {
     color: var(--main-background);
     text-align: center;
     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     width: 260px;
     margin-bottom: 30px;
}
footer .footer-top .col1 .info {
     color: var(--main-background);
     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 70px;
}
footer .footer-top .col1 .info ul {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 12px;
}
footer .footer-top .col1 .info li a{
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     color: var(--main-background);
}

footer .footer-top .col2 {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding-left: 39px;
     width: 100%;
     margin-bottom: 70px;
}
footer .footer-top .col2 .navigation .title h3 {
     color: var(--main-background);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 16px;
}
footer .footer-top .col2 .navigation ul {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     justify-content: flex-start;
     gap: 5px;
}
footer .footer-top .col2 .navigation li {
     color: var(--main-background);

     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
footer .footer-top .col2 .navigation li a {
     color: var(--main-background);
}
footer .footer-top .col2 .actualites .title h3 {
     color: var(--main-background);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 16px;
}
footer .footer-top .col2 .actualites ul {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     justify-content: flex-start;
     gap: 5px;
}
footer .footer-top .col2 .actualites li a {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
}
footer .footer-top .col2 .actualites li .description {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
     color: var(--main-background);
     font-family: var(--satoshi);
     font-size: 9px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
}
footer .footer-top .col2 .actualites li a.formation-02-fev .img {
     width: 32px;
     height: 32px;
     border-radius: 4px;
     overflow: hidden;
}
footer .footer-top .col2 .actualites li a.formation-02-fev .img img{
     height: 32px;
}
footer .footer-top .col2 .actualites li .img {
     width: 32px;
     height: 32px;
}
footer .footer-top .col2 .actualites li .description .date {
     font-weight: 400;
}

/*  */
footer .footer-top .col3 {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
     padding-left: 39px;
     width: 100%;
}
footer .footer-top .col3 .title {
     color: var(--main-background);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 12px;
}
footer .footer-top .col3 .description {
     color: rgba(251, 255, 250, 0.7);
     width: 172px;
     font-family: var(--satoshi);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-bottom: 16px;
}
footer .footer-top .col3 .mail {
     position: relative;

     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     width: 100%;
     height: 48px;
     margin-bottom: 40px;
}
footer .footer-top .col3 .mail input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
     padding: 5px 45px 5px 16px;
     outline: none;
     border: 1px solid var(--main-background);
     color: var(--gray-300);
     font-family: var(--satoshi);
     border-radius: 12px;
}
footer .footer-top .col3 .mail button {
     display: flex;
     align-items: center;
     justify-content: center;
     border: none;
     outline: none;
     cursor: pointer;
     position: absolute;
     right: 7px;
     top: 50%;
     transform: translateY(-50%);
     border-radius: 8px;
     background: var(--green-500);
     padding: 6px;
}
footer .footer-top .col3 .socials {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
}
footer .footer-top .col3 .socials i {
     font-size: 34px;
     color: var(--socials-color);
}
footer .footer-bottom {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 83px;
}
footer .footer-bottom .copy p {
     color: var(--main-background);
     font-family: var(--satoshi);
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
}

footer .footer-bottom .politiques {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 32px;
}
footer .footer-bottom .politiques a {
     color: var(--main-background);
     font-family: var(--satoshi);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
}
/* footer end */

/* contactez nous */
.contactez-nous {
     padding: 200px 0 32px 0;
}
.contactez-nous-holder {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 32px;
}
.coordonnees {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     flex-direction: column;
     gap: 23px;
}
.coordonnees li {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     color: var(--green-900);
     font-family: var(--inter);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
.coordonnees li p {
     max-width: 208px;
}
.form {
     border-radius: 24px;
     background: var(--form-background);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 100%;
     padding: 46px 58px 62px 58px;
     gap: 42px;
}
.form-description {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 12px;
}
.form-description h1 {
     color: var(--green-100);
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
.form-description p {
     color: var(--green-100);
     font-family: var(--inter);
     text-align: center;
     font-size: 9px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     opacity: 0.5;
     max-width: 222px;
}

.form form {
     width: 100%;
}
.form .input-group {
     position: relative;
     width: 100%;
     margin-bottom: 20px;
}
.form .input-group label {
     position: absolute;
     cursor: text;
     color: var(--green-100);
     text-align: center;
     font-family: var(--inter);
     font-size: 9px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     left: 8px;
     top: 0px;
     transform: translateY(-50%);
     background-color: var(--form-background);
     padding-inline: 5px;
}
.form .input-group #success-contact {
     color: var(--green-200);
     font-size: 12px;
     font-family: var(--archivo);
     position: absolute;
     bottom: -90px;
     left: 0;
     opacity: 0;
     transition: opacity ease-in-out 0.4s;
}
.form .input-group input,
.form .input-group textarea {
     border-radius: 6px;
     border: 1px solid var(--green-100);
     background-color: transparent;
     stroke: none;
     outline: none;
     padding: 5px 10px;
     color: var(--green-100);
     font-family: var(--inter);
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     width: 100%;
}

.form .input-group input:focus,
.form .input-group textarea:focus {
     stroke: none;
     outline: none;
     border-color: var(--green-500);
}
.form .input-group textarea {
     height: 149px;
}
.form input[type="submit"] {
     padding: 6px 24px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 4px;
     background: var(--green-800);
     border: none;
     stroke: none;
     color: var(--green-300);
     text-align: center;
     font-family: var(--inter);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-left: auto;
     cursor: pointer;
     margin-top: 12px;
}
/* contactez nous */

/* page a propos de nous */
/* synergies  */
.synergies {
     padding: 200px 0 32px 0;
}
.synergies .gestion-holder {
     align-items: flex-start;
     justify-content: flex-start;
}
.synergies .gestion-holder .gestion-left {
     align-items: flex-start;
     justify-content: flex-start;
}
.synergies .synergies-title h1 {
     color: var(--gray-green-900);
     font-family: var(--archivo);
     text-align: left;
     font-size: 32px;
     margin-bottom: 24px;
}
.synergies .gestion-holder .gestion-left p {
     color: var(--gray-green-900);
     font-family: var(--archivo);
     text-align: left;
     margin-bottom: 20px;
     margin-right: 20px;
}
.synergies .gestion-cta {
     background-color: var(--gray-green-900);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     font-size: 12px;
     padding: 8px 16px;
}
/* synergies end */
/* equipe  */
.equipe {
     padding: 32px 0;
}
.equipe .title {
     margin-bottom: 42px;
}
.equipe .title h1 {
     color: var(--green-900);
     font-family: var(--archivo);
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-align: center;
}
.grid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
}
.grid .item {
     padding: 12px;
     width: calc(33.33% - 10px);
     display: flex;
     justify-content: flex-start;
     align-items: center;
     text-align: center;
     flex-direction: column;
     gap: 6px;
}
.grid .item .item-avatar {
     width: 59px;
     height: 59px;
     background-color: var(--avatar-background);
     border-radius: 9999px;
     display: flex;
     align-items: center;
     justify-content: center;
}
.grid .item .item-avatar svg {
     width: 31px;
     height: 31px;
}
.grid .item .name {
     color: var(--black);
     text-align: center;
     font-family: var(--archivo);
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
.grid .item .role {
     color: var(--black);
     font-family: var(--archivo);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: center;
}
/* equipe end */
/* page a propos de nous end */

/* page tarif */
/* tarification*/
.tarification {
     padding: 160px 0 32px 0;
}
.tarification .gestion-holder .gestion-left h1 {
     color: var(--gray-green-900);
     text-align: center;
     font-family: var(--archivo);
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 6px;
     font-size: 32px;
     max-width: 336px;
}
.tarification .gestion-holder .gestion-left p {
     color: var(--gray-green-900);
     font-family: var(--archivo);
     margin-bottom: 25px;
     max-width: 320px;
}
.tarification .gestion-cta {
     font-size: 21px;
}
.tarification .gestion-holder .gestion-left ul li {
     list-style: disc;
}
.tarification .gestion-holder .gestion-right {
     display: none;
}
/* tarification end */

/* comprendre la structure end */
.comprendre-la-structure {
     padding: 32px 0 ;
}
.comprendre-la-structure .nos-interventions-title {
     width: auto;
     margin: 0 auto 46px;
     max-width: 304px;
}

.comprendre-la-structure .nos-interventions-liste .item .item-title {
     width: 195px;
     margin: 12px auto;
}
.comprendre-la-structure .nos-interventions-liste .item .item-description {
     width: 227px;
}
/* comprendre la structure end  */
/* page tarif end */

/* esg page   */
/* esg software */
.esg-software .gestion-holder .gestion-left  {
     justify-content: flex-start;
     align-items: flex-start;
}
.esg-software .gestion-holder .gestion-left h1 {
     text-align: left;
     font-weight: 400;
     margin-bottom: 24px;
}
.esg-software .gestion-holder .gestion-left h1 span{
     font-weight: 700;
}
.esg-software .gestion-holder .gestion-left p {
     text-align: left;
    margin-bottom: 28px;
    opacity: 0.55;
}
.esg-software .gestion-cta {
     font-size: 14px;
}
.esg-software .gestion-cta svg{
     width: 16px;
     height: 16px;
}

/* esg software end  */

/* esg report */

.esg-report .collecte-disclosure-title h1 {
     color: var(--green-950);
     font-family: var(--archivo);
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: center;
     margin-bottom: 12px;
}
.esg-report .collecte-disclosure-title h1 span{
     font-weight: 700;
}

.esg-report .item .item_title .left svg {
     width: 24px;
     height: 24px;
}

.esg-report .item .item_content li {
     margin-bottom: 10px;
}

/* esg report*/
/* disklosure esg software */
.disklosure-esg-software{
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
}
.disklosure-esg-software section{
     width: 100%;
}

.disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 320px;
     font-weight: 400;
     margin-bottom: 6px;
   }
.disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left h1 span{
     font-weight: 700;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left p {
     opacity: 0.55;
     font-family: var(--archivo);
     font-size: 15px;
   }
   .disklosure-esg-software  .esg.gestion-cta {
     padding: 8px 16px;
     font-size: 15px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-title {
     width: 200px;
     margin: 12px auto 6px auto;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-description {
     width: 211px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-image {
     width: 64px;
     height: 64px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-image svg{
     width: 100%;
     height: 100%;
   }
/* disklosure esg software end */
/* esg page end */
/* compilance page */
/* nouvelle generation */
.compilance-nouvelle-generation  {
     padding:160px 0 32px 0;
   }
.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: fit-content;
     font-weight: 700;
     margin-bottom: 16px;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     margin-bottom: 16px;
   }
/* nouvelle generation end */

/* compilance siecle  */
.compilance-siecle  {
     padding: 32px 0;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
     font-weight: 700;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
    margin: 0;
   }
   .compilance-siecle .esg.gestion-cta {
    margin-top: 12px;
   }
   .compilance-siecle .esg.gestion-cta svg{
    display: none;
   }
/* compilance siecle  */
/* compilance nos interventions  */
.compilance-nos-interventions .item .item-image {
     width: 64px;
     height: 64px;
   }
   
.compilance-nos-interventions .item .item-image svg {
     width: 100%;
     height: auto;
   }
   .compilance-nos-interventions .item .item-title {
     width: 195px;
     margin: 24px auto 12px auto;
   }
/* compilance nos interventions  end */
/* compilance showcase  */
.compilance-showcase .nos-interventions-title {
     width: fit-content;
     margin: 0 auto 46px;
   }
.compilance-showcase .nos-interventions-title h1 {
     font-size: 32px;
     font-style: normal;
     font-weight: 500;
     line-height: 113%;
     max-width: 327px;
   }
.compilance-showcase .item .item-image {
     width: 337px;
     height: fit-content;
   }
.compilance-showcase .item .item-title h3 {
     text-align: center;
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 113%;
   }
   
.compilance-showcase .item .item-image img {
     width: 100%;
     height: auto;
   }
   .compilance-showcase .item .item-title {
     width: 230px;
     margin: 0 auto 12px auto;
   }
/* compilance showcase end */
/* compilance evaluation */
.compilance-evaluation{
     padding: 56px 0 ;
     background: url(../images/compilance-evaluation-bg.jpg) ;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
.compilance-evaluation .evaluation-cta-desk{
     display: none;
}
.compilance-evaluation .evaluation-cta-mob{
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 12px 24px;
     font-size: 21px;
     width: fit-content;
     gap: 12px;
     border-radius: 8px;
background: var(--green-900);
}
.compilance-evaluation .evaluation-cta-mob svg{
    width: 24px;
    height: 24px;
}
.compilance-evaluation .cta-holder{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compilance-evaluation .title {
    margin-bottom: 17px;
}
.compilance-evaluation .title h1{
     color: var(--green-100);
     font-family: var(--archivo);
     font-size: 32px;
     font-style: normal;
     font-weight: 500;
     line-height: 113%;
}
/* compilance evaluation end */
/* compilance page end */
/* risks page */
/* risks 45001*/
.risks-45001{
     padding: 32px 0;
}
.risks-45001 .header-45001{
     margin-bottom: 31px;
}
.risks-45001 .header-45001 .mob {
  display: block;
}
.risks-45001 .header-45001 .desk {
  display: none;
}
.risks-45001 .title {
  margin-bottom: 6px;
}
.risks-45001 .title h1{
     color: var(--green-900);
text-align: center;
font-family: var(--archivo);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.risks-45001 .description p{
     color: var(--green-900);
     text-align: center;
     font-family: var(--inter);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     opacity: 0.55;
}
.risks-45001 .body-45001 .left {
     display: none;
}
.risks-45001 .body-45001 .risks-right {
     display: block;
}
.risks-45001 .body-45001 .risks-right .risks-liste {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 6px;width: 100%;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item{
     display: inline-flex;
     padding: 16px 24px;
     justify-content: center;
     align-items: center;
     gap: 32px;
     background-color: var(--green-900);
     border-radius: 12px;
     width: 100%;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title{
     display: flex;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
     gap: 32px;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title .img{
    width: 24px;
    height: 24px;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title h3{
     color: var(--green-200);
     font-family: var(--inter);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title h3 span{

     font-weight: 600;
}
/* risks 45001 end*/
/* risks page end */

.portion{
     display: flex;
}
.portion ul{
     width: fit-content;
     margin: 0 auto;
}
.portion .btn-back{
     position: fixed;
     top: 80px;
     left: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #E6FFDF;
     font-family: var(--archivo);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.24px;
}
.portion-hide{
     display: none !important;
}


.resources-slider .slider_wrapper .arrows {

     display: none;

   }


   header > nav.white-nav {
     background-color: var(--main-background);
   }
   header > nav.white-nav .navbar ul li a {
     color: var(--links-color);
   }
   header > nav.white-nav .navbar-mobile .nav .nav-btn .btn-bar {
     background: var(--links-color);
     }
     .navbar-mobile .nav .nav-btn .btn-bar.close {
          background: var(--main-background) !important;
        }
   header > nav.white-nav .logo img{
      display: none;
     }

     header > nav.white-nav .logo {
          background: url(../images/logo-black.svg) center center;
            background-repeat: repeat;
            background-size: auto;
          background-repeat: no-repeat;
          background-size: cover;
          width: 138px;
          height: 30px;
        }
     .visibility-animation {
          opacity: 1 !important;
     }


     /* page politiques */
     section.politique{
          padding-top: 160px;
          margin-bottom: 32px;
          font-family: var(--archivo);
     }
     section.politique .title{
               font-size: 1.7rem;
               text-align: center;
               margin-bottom: 25px;
             
     }
     section.politique p{
               font-size: 1rem;
               font-weight: 500;
               line-height: normal;
               text-align: left;
               font-family: var(--inter);
               opacity: 0.75;
               margin-bottom: 20px;
             
     }
     section.politique p .bold{
               font-weight: 700;
             
     }
     section.politique p .underline,section.politique p.underline{
              text-decoration: underline;
             
     }
     section.politique p .upper,section.politique p.upper{
              text-transform: uppercase;
             
     }
     section.politique ul li{
              margin-left: 50px;
              list-style: disc;
              font-size: 1.2rem;opacity: 0.75;
              margin-bottom: 20px;
             
     }
     /* page politiques end */

     .danger{
          color: var(--red-200) !important;
     }
     .success{
          color: var(--green-200) !important;
     }
     .cta-hover,.cta-hover2{
         transition: ease-in-out 0.3s all;
     }
     .cta-hover svg path,.cta-hover2 svg path , .cta-hover2 i{
          transition: ease-in-out 0.3s all;
     }

     .cta-hover:hover{
          color: var(--green-900) !important;
          background-color: var(--green-200) !important;
     }
     .cta-hover:hover svg path{
       fill: var(--green-900) !important;
     }
     .cta-hover2:hover{
          color: var(--green-700) !important;
          background-color: var(--green-200) !important;
     }
     .cta-hover2:hover svg path{
       fill: var(--green-700) !important;
     }
     .risks-holder{
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column-reverse;
     }
     .resources .slide .slide_content .image_wrapper {
          border-radius: 20px;
          overflow: hidden;
     }


     .scrollTop {
          display: none; /* Hidden by default */
          position: fixed; /* Fixed/sticky position */
          bottom: 20px; /* Place the button at the bottom of the page */
          right: 30px; /* Place the button 30px from the right */
          z-index: 20; /* Make sure it does not overlap */
          border: none; /* Remove borders */
          outline: none; /* Remove outline */
          background-color: var(--green-200); /* Set a background color */
          color: var(--green-900); /* Text color */
          cursor: pointer; /* Add a mouse pointer on hover */
          padding: 15px; /* Some padding */
          border-radius: 10px; /* Rounded corners */
          font-size: 18px; /* Increase font size */
          font-family: var(--archivo);
          transition: ease-in-out all 0.3s;
        }
        
        .scrollTop:hover {
          background-color: var(--green-900); /* Add a dark-grey background on hover */
          color: var(--green-200);
     }

     .conditions .sub{
          margin-left: 25px;
     }


     .conditions p{
          width: 22rem;
     }     .conditions .sub p{
          width: fit-content;
     }