/* legacy-compat.css — GÉNÉRÉ par tests_securite/generer_legacy_compat.py, ne pas modifier.
   Règles des feuilles legacy (myoptions3.css, myoptions.css, myoptionsna.css, myoptionsmq.css) qui peuvent s'appliquer aux pages V4
   de myoptions/pages_v4.py ; chargé à leur place sur ces pages (22/10/2026). */

/* ---- myoptions3.css ---- */
@font-face {
  font-family: 'Icons';
  src: url("./font/icons.eot");
  src: url("./font/icons.eot?#iefix") format('embedded-opentype'), url("./font/icons.woff2") format('woff2'), url("./font/icons.woff") format('woff'), url("./font/icons.ttf") format('truetype'), url("./font/icons.svg#icons") format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
html {background:#fefefe;font-size: 100%;font-size: calc(1em * 1);  width:100%;height:100%;}
body {font-size: 1em;line-height: 1.4;background-color: #ffffff;width:100%;height:100%;max-width: 100%;overflow-x: hidden;color:#212325}
.container {width:100%;height:100%; margin-right: auto; margin-left: auto;}
@media all and (max-width : 992px) {
  p.subtitle {font-size:0.6em;margin:0;}
}
@media (max-width: 767px) {
  .h {height:103%}
  main {position: relative;}
  .logo a {width:inherit;}
}
@media (max-width: 576px) {
  h3 {font-size:1.2em;}
  .reset, .reset-dash {padding-left: 1.5em;padding-right:1.5em;}
}
@media (min-width : 576px) {
  .container {max-width:576px;}
  h1 {font-size:2em;}
  .reset,
  .reset-dash {padding-left: 1.5em;
    padding-right:1.5em;}
}
.block {min-height: 600px!important;}
@media (min-width : 768px) {
  .container {max-width:768px;}
  h1 {font-size:2em;}
  .reset,  .reset-dash {padding-left:2em;    padding-right:2em;}
  .homepage {background: url('../images/contruire-le-futur-avec-myoptions.png') no-repeat 50% 50% ;
      background-size: cover;}
  .middle {position: absolute;      bottom:-18%;      left:0;      width: 100%;}
}
@media (min-width : 992px) {
  .container {max-width:992px;}
  h1 {font-size:3em}
  .reset,  .reset-dash {padding-left:3em;    padding-right:3em;}
  .middle {position: absolute;      bottom:-18%;      left:0;      width: 100%;}
}
@media (min-width : 1200px) {
  .container {max-width:100%;}
  .reset,   .reset-dash {padding-left:5em;    padding-right:5em;}
}
button, input, optgroup, select, textarea {border: 1px solid #dedede;
  
  //color: #dedede;
  //background: #555;
    //border: 1px solid #888;}
mark {background:none!important;
  line-height:120%;}
.current mark {font-weight:700;}
.content {margin-left: auto;
    margin-right: auto;}
.fsh1,h1 {font-size:3em;}
.fsh3,h3 {font-size:1.8em;}
.fsh4,h4 {font-size:1em;}
.subtitle {font-size:0.9em;
    text-transform:uppercase;
    padding:0;}
.header {padding-top:48px;}
.hr {height:4px;
  margin-bottom:24px;
  -webkit-align-self:stretch;
  -ms-flex-item-align:stretch ;
  -ms-grid-row-align: stretch;
  align-self:stretch;}
.argument p {font-size:0.8em;
  line-height: 1.2em;
  letter-spacing: -0.025em;}
.argument h3 {font-size:1.4em;}
p.smaller {font-size:70%;}
.smaller {font-size:60%;}
.inline-block {display:inline-block;}
P label {font-size:inherit;}
.save {float: right;}
header {color:#d4d4d4;}
.maxl, .footer {max-width: 1232px;
    margin: 0 auto;}
a:hover {text-decoration:none;}
img {max-width: 100%;}
ul {padding: 0}
.blank {background:#ffffff;
    padding: 5em;}
.progress .bar {background: #f82563;}
.bar .legend .color-sample {display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-radius: .5em;
    margin-right: .5em;}
.bar .legend {overflow: hidden;
    width: 100%;
    display: block;
    text-align: center;}
.bar .legend .title {display: inline-block;
    margin-bottom: .5em;
    margin-left: .7em;
    margin-right: .7em;
    line-height: 1.2em;
    padding: 0 .3em;
    font-size: .857em;
    text-align: left;
    width: auto;}
.flex {display:flex;}
.placements .detail {background-color: #FAFAFA;}
.placements .detail td {vertical-align: middle;}
.pointer {cursor:pointer;}
.help {cursor:help;}
.bouton {text-transform: uppercase;
    font-weight:bold;}
.progress {background: #F7F5F1;
    border-radius: 0;
    height: 10px;

    border-left : 2px solid #BBE5D9;
    border-right : 2px solid #BBE5D9;
    overflow: visible;
    position: relative;}
.progress span.pct ,
.progress span.pct-gauche {display: block;
    bottom: 30px;
    width: 34px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    background-repeat: no-repeat;
    color: #FFF;
    background: #1FE6B1;
    border-radius:4px 4px 4px 0;
    font-size:12px;
    font-weight: 600;}
.progress span.pct::after {content: " ";
    position: absolute;
    top: 100%;
    right: 100%; 
    margin-right: -10px;
    border-width: 5px;
    border-style: solid;
    border-color:  #1FE6B1 transparent transparent #1FE6B1 ;}
li.user:before {content:'';
  display:inline-block;
  height:1em;
  width:1em;
  background-image:url(../images/css_add/myoptions-picto-user.svg);
  background-size:contain;
  background-repeat: no-repeat;
  padding-left:1em;
  background-position: center;}
li.company:before {content:'';
  display:inline-block;
  height:1em;
  width:1em;
  background-image:url(../images/css_add/myoptions-picto-company.svg);
  background-size:contain;
  background-repeat: no-repeat;
  padding-left:1em;
  background-position: center;}
.public {min-height:6em;
  max-height:6em  ;
  margin-top:0.5em;}
.disclaimer {line-height: 2em;
    font-weight: 600;}
footer nav ul li {line-height:2em;}
.bottom {position: absolute;
    bottom:0;
    left:0;
    width: 100%;}
.top {position:absolute;
  top:0;
  left:0;}
.radius {border-radius:3px;}
.status {width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 5px;
    height: 22px;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;}
span.atteint {color: #212325;
    background-color: #1FE6B1;}
span.construction {color: #FFF;
    background-color: #767676;}
.table td.label {position: relative;
    padding-bottom: 2em;}
button, input, optgroup, select, textarea {color: inherit;
    font: inherit;
    margin: 0;}
.table,
table.dataTable.no-footer {border-bottom: solid 1px #dee2e6 !important;}
.table tr td, .table tr th {font-family: "Sofia Pro",Helvetica,Arial,sans-serif;
    border-left: 1px solid rgba(34,36,38,.1);}
.table tr td:first-child, .table tr th:first-child {border-left: none;}
.ui.table tr td {border-top: 1px solid rgba(34,36,38,.1);}
.complete::after {color: #21BA45;
    font-size: 1.28571429em;}
table.table tbody tr:hover {background-color: #F9FAFB;}
.ui.attached.negative.message, .ui.negative.message {box-shadow: 0 0 0 1px #E0B4B4 inset,0 0 0 0 transparent;}
.ui.negative.message {background-color: #FFF6F6;
    color: #9F3A38;}
.ui.icon.message {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.ui.message {font-size: 1em;}
.ui.message {position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #F8F8F9;
        background-color: rgb(248, 248, 249);
    padding: 1em 1.5em;
    line-height: 1.6em;
    color: #212325;
    -webkit-transition: opacity .3s ease,color .3s ease,background .3s ease,box-shadow .3s ease;
    transition: opacity .3s ease,color .3s ease,background .3s ease,box-shadow .3s ease;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0}
.ui.icon.message > .icon:not(.close) {display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    font-size: 3em;
    opacity: .8;}
.ui.message > :first-child {margin-top: 0;}
.ui.message > .icon {margin-right: .6em;}
i.icon, i.icons {font-size: 1em;}
i.icon {display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
        margin-top: 0px;
        margin-right: 0.25rem;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak-as: none;
    font-smooth: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
i.icon::before {background: 0 0 !important;}
.ui.negative.message .header {color: #912D2B;}
.ui.message .header:not(.ui) {font-size: 1em;}
.ui.message .header {display: block;
    font-family: Montserrat,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: -.14285em 0 0;}
.column {float:left;
    width: 30%;
    text-align: left;
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border:15px solid #F7F7F7;
    padding-left: 120px}
.column {width: 25%;
    text-align: left;
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border: 0px none;
    padding-left: inherit;
    background: #f1f1f1;

    display: inline-block;
    text-align: center;}
.column .status {bottom: inherit;
    top:0;
    height:120px;
    width:120px;
    line-height: 105px;
    margin-top: -10px;
    margin-left: -10px;


    bottom: inherit;
    top: 0;
    height: 120px;
    width: 120px;
    line-height: 75px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    float: none;
    display: block;
    position: relative;
    border: 15px solid
    #F7F7F7;}
.column .status.selected {background:#203f67;
    border-color:#DCDFE3;}
.dropdown-item.active, .dropdown-item:active {background-color: #FFF;
  color:#212325;}
.relative {position: relative;}
.radio {margin: 0.5rem;}
.radio input[type="radio"] {position: absolute;
  opacity: 0 !important;
  width:0px;
  height:0px;
  top:1.1em;
  left:0.6em;}
input[type=text]#id_header {rows=2}
.widget {font-size: 12px;}
.alert {border-radius:0px;}
.transactions {color:#222222;}
table.dataTable.transactions {border-collapse: collapse;}
table.dataTable.transactions tr,
.transactions tr {background:#fafafa;
    border: 0px none;
    border-bottom: 0.5em solid #ffffff;
    font-size:15px;

    vertical-align: middle;}
.table.transactions tr td {border: 0px none;}
.circle {position: relative;
    vertical-align: middle;}
.circle::before {content:"";
    display: inline-block;
    width:35px;
    height:35px;
    border-radius: 35px;
    border:2px solid #cfc3ab;}
.small.circle::before {width:18px;
    height:18px;}
[class*="icono"]:after,
[class*="icono"]:before {content: "";
  box-sizing: border-box;}
[class*="icono-arrow"] {width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  margin: 10px;}
[class*="icono-arrow"]:before {right: 0;
  top: -1px;
  position: absolute;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 14px;
  -webkit-transform-origin: right top;
          transform-origin: right top;}
[class*="icono-arrow"][class*="-left"] {-webkit-transform: rotate(45deg);
          transform: rotate(45deg);}
[class*="icono-arrow"][class*="-left"][class*="-up"] {-webkit-transform: none;
          transform: none;}
[class*="icono-arrow"][class*="-left"][class*="-down"] {-webkit-transform: rotate(90deg);
          transform: rotate(90deg);}
[class*="icono-arrow"][class*="-right"] {-webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);}
[class*="icono-arrow"][class*="-right"][class*="-up"] {-webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);}
[class*="icono-arrow"][class*="-right"][class*="-down"] {-webkit-transform: rotate(180deg);
          transform: rotate(180deg);}
[class*="icono-arrow"][class*="-up"] {-webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);}
[class*="icono-arrow"][class*="-down"] {-webkit-transform: rotate(135deg);
          transform: rotate(135deg);}
[class*="icono"] {position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #cfc3ab;
  box-sizing: border-box;
  margin-left: -26px;
  margin-top: -16px}
[class*="white icono"] {color: #ffffff;}
[class*="icono"]:after,
[class*="icono"]:before {content: "";
  box-sizing: border-box;}
.small [class*=" icono"] {margin-left: -17px;
  margin-top: -3px}
.small [class*="icono-arrow"]::before {width:8px;}
.small [class*="icono-arrow"] {width: 8px;
    height: 8px;}
ul.filters li {display: inline-block;
    padding: 0.5em 1.4em;
    border-bottom: 2px solid #efefef;}
ul.filters li.selected {border-bottom: 2px solid #212325;}
ul.filters li a {cursor:pointer;}
.select2-conteneur .select2-selection--single {height:auto;}
.table tr td {vertical-align: middle;
    border-left: 0px none;}
li.download {list-style:none;
font-weight: normal;}
.download a:before {content:'';
  display:inline-block;
  height:1em;
  width:1em;
  background-image:url(../images/css_add/download.svg);
  background-size:contain;
  background-repeat: no-repeat;padding-left:2em;}
.data {display:inline-block;
  margin-bottom:30px;}
#indicateurs-generaux ,
#indicateurs-performance,
#indicateurs-legaux {border-collapse: separate;
  vertical-align:middle;
  table-layout: fixed;
  width:80%;
  border-spacing:5px;}
#indicateurs-generaux tr ,
#indicateurs-performance tr,
#indicateurs-legaux tr {height:50px;}
#indicateurs-generaux th,
#indicateurs-performance th,
#indicateurs-legaux th {background-color:#BBE5D9;
  border: 1px solid #97D4C3;
  font-size:0.9rem;
  text-align:center;
  font-weight:500;
  padding:0.5%;}
#indicateurs-generaux td,
#indicateurs-performance td,
#indicateurs-legaux td {background-color:#F7F5F1;
  border: 1px solid #B39D76;
  font-size:0.8rem;
  font-weight:400;
  text-align:center;}
li.equity:before {content:'';
  display:inline-block;
  height:1em;
  width:0.5em;
  background-image:url(../images/css_add/myoptions-equity-list.svg);
  background-size:contain;
  background-repeat: no-repeat;
  padding-left:2em;}
li.obligataire:before {content:'';
  display:inline-block;
  height:1em;
  width:0.5em;
  background-image:url(../images/css_add/myoptions-obligataire-list.svg);
  background-size:contain;
  background-repeat: no-repeat;
  padding-left:2em;}
.activated {font-size:0.8em;
  color:#97D4C3;
  text-transform:uppercase;}
.dataTables_length ,
.dataTables_filter,
.dataTables_info {font-size:1rem;}
.dataTables_filter input {background:#F6F4EF;
  border:1px solid #D4C8B2;}
.dataTables_paginate {font-size:1rem;}
a .paginate_button.current {background-color:#B39D76!important;
  color:#FFF;}
#reminder,
#reminder .project-data-sub {color:#212325;}
#simulator input {background-color: transparent;
  position:relative;
  bottom:0px;
  margin-left:0.5em;
  margin-right:0.5em;
  border:none;
  border-bottom:1px dashed;}
#simulator input:active,
#simulator input:checked,
#simulator input:focus {border:none;}
#d1 {background-color: #EECC4499;}
#d2 {background-color: #44EEAA99;}
#nav-project {margin-bottom:10px!important;}
#nav-project a {color:#838485;
  background-color: transparent;
  font-size:0.8em;
  font-weight:400;}
#nav-project a.active {color:#212325;
  font-weight: 500;
  transition: all 2s ease-out;
  color:#212325!important;}
#nav-details {margin:10px 0 20px 0;
border-radius:none;}
#nav-details a {color:#838485;
  text-transform: uppercase;
  font-size:0.6em;
  font-weight:500;}
#nav-details a.active {color:#212325;
  font-weight: 500;
  transition: all 2s ease-out;
  color:#212325!important;}
#nav-details-vertical {margin:10px 0 20px 0;
border-radius:0;}
#nav-details-vertical a {text-align: left;
  color:#212325;
  text-transform: uppercase;
  font-size:0.6em;
  font-weight:500;
  background-color:#FAFAFA;
  display:block;
  border-radius: 0%;}
#nav-details-vertical a.active {color:#212325;
  font-weight: 500;
  transition: all 2s ease-out;
  color:  #212325;
  font-weight:700;
  background-color: #E96760!important;
  display:block;}
.author {font-size:0.8em;
  font-weight:700;
  display:block;
  text-align: right;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {background: #FCF8EC;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {background: #B39D76;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {background: #B39D76;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {background: #FCF8EC;}
.navbar-light .navbar-nav .nav-link {font-weight:500;}
.navbar-light {background-color:transparent!}
.navbar-light .navbar-nav .active  .nav-link {background-color:transparent;}
.navbar-light .navbar-nav .active>.nav-link {color:#212529!important;
  border-bottom: 2px solid #212529;}
.navbar-light .navbar-nav .nav-link:hover {background-color:transparent;}
.table, table.dataTable.no-footer {font-size:0.7em;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {font-size:0.8em!important;}
#nav-users-admin {background-color: transparent;}
#nav-users-admin a {background-color: transparent;
  color:#212325;
  font-size:0.9em;
  font-weight: 400;
  text-align:center}
#nav-users-admin a.active {background-color: transparent;
  border-bottom:2px solid #62319E!important;
  font-size:0.9em;
  font-weight: 400;
  text-align:center}
.user a {font-size:0.7em;
  font-weight: 300;
  text-transform: uppercase;
  color:#FFF;
  text-align: center;
  background-color: rgba(150, 117, 190, 0.7);
  border:1px solid #FFF;
  padding:0.5em;
  margin:0 1em;}
.user a:hover {background-color: rgba(150, 117, 190, 1);}
ul.inside li {list-style:inside!important;}
video {background-size: cover;
  width:100%;
  height:auto;}
blockquote {margin-top: 30px;
	 color: #757575;
	 border-left-color: #3f51b5;
	 padding: 0 20px;}
.date {background: #000;
	 display: inline-block;
	 color: #fff;
	 padding: 10px;
	 position: absolute;
	 top: 0;
	 right: 0;}
label.asteryos {background-color:#E96760!important;
  color:#FFF!important;}
input.asteryos {border:none;}
input[type=submit].asteryos {background-color: #E96760!important;
  color:#FFF;
  text-transform: uppercase;}
.border-asteryos, input.asteryos {border:1px solid #E96760!important;}
.card {border:none;}
.progress .bar {background: #f82563;}
.progress .bar {background: #f82563;}
#nav-toggle-placements {border-bottom: 1px solid #ffebee;}
.fade {transition: opacity .3s linear}
table.lending.dataTable thead th, table.equity.dataTable thead th {background-color:#e0e5ec36}
table.lending.dataTable tbody tr, table.equity.dataTable tbody tr {background-color:#e0e5ec36}
.table.lending td, .table.equity td {border-top:none;}
.table.lending.dataTable.no-footer, .table.equity.dataTable.no-footer {border-color:transparent!important}
.minibon-project .table td, .table th {border:none;}
.bond-project .table td, .table th {border:none;}
.quick-stats .first, .aside .first {background-color:#ff9d99; border:4px solid #FFF; border-radius: 0}
.quick-stats h3, .aside .first h3, .aside .second h3 {font-size:0.7em; font-weight:500;text-transform:uppercase;text-align:center;}
.quick-stats .first h3 , .quick-stats hr, .quick-stats .first .label, .aside .first h3 , .aside hr, .aside .first p {color:#d00007}
.quick-stats .first hr, .first .right-bar, .aside .first hr {background-color:#d00007}
.quick-stats .second,.aside .second {background-color:#4DB6AC; border:4px solid #FFF; border-radius: 0}
.quick-stats .second h3 , .quick-stats .second hr, .quick-stats .second .label, .aside .second h3 , .aside .second hr, .aside .second p {color:#004D40}
.calendar {font-size:0.7em;font-weight:500;text-transform:uppercase}
.quick-stats .first, .aside .first {background-color:#ff9d99; border:4px solid #FFF; border-radius: 0}
.quick-stats h3, .aside .first h3, .aside .second h3 {font-size:0.7em; font-weight:500;text-transform:uppercase;text-align:center;}
.quick-stats .first h3 , .quick-stats hr, .quick-stats .first .label, .aside .first h3 , .aside hr, .aside .first p {color:#d00007}
.quick-stats .first hr, .first .right-bar, .aside .first hr {background-color:#d00007}
.equity.card.third {background-color:#f3e8c7; border:4px solid #FFF; border-radius: 0}
.equity.card.third h3 {font-size:0.7em; font-weight:600;text-transform:uppercase;text-align:center;color:#2e1500}
.equity.card.third h4 {font-size:0.6em; font-weight:900;text-transform:uppercase;text-align:left;color:#2e1500}
.equity.card.third p {color:#2e1500}
#our-services .card, .user-selector .card,.darker {background-color:#e2d3d31f}
#our-services .card a p {color:#212325;font-weight:400;font-size:0.8em}
.strong {font-weight: bold;}
.btn:disabled {filter: grayscale(1);}
.news {overflow: hidden;
  border: 1px solid #b9fbe9;}
@media all and (max-width: 767px) {
  .logo a {width:inherit;}
}

/* ---- myoptions.css ---- */
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ThinIta.eot');
    src: local('Helvetica Now Display Thin Ita'), local('../css/font/HelveticaNowDisplay-ThinIta'),
        url('../css/font/HelveticaNowDisplay-ThinIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ThinIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ThinIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ThinIta.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Light.eot');
    src: local('Helvetica Now Display Light'), local('../css/font/HelveticaNowDisplay-Light'),
        url('../css/font/HelveticaNowDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Light.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Light.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-BoldIta.eot');
    src: local('Helvetica Now Display Bold Ita'), local('../css/font/HelveticaNowDisplay-BoldIta'),
        url('../css/font/HelveticaNowDisplay-BoldIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-BoldIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-BoldIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-BoldIta.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-RegIta.eot');
    src: local('Helvetica Now Display Reg Ita'), local('../css/font/HelveticaNowDisplay-RegIta'),
        url('../css/font/HelveticaNowDisplay-RegIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-RegIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-RegIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-RegIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtLtIta.eot');
    src: local('Helvetica Now Display ExtLt Ita'), local('../css/font/HelveticaNowDisplay-ExtLtIta'),
        url('../css/font/HelveticaNowDisplay-ExtLtIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtLtIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtLtIta.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-MedIta.eot');
    src: local('Helvetica Now Display Med Ita'), local('../css/font/HelveticaNowDisplay-MedIta'),
        url('../css/font/HelveticaNowDisplay-MedIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-MedIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-MedIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-MedIta.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtLt.eot');
    src: local('Helvetica Now Display ExtLt'), local('../css/font/HelveticaNowDisplay-ExtLt'),
        url('../css/font/HelveticaNowDisplay-ExtLt.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtLt.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtLt.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtLt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtBlk.eot');
    src: local('Helvetica Now Display ExtBlk'), local('../css/font/HelveticaNowDisplay-ExtBlk'),
        url('../css/font/HelveticaNowDisplay-ExtBlk.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtBlk.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtBlk.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtBlk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Bold.eot');
    src: local('Helvetica Now Display Bold'), local('../css/font/HelveticaNowDisplay-Bold'),
        url('../css/font/HelveticaNowDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Bold.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Bold.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtBdIta.eot');
    src: local('Helvetica Now Display ExtBd Ita'), local('../css/font/HelveticaNowDisplay-ExtBdIta'),
        url('../css/font/HelveticaNowDisplay-ExtBdIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtBdIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtBdIta.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Regular.eot');
    src: local('Helvetica Now Display Regular'), local('../css/font/HelveticaNowDisplay-Regular'),
        url('../css/font/HelveticaNowDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Regular.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Regular.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtBlkIta.eot');
    src: local('Helvetica Now Display ExBlk It'), local('../css/font/HelveticaNowDisplay-ExtBlkIta'),
        url('../css/font/HelveticaNowDisplay-ExtBlkIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtBlkIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtBlkIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Thin.eot');
    src: local('Helvetica Now Display Thin'), local('../css/font/HelveticaNowDisplay-Thin'),
        url('../css/font/HelveticaNowDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Thin.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Thin.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-LightIta.eot');
    src: local('Helvetica Now Display Light Ita'), local('../css/font/HelveticaNowDisplay-LightIta'),
        url('../css/font/HelveticaNowDisplay-LightIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-LightIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-LightIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-LightIta.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-ExtraBold.eot');
    src: local('Helvetica Now Display ExtBd'), local('../css/font/HelveticaNowDisplay-ExtraBold'),
        url('../css/font/HelveticaNowDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-ExtraBold.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Medium.eot');
    src: local('Helvetica Now Display Medium'), local('../css/font/HelveticaNowDisplay-Medium'),
        url('../css/font/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Medium.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Medium.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-HairlineI.eot');
    src: local('Helvetica Now Display Hairline'), local('../css/font/HelveticaNowDisplay-HairlineI'),
        url('../css/font/HelveticaNowDisplay-HairlineI.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-HairlineI.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-HairlineI.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-HairlineI.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-BlackIta.eot');
    src: local('Helvetica Now Display Black Ita'), local('../css/font/HelveticaNowDisplay-BlackIta'),
        url('../css/font/HelveticaNowDisplay-BlackIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-BlackIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-BlackIta.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-BlackIta.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Black.eot');
    src: local('Helvetica Now Display Black'), local('../css/font/HelveticaNowDisplay-Black'),
        url('../css/font/HelveticaNowDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Black.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Black.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../css/font/HelveticaNowDisplay-Hairline.eot');
    src: local('Helvetica Now Display Hairline'), local('../css/font/HelveticaNowDisplay-Hairline'),
        url('../css/font/HelveticaNowDisplay-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowDisplay-Hairline.woff2') format('woff2'),
        url('../css/font/HelveticaNowDisplay-Hairline.woff') format('woff'),
        url('../css/font/HelveticaNowDisplay-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-BlackItalic.eot');
    src: local('Helvetica Now Text  Black Ita'), local('../css/font/HelveticaNowText-BlackItalic'),
        url('../css/font/HelveticaNowText-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-BlackItalic.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-BlackItalic.woff') format('woff'),
        url('../css/font/HelveticaNowText-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-ExtBdIta.eot');
    src: local('Helvetica Now Text  ExtBd Ita'), local('../css/font/HelveticaNowText-ExtBdIta'),
        url('../css/font/HelveticaNowText-ExtBdIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-ExtBdIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-ExtBdIta.woff') format('woff'),
        url('../css/font/HelveticaNowText-ExtBdIta.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Black.eot');
    src: local('Helvetica Now Text  Black'), local('../css/font/HelveticaNowText-Black'),
        url('../css/font/HelveticaNowText-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Black.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Black.woff') format('woff'),
        url('../css/font/HelveticaNowText-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-BoldItalic.eot');
    src: local('Helvetica Now Text  Bold Italic'), local('../css/font/HelveticaNowText-BoldItalic'),
        url('../css/font/HelveticaNowText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-BoldItalic.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-BoldItalic.woff') format('woff'),
        url('../css/font/HelveticaNowText-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Bold.eot');
    src: local('Helvetica Now Text  Bold'), local('../css/font/HelveticaNowText-Bold'),
        url('../css/font/HelveticaNowText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Bold.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Bold.woff') format('woff'),
        url('../css/font/HelveticaNowText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-RegIta.eot');
    src: local('Helvetica Now Text  Reg Ita'), local('../css/font/HelveticaNowText-RegIta'),
        url('../css/font/HelveticaNowText-RegIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-RegIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-RegIta.woff') format('woff'),
        url('../css/font/HelveticaNowText-RegIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-ExtLtIta.eot');
    src: local('Helvetica Now Text  ExtLt Ita'), local('../css/font/HelveticaNowText-ExtLtIta'),
        url('../css/font/HelveticaNowText-ExtLtIta.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-ExtLtIta.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-ExtLtIta.woff') format('woff'),
        url('../css/font/HelveticaNowText-ExtLtIta.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Thin.eot');
    src: local('Helvetica Now Text  Thin'), local('../css/font/HelveticaNowText-Thin'),
        url('../css/font/HelveticaNowText-Thin.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Thin.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Thin.woff') format('woff'),
        url('../css/font/HelveticaNowText-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-ExtraLight.eot');
    src: local('Helvetica Now Text  Extra Light'), local('../css/font/HelveticaNowText-ExtraLight'),
        url('../css/font/HelveticaNowText-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-ExtraLight.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-ExtraLight.woff') format('woff'),
        url('../css/font/HelveticaNowText-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Light.eot');
    src: local('Helvetica Now Text  Light'), local('../css/font/HelveticaNowText-Light'),
        url('../css/font/HelveticaNowText-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Light.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Light.woff') format('woff'),
        url('../css/font/HelveticaNowText-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-ExtraBold.eot');
    src: local('Helvetica Now Text  Extra Bold'), local('../css/font/HelveticaNowText-ExtraBold'),
        url('../css/font/HelveticaNowText-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-ExtraBold.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-ExtraBold.woff') format('woff'),
        url('../css/font/HelveticaNowText-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-MediumItalic.eot');
    src: local('Helvetica Now Text  Med Ita'), local('../css/font/HelveticaNowText-MediumItalic'),
        url('../css/font/HelveticaNowText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-MediumItalic.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-MediumItalic.woff') format('woff'),
        url('../css/font/HelveticaNowText-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Regular.eot');
    src: local('Helvetica Now Text  Regular'), local('../css/font/HelveticaNowText-Regular'),
        url('../css/font/HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Regular.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Regular.woff') format('woff'),
        url('../css/font/HelveticaNowText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-LightItalic.eot');
    src: local('Helvetica Now Text  Light Ita'), local('../css/font/HelveticaNowText-LightItalic'),
        url('../css/font/HelveticaNowText-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-LightItalic.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-LightItalic.woff') format('woff'),
        url('../css/font/HelveticaNowText-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-ThinItalic.eot');
    src: local('Helvetica Now Text  Thin Italic'), local('../css/font/HelveticaNowText-ThinItalic'),
        url('../css/font/HelveticaNowText-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-ThinItalic.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-ThinItalic.woff') format('woff'),
        url('../css/font/HelveticaNowText-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Helvetica Now Text';
    src: url('../css/font/HelveticaNowText-Medium.eot');
    src: local('Helvetica Now Text  Medium'), local('../css/font/HelveticaNowText-Medium'),
        url('../css/font/HelveticaNowText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../css/font/HelveticaNowText-Medium.woff2') format('woff2'),
        url('../css/font/HelveticaNowText-Medium.woff') format('woff'),
        url('../css/font/HelveticaNowText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}
html {background:#fefefe; width:100%;height:100%;scroll-behavior: smooth;}
html.o-mod-touch * {background-attachment: scroll !important;}
::selection {background-color: var(--bronze-200, #D9C8A6);
    color: var(--ink-900, #1C1F24);
    text-shadow: none;}
::-webkit-scrollbar {display: none;}
.header {padding-top:48px;}
header.sticky-top-menu {position: sticky;
    top:0;
    z-index: 1000;}
#top-bar.not-connected {background-color:#FAFAFA}
#top-bar {background-color:#212325}
.not-connected .dropdown-item:focus, .not-connected .dropdown-item:hover {background-color: transparent;}
em
#user-menu {min-width:340px;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform: lowercase;}
.gt {font-family: 'GT Walsheim Pro',sans-serif!important;}
.work {font-family: 'Work Sans', sans-serif!important;}
.info {font-style: normal;cursor: help;}
.h1 {font-size:3.5em;font-weight:700;line-height: 120%!important;}
.h3 {font-size:1.9em;font-weight:700;line-height:120%;}
.h4 {text-transform: uppercase;font-size: 1em;letter-spacing: 1px;margin-bottom:15px;}
.h5 {font-size:0.9em;text-transform:uppercase; margin:0;line-height:1.8em;}
p.higher {font-size:120%;line-height: 130%;margin-bottom:20px;}
strong,
.fw--b {font-weight:600}
.text {width:90%;
  position: absolute;
  bottom: 2%;
  left: 5%;}
.dashboard h3 {border-bottom: 1px solid #efe9d3;
        color: #49473e;
        padding-bottom:5px;
        margin-bottom: 24px;
        margin-top:32px;}
h3.success {font-size: 1.5em;
        border: 0px;
        padding: 0;
        margin: 0;}
#ask__lend h3,
    #ask__equity h3 {border:0px;
        padding:0;}
#kyctable table p {font-family: 'Work Sans',sans-serif;
        font-size:16px!important;}
#kyctable td p {font-family: 'Work Sans', sans-serif;
        font-size:16px!important;}
.header {padding:48px 0;}
.button {padding:0.5em 1em!important; font-weight:300px!important;text-transform: uppercase;cursor: pointer;display: inline-block;}
a:hover, a:active {outline: 0;}
a {background-color:transparent;-webkit-transition:border-color 2s,background-color 2s,color 2s;transition:border-color 2s,background-color 2s,color 2s;color:#212325;font-weight: 700;}
.section {padding-top:60px;padding-bottom:60px;}
.lock {max-width:14em;margin-top: 4em;margin-bottom: 4em; z-index:1000}
.security .content, .banner .content {margin: 70px 3vw 70px 3vw; width: 45vw;}
.indicator {width:16px;height:6px;background-color: #fd832b;}
.progress {background: #F7F5F1;
    border-radius: 0;
    height: 10px;
    overflow: visible;
    position: relative;
    margin:20px 0;}
#file-upload-button {border: 1px solid #1FE6B1;
    background-color: #bcf8e8;}
[type="checkbox"]:not(:checked) + label:after {background: #E3E2DE;}
[type="checkbox"]:checked + label:after {background: #1FE6B1;}
#signup form {margin-bottom:40px;}
.do-not-shrink h6, .h6 {font-size:0.85em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;}
#signup form div > button {margin:20px 0 0;}
#why__o {overflow:hidden;
    padding-top:100px;}
.content {width: auto;
    max-width: none;
    margin-right: auto;
    margin-left: auto;}
.options {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;}
.check li {list-style: none;
    list-style-position: outside;}
.check li::before {content: 'che ';
    color:#0000;
        background: url('../images/css_add/check.svg') no-repeat 0% 50%;}
#lend #ask--team h2 {margin-bottom:24px;}
@media all and (min-width: 992px) {
  .header {min-height:575px;}
  h4 {font-size:1.25em;font-weight:600;margin-bottom:16px;}
  #lend-steps, #invest-steps {padding:40px 0 80px 0;}
}
#client-list {display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 20px;}
@media(min-width:768px) and (max-width:991px) {
  .lock {margin:40px 0;}
  .security .content, .banner .content {margin:0 auto;width:90vw;}
}
@media(max-width: 991px) {
  .lock {margin:40px 0;}
  .security .content, .banner .content {margin:0 auto;width:90vw;}
  .navbar-brand {margin-right:0;}
}
.navbar-toggler, .navbar-toggler:active {border:none;}
#problemes .header {min-height:inherit;
    height: auto;}
@media(max-width: 991px) {
  .navbar-collapse {padding-top:1rem;}
  .nav-link {border-bottom:1px solid #000;}
  .connected .nav-link {border-bottom-color:#FFF;}
  .nav-item, .dropdown-item {padding: 0.25rem 0.5rem;text-align:left;text-transform:uppercase}
  .nav-link {text-transform :uppercase; font-size:0.9em; font-weight:400;}
  .h2 {font-size: 2em;}
  footer .social {margin-top: 40px;;}
  #legal-nav ul {flex-wrap: wrap;}
  .options {overflow: visible;
        padding-top: 80px;
        padding-bottom: 80px;}
  .project-menu-sticky,
    #nav-steps-project,
    #nav-steps-to-loan {flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;}
}
@media(max-width:767px) {
  h1,.h1 {font-size:2em;}
  #lend-steps, #invest-steps {padding:0 0 20px 0;}
  .options {overflow: hidden;
        padding-top: 60px;
        padding-bottom: 60px;}
  #_4--steps {-ms-grid-column-align: auto;
        justify-self: auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        margin: 0;}
  #client-list {grid-template-columns: 1fr 1fr;}
  .dashboard h3 {margin-top:32px;}
  #ask__lend h3 {margin-bottom: 0;}
}
:root {}
body {font-size: var(--base-size);
    line-height: var(--base-line-height);}

/* ---- myoptionsna.css ---- */
:root {--navy: #0E1021;               
  --navy-secondary: #2A304A;     
  --navy-tertiary: #A7B0D8;      
  --blue: #30446B;               
  --blue-secondary:  #4682b4;
  --blue-tertiary: #D4DBFF;

  

  
  --green-light:#cae6ce;
  --green-dark:#1a4320;
  --green:#6fbb7a;


  --blue-light:#bcdfee;


  
  --brown-dark:#47403c;

  
  --pumpkin-dark:#ab5123;
  --pumpkin:#d06115;
  --pumpkin-light:#f4bd98;

  
  
  --green-tertiary: #B9F0DF;
  --beige: #EADBC8;              
  --mocha-mousse: #9C7761;       
  --brown: #6B4533;              

  
  --rose: #F56F91;               
  --rose-secondary: #F9AFC4;
  --rose-tertiary: #FFE4EC;
  --yellow: #fedf84;          
  --yellow-dark:#f7ce55;
  --yellow-light:#fbeaba;
  
  --neutral-100: #FFFFFF; 
  --neutral-150:#f7f7f6;       
  --neutral-200: #e8e7e3;       
  --neutral-300: #bfb4a3;        
  --neutral-400: #C7CBD4;        
  --neutral-500: #9DA2AF;        
  --neutral-600: #6B7082;        
  --neutral-700: #424651;        
  --neutral-800: ;        
  --neutral-900: #383e45;        

  --neutral-border-card: var(--neutral-300);
  
  --neutral-text-primary: var(--neutral-900);
  --neutral-text-secondary: var(--neutral-700);
  --neutral-text-highlight: var(--blue);
  --neutral-border: var(--neutral-400);

  --button-border:var(--neutral-900);
  --button-hover-bg:var(--neutral-900);

  
  --success: var(--green);
  --info: var(--blue);
  --warning: var(--yellow);
  --error: #E65C5C;

    --title:font-family:'neulis-neue', Arial, sans-serif;}
.str1 {fill:var(--rose-secondary)}
.str2 {fill:var(--rose-tertiary)}
p br {display: block;
    margin-bottom: 24px;
    content: "";}
* {margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size:100%;}
html {font-size: 100%; 
    line-height: 1.5; 
    width:100%;
    height:100%;
    letter-spacing: 0.05em;}
body {margin: 0;
    padding: 0;
    width:100%;
    height:100%;
    max-width: 100%; 
    overflow-x: hidden; 
    background-repeat: no-repeat;
    background-size: contain;
    position:relative;
    font-size:16px;
    color:var(--neutral-text-primary);
    letter-spacing: -.1px;}
p {font-size:1em; line-height: 1.4rem;color:var(--neutral-text-secondary);margin-bottom: 8px;}
ul, ol {padding: 0;
    margin: 0;}
a {text-decoration: none;
    color: inherit;}
img {max-width: 100%;
    height: auto;
    display: block;}
.warning {color:var(--warning)}
a:hover {color:inherit;}
main {padding : 0 0;}
.o-large-container {margin-left:auto;
  margin-right:auto;
  max-width:1280px;}
.o-thin-container::before,
.o-thin-container::after,
.o-large-container::before,
.o-large-container::after {content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;}
HOME PAGE 


 
 

  

  

  header.sticky-top-menu {position: sticky;
    top:0;
    z-index: 1000;}
.navbar h1 {height: 30px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;}
header .submenu-item:hover {background-color: var(--neutral-200);
  border-radius:8px;}
header .submenu-item__link {display: flex;
    align-items: center;
    column-gap: 12px;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    padding: 8px 16px 8px 8px;
    text-decoration: none;
    width: 100%;}
header .submenu-item__link:hover {}
header .submenu-item.link:focus .submenu-item__link:before,
  header .submenu-item.link:hover .submenu-item__link:before {opacity: 0;}
header .submenu-item.link .submenu-item__link:after {opacity: 0;}
header .submenu-item.link:focus .submenu-item__link:after,
header .submenu-item.link:hover .submenu-item__link:after {opacity: 1;}
header .submenu-item__title {font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .1px;
    color: var(--neutral-text-primary);
    margin: 0;
    font-family: 'Outfit',sans-serif;}
*/




.dropdown {position: relative;}
.dropdown-menu {position: absolute;
  top: 100%; 
  left: 0;
  z-index: 1000; 
  display: none;}
.dropdown.show .dropdown-menu {display: block;}
#user-menu.show {min-width: 300px;
  
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  top:calc(100% + 16px);
  max-width:70%}
#user-menu .submenu-item {flex-direction: column;
  height: 150px;}
#mobileMenuModal {display:none;}
#mobileMenuModal.show {display:block;}
.modal .modal-dialog-aside {width: 350px; max-width:80%; height: 100%; margin:0;transform: translate(0); transition: transform .2s;}
.modal .modal-dialog-aside .modal-content {height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body {overflow-y: auto}
.modal.fixed-left .modal-dialog-aside {margin-left:auto;  transform: translateX(100%);}
.modal.show .modal-dialog-aside {transform: translateX(0);}
.modal-menu {opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease, visibility 0.6s ease;}
#modal-menu-aside-left .modal-body {padding-top:3rem;
  text-align: left;}
#modal-menu-aside-left .modal-body.is_connected {padding-top:0;}
.modal-menu.d-none {opacity: 0;
  visibility: hidden;}
.modal-submenu {opacity: 0;
  visibility: hidden;
  transform: translateX(100%); 
  transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
    flex-direction: column;
    flex-wrap: nowrap;}
.modal-submenu.show {opacity: 1;
  visibility: visible;
  transform: translateX(0);}
#modal-menu-aside-left .nav-primary {height: auto;
  width: 100%;}
#modal-menu-aside-left .has-children,
#modal-menu-aside-left .has-no-children {margin-bottom: 8px;
margin-right: 0;
position: relative;
width:100%;}
.has-no-children.outline .menu-item__link {border-radius:30px;
  border:1px solid currentColor;}
#main-menu {display: flex;
height: 100%;
align-items: stretch;
flex-direction: column;
width: 100%;
align-items: center;
display: inline-flex;
height: 100%;}
#modal-menu-aside-left .modal-content {padding-top:calc(100%*0.05);
  background-color:var(--neutral-200);}
.menu-item__link {align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  box-sizing: border-box;
  color: #0e2948;
  cursor: pointer;
  display: flex;
  position: relative;
  text-decoration: none;
  transition: background .3s cubic-bezier(.25,.46,.45,.94), color .3s cubic-bezier(.25,.46,.45,.94), opacity .3s cubic-bezier(.25,.46,.45,.94);
  z-index: 1000;
  justify-content: space-between;
  padding: 4px 15px;
  width: 100%;}
.menu-item__link::after {-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: currentcolor;
        content: "\203A";
        display: inline-block;
        
        font-size: 16px;
        line-height: 1em;
        text-decoration: inherit;
        vertical-align: middle;
        width: 1em;}
li  a.back-to-menu {display: flex;
  flex-direction: row;
  padding-top:3rem;}
.is_connected li a.back-to-menu {padding-top:5rem;}
.back-to-menu {align-items: center;
    color: var(--neutral-text-primary);

    display: inline-flex;
    margin-bottom: 30px;
    margin-left: 20px;}
.back-to-menu::before {webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: currentcolor;
    content: "\2039";
    display: inline-block;
    font-size: 16px;
    line-height: 1em;
    text-decoration: inherit;
    vertical-align: middle;
    width: 1em;}
.submenu-group {display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
  overflow: initial;
  padding: 0 15px;
  box-sizing: border-box;
  width:100%;}
.submenu-group .submenu-item {background-color: #fff;
  flex: 0 0 auto;
  height: auto;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-radius:5px;
  box-sizing: border-box;
  padding: 15px;
  transition: background .3s cubic-bezier(.25,.46,.45,.94);}
.submenu-group .submenu-item__link {align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;}
.submenu-group .submenu-item__link::after {background-color: currentColor;
  bottom: 7px;
  content: "\21A6";
  height: 4px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  right: 7px;
  transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
  width: 4px;}
.submenu-group .submenu-item__description {text-align: left;
    font-weight: 400;
    font-size: 12px;}
.modal-connector {padding: 0 1rem 4rem 1rem;}
.wallet-box {padding: 0 15px;}
.wallet-box small {font-size:10px;
  font-weight:700;}
.wallet-link {padding : 0 0 0.5rem 0;}
.wallet-link__content {display:flex;
  flex-direction: row;
  align-items:center;
  justify-content: space-between;}
.submenu-item__title {width:95%;
  font-size:14px;}
.steps {display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;}
.step {text-align: center;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    color:var(--white);}
.step mark {background: none;
    color: inherit;
    font-size: 14px;
    display: block;
    text-align: left;}
.step.current {font-weight: 600;
    color:var(--black);}
.step.active {color: var(--black);
    font-weight: 600;}
.form-control {border-radius:0;
padding:0;
color:var(--black)}
input {background-color: transparent;
  font-weight: 400;}
input[type="text" ].form-control:focus {outline: none; 
  box-shadow: none; 
  background-color: var(--neutral-500);}
.form-control:valid {}
form text-area.form-control:required,
form input.form-control:required,
.form-group .select2-conteneur--default .select2-selection--single {border:none;
border-bottom:1px solid var(--black);
font-weight:600;
border-radius: 0;}
.select2-conteneur {width:100%;}
.select2-conteneur .select2-selection--single .select2-selection__rendered {padding-left:0;}
form text-area.form-control:required {}
input[type="text" ].form-control,
  input[type="email"].form-control,
  input[type="password"].form-control, 
  input[type="file"].form-control,
  select.form-control {font-weight: 600;}
select.form-control {padding-left:0;}
input[type=password].form-control:valid, 
input[type=email].form-control:valid, 
select.form-control,
input[type=text].form-control:valid {border-top:none;
  border-right:none;
  border-left: none;
  border-bottom :1px solid var(--black);}
input[type=password].form-control:invalid, 
input[type=email].form-control:invalid, 
input[type=text].form-control:invalid {border:none;
  border-bottom:1px solid var(--neutral-text-secondary);
  background-color: transparent;}
input[type=password].form-control:empty, 
input[type=email].form-control:empty, 
input[type=text].form-control:empty {}
.required::before {content: '\002731 '; 
  
  color: var(--warning);}
.switch {position: absolute;
  top: 70%;
  right:5%;
  
  width: 100px;
  height: 30px;
  text-align: center;
  margin: -30px 0 0 -75px;
  background: var(--grey);
  transition: all 0.2s ease;
  border-radius: 15px;
  font-size: 0.9em;}
.switch span {position: absolute;
  width: 20px;
  height: 4px;
  top: 50%;
  left: 50%;
  margin: -2px 0px 0px -4px;
  background: #fff;
  display: block;
  transform: rotate(-45deg);
  transition: all 0.2s ease;}
.switch span:after {content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 12px;
  margin-top: -8px;
  background: #fff;
  transition: all 0.2s ease;}
.switch label {cursor: pointer;
  color: rgba(0, 0, 0, 0.2);
  width: 60px;
  line-height: 30px;
  transition: all 0.2s ease;}
.switch label:not(:first-of-type) {position: absolute;
  right: 0px;}
.switch label:first-child {position: absolute;
  left: 0px;
  height: 20px;
  right: inherit;}
.deck {box-sizing: border-box;
    display: flex;
    
    overflow: hidden;
    padding: 16px 0 32px 0;
    margin: 0;}
header.connected, #top-bar.connected, .connected .megamenu, .connected .dropdown-menu-right {background-color:var(--neutral-text-primary);
  border-bottom:1px solid var(--neutral-border)}
.modal-header {display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom:none;}
.modal-header img {margin-left: 10px;
  width:50px;
  display:inline-block;}
.close {margin-left: auto;
  align-self: flex-start;}
.modal-body {text-align:center;}
form .row {padding-top :10px;
  padding-bottom:10px;}
form .row label {margin:0;}
.options {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: clamp(32px,1vh,60px);
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;}
@keyframes draw { to{ stroke-dashoffset:0; opacity:1; } }
@media (max-width: 768px) {
  body {letter-spacing: 0.1px;}
}
:root {--bars-lift: -72px;}
@media (max-width: 768px) {
  :root {--bars-lift: -24px;}
}
@keyframes fadeIn {
  to { opacity: 1; }
}
#home-project-list {background-color: var(--neutral-200);}
.info_row {display:flex;
  justify-content: space-between;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--neutral-200);
  padding-bottom: 9px;
  font-size:12px;
  font-weight:400;
  align-items: center;}
.avancement {margin:10px 0;
  position: relative;
  background-color: var(--neutral-200); 
  border-radius: 999px;      
  height: 8px;
  width: 100%;
  overflow: hidden;}
#disclaimer {padding:40px 0;
    background-color:var(--purple);}
#disclaimer p {color:var(--neutral-100);}
footer nav ul {padding: 12px 0;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 0;
    row-gap: 6px;}
#legal-nav ul li {padding : 0 20px 0 0;}
#legal-nav ul li a {color:var(--neutral-text-secondary);
    font-weight: 400;}
footer .social {display:flex;
    padding: 10px 0;;}
footer .social span {font-family: 'neulis-neue', Arial, sans-serif;
  padding: 0 24px 0 0;
  font-size: clamp(16px, 1vw, 20px);
  font-weight: 400;}
footer hr {background-color:var(----neutral-300)}
#legal-nav ul {display: flex
;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;}
#legal-partner {margin-top:24px;
    margin-bottom: 24px;
    font-size: 0.85em;}
#legal-partner img {filter:grayscale(1);
 max-height: 100px;}
#lend {}
.nav-pills .nav-link a, #nav-steps-to-loan a,#nav-steps-project a {color:var(--neutral-text-secondary)
    font-size:0.8em;
    font-weight:300;}
#nav-steps-to-loan a.active {font-weight:600;
    color:var(--neutral-text-secondary)}
@media (max-width: 768px) {
  .options {padding-top:16px;padding-bottom:16px;}
  .options {padding-bottom:60px;}
  footer .o-large-container {margin-left:16px;
        margin-right:16px;}
  footer .social {flex-wrap: wrap;
        align-items: center;
        margin-top: 40px;}
  #legal-nav ul {flex-wrap: wrap;}
  #disclaimer {padding: 36px 16px;}
  #disclaimer p {margin:0;}
  #home-project-list section {padding-top:0px;}
}

/* ---- myoptionsmq.css ---- */
@media (max-width: 575.98px) {
  main {grid-template-columns: 1fr; 
      
      column-gap: 8px;}
}
@media (max-width: 767.98px) {
  main {grid-template-columns: 1fr; 
      
      column-gap: 12px;}
}
@media (max-width: 991px) {
  main {grid-template-columns: 1fr;}
  .o-thin-container,
.o-large-container {max-width: 728px;}
  .o-large-container {margin-left: auto;
    margin-right: auto;}
}
@media (max-width: 768px) {
  :root {.header-grid-container {
      grid-template-columns: 1fr; 
      text-align: center; 
      padding: 8px; 
    }
    .grid-container{
        padding:8px 0;
    }
    .grid-section-main , .grid-section-plain{
      grid-template-columns: 1fr; 
      grid-gap: 16px; 
      padding: 8px; 
    }
 
    .grid-section-1-2 {
        grid-template-columns: 1fr; 
        grid-gap: 8px; 
        padding: 12px; 
    }

      
    .logo-container {
      grid-column: 1; 
      margin-bottom: 8px; 
    }
  
    .navbar-container {
      grid-column: 1; 
      justify-content: center; 
      flex-direction: column; 
    }
  
    .user-menu-container {
      grid-column: 1; 
      justify-content: center; 
      margin-top: 8px; 
    }
  
    .navbar-toggler {
      display: block; 
    
    }
  
    .collapse {
      width: 100%; 
    }
  
    .navbar-nav {
      flex-direction: column; 
      align-items: center; 
    }
  
    .dropdown-menu {
      width: 100%; 
    }
  .is-center{text-align:left!important}

   
    
    .step-container-desktop {
        display: none;
      }
    
      .step-container-mobile {
        display: block;
        width: 100%;
        background-color: #cfe1ca;
        border-radius: 99em;
        padding: 16px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
      }
    
      .step-content {
        display: flex;
        align-items: center    ;
      }
    
      .progress-circle {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: conic-gradient(var(--black) calc(var(--progress) * 1%), var(--green-complementary) 0%);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        color: var(--black);
        margin-right: 16px;
        position: relative;
    }
    
    .progress-circle::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        background: #fff; 
        z-index: 1; 
    }
    
    .progress-circle span {
        position: relative;
        z-index: 2; 
    }
      .step-text {
        display: flex;
        flex-direction: column;
        text-align: right;
      }
    
      .step-title {
        font-size: 14px;
        color: var(--black);
        margin: 0 0 5px;
        line-height: 1.2em;
      }
    
      .next-step {
        font-size: 12px;
        color: var(--white);
        font-weight: 300;
      }
      .no-mobile{
        display: none;
      }
      .custom-checkbox-container .column-checkbox {
        grid-template-columns: repeat(1, 1fr); 
        gap: 5px; 
      }
      #admin-ui ::-webkit-scrollbar{
        display:none;
      }

      .kyc-form-section__multiple {
        flex-direction: column;
      }
      .kyc-form-section__multiple > *{
        width:100%;
      }
      .kyc-form-section-description{
        margin-bottom:16px;
      }

      .carroussel__asset__box{
        bottom: -20px;
        right: -15px;

      }
      .header__left h2, .header__left p{
        text-align: left;
    }}
}