/*--------------------------------------------------------------
    # Cardiology Section (Enhanced)
    --------------------------------------------------------------*/
    .cardiology {
        position: relative;
        display: block;
        padding: 100px 0;
        background: linear-gradient(135deg, #f9fcff, #eef5ff);
        z-index: 1;
    }

    .cardiology__single {
        position: relative;
        text-align: center;
        margin-bottom: 40px;
        border-radius: 20px;
        overflow: hidden;
        background: #fff;
        transition: all 0.4s ease;
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        transform: translateY(0);
    }

    .cardiology__single:hover {
        transform: translateY(-15px);
        box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    }

    /* Image box */
    .cardiology__img-box {
        position: relative;
        display: block;
        overflow: hidden;
        border-bottom: 5px solid #007bff;
    }

    .cardiology__img img {
        width: 100%;
        border-radius: 0;
        transition: transform 0.6s ease, filter 0.4s ease;
    }

    .cardiology__single:hover .cardiology__img img {
        transform: scale(1.15) rotate(2deg);
        filter: brightness(1.1);
    }

    /* Plus & Social icons overlay */
    .cardiology__plus-and-social {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.5);
        display: flex;
        gap: 15px;
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
        z-index: 2;
    }

    .cardiology__single:hover .cardiology__plus-and-social {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    /* Plus button */
    .cardiology__plus span {
        background: #007bff;
        color: #fff;
        padding: 14px 16px;
        border-radius: 50%;
        font-size: 20px;
        box-shadow: 0 6px 14px rgba(0,123,255,0.4);
        cursor: pointer;
        transition: transform 0.3s ease, background 0.3s ease;
    }

    .cardiology__plus span:hover {
        background: #0056b3;
        transform: scale(1.15) rotate(10deg);
    }

    /* Social icons */
    .cardiology__social a span {
        display: inline-block;
        background: #fff;
        color: #007bff;
        padding: 12px 14px;
        border-radius: 50%;
        font-size: 18px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.12);
        transition: all 0.3s ease;
    }

    .cardiology__social a span:hover {
        background: #007bff;
        color: #fff;
        transform: translateY(-4px) scale(1.1);
    }

    /* Content Box */
    .cardiology__content {
        padding: 30px 20px;
        background: #fff;
        border-top: 1px solid #eef2f7;
        position: relative;
        z-index: 1;
    }

    /* Title with underline animation */
    .cardiology__title {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 8px;
        text-transform: capitalize;
        position: relative;
        display: inline-block;
    }

    .cardiology__title a {
        color: #222;
        text-decoration: none;
        transition: color 0.3s ease;
        position: relative;
        padding-bottom: 4px;
    }

    .cardiology__title a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 2px;
        background: #007bff;
        transition: width 0.4s ease;
    }

    .cardiology__title a:hover {
        color: #007bff;
    }

    .cardiology__title a:hover::after {
        width: 100%;
    }

    .cardiology__sub-title {
        font-size: 15px;
        font-weight: 600;
        color: #007bff;
        letter-spacing: 0.5px;
        transition: transform 0.3s ease, color 0.3s ease;
    }

    .cardiology__single:hover .cardiology__sub-title {
        transform: scale(1.05);
        color: #0056b3;
    }