@charset "UTF-8";
/*!
Theme Name: Coopérative Oasis (Coopérative Oasis)
Author: Timothée SAUMET
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sfe

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Savoir Faire Ensemble is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.text-l {
  font-size: 18px !important;
  line-height: 1.45 !important;
}
.text-m,
body {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
/*
 -10 : dark
 -20 : shadow?
 -30 : :hover state effect
 -50 : main color
 -70 : :active state effect
 -80 : input border color
 -90 : light
*/
.color-blue-50 {
  color: #6B7280 !important;
}
.background-blue-50 {
  background-color: #6B7280 !important;
}
.background-blue-80 {
  background-color: #d1d5db !important;
}
.background-blue-90 {
  background-color: #f3f4f6 !important;
}
.color-red-50 {
  color: #DC2626 !important;
}
.background-red-50 {
  background-color: #DC2626 !important;
}
.color-orange-50 {
  color: #F59E0B !important;
}
.background-orange-50 {
  background-color: #F59E0B !important;
}
.background-orange-90 {
  background-color: #fef3c7 !important;
}
.color-green-50 {
  color: #93C241 !important;
}
.background-green-50 {
  background-color: #93C241 !important;
}
.background-green-90 {
  background-color: #f3f9e8 !important;
}
.color-gray-50 {
  color: #6B7280 !important;
}
.background-gray-70 {
  background-color: #6B7280 !important;
}
.color-white {
  color: white !important;
}
.background-white {
  background-color: white !important;
}
.background-transparent {
  background-color: transparent !important;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}
button,
hr,
input {
  overflow: visible;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
[type=checkbox],
[type=radio],
legend {
  box-sizing: border-box;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  margin-top: 0 !important;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  color: #454754;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
/* Media */
/* Make sure logo link wraps around logo image. */
/* Captions */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/* Galleries */
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text {
  /* Is it used? */
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
/* Alignments */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/* Colors */
:root {
  --blue-10: #0e1e52;
  --blue-20: #1c3ba1;
  --blue-30: #254ed5;
  --blue-50: #6B7280;
  --blue-70: #9ca3af;
  --blue-80: #d1d5db;
  --blue-90: #f3f4f6;
  --red-10: #510b11;
  --red-20: #9d1521;
  --red-30: #b71523;
  --red-50: #DC2626;
  --red-70: #f87171;
  --red-80: #fca5a5;
  --red-90: #fee2e2;
  --orange-10: #604510;
  --orange-dark: #92400e;
  --orange-20: #aa7a1d;
  --orange-30: #c88f22;
  --orange-50: #F59E0B;
  --orange-70: #fbbf24;
  --orange-80: #fde68a;
  --orange-90: #fef3c7;
  --green-10: #2d4a0e;
  --green-20: #4d7a1a;
  --green-30: #6fa32a;
  --green-50: #93C241;
  --green-70: #b0d96a;
  --green-80: #cce99a;
  --green-90: #f3f9e8;
  --gray-10: #292a32;
  --gray-20: #454754;
  --gray-30: #575a6b;
  --gray-50: #6B7280;
  --gray-70: #6B7280;
  --gray-80: #d1d5db;
  --gray-90: #f3f4f6;
  --focus-ring-color: #93C241;
  --black: #292a32;
  --white: white;
  --transparent: transparent;
}
body {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  background: #f1f1f4;
}
/* Components */
/* Social button */
.social-log-button {
  display: block;
  padding: 16px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f4;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: left 16px center;
  color: #292a32;
  text-decoration: none;
  padding-left: 52px;
  cursor: pointer;
  transition: all 120ms ease, height 0ms;
}
.social-log-button:hover {
  opacity: 0.75;
}
.social-log-button.google {
  background-image: url(./img/google.svg);
}
/* Buttons */
.buttons {
  font-size: 0;
}
.buttons .button {
  margin-right: 8px;
  vertical-align: middle;
}
.buttons .button:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.button {
  font-family: "Hind Madurai", sans-serif;
  font-weight: 600;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  border-radius: 26px;
  transition: all 120ms ease, height 0ms;
  cursor: pointer;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  /* Default */
  color: white;
  background-color: #6B7280;
  /* Buttons states */
  /* Buttons sizes */
  /* Widths */
  /* Notifications */
  /* Icons */
}
.button:hover {
  opacity: 0.8;
}
.button:active {
  opacity: 1;
}
.button:focus {
  box-shadow: 0 0px 0px 2px white, 0 0px 0px 5px var(--focus-ring-color);
  outline: none;
}
.button.size-s {
  font-size: 14px;
  padding: 8px 16px 6px;
}
.button.size-s[class*=icon-before-] {
  background-position: left 12px center;
}
.button.size-s[class*=icon-after-] {
  background-position: right 12px center;
}
.button.size-s[class*=icon-only-] {
  background-position: center;
  height: 31px;
  width: 31px;
}
.button,
.button.size-m {
  font-size: 14px;
  padding: 12px 20px 10px;
}
.button[class*=icon-before-],
.button.size-m[class*=icon-before-] {
  background-position: left 15px center;
}
.button[class*=icon-after-],
.button.size-m[class*=icon-after-] {
  background-position: right 15px center;
}
.button[class*=icon-only-],
.button.size-m[class*=icon-only-] {
  background-position: center;
  height: 39px;
  width: 39px;
}
.button.size-l {
  font-size: 16px;
  padding: 16px 24px 15px;
}
.button.size-l[class*=icon-before-] {
  background-position: left 20px center;
}
.button.size-l[class*=icon-after-] {
  background-position: right 20px center;
}
.button.size-l[class*=icon-only-] {
  background-position: center;
  height: 49px;
  width: 49px;
}
.button.no-padding {
  padding: 2px 0 0 0;
}
.button.no-padding[class*=icon-before-] {
  background-position: left center;
}
.button.no-padding[class*=icon-after-] {
  background-position: right center;
}
.button.no-padding[class*=icon-only-] {
  background-position: center;
  height: 39px;
  width: 39px;
}
.button.icon-after-arrow-right.color-blue-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="%236B7280" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-blue-50.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-blue-50.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-blue-50,
.button.icon-after-arrow-right.color-blue-50.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-blue-50.no-padding,
.button.icon-after-arrow-right.color-blue-50.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-blue-50.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-blue-50.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-after-arrow-right.color-red-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="%23DC2626" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-red-50.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-red-50.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-red-50,
.button.icon-after-arrow-right.color-red-50.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-red-50.no-padding,
.button.icon-after-arrow-right.color-red-50.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-red-50.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-red-50.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-after-arrow-right.color-orange-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="%23F59E0B" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-orange-50.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-orange-50.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-orange-50,
.button.icon-after-arrow-right.color-orange-50.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-orange-50.no-padding,
.button.icon-after-arrow-right.color-orange-50.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-orange-50.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-orange-50.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-after-arrow-right.color-green-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="%2393C241" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-green-50.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-green-50.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-green-50,
.button.icon-after-arrow-right.color-green-50.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-green-50.no-padding,
.button.icon-after-arrow-right.color-green-50.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-green-50.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-green-50.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-after-arrow-right.color-gray-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="%236B7280" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-gray-50.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-gray-50.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-gray-50,
.button.icon-after-arrow-right.color-gray-50.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-gray-50.no-padding,
.button.icon-after-arrow-right.color-gray-50.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-gray-50.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-gray-50.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-after-arrow-right.color-white {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2934 6.70732C3.68412 6.31676 3.68412 5.68337 3.2934 5.29281L1.00038 3.00074C0.447996 2.44858 0.44776 1.55319 0.999852 1.00074V1.00074C1.55211 0.448133 2.44782 0.447974 3.00026 1.00039L6.5859 4.58581C7.367 5.36687 7.367 6.63326 6.5859 7.41432L3.00026 10.9997C2.44781 11.5522 1.5521 11.552 0.999852 10.9994V10.9994C0.44776 10.4469 0.447997 9.55154 1.00038 8.99939L3.2934 6.70732Z" fill="white" fill-opacity="0.75"/> </svg>');
  background-size: 8px auto;
}
.button.icon-after-arrow-right.color-white.size-s {
  padding-right: calc(8px + 18px);
}
.button.icon-after-arrow-right.color-white.size-s.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-white,
.button.icon-after-arrow-right.color-white.size-m {
  padding-right: calc(8px + 22px);
}
.button.icon-after-arrow-right.color-white.no-padding,
.button.icon-after-arrow-right.color-white.size-m.no-padding {
  padding-right: calc(8px + 6px);
}
.button.icon-after-arrow-right.color-white.size-l {
  padding-right: calc(8px + 26px);
}
.button.icon-after-arrow-right.color-white.size-l.no-padding {
  padding-right: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-blue-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="%236B7280" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-blue-50.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-blue-50.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-blue-50,
.button.icon-before-arrow-left.color-blue-50.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-blue-50.no-padding,
.button.icon-before-arrow-left.color-blue-50.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-blue-50.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-blue-50.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-red-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="%23DC2626" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-red-50.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-red-50.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-red-50,
.button.icon-before-arrow-left.color-red-50.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-red-50.no-padding,
.button.icon-before-arrow-left.color-red-50.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-red-50.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-red-50.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-orange-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="%23F59E0B" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-orange-50.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-orange-50.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-orange-50,
.button.icon-before-arrow-left.color-orange-50.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-orange-50.no-padding,
.button.icon-before-arrow-left.color-orange-50.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-orange-50.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-orange-50.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-green-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="%2393C241" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-green-50.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-green-50.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-green-50,
.button.icon-before-arrow-left.color-green-50.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-green-50.no-padding,
.button.icon-before-arrow-left.color-green-50.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-green-50.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-green-50.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-gray-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="%236B7280" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-gray-50.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-gray-50.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-gray-50,
.button.icon-before-arrow-left.color-gray-50.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-gray-50.no-padding,
.button.icon-before-arrow-left.color-gray-50.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-gray-50.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-gray-50.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
.button.icon-before-arrow-left.color-white {
  background-image: url('data:image/svg+xml;utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7066 6.70732C4.31588 6.31676 4.31588 5.68337 4.7066 5.29281L6.99962 3.00074C7.552 2.44858 7.55224 1.55319 7.00015 1.00074V1.00074C6.44789 0.448133 5.55218 0.447974 4.99974 1.00039L1.4141 4.58581C0.633 5.36687 0.633 6.63326 1.4141 7.41432L4.99974 10.9997C5.55219 11.5522 6.4479 11.552 7.00015 10.9994V10.9994C7.55224 10.4469 7.552 9.55154 6.99962 8.99939L4.7066 6.70732Z" fill="white" fill-opacity="0.8"/></svg>');
  background-size: 8px auto;
}
.button.icon-before-arrow-left.color-white.size-s {
  padding-left: calc(8px + 18px);
}
.button.icon-before-arrow-left.color-white.size-s.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-white,
.button.icon-before-arrow-left.color-white.size-m {
  padding-left: calc(8px + 22px);
}
.button.icon-before-arrow-left.color-white.no-padding,
.button.icon-before-arrow-left.color-white.size-m.no-padding {
  padding-left: calc(8px + 6px);
}
.button.icon-before-arrow-left.color-white.size-l {
  padding-left: calc(8px + 26px);
}
.button.icon-before-arrow-left.color-white.size-l.no-padding {
  padding-left: calc(8px + 8px);
}
/* Icons */
/* Item block */
/* Image block */
/* Emphase block */
/* Stars */
/* Status chip */
.status-chip {
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  line-height: 1.4;
  /* Default */
  color: #6B7280;
  background-color: #f3f4f6;
}
.status-chip.inline {
  display: inline-block;
  vertical-align: 1px;
}
/* Card */
.card {
  position: relative;
  background: white;
  color: #292a32;
  border-radius: 4px;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.card[class*=border-]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: solid 5px;
}
.card.border-green-50:after {
  border-color: #93C241;
}
.card[class*=dash-]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 36px;
  width: 72px;
  height: 6px;
  background: #292a32;
}
.card.dash-blue-50:before {
  background-color: #6B7280;
}
.card.dash-red-50:before {
  background-color: #DC2626;
}
.card.dash-green-50:before {
  background-color: #93C241;
}
.card .card-header {
  padding: 24px 36px;
  padding-right: 96px;
  font-size: 14px;
  line-height: 1.4;
}
.card .card-header .card-title {
  margin-top: 0;
}
.card .card-description {
  font-size: 14px;
  line-height: 1.4;
}
.card[class*=dash-] .card-main {
  padding-top: 36px;
}
.card .card-main {
  padding: 24px 36px;
}
.card .card-main > :first-child {
  margin-top: 0 !important;
}
.card .card-main .entity {
  margin-top: 8px;
}
.card .card-main .card-description {
  color: #6f7288;
  margin-top: 24px;
}
.card .card-footer {
  padding: 0px 36px 24px;
  font-size: 14px;
  line-height: 1.4;
}
.card .card-footer.background-blue-90 {
  color: #6B7280;
  background-color: #f3f4f6;
}
.card .card-footer.background-blue-90 .entity {
  color: #6B7280;
}
.card .card-footer.background-blue-90 .entity.entity-client {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.card .card-footer.background-blue-90 .card-description {
  color: #6B7280;
}
.card .card-footer[class*=background-] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.card-title {
  font-size: 18px;
  line-height: 24px;
  color: #292a32;
  margin-top: 16px;
  position: relative;
}
.card-title[class*=icon-] {
  padding-left: 38px;
}
.card-title:before {
  position: absolute;
  top: -8px;
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.card-title.size-m {
  font-size: 18px;
  line-height: 1.35;
}
.card-title.size-m:before {
  width: 32px;
  height: 32px;
  top: -4px;
}
.card-title.size-l {
  font-size: 18px;
  line-height: 1.35;
}
.card-title.size-l:before {
  width: 40px;
  height: 40px;
}
.card-title.icon-align-to-dash {
  padding-left: 72px;
}
.card-title.icon-align-to-dash:before {
  left: 16px;
}
.card-title.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23292a32"/></svg>');
}
.card-title.color-blue-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.card-title.icon-color-blue-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.card-title.color-red-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23DC2626"/></svg>');
}
.card-title.icon-color-red-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23DC2626"/></svg>');
}
.card-title.color-orange-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23F59E0B"/></svg>');
}
.card-title.color-green-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%2393C241"/></svg>');
}
.card-title.icon-color-green-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%2393C241"/></svg>');
}
.card-title.color-gray-50.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.card-title.color-white.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="white"/></svg>');
}
.card-title.icon-color-white.icon-entity-client:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="white"/></svg>');
}
.card-title.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%23292a32"/> </svg>');
}
.card-title.color-blue-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%236B7280"/> </svg>');
}
.card-title.icon-color-blue-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%236B7280"/> </svg>');
}
.card-title.color-red-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%23DC2626"/> </svg>');
}
.card-title.icon-color-red-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%23DC2626"/> </svg>');
}
.card-title.color-orange-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%23F59E0B"/> </svg>');
}
.card-title.color-green-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%2393C241"/> </svg>');
}
.card-title.icon-color-green-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%2393C241"/> </svg>');
}
.card-title.color-gray-50.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%236B7280"/> </svg>');
}
.card-title.color-white.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="white"/> </svg>');
}
.card-title.icon-color-white.icon-user-star:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="white"/> </svg>');
}
.card-title.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23292a32"/> </svg>');
}
.card-title.color-blue-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%236B7280"/> </svg>');
}
.card-title.icon-color-blue-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%236B7280"/> </svg>');
}
.card-title.color-red-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23DC2626"/> </svg>');
}
.card-title.icon-color-red-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23DC2626"/> </svg>');
}
.card-title.color-orange-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23F59E0B"/> </svg>');
}
.card-title.color-green-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%2393C241"/> </svg>');
}
.card-title.icon-color-green-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%2393C241"/> </svg>');
}
.card-title.color-gray-50.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%236B7280"/> </svg>');
}
.card-title.color-white.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="white"/> </svg>');
}
.card-title.icon-color-white.icon-mail:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="white"/> </svg>');
}
.card-title.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23292a32"/> </svg>');
}
.card-title.color-blue-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%236B7280"/> </svg>');
}
.card-title.icon-color-blue-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%236B7280"/> </svg>');
}
.card-title.color-red-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23DC2626"/> </svg>');
}
.card-title.icon-color-red-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23DC2626"/> </svg>');
}
.card-title.color-orange-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23F59E0B"/> </svg>');
}
.card-title.color-green-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%2393C241"/> </svg>');
}
.card-title.icon-color-green-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%2393C241"/> </svg>');
}
.card-title.color-gray-50.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%236B7280"/> </svg>');
}
.card-title.color-white.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="white"/> </svg>');
}
.card-title.icon-color-white.icon-phone:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="white"/> </svg>');
}
.card-title.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%23292a32"/></svg>');
}
.card-title.color-blue-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%236B7280"/></svg>');
}
.card-title.icon-color-blue-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%236B7280"/></svg>');
}
.card-title.color-red-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%23DC2626"/></svg>');
}
.card-title.icon-color-red-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%23DC2626"/></svg>');
}
.card-title.color-orange-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%23F59E0B"/></svg>');
}
.card-title.color-green-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%2393C241"/></svg>');
}
.card-title.icon-color-green-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%2393C241"/></svg>');
}
.card-title.color-gray-50.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%236B7280"/></svg>');
}
.card-title.color-white.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="white"/></svg>');
}
.card-title.icon-color-white.icon-pages:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="white"/></svg>');
}
.card-title.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%23292a32"/></svg>');
}
.card-title.color-blue-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%236B7280"/></svg>');
}
.card-title.icon-color-blue-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%236B7280"/></svg>');
}
.card-title.color-red-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%23DC2626"/></svg>');
}
.card-title.icon-color-red-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%23DC2626"/></svg>');
}
.card-title.color-orange-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%23F59E0B"/></svg>');
}
.card-title.color-green-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%2393C241"/></svg>');
}
.card-title.icon-color-green-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%2393C241"/></svg>');
}
.card-title.color-gray-50.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%236B7280"/></svg>');
}
.card-title.color-white.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="white"/></svg>');
}
.card-title.icon-color-white.icon-document:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="white"/></svg>');
}
.card-title.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%23292a32"/></svg>');
}
.card-title.color-blue-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%236B7280"/></svg>');
}
.card-title.icon-color-blue-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%236B7280"/></svg>');
}
.card-title.color-red-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%23DC2626"/></svg>');
}
.card-title.icon-color-red-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%23DC2626"/></svg>');
}
.card-title.color-orange-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%23F59E0B"/></svg>');
}
.card-title.color-green-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%2393C241"/></svg>');
}
.card-title.icon-color-green-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%2393C241"/></svg>');
}
.card-title.color-gray-50.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%236B7280"/></svg>');
}
.card-title.color-white.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="white"/></svg>');
}
.card-title.icon-color-white.icon-validate:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="white"/></svg>');
}
.card-title.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%23292a32"/></svg>');
}
.card-title.color-blue-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%236B7280"/></svg>');
}
.card-title.icon-color-blue-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%236B7280"/></svg>');
}
.card-title.color-red-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%23DC2626"/></svg>');
}
.card-title.icon-color-red-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%23DC2626"/></svg>');
}
.card-title.color-orange-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%23F59E0B"/></svg>');
}
.card-title.color-green-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%2393C241"/></svg>');
}
.card-title.icon-color-green-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%2393C241"/></svg>');
}
.card-title.color-gray-50.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%236B7280"/></svg>');
}
.card-title.color-white.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="white"/></svg>');
}
.card-title.icon-color-white.icon-close:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="white"/></svg>');
}
/* Separator */
.separator {
  height: 4px;
  background: #f1f1f4;
  position: relative;
  margin: 48px 0;
}
.separator.background-white {
  background: white;
}

