.rounded-3 {
    border-radius: .5rem !important;
}
.cost-breakdown {
    margin-top: -.5em;
    box-shadow: 0 3px 6px #00000029;
    border-radius-bottom: 1em;
    background: rgba(0, 0, 0, .02);
}
.f-14 {
    font-size: 14px !important;
}
.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}
.text-center {
    text-align: center !important;
}
.w-100 {
    width: 100% !important;
}
.cost-breakdown__title {
    background-color: #d52147;
    color: #fff;
    border-radius: 10px;
}
.p-3 {
    padding: 1rem !important;
}
.price-item {
    margin-bottom: 1rem;
}
.text-danger {
    color: #f44335 !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.float-start {
    float: left !important;
}
.price-item .progress {
	display: none;
    margin-top: 10px;
    height: 16px;
}
.progress {
    overflow: visible;
}
.position-relative {
    position: relative !important;
}
.progress {
    display: flex;
    height: 6px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #f0f2f5;
    border-radius: .125rem;
}
.price-item .progress .progress-bar {
    height: 16px;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #dc3545;
    transition: width .6s ease;
    border-radius: 50rem !important;
}
.price-item .progress small {
    color: #fff;
    font-size: 12px;
    border-radius: 50rem;
}

.text-white {
    color: #fff !important;
}
.justify-content-center {
    justify-content: center !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.rounded-button {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    border: none;
    border-radius: 30px; /* Makes the button rounded */
    background-color: #0073e6; /* Button background color */
    color: white; /* Button text color */
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.rounded-button:hover {
    background-color: #005bb5; /* Darker shade on hover */
}

.button-icon {
    width: 35px; /* Set icon width */
    height: 24px; /* Set icon height */
    margin-left: 10px; /* Space between icon and text */
    border-radius: 50%; /* Optional: makes the image circular */
}

.button-text {
    display: inline-block;
    vertical-align: middle;
}