.sidebar-services-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px;
        box-shadow: 0 8px 25px rgba(3, 36, 107, 0.08);
        border-top: 4px solid var(--color-teal); /* #0798aa */
    }

    .sidebar-title {
        color: var(--color-dark-blue); /* #03246b */
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 12px;
        line-height: 1.3;
    }

    .sidebar-desc {
        font-size: 0.9rem;
        color: #555;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .service-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
        padding: 15px;
        background: #f8fafd;
        border-radius: 8px;
        border-left: 3px solid var(--color-dark-blue);
        transition: all 0.3s ease;
    }

    .service-item:hover {
        transform: translateX(5px);
        background: rgba(7, 152, 170, 0.08);
        border-left-color: var(--color-teal);
    }

    .service-icon {
        color: var(--color-teal);
        font-size: 1.2rem;
        margin-right: 15px;
        margin-top: 2px;
    }

    .service-text h4 {
        color: var(--color-dark-blue);
        font-size: 1.05rem;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .service-text p {
        font-size: 0.85rem;
        color: #4a4a4a;
        margin: 0;
        line-height: 1.4;
    }

    .diagnosis-block-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block; /* Flex use nahi kiya gaya */
    }

    .diagnosis-block-list li {
        display: block; /* Flex use nahi kiya gaya, pure block element */
        position: relative;
        padding: 14px 15px 14px 45px;
        margin-bottom: 12px;
        background-color: #f8fafd;
        border-radius: 6px;
        border-left: 4px solid var(--color-teal);
        box-shadow: 0 1px 4px rgba(0,0,0,0.03);
        transition: background 0.3s ease;
    }

    .diagnosis-block-list li:hover {
        background-color: rgba(7, 152, 170, 0.08); /* Hover par halka teal effect */
    }

    /* Icon positioned absolutely to avoid flex */
    .diagnosis-block-list .list-icon {
        position: absolute;
        left: 15px;
        top: 16px;
        color: var(--color-teal);
        font-size: 1.1rem;
    }

    .diagnosis-block-list .list-text {
        display: block;
        color: #4a4a4a;
        font-size: 1.05rem;
        font-weight: 500;
        line-height: 1.4;
    }

    /* Disclaimer Box Styling */
    .disclaimer-notice {
        display: block;
        background: rgba(3, 36, 107, 0.05); /* Halka Dark Blue bg */
        border: 1px dashed var(--color-dark-blue);
        padding: 15px;
        border-radius: 8px;
        color: #444;
        font-size: 0.95rem;
        line-height: 1.5;
        position: relative;
        padding-left: 45px;
    }

    .disclaimer-notice i {
        position: absolute;
        left: 15px;
        top: 15px;
        color: var(--color-dark-blue);
        font-size: 1.3rem;
    }

    :root {
        --color-dark-blue: #03246b;
        --color-teal: #0798aa;
        --color-bg-light: #f4f7f6;
    }

    body {
        background-color: var(--color-bg-light);
    }
    
    .text-teal {
        color: var(--color-teal) !important;
    }

    .oncology-bs4-section {
        padding: 50px 0;
    }

    /* =======================================
       Left Side Content Design
    ======================================= */
    .oncology-card {
        background: #ffffff;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(3, 36, 107, 0.05);
        border-top: 4px solid var(--color-dark-blue);
    }
    
    .badge-custom {
        background-color: rgba(7, 152, 170, 0.1);
        color: var(--color-teal);
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 700;
        border-radius: 50px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .title-custom {
        color: var(--color-dark-blue);
        font-weight: 800;
        font-size: 1.8rem;
        line-height: 1.3;
    }
    
    .highlight-box {
        background: rgba(7, 152, 170, 0.05);
        border-left: 4px solid var(--color-teal);
        padding: 15px 20px;
        border-radius: 0 8px 8px 0;
        color: #334;
        font-size: 1rem;
        line-height: 1.6;
    }
    
    .img-cover {
        width: 100%;
        height: 460px;
        object-fit: cover;
        border-radius: 10px;
    }

    /* =======================================
       Checklists & Treatment Boxes
    ======================================= */
    .treatment-box-item {
        background: #fff;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid rgba(3, 36, 107, 0.1);
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    }

    .treatment-box-item:hover {
        background: var(--color-dark-blue);
        border-color: var(--color-dark-blue);
        transform: translateY(-3px);
    }

    .treatment-box-item:hover .treatment-text,
    .treatment-box-item:hover .treatment-icon {
        color: #fff;
    }

    .treatment-icon {
        color: var(--color-teal);
        font-size: 1.4rem;
        margin-right: 15px;
        transition: 0.3s;
    }
    
    .treatment-text {
        color: var(--color-dark-blue);
        font-weight: 600;
        font-size: 1.05rem;
        transition: 0.3s;
    }

    .custom-check-list li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 12px;
        font-size: 1.05rem;
        color: #4a4a4a;
        padding: 6px 10px;
        border-radius: 6px;
        transition: background 0.2s;
    }
    
    .custom-check-list li:hover {
        background: rgba(7, 152, 170, 0.05);
    }

    .custom-check-list li i {
        color: var(--color-teal);
        font-size: 1.1rem;
        margin-top: 4px; 
        margin-right: 12px;
    }

    /* =======================================
       Right Side: Sticky Form (FIXED)
    ======================================= */
    .sticky-form-wrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 120px; 
        z-index: 100; /* Z-index is rakha taaki overlap na kare header ke saath, par interactive rahe */
        align-self: flex-start; 
    }

    .sticky-form-card {
        background: var(--color-dark-blue);
        padding: 25px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(3, 36, 107, 0.2);
    }

    .interactive-form {
        position: relative;
        z-index: 10; /* Ensures the form is above everything inside the card */
    }

    .form-icon-group {
        position: relative;
        margin-bottom: 15px;
    }

    /* BUG FIX: pointer-events: none lagaya taaki icon clicks ko block na kare */
    .form-icon-group i {
        position: absolute;
        left: 12px;
        top: 12px; 
        color: var(--color-teal);
        font-size: 0.9rem;
        z-index: 5;
        pointer-events: none; /* <--- MAIN FIX HERE */
    }

    /* BUG FIX: position relative aur z-index jisse input hamesha aage rahe aur clickable ho */
    .form-icon-group .form-control {
        position: relative;
        z-index: 2; /* <--- MAIN FIX HERE */
        padding-left: 38px;
        border-radius: 6px;
        height: 42px; /* Slightly increased for better clicking area */
        border: 1px solid rgba(255,255,255,0.2);
        background: #ffffff;
        font-size: 0.95rem;
        color: #333;
    }

    .form-icon-group textarea.form-control {
        height: auto;
        min-height: 80px;
        padding-top: 10px;
        resize: none;
    }
    
    .form-icon-group .form-control:focus {
        box-shadow: 0 0 0 3px rgba(7, 152, 170, 0.6);
        border-color: var(--color-teal);
        outline: none;
    }

    /* BUG FIX: Button ko bhi clickable banaya properly */
    .btn-teal {
        position: relative;
        z-index: 2; /* <--- MAIN FIX HERE */
        background: var(--color-teal);
        color: #ffffff;
        font-weight: 700;
        border: none;
        height: 48px;
        border-radius: 6px;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .btn-teal:hover {
        background: #067e8c;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(7, 152, 170, 0.4);
    }

    /* Mobile Responsive Fixes */
    @media (max-width: 991px) {
        .sticky-form-wrapper {
            position: static; 
            margin-top: 30px;
        }
        .title-custom {
            font-size: 1.5rem;
        }
    }