.separator.line {
  height: 1px;
  margin: 0;
}
.separator.line:before,
.separator.line:after {
  display: none;
}
#map {
  width: 100%;
  height: 100%;
  border: solid 1px #dddee3;
  border-radius: 4px;
}
/* Entity */
.entity {
  color: #6f7288;
  font-size: 14px;
  text-decoration: none;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.entity.inline {
  display: inline-block;
  margin-top: 0 !important;
}
.entity.entity-client {
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: left 1px;
  padding: 4px 0 4px 26px;
}
.entity.entity-client {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.entity.entity-client.color-blue-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.entity.entity-client.color-red-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23DC2626"/></svg>');
}
.entity.entity-client.color-orange-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23F59E0B"/></svg>');
}
.entity.entity-client.color-green-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%2393C241"/></svg>');
}
.entity.entity-client.color-gray-50 {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%236B7280"/></svg>');
}
.entity.entity-client.color-white {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="white"/></svg>');
}
/* Chips */
/* Filters */
/* Chips filters */
/* Form steps */
[data-form-step-section] {
  display: none;
}
[data-form-step-section="1"] {
  display: block;
}
/* Form */
.form > .form-field:first-child,
.form > * > .form-field:first-child,
.form .form-field:first-child {
  margin-top: 0 !important;
}
.form .form-field {
  margin-top: 8px;
}
.form input[type=text],
.form input[type=search],
.form input[type=password],
.form input[type=url],
.form input[type=number],
.form input[type=date],
.form input[type=tel],
.form textarea {
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  color: #292a32;
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color 120ms ease;
}
.form input[type=text]:hover,
.form input[type=search]:hover,
.form input[type=password]:hover,
.form input[type=url]:hover,
.form input[type=number]:hover,
.form input[type=date]:hover,
.form input[type=tel]:hover,
.form textarea:hover {
  border-color: #d1d5db;
}
.form input.po-field-error,
.form input.po-field-error:hover {
  border-color: #dc2626;
  background-color: #fef2f2;
  outline: none;
}
.form input.po-field-error:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220,38,38,.15);
}
.po-error {
  color: #dc2626;
  font-size: 12px;
  display: block;
  margin-top: 4px;
}
.po-error-dob {
  font-size: 13px;
  font-weight: 500;
  margin-top: 6px;
}
.form input[type=text].icon-entity-client,
.form input[type=search].icon-entity-client,
.form input[type=password].icon-entity-client,
.form input[type=url].icon-entity-client,
.form input[type=number].icon-entity-client,
.form textarea.icon-entity-client {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.60649 34.0728V10.0896C3.60638 9.71947 3.72019 9.35825 3.93246 9.055C4.14474 8.75175 4.44519 8.52118 4.79303 8.39458L22.2322 2.05437C22.3685 2.00479 22.5146 1.98879 22.6583 2.00772C22.8021 2.02666 22.9391 2.07997 23.0579 2.16314C23.1766 2.24631 23.2735 2.35688 23.3404 2.48548C23.4073 2.61409 23.4422 2.75693 23.4422 2.90189V11.8334L34.8315 15.6292C35.1907 15.7489 35.5032 15.9785 35.7246 16.2857C35.9459 16.5928 36.065 16.9619 36.0649 17.3405V34.0728H39.6714V37.6793H0V34.0728H3.60649ZM7.21299 34.0728H19.8357V6.76264L7.21299 11.3537V34.0728ZM32.4584 34.0728V18.6406L23.4422 15.6346V34.0728H32.4584Z" fill="%23a4b5ef"/></svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-user-star,
.form input[type=search].icon-user-star,
.form input[type=password].icon-user-star,
.form input[type=url].icon-user-star,
.form input[type=number].icon-user-star,
.form textarea.icon-user-star {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5028 23.9984V27.5366C14.618 27.5366 11.8514 28.655 9.81153 30.6456C7.77168 32.6362 6.6257 35.3361 6.6257 38.1513H3C3 34.3977 4.52797 30.7979 7.24777 28.1437C9.96757 25.4895 13.6564 23.9984 17.5028 23.9984ZM17.5028 22.2293C11.4932 22.2293 6.6257 17.4792 6.6257 11.6147C6.6257 5.75006 11.4932 1 17.5028 1C23.5124 1 28.3799 5.75006 28.3799 11.6147C28.3799 17.4792 23.5124 22.2293 17.5028 22.2293ZM17.5028 18.6911C21.5092 18.6911 24.7542 15.5244 24.7542 11.6147C24.7542 7.70492 21.5092 4.53822 17.5028 4.53822C13.4964 4.53822 10.2514 7.70492 10.2514 11.6147C10.2514 15.5244 13.4964 18.6911 17.5028 18.6911ZM28.3799 37.2667L23.0519 40L24.0689 34.2115L19.7598 30.1107L25.7168 29.265L28.3799 23.9984L31.0448 29.265L37 30.1107L32.6909 34.2115L33.7061 40L28.3799 37.2667Z" fill="%23a4b5ef"/> </svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-mail,
.form input[type=search].icon-mail,
.form input[type=password].icon-mail,
.form input[type=url].icon-mail,
.form input[type=number].icon-mail,
.form textarea.icon-mail {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23a4b5ef"/> </svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-phone,
.form input[type=search].icon-phone,
.form input[type=password].icon-phone,
.form input[type=url].icon-phone,
.form input[type=number].icon-phone,
.form textarea.icon-phone {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23a4b5ef"/> </svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-pages,
.form input[type=search].icon-pages,
.form input[type=password].icon-pages,
.form input[type=url].icon-pages,
.form input[type=number].icon-pages,
.form textarea.icon-pages {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8743 10.5744V5.64361C11.8743 5.2077 12.0474 4.78964 12.3557 4.4814C12.6639 4.17317 13.082 4 13.5179 4H33.2412C33.6771 4 34.0952 4.17317 34.4034 4.4814C34.7117 4.78964 34.8848 5.2077 34.8848 5.64361V28.6542C34.8848 29.0901 34.7117 29.5082 34.4034 29.8164C34.0952 30.1246 33.6771 30.2978 33.2412 30.2978H28.3104V35.2286C28.3104 36.1359 27.5708 36.8722 26.6553 36.8722H6.95492C6.73817 36.8735 6.52331 36.832 6.32266 36.75C6.12202 36.668 5.93955 36.5472 5.78575 36.3944C5.63195 36.2417 5.50985 36.0601 5.42645 35.86C5.34306 35.66 5.30002 35.4454 5.2998 35.2286L5.30474 12.2181C5.30474 11.3108 6.04436 10.5744 6.95821 10.5744H11.8743ZM8.59032 13.8617L8.58703 33.585H25.0232V13.8617H8.59032ZM15.1615 10.5744H28.3104V27.0106H31.5976V7.28722H15.1615V10.5744ZM11.8743 18.7925H21.7359V22.0797H11.8743V18.7925ZM11.8743 25.367H21.7359V28.6542H11.8743V25.367Z" fill="%23a4b5ef"/></svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-document,
.form input[type=search].icon-document,
.form input[type=password].icon-document,
.form input[type=url].icon-document,
.form input[type=number].icon-document,
.form textarea.icon-document {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0494 4C24.3139 4 24.5797 4.08817 24.756 4.26451L24.7549 4.2648L31.8224 11.4203C32.0882 11.5966 32.1763 11.9506 32.1763 12.2151V33.5055C32.1763 35.0951 30.9394 36.2438 29.3499 36.2438H9.82647C8.23689 36.2438 7 35.0069 7 33.4173V6.82647C7 5.23689 8.23689 4 9.82647 4H24.0494ZM28.6431 11.0663L25.11 7.53319V11.0663H28.6431ZM30.0577 33.4172V13.1874L24.0507 13.1873C23.4322 13.1873 22.9901 12.7451 22.9901 12.1267V6.11976H9.82766C9.38556 6.11976 9.12105 6.38426 9.12105 6.82638V33.4172C9.12105 33.8581 9.38555 34.212 9.82766 34.212H29.3511C29.7932 34.212 30.0577 33.8593 30.0577 33.4172ZM19.4562 12.3044H12.5651C11.24 12.3044 11.24 10.1846 12.5651 10.1846H19.4562C20.8694 10.1846 20.8694 12.3044 19.4562 12.3044ZM12.4767 16.7216H19.5442C20.9574 16.7216 20.9574 14.6899 19.5442 14.6899H12.4767C11.1516 14.6899 11.1516 16.7216 12.4767 16.7216ZM12.4767 19.1061H26.6997C28.0248 19.1061 28.0248 21.2259 26.6997 21.2259H12.4767C11.1516 21.2259 11.1516 19.1061 12.4767 19.1061ZM26.6997 23.5233H12.4767C11.1516 23.5233 11.1516 25.6432 12.4767 25.6432H26.6997C28.0248 25.6432 28.0248 23.5233 26.6997 23.5233ZM12.4767 27.9407H26.6997C28.0248 27.9407 28.0248 30.0605 26.6997 30.0605H12.4767C11.1516 30.0605 11.1516 27.9407 12.4767 27.9407Z" fill="%23a4b5ef"/></svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-validate,
.form input[type=search].icon-validate,
.form input[type=password].icon-validate,
.form input[type=url].icon-validate,
.form input[type=number].icon-validate,
.form textarea.icon-validate {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.4144 14.4142L15.0002 30.8285L8.58594 24.4142L11.4144 21.5858L15.0002 25.1716L28.5859 11.5858L31.4144 14.4142Z" fill="%23a4b5ef"/></svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text].icon-close,
.form input[type=search].icon-close,
.form input[type=password].icon-close,
.form input[type=url].icon-close,
.form input[type=number].icon-close,
.form textarea.icon-close {
  background-color: white;
  background-position: right 14px top 9px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%23a4b5ef"/></svg>');
  transition: all 120ms ease, height 0ms;
}
.form input[type=text]:focus,
.form input[type=search]:focus,
.form input[type=password]:focus,
.form input[type=url]:focus,
.form input[type=number]:focus,
.form textarea:focus {
  outline: none;
  border-color: #93C241 !important;
  box-shadow: 0 0 0 3px rgba(147, 194, 65, 0.08);
}
.form textarea {
  min-height: 76px;
  max-height: 500px;
  max-width: 100%;
  min-width: 100%;
}
.form select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.form select::-ms-expand {
  display: none;
}
.form .select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  background-color: #fff;
  transition: border-color 120ms ease;
}
.form .select:hover {
  border-color: #d1d5db;
}
.form .select:focus-within {
  border-color: #93C241;
  box-shadow: 0 0 0 3px rgba(147, 194, 65, 0.08);
}
.form .select select,
.form .select::after {
  grid-area: select;
}
.form select[multiple] {
  padding-right: 0;
  height: 6rem;
}
.form select[multiple] option {
  white-space: normal;
}
.form .toggle {
  position: relative;
  flex: 1;
  margin-bottom: 8px;
}
.form .toggle:last-child {
  margin-bottom: 0;
}
.form .toggle input:checked + label {
  color: #93C241;
}
.form .toggle input:checked + label:before {
  background: #93C241;
  border-color: #93C241;
}
.form .toggle input:checked + label:after {
  background: white;
  margin-left: 16px;
}
.form .toggle input:checked + label .is-true {
  display: block;
}
.form .toggle input:checked + label .is-false {
  display: none;
}
.form .toggle input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.form .toggle label {
  cursor: pointer;
  font-weight: 400;
  user-select: none;
  display: block;
  border-radius: 4px;
  margin-left: 56px;
  padding: 4px 0;
  color: #292a32;
}
.form .toggle label .is-true {
  display: none;
}
.form .toggle label:before {
  width: 40px;
  height: 24px;
  transition: all 120ms ease, height 0ms;
  content: "";
  border: solid 2px #d4dcf7;
  border-radius: 24px;
  margin-right: 6px;
  position: absolute;
  top: 0;
  left: 0;
}
.form .toggle label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background: #d1d5db;
  border-radius: 16px;
  transition: all 120ms ease, height 0ms;
}
.form div[class*=column-span-] label:only-child,
.form div[class*=column-span-] .label:only-child {
  margin-top: 5px;
}
.checkbox {
  position: relative;
  margin-bottom: 8px;
}
.checkbox:last-child {
  margin-bottom: 0;
}
.checkbox input[type=checkbox]:checked + label {
  color: #93C241;
}
.checkbox input[type=checkbox]:checked + label:before {
  background-color: #93C241;
  border-color: #93C241;
  background-size: 16px auto;
}
.checkbox input[type=checkbox] {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.checkbox label {
  cursor: pointer;
  font-weight: 400;
  user-select: none;
  padding: 6px 0 5px 38px;
  display: block;
  color: #292a32;
}
.checkbox label:before {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  transition: all 120ms ease, height 0ms;
  content: "";
  border: 2px solid #d4dcf7;
  border-radius: 4px;
  margin-right: 6px;
  background-image: url('data:image/svg+xml;utf8, <svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.1337 1.97551L7.3837 11.9755C7.11912 12.2779 6.7443 12.4615 6.34321 12.4852C5.94213 12.5088 5.54831 12.3706 5.25 12.1014L0 7.36461L2.00967 5.13722L6.12889 8.85381L13.876 0L16.1337 1.97551Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 0px auto;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.radio-button {
  position: relative;
  flex: 1;
}
.radio-button:last-child {
  margin-bottom: 0;
}
.radio-button input:checked + label {
  background: #93C241;
  color: white;
  border-color: #93C241;
}
.radio-button input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.radio-button label {
  cursor: pointer;
  font-weight: 400;
  user-select: none;
  padding: 16px 24px;
  display: block;
  text-align: center;
  border-radius: 4px;
  color: #374151;
  border: solid 1px transparent;
}
label {
  cursor: pointer;
}
label,
.label {
  color: #374151;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  display: block;
}
label + input[type=text],
label + input[type=search],
label + input[type=password],
label + input[type=url],
label + input[type=number],
label + textarea,
label + select,
label + .toggle,
.label + input[type=text],
.label + input[type=search],
.label + input[type=password],
.label + input[type=url],
.label + input[type=number],
.label + textarea,
.label + select,
.label + .toggle {
  margin-top: 8px;
}
/* Modal */
.modal-container {
  display: none;
  z-index: 1000;
  position: relative;
}
.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
}
.modal-cache {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
}
.modal {
  position: relative;
  z-index: 1;
}
.modal .card,
.modal iframe {
  max-height: calc(100vh - 50px);
  max-width: 600px;
  overflow: auto;
  box-shadow: 0px 5px 10px #292a32;
}
.modal-close {
  position: absolute;
  top: 12px;
  right: 24px;
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="%236B7280"/></svg>');
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center;
  cursor: pointer;
  transition: all 120ms ease, height 0ms;
}
.modal-close:hover {
  opacity: 0.75;
}
.modal-close.icon-color-white {
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.3087 23.1499L35.5793 38.4205L38.4204 35.5794L23.1498 20.3088L38.4206 5.03794L35.5795 2.19684L20.3087 17.4677L5.0374 2.19641L2.19629 5.03752L17.4675 20.3088L2.19649 35.5798L5.0376 38.4209L20.3087 23.1499Z" fill="white"/></svg>');
}
body.modal-is-open {
  overflow: hidden;
}
#oasis-sign-modal {
  position: fixed;
  inset: 0;
  z-index: 10100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oasis-sign-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.oasis-sign-modal__box {
  position: relative;
  z-index: 1;
  width: 90vw;
  height: 90vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,0.3);
}
.oasis-sign-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.oasis-sign-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: #6b7280;
  padding: 0 4px;
}
.oasis-sign-modal__close:hover { color: #111; }
.oasis-sign-modal__iframe {
  flex: 1;
  width: 100%;
  border: none;
}
body.oasis-sign-modal-open { overflow: hidden; }
.modal-log .card {
  width: 500px;
}
/* Page: Home */
/* List path */
.list-path {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.list-path.border-green-50 li:before {
  border-color: #93C241;
}
.list-path li {
  position: relative;
  padding: 0px 16px 16px;
  padding-left: 72px;
  /*
  &:after {
  	content: "";
  	display: block;
  	position: absolute;
  	top: 10px;
  	left: 35px;
  	width: 3px;
  	background: color("gray-80");
  	bottom: -10px;
  }
  */
}
.list-path li:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 27px;
  top: 1px;
  border-radius: 100%;
  border: solid 3px #6B7280;
  background: white;
  z-index: 1;
}
.list-path li:last-child {
  padding-bottom: 0;
}
.list-path li:last-child:after {
  display: none;
}
/* France map */
/* Spacing */
.stacking-top-xl {
  margin-top: 48px !important;
}
.stacking-top-l {
  margin-top: 32px !important;
}
.stacking-top-m {
  margin-top: 24px !important;
}
.stacking-top-s {
  margin-top: 16px !important;
}
.stacking-top-xs {
  margin-top: 8px !important;
}
.stacking-left-m {
  margin-left: 24px !important;
}
/* Styles */
.text-align-center {
  text-align: center;
}
/* Layout */
.layout-wrapper {
  margin: 0 auto;
  padding: 0 32px;
}
.layout-columns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 12px 32px;
}
.layout-columns .card-main {
	grid-gap: 0;
}
.column-span-2 {
  grid-column: auto/span 2;
}
.column-span-3 {
  grid-column: auto/span 3;
}
.column-span-4 {
  grid-column: auto/span 4;
}
.column-span-6 {
  grid-column: auto/span 6;
}
.column-span-8 {
  grid-column: auto/span 8;
}
.column-span-12 {
  grid-column: auto/span 12;
}
@media screen and (max-width: 1000px) {
.column-span-2 {
    grid-column: auto/span 12;
  }
.column-span-3 {
    grid-column: auto/span 12;
  }
.column-span-4 {
    grid-column: auto/span 12;
  }
.column-span-6 {
    grid-column: auto/span 12;
  }
.column-span-8 {
    grid-column: auto/span 12;
  }
.column-span-12 {
    grid-column: auto/span 12;
  }
}
.layout-flex {
  display: flex;
  align-items: center;
}
.layout-flex .column-flex {
  flex: 1;
}
/* Site */
.site-header {
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: white;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.05);
}
.site-header .layout-wrapper {
  height: 100%;
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
}
.site-header .layout-wrapper:after {
  content: "";
  display: block;
  width: 162px;
  height: 6px;
  position: absolute;
  bottom: -6px;
  right: 32px;
}
.site-header .site-logo {
  display: flex;
  align-items: center;
  width:12%

}
.svg-content { 
  min-width:118px;
  max-width:154px;
	display: inline-block;
	top: 0;
	left: 0;
}
.site-header .site-account .entity {
  margin-bottom: 8px;
  color: #6B7280;
}

.page-back {
  margin-bottom: 8px;
}
.page-title {
  font-size: 26px;
  line-height: 1.1;
  margin-bottom: 8px;
}
.page-breadcrumbs {
  margin-bottom: 48px;
}
.page-breadcrumbs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.page-breadcrumbs ul li {
  font-size: 12px;
  line-height: 1.4;
}
.page-breadcrumbs ul li a {
  color: #6f7288;
  text-decoration: none;
}
.page-breadcrumbs ul li a:hover {
  text-decoration: underline;
  color: #454754;
}
.page-breadcrumbs ul li.item-current {
  color: #DC2626;
}
.page-breadcrumbs ul li.seperator {
  color: #6f7288;
  margin: 0 5px;
  user-select: none;
}
.site-header {
  height: 116px;
}
body.admin-bar .site-header {
  top: 32px;
}
@media all and (max-width: 782px) {
#wpadminbar {
    display: none;
  }
body.admin-bar .site-header {
    top: 0;
  }
}
.site-footer {
  padding: 24px 0;
  margin-top: 12px;
  position: relative;
}
/* En mode connecté desktop, compenser la sidebar fixe */
body.logged-in .site-footer {
  margin-left: 220px;
}
@media (max-width: 768px) {
  body.logged-in .site-footer {
    margin-left: 0;
  }
}

/* .site-footer:after supprimé */
.site-footer .site-footer-infos {
  display: flex;
  align-items: start;
  /*
    img {
      max-width: 200px;
      max-height: 200px;
      margin-right: 24px;

      &:last-child {
        margin-right: 0;
      }
    }
    */
}
.site-footer .site-footer-infos #footer-logo {
  height: 150px;
}
.site-footer .site-footer-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 48px;
  display: flex;
}
.site-footer .site-footer-menu ul li:after {
  content: " — ";
  margin: 0 6px;
  display: inline-block;
  color: #898c9f;
}
.site-footer .site-footer-menu ul li:last-child:after {
  display: none;
}
.site-footer .site-footer-menu ul li a {
  color: #6f7288;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
}
.site-footer .site-footer-menu ul li a:hover {
  color: #6B7280;
}
/* Specific SFE */
/* WP */
.wp-block-image {
  margin: 0;
}
.wp-block-image img {
  height: auto;
}
@media screen and (max-width: 1028px) {
.site-header .layout-wrapper.layout-flex {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
.site-footer-menu ul {
    flex-direction: column;
    align-items: stretch;
  }
.site-footer-menu ul li:after {
    display: none !important;
  }
.site-menu {
    position: fixed;
    top: calc(0px + 116px);
    left: 0;
    bottom: 0;
    right: 0;
    background: white;
    z-index: 900;
    display: none;
    padding: 0 16px 0;
  }
.site-menu .site-account {
    align-self: center;
    margin-top: 24px;
  }
.site-menu .site-account.as-client {
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }
.site-menu .site-account .buttons {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
.layout-wrapper {
    padding: 0 16px;
  }
.layout-columns {
    grid-gap: 12px 16px;
  }
.layout-flex:not(.sm-layout-flex) {
    flex-direction: column;
    align-items: start;
  }
.layout-flex:not(.sm-layout-flex) .layout-flex:not(.sm-layout-flex) [class*=stacking-left-] {
    margin-left: 0 !important;
  }
.sm-layout-flex,
.buttons.sm-layout-flex {
    width: 100%;
    flex-direction: row;
    align-items: start;
  }
.site-menu {
    flex-direction: column-reverse !important;
    justify-content: flex-end !important;
  }
.site-account {
    margin-top: 0;
    margin-bottom: 24px;
  }
.card .card-header {
    padding: 24px 24px;
    padding-right: 84px;
  }
.card .modal-close {
    right: 12px;
  }
.card .card-main {
    padding: 16px 24px;
  }
.card .card-footer {
    padding: 0px 24px 16px;
  }
.card[class*=dash-] .card-main {
    /* padding-top:24px; */
  }
.site-footer .layout-flex {
    flex-direction: column;
  }
.site-footer .layout-flex img {
    max-width: 100%;
    height: auto !important;
  }
.buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
.buttons .button {
    flex: 1;
    margin-bottom: 8px;
  }
.buttons .button:last-child {
    margin-bottom: 0;
  }
.card[class*=dash-]:before {
    left: 24px;
    width: 72px;
  }
.separator:after {
    width: 40px;
  }
.separator:before {
    right: 80px;
    width: 40px;
  }
.list-path li {
    position: relative;
    padding: 0px 16px 16px;
    padding-left: 48px;
  }
.list-path li:before {
    left: 12px;
  }
.list-path li:after {
    left: 19px;
  }
.card-title.icon-align-to-dash {
    padding-left: 48px;
  }
.card-title.icon-align-to-dash:before {
    left: 0px;
  }
.checkbox[class*=layout-] {
    grid-gap: 4px 16px;
  }
.checkbox[class*=layout-] .column-flex {
    padding-left: 38px;
    width: 100%;
  }
.inline,
.entity.inline {
    display: block;
  }
.modal .card,
.modal iframe {
    max-width: calc(100% - 32px);
    margin: 0 16px;
    width: auto !important;
  }
}
#fep-wrapper {
  background: none;
  color: #292a32;
}
#fep-menu {
  padding-bottom: 16px;
}
/* ── custom.css ── */
.form input[type=email], .fep-form input[type=email],.form input[type=date],.form input[type=currency],
.form input[type=tel], .fep-form input[type=tel] {
  border: solid 2px #d4dcf7;
  padding: 6px 8px;
  color: #292a32;
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  transition: all 120ms ease, height 0ms;
}
.form input[type=email]:hover, .form input[type=tel]:hover,.form input[type=date]:hover,.form input[type=currency]:hover {
  border-color: #a4b5ef;
}
.symbol-euro {
    position: relative;
}
.symbol-euro input {
    padding-left:18px;
}
.symbol-euro:before {
    position: absolute;
    top: 2px;
    content:"€";
    right: 10px;
}

