body {
    padding-top: 80px; 
}

.quote-section {
    background-color: #f8f9fa; /* Light gray background for contrast */
    padding: 60px 0;
}

.blockquote {
    font-size: 1.5rem;
    font-style: italic;
    color: #555;
    border-left: 5px solid #ff6600; /* Adds a quote-style left border */
    padding-left: 15px;
}

.icon-container {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.icon-orange {
    color: #ff6600; 
}

.btn-orange {
    background-color: #ff6600; /* Replace with your exact orange */
    border-color: #ff6600; /* Makes border match */
    color: white; /* Ensures text is readable */
}

.btn-orange:hover {
    background-color: #e55a00; /* Slightly darker shade for hover effect */
    border-color: #e55a00;
}

.text-orange {
    color: #ff6600; /* Pronto Valet brand color */
}

.step-icon {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.page-hero-section {
    background-color: #f8f9fa;
}
.page-mission-section {
    background: linear-gradient(135deg, #f8f9fa, #ffffff); /* Light gradient for elegance */
    padding: 80px 0;
}
.page-mission-section ul {
    padding-left: 0;
    list-style: none;
}
.page-mission-section li {
    display: flex;
    align-items: center;
    gap: 10px;
}


.blog-hero-section {
    background: #f8f9fa;
    padding: 60px 0;
}

.blog-posts .card {
    transition: transform 0.2s ease-in-out;
}

.blog-posts .card:hover {
    transform: scale(1.02);
}

.bg-orange {
    background-color: #ff6600 !important;
    color: white;
}
.bg-lite-orange {
    background-color: #ffecdf !important;
    /*color: white;*/
}
.blog-header {
    padding-top: 20px;
}

.blog-featured-img {
    max-width: 60%; /* Limits the image size */
    height: auto;
    border-radius: 8px;
}

/* Ensures responsiveness on smaller screens */
@media (max-width: 768px) {
    .blog-featured-img {
        max-width: 100%; /* Full width on small screens */
    }
}