/*<style>*/

/*heading image slider*/
        /* Carousel image adjustments */
        .carousel-inner img {
            width: 100%; /* Full width */
            height: 400px; /* Fixed height for desktop */
            object-fit: cover; /* Ensures image fills the slide area */
        }

        /* Caption styling */
        .carousel-caption {
            position: absolute;
            top: 50%; /* Center vertically */
            left: 50%; /* Center horizontally */
            transform: translate(-50%, -50%);
            text-align: center;
/*            color: white;*/
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Add shadow for readability */
        }

        /* Animation for captions */
        .carousel-caption h1 {

            animation: fadeInUp 1.5s ease-in-out forwards;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Mobile view adjustments */
        @media (max-width: 768px) {
            .carousel-inner img {
                height: auto; /* Allow full image height in mobile */
                object-fit: contain; /* Show full image in mobile view */
            }

            .carousel-caption {
                font-size: 1rem; /* Adjust text size for mobile */
                background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
                padding: 10px;
                border-radius: 5px;
            }

            .carousel-caption h2 {
                font-size: 1.5rem; /* Smaller text for smaller screens */
            }
        }
    </style>



/*endheading image slider*/



/**/
/**/
.service-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-img img {
    height: 200px; /* Adjust as necessary */
    object-fit: cover;
}

.service-content {
    flex-grow: 1;
}

.service-content-inner {
    min-height: 150px; /* Adjust as necessary to keep content uniform */
}

.service-content a.h4 {
    display: block;
    margin-bottom: 20px;
}





/**/
/**/

       * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

     .cli {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80vh;
            background-color: #f0f0f0;
        }

        .slider {
            width: 1020px; /* 5 images of 200px + some margin */
            overflow: hidden;
        }

        .slider-container {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .slider-container img {
            width: 200px;
            height: 200px;
            object-fit: cover;
            flex-shrink: 0;
            margin-right: 4px; /* Small margin between images */
        }
        
}

/*testnomial*/
.testimonial-item {
    min-height: 250px; /* Adjust this based on the expected content size */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*about */
/* Default background color */
.bg-primary {
    background-color: lightSkyBlue !important; /* Default color */
    transition: background-color 0.3s ease; /* Smooth transition */
}

/* Hover effect to change background color to gray */
.bg-primary:hover {
    background-color: darkcyan !important;
}
.text-h5 {
    font-size: 24px; /* Adjust to your preferred size */
}




/*navbar*/

/* Center the title on larger screens */
.navbar-brand {
    display: flex;
    align-items: center;
}

h1.text-center {
    font-size: 3rem;
    font-weight: bold;
}

/* Smaller screen adjustments */
@media (max-width: 992px) {
    .navbar-brand img {
        height: 60px;
        width: 90px;
    }
    .navbar-brand .d-lg-none {
        font-size: 1.2rem;
        font-weight: bold;
    }
}


/*endnavbar*/


/**/
/**/
/*<!-- OUR CLIENTS -->*/

/* Slider container */
.slider {
    overflow: hidden;
    width: 100%;
    max-width: 800px; /* Adjust as needed */
    margin: auto;
}

/* Slider track */
.slider-track {
    display: flex;
    transition: transform 0.5s ease;
}

/* Individual slide */
.slide {
    min-width: 25%; /* Shows 4 images at a time */
    box-sizing: border-box;
    padding: 10px;
}

.slide img {
    width: 100%;
    border-radius: 8px;
}