.case-study .grid-card,
.case-study .featured-card {
    cursor: pointer;
}
.case-study .grid-card:hover {
    background-color: none !important;
    background: none !important;
}

.case-study .featured .img-container {
    height: 280px !important;
    overflow: hidden;

    img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

.case-study .img-container {
    height: 250px !important;
    overflow: hidden;

    img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* Custom width utilities for case study */
.case-study .w-xl-50-custom {
    width: 100% !important;
}



@media (min-width: 768px) {
    .case-study .case-study-card-width-50 {
        width: calc(var(--width-two-card) - var(--gap-150-card)) !important;
        flex: 0 0 calc(var(--width-two-card) - var(--gap-150-card)) !important;
    }

    .case-study-first-row .grid-card.one,
    .case-study-second-row .grid-card.three,
    .case-study-second-row .grid-card.four {
        border-bottom: none !important;
    }

    .case-study-second-row,
    .case-study-third-row {
        border: none !important;
        border-bottom: none !important;
        border-top: 1px dashed var(--color-dashed-border) !important;
        border-bottom: 1px dashed var(--color-dashed-border) !important;
        border-image: repeating-linear-gradient(to right, var(--color-dashed-border) 0, var(--color-dashed-border) 6px, transparent 6px, transparent 10px) 1 !important;
        border-image-slice: 1 !important;
    }

    .case-study-second-row .grid-card.three,
    .case-study-third-row .grid-card.five {
        border: none !important;
        border-right: 1px dashed var(--color-dashed-border) !important;
        border-image: repeating-linear-gradient(to bottom, var(--color-dashed-border) 0, var(--color-dashed-border) 6px, transparent 6px, transparent 10px) 1 !important;
        border-image-slice: 1 !important;
    }

    .case-study-third-row .grid-card.six {
        border-left: 1px dashed var(--color-dashed-border) !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-image: repeating-linear-gradient(to bottom, var(--color-dashed-border) 0, var(--color-dashed-border) 6px, transparent 6px, transparent 10px) 1 !important;
        border-image-slice: 1 !important;
    }
}

@media (min-width: 1200px) {
    .case-study .w-xl-50-custom {
        width: 50% !important;
    }

    .case-study .img-container,
    .case-study .featured .img-container {
        height: 380px !important;
        overflow: hidden;
    
        img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
    }
}