.fep-form input[type=text].icon-mail, .form input[type=email].icon-mail {
  background-color: white;
  background-position: right 4px top 4px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.4131 12.7487L19.133 3.24431C19.3972 3.08445 19.6995 3 20.0077 3C20.3158 3 20.6181 3.08445 20.8823 3.24431L36.5869 12.7504C36.7129 12.8266 36.8172 12.9343 36.8896 13.0632C36.962 13.1921 37 13.3377 37 13.4859V35.2856C37 35.7403 36.8209 36.1764 36.5021 36.4979C36.1833 36.8194 35.7509 37 35.3 37H4.7C4.24913 37 3.81673 36.8194 3.49792 36.4979C3.17911 36.1764 3 35.7403 3 35.2856V13.4842C2.99997 13.336 3.03801 13.1904 3.11041 13.0615C3.18281 12.9326 3.28709 12.8248 3.4131 12.7487ZM6.4 14.9414V33.5713H33.6V14.9397L20.0068 6.71074L6.4 14.9397V14.9414ZM20.102 24.4818L29.1052 16.8306L31.2948 19.4536L20.1258 28.946L8.7188 19.4656L10.8812 16.8186L20.102 24.4818V24.4818Z" fill="%23a4b5ef"/> </svg>');
  transition: all 120ms ease, height 0ms;
}
.fep-form input.icon-password, .form input.icon-password {
  background-color: white;
  background-position: right 4px top 4px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 640 640"><path d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/></svg>');
  transition: all 120ms ease, height 0ms;
}


