.slider-section {
            height: 100vh;
            overflow: hidden;
            position: relative;
        }

        .carousel-indicators li {
            background-color: #00AEEF; 
            border-radius: 50%; 
            width: 15px; 
            height: 15px; 
            margin: 0 5px; 
            
        }

        .carousel-indicators {
            margin: 0;
            position: absolute;
            bottom: 5%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        

  
        .carousel-item img {
            object-fit: cover; 
            height: 100vh; 
            width: 100%;
        }

        @media (max-width: 767px) {
            .carousel-item img {
                object-position: center; 
            }
        }