.bg_action_color_main { background-color:#bf94b2ff; }
.text_action_color_main { color:#bf94b2ff; }
.text_action_color_main:after { background-color:#bf94b2ff; }
.strong_action_color_main strong { color:#bf94b2ff; }
.bg_action_color_secondary { background-color:#000000ff; }
.text_action_color_secondary { color:#000000ff; }
#actionContent a:not(nav a).text_action_color_secondary:after{ background-color:#000000ff; }
#fancy_error a.close { background-color:#bf94b2ff; }
#fancy_error a.close:hover { background-color:#000000ff; }

.border_action_color_main {
    border-color: #bf94b2ff !important;
}

a {
    color:#bf94b2ff;
}
a:hover {
    color:#000000ff;
}

#steps li.active div:before,
#steps li.active div:after,
.submit.bg_action_color_main:hover {
    background-color:#000000ff;
}
.submit.bg_action_color_secondary:hover {
    background-color:#bf94b2ff;
}

.btn-primary {
    --bs-btn-bg: #bf94b2ff;
    --bs-btn-border-color: #bf94b2ff;
    --bs-btn-hover-bg: #000000ff;
    --bs-btn-hover-border-color: #000000ff;
    --bs-btn-active-bg: #000000ff;
    --bs-btn-active-border-color: #000000ff;
    --bs-btn-disabled-bg: #bf94b2ff;
    --bs-btn-disabled-border-color: #bf94b2ff;
}
.btn-outline-primary {
    --bs-btn-color: #bf94b2ff;
    --bs-btn-border-color: #bf94b2ff;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-color: #000000ff;
    --bs-btn-hover-border-color: #000000ff;
    --bs-btn-active-color: #000000ff;
    --bs-btn-active-border-color: #000000ff;
    --bs-btn-disabled-color: #bf94b2ff;
    --bs-btn-disabled-border-color: #bf94b2ff;
}
.nav-tabs.nav-justified>.active > a,
.nav-tabs.nav-justified>.active > a:hover,
.nav-tabs.nav-justified>.active > a:focus {
    background-color: #bf94b2ff;
    border-color: #bf94b2ff;
}

.navbar .button:hover,
.GaugeMeter span,
form input[type=text],
form input[type=number],
form input[type=email],
form input[type=password] {
    color: #bf94b2ff !important;
}
form input[type=text]:-webkit-autofill,
form input[type=number]:-webkit-autofill,
form input[type=email]:-webkit-autofill,
form input[type=password]:-webkit-autofill {
    -webkit-text-fill-color: #bf94b2ff !important;
}
form input[type=text]:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form input[type=password]:focus {
    border-color: #bf94b2ff !important;
}

::-moz-selection {
    background-color: #bf94b2ff;
}
::selection {
    background-color: #bf94b2ff;
}

blockquote,
blockquote p,
body.blog_single article#post strong,
body.blog_single article#post h2 {
    color: #bf94b2ff !important;
}

.legal p strong{
    color: #bf94b2ff !important;
}
.full-loader.container-loader .loader {
box-shadow: 28px 0 0 0 rgba(191,148,178,0.2), 22.7px 16.5px 0 0 rgba(191,148,178,0.4), 8.68px 26.6px 0 0 rgba(191,148,178,0.6), -8.68px 26.6px 0 0 rgba(191,148,178,0.8), -22.7px 16.5px 0 0 #bf94b2ff !important;
}
#stepsContainer .content-small { max-width: 1200px}
#stepsContainer li {width: 13%}
#stepsContainer li img {padding: 0 5px}

.action-subscription .padding-tb-big{
    padding: 50px 0 0;
}

.logged .action-subscription .border-bottom{
border:none;
background-color: #fff !important;
}

.legal{
    max-width: 800px;
    margin: auto !important;
}
.legal p {
color: #000;
line-height: 14px;
margin-top: 20px;
font-size:12px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 768px){
.action-subscription .padding-tb-big{
padding: 30px 0 0;
}
    h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
.legal p {
   font-size: 11px;
    line-height: 14px;
    margin-bottom: 40px;
    margin-top: 20px;
}
 div.legals a{
font-size: 14px;
}
div.legals{
    margin-top: 40px !important;
}
}


.boxBtn.boxClose button {width: 295px !important}



.text-intro ol {
  max-width: 650px;
margin:auto;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.text-intro ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.text-intro ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  --size: 26px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
    top: 50%;
transform:translateY(-50%);
  background: #bf94b2;
  border-radius: 50%;
  text-align: center;
}



.maincontent{
background:#F9F5F8;
    max-width: 750px;
    margin: 30px auto 50px;
    text-align: center;
    padding: 30px 15px;
}