.pricing *, .inquiry *{
    font-family: inherit !important;
    font-weight: 500;
}
.pricing h1, .inquiry h1{ 
    
    font-size: 32px;
}

.pricing .outlets {
    margin-top: 40px;
}

.pricing .outlets label{
    text-align: center;
    color: #000;
    font-weight: bold;
    display: block;
}

.pricing .outlets label span{
    background: green;
    color: #FFF
}

.pricing .outlets span{
    
    color: #000;
    font-weight: bold;
    
}

/* WebKit */
.pricing #rangeInput::-webkit-slider-thumb {
    background-color: #28a745 !important; /* Green thumb color */
}

/* Firefox */
.pricing #rangeInput::-moz-range-thumb {
    background-color: #28a745 !important; /* Green thumb color */
}

.pricing #rangeInput::-moz-range-track {
    background-color: #ccc; /* Change to your desired color */
}

/* WebKit */
.pricing #rangeInput::-webkit-slider-runnable-track {
    background-color: #ccc; /* Change to your desired color */
}

.pricing .plan-features{
    margin-top: 50px;
    padding: 50px;
    background: #D2F0DD;
}

.pricing .custom-list-item {
    font-weight: 500;
    padding-left: 25px; /* Add padding to align text with check mark */
    position: relative; /* Position relative for absolute positioning of check mark */
    list-style: none; /* Remove default list style */
    margin: 10px 0px;
  }

  .pricing .custom-list-item::before {
    content: '\2713'; /* Unicode character for check mark */
    color: green; /* Green color for check mark */
    position: absolute; /* Absolute positioning relative to parent */
    left: 0; /* Position check mark at left edge of parent */
    top: 0; /* Position check mark at top edge of parent */
  }

  .pricing .addons{
    margin-top: 30px;
  }

  .pricing .custom-box {
    padding: 2.5rem 2rem;
    background: #CCC;
    color: #000;
    font-weight: 500;
    border-radius: 10px;
    margin: 20px 0px;
}

.pricing .custom-box img{
    width: 100px;
    padding: 10px;
}

  .pricing .custom-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 30px; /* Adjust width */
    height: 30px;
  }

  .pricing .custom-text-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 80%;
  }

  .pricing .custom-text-box img {
    width: 50px; /* Adjust image width as needed */
    height: 50px; /* Adjust image height as needed */
    margin-right: 10px;
    vertical-align: middle;
  }

  .pricing .sticky-box{
    position: fixed;
    bottom: 0;
    background-color: white;
    padding: 10px 20px;
    border-top: 1px solid #ccc;
    width: 100%;
    z-index: 3;
    font-weight: 500;
  }