.dark-green {
color: rgb(38,142,4);
}
top-menu-size, .top-menu-size {
  font-size: 1.0rem;
  
}

.text-title {
    color: #1e40af;
    font-size: 1rem;
    letter-spacing: 0.5px;
}
 .text-business-dark {
        color: #112050 !important;
    }
    
.text-business {
    color: #1e40af;
}
.btn-business-dark {
    background-color: #112050;
    border-color: #112050;
    color: #fff;
}

.btn-business-dark:hover,
.btn-business-dark:focus {
    background-color: #1b2f68;
    border-color: #1b2f68;
    color: #fff;
}
.text-success-dark {
     color:#1f3d2f;
}
.text-success-darker {
     color:#167347;
}
.text-success-card {
     color:#226847;
}

.text-white
.text-white {
    color:white !important;
}
.text-grey {
    color:grey!important;
}
title-size, .title-size {
  font-size: 1.30rem;
  
}
text-bigger-plus-size, .text-bigger-plus-size {
  font-size: 1.20rem;
  
}

text-bigger-plus1-size , .text-bigger-plus1-size {
  font-size: 1.1rem;
  
}
text-bigger-size, .text-bigger-size {
  font-size: 1.0rem;
  
}

text-small-size, .text-small-size {
  font-size: 0.70rem;
  
}
text-normal-size, .text-normal-size {
  font-size: 0.8rem;
  
}
text-normalplus-size, .text-normalplus-size {
  font-size: 0.9rem;
  
}
text-normalplusplus-size, .text-normalplus-size {
  font-size: 0.95rem;
  
}

small-icon,.small-icon {
width: 0.9rem;
 height: 0.9rem;

}
.text-strong-success {
  color: #146c43 !important; /* Vert plus foncé que #198754 */
}
/* Personnalisation du tooltip */
.tooltip-inner {
/* background-color: #0d6efd; blue */
text-align: left;
  background-color: #10873c;
  color: white;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  /*  border-top-color: #0d6efd; blue*/
     border-top-color: #10873c; 
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: green!important;
}
a {
  /*  color: #10873c;*/
  color:#167347;

    background-color: transparent;
}
a:hover {
color:#23890b;
text-decoration:none;
}
 .password-toggle {
          
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #10873c; /* Couleur verte foncée */
        }
	
    /* personnalisation accordeon 
.accordion-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzE5ODc1NCIgY2xhc3M9ImJpIGJpLXBsdXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggNGEuNS41IDAgMCAxIC41LjV2M2gzYS41LjUgMCAwIDEgMCAxaC0zdjNhLjUuNSAwIDAgMS0xIDB2LTNoLTNhLjUuNSAwIDAgMSAwLTFoM3YtM0EuNS41IDAgMCAxIDggNHoiPjwvcGF0aD4KPC9zdmc+Cg=="); 
}

*/
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}

.scroll-fix {
    overflow-y: scroll;
    min-height: 100vh; /* Assure que le scroll apparaisse même si peu de contenu */
  }

/*personnalisation checkbox size dans le cas d un accordeon*/
.tsg-checkbox-sm {
  transform: scale(0.75);
  transform-origin: top left;
  margin-right: 0.5rem; /* Ajustez l'espacement selon vos besoins */
}

  /* Style for the link when it is selected, focused, or visited */


/* Style for the link on hover */
.custom-link:hover {
    text-decoration: underline;
    text-decoration-color: rgba(0, 128, 0, 0.5); /* Green color with transparency */
    text-decoration-thickness: 3px; /* Make the underline thicker */
    color: rgba(0, 128, 0, 0.7); /* Optional: Change the link color to a lighter green on hover */
}

/* Style for the active link */
.custom-link.active-link {
    text-decoration: underline;
    text-decoration-color: rgba(0, 128, 0, 0.5); /* Green color with transparency */
    text-decoration-thickness: 3px; /* Make the underline thicker */
}

.no-pointer {    
  cursor: default !important; /* empeche le pointeurde main au survol */
}

.required-star {
    position: relative;
    top: -6px;
}
.sublist {
    margin-left: 20px; /* Décalage vers la droite de la sous-liste */
}

.form-check + .sublist {
    margin-top: -10px; /* Ajuster si nécessaire pour aligner correctement les sous-listes */
}



.custom-rounded {
  border-radius: 10px;
}

.align-label-checkbox {
  display: flex;
  align-items: center;
}
.custom-label-left {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}

.medium-shadow {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  padding: 1rem;
}
 .custom-table td {
  padding-top: 0.25rem !important; /* Réduire le padding vertical */
  padding-bottom: 0.25rem !important; /* Réduire le padding vertical */
}

