.featured-services-slider-wrapper {
        position: relative;
        margin: 20px -10px;
        /*padding: 0 30px;*/ 
    }

    .featured-services-slider .slick-list {
        overflow: hidden;
    }

    .featured-services-slider .slick-track {
        display: flex;
        align-items: stretch;
    }

    .service-slide-item {
        padding: 0 10px;
        height: auto;
    }

    .service-card {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    }

    .service-image {
        position: relative;
        overflow: hidden;
    }

    .service-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .service-card:hover .service-image img {
        transform: scale(1.05);
    }

    .service-featured-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        background: linear-gradient(45deg, #ff6b6b, #ee5a24);
        color: white;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 12px;
        font-weight: bold;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

    .service-content {
        padding: 20px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .service-category {
        color: #666;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .service-title {
        margin: 0 0 10px 0;
        font-size: 18px;
        line-height: 1.4;
    }

    .service-title a {
        color: #333;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .service-title a:hover {
        color: #007cba;
    }

    .service-excerpt {
        color: #666;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
        flex-grow: 1;
    }

    .service-actions {
        margin-top: auto;
    }

    .service-btn {
        display: inline-block;
        background: linear-gradient(45deg, #007cba, #005a87);
        color: white;
        padding: 10px 20px;
        border-radius: 5px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.3s ease;
        border: none;
        cursor: pointer;
    }

    .service-btn:hover {
        background: linear-gradient(45deg, #005a87, #007cba);
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(0,124,186,0.3);
        color: white;
    }

    /* Custom Slick Slider Styles */
    .featured-services-slider .slick-dots {
        bottom: -50px;
        text-align: center;
    }

    .featured-services-slider .slick-dots li {
        margin: 0 5px;
    }

    .featured-services-slider .slick-dots li button:before {
        color: #007cba;
        font-size: 12px;
        opacity: 0.5;
    }

    .featured-services-slider .slick-dots li.slick-active button:before {
        opacity: 1;
    }

    /* Navigation Arrows - Positioned inside container */
    .featured-services-slider .slick-prev,
    .featured-services-slider .slick-next {
        z-index: 10;
        width: 40px;
        height: 40px;
        background: rgba(0,124,186,0.8);
        border-radius: 50%;
        border: none;
        font-size: 18px;
        color: white;
        cursor: pointer;
        transition: all 0.3s ease;
        top: 50%;
        transform: translateY(-50%);
    }

    .featured-services-slider .slick-prev:before,
    .featured-services-slider .slick-next:before {
        content: '';
    }

    .featured-services-slider .slick-prev,
    .featured-services-slider .slick-next {
        margin: 0;
    }

    .featured-services-slider .slick-prev {
        left: -10px; /* Inside container */
    }

    .featured-services-slider .slick-next {
        right: -10px; /* Inside container */
    }

    .featured-services-slider .slick-prev:hover,
    .featured-services-slider .slick-next:hover {
        background: rgba(0,124,186,1);
        transform: translateY(-50%) scale(1.1);
    }

    .featured-services-slider .slick-disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .featured-services-slider .slick-disabled:hover {
        transform: translateY(-50%) scale(1);
    }

    /* Fix for equal height slides */
    .featured-services-slider .slick-slide {
        height: auto;
    }

    .featured-services-slider .slick-slide > div {
        height: 100%;
    }

    .featured-services-slider .slick-track {
        display: flex !important;
    }

    .featured-services-slider .slick-slide {
        height: inherit !important;
        display: flex !important;
        align-items: stretch;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .featured-services-slider-wrapper {
            padding: 0 20px; /* Reduce padding on mobile */
        }
        
        .featured-services-slider .slick-prev {
            left: 5px;
            width: 35px;
            height: 35px;
        }
        
        .featured-services-slider .slick-next {
            right: 5px;
            width: 35px;
            height: 35px;
        }
        
        .service-slide-item {
            padding: 0 5px;
        }
    }

    @media (max-width: 480px) {
        .featured-services-slider-wrapper {
            padding: 0 15px;
        }
        
        .featured-services-slider .slick-prev,
        .featured-services-slider .slick-next {
            width: 30px;
            height: 30px;
            font-size: 14px;
        }
        
        /* Hide arrows on very small screens and rely on dots */
        .featured-services-slider .slick-prev,
        .featured-services-slider .slick-next {
            display: none !important;
        }
    }

    /* Alternative: Arrows outside but visible */
    .featured-services-slider-wrapper.arrows-outside {
        padding: 0;
        margin: 20px 50px;
    }

    .featured-services-slider-wrapper.arrows-outside .slick-prev {
        left: -45px;
    }

    .featured-services-slider-wrapper.arrows-outside .slick-next {
        right: -45px;
    }