#price-slider {
            border-radius: 8px;
            height: 10px;
            width: 100%;
            outline: none;
            -webkit-appearance: none;
        }

        input[type='range']::-webkit-slider-thumb {
            width: 25px;
            -webkit-appearance: none;
            height: 25px;
            background: url('./e-svetli-logo.png') no-repeat center center;
            background-size: contain;
            border-radius: 2px;
        }

        .price-calculator .icon-box{
  border-bottom: 4px solid transparent !important;
  border-radius: 16px;
    position: relative;
  background-color: #01202C;
  margin-bottom: 10px;
  color: white;
  align-self: stretch;
  padding: 30px 50px;
}


       .price-calculator .icon-box .option-text{

           font-weight: 400;
    font-size: 16px;
       }
       .price-calculator .icon-box .headline{
                font-weight: 600;
           font-size: 20px;
        }
        


        .price-calculator .icon-box input[type='radio'] {

            appearance: none;

            -moz-appearance: none;
            
            -webkit-appearance: none;

    outline-width: 2px;
    outline-offset: 1px;
    outline: white solid;
            width: 10px;
            height: 10px;
            border-radius: 50%;

        }

        .price-calculator .icon-box input[type='radio']:checked {
    
                background-color: #4CFFD5;
                border: none;
    outline-width: 5px;
    outline-offset: 2px;
    outline: #4CFFD5 solid;
            
        }

        .price-calculator .estimate-box-wrapper {
            border-radius: 16px;
            padding: 2px 2px;
            color: white;
            opacity: 0.04;
        }
    
        .price-calculator .estimate-box-content {

            border-radius: 16px;
            height: 100%;
            background-color: #022b3a;
            padding: 30px 50px;
            color: white;
        }

        .price-calculator .estimate-box-content .headline {
font-weight: 600;
letter-spacing: 4px;
        }

        .price-calculator .estimate-box-content .item {
margin-bottom: 0;
width: fit-content;
        }

        .price-calculator .estimate-box-content .item-price {
margin-bottom: 0;
width: fit-content;
        }

        .price-calculator .estimate-box-content .dashed-lines {
            border-bottom: 1px dashed #ffffff ; 
            margin: 0 10px 7px 10px;
        }




 #price-input {
    background-color: #01202C;
    border: 1px solid white;
    border-radius: 2px;
    color: white;
    outline: none;

 }

 .color-fiscomm-green {
   color: #A3FFE9

 }

 .divider {
  height: 2px;
  margin-bottom: 5px;
  width: 100%;
  background: linear-gradient(90deg, rgba(76,255,213,1) 0%, rgba(0,139,255,1) 100%);;
}

 .bg-gradient-fiscomm {

    
  background: linear-gradient(to right, #4CFFD5,  #008BFF);
 }


.btn-gradient {
    margin-top: 20px;
    padding: 6px 22px;
    border-radius: 4px;

  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #4CFFD5,  #008BFF);
  cursor: pointer;
}
.btn-gradient::before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 4px;
  background-color: #01202C;
  z-index: -1;
  transition: 200ms
}
.btn-gradient::after {
  content: attr(data);
  font-size: 16px;
  background: linear-gradient(to right, #4CFFD5,  #008BFF);

  -webkit-background-clip: text;
  color: transparent;
  transition: 200ms
}
.btn-gradient:hover::before {
  opacity: 50%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.btn-gradient:hover::after{
  color: white;
}

.price-calculator .icon-box::after{
  background: rgb(76,255,213);
  background: linear-gradient(90deg, rgba(76,255,213,1) 0%, rgba(0,139,255,1) 100%);
  position: absolute;
  width: 95%;
  top: 10px;
  right: 15px;

    margin: auto;
    height: 100%;
  content: '';
  z-index: -1;
  border-radius: 16px;
}