.sliderbrad {
	margin-top: 50px;
    height: auto;
    width: 100%;
    background-color: rgb(245, 245, 245); 
    margin: 20px auto;
    text-align: center;
    padding: 20px; /* Adjust padding for better spacing */
}

.sliderbrad .slide {
    display: flex;
    justify-content: center; /* Center images in their container */
    margin: 0 10px; /* Add margin for spacing between slides */
}

.sliderbrad .slide img {
    max-width: 100%; /* Responsive width */
    max-height: 200px; /* Set a max-height to keep images proportional */
    height: auto; /* Maintain aspect ratio */
    border: none;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .sliderbrad {
        padding: 50px; /* Reduce padding */
    }

    .sliderbrad .slide {
        margin: 10px 10px; /* Adjust margins */
    }
}

@media (max-width: 480px) {
    .sliderbrad .slide img {
        max-height: 150px; /* Adjust max-height for smaller screens */
		
    }
}


 /* youtaube start */

	.main-container {
		position: relative;
		max-width: 1200px;
		height: auto;
		width: 90%;
		display: flex;
		flex-direction: column; /* Stack items vertically */
		align-items: center; /* Center items horizontally */
		padding: 20px;
		
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		margin: 20px auto; /* Center the container */
	}

	.video-icon {
		margin-top: 150px; 
		font-size: 80px; /* Larger size for the icon */
		color: #FF0000; /* YouTube red */
		text-decoration: none;
		transition: transform 0.2s;
		margin-bottom: 20px; /* Space below the icon */
		animation: shake-animation 0.5s ease infinite; /* Continuous shaking animation */
	}

	@keyframes shake-animation {
		0% { transform: translate(0); }
		25% { transform: translate(-5px, 0); }
		50% { transform: translate(5px, 0); }
		75% { transform: translate(-5px, 0); }
		100% { transform: translate(0); }
	}

	.video-icon:hover {
		transform: scale(1.1); /* Slightly enlarge on hover */
	}

	.image-container {
		width: 100%; /* Full width on mobile */
		margin-bottom: 20px; /* Space below the image */
	}

	.image-container img {
		max-width: 100%; /* Ensure image is responsive */
		border-radius: 8px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	}

	.text-content {
		text-align: center; /* Center the text */
	}

	.text-content h2 {
		margin: 0 0 10px 0;
	}

	/* Responsive Styles */
	@media (min-width: 768px) {
		.main-container {
			flex-direction: row; /* Stack items in a row on larger screens */
			align-items: flex-start; /* Align items to the start */
		}

		.image-container {
			flex: 1;
			margin-right: 20px; /* Add margin to the right */
		}

		.text-content {
			flex: 1;
		}
	}