.custom-table tr {
  margin-bottom: 0 !important; /* Réduire la marge entre les lignes */
}
.text-truncate-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 3;  /* Limiter à 3 lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Ajoute '...' à la fin */
  max-height: 4.5em;       /* Ajuste la hauteur maximale pour 3 lignes donc 3 * ligne-heigh*/
  line-height: 1.5em;      /* Hauteur de chaque ligne */
}

ul.custom-bullet li::marker {
  color: #28a745; /* Vert Bootstrap Success */
}

.echarts-tooltip div {
  color: green !important; 
}

body {
  visibility: hidden;
}
text-justify .text-justify {
  text-align: justify;
}
.text-card{
  text-align: justify !important;
}
input[type="radio"] {
    accent-color: #28a745;
}

.form-label:focus {
  border-color: #10873c !important; /* Vert plus foncé que de Bootstrap pour text-success */
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important; /* Ombre verte */
  outline: none;
}
.form-select:focus {
  border-color: #10873c !important; /* Vert plus foncé que de Bootstrap pour text-success */
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important; /* Ombre verte */
  outline: none;
}


.form-control-green:focus  {
  border-color: #10873c !important; /* Vert plus foncé que de Bootstrap pour text-success */
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important; /* Ombre verte */
  outline: none;
}
/* style spécial pour les options sélectionnées */
select.form-select.green-select option.active-selected {
    color: #198754 !important;
    font-weight: bold !important;
    background-color: #e9f9ee !important;
}

.btn-white-success {

    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    /*border-color: #28a745;*/ /* Facultatif, ajoute une bordure verte */
  }
   .btn-white-success.selected  {
    background-color: rgba(40, 167, 69, 0.1);  /*Vert clair avec transparence */
    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    border-color: #28a745; /* Facultatif, ajoute une bordure verte */
  }
   .btn-white-success:hover  {
    background-color: rgba(40, 167, 69, 0.1);  /*Vert clair avec transparence */
    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    border-color: #28a745; /* Facultatif, ajoute une bordure verte */
  }
 
     .btn-white-success:selected  {
    background-color: rgba(14, 192, 55, 0.1);  /*Vert clair avec transparence */
    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    border-color: #28a745; /* Facultatif, ajoute une bordure verte */
  }
 
 .btn-white-success-selected {
    background-color: rgba(40, 167, 69, 0.1);  /*Vert clair avec transparence */
    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    border-color: #28a745; /* Facultatif, ajoute une bordure verte */
  }
  .btn-white-success-selected:hover {
    background-color: rgba(40, 167, 69, 0.1);  /*Vert clair avec transparence */
    /*background-color: #EBFAEB;  Vert clair avec transparence */
    color: #28a745; /* Vert standard Bootstrap pour le texte */
    border-color: #28a745; /* Facultatif, ajoute une bordure verte */
  }


.btn-light-success {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: 1px solid #28a745;
}

/* hover */
.btn-light-success:hover {
    background-color: #198754;
    color: #fff;
    border-color: #198754;
}

/* selected + active Bootstrap */
.btn-light-success.selected,
.btn-light-success:active,
.btn-light-success:focus {
    background-color: #198754;
    color: #fff;
    border-color: #198754;
    box-shadow: none;
}


.btn-light-success-survol,


.btn-light-success-survol:active,
.btn-light-success-survol:focus{
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: 1px solid #28a745;
}

/* selected + active Bootstrap */
.btn-light-success.selected,
 .btn-light-success-survol:hover
 {
    background-color: #198754;
    color: #fff;
    border-color: #198754;
    box-shadow: none;
}



    .btn-subtle-success:hover {
      background-color: rgba(40, 167, 69, 0.1);  /*Vert clair avec transparence */
      /*background-color: #EBFAEB;  Vert clair avec transparence */
      color: #28a745; /* Vert standard Bootstrap pour le texte */
      border-color: #28a745; /* Facultatif, ajoute une bordure verte */

    }

    .bg-grey-soft {
    background-color: #f6f7f9;
    border-radius: 6px;
}



.text-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  height: 2.4em;
}

.text-3-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  height: 3.6em;
}
.nice-text{
  line-height: 1.4;
  text-align: justify;
  font-size: 1.0rem;
  color: #333;
  background-color: #f9f9f9;
  border-left: 4px solid #198754;
  padding: 12px 16px;
  border-radius: 6px;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
}

