.range-slider {
     position: relative;
     max-width: 640px;
     margin: 0 auto;
     padding-top: 0.8rem;
}
 .range-slider h2 {
     text-align: center;
     margin-bottom: 4.6rem;
     display: inline-block;
     width: 100%;
}
 .range-slider form {
     padding-top: 6rem;
}
 .range-slider button {
     margin-top: 5rem;
}
 .range-slider form {
     text-align: center;
     position: relative;
}
 .range-slider .with-icon::after {
     content: "\62";
     font-family: "geldshop" !important;
     font-style: normal !important;
     font-weight: normal !important;
     font-variant: normal !important;
     text-transform: none !important;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     vertical-align: middle;
}
 .range-slider .labels {
     margin-top: 1.5rem;
     font-weight: 400;
     font-size: 1.8rem;
     line-height: 2rem;
     color: #213762;
}
 .range-slider .labels .min {
     float: left;
}
 .range-slider .labels .max {
     float: right;
}
 .range-slider .rangeslider {
     background-color: #EDFAFD;
}
 .range-slider .floating-number-input {
     position: absolute;
     top: 0;
     -webkit-transform: translateX(calc(-50% + 15px));
     transform: translateX(calc(-50% + 15px));
	left: 50%;
}
 .range-slider .floating-number-input .slider-input {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .range-slider .slider-input::before {
     content: "";
     position: absolute;
     top: auto;
     bottom: -0.8rem;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translateX(-50%);
     border-style: solid;
     border-width: 0.8rem 0.4rem 0 0.4rem;
     border-color: #fff transparent transparent transparent;
     width: 0;
     height: 0;
}
 .rangeslider, .rangeslider__fill {
     display: block;
     border-radius: 10px;
}
 .rangeslider {
     background: #e6e6e6;
     position: relative;
}
 .rangeslider--horizontal {
     height: 2rem;
     width: 100%;
}
 .rangeslider--disabled {
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
     opacity: 0.4;
}
 .rangeslider__fill {
     background: #00B6E7;
     position: absolute;
}
 .rangeslider--horizontal .rangeslider__fill {
     top: 0;
     height: 100%;
}
 .rangeslider__handle {
     cursor: pointer;
     display: inline-block;
     width: 3rem;
     height: 3rem;
     background-color: #ffffff;
     position: absolute;
     -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
     border-radius: 50%;
}
 .rangeslider__handle::after {
     content: "";
     position: absolute;
     display: block;
     width: 1.2rem;
     height: 1.2rem;
     border-left: 0.2rem solid #C8E0E6;
     border-right: 0.2rem solid #C8E0E6;
     top: 50%;
     right: 50%;
     -webkit-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
}
 .rangeslider__handle::before {
     content: '';
     position: absolute;
     display: block;
     width: 0.2rem;
     height: 1.2rem;
     background-color: #C8E0E6;
     top: 50%;
     right: 50%;
     -webkit-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
}
 .rangeslider--horizontal .rangeslider__handle {
     top: -0.5rem;
     touch-action: pan-y;
     -ms-touch-action: pan-y;
}
 input[type="range"]:focus + .rangeslider .rangeslider__handle {
     -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
     box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
 .slider-input input[type="number"] {
     display: inline-block;
     padding-left: 1rem;
     border: none;
     line-height: 5rem;
     font-weight: 600;
     height: 5rem;
     color: #213762;
}
 .slider-input .input-group-addon {
     width: auto;
     display: inline-block;
     vertical-align: top;
     padding: 0 0 0 1.2rem;
     background-color: transparent;
     border: none;
     font-size: 1.8rem;
     color: #213762;
     line-height: 5rem;
}
 .range-slider .floating-number-input {
     position: absolute;
     top: 0;
     -webkit-transform: translateX(calc(-50% + 15px));
     transform: translateX(calc(-50% + 15px));
}

.btn-with-arrow-right {
    background-color: #f0b800;
    border-color: white;
    color: #203761;
    font-weight: 600;
    padding: 20px 10px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer !important;
}
.btn-with-arrow-right:hover {
    background-color: #0274be;
    color: white;
    font-weight: 600;
    border-color: white;
}
