div.rangeslider {
  box-sizing: content-box;
  position: relative;
}

div.rangeslider * {
  box-sizing: content-box;
}

div.rangeslider div {
  position: absolute;
}

div.rangeslider .rangeouter {
  background: #ddd;
  width: 100%;
}

div.rangeslider .rangeinner {
  background: #5fd5d7;
}

div.rangeslider .rangeselector {
  background: #5fd5d7;
  background-clip: padding-box;
  border: 0.4em solid transparent;
}

div.rangeslider.disabled .rangeinner,
div.rangeslider.disabled .rangeselector {
  background-color: #777 !important;
}

div.rangeslider .rangeinner,
div.rangeslider .rangeouter,
div.rangeslider .rangeselector {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.rangeinner {
  background-color: #5fd5d7 !important;
  height: 0.6em !important;
  margin: 0.7em 0 !important;
  width: 23.5714%;
  margin-top: 1px !important;
}

.rangeouter {
  background-color: #ddd0 !important;
}

.rangeselector {
  border: 1px solid rgb(255 255 255) !important;
  width: 20px !important;
  height: 20px !important;
  top: 6px !important;
  margin-top: -10px !important;
}

.ui-widget-content {
  border: 0 !important;
  background: #e6e6e6 url() 50% 50% repeat-x !important;
  color: #222 !important;
  height: 13px !important;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap');

.container-slider {
  max-width: 900px;
  display: block;
  margin: 0 auto;
  border: 0;
  min-height: 184px;
  background-color: #fff;
  padding: 30px;
  border-radius: 15px;
}

.appels,
.utilisateurs,
.prix,
.prixutil {
  display: block;
  float: left;
}

.appels {
  width: 30%;
  padding: 0 19px 0 20px;
}

.utilisateurs,
.prix,
.prixutil {
  width: 21.5%;
  min-height: 115px;
}

.utilisateurs {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.prixutil {
  border-left: 1px solid #ddd;
}

.prix-number2 {
  border: 0;
  color: #34a9ff;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: -20px;
  width: 95%;
  font-family: "Poppins", Sans-serif;
}

.label {
  color: #001728;
  font-family: "Poppins", Sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 20px;
}

.appels-number,
.util-number,
.prix-number {
  border: 0;
  font-weight: bold;
  text-align: center;
  font-family: "Poppins", Sans-serif;
  width: 100%;
}

.appels-number {
  color: #5fd5d6;
  font-size: 34px;
  margin-top: 5px;
}

.util-number{
  color: #5fd5d6;
  font-size: 28px;
  margin-top: -8px;
  width: 97%;
}

.util-number a,
.util-number-en a{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  font-family: "Poppins", Sans-serif;
  width: 100%;
}


.prix-number {
  color: #272eb4;
  font-size: 28px;
  margin-top: -20px;
  width: 95%;
}

.slider-ui .ui-slider-handle {
  background: #5fd5d7 !important;
  border: 0.4em solid transparent !important;
  background-clip: padding-box;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  top: -4px !important;
}

.slider-ui.ui-slider-horizontal {
  background-color: #ddd !important;
  height: 10px;
  border-radius: 5px;
}

.sub-label {
  color: #001728;
  font-family: "Poppins", Sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 20px;
}

.ui-widget-content {
  border: 0 !important;
  background: #e2e2e2 url() 50% 50% repeat-x !important;
  color: #222 !important;
}

@media (max-width: 700px) {
  .appels,
  .utilisateurs,
  .prix,
  .prixutil {
    display: block;
    width: 100% !important;
    float: none;
    margin-top: 30px;
  }

  .utilisateurs {
    border: 0px solid #ddd;
    padding: 30px 0;
    margin-bottom: 30px;
  }

  .prixutil {
    border-top: 0px solid #ddd;
    margin-bottom: 30px;
  }
  .prixutil {
    border-left: 0px solid #ddd;
}
}

.cust-link {
  font-size: 18px;
}

.util-number-en {
        color: #5fd5d6;
font-size: 28px!important;
margin-top: -8px!important;
width: 97%!important;
border: 0!important;
font-weight: bold!important;
text-align: center!important;
font-family: "Poppins",Sans-serif!important;
}

.util-number-en a{
    font-size: 18px!important;
    font-weight: bold!important;
    text-align: center!important;
    font-family: "Poppins", Sans-serif!important;
}
    
/* Language toggle rules */
html[lang="en-US"] .fr-tx,
html[lang="en"] .fr-tx {
  display: none !important;
}
html[lang="en-US"] .en-tx,
html[lang="en"] .en-tx {
  display: block !important;
}
html[lang="fr-FR"] .en-tx,
html[lang="fr"] .en-tx {
  display: none !important;
}
html[lang="fr-FR"] .fr-tx,
html[lang="fr"] .fr-tx {
  display: block !important;
}