/* start : client-cis-colors css */
/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2022 - present Zeplin
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --brand-color-brand-color-contrast: #008859;
  --brand-color-brand-color: #00915a;
  --brand-color-brand-color-light: #00bc8c;
  --brand-color-brand-color-light-2: #4ae0ac;
  --brand-color-flash-green: #00a951;
  --brand-color-drak-green: #007265;
  --brand-color-brand-color-10: transparentize(var(--brand-color-brand-color), 0.9);
  --grey-color-grey-70: #464c4b;
  --grey-color-grey-60: #626362;
  --grey-color-grey-90: #2d2926;
  --grey-color-grey-50: #677A6E;
  --grey-color-grey-30: #f5f8f7;
  --grey-color-grey-20: #d9e3de;
  --grey-color-white: #fff;
  --grey-color-grey-10: #ebf1ee;
  --grey-color-grey-10-30: transparentize(var(--grey-color-grey-10), 0.7);
  --primary-color-sensible-sensible: #d0434b;
  --primary-color-sensible-light-sensible: #edbfc1;
  --primary-color-sensible-dark-sensible: #781f24;
  --primary-color-dark-dark-1: #035d2e;
  --primary-color-dark-dark-2: #245933;
  --primary-color-dark-dark-3: #0a6b40;
  --primary-color-dark-dark-4: #0d7840;
  --primary-color-dark-dark-5: #026f5c;
  --primary-color-light-light-1: #408c37;
  --primary-color-light-light-2: #17b030;
  --primary-color-light-light-3: #30c438;
  --primary-color-light-light-4: #5ebd30;
  --primary-color-light-light-5: #8fd429;
  --focus-default: rgba(0, 156, 151, 0.3);
  --focus-darkbgfocus: rgba(155, 255, 243, 0.3);
  --pure-color-black: #000;
  --alert-color-error: #d52727;
  --alert-color-error-dark: #801717;
  --alert-color-error-light: #fbe9e9;
  --alert-color-information: #03bbf5;
  --alert-color-information-dark: #014b62;
  --alert-color-information-light: #e6f8fe;
  --alert-color-warning: #f4af04;
  --alert-color-warning-light: #fef9e6;
  --alert-color-warning-dark: #624c02;
  --alert-color-success: #47ba0b;
  --alert-color-success-dark: #2b7007;
  --alert-color-success-light: #f4feef;
  --secondary-purple-purple-8: #8027a7;
  --secondary-purple-purple-7: #9f2744;
  --secondary-purple-purple-6: #96117b;
  --secondary-purple-purple-5: #540085;
  --secondary-purple-purple-4: #63068a;
  --secondary-purple-purple-3: #8f0d96;
  --secondary-purple-purple-2: #a12eab;
  --secondary-purple-purple-1: #a375c9;
  --secondary-indigo-indigo-2: #0338ad;
  --secondary-indigo-indigo-1: #002e8f;
  --secondary-indigo-indigo-3: #0066bf;
  --secondary-indigo-indigo-4: #007deb;
  --secondary-indigo-indigo-5: #1cc2f0;
  --secondary-brown-brown-1: #c4a39c;
  --secondary-brown-brown-2: #9c6e61;
  --secondary-brown-brown-3: #7d3d33;
  --secondary-brown-brown-4: #5e2e26;
  --secondary-brown-brown-5: #45211a;
  --secondary-brown-brown-6: #9a5f03;
  --secondary-blue-blue-1: #bcf0ff;
  --secondary-blue-blue-2: #1bc2f2;
  --secondary-blue-blue-3: #017deb;
  --secondary-blue-blue-4: #0067c3;
  --secondary-blue-blue-5: #007cb1;
  --secondary-blue-blue-6: #4b2fb6;
  --secondary-orange-orange-1: #ffc478;
  --secondary-orange-orange-2: #ffb538;
  --secondary-orange-orange-3: #ff9e00;
  --secondary-orange-orange-4: #ff9400;
  --secondary-orange-orange-5: #ff8700;
  --secondary-red-red-1: #ff5e5e;
  --secondary-red-red-2: #ff5e78;
  --secondary-red-red-3: #ff7585;
  --secondary-red-red-4: #ff91a1;
  --secondary-red-red-5: #e6c4bd;
  --secondary-red-red-6: #972e0d;
  --secondary-green-green-1: #008565;
  --secondary-green-green-2: #097b30;
  /* New Menu */
  --menu-bg-gradient: linear-gradient(165deg, var(--brand-color-brand-color-contrast) 5%, var(--brand-color-drak-green) 95%);
  --menu-bg-active: rgba(255, 255, 255, 0.15);
  --sub-menu-color-green-light: #005c51;
  --sub-menu-color-green-dark: #003d36;
  --sub-menu-bg-gradient: linear-gradient(165deg, var(--sub-menu-color-green-light) 5%, var(--sub-menu-color-green-dark) 95%);
  --menu-scroll-bg: #016c52;
  /* Remix */
  --bnpp-flash-light-green: #80FF9D;
  --bnpp-flash-dark-green: #0A5257;
  --bnpp-flash-mid-green: #008078;
  --bnpp-flash-red: #CF2827;
  --bnpp-dynamic-light-green: #A6F4C6;
  --bnpp-dynamic-dark-green: #006A5D;
  --bnpp-dynamic-mid-green: #008078;
  --bnpp-dynamic-light-blue: #7BAFFF;
  --bnpp-dynamic-mid-blue: #6992FF;
  --bnpp-color-lavender: #B89EF7;
  --bnpp-color-olive-light: #B0ED78;
  --bnpp-color-olive-dark: #094F08;
  --bnpp-classic-green-light: #55C08F;
  --bnpp-classic-green-mid: #008F59;
  /*arval*/
  --bnpp-green: #00965E;
  --bnpp-forest: #034242;
  --bnpp-energy-green: #058E5D;
  --bnpp-mineral-green: #98FF9B;
  --bnpp-energy-gradient: linear-gradient(90deg, var(--bnpp-energy-green) 5%, var(--bnpp-mineral-green) 95%);
  --bnpp-mineral-gradient: linear-gradient(90deg, var(--bnpp-mineral-green) 5%, var(--bnpp-energy-green) 95%);
  --bnpp-color-tan: #EAE4CE;
  --bnpp-color-positive: #F8B40D;
  --bnpp-color-electric: #CAF868;
  --bnpp-color-scooter: #00BEF3;
  --bnpp-color-ocean: #3B3BDB;
  --bnpp-color-grey: #BEBEBE;
}