.nice-text ul {
  padding-left: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.nice-text li {
  margin-bottom: 0.3rem;
}

.nice-text-background{
  line-height: 1.6;
  text-align: justify;
  font-size: 1.1rem;
  color: #333;
  background-color: #f9f9f9;

  padding: 12px 16px;
  border-radius: 6px;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
}

.w-10 {
  width: 10% !important;
}
.w-90 {
  width: 90% !important;
}
.w-15 {
  width: 15% !important;
}
.w-85 {
  width: 85% !important;
}
.w-20 {
  width: 20% !important;
}
.w-40 {
  width: 40% !important;
}
.w-30 {
  width: 30% !important;
}
.w-33 {
  width: 33% !important;
}
.w-80 {
  width: 80% !important;
}

.h-80 {
  height: 80% !important;
}
.h-85 {
  height: 85% !important;
}
.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}




.text-justify {
  text-align: justify;
}

.gg-container {

    width:95%;

   /* max-width:1700px;*/

    margin:auto;

    padding-left:40px;

    padding-right:40px;

}
/* css pour le display dans displayNamesFromObjects */
.tsg-image-band-wrapper {
    width: 100%;
    height: var(--tsg-band-height, 80px);
    overflow: hidden;
}

.tsg-image-band {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.tsg-image-band.flex-row img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.tsg-image-band.flex-column img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

/* === Bandeau global === */
.bandeau-context {
  background-color: #f9fff9;
  border: 1.5px solid #198754;
  border-radius: 10px;
  padding: 1rem;
}

/* === Cartes internes au bandeau === */
.bandeau-context .diag-card {
  height: auto;           /* ne force plus la hauteur */
  min-height: 0;          /* empêche le gonflement */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* === Titres === */
.bandeau-context h5 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-align: center;
}

/* === Éléments de thème === */
.bandeau-context .theme-item {
  transition: transform 0.2s ease;
}
.bandeau-context .theme-item:hover {
  transform: scale(1.02);
  background-color: #eaffea;
}

.coverage-none {
    background-color: #ff0000 !important;
    color: #fff;
}

.coverage-low {
    background-color: #fd770a !important;
    color: #fff;
}

.coverage-medium {
    background-color: #8b4513 !important;
    color: #fff;
}

.coverage-high {
    background-color: #2980b9 !important;
    color: #fff;
}

.coverage-complete {
    background-color: #27ae60 !important;
    color: #fff;
}

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
  vertical-align: middle;   /* 🔥 aligne avec le texte */
  margin-top: -2px;         /* 🔥 ajuste parfaitement selon ta font */
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 18px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px; width: 14px;
  left: 2px; bottom: 2px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #28a745;
}

input:checked + .slider:before {
  transform: translateX(18px);
}

/* Titres beaucoup plus visibles */
.kpi-title {
   
    font-size: 1.05rem;      /* plus grand */
    letter-spacing: 0.3px;
}

/* Card compacte */
.kpi-card {
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    min-height: 80px;        /* <<< réduit (ancien ≈130px) */
}

/* Contenu bien centré mais compact */
.kpi-body {
    padding: 0.75rem !important; 
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Valeur stylée mais pas énorme */
.kpi-value {
    font-size: 1.1rem;      /* réduit de fs-2 vers quelque chose de plus sobre */
    font-weight: 700;
    line-height: 1;
}
.info-custom-large {
    font-size: 1.4rem; /* ajustable : 1.5rem / 1.6rem / 1.8rem */
     vertical-align: middle;
    line-height: 1;
}


.info-custom {
    font-size: 1.0rem;
    vertical-align: middle;
    line-height: 1;
     position: relative;
    top: -5px;  
}

.pdf-hidden {
 position: absolute;
  top: -10000px;
  left: -10000px;
  width: 210mm;   /* largeur A4 propre */
  background: #fff;
  opacity: 1;    /* IMPORTANT */
}
.pdf-text-hidden {
  position: absolute;
  left: 0;
  top: 0;
  width: 210mm;   /* largeur A4 */
  padding: 10px;
  background: #fff;
  z-index: -1;    /* derrière tout */
  visibility: hidden; /* invisible mais layout calculable */
}

#pdf-content {
  display: none !important;
}
.pdf-field {
  display: none !important;
}
.pdf-only { display:none; }

.echart {
    width: 100%;
  height: 700px;
  }
  .echart-pdf{
    width: 800px;
  height: 700px;
  }

/*  home page */

.slide-out{
    animation:slideOut .6s forwards;
}

.slide-in{
    animation:slideIn .6s forwards;
}