.fep-form input[type=text].icon-phone, .form input[type=tel].icon-phone {
  background-color: white;
  background-position: right 4px top 4px;
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 48px;
  background-image: url('data:image/svg+xml;utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6668 6.66671V33.3334H28.3335V6.66671H11.6668ZM10.0002 3.33337H30.0002C30.4422 3.33337 30.8661 3.50897 31.1787 3.82153C31.4912 4.13409 31.6668 4.55801 31.6668 5.00004V35C31.6668 35.4421 31.4912 35.866 31.1787 36.1786C30.8661 36.4911 30.4422 36.6667 30.0002 36.6667H10.0002C9.55814 36.6667 9.13421 36.4911 8.82165 36.1786C8.50909 35.866 8.3335 35.4421 8.3335 35V5.00004C8.3335 4.55801 8.50909 4.13409 8.82165 3.82153C9.13421 3.50897 9.55814 3.33337 10.0002 3.33337ZM20.0002 28.3334C20.4422 28.3334 20.8661 28.509 21.1787 28.8215C21.4912 29.1341 21.6668 29.558 21.6668 30C21.6668 30.4421 21.4912 30.866 21.1787 31.1786C20.8661 31.4911 20.4422 31.6667 20.0002 31.6667C19.5581 31.6667 19.1342 31.4911 18.8217 31.1786C18.5091 30.866 18.3335 30.4421 18.3335 30C18.3335 29.558 18.5091 29.1341 18.8217 28.8215C19.1342 28.509 19.5581 28.3334 20.0002 28.3334V28.3334Z" fill="%23a4b5ef"/> </svg>');
  transition: all 120ms ease, height 0ms;
}


.filter .filter-label.checked {
	font-weight:800;
	color: #93C241 !important;
}
.fep-button,
#fep-menu .fep-button {
  background: #eef1fc;
  color: #4e70e0;
}

#fep-wrapper a.fep_block_unblock_user {
  background: #fce9ea;
  color: #DC2626;
}

#fep-wrapper .fep-column-send_message a {
  background: #4e70e0;
  color: white;
}

#fep-menu .fep-button,
.fep-button,
.fep-button-active {
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none !important;
}

#fep-menu .fep-button:hover,
.fep-button-active {
  font-size: 14px;
}

#fep-wrapper {
  background: none;
  color: #292a32;
}

.fep-error,
.fep-success,
.fep-wp-error {
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -webkit-box-sizing: border-box;
  background-color: #fce9ea;
  border-radius: 3px;
  border: none;
  box-sizing: border-box;
  color: #DC2626;
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0;
  padding: 36px;
  text-align: center;
  width: 100%;
}

.fep-success {
  background-color: #f3f9e8;
  color: #93C241;
}

#fep-menu {
  padding-bottom: 16px;
}

.fep-column-title a {
  text-decoration: none;
}

.fep-message-author {
  margin-right: 12px;
}

#fep-table .card-main {
    padding: 0;
}
#fep-table main.card-main div.fep-table-row {
	padding: 10px 20px;
}
#fep-table main.card-main div.fep-table-row-read {
	background-color: #dddee3 !important;
}
#fep-table main.card-main div.fep-table-row-read .fep-column-title a {
	font-weight: 400;
}
span.fep-unread-classp,span.fep_unread_message_count_hide_if_zero  {
	display: none;
}
div.fep-column-fep_demande {
	float:right;
}
.home-values .card-title {
	text-align: center;
}
.home-values .card-title.icon-above:before {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.home  .home-targets {
  
}

.home-header-france {
  background:url(img/france.svg) no-repeat center/100% 100%;
  width:130px;
  height:6px;
  margin-top:36px;
}

.radio-block label.has-image {
	min-height: 140px;
	padding-top: 60px;
}
.home-sfe .home-sfe-image {
    background: url(./img/home-sfe.webp) no-repeat center/cover;
    border-radius: 4px;
}

.home-targets .card .card-title .subtitle {
	display: block;
}
.filter .filter-choices .filter-choice-cb {
    padding: 16px 16px 16px 16px;
    border-bottom: solid 1px #f1f1f4;
    position: relative;
    cursor: pointer;
    transition: all 120ms ease, height 0ms;
}
.filter .filter-choices .filter-choice-cb input {
	float: left;
}
.filter .filter-choices .filter-choice-cb label {
    padding: 0px 32px;
	color: #6f7288;
    font-weight: 500;
}
#search_ateliers .card .card-main .chips {
    margin-top: 6px;
    margin-bottom: -6px;
}
.list-path li:after { display:none; }