/* start : aide css - 2025-09-19 */

/* Scroll */
.cas__help-container {
  overflow-y: scroll;
}
.cas__help-container::-webkit-scrollbar {
  width: 22px;
}
.cas__help-container::-webkit-scrollbar-thumb {
  background: var(--menu-scroll-bg);
  border-radius: 50px;
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-top: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

/* Styles */
.home-help h3 {
  font-family: BNPPSquare, Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding: 20px;
  line-height: 1.4;
}
.help-collapsible {
  color: var(--grey-color-grey-90);
  display: flex!important;
  justify-content: space-between !important;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: BNPPSquare, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.4;
  background: none
}

.active,
.help-collapsible:hover,
.active:after {
  color: var(--brand-color-brand-color);
}

.help-collapsible:after {
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  content: '\002B';
  color: var(--grey-color-grey-90);
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
  color: var(--brand-color-brand-color);
}

.help-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.home-help p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.home-help p,
.home-help li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.home-help ol,
.home-help ul {
  padding-left: 2rem;
}

.home-help ol,
.home-help ul,
.home-help dl {
  margin-top: 0;
  margin-bottom: 1rem;
  list-style-type: auto;
}

.home-help ol { list-style-type: decimal; }
.home-help ul { list-style-type: disc; }

.home-help ol ol,
.home-help ul ul,
.home-help ol ul,
.home-help ul ol {
  margin-bottom: 0;
}

.help-content p a, .help-content li a { color:var(--brand-color-brand-color-contrast); text-decoration: underline; }
.help-content p a:hover, .help-content li a:hover { color:var(--brand-color-drak-green); text-decoration: none; }