.elementor-10081 .elementor-element.elementor-element-ab8a5a6{max-width:label_off !important;}.elementor-10081 .elementor-element.elementor-element-4a60d15{max-width:label_off !important;}.elementor-10081 .elementor-element.elementor-element-b17280b{width:var( --container-widget-width, 129.479% );max-width:label_off !important;--container-widget-width:129.479%;--container-widget-flex-grow:0;}.elementor-10081 .elementor-element.elementor-element-b17280b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10081 .elementor-element.elementor-element-0874d16{max-width:label_off !important;}.elementor-10081 .elementor-element.elementor-element-0a8aea7{max-width:label_off !important;}.elementor-10081 .elementor-element.elementor-element-0a8aea7.elementor-element{--order:-99999 /* order start hack */;}.elementor-10081 .elementor-element.elementor-element-5471628{width:var( --container-widget-width, 109.406% );max-width:label_off !important;--container-widget-width:109.406%;--container-widget-flex-grow:0;}.elementor-10081 .elementor-element.elementor-element-5471628.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10081 .elementor-element.elementor-element-3262b55{max-width:label_off !important;}.elementor-10081 .elementor-element.elementor-element-ed53c96{max-width:label_off !important;}/* Start custom CSS for html, class: .elementor-element-4a60d15 *//* =========================================
   1. ISOLATION GLOBALE (SHADOW-LIKE RESET)
========================================= */
#bimao-epargne-widget {
  all: unset; /* Annule tous les styles hérités du site hôte */
  display: block;
  box-sizing: border-box;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
}

#bimao-epargne-widget *, 
#bimao-epargne-widget *::before, 
#bimao-epargne-widget *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

#bimao-epargne-widget .pepc { 
  max-width: 100%; 
  width: 100%; 
}

#bimao-epargne-widget .pepr { 
  background: #fff; 
  padding: 40px; 
  display: flex; 
  flex-direction: column; 
  gap: 24px; 
  border: 1.5px solid rgba(0,0,0,.08);
  border-top: none; 
}

/* =========================================
   2. TYPOGRAPHIE
========================================= */
#bimao-epargne-widget .peph { 
  font-family: 'Montserrat', sans-serif; 
  font-size: clamp(1.35rem, 2.6vw, 1.95rem); 
  font-weight: 800; 
  color: #002D56; 
  line-height: 1.2; 
  margin-bottom: 10px; 
}

#bimao-epargne-widget .peph em { 
  font-style: normal; 
  color: #CD1034; 
}

#bimao-epargne-widget .pepd { 
  font-size: 0.9rem; 
  color: #3a4a5c; 
  line-height: 1.6; 
}

/* =========================================
   3. ACCORDÉONS (DESIGN & ÉTATS)
========================================= */
#bimao-epargne-widget .pepac { 
  display: flex; 
  flex-direction: column; 
  gap: 10px; 
}

#bimao-epargne-widget .pepai { 
  border: 1.5px solid rgba(0,0,0,.1); 
  border-radius: 14px; 
  overflow: hidden; 
  transition: border-color .2s, box-shadow .2s; 
}

#bimao-epargne-widget .pepai.open { 
  border-color: #002D56; 
}

#bimao-epargne-widget .pepab { 
  width: 100%; 
  background-color: #f0f2f5 !important; 
  border: none; 
  cursor: pointer; 
  padding: 16px 18px; 
  display: flex; 
  align-items: center; 
  gap: 14px; 
  text-align: left; 
  transition: background .2s ease; 
}


#bimao-epargne-widget .pepab::before { 
  background-color: #f0f2f5 !important; 
}

#bimao-epargne-widget .pepab:hover, 
#bimao-epargne-widget .pepai.open .pepab { 
  background-color: #f9f9f9 !important; 
}

#bimao-epargne-widget .pepao { 
  width: 40px; 
  height: 40px; 
  border-radius: 10px; 
  background-color: #ffffff !important; 
  border: 1px solid #e0e0e0;
  flex-shrink: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.1rem; 
  transition: background .2s; 
}

#bimao-epargne-widget .pepai.open .pepao { 
  background-color:  !important; 
  border-color: #e0e0e0; 
}

#bimao-epargne-widget .pepat { 
  flex: 1; 
  min-width: 0; 
}

#bimao-epargne-widget .pepan { 
  font-family: 'Montserrat', sans-serif; 
  font-size: 0.95rem; 
  font-weight: 700; 
  color: #001228; 
  display: block; 
  margin-bottom: 4px; 
  transition: color .2s; 
  line-height: 1.3; 
}

#bimao-epargne-widget .pepai.open .pepan { 
  color: ; 
}

#bimao-epargne-widget .pepas { 
  font-size: 0.75rem; 
  color: #5a6880; 
  display: block; 
  line-height: 1.4; 
}

#bimao-epargne-widget .pepav { 
  flex-shrink: 0; 
  transition: transform .3s ease; 
  color: #5a6880; 
}

#bimao-epargne-widget .pepai.open .pepav { 
  transform: rotate(180deg); 
  color: #002D56; 
}

/* =========================================
   4. ANIMATION RESPONSIVE SANS JS (CSS GRID)
========================================= */
#bimao-epargne-widget .pepap { 
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

#bimao-epargne-widget .pepai.open .pepap { 
  grid-template-rows: 1fr; 
}

#bimao-epargne-widget .pepapi { 
  overflow: hidden; 
}

#bimao-epargne-widget .pepapi-inner {
  padding: 0px 18px 20px 18px;
}

#bimao-epargne-widget .pepul { 
  list-style: none; 
  display: flex; 
  flex-direction: column; 
  gap: 10px; 
}

#bimao-epargne-widget .pepli { 
  display: flex; 
  align-items: flex-start; 
  gap: 10px; 
  font-size: 0.88rem; 
  color: #3a4a5c; 
  line-height: 1.5; 
}

#bimao-epargne-widget .pepdot { 
  width: 22px; 
  height: 22px; 
  border-radius: 6px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 0.6rem; 
  font-weight: 800; 
  color: #fff; 
  flex-shrink: 0; 
  margin-top: 1px; 
}

#bimao-epargne-widget .pepdot.bl { 
  background: ; 
}

#bimao-epargne-widget .pepdot.rd { 
  background: #CD1034; 
}

#bimao-epargne-widget .pepli strong { 
  color: #001228; 
  font-weight: 700; 
}

/* =========================================
   5. MEDIA QUERIES (MOBILES & TABLETTES)
========================================= */
@media(max-width: 768px) {
  #bimao-epargne-widget .pepr { padding: 30px 20px; gap: 20px; }
  #bimao-epargne-widget .pepab { padding: 14px 12px; gap: 10px; }
  #bimao-epargne-widget .pepapi-inner { padding: 0px 12px 16px 12px; }
  #bimao-epargne-widget .pepli { font-size: 0.85rem; }
}

@media(max-width: 480px) {
  #bimao-epargne-widget .pepr { padding: 24px 16px; }
  #bimao-epargne-widget .pepan { font-size: 0.9rem; }
  #bimao-epargne-widget .pepas { font-size: 0.7rem; }
  #bimao-epargne-widget .pepao { width: 34px; height: 34px; font-size: 0.9rem; }
}/* End custom CSS */