@media print {
    /* Reset any responsive layout adjustments */
    * {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

    /* Force desktop styles */
    body, .container, .row, .col, .content {
        width: 100%;
        max-width: none;
        float: none;
        display: block !important;
    }

    /* Keep flexbox or grid layout intact */
    .d-flex, .flex, .grid, .flex-column, .flex-row {
        display: flex !important; /* Keep original flex styles */
        width: auto !important; /* Maintain natural width */
        flex-direction: inherit !important; /* Keep the original flex direction */
    }

    /* Ensure sidebars and content areas retain their desktop layout */
    .sidebar {
        display: block !important;
        width: 25%; /* Adjust according to your desktop layout */
    }

    .main-content {
        width: 75%; /* Adjust according to your desktop layout */
    }

    /* Hide any elements that are only needed in mobile/tablet views */
    .mobile-only, .tablet-only {
        display: none !important;
    }

    /* Ensure headers, footers, and navigation are properly displayed */
    header, footer, nav {
        display: block !important;
        width: 100% !important;
    }

    /* Prevent page breaks inside important elements */
    .counter-box, .section-heading, .row, .counter-item {
        page-break-inside: avoid; /* Ensure elements stay together */
    }

    /* Ensure colors and backgrounds print exactly as on the screen */
    .info-area * {
        -webkit-print-color-adjust: exact !important; /* For WebKit browsers (Chrome, Safari) */
        color-adjust: exact !important; /* For Firefox */
    }

    /* Preserve the layout of the counter boxes */
    .info-area .counter-box .row {
        display: flex !important; /* Ensure the row remains a flex container */
        flex-wrap: nowrap !important; /* Prevent columns from stacking */
        align-items: stretch !important; /* Ensure items stretch as in desktop */
        width: 100% !important; /* Maintain full width */
    }

    /* Ensure the columns remain side by side */
    .info-area .counter-box .col-lg-3 {
        display: flex !important; /* Maintain flex display */
        flex: 0 0 25% !important; /* Keep columns at 25% width */
        max-width: 25% !important; /* Prevent columns from expanding */
        padding: 0 10px; /* Add spacing between columns if needed */
    }

    /* Ensure the counter item and content stay properly aligned */
    .info-area .counter-item {
        display: flex !important; /* Keep the counter items as flex containers */
        align-items: center !important; /* Center align icons and text */
        justify-content: flex-start !important; /* Keep content to the left */
        width: 100% !important; /* Full width for each item */
    }

    /* Prevent page breaks inside the counter boxes */
    .info-area .counter-box, .info-area .counter-item {
        page-break-inside: avoid !important; /* Prevent page breaks inside these elements */
    }

    /* Additional styling adjustments for print */
    .info-area .section-heading {
        margin-bottom: 30px !important; /* Adjust spacing if needed */
    }

    /* Add any additional custom styles needed */

    /* Ensure footer retains its layout */
    .footer-area * {
        -webkit-print-color-adjust: exact !important; /* For WebKit browsers (Chrome, Safari) */
        color-adjust: exact !important; /* For Firefox */
    }

    /* Preserve layout for footer columns */
    .footer-area .container {
        width: 100% !important; /* Full width container */
    }

    .footer-area .row {
        display: flex !important; /* Maintain flex layout for rows */
        flex-wrap: nowrap !important; /* Prevent rows from stacking */
        align-items: flex-start !important; /* Align items to the top */
    }

    .footer-area .col-lg-3, .footer-area .col-lg-4, .footer-area .col-lg-6, .footer-area .col-lg-8 {
        display: block !important; /* Keep columns as blocks */
        flex: 0 0 auto !important; /* Prevent columns from resizing */
        max-width: 25% !important; /* Adjust according to desired width */
    }

    .footer-area .col-lg-4 {
        max-width: 33.3333% !important; /* Adjust for 4-column layout */
    }

    .footer-area .col-lg-6 {
        max-width: 50% !important; /* Adjust for 6-column layout */
    }

    .footer-area .col-lg-8 {
        max-width: 66.6667% !important; /* Adjust for 8-column layout */
    }

    /* Ensure flexbox alignment for footer items */
    .footer-item, .copy-right-content {
        width: 100% !important; /* Full width for each item */
    }


    /* Prevent page breaks inside footer elements */
    .footer-area, .footer-item {
        page-break-inside: avoid !important; /* Prevent page breaks inside footer */
    }

}