@keyframes slideOut{
    from{
        transform:translateX(0);
        opacity:1;
    }
    to{
        transform:translateX(-150px);
        opacity:0;
    }
}

@keyframes slideIn{
    from{
        transform:translateX(150px);
        opacity:0;
    }
    to{
        transform:translateX(0);
        opacity:1;
    }
}
  /* 
.home-hero{
    position:relative;
    min-height:85vh;
  background:url('../img/icons/dash_study_from_space_2.jpg') center center no-repeat ;
   background:url('<?=Tsg::displayStaticImage("balao.jpg")?>') center center no-repeat;
    background-size:cover;
}*/



/* home page*/
.home-content {

    position:absolute;
    inset:0;

    display:flex;

    width:100%;
  min-height:40vh; 
}
.hero-slogan-container {

    max-width:1000px;

}
.hero-slogan-container {
    z-index:9999;
    position:relative;
    transform: translateY(-80px);
 
}

.hero-slogan,
.hero-subtitle {
    color:inherit;
    opacity:1;
    visibility:visible;
}
.hero-slogan{
    font-size:3.2rem;
    font-weight:700;

    line-height:1.1;
    max-width:900px;
}

.hero-subtitle{
    margin-top:20px;
    font-size:1.7rem;
    font-weight:800;
    line-height:1.2;
    max-width:800px;
}S
.hero-slogan-container.hidden{
    opacity:0;
}

.home-hero {

    position:relative;
    overflow:hidden;

    min-height:80vh;   /* prend toute la hauteur de l'écran */

    display:flex;
    align-items:center;

}

.hero-background::before {

    content:"";

    position:absolute;
    inset:0;

    background:

        linear-gradient(
            to bottom,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.6) 5%,
            transparent 20%
        ),

        radial-gradient(
            ellipse 120% 25% at top center,
            rgba(0,255,255,.8),
            transparent 60%
        );

    z-index:3;
    pointer-events:none;
}


.hero-image {

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center bottom;

    opacity:0;
 transform:scale(1.08);
    transition:
     opacity 2s ease,
        transform 8s linear;

}

.hero-image.active {
    opacity:1;
    transform:scale(1);
}
.hero-background img {

    width:100%;
    height:100%;
    object-fit:cover;
     object-position:center 80%;

    transition:
        transform .8s ease,
        opacity .8s ease;

}


.hero-background img.slide-out {

    opacity:0;
    transform:translateX(-80px);

}


.hero-background img.slide-in {

    opacity:1;
    transform:translateX(0);

}



.home-content {

    position:relative;
    z-index:2;

}

.home-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.20);
}

.hero-background::after {

    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:180px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #fff
        );

    z-index:2;

}



.hero-title{
    font-size:4rem;
    font-weight:700;
    line-height:1.1;
    color:#1f3d2f;
}


.hero-slogan-container .hero-slogan,
.hero-slogan-container .hero-subtitle {

    color:inherit;

}

.feature-card{
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(8px);
    border-radius:15px;
    padding:25px;
    height:100%;
    transition:all .3s;
}

.feature-card:hover{
    transform:translateY(-5px);
}

.feature-icon{
    font-size:2rem;
    color:var(--bs-success);
}

.home-bottom {

    position:relative;
    z-index:5;

    margin-top:-250px;   /* remonte sur le hero */
}

.carousel-item{
    min-height:350px;
}

.btn-home{
    min-width:220px;
}

.gg-clic-pointer{
    cursor:pointer;
}
.gg-highlight-card{

    transition:background-color .2s ease,
               border-color .2s ease,
               box-shadow .2s ease;
}

.gg-highlight-card:hover{
    background:#f3fbf6;
    border-color:#28a745;
    box-shadow:0 .75rem 1.5rem rgba(25,135,84,.15)!important;
}

.gg-highlight-card:hover .text-success-card{
    color:#198754;
}

.gg-card-body{
    padding:20px 60px !important;
}

/* greengridia pages */
.gg-section{
    padding:40px 0;
}.gg-anchor-wrapper{

    position:sticky;

    top:95px;

    z-index:1000;

    padding:20px 0;

    background:transparent;
}

.gg-anchor-nav{

    width:fit-content;

    margin:auto;

    background:white;

    border-radius:100px;

    padding:15px 35px;

    box-shadow:
        0 8px 25px rgba(0,0,0,.08);
}

.gg-anchor-nav a{

    color:#226847;

    text-decoration:none;

    font-weight:600;

    font-size:1rem;

    transition:.3s;
}

.gg-anchor-nav a:hover{

    color:#174c33;

    transform:translateY(-2px);
}

