/* Value-Based Pricing Calculator Styles */

/* Adjust padding and font size for use-case items */
.use-case-items b,
h2.use-case-items {
    font-size: 1.3em;
    color: #f9a348;
}

span.use-case-items-sub,
p.use-case-items-sub {
    font-size: 1em;
    color: #feefaf;
    line-height: 1em;
    padding-bottom: 0.3em;
}

/* Calculator form and results styles */
.project-cost-calculator-form {
    /* Add your form styling here */
}

.project-cost-comparison {
    /* Add your result section styling here */
}

/* Slick Slider Styles */
/* Customize the slick slider as needed */
.slider {
    max-width: 100%;
    margin: 0 auto;
}

.slick-slide {
    margin: 0 5px;
}

.slick-list {
    margin: 0px -5px 0px -5px;
}

button.slick-next,
button.slick-next:hover,
button.slick-prev,
button.slick-prev:hover {
    /* Add styles for slider arrows if needed */
}

.slick-prev:before,
.slick-next:before {
    /* Add styles for arrow icons if needed */
}

/* Optional: Add any other specific styles as per your design requirements */

/* Hide unnecessary elements */
header#main-header,
div#footer-bottom {
    display: none;
}

/* Responsive Styles */
/* Add responsive styles as needed for different screen sizes */
@media screen and (max-width: 768px) {
    /* Add styles for smaller screens */
}

@media screen and (max-width: 576px) {
    /* Add styles for mobile screens */
}