/* Code pour mobile */
@media (max-width: 275.98px) {
    .Text02{
        font-weight: 500;   
    }
    .hero-text {
        font-size: 14px!important;
        width: 100%;
    }
    .overlay {
        height: 150px; /* Réduction de la hauteur de l’image sur petits écrans */
        background-size: cover; /* Remplit mieux l’espace disponible */
    }
}

@media (max-width: 768px) {
    .overlay {
      height: 150px; /* Réduit la hauteur de l’image */
      background-size: contain; /* S’assure qu’elle ne déborde pas */
    }
  }

body {
    font-family: 'Nunito Sans', sans-serif;
}

.update{
    font-weight: 600;
    padding: 20px 0px;
    font-size:18px;
    line-height: 1.4em;
}

.main-color{
    color:#2e447d;
}
.main-backgroundcolor{
    background-color:#2e447d;
}
.bg-custom {
    background-color: #8080802e;
}

.nav-link-underline:hover {
text-decoration: underline;
}
    
.nav-link-active:hover {
color: #e74c3c;
}

.hero-text {
color: #2e447d;
font-size: 48px;
font-weight: 900;
}

.backgroundOpacity {
background-color: #f5f5f57d;
border-radius: 10px;
padding: 20px;
}
.theme-color-underline {
    text-decoration-color: #2e447d!important; 
}

h1 {
font-size: 36px;
margin-bottom: 10px;
}

.insurance-block {
background-color: #2e447d;
color: white;
padding: 20px;
text-align: center;
}

#scroll-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

#scroll-to-top-btn {
    border-radius: 50%;
}

.lh-05 {
    line-height: 0.5;
}

.Text01{
    color: #2e447d;
    font-weight: 800;
}

.Text02{
    color: #0c0c0c;
    font-weight: 800;
    line-height: 1;
}

.backgroundCEE {
    position: relative;
    overflow: hidden;
    z-index: 1;
    min-height: 700px;
}

.overlay {
position: absolute;
top: 35rem;
right: 0;
width: 100%;
height: 100%;
background-image: url('../img/ban_certif.jpg');
background-size: contain;
opacity: 0.3;
pointer-events: none;
z-index: -1;
background-repeat: no-repeat;
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #2e447d;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #2e447d8c;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
/* Custom shadow color */
.accordion-item {
    --bs-bg-opacity: 1;
    --bs-bg-opacity: 1;
    --bs-box-shadow: rgba(122, 192, 67, 0.15) 0px 2px 4px 0px, rgba(122, 192, 67, 0.05) 0px 1px 1px 0px; /* Lighter shadow color */
  }
  
  /* Custom color for the active accordion item */
  .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #2e447dd1; /* Base color */
    border-color: rgb(19, 19, 19); /* Lighter border color */
  }
  
  /* Custom color for the hovered accordion item */
  .accordion-button:not(.collapsed):hover {
    color: #fff;
    background-color: #2e447dd1; /* Darker hover color */
    border-color: #262725; /* Darker hover color */
  }

  .icon-circle {
    width: 27px;  /* Taille du rond */
    height: 27px;
    display: inline-flex; /* Alignement inline avec le texte */
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fdd835; /* Jaune */
    color: white;
    font-size: 17px; /* Taille de l'icône */
    margin-left: 2px; /* Espacement entre le texte et l'icône */
  }