.home-header-description {color:#D6D6FF; opacity: 0.8;}
.home-header {height: 450px;position: relative;    overflow: hidden;    background: #0f0f0f;padding: 0px 0;}
.home-header-title {color:white;}
@media only screen and (min-width: 769px)
.hero--450px {
    height: 450px;
}
/*.hero {    position: relative;    overflow: hidden; } */
.hero__image-wrapper, .hero__media {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.hero__media-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.hero__media video {
    position: relative;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.hero__media iframe, .hero__media video {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.hero__text-wrap {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,128,.4);
    padding-top:100px;
    padding-bottom:50px;
}
.hero__text-content.vertical-center {
    vertical-align: middle;
}
.hero__text-content {
    z-index: 2;
}
.hero__text-content {
    display: table-cell;
}
@media only screen and (min-width: 769px)
.hero__text-content {
    padding: 45px 0;
}
.hero__text-content {
    position: relative;
    z-index: 4;
}
.hero__text-shadow {
    position: relative;
    display: inline-block;
    min-width: 80px;
}

.home-clients .item-blocks {
  align-items:flex-start;
}

.background-habillement {
    background-image: url(./img/card-confection.jpg);
}
.background-textile {
    background-image: url(./img/card-confection.jpg);
}
.background-masques {
    background-image: url(./img/card-masques.jpg);
}
.background-fourniture {
    background-image: url(./img/card-mercerie.jpg);
}
.background-matiere {
    background-image: url(./img/card-matiere.jpg);
}
.center-home {
    margin: 0 auto;
    max-width: 360px;
}
.radio-block label.has-image { 
	font-size: 15px;
}



.site-header .site-navigation ul li.menu-item-actions > a {
    background-image: url(./img/actions.png);
}

.site-header .site-navigation ul li.menu-item-projets > a {
    background-image: url(./img/projets.png);
}

/* --- Confirmation de formulaire --- */
.card-subtitle {
    margin: 0.25em 0 0.75em;
    font-size: 0.95em;
    font-style: italic;
    color: inherit;
    opacity: 0.85;
}
table.profile-recap {
    width: 100%;
    margin: 0.75em 0 0;
    border-collapse: collapse;
    font-size: 0.9em;
    font-style: italic;
}
table.profile-recap th,
table.profile-recap td {
    padding: 0.4em 0.5em;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    vertical-align: top;
}
table.profile-recap th {
    width: 40%;
    font-weight: 600;
    opacity: 0.7;
}
table.profile-recap tr:last-child th,
table.profile-recap tr:last-child td {
    border-bottom: none;
}

/* ============================================================
   Tableau de bord — refonte UX 2026
   ============================================================ */

/* Compteurs coopératifs */
.dash-coop-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625em;
    margin-bottom: 1em;
}
@media (max-width: 500px) {
    .dash-coop-stats { grid-template-columns: 1fr; }
}
.dash-coop-stat {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 0.625em;
    padding: 0.875em 1em;
    text-align: center;
}
.dash-coop-stat__val {
    font-size: 1.5em;
    font-weight: 800;
    color: #15803d;
    line-height: 1.1;
}
.dash-coop-stat__label {
    font-size: 0.7em;
    color: #166534;
    margin-top: 0.2em;
}

/* Navigation rapide */
.dash-quick-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    padding: 0.75em 1em;
    margin-bottom: 1em;
}
.dash-quick-nav__label {
    font-size: 0.7em;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 0.25em;
    flex-shrink: 0;
}
.dash-quick-nav__btn {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.375em;
    padding: 0.375em 0.75em;
    font-size: 0.8em;
    color: #374151;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s;
}
.dash-quick-nav__btn:hover {
    border-color: #93C241;
    color: #93C241;
    text-decoration: none;
}

/* Barre de progression onboarding */
.dash-journey {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.625em;
    padding: 0.75em 1.125em;
    margin-bottom: 1em;
    overflow-x: auto;
}
.dash-journey__step {
    display: flex;
    align-items: center;
    gap: 0.375em;
    flex-shrink: 0;
}
.dash-journey__dot {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7em;
    font-weight: 700;
    flex-shrink: 0;
}
.dash-journey__dot--done  { background: #22c55e; color: white; }
.dash-journey__dot--active { background: #93C241; color: white; }
.dash-journey__dot--todo  { background: #e5e7eb; color: #9ca3af; }
.dash-journey__label { font-size: 0.75em; }
.dash-journey__label--done   { color: #9ca3af; text-decoration: line-through; }
.dash-journey__label--active { color: #93C241; font-weight: 600; }
.dash-journey__label--todo   { color: #9ca3af; }
.dash-journey__line {
    flex: 1;
    min-width: 1.5em;
    height: 2px;
    margin: 0 0.375em;
}
.dash-journey__line--done { background: #22c55e; }
.dash-journey__line--todo { background: #e5e7eb; }

/* Grille KPIs */
.dash-kpi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625em;
    margin-bottom: 1em;
}
@media (max-width: 600px) {
    .dash-kpi-grid { grid-template-columns: 1fr 1fr; }
}
.dash-kpi {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5em;
    padding: 0.75em 0.875em;
}
.dash-kpi--parts {
    border-color: #b0d96a;
    background: #f3f9e8;
}
.dash-kpi__val {
    font-size: 1.5em;
    font-weight: 800;
    color: #3B82F6;
    line-height: 1.1;
}
.dash-kpi__label {
    font-size: 0.7em;
    color: #6b7280;
    margin-top: 0.2em;
}
.dash-kpi__sub {
    font-size: 0.7em;
    color: #93C241;
    margin-top: 0.2em;
}
.dash-kpi__sub--warn { color: #f59e0b; }
.dash-kpi--attente .dash-kpi__val { color: #f59e0b; }
.dash-kpi--attente .dash-kpi__sub { color: #9ca3af; }
.dash-kpi__pending {
    font-size: 0.72em;
    color: #d97706;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 2px 6px;
    margin-top: 0.35em;
    display: inline-block;
}
.dash-kpi__val--pending { color: #d97706; }
.dash-kpi__link {
    display: inline-block;
    margin-top: 0.375em;
    font-size: 0.7em;
    color: #3B82F6;
    font-weight: 600;
    text-decoration: none;
}
.dash-kpi__link:hover { text-decoration: underline; }
.dash-kpi__actions { display: flex; justify-content: space-between; align-items: center; }
.dash-kpi__link--muted { color: #60a5fa; font-weight: 500; }
.dash-kpi__link--muted:hover { color: #3b82f6; }

/* Carte invitation CCA */
.dash-cca-invite {
    background: linear-gradient(135deg, #4B7A1F 0%, #93C241 100%);
    color: white;
    border-radius: 0.75em;
    padding: 1.375em 1.5em;
    margin-bottom: 1em;
}
.dash-cca-invite__title {
    margin: 0 0 0.25em;
    font-size: 1.1em;
    color: white;
}
.dash-cca-invite__subtitle {
    font-size: 0.8em;
    opacity: 0.8;
    margin: 0 0 1em;
}
.dash-cca-invite__args {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625em;
    margin-bottom: 1.125em;
}
@media (max-width: 500px) {
    .dash-cca-invite__args { grid-template-columns: 1fr; }
}
.dash-cca-invite__arg {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 0.5em;
    padding: 0.625em 0.75em;
}
.dash-cca-invite__arg-icon  { font-size: 1.1em; margin-bottom: 0.25em; }
.dash-cca-invite__arg-title { font-size: 0.75em; font-weight: 600; margin-bottom: 0.125em; }
.dash-cca-invite__arg-desc  { font-size: 0.7em; opacity: 0.8; }
.dash-cca-invite__actions   { display: flex; gap: 0.625em; flex-wrap: wrap; align-items: center; }
.dash-cca-invite__btn-primary {
    background: white;
    color: #93C241;
    border: none;
    border-radius: 0.375em;
    padding: 0.5625em 1.125em;
    font-size: 0.8em;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.dash-cca-invite__btn-primary:hover { background: #f3f9e8; color: #93C241; text-decoration: none; }
.dash-cca-invite__btn-ghost {
    background: transparent;
    color: white;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.375em;
    padding: 0.5em 1.125em;
    font-size: 0.8em;
    text-decoration: none;
    display: inline-block;
}
.dash-cca-invite__btn-ghost:hover { border-color: white; color: white; text-decoration: none; }

/* Bannière souscription parts */
.dash-parts-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    background: #eef2ff;
    border: 1.5px solid #c7d2fe;
    border-radius: 0.625em;
    padding: 0.75em 1em;
    margin-bottom: 1em;
    flex-wrap: wrap;
}
.dash-parts-cta__left  { display: flex; align-items: center; gap: 0.625em; }
.dash-parts-cta__icon  { font-size: 1.25em; }
.dash-parts-cta__title { font-size: 0.8em; font-weight: 600; color: #1e3a8a; }
.dash-parts-cta__desc  { font-size: 0.75em; color: #4338ca; opacity: 0.8; }
.dash-parts-cta__btn {
    background: #4338ca;
    color: white;
    border: none;
    border-radius: 0.375em;
    padding: 0.5em 1em;
    font-size: 0.8em;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}
.dash-parts-cta__btn:hover { background: #3730a3; color: white; text-decoration: none; }

/* Tableau comparatif CCA vs Parts */
.dash-compare {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.625em;
    padding: 1em 1.125em;
    margin-bottom: 1em;
    overflow-x: auto;
}
.dash-compare__title {
    margin: 0 0 0.75em;
    font-size: 0.75em;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.dash-compare table { width: 100%; border-collapse: collapse; font-size: 0.8em; }
.dash-compare th {
    padding: 0.375em 0.625em;
    background: #f9fafb;
    text-align: center;
    font-size: 0.75em;
    color: #6b7280;
    font-weight: 600;
}
.dash-compare th:first-child { text-align: left; }
.dash-compare td {
    padding: 0.4375em 0.625em;
    border-top: 1px solid #f3f4f6;
    color: #374151;
    text-align: center;
}
.dash-compare td:first-child { text-align: left; font-weight: 500; }
.dash-compare tr.dash-compare__hl td { background: #f3f9e8; }
.dash-compare .dash-compare__yes { color: #22c55e; font-weight: 700; }
.dash-compare .dash-compare__no  { color: #ef4444; }
.dash-compare th.dash-compare__th-cca { color: #93C241; }

/* Bloc CCA actif (état 2) */
.dash-cca-active {
    background: white;
    border: 2px solid #93C241;
    border-radius: 0.75em;
    padding: 1.125em 1.25em;
    margin-bottom: 1em;
}
.dash-cca-active__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.875em;
    flex-wrap: wrap;
    gap: 0.5em;
}
.dash-cca-active__eyebrow { font-size: 0.75em; color: #6b7280; margin-bottom: 0.25em; }
.dash-cca-active__balance { font-size: 1.75em; font-weight: 800; color: #93C241; line-height: 1.1; }
.dash-cca-active__rate-badge {
    background: #f3f9e8;
    color: #93C241;
    border-radius: 0.375em;
    padding: 0.1875em 0.625em;
    font-size: 0.75em;
    font-weight: 600;
    white-space: nowrap;
    align-self: flex-start;
}
.dash-cca-active__actions { display: flex; gap: 0.5em; flex-wrap: wrap; }

/* Zone actualités */
.dash-news {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.625em;
    padding: 1em 1.125em;
    margin-bottom: 1em;
}
.dash-news__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.875em;
    flex-wrap: wrap;
    gap: 0.5em;
}
.dash-news__header-title {
    margin: 0;
    font-size: 0.75em;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.dash-news__all-link { font-size: 0.75em; color: #1d4ed8; text-decoration: none; }
.dash-news__all-link:hover { text-decoration: underline; }
.dash-news__items { display: flex; flex-direction: column; gap: 0; }
.dash-news__item {
    display: flex;
    gap: 0.75em;
    align-items: flex-start;
    padding: 0.625em 0;
    border-top: 1px solid #f3f4f6;
}
.dash-news__item:first-child { border-top: none; padding-top: 0; }
.dash-news__thumb {
    width: 3.25em;
    height: 3.25em;
    border-radius: 0.375em;
    flex-shrink: 0;
    object-fit: cover;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375em;
    overflow: hidden;
}
.dash-news__thumb img { width: 100%; height: 100%; object-fit: cover; }
.dash-news__title { font-size: 0.8em; font-weight: 600; color: #111827; margin-bottom: 0.125em; }
.dash-news__meta  { font-size: 0.7em; color: #9ca3af; margin-bottom: 0.25em; }
.dash-news__desc  { font-size: 0.75em; color: #6b7280; }
.dash-news__tag {
    display: inline-block;
    border-radius: 99px;
    padding: 0.125em 0.5em;
    font-size: 0.65em;
    font-weight: 600;
    margin-bottom: 0.25em;
}
.dash-news__tag--finance  { background: #dcfce7; color: #166534; }
.dash-news__tag--en-cours { background: #fef9c3; color: #854d0e; }
.dash-news__tag--default  { background: #e5e7eb; color: #374151; }

/* ══════════════════════════════════════════════════════════════
   DESIGN SYSTEM V2 — Refonte UI site complet · 2026-03-23
   ══════════════════════════════════════════════════════════════ */

/* ── Fond de page ── */
html, body { background-color: #f3f4f6 !important; }

/* ── Cards : coins arrondis, ombre légère ── */

/* Suppression de la barre colorée top sur les cartes dash-* */
.card[class*=dash-]:before { display: none !important; }
/* Réinitialiser le padding top ajouté pour compenser la barre */
.card[class*=dash-] .card-main { padding-top: 24px !important; }

/* ── Site header : sticky, compact, trait bas ── */
.site-header {
  height: auto !important;
  position: sticky !important;
  top: 0;
  z-index: 1000;
  box-shadow: none !important;
  border-bottom: 1px solid #e5e7eb;
}
.site-header .layout-wrapper {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* Supprimer le trait décoratif sous le header */
.site-header .layout-wrapper:after { display: none !important; }

/* ── Bleu unifié : #1d4ed8 (remplace #87b4c3) ── */
.background-blue-50 { background-color: #1d4ed8 !important; }
.color-blue-50      { color: #1d4ed8 !important; }
.background-blue-80 { background-color: #dbeafe !important; }
.background-blue-90 { background-color: #eff6ff !important; }

/* ── Boutons de navigation rapide (header) ── */
.dash-quick-nav__btn {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border: none !important;
  font-size: 0.78em !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
}
.dash-quick-nav__btn:hover {
  background: #bfdbfe !important;
  color: #1e40af !important;
  text-decoration: none !important;
}

/* ── Inputs : bordure fine, coins arrondis ── */
.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="password"],
.form-field input[type="number"],
.form-field input[type="date"],
.form-field input[type="tel"],
.card input[type="text"],
.card input[type="email"],
.card input[type="password"],
.card input[type="number"],
.card input[type="date"],
.card input[type="tel"],
.card textarea {
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
}
.form-field input:focus,
.card input:focus,
.card textarea:focus {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.08);
}

/* ── Tables : en-tête sobre, séparateurs discrets ── */
.card table thead th,
.table-responsive thead th {
  background: #f9fafb !important;
  color: #9ca3af !important;
  font-size: 0.72em !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-bottom: 1.5px solid #e5e7eb !important;
}
.card table td,
.table-responsive td {
  border-bottom: 1px solid #f3f4f6 !important;
}
.card table tr:last-child td,
.table-responsive tr:last-child td {
  border-bottom: none !important;
}

/* ── Statut badge "Validé" dans les tables CCA ── */
.button.size-s.background-green-50 {
  border-radius: 99px;
  padding: 0.15rem 0.6rem;
  font-size: 0.78em;
}

/* ── Nav rapide : sans fond ni bordure ── */
.dash-quick-nav {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* ── Nom de l'utilisateur connecté : sans fond ── */
.entity.entity-client {
  background: transparent !important;
  border: none !important;
}

/* ══════════════════════════════════════════════════
   BLOC ENGAGEMENT — Renforcer mon engagement (dashboard)
   ══════════════════════════════════════════════════ */

.dash-engage {
  background: transparent;
}
.dash-engage__header {
  padding: 0 0 0.75rem;
}
.dash-engage__title {
  font-size: 1em;
  font-weight: 800;
  color: #111827;
  margin-bottom: 0.2rem;
}
.dash-engage__subtitle {
  font-size: 0.75em;
  color: #6b7280;
  margin: 0;
}
.dash-engage__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625em;
}
@media (max-width: 640px) {
  .dash-engage__grid { grid-template-columns: 1fr; }
}
.dash-engage__card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5em;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.dash-engage__card--parts { /* pas de border-right spécial */ }
.dash-engage__eyebrow {
  font-size: 0.65em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
}
.dash-engage__card-title { font-size: 0.9em; font-weight: 700; color: #111827; margin: 0; }
.dash-engage__card-desc  { font-size: 0.75em; color: #6b7280; margin: 0; line-height: 1.5; }
.dash-engage__stats      { display: flex; gap: 1.5rem; }
.dash-engage__stat-val   { font-size: 1.1em; font-weight: 800; color: #111827; }
.dash-engage__stat-label { font-size: 0.65em; color: #9ca3af; }
.dash-engage__badge {
  display: inline-block;
  font-size: 0.7em;
  font-weight: 700;
  padding: 0.2rem 0.6rem;
  border-radius: 99px;
  width: fit-content;
}
.dash-engage__badge--fiscal { background: #dbeafe; color: #1d4ed8; }
.dash-engage__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.dash-engage__features li {
  font-size: 0.75em;
  color: #374151;
  padding-left: 1.1em;
  position: relative;
}
.dash-engage__features li::before { content: "✓"; position: absolute; left: 0; color: #93C241; font-weight: 700; }
.dash-engage__rate         { display: flex; align-items: baseline; gap: 0.4rem; }
.dash-engage__rate-val     { font-size: 1.6em; font-weight: 800; color: #93C241; }
.dash-engage__rate-label   { font-size: 0.72em; color: #6b7280; }
.dash-engage__cca-balance  { background: #f3f9e8; border-radius: 6px; padding: 0.75rem 1rem; }
.dash-engage__cca-balance-val   { font-size: 1.3em; font-weight: 800; color: #93C241; }
.dash-engage__cca-balance-label { font-size: 0.68em; color: #6b7280; }
.dash-engage__cca-actions  { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.dash-engage__cca-history  { font-size: 0.75em; color: #3B82F6; margin-left: auto; text-decoration: none; }
.dash-engage__cca-history:hover { text-decoration: underline; }
.dash-engage__btn {
  display: inline-block;
  padding: 0.55rem 1.1rem;
  border-radius: 6px;
  font-size: 0.78em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  margin-top: auto;
}
.dash-engage__btn--primary { background: #93C241; color: white; }
.dash-engage__btn--primary:hover { background: #7aad2e; color: white; text-decoration: none; }
.dash-engage__btn--cca     { background: #93C241; color: white; }
.dash-engage__btn--cca:hover { background: #7aad2e; color: white; text-decoration: none; }
.dash-engage__btn--ghost   { background: white; color: #6B7280; border: 1.5px solid #6B7280; }
.dash-engage__btn--ghost:hover { background: #f3f4f6; text-decoration: none; }
.dash-engage__btn--secondary { background: #f3f4f6; color: #374151; border: 1.5px solid #d1d5db; }
.dash-engage__btn--secondary:hover { background: #e5e7eb; color: #111827; text-decoration: none; }

/* Toggle défiscalisation */
.dash-engage__toggle {
  display: flex;
  gap: 0;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  width: fit-content;
}
.dash-engage__toggle-btn {
  background: white;
  border: none;
  padding: 0.35rem 0.8rem;
  font-size: 0.72em;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.dash-engage__toggle-btn + .dash-engage__toggle-btn {
  border-left: 1.5px solid #e5e7eb;
}
.dash-engage__toggle-btn.is-active {
  background: #3B82F6;
  color: white;
}
.dash-engage__badge--no-fiscal { background: #f3f4f6; color: #6b7280; }

/* ══════════════════════════════════════════════════
   PAGE SOUSCRIPTION — Intro + CTA
   ══════════════════════════════════════════════════ */

.ssc-intro__title,
.ssc-historique__title {
  font-size: 1em;
  font-weight: 800;
  color: #111827;
  margin: 0 0 0.75rem;
}
.ssc-intro__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.625em;
}
@media (max-width: 700px) {
  .ssc-intro__grid { grid-template-columns: 1fr 1fr; }
}
.ssc-intro__card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5em;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.ssc-intro__card--cca {
  background: #eff6ff;
  border-color: #bfdbfe;
  gap: 0.4rem;
}
.ssc-intro__icon { font-size: 1.2em; }
.ssc-intro__cca-eyebrow {
  font-size: 0.65em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #1d4ed8;
}
.ssc-intro__card-title {
  font-size: 0.8em;
  font-weight: 700;
  color: #111827;
  display: block;
}
.ssc-intro__card-desc {
  font-size: 0.72em;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
  flex: 1;
}
.ssc-intro__cca-link {
  font-size: 0.73em;
  font-weight: 700;
  color: #1d4ed8;
  text-decoration: none;
  margin-top: auto;
}
.ssc-intro__cca-link:hover { text-decoration: underline; }

.ssc-cta {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5em;
  overflow: hidden;
}
.ssc-cta__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
}
.ssc-cta__title {
  font-size: 0.9em;
  font-weight: 800;
  color: #111827;
}
.ssc-cta__sub {
  font-size: 0.72em;
  color: #6b7280;
  margin-top: 0.1rem;
}

/* ── Formulaire de souscription ── */
.ssc-form__guards { padding: 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; }

.ssc-form__hero { padding: 1.75rem 1.5rem 1.25rem; text-align: center; border-bottom: 1px solid #f3f4f6; }
.ssc-form__hero-label { font-size: 0.72em; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9ca3af; margin-bottom: 0.5rem; }
.ssc-form__amount-display { font-size: 2.8em; font-weight: 900; color: #111827; line-height: 1.1; }
.ssc-form__amount-parts { font-size: 0.78em; color: #6b7280; margin-top: 0.25rem; }

.ssc-form__presets { display: flex; gap: 0.5rem; justify-content: center; margin-top: 1.25rem; flex-wrap: wrap; }
.ssc-preset {
  padding: 0.55rem 1rem;
  border: 1.5px solid #e5e7eb;
  border-radius: 6px;
  background: white;
  font-size: 0.8em;
  font-weight: 700;
  color: #374151;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  transition: border-color 0.15s, background 0.15s;
}
.ssc-preset small { font-weight: 400; color: #9ca3af; font-size: 0.85em; }
.ssc-preset--active { border-color: #93C241; background: #f3f9e8; color: #3a5a0d; }
.ssc-preset--active small { color: #93C241; }
.ssc-preset--other { border-style: dashed; color: #9ca3af; }
.ssc-preset--other small { color: #d1d5db; }

.ssc-form__custom-input-row { display: flex; align-items: center; gap: 0.5rem; justify-content: center; margin-top: 0.75rem; }
.ssc-form__custom-input { width: 7rem; border: 1.5px solid #d1d5db; border-radius: 6px; padding: 0.4rem 0.6rem; font-size: 0.9em; text-align: center; }
.ssc-form__custom-label { font-size: 0.78em; color: #6b7280; }

.ssc-form__defis-pills { display: flex; gap: 0.5rem; justify-content: center; margin-top: 1rem; }
.ssc-defis-pill {
  padding: 0.35rem 0.9rem;
  border-radius: 6px;
  font-size: 0.72em;
  font-weight: 600;
  border: 1.5px solid #e5e7eb;
  background: white;
  color: #6b7280;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.ssc-defis-pill--active { background: #3B82F6; color: white; border-color: #3B82F6; }

.ssc-form__defis-info {
  margin: 0;
  background: #eff6ff;
  border-bottom: 1px solid #dbeafe;
  padding: 0.75rem 1.5rem;
}
.ssc-form__defis-economy { font-size: 0.78em; color: #1e40af; font-weight: 700; }
.ssc-form__defis-engagement { font-size: 0.72em; color: #374151; margin-top: 0.2rem; }
.ssc-form__defis-more-btn {
  background: none;
  border: none;
  font-size: 0.68em;
  color: #1d4ed8;
  cursor: pointer;
  padding: 0;
  margin-top: 0.35rem;
  display: block;
}
.ssc-form__defis-legal {
  font-size: 0.68em;
  color: #6b7280;
  line-height: 1.6;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #dbeafe;
}

.ssc-form__accordion { border-top: 1px solid #f3f4f6; }
.ssc-form__acc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.875rem 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.ssc-form__acc-header:hover { background: #fafafa; }
.ssc-form__acc-title { font-size: 0.82em; font-weight: 700; color: #111827; }
.ssc-form__acc-right { display: flex; align-items: center; gap: 0.5rem; }
.ssc-form__acc-val { font-size: 0.75em; color: #6b7280; }
.ssc-form__acc-arrow { font-size: 0.7em; color: #9ca3af; }
.ssc-form__acc-body { padding: 0 1.25rem 1rem; }
.ssc-form__acc-note { font-size: 0.72em; color: #6b7280; margin-top: 0.4rem; }

/* Mode de règlement : radio → pills */
.ssc-form__acc-body .radio-button { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ssc-form__acc-body .radio-button .radio-button { display: contents; }
.ssc-form__acc-body .radio-button input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ssc-form__acc-body .radio-button label {
  display: inline-block;
  padding: 0.45rem 1rem;
  border: 1.5px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.78em;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
  user-select: none;
}
.ssc-form__acc-body .radio-button input[type="radio"]:checked + label {
  background: #93C241;
  border-color: #93C241;
  color: white;
}
.ssc-form__acc-body .radio-button label:hover { border-color: #93C241; color: #3a5a0d; }

/* IBAN input */
.ssc-form__acc-body #IBAN {
  width: 100%;
  font-size: 1em;
  padding: 0.6rem 0.875rem;
  letter-spacing: 0.05em;
  border: 1.5px solid #d1d5db;
  border-radius: 6px;
  box-sizing: border-box;
}
.ssc-form__acc-body #IBAN:focus { border-color: #93C241; outline: none; }

/* Hint "Autre" */
.ssc-form__custom-parts-hint { font-size: 0.72em; color: #6b7280; margin-top: 0.3rem; text-align: center; }

.ssc-form__gate-section { border-top: 1px solid #f3f4f6; padding: 1rem 1.25rem; }
.ssc-form__gate-question { font-size: 0.82em; font-weight: 700; color: #111827; margin-bottom: 0.25rem; }
.ssc-form__gate-desc { font-size: 0.72em; color: #6b7280; margin: 0 0 0.6rem; line-height: 1.5; }
.ssc-form__gate-optional { font-size: 0.85em; color: #9ca3af; font-weight: 400; }
.ssc-form__gate-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.ssc-gate-btn {
  padding: 0.35rem 0.875rem;
  border-radius: 6px;
  font-size: 0.75em;
  font-weight: 600;
  border: 1.5px solid #e5e7eb;
  background: white;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.ssc-gate-btn--yes { background: #fef3c7; border-color: #F59E0B; color: var(--orange-dark); }
.ssc-gate-btn--no  { background: #f3f9e8; border-color: #93C241; color: #3a5a0d; }
.ssc-form__gate-legal { font-size: 0.68em; color: #9ca3af; line-height: 1.5; margin-top: 0.5rem; padding: 0.4rem 0.5rem; background: #f9fafb; border-radius: 4px; }
.ssc-form__gate-none { font-size: 0.75em; color: #3db056; font-weight: 600; margin-top: 0.5rem; }

/* Gate checkboxes : inline avec retour à la ligne */
#ssc-gate-dof,
#ssc-gate-impact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-top: 0.5rem;
}
#ssc-gate-dof .checkbox,
#ssc-gate-impact .checkbox {
  display: inline-block;
  margin-bottom: 0;
}
#ssc-gate-dof .checkbox label,
#ssc-gate-impact .checkbox label {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ssc-form__recap {
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 1rem 1.25rem;
}
.ssc-form__recap-identity { margin-bottom: 0.75rem; }
.ssc-form__recap-label { font-size: 0.68em; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: #9ca3af; display: block; margin-bottom: 0.2rem; }
.ssc-form__recap-name { font-size: 0.82em; font-weight: 700; color: #111827; margin-bottom: 0.25rem; }
.ssc-form__recap-details-list { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; margin-bottom: 0.4rem; }
.ssc-form__recap-details-list span { font-size: 0.72em; color: #6b7280; }
.ssc-form__recap-details-list span + span::before { content: '·'; margin-right: 0.75rem; color: #d1d5db; }
.ssc-form__recap-profil-link { font-size: 0.72em; color: #1d4ed8; text-decoration: none; }
.ssc-form__recap-profil-link:hover { text-decoration: underline; }
.ssc-form__recap-link-hint { color: #9ca3af; font-weight: 400; }
.ssc-form__recap-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.ssc-form__recap-amount { font-size: 1.2em; font-weight: 900; color: #111827; }
.ssc-form__recap-details { font-size: 0.75em; color: #374151; margin-top: 0.15rem; }
.ssc-form__recap-fiscal { font-size: 0.75em; color: #1d4ed8; font-weight: 600; margin-top: 0.1rem; }

/* ── Livret Oasis : CTA toggle ── */
.cca-cta { background: white; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
.cca-cta__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.25rem; flex-wrap: wrap; }
.cca-cta__body { flex: 1; }
.cca-cta__title { font-size: 0.95em; font-weight: 700; color: #111827; margin-bottom: 0.25rem; }
.cca-cta__sub { font-size: 0.78em; color: #6b7280; }
.cca-cta__actions { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.cca-btn--close { background: transparent !important; color: #6b7280 !important; border: 1px solid #d1d5db !important; box-shadow: none !important; }

/* ── Pages d'onboarding (inscription / finalisation) — masquer la sidebar ── */
.is-onboarding .app-sidebar,
.is-onboarding .app-sidebar-overlay,
.is-onboarding .app-mobile-bar { display: none !important; }
.is-onboarding .app-main { margin-left: 0 !important; padding: 0 !important; }

/* ── Layout finalisation : formulaire + photo sticky ── */
.finalisation-layout { align-items: flex-start; min-height: 100vh; }
.finalisation-layout__form { overflow-y: visible; max-width: 680px; }
.finalisation-layout__photo { position: sticky; top: 0; height: 100vh; width: 50%; }
@media (max-width: 900px) {
  .finalisation-layout { flex-direction: column; }
  .finalisation-layout__photo { display: none; }
  .finalisation-layout__form { max-width: 100%; }
}

/* ── Livret Oasis : mode règlement pills ── */
.cca-mode-pills { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.5rem; }
.cca-mode-pills .radio-button { display: inline-flex; }
.cca-mode-pills .radio-button input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
.cca-mode-pills .radio-button label { display: inline-block; padding: 0.35rem 0.9rem; border: 1.5px solid #e5e7eb; border-radius: 6px; font-size: 0.78em; font-weight: 600; color: #374151; cursor: pointer; user-select: none; transition: all 0.15s; }
.cca-mode-pills .radio-button label:hover { border-color: #9ca3af; }
.cca-mode-pills .radio-button.cca-mode-pill--active label { background: #3B82F6; color: white; border-color: #3B82F6; }

/* ── Livret Oasis : IBAN agrandi ── */
#cca_iban { width: 100%; font-size: 1em; letter-spacing: 0.05em; }

/* ── Livret Oasis : iFrame signature ── */
#cca-sign-wrap { padding: 1.25rem 0; }
#cca-sign-wrap p { font-size: 0.82em; color: #374151; margin-bottom: 0.5rem; }
#cca-sign-wrap iframe { border: 1px solid #e5e7eb; border-radius: 6px; display: block; width: 100%; height: 700px; }
#cca-sign-done { margin-top: 1rem; }

/* ══════════════════════════════════════════════════
   LAYOUT APP — Sidebar + contenu (utilisateurs connectés)
   ══════════════════════════════════════════════════ */

.app-layout {
  display: flex;
  min-height: 100vh;
}

/* ── Sidebar ── */
.app-sidebar {
  width: 220px;
  flex-shrink: 0;
  background: white;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 100;
}

.app-sidebar__logo {
  display: block;
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 1px solid #f3f4f6;
}
.app-sidebar__logo .svg-content {
  max-width: 130px;
  min-width: unset;
}

/* ── Bloc profil + montant ── */
.app-sidebar__profile {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f3f4f6;
  background: #f9fafb;
}
.app-sidebar__profile-name {
  font-size: 0.8em;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.25rem;
}
.app-sidebar__profile-amount {
  font-size: 1.25em;
  font-weight: 800;
  color: #1d4ed8;
  line-height: 1.1;
}
.app-sidebar__profile-label {
  font-size: 0.68em;
  color: #9ca3af;
  margin-top: 0.1rem;
}
.app-sidebar__profile-pending {
  font-size: 0.68em;
  color: #d97706;
  margin-top: 0.2rem;
}

.app-sidebar__nav {
  flex: 1;
  padding: 0.75rem 0;
  display: flex;
  flex-direction: column;
}

.app-sidebar__link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 1.25rem;
  font-size: 0.82em;
  font-weight: 500;
  color: #374151;
  text-decoration: none;
  border-radius: 0;
  transition: background 0.1s, color 0.1s;
}
.app-sidebar__link:hover {
  background: #f3f4f6;
  color: #111827;
  text-decoration: none;
}
.app-sidebar__link.is-active {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}
.app-sidebar__icon {
  font-size: 1em;
  width: 1.25em;
  text-align: center;
  flex-shrink: 0;
}
.app-sidebar__link--external {
  color: #6b7280;
  font-size: 0.78em;
  margin-top: 0.25rem;
  border-top: 1px solid #f3f4f6;
  padding-top: 0.75rem;
  margin-top: 0.5rem;
}

.app-sidebar__footer {
  padding: 1rem 1.25rem;
  border-top: 1px solid #f3f4f6;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-sidebar__user {
  font-size: 0.8em;
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-sidebar__logout {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75em;
  color: #9ca3af;
  text-decoration: none;
}
.app-sidebar__logout:hover { color: #374151; text-decoration: none; }

/* ── Zone principale ── */
.app-main {
  flex: 1;
  min-width: 0;
  margin-left: 220px;
  padding: 2rem 2rem 3rem;
}

/* Dans le layout sidebar, .layout-wrapper ne centre plus */
.app-main .layout-wrapper {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE MOBILE
   ══════════════════════════════════════════════════ */

/* ── Tables : défilement horizontal sur mobile ── */
@media (max-width: 768px) {
  .table-responsive {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
  }
}

/* ── KPI grid + intro grid : 1 colonne sous 400px ── */
@media (max-width: 400px) {
  .dash-kpi-grid { grid-template-columns: 1fr; }
  .ssc-intro__grid { grid-template-columns: 1fr; }
}

/* ── CTA souscription : stack sur mobile ── */
@media (max-width: 600px) {
  .ssc-cta__header {
    flex-direction: column;
    align-items: stretch;
  }
  .ssc-cta__header .button {
    text-align: center;
    justify-content: center;
  }
}

/* ── Top bar mobile (hamburger) — masquée sur desktop ── */
.app-mobile-bar {
  display: none;
}

/* ── Overlay sidebar ── */
.app-sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  z-index: 150;
}
.app-sidebar-overlay.is-visible {
  display: block;
}

/* ── Sidebar : drawer slide-in sur mobile ── */
@media (max-width: 768px) {
  /* Top bar fixe */
  .app-mobile-bar {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 52px;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    z-index: 200;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
  }
  .app-mobile-bar__logo img {
    height: 28px;
    width: auto;
    display: block;
  }
  .app-mobile-bar__toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #374151;
  }
  .app-mobile-bar__toggle:hover { background: #f3f4f6; }
  .app-mobile-bar__toggle svg { display: block; }

  /* Sidebar cachée hors-écran par défaut */
  .app-sidebar {
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    z-index: 300;
    /* conserver top/left/bottom/width du desktop */
  }
  .app-sidebar.is-open {
    transform: translateX(0);
  }

  /* Contenu principal : top-padding pour la top bar, plus de marge gauche */
  .app-main {
    margin-left: 0 !important;
    padding: 1rem 1rem 2rem;
    padding-top: calc(52px + 1rem);
  }
}
.dash-news__tag--default  { background: #e5e7eb; color: #374151; }

table { width: 100%; }

/* ── CCA form components (déplacés depuis page-compte-courant-associe.php) ── */
.cca-montant-inline { display: flex; align-items: center; gap: 0.35rem; }
.cca-montant-inline input { width: 8rem; min-width: 6rem; }
.cca-operation-radios { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
#card-form-cca .input-readonly { background: #f5f5f5; cursor: not-allowed; }

/* ── Data tables (historique souscription + CCA) ── */
.data-table th { text-align: left; padding: 0.5rem 0.75rem; }
.data-table td { padding: 0.5rem 0.75rem; }

/* ── Historique cards (no padding) ── */
#souscription-historique { padding: 0; overflow: hidden; }
#souscription-historique > .card-main { padding: 0; }

/* ── Admin debug blocks ── */
.debug-block { background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; padding: 1rem; font-size: 13px; }
.debug-block summary { cursor: pointer; font-weight: bold; }
.debug-block ul { list-style: disc; margin-left: 1.5em; margin-top: 0.5em; }
.debug-block code { word-break: break-all; }
.debug-block pre { background: #fff; padding: 10px; overflow: auto; max-height: 300px; font-size: 12px; }
.debug-block__inner { margin-top: 0.75rem; text-align: left; }
.debug-block p { margin-top: 0.5em; }

/* ── Modals adhesion (full width) ── */
.modal-adhesion .card { width: 100%; max-width: 100%; }

/* ── Site account header (bouton connexion) ── */
.site-header .site-account { margin-left: auto; }

/* ── ZohoSign iframe (tableau de bord) ── */
.zoho-sign-iframe { border: 1px solid #ccc; border-radius: 4px; }

/* ── Souscription — bloc AJAX résultat ── */
#requestAJAX { padding: 0; overflow: hidden; }

/* ── Souscription — lien remboursement discret ── */
.ssc-remboursement-link { margin-top: 0.5rem; }

/* ============================================
   ONBOARDING — Parcours 3 étapes (2026-03-26)
   ============================================ */

/* --- Indicateur de progression --- */
.onboarding-steps {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  gap: 0;
}
.onboarding-step {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 12px;
}
.onboarding-step__dot {
  width: 24px; height: 24px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700;
}
.onboarding-step--done .onboarding-step__dot  { background: #4caf50; color: #fff; }
.onboarding-step--active .onboarding-step__dot { background: var(--color-blue-50, #2d5be3); color: #fff; }
.onboarding-step--pending .onboarding-step__dot{ background: #ddd; color: #999; }
.onboarding-step--done span  { color: #4caf50; font-weight: 600; }
.onboarding-step--active span { color: var(--color-blue-50, #2d5be3); font-weight: 700; }
.onboarding-step--pending span { color: #999; }
.onboarding-step__line {
  flex: 1; height: 2px; background: #ddd; margin: 0 8px;
}
.onboarding-step__line--active { background: var(--color-blue-50, #2d5be3); }

/* --- Récap simulation (page-inscription) --- */
.onboarding-recap {
  display: flex; align-items: center; gap: 12px;
  background: #f0f4ff;
  border: 1.5px solid var(--color-blue-50, #2d5be3);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 20px;
}
.onboarding-recap__label {
  font-size: 10px; font-weight: 700; color: var(--color-blue-50, #2d5be3);
  text-transform: uppercase; letter-spacing: .5px;
  white-space: nowrap;
}
.onboarding-recap__content { flex: 1; font-size: 13px; color: #1a2540; }
.onboarding-recap__edit { font-size: 11px; color: var(--color-blue-50, #2d5be3); white-space: nowrap; background: none; border: none; cursor: pointer; padding: 0; text-decoration: none; }

/* Panneau de modification inline (page-inscription) */
.onboarding-modifier {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 20px;
}
.onboarding-modifier__total { font-size: 14px; color: #374151; margin: 0 0 12px; }
.onboarding-modifier__bar {
  position: relative;
  height: 28px;
  border-radius: 6px;
  overflow: visible;
  display: flex;
  cursor: pointer;
  margin-bottom: 8px;
}
.onboarding-modifier__bar-parts {
  background: var(--color-blue-50, #2d5be3);
  border-radius: 6px 0 0 6px;
  height: 100%;
  transition: width 0.05s;
}
.onboarding-modifier__bar-livret {
  background: #22c55e;
  border-radius: 0 6px 6px 0;
  height: 100%;
  transition: width 0.05s;
}
.onboarding-modifier__handle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid #374151;
  border-radius: 50%;
  cursor: grab;
  z-index: 2;
  transition: left 0.05s;
}
.onboarding-modifier__handle:active { cursor: grabbing; }
.onboarding-modifier__labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 14px;
}
.onboarding-modifier__actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* --- Simulateur (page-accueil) --- */
.accueil-simulator {
  display: flex;
  min-height: 70vh;
}
.accueil-simulator__form {
  flex: 1;
  padding: 40px 48px;
  background: #fff;
  overflow-y: auto;
}
.accueil-simulator__photo {
  width: 42%;
  position: relative;
  overflow: hidden;
  background: #1a2540;
  flex-shrink: 0;
}
.accueil-simulator__photo img {
  width: 100%; height: 100%; object-fit: cover; opacity: .85;
}
.accueil-simulator__photo-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(26,37,64,.85));
  padding: 20px 20px 24px;
}
.accueil-simulator__photo-stat  { color: #fff; font-size: 15px; font-weight: 700; }
.accueil-simulator__photo-sub   { color: rgba(255,255,255,.8); font-size: 12px; }

.accueil-already-member {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #f0faf4;
  border: 1.5px solid var(--color-green-50, #2d7a4f);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 10px;
}
.accueil-already-member__label {
  font-size: 10px; font-weight: 700; color: var(--color-green-50, #2d7a4f);
  text-transform: uppercase; letter-spacing: .5px; white-space: nowrap;
}
.accueil-already-member__content { flex: 1; font-size: 13px; color: #1a2540; }
.accueil-already-member__link {
  font-size: 12px; font-weight: 600; color: var(--color-green-50, #2d7a4f);
  white-space: nowrap; text-decoration: none; border: 1.5px solid var(--color-green-50, #2d7a4f);
  border-radius: 6px; padding: 4px 10px;
}
.accueil-already-member__link:hover { background: var(--color-green-50, #2d7a4f); color: #fff; }

.accueil-simulator__label {
  font-size: 11px; font-weight: 700;
  color: var(--color-blue-50, #2d5be3);
  letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 6px;
}
.accueil-simulator__title   { font-size: 26px; font-weight: 800; color: #1a2540; margin-bottom: 6px; }
.accueil-simulator__subtitle{ font-size: 14px; color: #666; margin-bottom: 28px; }
.accueil-simulator__section { margin-bottom: 20px; }
.accueil-simulator__question{ font-size: 13px; font-weight: 600; color: #333; display: block; margin-bottom: 10px; }

/* Slider montant */
.accueil-slider__labels {
  display: flex; justify-content: space-between;
  font-size: 10px; color: #888; margin-bottom: 4px;
}
.accueil-slider input[type=range] {
  width: 100%; accent-color: var(--color-blue-50, #2d5be3); cursor: pointer;
}
.accueil-slider__value {
  text-align: center; font-size: 22px; font-weight: 800;
  color: var(--color-blue-50, #2d5be3); margin-top: 4px;
}

/* Cartes choix (horizon / objectif) */
.accueil-cards { display: flex; gap: 8px; }
.accueil-cards--2col { flex-wrap: wrap; }
.accueil-cards--2col .accueil-card { flex: 1 1 calc(50% - 8px); }
.accueil-card {
  flex: 1;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px; padding: 10px;
  text-align: center; cursor: pointer;
  transition: border-color .15s, background .15s;
}
.accueil-card:hover { border-color: var(--color-blue-50, #2d5be3); }
.accueil-card--selected {
  border-color: var(--color-blue-50, #2d5be3);
  background: #f0f4ff;
}
.accueil-card__icon  { font-size: 18px; margin-bottom: 4px; }
.accueil-card__title { font-size: 12px; font-weight: 700; color: #333; }
.accueil-card--selected .accueil-card__title { color: var(--color-blue-50, #2d5be3); }
.accueil-card__sub   { font-size: 10px; color: #888; margin-top: 2px; }
.badge-default {
  display: inline-block;
  background: var(--color-blue-50, #2d5be3);
  color: #fff; font-size: 9px; font-weight: 700;
  padding: 2px 6px; border-radius: 10px;
  vertical-align: middle; margin-left: 4px;
}

/* Bloc recommandation */
.accueil-result__header {
  font-size: 13px; font-weight: 700; color: #2e7d32;
  background: #e8f5e9; border: 1.5px solid #4caf50;
  border-radius: 8px 8px 0 0; padding: 10px 14px;
}
.accueil-result__sub { font-size: 12px; color: #666; margin: 6px 0 12px; }
.accueil-repartition__bar {
  position: relative; display: flex;
  border-radius: 16px; overflow: visible;
  height: 36px; margin-bottom: 6px;
}
.accueil-repartition__parts {
  background: var(--color-blue-50, #2d5be3);
  display: flex; align-items: center; justify-content: center;
  border-radius: 16px 0 0 16px;
  transition: width .1s;
}
.accueil-repartition__livret {
  background: #66bb6a; flex: 1;
  display: flex; align-items: center; justify-content: center;
  border-radius: 0 16px 16px 0;
}
.accueil-repartition__parts span,
.accueil-repartition__livret span { color: #fff; font-size: 12px; font-weight: 700; }
.accueil-repartition__handle {
  position: absolute; top: 50%; transform: translate(-50%, -50%);
  width: 22px; height: 22px;
  background: #fff; border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.25); border: 2px solid #ccc;
  cursor: ew-resize; z-index: 1;
  left: 80%; /* updated by JS */
}
.accueil-repartition__hint { font-size: 10px; color: #888; text-align: center; }
.accueil-produits { display: flex; gap: 10px; margin: 14px 0; }
.accueil-produit {
  flex: 1; background: #fff;
  border-radius: 8px; padding: 12px;
  border: 1px solid #ddd;
}
.accueil-produit--parts  { border-color: var(--color-blue-50, #2d5be3); }
.accueil-produit__label  { font-size: 10px; font-weight: 700; color: var(--color-blue-50, #2d5be3); margin-bottom: 4px; }
.accueil-produit--livret .accueil-produit__label { color: #555; }
.accueil-produit__montant{ font-size: 22px; font-weight: 800; color: #1a2540; }
.accueil-produit__detail { font-size: 10px; color: #666; }
.accueil-produit__avantage{ font-size: 11px; color: #4caf50; margin-top: 6px; }
.accueil-produit__info   { font-size: 10px; color: #888; }
.accueil-note {
  background: #fff8e1; border-left: 3px solid #ffc107;
  padding: 8px 12px; border-radius: 0 6px 6px 0;
  font-size: 11px; color: #555; margin-bottom: 12px;
}
.accueil-next { font-size: 12px; color: #999; text-align: center; margin-top: 8px; }

/* --- Finalisation --- */
.finalisation-produit {
  background: #f8faff;
  border: 1.5px solid #e0e8ff;
  border-radius: 8px; padding: 14px;
}
.finalisation-produit--parts { border-color: var(--color-blue-50, #2d5be3); }
.finalisation-produit__label { font-size: 10px; font-weight: 700; color: var(--color-blue-50, #2d5be3); margin-bottom: 8px; }
.finalisation-produit--livret .finalisation-produit__label { color: #555; }
.finalisation-produit__field { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.finalisation-input {
  width: 110px; border: 1.5px solid #dde3f0;
  border-radius: 6px; padding: 8px 10px;
  font-size: 18px; font-weight: 800; color: #1a2540;
  text-align: right;
}
.finalisation-unit { font-size: 14px; font-weight: 600; color: #555; }
.finalisation-produit__meta { font-size: 10px; color: #666; }
.finalisation-produit__ir   { font-size: 11px; color: #4caf50; margin-top: 4px; }
.finalisation-warning { font-size: 11px; color: #e53935; margin-top: 4px; }
.finalisation-total {
  text-align: right; font-size: 13px; color: #555;
  border-top: 1px solid #e8edff; padding-top: 10px; margin-top: 12px;
}
.finalisation-total strong { font-size: 20px; color: #1a2540; }
.finalisation-check {
  display: flex; gap: 12px; align-items: flex-start;
  background: #fff; border: 1px solid #e8edff;
  border-radius: 8px; padding: 12px; cursor: pointer;
  font-weight: normal; line-height: 1.5;
}
.finalisation-check input[type=checkbox] {
  margin-top: 3px; flex-shrink: 0;
  width: 18px; height: 18px;
  accent-color: var(--color-blue-50, #2d5be3);
}

/* Responsive : masquer la photo sur mobile */
@media (max-width: 768px) {
  .accueil-simulator { flex-direction: column; }
  .accueil-simulator__photo { width: 100%; height: 200px; }
  .accueil-simulator__form { padding: 24px 20px; }
  .accueil-cards--2col .accueil-card { flex: 1 1 100%; }
}

/* ── Modale signature ZohoSign (iFrame) ── */
#cca-sign-modal {
  position: fixed;
  inset: 0;
  z-index: 10100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cca-sign-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.cca-sign-modal__box {
  position: relative;
  z-index: 1;
  width: 90vw;
  height: 90vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,0.3);
}
.cca-sign-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.cca-sign-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: #6b7280;
  padding: 0 4px;
}
.cca-sign-modal__close:hover { color: #111; }
.cca-sign-modal__iframe {
  flex: 1;
  width: 100%;
  border: none;
}
body.cca-sign-modal-open { overflow: hidden; }

/* ── Modales RIB & domicile ── */
#rib-modal,
#domicile-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rib-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.rib-modal__box {
  position: relative;
  z-index: 1;
  max-width: 480px;
  width: 90%;
}
.iban-masked {
  font-family: monospace;
  letter-spacing: .08em;
}

/* ── Page profil — onglets ── */
.profil-tabs-nav {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
.profil-tab-btn {
  position: relative;
  flex: 1;
  text-align: center;
  padding: 10px 14px 8px;
  margin-top: 10px;
  border-radius: 6px 6px 0 0;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background: var(--gray-90);
  color: var(--gray-30);
  border: 1px solid var(--gray-80);
  border-bottom: none;
  transition: background 0.15s;
}
.profil-tab-btn:hover { background: #e5e7eb; }
.profil-tab-btn.active {
  background: white;
  color: var(--blue-30);
  font-weight: 600;
  border-color: var(--blue-30);
  border-bottom: 1px solid white;
  z-index: 2;
}
.profil-tab-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  line-height: 1;
}
.profil-tab-badge.badge-red   { background: var(--red-50); }
.profil-tab-badge.badge-green { background: var(--green-50); }
.profil-tab-panel {
  display: none;
  background: white;
  border: 1px solid var(--blue-30);
  border-radius: 0 6px 6px 6px;
  padding: 28px 32px;
  margin-top: -1px;
}
.profil-tab-panel.active { display: block; }
.profil-tab-warning,
.dash-sign-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f0fdf4;
  border: 2px solid #22c55e;
  border-radius: 12px;
  padding: 18px 20px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: box-shadow 150ms ease, background 150ms ease;
}
.dash-sign-cta:hover {
  background: #dcfce7;
  box-shadow: 0 4px 16px rgba(34,197,94,.2);
  text-decoration: none;
  color: inherit;
}
.dash-sign-cta__icon { font-size: 2rem; flex-shrink: 0; }
.dash-sign-cta__body { flex: 1; min-width: 0; }
.dash-sign-cta__title { display: block; font-size: 16px; font-weight: 700; color: #15803d; }
.dash-sign-cta__sub   { display: block; font-size: 13px; color: #4b5563; margin-top: 2px; }
.dash-sign-cta__arrow { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 600px) {
  .dash-sign-cta { flex-wrap: wrap; }
  .dash-sign-cta__arrow { width: 100%; text-align: center; }
}
.profil-banner {
  background: var(--orange-90);
  border: 1px solid var(--orange-50);
  border-radius: 6px;
  font-size: 14px;
  color: var(--orange-dark);
}
.profil-tab-warning { padding: 10px 14px; margin-bottom: 20px; }
.profil-banner { padding: 12px 16px; margin-top: 16px; }
.profil-banner strong { color: var(--orange-dark); display: block; margin-bottom: 6px; }
.profil-banner a { color: var(--orange-dark); text-decoration: underline; cursor: pointer; margin-right: 12px; }
.profil-doc-card {
  background: var(--gray-90);
  border: 1px solid var(--gray-80);
  border-radius: 6px;
  padding: 16px;
  box-sizing: border-box;
}
.profil-doc-card .doc-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-20);
  margin-bottom: 10px;
}
.profil-doc-status {
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 13px;
  margin-bottom: 10px;
}
.profil-doc-status.status-missing { background: var(--orange-90); color: var(--orange-dark); border: 1px solid var(--orange-50); }
/* status-pending: couleur hors-palette intentionnelle (purple Tailwind) — aucune équivalence dans :root */
.profil-doc-status.status-pending { background: #ede9fe; color: #5b21b6; border: 1px solid #c4b5fd; }
.profil-doc-status.status-ok      { background: var(--green-90); color: var(--green-10); border: 1px solid var(--green-70); }
.profil-result {
  margin-bottom: 16px;
}
.profil-result .flash-success {
  background: var(--green-90);
  border: 1px solid var(--green-70);
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 14px;
  color: var(--green-10);
}
.profil-result .flash-error {
  background: var(--red-90);
  border: 1px solid var(--red-70);
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 14px;
  color: var(--red-10);
}

/* ── Profil — bouton suppression fichier ── */
.fdf-delete-file {
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  font-size: 11px;
  padding: 0 0 0 6px;
  line-height: 1;
  vertical-align: middle;
  transition: color 0.1s;
}
.fdf-delete-file:hover { color: var(--red-50); }

/* ── Profil — responsive ── */
@media (max-width: 640px) {
  .profil-tabs-nav { gap: 6px; }
  .profil-tab-btn { padding: 8px 6px 6px; font-size: 12px; }
  .profil-tab-panel { padding: 16px; }
}

/* Checkbox générée par generateCheckboxHTML() */
.checkbox-item {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 6px;
}
.checkbox-item input[type="checkbox"] {
  flex-shrink: 0;
  margin: 0;
}