Page Break issue in laravel

I’m encountering a problem with page breaks while printing an HTML document using a printDiv() function triggered by a button. The content overlaps or doesn’t break correctly between sections, causing formatting issues.

I’ve tried adjusting margins and page size using CSS @page rules, but the issue persists. Here’s the snippet I used for adjusting margins:

i am facing the issue. where i am not able to use page break in this code i am using laravel. can any one help me in this issue i am trying it for 3 to 5 days. Thanks.

What adjustments should I make to ensure that each section () in printableArea starts on a new page when printing? Are there specific CSS properties or print-specific adjustments I should consider to resolve this issue?

Print

               {{-- Header Section --}}
                <div class="row">
                 </div>
                
                {{-- Logo Section --}}
                @if ($layoutSetting->logo != 'off')
                    <div class="col-md-12">
                    
                    </div>
                @endif

                <div class="row printBody">

                
                    {{-- Document Id and Date/Time --}}
                    <div class="col-md-4 mt-5">
                                                </div>

                    {{-- Subject , To and info section --}}
                    <div class="col-md-12">
                       
                    </div>

                    {{-- Document Content section --}}
                    <div class="col-md-12" ><br><br>

                    </div>

                    {{-- Reference File Links section --}}
                    <div class="col-md-12"><br><br>

                    </div>

                    {{-- E Sign and QR code section --}}
                    <div class="col-md-12">

                    </div>
                   
                </div>
            </div>