.gg-highlight{

    font-size:1.5rem;

    line-height:1.6;

    font-weight:300;

    color:#226847;

    margin-bottom:40px;
}
.gg-section-alt{
    background:#faf8f9;
}

.gg-section-title{
    color:#226847;
    font-weight:700;
    margin-bottom:30px;
}

.gg-section p{
    font-size:1.15rem;
    line-height:1.6;
}

.gg-image{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.gg-image-carbon{
    width:130%;
    max-width:none;
}
.gg-card{

    position:relative;

    height:100%;
    padding:35px;

    border:none;
    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

    overflow:hidden;
}
.gg-card:hover{
    transform:translateY(-5px);
}

.gg-card h3{
    color:#226847;
    font-size:1.3rem;
    margin-bottom:20px;
}

.gg-anchor-nav{
    position:sticky;
    top:80px;
    z-index:10;
    background:white;
    padding:15px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.gg-anchor-nav a{
    color:#226847;
    text-decoration:none;
    margin-right:25px;
    font-weight:600;
}

.gg-highlight{
    font-size:1.35rem;
    line-height:1.4;
    color:#226847;
    font-weight:300;
    text-align:left;
    max-width:1000px;
    margin:auto;
}

.gg-section{
    scroll-margin-top:140px;
}

.gg-text{

    max-width:750px;
     border-left:4px solid #226847;

    padding-left:30px;

}

.gg-text p:first-child{

    font-size:1.2rem;

    font-weight:500;

    color:#1c1c1c;
}

.gg-fixed-height{
    display:block;
    width:90%;
    height:220px;
    margin:auto;
    object-fit:contain;
}
.gg-card{

    height:100%;

    background:#f7f8fa;

    border-radius:18px;

    overflow:hidden;

    border:none;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:.25s;
}

.gg-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);
}
.gg-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);
}
.gg-card-title{
    padding:25px 25px;
    font-size:1.25rem;
    font-weight:700;
    border-bottom:1px solid rgba(0,0,0,.05);

    display:flex;
    align-items:flex-start;
    gap:12px;

}
.gg-card-subtitle{
    padding:25px 25px;
    font-size:1.1rem;
    font-weight:7500;
    border-bottom:1px solid rgba(0,0,0,.05);

    display:flex;
    align-items:flex-start;
    gap:12px;

}
.gg-card-title img{
    width:20px;
    flex-shrink:0;
  margin-top:-6px;  /*  -1px, -2px ou -3px selon le rendu */
}
.gg-card-body{

    padding:25px;

    text-align:justify;

    line-height:1.7;
}
/* ===== Vert ===== */

.gg-green{
    background:#E8F6ED;
}

.gg-green-dark{
    background:#D4ECD9;
}


/* ===== Bleu ===== */

.gg-blue{
    background:#EAF3FB;
}

.gg-blue-dark{
    background:#D7E9F8;
}


/* ===== Gris ===== */

.gg-grey{
    background:#F0F2F4;
}

.gg-grey-dark{
    background:#E2E6EA;
}


/* ===== Jaune ===== */

.gg-yellow{
    background:#FBF7E7;
}

.gg-yellow-dark{
    background:#F6EDC7;
}


/* ===== Turquoise ===== */

.gg-turquoise{
    background:#E8F7F5;
}

.gg-turquoise-dark{
    background:#D5F0EC;
}

/*     sectors */
.gg-banner-container {
    width: 100%;
   /* max-height: 800px;*/
    border-radius: 1rem;
    overflow: hidden;
}

.gg-banner {
    width: 100%;
    height: auto;
  /*  max-height: 800px;*/
    display: block;
}
   
@media (max-width:768px){

    .obeya-card{

        width:100%;

    }

}
@media (max-width: 767.98px) {

    .hero-slogan-container {
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }

    .hero-slogan {
        font-size: 2.2rem;
        line-height: 1.1;
        max-width: 100%;
    }

    .hero-subtitle {
        font-size: 1.2rem;
        line-height: 1.2;
        max-width: 100%;
        margin-top: 12px;
    }
}


/* Petits smartphones */
@media (max-width: 575.98px) {

    .hero-slogan-container {
        max-width: 92%;
    }

    .hero-slogan {
        font-size: 1.9rem;
        line-height: 1.1;
    }

    .hero-subtitle {
        font-size: 1.05rem;
        line-height: 1.2;
        margin-top: 10px;
    }
}


/* Très petits smartphones */
@media (max-width: 400px) {

    .hero-slogan {
        font-size: 1.7rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }
}