.pricing-section {
        background-color: #fff; /* White background for the section, adjust as needed */
        padding: 60px 0; /* Adjust padding as needed */
        color: #333; /* Default text color */
        box-sizing: border-box; /* Include padding in element's total width and height */
    }

    .container {
        max-width: 1200px; /* Adjust max-width as per the image's content width */
        margin: 0 auto;
        padding: 0 15px; /* Bootstrap-like padding */
    }

    .pricing-header {
        margin-bottom: 50px;
    }

    .pricing-title {
        color: #000; /* Black for the title */
        font-size: 3rem; /* Adjust font size */
        font-weight: bold;
        margin-bottom: 10px;
    }

    .pricing-description {
        font-size: 1rem;
        max-width: 700px;
        margin: 0 auto; /* Center text */
        line-height: 1.5;
    }

    /* Pricing Table Layout */
    .pricing-table-container {
        display: flex;
        flex-direction: column;
        border: 1px solid #ddd; 
        border-radius: 8px;
        overflow: hidden; 
    }

    .pricing-row {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #eee; /* Horizontal lines for rows */
    }

    .pricing-row:last-child {
        border-bottom: none; /* No border for the last row */
    }

    .pricing-cell {
        flex: 1; /* Distribute space equally */
        padding: 12px 15px; /* Cell padding */
        text-align: center;
        /* Removed border-right here as shadow will replace it */
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box; /* Include padding in cell width */
        position: relative; /* Needed for pseudo-element or more control over box-shadow */
    }

    .pricing-cell:first-child {
        flex: 1.5; /* First column (labels) wider */
        text-align: left;
        padding-left: 20px;
        font-weight: bold;
        color: #333;
    }

    .pricing-cell:last-child {
        /* No border-right for the last cell in a row naturally */
    }

    /* New Vertical Shadow Class */
    .has-right-shadow {
        box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05); /* x-offset, y-offset, blur-radius, spread-radius, color */
        z-index: 1; /* Ensure shadow is above next cell's background */
    }

    /* Plan Header Row Specifics */
    .pricing-plan-header-row {
        background-color: #f8f9fa; /* Header row background */
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #ddd; /* Stronger border below header */
        /* ADDED: Bottom shadow for the header row */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* x-offset, y-offset, blur-radius */
        position: relative; /* Needed for z-index */
        z-index: 2; /* Ensure it stays above content below */
    }

    .plan-name-cell {
        background-color: #fff; /* White background for the top-left empty cell */
        border:none;
    }

    .plan-header-cell {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 15px;
        background-color: #fff; /* White background for plan headers */
        /* border-bottom: 1px solid #ddd; */
        /* Apply shadow directly to header cells, but last one */
    }

    /* Apply specific vertical shadow to header cells, excluding the last one */
    .plan-header-cell.standard,
    .plan-header-cell.premium,
    .plan-header-cell.annual {
        box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05); /* Apply vertical shadow */
        z-index: 1;
    }


    .plan-name {
        font-size: 1.5rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 2vw;
    }

    .plan-price {
        font-size: 2.2rem;
        font-weight: bold;
        color: #000;
        margin-bottom: 2vw;
    }

    .get-started-btn {
        font-size: 1.1rem;
        padding: 10px 25px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        text-decoration: none; /* Remove underline for buttons */
    }

    /* Updated Blue Color for Standard and Annual Buttons */
    .standard-btn, .annual-btn {
        background-color: #326ca9; /* Updated Blue */
        border: 1px solid #326ca9; /* Updated Blue */
        color: #fff;
    }
    .standard-btn:hover, .annual-btn:hover {
        background-color: #275284; /* Slightly darker blue for hover */
        border-color: #275284;
    }

    /* Updated Orange (Bittersweet) Color for Premium Button */
    .premium-btn {
        background-color: #ee6352; /* Updated Orange (Bittersweet) */
        border: 1px solid #ee6352; /* Updated Orange (Bittersweet) */
        color: #fff;
    }
    .premium-btn:hover {
        background-color: #d15648; /* Slightly darker orange for hover */
        border-color: #d15648;
    }

    /* Feature Rows */
    .feature-row .feature-label {
        font-weight: normal; /* Labels are not bold in feature rows */
        color: #fff;
        background-color: #326ca9;
    }

    .feature-value-cell {
        font-size: 1rem;
        color: #333;
    }

    .check-icon {
        color: #28a745; /* Green checkmark - keeping as is unless specified */
        font-weight: bold;
        font-size: 1.2rem;
    }

    .cross-icon {
        color: #dc3545; /* Red cross - keeping as is unless specified */
        font-weight: bold;
        font-size: 1.2rem;
    }

    .support-text {
        font-size: 0.9rem;
        color: #555;
    }

    /* Additional Data Rows */
    .additional-data-row .feature-label {
        font-weight: normal; /* Labels not bold here */
        font-size: 0.95rem; /* Slightly smaller font */
        background: #326ca9;
        color: white;
    }

    .additional-data-row .feature-value-cell {
        font-weight: bold;
        font-size: 0.95rem;
    }

    /* GST Info Row */
    .gst-info-row {
        background-color: #f8f9fa; /* Light grey background for GST row */
        border-top: 1px solid #eee;
    }
    .gst-info-row .pricing-cell {
        background-color: #f8f9fa;
        /* No border-right for this row's cells */
    }
    .gst-cell {
        text-align: right !important; /* Force right alignment */
        font-size: 0.8rem;
        color: #6c757d;
        flex: 1; /* Take appropriate space */
        padding-right: 20px; /* Add some padding to the right */
    }
    .gst-info-row .pricing-cell:first-child {
        background-color: #f8f9fa; /* Ensure it stays grey */
    }



    .pricing-plan-header-row {
        /* Re-adding a slightly blurrier bottom shadow to the entire header row */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .plan-header-cell.standard,
    .plan-header-cell.premium {
        /* Adding a soft, all-around blurry shadow to individual header cells */
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
        /* Ensure z-index is still set if needed for overlapping elements/shadows */
        z-index: 1;
    }

    /* Add transition for smooth hover effects */
    .pricing-cell.plan-header-cell {
        transition: all 0.3s ease; /* Smooth animation for transform and box-shadow */
    }

    /* On hover, lift the div and apply a more prominent shadow */
    .pricing-cell.plan-header-cell:hover {
        transform: translateY(-5px); /* Moves the div 5px upwards */
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Larger and darker shadow for highlight */
    }


    /* Element | file:///C:/Users/saura/Desktop/pricnig.html */

    .pricing-description {
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    }

    /* Inline | file:///C:/Users/saura/Desktop/pricnig.html */

    .pricing-title {
    text-align: center;
    }

    .get-started-btn{
      border-radius: 29px;
    }





    /* Media Queries for Responsiveness */
    @media (max-width: 991.98px) {
        .pricing-cell:first-child {
            flex: 1.2; /* Adjust label column width for smaller screens */
        }
    }

    @media (max-width: 767.98px) {
        .pricing-table-container {
            flex-direction: column;
            border: none; /* Remove outer border for stacking on mobile */
            box-shadow: none;
        }
        .pricing-row {
            flex-direction: column; /* Stack cells vertically on mobile */
            border-bottom: none; /* Remove row borders for stacked view */
            margin-bottom: 20px; /* Space between stacked "cards" */
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
        }
        .pricing-row:last-child {
             margin-bottom: 0;
        }

        .pricing-cell {
            border-right: none; /* Remove vertical cell borders */
            border-bottom: 1px solid #eee; /* Add horizontal borders within stacked "card" */
            justify-content: space-between; /* Space out label and value */
            text-align: left; /* Align text left */
            padding: 10px 15px;
            box-shadow: none; /* Remove vertical shadow on mobile */
        }

        .pricing-cell:last-child {
            border-bottom: none;
        }

        /* Adjustments for specific rows when stacked */
        .pricing-plan-header-row {
            background-color: transparent; /* Remove background */
            border-bottom: none;
            flex-direction: row; /* Keep headers inline if possible, or adjust */
            display: grid;
            grid-template-columns: 1fr; /* Stack into a single column for each plan card */
            box-shadow: none; /* Remove horizontal shadow on mobile */
        }

        .plan-name-cell {
             display: none; /* Hide empty cell on small screens */
        }

        .plan-header-cell {
            border-bottom: 1px solid #eee;
            margin-bottom: 15px; /* Space between stacked header sections */
            border-right: none;
            box-shadow: none; /* Remove header vertical shadow on mobile */
        }

        .pricing-table-container .pricing-row:first-child { /* The header row */
            display: flex;
            flex-direction: row; /* Keep headers inline if possible */
            flex-wrap: wrap; /* Allow wrapping */
            justify-content: space-around;
            border: none;
            box-shadow: none;
        }
        .pricing-table-container .pricing-row:first-child .pricing-cell {
            flex: 1 1 250px; /* Allow cells to grow/shrink but maintain a minimum width */
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
            padding: 20px;
            border-right: none; /* To remove inner cell borders */
        }
        .pricing-table-container .pricing-row:first-child .pricing-cell:last-child {
            margin-bottom: 0;
        }


        .feature-label {
            width: auto; /* Allow label to take necessary width */
            flex-grow: 1;
            background-color: #fff !important; /* Ensure white background */
            font-weight: bold;
        }
        .feature-value-cell {
            width: auto;
            flex-grow: 0; /* Don't grow */
            flex-shrink: 0; /* Don't shrink */
            text-align: right;
        }

        .additional-data-row .feature-label {
            font-weight: bold; /* Make labels bold on mobile for better readability */
        }

        .gst-info-row {
            background-color: transparent; /* Remove background */
            border: none;
            box-shadow: none;
            margin-top: 20px; /* Space from above sections */
        }
        .gst-info-row .pricing-cell {
            border: none;
            text-align: center !important;
            padding: 0;
            background-color: transparent;
            font-size: 0.9rem;
        }
        .gst-info-row .pricing-cell:first-child,
        .gst-info-row .pricing-cell:nth-child(2),
        .gst-info-row .pricing-cell:nth-child(3) {
            display: none; /* Hide empty cells on mobile */
        }
    }

    /* Smallest screens (e.g., iPhone SE) */
    @media (max-width: 575.98px) {
        .plan-header-cell {
            padding: 15px 10px;
        }
        .plan-name {
            font-size: 1.3rem;
        }
        .plan-price {
            font-size: 1.8rem;
        }
        .get-started-btn {
            font-size: 1rem;
            padding: 8px 15px;
        }
    }