/*==================================================
    About Section CSS
==================================================*/

.service-book-button{
    color: var(--theme-color);
    padding: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320))) calc(11px + (20 - 11) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
    background: #bd0e0e0f;
}

.service-book-button:hover{
    color: #fff;
    background: #ca191c;
}
.service-book-button i{
    margin-left: 5px;
}

    /* Ensure the image container maintains height on larger screens */
@media (min-width: 1200px) {
    .about-img-wrapper {
        height: 500px; /* Adjust this value to match your design height */
    }
    .about-img-wrapper img {
        object-fit: cover;
        object-position: center;
    }
}

/* Enhancing the Service List items */
.service-highlight li {
    background: #ca191c05;
    padding: 10px;
    border-radius: 8px;
    transition: transform 0.3s ease;
}


.service-highlight li:hover {
    transform: translateX(10px);
    background: #ca191c14;
}

.service-highlight a{
    color: #333;
}

.service-highlight a:hover{
    color: #ca191c;
}

/* Typography polish */
.text-primary { color: #ca191c !important; } /* Adjust to match your Brand Color */
.btn-primary { background-color: #ca191c; border: none; }