.slider-container {
           max-width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:0px;
            background-color:white;
           
            border-radius: 10px;
            overflow: hidden;
            position: relative;

        }



        .text-content {
            flex: 1;
            margin-right: 20px;
            transition: opacity 0.5s ease-in-out;
            
        }

        .text-content h3 {
            font-size: 1.8rem;
            margin-bottom:10px;
            color: black;

        }

        .text-content p {
            font-size: 1rem;
            color:black;
width:100%;

        }

        .image-slider {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .image-slider img {
            max-width:500px;
            height: auto;
            border-radius: 10px;
            transition: opacity 0.5s ease-in-out;

        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .slider-container {
                flex-direction: column;
                text-align: center;
                padding:12px;
            }

            .text-content {
                margin-right: 0;
                margin-bottom: 20px;
            }

            .text-content h3 {
                font-size: 1.5rem;
            }

            .text-content p {
                font-size: 0.9rem;
            }

            .image-slider img {
                max-width: 250px;
            }
        }

        @media (max-width: 768px) {
            .text-content h3 {
                font-size: 1.3rem;
            }

            .text-content p {
                font-size: 0.8rem;
            }

            .image-slider img {
                max-width: 200px;
            }
        }

        @media (max-width: 480px) {
            .slider-container {
  /* Balanced padding to maintain shape */
        max-width: 100%;
        flex-direction: column;
        align-items: center; /* Center the content */
        position: relative; /* Ensure the banner shap
             padding:100px;
            }

            .text-content h3 {
                font-size: 1.1rem;
              line-height: 1.4;
            }

             .text-content p {
        font-size: 0.7rem; /* Slightly larger text for readability */
 line-height: 1.6; /* Ensure enough spacing for smooth reading */
        margin: 10px 0; /* Provide consistent spacing around text */
        
    }

            .image-slider img {
                max-width: 70%;
               margin-left:0px;
            }
        }