.core-service{
	color: #676767;
/*	background-color: #dbf8ff;*/
	display: inline-block;
	padding: 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #676767;
	flex: 0 0 auto;
	scroll-snap-align: start;
}

.core-service:hover{
	background-color: #e0f9ff;
}

@media screen and (max-width: 768px) {
	.core-service{
		width: 100%;
		width: auto;
	}

	.core-services-container {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        scrollbar-width: none; /* Hide scrollbar in Firefox */
        margin-bottom: 15px;
        padding-bottom: 10px; /* Space for scrollbar if visible */
    }
    
    .core-services-container::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome/Safari */
    }
    
    .core-service {
        margin-right: 10px; /* Reduce margin between carousel items */
    }
    
    .core-service:last-child {
        margin-right: 0;
    }
}