@media screen and (min-width: 640px) {
     /* header */
     .hide-desk {
          display: none;
     }
     .container {
          width: 580px;
     }
     header .navbar-wrapper {
          padding: 45px 0 30px;
     }
     header .title h1 {
          /* padding: 25vh 6px 28px; */
          /* font-size: 72px; */
          padding-bottom: 28px;
          font-size: 7vh;
     }
     header .title p {
          font-size: 13px;
          line-height: 17px;
     }
     /* liste logiciels */
     .liste-logiciels {
          width: 550px;
          margin: 10px auto;
          gap: 100px;
     }
     .liste-logiciels-item {
          gap: 8px;
     }
     .liste-logiciels-item .item-icon {
          width: 30px;
          height: 30px;
     }
     .liste-logiciels-item .item-text {
          font-size: 17px;
     }
     /* liste logiciels fin*/
     /* header */
     /* sustainability */
     .sustainability {
          padding: 68px 0;
     }
     .sustainability .sustainability-title {
          margin-bottom: 27px;
     }
     .sustainability .sustainability-title h1 {
          font-size: 32px;
     }
     /* sustainability end*/
     /* 2) */
     /* le livre blanc */
     .livre-blanc .livre-blanc-holder .cta-livre-blanc {
          right: 32px;
          bottom: 52px;
          font-size: 14px;
          padding: 8px 12px 8px 10px;
     }
     /* le livre blanc */
     /* nous digitalisons*/
     .nous-digitalisons .gestion-holder .gestion-left .title {
          gap: 24px;
     }
     .nous-digitalisons .gestion-cta {
          padding: 8px 16px;
     }
     .nous-digitalisons .gestion-holder .gestion-left p {
          width: 377px;
     }

     .nous-digitalisons .gestion-holder .gestion-left ul li {
          max-width: 364px;

     }
     /* nous digitalisons*/
     /* gestion donnees*/
     .gestion-donnees .gestion-holder .gestion-left p {
          width: 310px;
     }
     /* gestion donnees*/
     /* materialite */
     .materialite .materialite-holder .materialite-left ul {
          width: 310px;
          margin-left: 15px;
     }
     /* materialite */
     /* ressources */
     .resources .slide_content .image_wrapper h1 {
          font-size: 36px;
          width: 18rem;   
     }
     /* ressources end */
     /* collecte au disclosure  */
     .collecte-disclosure .item.first.active {
          height: 215px;
     }
     .collecte-disclosure .item.second.active {
          height: 260px;
     }
     .collecte-disclosure .item.third.active {
          height: 263px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 256px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 235px;
     }
     /* collecte au disclosure  */
     /* 3) */
     .green-overlay {
          border-radius: 24px;
     }

     /* formation */
     .formation .overlay {
          margin: 20px auto;
     }
     .formation .overlay .holder {
          padding: 36px 120px;
     }
     .formation .overlay .holder h3 {
          font-size: 16px;
     }
     .formation .overlay .holder h2 {
          font-size: 20px;
          margin-top: 10px;
     }
     .formation .overlay .holder .cta-formation {
          padding: 6px 18px;
          font-size: 18px;
          margin-top: 40px;
     }
     .formation .overlay .holder .cta-formation i {
          font-size: 10px;
     }
     /* formation */
     /* restez informez */
     .restez-informez .overlay {
          margin: 32px auto;
     }

     .restez-informez .overlay .holder h3 {
          font-size: 20px;
          margin-bottom: 6px;
     }
     .restez-informez .overlay .holder p {
          font-size: 15px;
          max-width: 19rem;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          height: 46px;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder input {
          padding: 6px 108px 6px 16px;
          font-size: 17px;
          border-radius: 8px;
     }
     .restez-informez
          .overlay
          .holder
          .inscriez-vous-holder
          .cta-inscriez-vous {
          padding: 6px 10px;
          font-size: 15px;
     }
     /* restez informez */
     /* footer */
     footer .footer-top .col2 {
          justify-content: space-around;
     }
     /* footer end*/

     /* contactez nous */
     .coordonnees li {
          font-size: 16px;
     }
     .coordonnees li p {
          max-width: 228px;
     }

     .form-description {
          gap: 12px;
     }
     .form-description h1 {
          font-size: 20px;
     }
     .form-description p {
          font-size: 12px;
          max-width: 300px;
     }

     .form .input-group {
          margin-bottom: 20px;
     }
     .form .input-group label {
          font-size: 11px;
          left: 9px;
     }
     .form .input-group input,
     .form .input-group textarea {
          padding: 6px 10px;
          font-size: 13px;
     }
     /* contactez nous */

     /* page a propos de nous */
     /* synergies end */
     .synergies {
          padding: 200px 0 32px 0;
     }
     .synergies .synergies-title h1 {
          width: 70%;
     }
     .synergies .gestion-holder .gestion-left p {
          width: 70%;
     }
     .synergies .gestion-cta {
          font-size: 14px;
     }
     /* synergies end */
     /* page a propos de nous end */
     /* esg page   */
/* esg software */
.esg-software .gestion-holder .gestion-left  {
     justify-content: center;
     align-items: center;
}
.esg-software .gestion-holder .gestion-left h1 {
     text-align: center;
     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: center;
    margin-bottom: 28px;
}
.esg-software .gestion-cta {
     font-size: 14px;
}
.esg-software .gestion-cta svg{
     width: 16px;
     height: 16px;
}
/* esg report */
.esg-report {
     padding: 32px 0;
}
.esg-report .collecte-disclosure-title  {
     max-width: 320px;
     margin: 0 auto;
}
.esg-report .collecte-disclosure-title h1 {
     text-align: center;
}

/* esg report*/
/* esg disklosure software */
.disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left p {
     font-size: 16px;
   }
/* esg disklosure software end */
/* esg software end  */
/* esg page end */

/* compilance page */
/* nouvelle generation */

.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: 515px;
     font-weight: 700;
     margin-bottom: 16px;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     margin-bottom: 16px;
     max-width: 460px;
     width: 460px;
   }
/* nouvelle generation end */
/* compilance siecle  */
.compilance-siecle  {
     padding: 32px 0;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 380px;
     font-size: 31px;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
    margin: 0; width: 400px;max-width: 400px;
   }
   .compilance-siecle .esg.gestion-cta {
    margin-top: 12px;
    padding: 10px 32px;
   }
   .compilance-siecle .esg.gestion-cta svg{
    display: none;
   }
/* compilance siecle  */
/* compilance analyse  */
.compilance-analyse .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 430px;
     font-size: 31px;
   }
/* compilance analyse  end */
/* compilance evaluation */
.compilance-evaluation .title h1{
     font-size: 54px;
}
/* compilance evaluation end */
/* compilance page end */
/* risks page */
/* risks 45001*/
.risks-45001{
     padding: 32px 0;
}
.risks-45001 .title {
  margin-bottom: 6px;
}
.risks-45001 .title h1{
font-size: 30px;
}
.risks-45001 .description p{
     font-size: 14px;
}

