/* General Table Styling */
        table {
            width: 100%;
            border-collapse: collapse;
        }

        /* Ensure table cells in .insta-adverts have equal height */
        .insta-adverts {
            width: 100%;
            border-collapse: collapse;
            display: table;
            table-layout: fixed; /* Make sure cells have equal width */
        }

        /* Ensure the row has equal height cells */
        .row-collapse {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; /* Allow wrapping of cells for smaller screens */
        }

        /* Make sure each cell has equal height and takes up 50% of the table width */
        .cell1-collapse, .cell2-collapse {
            flex: 1; /* Make cells flexible */
            padding: 10px;
            overflow: hidden;
            box-sizing: border-box; /* Include padding in the element's total width and height */
            min-width: 300px; /* Ensure a minimum width */
        }

        /* Grid container within cell1-collapse for photos */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Create a 2-column grid */
            gap: 10px; /* Space between grid items */
            width: 100%;
            padding: 10px;
        }

        /* Ensure images in .photo-container maintain their aspect ratio */
        .photo-container img {
            width: 100%;
            height: auto;
            object-fit: cover; /* Maintain aspect ratio and cover the container */
        }

        /* Adjust the photo container to maintain aspect ratio and fit the content */
        .photo-container {
            position: relative;
            padding-top: 100%; /* Maintain a square aspect ratio */
            overflow: hidden;
            background-color: #f0f0f0; /* Add a background color for visualization */
        }

        /* Ensure the image fits within the container without stretching */
        .photo-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Maintain aspect ratio and cover the container */
        }

        /* Ensure .expandable takes the full height of the row */
        .expandable {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }

        .expandable .content {
            flex-grow: 1;
            overflow: hidden;
            padding-bottom: 50px;
            box-sizing: border-box;
        }

        /* General style for the "More info" button */
        .more-info {
            display: block;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            text-decoration: none;
            color: white;
            background-color: #007BFF;
            padding: 10px 20px;
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        /* Hover effect for the button */
        .more-info:hover {
            background-color: #0056b3;
            transform: translateX(-50%) scale(1.05);
        }

        /* Additional styles for content inside the expandable cell */
        .insta-adverts {
            width: 100%;
        }

        /* Ensure .expandable takes the full height of the row */
        .expandable {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }

        .expandable .content {
            flex-grow: 1;
            overflow: hidden;
            padding-bottom: 50px;
            box-sizing: border-box;
        }

        /* General properties for cell1-collapse and cell2-collapse classes */
        .cell1-collapse, .cell2-collapse {
            width: 50%;
            text-align: center;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .row-collapse {
                flex-direction: column;
            }

            .cell1-collapse, .cell2-collapse {
                width: 100%;
                padding: 5px; /* Reduce padding for smaller screens */
            }

            .photo-container img {
                width: 100%;
                height: auto;
                object-fit: contain; /* Ensure images fit within the container without stretching */
            }
        }

        /* Additional styling for the container holding the image grid */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Create 2 equal columns */
            gap: 10px; /* Space between grid items */
            padding: 10px;
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
			height:100%;
        }

        /* Ad container and advertisement box styling */
        .ad-container {
            font-family: Arial, sans-serif; /* Font style for the text */
            background: linear-gradient(135deg, #1f1c2c, #928dab); /* Background gradient color */
            color: #fff; /* Text color */
            display: flex; /* Flexbox for centering content */
            justify-content: center; /* Center content horizontally */
            align-items: center; /* Center content vertically */
            margin: 0; /* Remove default margin */
            padding: 20px; /* Padding inside the container */
            height: auto; /* Auto height adjustment */
        }

        .ad-box {
            background: rgba(0, 0, 0, 0.8); /* Semi-transparent black background */
            border-radius: 10px; /* Rounded corners */
            padding: 20px; /* Padding inside the container */
            text-align: center; /* Center-align text */
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Shadow around the container */
            max-width: 800px; /* Maximum width of the container */
            width: 100%;
            box-sizing: border-box; /* Include padding in the element's total width */
        }

        /* Responsive adjustments for .ad-box */
        @media (max-width: 1024px) {
            .ad-box {
                padding: 15px; /* Reduce padding on medium screens */
            }

            .ad-header {
                font-size: 1.8em; /* Slightly smaller header font size */
            }

            .get-info {
                font-size: 1em; /* Slightly smaller button text */
                padding: 8px 16px; /* Adjust button padding */
            }
        }

        @media (max-width: 768px) {
            .ad-box {
                padding: 10px; /* Further reduce padding on small screens */
                text-align: left; /* Align text to the left for better readability */
            }

            .ad-header {
                font-size: 1.5em; /* Smaller header font size */
                text-align: center; /* Center align header on small screens */
            }

            .get-info {
                font-size: 0.9em; /* Smaller button text */
                padding: 6px 12px; /* Adjust button padding */
                width: 100%; /* Full width button */
                box-sizing: border-box;
                text-align: center; /* Center align text */
                margin-top: 10px; /* Add space above the button */
            }

            .specs {
                font-size: 0.9em; /* Slightly smaller font size for specifications */
            }
        }

        /* Responsive adjustments for .header-container */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column; /* Stack items vertically on small screens */
                align-items: center; /* Center align all items */
                margin-bottom: 15px; /* Adjust space below the header */
            }
        }

        /* Header container for larger screens */
        .header-container {
            display: flex; /* Flexbox for alignment */
            justify-content: space-between; /* Space between header and button */
            align-items: center; /* Align items vertically in the center */
        }

        .ad-header {
            font-size: 2em; /* Font size for the header */
            color: #e67e22; /* Header text color */
        }

        .get-info {
            display: inline-block; /* Inline-block for proper padding */
            padding: 10px 20px; /* Padding inside the button */
            background: #e67e22; /* Button background color */
            color: #fff; /* Button text color */
            text-decoration: none; /* Remove underline from text */
            font-size: 1.2em; /* Font size for the button text */
            border-radius: 5px; /* Rounded corners */
            transition: background 0.3s; /* Smooth background color transition */
        }

        .get-info:hover {
            background: #d35400; /* Darker background color on hover */
        }

        .specs {
            text-align: left; /* Align text to the left */
            margin-top: 20px; /* Space above the specifications */
        }

        .specs h3 {
            font-size: 1.5em; /* Font size for the specifications header */
            border-bottom: 2px solid #e67e22; /* Bottom border */
            padding-bottom: 10px; /* Padding below the header text */
            margin-bottom: 15px; /* Space below the header */
        }

        .specs ul {
            list-style-type: none; /* Remove default list bullets */
            padding: 0; /* Remove default padding */
        }

        .specs ul li {
            margin-bottom: 10px; /* Space below each list item */
            font-size: 1em; /* Font size for the list items */
        }

        /* Ensure the product image auto adjusts within the container */
        .product-image {
            max-width: 100%; /* Set image width to 100% of the container */
            max-height: 100%; /* Set image height to 100% of the container */
            border-radius: 10px; /* Rounded corners */
            object-fit: contain; /* Maintain aspect ratio and fit within the container */
            margin-top: 20px; /* Space above the image */
        }