* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.marquee {
/*   overflow: hidden; */
}

.marquee-content {
  display: flex;
  animation: scrolling 80s linear infinite;
}

.marquee-item {
  flex: 0 0 16vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

.marquee-item img {
  display: block;
  width: 50%;
/*   padding: 0 20px; */
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}




/* Service Box css Code --- Start*/


.container-slider {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    text-align: center;
}



.box-container-slider {
    display: flex;
    justify-content: space-around;
}

.box-slider {
    width: 300px;
    height: 400px;
    perspective: 1000px;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.5s ease;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	box-shadow: 5px 5px 15px rgba(255, 165, 0, 0.6), -5px -5px 15px rgba(255, 165, 0, 0.6); /* Black and orange shadow */
	/*background-color: #212529;*/
}

.box-slider:hover {
    transform: scale(0.9) rotateX(0deg) rotateY(-0deg);
	 box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8), -10px -10px 20px rgba(255, 165, 0, 0.8); /* Stronger shadow on hover */
}

.box-slider img {
    width: 50%;
    height: 50%;
    object-fit: nonef;
    transition: transform 0.5s ease, filter 0.5s ease;
    border-radius: 15px;
}

.box-slider img:hover {
    filter: grayscale(0%);
}


.box-text {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    /* text-shadow: 2px 2px 10px rgba(0, 0, 255, 0.6);*/ /* Blue text shadow */
	font-family: 'Titillium Web', sans-serif;
	/*color:#ffffff;*/
}


/*
img {
    filter: grayscale(100%);
    border-radius: 15px;
}
*/

/* Service Box css Code --- End */