.number_wrapper{
  display:flex;
  justify-content: space-between;
  padding-bottom:19px;
}

.percentage,
.percentage_bar{display:flex;}

button{
  border:none;
  width:160px;
  height:40px;
  font-size:12px;
  color:#FFFFFF;
  cursor: pointer;
}

@media(min-width:992px){
button{
  width:240px;
  height:60px;
  font-size:18px;
}}

.income{
  background-color:#FD0D1B;
  margin-right:16px;
}

@media(min-width:992px){
  .income{margin-right:10px;}
}

.outcome{
  background-color:#C1B6AB;
}

.button-wrapper{
  display: flex;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media(min-width:992px){
  .button-wrapper{
    padding-top: 62px;
    padding-bottom: 70px;
  }
}

.box-element{
  border-top:2px solid #C1B6AB;
  padding-top:36px;
  margin-bottom:50px;
}

@media(max-width:992px){
  .box-element{
    margin-bottom:29px;
    padding-top: 29px;
  }
}

.pie_element_box{
  padding-top:0px;
  padding-bottom:9px;
}

@media(min-width:992px){
  .pie_element_box{
    padding-left:30px;
    padding-right:30px;
  }
}

.label{
  font-size:16px;
  font-weight:bold;
  color:#131719;
  line-height:24px;
  display:flex;
  padding-bottom:4px;
  --myVar: defaultValue;
}

@media(min-width:992px){
  .label{
    font-size:18px;
    padding-left: 15px;
    position: relative;
  }
  .pie_element_wrapper_bar .label{
    padding-left: 0px;
  }
}

.label::before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: var(--myVar);
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  transform: translateY(8px);
  margin-right:10px;
}

@media(max-width:992px){
  .label::before{
   display:none;
  }
}

.value{
  line-height:25px;
  font-size:22px;
  color:black;
}

.percentage{
  font-size:18px;
  line-height:17px;
  padding-top:5px;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.pie_element_box{background-color:#FFFFFF;}

.paragraph--type--financials{
  background-color:#F3F0EE;
  padding-bottom:77px;
}

@media(min-width:992px){
  .paragraph--type--financials{
    padding-bottom:65px;
  }
}

.price_title{
  color:#616161;
  font-size:18px;
}

@media(min-width:992px){
.price_title{padding-bottom: 14px;}
}

.total_price{
  font-size:40px;
  color:#131719;
}

.note_text{
  padding-top: 59px;
}

@media(min-width:992px){
  .note_text{
    padding-top: 67px;
    max-width: 768px;
  }
}

@media(max-width:992px){
.textSidelightSlideText {
  text-align: center;
  margin-bottom: 32px;
  /* transform: translateY(50%); */
}}

@media(min-width:992px){
  .col-12.col-lg-7.textSidelightSlideText{
    padding-right:105px;
  }}

.border-wrapper{
  width:100%;
}

.price_title{padding-bottom:11px;}


.paragraph--type--financials > div > div > div > div:nth-child(2) > div:nth-child(2){
  display:none;
}

@media(max-width: 992px) {
  .donut {
   display:none;
  }
}

@media(min-width:992px){
.donut_price{
  text-align: center;
  transform: translateY(235px);
}
.textSidelightSlideText{transform: translateY(10px);}
}

.cta_button{
  color:#FF0000;
  font-size:17px;
  padding-top:19px;
  font-weight:bold;
  display:flex;
  cursor:pointer;
}

.cta_button:after{
  content: url(../img/red_arrow.svg);
  padding-left:21px;
  cursor:pointer;
}

.pie_element_box > div > div:nth-child(1) > div > div > div{
  border-top:none;
}