/* Unique Section Styling */
       .section-unique {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 20px;
    }

    /* Hero Section */
    #hero-section {
        background: linear-gradient(to bottom, #fafafa, #eaeaea);
        text-align: center;
    }

    #hero-section .content {
        z-index: 2;
        color: #333;
    }

    .content h2 {
        margin-bottom: 46px;
    }

    #hero-section h1 {
        font-size: 36px;
        font-weight: bold;
    }

    #hero-section p {
        font-size: 18px;
        margin-top: 10px;
    }

    /* Middle Section */
    #middle-section {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .split-container {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
    }

    /* Left Side */
    .left-side {
        background-color: #f8f9fa;
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        text-align: center;
    }

    .left-side h2 {
        font-size: 36px;
        color: #333;
        margin-bottom: 20px;
    }

    .left-side p {
        font-size: 18px;
        line-height: 1.6;
        color: #555;
    }

    /* Right Side */
    .right-side {
        background-color: #126442;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Floating Product Image */
    .floating-image {
        position: absolute;
        top: 50%;
        left: 70%;
        /* Centered at the boundary between left and right */
        transform: translate(-50%, -50%);
        z-index: 10;
        pointer-events: none;
        /* Ensure the image doesn't interfere with interactions */
        transition: all 1s ease-in-out;
    }

    .floating-image img {
        width: 300px;
        /* Increased size */
        height: auto;
        border-radius: 10px;
        /* Optional: To make the image slightly rounded */
        background: transparent;
        /* Ensure no background around the image */
        object-fit: cover;
    }

    /* Slider Section */
    #slider-section {
        background: #fff;
        padding: 50px 20px;
        text-align: center;
    }

    .slider {
        display: flex;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .slider-item {
        background: #f8f9fa;
        padding: 30px;
        border-radius: 10px;
        width: 300px;
        text-align: center;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .slider-item h3 {
        font-size: 24px;
    }

    .slider-item p {
        font-size: 16px;
    }

    /* Responsive Styles */

    /* Tablet */
    @media (max-width: 1024px) {
        .left-side {
            width: 70%;
            padding-left: 125px;
            padding-right: 2px;
            align-items: flex-start;
            text-align: left;
        }

        .floating-image {
            left: 70%;
        }

        .left-side h2 {
            margin-left: -104px;
        }

        .left-side p {
            margin-left: -93px;
        }

        .floating-image img {
            width: 350px;
            /* Adjusted size for tablet */
        }
    }

    /* Mobile */

    @media (max-width: 768px) {
        .split-container {
            flex-direction: column;
        }

        .left-side {
            width: 100%;
            padding: 20px;
            align-items: center;
            text-align: center;
            margin-left: 0;
        }

        .right-side {
            width: 100%;
            height: 100px;
            /* Adjust height as needed */
        }


        .floating-image {
            left: 50% !important;
            top: 50% !important;
        }


        .floating-image img {
            width: 300px;
            /* Adjusted size for mobile */
        }

        .left-side h2 {
            font-size: 28px;
            margin-left: 0;
        }

        .left-side p {
            font-size: 16px;
            margin-left: 0;
        }

        #middle-section {
            height: 70vh !important;

        }
    }