.risks-45001 .body-45001 .risks-right .risks-liste .item{
     padding: 20px 24px;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title .img{
    width: 27px;
    height: 27px;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title h3{
     font-size: 14px;
}
/* risks 45001 end*/
/* risks page end */

   .form .input-group #success-contact {
     color: var(--green-200);
     font-size: 17px;
     font-family: var(--archivo);
     position: absolute;
     bottom: -50px;
     left: 0;
     opacity: 0;
     transition: opacity ease-in-out 0.4s;
     transform: translate(0%);
     max-width: 340px;
   }
   .conditions .sub {
     margin-left: 35px;
   }
   .conditions .sub p{
     width: fit-content;
   }
   .conditions  p{
     width: fit-content;
   }
}
@media screen and (min-width: 768px) {
     .hide-mob{
          display: inline;
     }
     .hide-desk{
          display: none;
     }
     /* header */
     header {
          background: url(../images/desk-bg.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          align-items: flex-start;
          justify-content: flex-start;
     }
     .container {
          width: 720px;
     }

     .logo {
          width: 164px;
          height: 35px;
     }
     header .navbar-wrapper {
          padding: 36px 0;
     }
     header .title {
          align-items: start;
          justify-content: start;
     }
     header .title h1 {
          font-size: 9vh;
          text-align: left;
          /* padding: 20vh 0 28px; */
          padding-bottom: 28px;
     }
     header .title p {
          font-size: 24px;
          line-height: normal;
          padding: 0;
          text-align: left;
     }
     button.cta {
          padding: 18px 56px;
          font-size: 28px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          border-radius: 12px;
     }
     a.cta {
          padding: 18px 56px;
          font-size: 28px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          border-radius: 12px;
     }
     /* menu */

     header .title .cta {
          margin: 45px 0;
     }
     /* liste logiciels */
     .liste-logiciels {
          align-items: start;
          justify-content: space-between;
          width: 720px;
          margin: 30px auto 10px;
          gap: 30px;
     }
     .liste-logiciels-item {
          gap: 13px;
     }
     .liste-logiciels-item .item-icon {
          width: 32px;
          height: 32px;
     }
     .liste-logiciels-item .item-text {
          font-size: 20px;
     }
     /* liste logiciels fin*/
     /* header */

     /* nos interventions */
     .nos-interventions {
          padding: 32px 0;
     }
     .nos-interventions-title {
          margin: 0 auto 50px;
          width: auto;
     }
     .nos-interventions-title h1 {
          font-size: 30px;
     }
     .nos-interventions-liste .item .item-image {
          width: 96px;
          height: 96px;
     }

     .nos-interventions-liste .item .item-title {
          width: 253px;
          margin: 24px auto;
     }
     .nos-interventions-liste .item .item-title h3 {
          font-size: 20px;
     }
     .nos-interventions-liste .item .item-description {
          width: 330px;
     }
     .nos-interventions-liste .item .item-description p {
          font-size: 20px;
     }
     /* nos interventions */
     /* nous digitalisons */
     .nous-digitalisons .gestion-holder .gestion-left .title {
          margin-bottom: 20px;
     }
     .nous-digitalisons .gestion-holder .gestion-left h1 {
          font-size: 35px;
          width: 280px;
     }
     .nous-digitalisons .gestion-holder .gestion-left p {
          font-size: 22px;
          width: auto;
     }
     .nous-digitalisons .gestion-cta {
          gap: 15px;
          font-size: 22px;
     }

     .nous-digitalisons .gestion-holder .gestion-left p {
         width: 474px;
     }

     .nous-digitalisons .gestion-holder .gestion-left ul li {
          max-width: 460px;
          font-size: 22px;
     }
     /* nous digitalisons */
     /* le livre blanc */

     .livre-blanc .livre-blanc-holder img.mb {
          display: none;
     }
     .livre-blanc .livre-blanc-holder img.desk {
          display: block;
          border-radius: 32px;
     }
     .livre-blanc .livre-blanc-holder .cta-livre-blanc {
          display: none;
     }
     /* le livre blanc */
     /* gestion donnees */
     .gestion-donnees {
          padding: 32px 0;
     }
     .gestion-donnees .gestion-holder .gestion-left h1 {
          font-size: 35px;
     }
     .gestion-donnees .gestion-holder .gestion-left h4 {
          font-size: 20px;
          width: 260px;
     }
     .gestion-donnees .gestion-holder .gestion-left p {
          font-size: 22px;
          width: auto;
          margin: 0 30px 30px 30px;
     }
     .gestion-donnees .gestion-cta {
          gap: 15px;
     }
     /* gestion donnees */
     /* materialite */
     .materialite {
          padding: 32px 0;
     
     }
     .materialite .materialite-holder .materialite-left h1 {
          font-size: 35px;
          width: auto;
     }
     .materialite .materialite-holder .materialite-left ul {
          font-size: 22px;
          width: auto;
          margin-left: 50px;
          margin-bottom: 30px;
     }
     .materialite .materialite-cta {
          gap: 15px;
     }
     /* materialite */
     /* collecte au disclosure  */
     .collecte-disclosure .item .item_title .left {
          gap: 26px;
     }
     .collecte-disclosure .item .item_title .left img {
          width: 34px;
          height: 34px;
     }
     .collecte-disclosure .item .item_title .left h3 {
          font-size: 28px;
     }
     .collecte-disclosure .item .item_title .show_more {
          font-size: 20px;
     }
     .collecte-disclosure .item .item_content {
          font-size: 19px;
          padding: 35px 32px 32px 0;
     }
     .collecte-disclosure .item {
          border-radius: 10px;
          padding: 20px 30px;
          height: 70px;
     }
     .collecte-disclosure .item.first.active {
          height: 245px;
     }
     .collecte-disclosure .item.second.active {
          height: 270px;
     }
     .collecte-disclosure .item.third.active {
          height: 270px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 270px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 265px;
     }
     .collecte-disclosure .list-container {
          gap: 12px;
     }
     .collecte-disclosure .collecte-disclosure-title h1 {
          font-size: 32px;
          margin-bottom: 25px;
     }
     /* collecte au disclosure  */
     /* formation */
     .formation .overlay {
          margin: 32px auto;
     }
     .formation .overlay .holder {
          justify-content: space-between;
          flex-direction: row;
          padding: 75px 46px;
     }
     .formation .overlay .holder .left {
          align-items: flex-start;
          width: 49%;
     }
     .formation .overlay .holder h3 {
          text-align: left;
          font-size: 19px;
     }
     .formation .overlay .holder h2 {
          text-align: left;
          font-size: 23px;
          margin-top: 11px;
     }
     .formation .overlay .holder .cta-formation {
          display: flex;
          font-size: 23px;
          gap: 10px;
          margin: 0;
          padding: 12px 46px 12px 32px;
     }
     .formation .overlay .holder .cta-formation i {
          font-size: 13px;
     }

     /* formation */

     /* ressources */
     .resources {
          padding: 64px 0 ;
     }
     .resources .title {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 16px;
     }
     .resources .title h1 {
          font-size: 46px;
     }
     .resources .title p {
          font-size: 24px;
          max-width: 710px;
     }
     .resources .slide_content .date {
          margin-bottom: 10px;
     }
     .resources .slide_content .image_wrapper {
          margin-bottom: 16px;
          width: 710px;
     }
     .resources .slide_content .image_wrapper h1 {
          font-size: 42px;
          width: 21rem;
        }
     /* ressources end */
     /* restez informez */

     .restez-informez .overlay .holder {
          justify-content: space-between;
          flex-direction: row;
          padding: 69px 64px;
     }
     .restez-informez .overlay .holder .left {
          width: 85%;
          justify-content: flex-start;
     }
     .restez-informez .overlay .holder h3 {
          text-align: left;
          font-size: 25px;
          margin-bottom: 6px;
          width: 100%;
     }
     .restez-informez .overlay .holder p {
          text-align: left;
          font-size: 18px;
          margin-bottom: 0;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          height: 60px;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder input {
          padding: 12px 113px 12px 20px;
          font-size: 16px;
          border-radius: 8px;
     }
     .restez-informez
          .overlay
          .holder
          .inscriez-vous-holder
          .cta-inscriez-vous {
          right: 12px;
          padding: 10px;
          font-size: 16px;
          border-radius: 6px;
     }
     /* restez informez */

     /* footer */
     footer .footer-top .col1 .description {
          font-size: 14px;
          width: 350px;
     }
     footer .footer-top .col1 .info {
          font-size: 14px;
     }
     footer .footer-top .col1 .info li a{
          gap: 8px;
     }

     footer .footer-top .col2 {
          justify-content: space-evenly;
     }
     footer .footer-top .col2 .navigation .title h3 {
          font-size: 18px;
     }
     footer .footer-top .col2 .navigation li {
          font-size: 14px;
     }
     footer .footer-top .col2 .actualites .title h3 {
          font-size: 18px;
     }
     footer .footer-top .col2 .actualites li {
          gap: 8px;
     }
     footer .footer-top .col2 .actualites li .description {
          font-size: 11px;
     }
     footer .footer-top .col2 .actualites li .img {
          width: 36px;
          height: 36px;
     }
     footer .footer-top .col2 .actualites li a.formation-02-fev .img {
          width: 42px;
          height: 42px;
          border-radius: 4px;
          overflow: hidden;
     }
     footer .footer-top .col2 .actualites li a.formation-02-fev .img img{
          height: 42px;
     }
     footer .footer-top .col3 {
          padding-left: 174px;
          padding-right: 137px;
     }
     footer .footer-top .col3 .title {
          font-size: 18px;
     }
     footer .footer-top .col3 .description {
          width: 295px;
          font-size: 14px;
     }
     footer .footer-top .col3 .mail {
          font-size: 14px;
          height: 53px;
     }
     footer .footer-top .col3 .mail input {
          padding: 5px 50px 5px 16px;
     }
     /* footer end */
     /* contactez-nous */
     .form-description p {
          font-size: 12px;
          max-width: 426px;
     }
     /* contactez-nous end*/
     /* footer end */

     /* page a propos de nous */
     /* synergies end */
     .synergies {
          padding: 200px 0 32px;
     }
     .synergies .synergies-title h1 {
          font-size: 40px;
          width: 100%;
     }
     .synergies .gestion-holder .gestion-left p {
          font-size: 24px;
          margin: 0 30px 30px 0px;
     }
     .synergies .gestion-cta {
          gap: 15px;
          font-size: 22px;
     }
     .synergies .gestion-cta svg {
          width: 22px;
          height: 22px;
     }
     /* synergies end */

     /* equipe  */
     .equipe {
          padding: 64px 0 ;
     }
     .equipe .title {
          margin-bottom: 64px;
     }
     .equipe .title h1 {
          font-size: 48px;
          text-align: left;
     }
     .grid {
          justify-content: flex-start;
          align-items: flex-start;
     }
     .grid .item {
          width: calc(25% - 10px);
     }
     .grid .item .item-avatar {
          width: 125px;
          height: 125px;
          margin-bottom: 10px;
     }
     .grid .item .item-avatar svg {
          width: 75px;
          height: 75px;
     }
     .grid .item .name {
          font-size: 22px;
     }
     .grid .item .role {
          font-size: 19px;
     }
     /* equipe end */
     /* page a propos de nous end */
     /* page tarif */
     /* tarification*/
     .tarification {
          padding: 220px 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: 365px;
     }
     .tarification .gestion-holder .gestion-left p {
          color: var(--gray-green-900);
          font-family: var(--archivo);
          margin-bottom: 25px;
          max-width: 365px;
     }
     .tarification .gestion-cta {
          font-size: 21px;
     }
     .tarification .gestion-holder .gestion-right {
          display: none;
     }
     /* tarification end */
     /* comprendre la structure end */
     .comprendre-la-structure {
          padding: 64px 0 ;
     }
     .comprendre-la-structure .nos-interventions-title {
          width: auto;
          margin: 0 auto 46px;
          max-width: 380px;
     }

     .comprendre-la-structure .nos-interventions-liste .item .item-title {
          width: 240px;
          margin: 12px auto;
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-description {
          width: 240px;
     }
     /* comprendre la structure end  */
     /* page tarif end */
          /* esg page   */
/* esg software */
.esg-software .gestion-holder  {
     align-items: flex-start;
     justify-content: flex-start;
}
.esg-software .gestion-holder .gestion-left  {
     justify-content: flex-start;
     align-items: flex-start;
}
.esg-software .gestion-holder .gestion-left h1 {
     font-size: 55px;
     line-height: 113%;
     text-align: left;
     max-width: fit-content;
     font-weight: 400;
}
.esg-software .gestion-holder .gestion-left h1 span{
     font-weight: 700;
}
.esg-software .gestion-holder .gestion-left p {
     margin-left: 0;
     text-align: left;
    margin-bottom: 55px;
    max-width: fit-content;
}
.esg-software .gestion-cta {
     font-size: 32px;
}
.esg-software .gestion-cta svg{
     width: 32px;
     height: 32px;
}

/* esg software end  */
/* disklosure esg software  */
.disklosure-esg-software .nos-interventions, .disklosure-esg-software .gestion-donnees {
     padding: 32px 0;
   }
.disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 430px;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left p {
     font-size: 16px;
     width: 430px;
     margin: 0 30px 30px 30px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-image {
     width: 64px;
     height: 64px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-title {
     width: 243px;
     margin: 12px auto 6px auto;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-description {
     width: 243px;
   }
/* disklosure esg software end  */
/* esg report */
.esg-report .collecte-disclosure-title  {
     max-width: fit-content;
     margin: 0 ;
}
.esg-report .item .item_title .left svg {
    width: 36px;
    height: 36px;
}
.esg-report .collecte-disclosure-title h1 {
     text-align: left;
     font-size: 40px;
}

/* esg report*/
/* esg page end */

/* compilance page */
/* nouvelle generation */

.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: fit-content;
     margin-bottom: 16px;
     font-size: 39px;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     margin-bottom: 16px;
     max-width: fit-content;
     width: fit-content;
   }
   .esg-software .gestion-cta {
     font-size: 22px;
     padding: 16px 30px;
   }
/* nouvelle generation end */
/* compilance siecle  */
.compilance-siecle  {
     padding: 32px 0;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 440px;
     font-size: 36px;
     margin-bottom: 24px;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
     margin: 0; width: 400px;max-width: 400px;
   }
   .compilance-siecle .esg.gestion-cta {
    margin-top: 12px;
    font-size: 20px;
   }
   .compilance-siecle .esg.gestion-cta svg{
    display: none;
   }
/* compilance siecle  */
/* compilance analyse  */
.compilance-analyse .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 500px;
     font-size: 31px;
   }
/* compilance analyse  end */
/* 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  end */
/* compilance showcase  */


.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: 100px 0;
}
.compilance-evaluation .evaluation-cta-desk{
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 12px 24px;
     font-size: 21px;
     width: fit-content;
     gap: 12px;
     margin-left: 15px;
     border-radius: 8px;
background: var(--green-900);
}
.compilance-evaluation .evaluation-cta-mob{
     display:none;
}
.compilance-evaluation .evaluation-cta-mob svg{
    width: 24px;
    height: 24px;
}
.compilance-evaluation .title h1{
     font-size: 75px;
}
/* compilance evaluation end */
/* compilance page end */
/* risks page */
/* risks 45001*/
.risks-45001{
     padding: 64px 0;
}
.risks-45001 .header-45001 .mob {
  display: none;
}
.risks-45001 .header-45001 .desk {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
.risks-45001 .header-45001 .desk .cta{
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--green-500);
     font-size: 19px;
     color: var(--green-100);
     gap: 16px;
     padding: 14px 32px;
   }
.risks-45001 .header-45001 .desk .title .img{
     width: 252px;
     height: 54px;
     margin-bottom: 16px;
   }
.risks-45001 .header-45001 .desk .cta svg{
    width: 22px;
    height: 22px;
   }
.risks-45001 .title h1{
font-size: 30px;
}
.risks-45001  .desk .title p{
     font-size: 17px;
     color: var(--green-900);
     opacity: 0.55;
     font-family: var(--inter);
}

/*  */
.risks-45001 .body-45001  {
     display:flex;
     align-items: center;
     justify-content: space-around;
}
.risks-14001 .body-45001  {
     display:flex;
     align-items: center;
     justify-content: space-around;
     flex-direction: row-reverse;
}
.risks-45001 .body-45001 .left {
     display: block;
}
.risks-45001 .body-45001 .left .img{
     width: 330px;
     height: auto;
}
.risks-45001 .body-45001 .risks-right {
    width: 45%;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item{

     padding: 16px 24px;
}
.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{
     font-size: 12px;
}
/* risks 45001 end*/
/* risks page end */
.form .input-group #success-contact {
     color: var(--green-200);
     font-size: 17px;
     font-family: var(--archivo);
     position: absolute;
     bottom: -50px;
     left: 0;
     opacity: 0;
     transition: opacity ease-in-out 0.4s;
     transform: translate(0%);
     max-width: 500px;
   }
   header > nav.white-nav .logo {
     width: 164px;
     height: 35px;
   }
        /* page politiques */

     section.politique .title{
               font-size: 1.7rem;
               text-align: left;
               margin-bottom: 25px;
             
     }
     section.politique .container {
          padding-inline: 50px;
             
     }

     .risks-holder{
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          width: 50%;
        }
        .restez-informez .overlay .holder .left {
          width: 50%;
        }
}

@media screen and (min-width: 992px) {
     /* header */
     header {
          background: url(../images/desk-bg.png);
          background-size: cover;
          background-position: center center;
     }
     .container {
          width: 960px;
     }

     .logo {
          width: 250px;
          height: auto;
     }
     header .navbar-wrapper {
          padding: 32px 0;
     }
     header .title h1 {
          /* padding: 20vh 0 28px; */
          padding-bottom: 28px;
     }
     /* menu */
     /* liste logiciels */
     .liste-logiciels {
          width: 960px;
          margin: 120px auto 10px;
          justify-content: space-between;
     }
     .liste-logiciels-item .item-text {
          font-size: 24px;
     }
     /* liste logiciels fin*/
     /* header */
     /* nous digitalisons */
     .nous-digitalisons {
          padding: 64px 0;
     }
     .nous-digitalisons .gestion-holder {
          justify-content: space-between;
          flex-direction: row;
     }
     .nous-digitalisons .gestion-holder .gestion-left {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          padding-right: 34px;
     }
     .nous-digitalisons .gestion-holder .gestion-left h1 {
          text-align: left;
          font-size: 38px;
          width: auto;
     }
     .nous-digitalisons .gestion-holder .gestion-left ul {
          padding-left: 20px;
     }
     .nous-digitalisons .gestion-holder .gestion-left ul li {
          font-size: 20px;
          max-width: 100%;
     }
     .nous-digitalisons .gestion-holder .gestion-left p {
          font-size: 20px;
          width: 100%;
          margin-bottom: 20px;
     }
     .nous-digitalisons .cta-nous-digitalisons-mob {
          display: none;
     }
     .nous-digitalisons .cta-nous-digitalisons-desk {
          border-radius: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          background: var(--green-900);
          padding: 16px 38px;
          color: var(--green-200);
          font-size: 16px;
     }
     .nous-digitalisons .gestion-holder .gestion-right {
          display: block;
          width: 50%;
     }
     .nous-digitalisons
          .gestion-holder
          .gestion-right
          .cta-nous-digitalisons-desk {
          display: block;
          width: fit-content;
     }
     .nous-digitalisons .gestion-holder .gestion-right .slider_wrapper {
          margin-bottom: 46px;
          border-radius: 12px;
          overflow: hidden;
     }
     .nous-digitalisons
          .gestion-holder
          .gestion-right
          .slider_wrapper
          .slick-dotted.slick-slider {
          margin-bottom: 0px;
     }

     .nous-digitalisons
          .gestion-holder
          .gestion-right
          .slider_wrapper
          .slick-dots {
          position: absolute;
          bottom: 30px;
          display: block;
          width: auto;
          padding: 0;
          margin: 0;
          list-style: none;
          text-align: center;
          right: 30px;
     }

     .slick-dots li.slick-active button::before {
          color: #fff;
     }
     .slick-dots li.slick-active button::after {
          background-color: #fff;
          opacity: 0.55;
          height: 16px;
          width: 16px;
          left: 0;
          top: 0;
          content: "";
          border-radius: 99999px;
          text-align: center;
          position: absolute;
          z-index: 20;
          transform: translate(10%, 9%);
     }
     .slick-dots li button::before {
          font-size: 11px;
          opacity: 0.55;
          color: #fff;
     }
     /* nous digitalisons */
     /* nos interventions */
     .nos-interventions {
          padding: 64px 0 ;
     }
     .nos-interventions-title h1 {
          font-size: 46px;
     }
     .nos-interventions-liste {
          align-items: flex-start;
          justify-content: space-evenly;
          flex-direction: row;
     }
     .nos-interventions-liste .item .item-title h3 {
          font-size: 20px;
     }
     .nos-interventions-liste .item .item-description {
          width: auto;
          max-width: 330px;
     }
     .nos-interventions-liste .item .item-description p {
          font-size: 20px;
     }
     /* nos interventions */

     /* gestion donnees */
     .gestion-donnees {
          padding: 64px 0;
     }
     .gestion-donnees .gestion-holder {
          justify-content: space-between;
          flex-direction: row;
     }
     .gestion-donnees .gestion-holder .gestion-left {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
     }
     .gestion-donnees .gestion-holder .gestion-left h1 {
          text-align: left;
          font-size: 46px;
          width: auto;
     }
     .gestion-donnees .gestion-holder .gestion-left h4 {
          text-align: left;
          font-size: 24px;
          width: auto;
     }
     .gestion-donnees .gestion-holder .gestion-left p {
          font-size: 20px;
          text-align: left;
          width: 480px;
          margin-bottom: 20px;
          margin: 0 30px 20px 0;
     }
     .gestion-donnees .gestion-cta i {
          display: none;
     }
     .gestion-donnees .gestion-holder .gestion-right {
          display: block;
          width: 50%;
     }
     /* gestion donnees */
     /* materialite */
     .materialite {
          padding: 64px 0;
     }
     .materialite .materialite-holder {
          justify-content: space-between;
          flex-direction: row;
     }
     .materialite .materialite-holder .materialite-left {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
     }
     .materialite .materialite-holder .materialite-left h1 {
          text-align: left;
          font-size: 46px;
          width: 375px;
     }
     .materialite .materialite-holder .materialite-left ul {
          font-size: 20px;
          width: 480px;
          margin-bottom: 20px;
          margin: 0 30px 20px 30px;
     }
     .materialite .materialite-cta i {
          display: none;
     }
     .materialite .materialite-holder .materialite-right {
          display: block;
          width: 50%;
     }
     /* materialite */
     /* collecte au disklosure */
     .collecte-disclosure .item.first.active {
          height: 218px;
     }
     .collecte-disclosure .item.second.active {
          height: 248px;
     }
     .collecte-disclosure .item.third.active {
          height: 247px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 250px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 243px;
     }
     /* collecte au disklosure */
     /* formation */
     .formation .overlay .holder .left {
          width: 55%;
          margin-left: 48px;
     }
     .formation .overlay .holder h3 {
          font-size: 24px;
     }
     .formation .overlay .holder h2 {
          font-size: 36px;
     }
     .formation .overlay .holder .cta-formation {
          font-size: 35px;
          gap: 22px;
     }
     .formation .overlay .holder .cta-formation i {
          font-size: 20px;
     }
     /* formation */

     /* ressources */
     .resources .slider_wrapper .slider_inner .cta {
          padding: 12px 32px;
          border-radius: 4px;
          background: var(--green-900);
          font-size: 16px;
     }
     .resources .slider_wrapper .slider_inner .cta-container {
          display: block;
          width: fit-content;
     }
     .resources
          .slider_wrapper
          .slider_inner
          .slide:first-of-type
          .cta-container {
          margin-top: 70px;
     }
     .resources
          .slider_wrapper
          .slider_inner
          .slide:nth-of-type(2)
          .cta-container {
          margin-top: 41px;
     }
     .resources .slide_content .image_wrapper {
          max-width: 288px;
     }
     .resources .resources-slider .slide .image_wrapper img{
          min-height: 251px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-start;
     }

     .resources .slide_content .date {
          font-size: 16px;
     }

     .resources .slide_content .tags {
          gap: 12px;
     }
     .resources .slide_content .description {
          padding-right: 10px;
          margin-bottom: 12px;
     }
     .resources .slide_content .image_wrapper h1 {
          font-size: 17px;
        }

        .resources .slider_wrapper .slider_inner {
          display: block !important;
        }
        .resources-slider .slider_wrapper  {
          position: relative;
        }
        .resources-slider .slider_wrapper .arrows {
          position: absolute;
          right: 0;
          bottom: -5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 15px;
          z-index: 3;

        }
        .resources-slider .slider_wrapper .arrows span{
          width: 46px;
          height: 46px;
          background-color: var(--green-600);
          border-radius: 9999px;          color: white;
          font-size: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
        .resources-slider .slider_wrapper .arrows span.slick-disabled{
          width: 32px;
          height: 32px;
          background-color: var(--green-600);
          opacity: 0.55;
        }
        .resources .resources-slider .slide{
          min-height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
     }
     .resources .slider_wrapper .slider_inner .cta-container {
          display: block;
          width: fit-content;
          margin-bottom: 15px;
        }
     /* ressources end */
     /* restez informez */

     .restez-informez  {
         padding: 64px 0;
     }
     .restez-informez .overlay .holder .left {
          width: 47%;
          margin-left: 64px;
     }
     .restez-informez .overlay .holder h3 {
          font-size: 32px;
     }
     .restez-informez .overlay .holder p {
          font-size: 24px;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          height: 64px;
          width: 47%;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder input {
          padding: 12px 113px 12px 24px;
     }
     /* restez informez */

     /* contactez nous */
     .contactez-nous {
          padding: 15vh 0 32px 0;
     }
     .contactez-nous-holder {
          flex-direction: row;
          gap: 75px;
     }
     .coordonnees li {
          font-size: 14px;
     }
     .form {
          width: 100%;
          padding: 107px 90px;
          gap: 80px;
     }
     .form-description {
          gap: 15px;
     }
     .form-description h1 {
          font-size: 24px;
     }
     .form-description p {
          font-size: 12px;
          max-width: 426px;
     }
     .form .input-group {
          width: 48%;
     }
     .form .input-group #success-contact {
          color: var(--green-200);
          font-size: 17px;
          font-family: var(--archivo);
          position: absolute;
          bottom: -71px;
          left: 0;
          opacity: 0;
          transition: opacity ease-in-out 0.4s;
          transform: translate(0%);
          bottom: -50px;
        }
     .form form .input-group:last-of-type {
          width: 100%;
     }
     .form form {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 4%;
     }
     .form .input-group label {
          font-size: 12px;
     }
     .form .input-group input,
     .form .input-group textarea {
          padding: 10px 15px;
          font-size: 14px;
     }
     .coordonnees li p {
          min-width: 190px;
          max-width: 0;
     }

     /* contactez nous */
     /* page a propos de nous  */
     /* synergies  */
     .synergies {
          padding: 200px 0 64px 0;
     }
     .synergies .synergies-title h1 {
          text-align: left;
          font-size: 48px;
          width: auto;
          margin-bottom: 100px;
     }
     .synergies .gestion-holder .gestion-left p {
          margin: 0 0px 20px 0;
          font-size: 24px;
          max-width: 33rem;
          width: 33rem;
        }
     .synergies .gestion-cta svg {
          display: none;
     }
     .synergies .gestion-holder .gestion-right {
          display: block;
          width: 38%;
     }
     /* synergies end */

     /* equipe  */
     .grid .item {
          width: calc(25% - 10px);
     }
     .grid .item .item-avatar {
          width: 150px;
          height: 150px;
     }
     .grid .item .item-avatar svg {
          width: 85px;
          height: 85px;
     }
     .grid .item .name {
          font-size: 24px;
     }
     .grid .item .role {
          font-size: 24px;
     }
     /* equipe end */
     /* page a propos de nous end */
     /* page tarif */
     /* tarification*/
     .tarification {
          padding: 220px 0 64px 0;
     }
     .tarification .gestion-holder .gestion-left h1 {
          text-align: left;
          margin-bottom: 20px;
          font-size: 77px;
          max-width: fit-content;
          font-weight: 500;
          line-height: 113%;
     }
     .tarification .gestion-holder .gestion-left p {
          color: var(--gray-green-900);
          font-family: var(--archivo);
          font-size: 30px;
          font-style: normal;
          font-weight: 400;
          line-height: 113%;
          max-width: fit-content;
          width: fit-content;
          margin-right: 110px;
          margin-bottom: 42px;
     }
     .tarification .gestion-cta {
          font-size: 30px;
     }
     /* tarification end */
     /* comprendre la structure end */
     .comprendre-la-structure {
          padding:64px 0 ;
     }
     .comprendre-la-structure .nos-interventions-title {
          width: auto;
          margin: 0 0 46px;
          max-width: fit-content;
     }
     .comprendre-la-structure .nos-interventions-title h1 {
          font-size: 36px;
          text-align: left;
     }
     .comprendre-la-structure .item .item-title h3 {
          font-size: 18px;
     }
     .comprendre-la-structure .item .item-description p {
          font-size: 18px;
     }
     .comprendre-la-structure .nos-interventions-liste .item {
          width: calc(25% - 35px);
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-title {
          width: auto;
          margin: 12px auto;
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-description {
          width: auto;
     }
     .comprendre-la-structure .item .item-image {
          width: 80px;
          height: 80px;
     }
     /* comprendre la structure end  */
     /* page tarif end */
/* page esg */
     /* esg software */
     .esg-software .gestion-holder .gestion-left h1 {
          font-size: 56px;
          margin-bottom: 24px;
     }
     .esg-software .gestion-holder .gestion-left h1 span{
          font-weight: 700;
     }
     .esg-software .gestion-holder .gestion-left p {
         margin-bottom: 55px;
         font-size: 29px;
     }
     .esg-software .gestion-cta svg{
          width: 32px;
          height: 32px;
     }
     
     /* esg software end  */
     /* esg report */

.esg-report .collecte-disclosure-title h1 {
     text-align: left;
     font-size: 55px;
}
.esg-report .item.third.active {
     height: 280px;
   }
/* esg report*/
/* disklosure esg software */
.disklosure-esg-software {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column-reverse;
   }
   .disklosure-esg-software .nos-interventions {
    background: url(../images/disklosure-esg-software-bg.png) ;
    background-color: #1a1a1a;
    padding-top: 91px;
    padding-bottom: 91px;
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   }
   .disklosure-esg-software .nos-interventions-liste  {
     align-items: flex-start;
     justify-content: space-evenly;
   }
   .disklosure-esg-software .nos-interventions-liste  .item{
     width: calc(33.333% - 40px);
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-image {
     width: 70px;
     height: 70px;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-image svg{
     width: 100%;
     height: 100%;
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-title h3 {
     font-size: 20px;
     color: var(--green-200);
   }
   .disklosure-esg-software .nos-interventions-liste .item .item-description p {
     font-size: 20px;   color: var(--green-200);
     font-weight: 300;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-right {
     display: block;
     width: 50%;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-right .img-container {
     max-width: 440px;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder  {
    display: flex;
     align-items: center;
     justify-content: space-between;
   }
   .disklosure-esg-software .gestion-donnees   {
    padding: 64px 0;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 565px;
     margin-bottom: 46px;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-left p {
     font-size: 24px;
     width: 565px;
     margin: 0 30px 30px 0px;
   }
   .disklosure-esg-software .esg.gestion-cta {
     padding: 20px 46px;
     font-size: 24px;
   }
   .disklosure-esg-software .esg.gestion-cta svg{
     width: 30px;
     height: 30px;
   }
/* disklosure esg software end */
/* page esg end */

/* compilance page */
/* nouvelle generation */

.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: fit-content;
     margin-bottom: 16px;
     font-size: 54px;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     font-size: 36px;
     margin-right: 0;
   }
   .esg-software .gestion-cta {
     font-size: 32px;
     padding: 23px 40px;
   }
/* nouvelle generation end */
/* compilance siecle  */
.compilance-siecle  {
     padding:  0;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 440px;
     font-size: 38px;
     margin-bottom: 24px;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
     margin: 0; width: 420px;max-width: 420px; margin-bottom: 20px;
   }
   .compilance-siecle .esg.gestion-cta {
    margin-top: 20px;
    font-size: 24px;
    gap: 24px;
    padding: 13px;
    border-radius: 6px;
   }
   .compilance-siecle .esg.gestion-cta svg{
    display: block;
   }
/* compilance siecle  */
/* compilance analyse */
.compilance-analyse{
    padding: 0;
  
   }
.compilance-analyse .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 520px;
     font-size: 38px;
     margin-bottom: 24px;
   }
   .compilance-analyse .gestion-donnees .gestion-holder .gestion-right .img-container {
     max-width: 495px;
     max-height: fit-content;
   }/* compilance analyse end*/

   /* compilance nos interventions  */
.compilance-nos-interventions {
     padding: 32px 0;
   }
/* compilance nos interventions  end */
/* compilance showcase  */
.compilance-showcase .nos-interventions-title {
     width: fit-content;
     margin: 0 auto 85px;
   }
.compilance-showcase .nos-interventions-title h1 {
     font-size: 50px;
     font-style: normal;
     font-weight: 500;
     line-height: 113%;
     max-width: 815px;
   }
.compilance-showcase .item  {
     justify-content: space-between;
     min-height: 315px;
   }
.compilance-showcase .item .item-image {
     width: 270px;
     height: fit-content;
   }
.compilance-showcase .item .item-title h3 {
     text-align: center;
     font-family: var(--archivo);
     font-size: 24px;
     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: 260px;
     margin: 0 auto 12px auto;
   }
/* compilance showcase end */
/* compilance evaluation */

.compilance-evaluation{
     padding: 100px 0;
 }
 .compilance-evaluation .evaluation-cta-desk{
     margin-left: 104px;
      font-size: 32px;
 }
 .compilance-evaluation .evaluation-cta-mob{
      display:none;
 }
 .compilance-evaluation .evaluation-cta-mob svg{
     width: 24px;
     height: 24px;
 }
 .compilance-evaluation .title h1{
      font-size: 95px;
 }
 /* compilance evaluation end */
/* compilance page end */
/* risks page */
/* risks 45001*/

.risks-45001 .header-45001 .desk .cta{
     font-size: 32px;
     gap: 16px;
     padding: 20px 32px;
   }
.risks-45001 .header-45001 .desk .title .img{
     width: 275px;
     height: 56px;
   }
.risks-45001 .header-45001 .desk .cta svg{
    width: 32px;
    height: 32px;
   }
.risks-45001 .title h1{
font-size: 30px;
}
.risks-45001  .desk .title p{
     font-size: 24px;
}

/*  */
.risks-45001 .body-45001 .left .img{
     width: 360px;
     height: auto;
}
.risks-45001 .body-45001 .risks-right {
    width: 48%;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item{
     padding: 16px 32px;
}

.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title .img{
    width: 32px;
    height: 32px;
}
.risks-45001 .body-45001 .risks-right .risks-liste .item .item_title h3{
     font-size: 16px;
}
/* risks 45001 end*/
/* risks page end */
header > nav.white-nav .logo {
     width: 250px;
     height: 49px;
   }
   section.politique {
     padding-bottom: 64px;
        
}
   section.politique .container {
     padding-inline: 100px;
        
}
.apropos-cta{
     padding: 20px 30px !important;
}
.restez-informez .overlay .holder .left {
     /* width: fit-content; */
     margin-left: 0px;
   }
   .restez-informez .overlay .holder p {
     max-width: fit-content;
   }
   .conditions .sub {
     margin-left: 60px;
   }
   .conditions .sub p{
     width: fit-content;
   }
   .conditions  p{
     width: fit-content;
   }
}
@media screen and (min-width: 1200px) {
     /* header */
     .container {
          width: 1120px;
     }
     /* mega menu desktop */
     .navbar-desktop {
          display: flex !important;
     }
     header .cta-navbar {
          display: flex !important;
     }
     /* mega menu desktop end*/
     /* mega menu mobile end*/
     header .navbar-mobile {
          display: none !important;
     }
     /* mega menu mobile end*/
     /* MEGA MENU START */
     header .navbar {
          background: transparent;
     }
     header .navbar .menu-items {
          display: flex;
          align-items: center;
          gap: 31px;
          height: 59px;
     }

     header .navbar .menu-items li{
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     header .navbar ul li a.expand-btn {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 4px;
     }
     header .navbar ul li a {
          color: var(--main-background);
     }

     header .navbar .menu-item {
          color: var(--main-background);
          font-family: var(--satoshi);
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
     }

     header .navbar .menu-item.active, header .navbar .menu-item:hover {
          color: var(--green-500);
     }
     header .navbar .menu-item.cta {
          border-radius: 16px;
          background: var(--green-900) !important;
          color: var(--green-200) !important;
          font-family: var(--archivo);
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          opacity: 1 !important;
          padding: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 6px;
     }
     header .navbar li .cta {
          opacity: 1 !important;
     }
     header .navbar .mega-links li.mt {
          padding-top: 26px;
     }
     header .navbar .mega-menu {
          position: absolute;
          left: 50%;
          top: 70%;
          transform: translateX(-50%);
          opacity: 0;
          visibility: hidden;
          width: 100%;
          transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
          background-color: var(--main-background);
     }

     header .mega-menu .content {
          background-color:var(--main-background);
          border-radius: 0;
          padding: 1rem;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 43px;
          width: 100%;
          justify-content: space-between;
          padding: 61px 16px 90px 16px;
     }

     header .content .col {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
     }

     header .content .col .menu-title {
          color: var(--green-900);
          font-family: var(--archivo);
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          text-align: left;
          margin-top: 34px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          gap: 6px;
          min-width: 315px;
     }

     header .content .col .mega-links {
          margin-top: 25px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          gap: 17px;
          margin-left: 19px;
     }

     header .col .mega-links li,
     header .col .mega-links li a {
          text-align: left;
          color: var(--green-900);
          font-family: var(--inter);
          opacity: 0.55;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
     }
     header .col .mega-links li.cta-holder {
          opacity: 1;
     }
     header .col .mega-links li a.cta {
          opacity: 1;
     }

     header .col .mega-links li a {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
     }
     header .col .mega-links li:hover,
     header .col .mega-links li a:hover {
          opacity: 0.75;
          color: var(--green-900);
     }

     .menu-items li:hover .mega-menu {
          opacity: 1;
          visibility: visible;
     }
     /* MEGA MENU END */

     header .title h1 {
          /* padding: 10vh 0 28px; */
          padding-bottom: 28px;
          font-size: 10vh;
     }
     header .title p {
          font-size: 24px;
          line-height: normal;
          padding: 0 80px 0 0;
          text-align: left;
     }
     /* liste logiciels */
     .liste-logiciels {
          width: 1120px;
          margin: 80px auto 10px;
     }
     /* liste logiciels fin*/
     /* header */
     /* nous digitalisons*/
     .nous-digitalisons .gestion-holder .gestion-left p {
          font-size: 24px;
        width: 500px;
     }
       .nous-digitalisons .gestion-holder .gestion-left ul li {
    font-size: 20px;
    max-width: 481px;
  }
     .nous-digitalisons .gestion-holder .gestion-right .slider_wrapper {
          width: 561px;
          height: 446px;
     }
     /* nous digitalisons */
     /* gestion donnees */
     .gestion-donnees .gestion-holder .gestion-left h4 {
          width: 480px;
     }
     .gestion-donnees .gestion-holder .gestion-left p {
          font-size: 24px;
     }
     /* gestion donnees */
     /* materialite */
     .materialite .materialite-holder .materialite-left ul {
          font-size: 24px;
     }
     /* materialite */
     /* collecte au disclosure  */
     .collecte-disclosure .item .item_title .left {
          gap: 32px;
     }
     .collecte-disclosure .item .item_title .left img {
          width: 46px;
          height: 46px;
     }
     .collecte-disclosure .item .item_title .left h3 {
          font-size: 36px;
     }
     .collecte-disclosure .item .item_title .show_more {
          font-size: 25px;
     }
     .collecte-disclosure .item .item_content {
          font-size: 25px;
          /* padding: 32px 32px 32px 0; */
     }
     .collecte-disclosure .item {
          border-radius: 15px;
          padding: 41px 46px;
          height: 128px;
     }
     .collecte-disclosure .item.first.active {
          height: 366px;
     }
     .collecte-disclosure .item.second.active {
          height: 370px;
     }
     .collecte-disclosure .item.third.active {
          height: 365px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 330px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 325px;
     }
     .collecte-disclosure .list-container {
          gap: 24px;
     }
     .collecte-disclosure .collecte-disclosure-title h1 {
          font-size: 46px;
     }
     /* collecte au disclosure  */
     /* formation */
     .formation .overlay .holder .left {
          width: 52%;
          margin-left: 48px;
     }
     /* formation */
     /* ressources */
     .resources .slider_wrapper .slider_inner {
          display: flex;
          align-items: center;
          justify-content: space-between;
     }
     .resources
          .slider_wrapper
          .slider_inner
          .slide:first-of-type
          .cta-container {
          margin-top: 69px;
     }
     .resources
          .slider_wrapper
          .slider_inner
          .slide:nth-of-type(2)
          .cta-container {
          margin-top: 40px;
     }
     .resources .slide_content .description {
          padding-right: 45px;
     }
     .resources .resources-slider .slide{
          min-height: 565px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
     }

     .resources .slider_wrapper .slider_inner .cta-container {
          display: block;
          width: fit-content;
          margin-bottom: 15px;
        }
     /* ressources end */
     /* restez informez */
     .restez-informez .overlay .holder .left {
          width: 39%;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          width: 40%;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder input {
          padding: 12px 113px 12px 24px;
     }
     /* restez informez */

     /* footer */
     footer {
          background-color: var(--green-900);
          padding: 70px 0;
     }
     footer .footer-top {
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: row;
          margin-bottom: 112px;
     }
     footer .footer-top .col1 {
          align-items: flex-start;
     }
     footer .footer-top .col1 .logo {
          margin-bottom: 8px;
     }
     footer .footer-top .col1 .description {
          text-align: left;
          font-size: 9px;
          width: 260px;
          margin-bottom: 24px;
     }
     footer .footer-top .col1 .info {
          margin-bottom: 0;
     }
     footer .footer-top .col1 .info ul {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
     }
     footer .footer-top .col2 {
          align-items: flex-start;
          justify-content: flex-start;
          padding-left: 150px;
          margin-bottom: 0;
          gap: 57px;
     }
     footer .footer-top .col2 .navigation .title h3 {
          font-size: 24px;
     }
     footer .footer-top .col2 .navigation ul {
          gap: 12px;
     }
     footer .footer-top .col2 .navigation li {
          font-size: 16px;
     }
     footer .footer-top .col2 .actualites .title h3 {
          font-size: 24px;
     }
     footer .footer-top .col2 .actualites ul {
          gap: 21px;
     }
     footer .footer-top .col2 .actualites li {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 16px;
     }
     footer .footer-top .col2 .actualites li .description {
          font-size: 12px;
          width: 140px;
     }
     footer .footer-top .col2 .actualites li .img {
          width: 46px;
          height: 46px;
     }

     footer .footer-top .col2 .actualites li .img img {
          width: 46px;
          height: 46px;
     }

     /*  */
     footer .footer-top .col3 {
          padding-left: 52px;
          padding-right: 0;
     }
     footer .footer-top .col3 .title {
          font-size: 24px;
          margin-bottom: 10px;
     }
     footer .footer-top .col3 .description {
          width: 290px;
          font-size: 16px;
          margin-bottom: 23px;
     }
     footer .footer-top .col3 .mail {
          font-size: 12px;
          height: 48px;
          margin-bottom: 25px;
          max-width: 245px;
     }
     footer .footer-bottom {
          justify-content: space-between;
          flex-direction: row;
     }
     footer .footer-bottom .copy p {
          font-size: 16px;
     }

     footer .footer-bottom .politiques {
          flex-direction: row;
          gap: 32px;
     }
     /* footer end */
     /* contactez nous */
     .contactez-nous-holder {
          justify-content: space-between;
     }
     .coordonnees li {
          font-size: 15px;
     }
     .form {
          width: 54%;
     }
     .coordonnees {
          margin-left: 4%;
     }
     .coordonnees li p {
          min-width: 205px;
     }

     /* contactez nous */
     /* page tarif */
     /* tarification*/
     .tarification {
          padding: 220px 0 64px 0;
     }
     .tarification .gestion-holder .gestion-left h1 {
          text-align: left;
          margin-bottom: 20px;
          font-size: 96px;
          max-width: fit-content;
          font-weight: 500;
          line-height: 113%;
     }
     .tarification .gestion-holder .gestion-left p {
          color: var(--gray-green-900);
          font-family: var(--archivo);
          font-size: 32px;
          font-style: normal;
          font-weight: 400;
          line-height: 113%;
          max-width: fit-content;
          width: fit-content;
          margin-right: 150px;
          margin-bottom: 42px;
     }
     .tarification .gestion-cta {
          font-size: 32px;
     }
     /* tarification end */
     /* page tarif end */
     /* page esg */
         /* esg software */
.esg-software .gestion-holder .gestion-left h1 {
     font-size: 64px;
     margin-bottom: 24px;
}
.esg-software .gestion-holder .gestion-left h1 span{
     font-weight: 700;
}
.esg-software .gestion-holder .gestion-left p {
    margin-bottom: 55px;
    font-size: 32px;
}
.esg-software .gestion-cta svg{
     width: 32px;
     height: 32px;
}

/* esg software end  */
     /* esg report */
     .esg-report .collecte-disclosure-title h1 {
          font-size: 64px;
     }
     .esg-report .item .item_title .left svg {
          width: 46px;
          height: 46px;
        }
        .esg-report .item.first.active {
          height: 300px;
        }
        .esg-report .item.fourth.active {
          height: 360px;
        }
        .esg-report .item.fifth.active {
          height: 360px;
        }
     /* esg report*/
/* page esg end  */

/* compilance page */
/* nouvelle generation */

.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: fit-content;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     margin-right: 0;
   }
/* nouvelle generation end */
/* compilance evaluation */

.compilance-evaluation{
     padding: 120px 0;
 }
 .compilance-evaluation .evaluation-cta-desk{
     margin-left: 216px;
      font-size: 32px;
 }
 .compilance-evaluation .evaluation-cta-mob{
      display:none;
 }
 .compilance-evaluation .evaluation-cta-mob svg{
     width: 24px;
     height: 24px;
 }
 .compilance-evaluation .title h1{
     font-size: 123px;
 }
 /* compilance evaluation end */
/* compilance page end */

   /* risks page */
   .risks .gestion-holder .gestion-left h1 {
     font-size: 62px;
     margin-bottom: 24px;
   }
   /* risks page end */
}
@media screen and (min-width: 1440px) {
     /* header */
     header .title h1 {
          /* padding: 18vh 0 28px; */
          padding-bottom: 28px;
          font-size: 10.2vh;
     }
     /* liste logiciels */
     .liste-logiciels {
          margin: 50px auto 10px;
     }
     /* liste logiciels fin*/
     /* header */
     /* nous digitalisons */
     .nous-digitalisons .gestion-holder .gestion-left h1 {
          font-size: 46px;
     }
     .nous-digitalisons .gestion-holder .gestion-left ul li {
          font-size: 24px;
     }
     .nous-digitalisons .gestion-holder .gestion-left p {
          font-size: 24px;
     }
     .nous-digitalisons .cta-nous-digitalisons-desk {
          padding: 24px 46px;
          font-size: 24px;
     }
     /* nous digitalisons */
     /* collect au disklosure */
     .collecte-disclosure .item.first.active {
          height: 304px;
     }
     .collecte-disclosure .item.second.active {
          height: 364px;
     }
     .collecte-disclosure .item.third.active {
          height: 366px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 332px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 330px;
     }
     /* collect au disklosure */
     /* ressources */
     .resources
          .slider_wrapper
          .slider_inner
          .slide:first-of-type
          .cta-container {
          margin-top: 70px;
     }
     .resources
          .slider_wrapper
          .slider_inner
          .slide:nth-of-type(2)
          .cta-container {
          margin-top: 41px;
     }
     .resources .slide_content .image_wrapper {
          max-width: 339px;
          border-radius: 20px;
          overflow: hidden;
     }
     .resources .slide_content .image_wrapper img{
          width: 339px;
          height: 269px;
     }
     .resources .slide_content .description {
          padding-right: 45px;
     }
     .resources .slide_content .image_wrapper h1 {
          font-size: 20px;
        }
        .resources .resources-slider .slide{
          min-height: 590px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
     }
     .resources .slider_wrapper .slider_inner .cta-container {
          display: block;
          width: fit-content;
          margin-bottom: 15px;
        }
     /* ressources end */
     /* contactez nous */
     .contactez-nous-holder {
          justify-content: space-around;
     }

     .coordonnees li {
          font-size: 15px;
     }
     .form {
          width: 54%;
          padding: 70px;
          max-width: 727px;
     }
     .coordonnees {
          margin-left: 0;
     }
     .coordonnees li {
          font-size: 17px;
     }
     .coordonnees li p {
          min-width: 225px;
     }
     .form-description p {
          font-size: 13px;
          max-width: 100%;
     }

     /* contactez nous */
     /* page tarif  */
     /* comprendre la structure end */
     .comprendre-la-structure {
          padding: 64px 0;
     }
     .comprendre-la-structure .nos-interventions-title {
          width: auto;
          margin: 0 0 46px;
          max-width: fit-content;
     }
     .comprendre-la-structure .nos-interventions-title h1 {
          font-size: 36px;
          text-align: left;
     }
     .comprendre-la-structure .item .item-title h3 {
          font-size: 20px;
     }
     .comprendre-la-structure .item .item-description p {
          font-size: 20px;
     }
     .comprendre-la-structure .nos-interventions-liste .item {
          width: calc(25% - 35px);
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-title {
          width: auto;
          margin: 12px auto;
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-description {
          width: auto;
     }
     .comprendre-la-structure .item .item-image {
          width: 96px;
          height: 96px;
     }
     /* comprendre la structure end  */
     /* page tarif end */

     /* esg page  */
          /* esg report */
             .esg-report .item.fourth.active {
               height: 360px;
             }
             .esg-report .item.fifth.active {
               height: 360px;
             }
          /* esg report*/
     /* esg page  end */

     /* compilance page */
     /* compilance siecle  */
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 460px;
   }
.compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
     margin: 0; width: fit-content;max-width: 460px; margin-bottom: 20px;
   }

.compilance-siecle .gestion-donnees .gestion-holder .gestion-right .img-container  {
    width: 416px;
    height: 416px;
   }

/* compilance siecle  */
   /* compilance nos interventions  */
   .compilance-nos-interventions {
     padding: 32px 0;
   }
   
.compilance-nos-interventions .item .item-image  {
     width: 80px;
     height: 80px;
   }
/* compilance nos interventions  end */
/* compilance analyse */

   .compilance-analyse .gestion-donnees .gestion-holder .gestion-right .img-container {
     max-width: 495px;
     width: 495px;
     max-height: fit-content;
   }
   .compilance-analyse .gestion-donnees .gestion-holder .gestion-right {
     display: block;
     width: auto;
   }
   .compilance-analyse .gestion-donnees .gestion-holder .gestion-left h1 {
     max-width: 5200px;
   }
   /* compilance analyse end*/
   /* compilance showcase  */
.compilance-showcase .nos-interventions-title {
     width: fit-content;
     margin: 0 auto 85px;
   }
   .compilance-showcase .nos-interventions-title h1 {
     font-size: 64px;
     font-style: normal;
     font-weight: 600;
     line-height: 113%;
     max-width: 1060px;
   }
.compilance-showcase .item  {
     justify-content: space-between;
     min-height: 363px;
   }
.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: 24px;
     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: 260px;
     margin: 0 auto 12px auto;
   }
/* compilance showcase end */
     /* compilance page end */

 /* risks page  */    
/*  */
.risks-45001 .body-45001  {
     display:flex;
     align-items: center;
     justify-content: space-around;
}
.risks-45001 .body-45001 .left {
     display: block;
}
.risks-45001 .body-45001 .left .img{
     width: 420px;
     height: auto;
}
.risks-45001 .body-45001 .risks-right {
    width: 50%;
}
/* risks page end */
.form .input-group #success-contact {
     color: var(--green-200);
     font-size: 17px;
     font-family: var(--archivo);
     position: absolute;
     bottom: -50px;
     left: 0;
     opacity: 0;
     transition: opacity ease-in-out 0.4s;
     transform: translate(0%);
   }
   section.politique .container {
     padding-inline: 150px;
        
}
.equipe {
     padding: 64px 0 100px 0;
   }
}
@media screen and (min-width: 1920px) {
     .container {
          width: 1600px;
     }
     /* header */
     header .title h1 {
          /* padding: 25vh 0 28px; */
          padding-bottom: 28px;
          font-family: var(--archivo);
          text-align: left;
          font-size: 9rem; 
          padding-top: 7rem;
     }
     header .title p {
          font-size: 2rem;
     }
     header {
          /* padding: 25vh 0 28px; */
          height: fit-content;
     }
     header .hero {
          /* padding: 25vh 0 28px; */
          height: fit-content;
     }
     /* liste logiciels */
     .liste-logiciels {
          margin: 100px auto 10px;
     }
     /* liste logiciels fin*/
     /* header */
     /* nous digitalisons */
     .nous-digitalisons .gestion-holder .gestion-left p {
          width: 705px;
     }
     .nous-digitalisons .gestion-holder .gestion-left ul li {
        max-width: 686px;
     }
     /* nous digitalisons*/
     /* gestion donnees */
     .gestion-donnees .gestion-holder .gestion-left h4 {
          width: auto;
     }
     .gestion-donnees .gestion-holder {
          justify-content: space-around;
     }
     .nous-digitalisons .gestion-holder .gestion-right {
          display: block;
          width: auto;
     }
     .gestion-donnees .gestion-holder .gestion-left p {
          max-width: 38rem;
     }
     /* gestion donnees */
     /* collecte au disklosure */
     .collecte-disclosure .item.first.active {
          height: 266px;
     }
     .collecte-disclosure .item.second.active {
          height: 300px;
     }
     .collecte-disclosure .item.third.active {
          height: 300px;
     }
     .collecte-disclosure .item.fourth.active {
          height: 295px;
     }
     .collecte-disclosure .item.fifth.active {
          height: 300px;
     }
     /* collecte au disklosure */
     /* ressources */
     .resources .slide_content {
          max-width: 400px;
     }
     /* .resources .slick-slide {
          width: fit-content !important;
     } */
     .resources .resources-slider .slide{
          min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
     }
     .resources .resources-slider .slide .cta-container{
         margin-bottom: 11px;
     }
     .resources .resources-slider .slide:first-of-type .cta-container {
          margin-top: 20px;
     }
     .resources .slider_wrapper {
          max-width: 1200px;
          margin: 0 auto;
     }
     /* ressources end */
     /* restez informez */

     .restez-informez .overlay .holder .left {
          width: fit-content;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder {
          width: 35%;
     }
     .restez-informez .overlay .holder .inscriez-vous-holder input {
          padding: 12px 113px 12px 24px;
     }
     /* restez informez */
     .formation .overlay .holder h2 {
          width: 35rem;
          padding-top: 1rem;
          font-size: 2.5rem;
        }
     /* footer */
     footer .footer-top {
          justify-content: space-between;
     }
     footer .footer-top .col2 {
          padding-left: 500px;
          gap: 80px;
     }
     /*  */
     footer .footer-top .col3 {
          padding-left: 0px;
          padding-right: 0;
          max-width: 300px;
     }
     footer .footer-top .col1 .description {
          text-align: left;
          margin-top: 10px;
          font-size: 14px;
     }
     /* footer end */
     /* page a propos de nous  */
     /* synergies  */
     .synergies {
          padding: 200px 0 64px 0;
     }
     .synergies .synergies-title h1 {
          font-size: 48px;
          max-width: 1140px;
          margin-left: 83px;
     }
     .synergies .gestion-holder .gestion-left p {
          margin: 0 0px 25px 0;
          font-size: 32px;
          width: 750px;
          max-width: 44rem;
     }
     .synergies .gestion-holder .gestion-right {
          display: block;
          width: 33%;
     }
     .synergies .gestion-holder {
          justify-content: space-around;
     }
     .synergies .gestion-cta {
          font-size: 28px;
     }
     /* synergies end */
     /* equipe */
     .equipe {
          padding: 64px 0 120px 0;
        }
     .equipe .title {
          margin-left: 80px;
     }
     /* equipe end*/
     /* page a propos de nous end */
     /* page tarif */
     /* tarification*/
     .tarification {
          padding: 220px 0 64px 0;
     }

     .tarification .gestion-holder .gestion-left h1 {
          text-align: left;
          margin-bottom: 20px;
          font-size: 96px;
          line-height: 113%;
          max-width: 1600px;
     }
     .tarification .gestion-holder .gestion-left p {
          color: var(--gray-green-900);
          font-family: var(--archivo);
          font-size: 32px;
          font-style: normal;
          font-weight: 400;
          line-height: 113%;
          max-width: 1600px;
          margin-right: 120px;
          width: fit-content;
     }
     .tarification .gestion-cta {
          font-size: 32px;
     }
     /* tarification end */
     /* comprendre la structure end */
     .comprendre-la-structure {
          padding: 64px 0;
     }
     .comprendre-la-structure .nos-interventions-title {
          width: auto;
          margin: 0 0 46px;
          max-width: fit-content;
     }
     .comprendre-la-structure .nos-interventions-title h1 {
          font-size: 36px;
          text-align: left;
     }
     .comprendre-la-structure .item .item-title h3 {
          font-size: 20px;
     }
     .comprendre-la-structure .item .item-description p {
          font-size: 20px;
     }
     .comprendre-la-structure .nos-interventions-liste .item {
          width: calc(25% - 65px);
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-title {
          width: auto;
          margin: 12px auto;
     }
     .comprendre-la-structure .nos-interventions-liste .item .item-description {
          width: auto;
     }
     .comprendre-la-structure .item .item-image {
          width: 96px;
          height: 96px;
     }
     /* comprendre la structure end  */
     /* page tarif end */
          /* page esg */
         /* esg software */

.esg-software .gestion-holder {
     align-items: flex-start;
     justify-content: flex-start;
   }
.esg-software .gestion-holder .gestion-left {
     width: 94%;
   }
.compilance-nouvelle-generation .gestion-holder .gestion-left {
     width: 83%;
     margin-left: 9%;
   }

.esg-software .gestion-holder .gestion-left h1 {
     font-size: 64px;max-width: 1600px;
     margin-bottom: 24px;
}
.esg-software .gestion-holder .gestion-left p {
     max-width: 1600px;  font-size: 32px;margin-bottom: 55px;
}
.esg-software .gestion-holder .gestion-left h1 span{
     font-weight: 700;
}
.esg-software .gestion-cta svg{
     width: 32px;
     height: 32px;
}

/* esg software end  */
          /* esg report */
          .esg-report .collecte-disclosure-title h1 {
               font-size: 64px;
               max-width: 1098px;
             }
          .esg-report .item.first.active {
               height: 290px;
             }
             .esg-report .item.second.active {
               height: 330px;
             }
             .esg-report .item.fifth.active {
               height: 330px;
             }
          /* esg report*/
/* page esg end  */
.disklosure-esg-software .gestion-donnees .gestion-holder {
     display: flex;
     align-items: flex-start;
     justify-content: space-around;
   }
   .disklosure-esg-software .gestion-donnees .gestion-holder .gestion-right {
     display: block;
     width: fit-content;
   }
   .compilance-analyse  .gestion-donnees .gestion-holder .gestion-right {
     display: block;
     width: fit-content;
   }
   /* compilance page */
/* nouvelle generation */


.compilance-nouvelle-generation  .gestion-holder .gestion-left h1 {
     max-width: 1265px;
   }
   .compilance-nouvelle-generation .gestion-holder .gestion-left p {
     margin-right: 0;
     max-width: 1050px;
   }
   .risks  .gestion-holder .gestion-left {
     width: 100%;
     margin-left: 0;
   }
.risks  .gestion-holder .gestion-left h1 {
     max-width: 1600px;
   }
/* nouvelle generation end */

     /* compilance siecle  */
     .compilance-siecle .gestion-donnees .gestion-holder .gestion-left h1 {
          max-width: 460px;
        }
     .compilance-siecle .gestion-donnees .gestion-holder .gestion-left p {
          margin: 0; width: fit-content;max-width: 460px; margin-bottom: 20px;
        }
     
     .compilance-siecle .gestion-donnees .gestion-holder .gestion-right .img-container  {
         width: 440px;
         height: 440px;
        }
     
     /* compilance siecle  */
     /* compilance siecle  */
     .compilance-analyse .gestion-donnees .gestion-holder .gestion-right .img-container {
          width: auto;
          height: auto;
        }
        .compilance-analyse .gestion-donnees .gestion-holder .gestion-left h1 {
          max-width: 525px;
        }
     /* compilance siecle  */
        /* compilance nos interventions  */
   .compilance-nos-interventions {
     padding: 32px 0;
   }
   
.compilance-nos-interventions .item .item-image  {
     width: 96px;
     height: 96px;
   }
   .compilance-nos-interventions .nos-interventions-liste {
     align-items: flex-start;
     justify-content: space-evenly;
     flex-direction: row;
   }
/* compilance nos interventions  end */
/* compilance showcase   */
.compilance-showcase .nos-interventions-liste {
     align-items: flex-start;
     justify-content: space-evenly;
     flex-direction: row;
   }
   .compilance-showcase .item .item-image{
   width: fit-content;
   }
/* compilance showcase end */

.compilance-analyse .gestion-donnees .gestion-holder .gestion-left p {
     margin: 0;
     margin-bottom: 0px;
     width: fit-content;
     max-width: 518px;
     margin-bottom: 20px;
   }
/* compilance page end */

 /* risks page  */    
/*  */
.risks-45001 .body-45001  {
     display:flex;
     align-items: center;
     justify-content: space-around;
}
.risks-45001 .body-45001 .left {
     display: block;
}
.risks-45001 .body-45001 .left .img{
     width: 510px;
     height: auto;
}
.risks-45001 .body-45001 .risks-right {
    width: 50%;
}

/* risks page end */

/*  */
header .navbar .mega-links li.mt {
     padding-top: 0;
   }
   /*  */
   .form .input-group #success-contact {
     color: var(--green-200);
     font-size: 17px;
     font-family: var(--archivo);
     position: absolute;
     bottom: -50px;
     left: 0;
     opacity: 0;
     transition: opacity ease-in-out 0.4s;
     transform: translate(0%);
   }
   section.politique .container {
     padding-inline: 250px;
        
}
.compilance-evaluation .title h1 {
     font-size: 123px;
     margin-left: 9%;
   }
   .restez-informez .overlay .holder p {
     max-width: 30rem;
   }
}