body {
	background: linear-gradient(109deg, #131313 60.82%, #281515 83.07%);
}

.containingVideos2024 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 175px 4rem 3rem;
}

.heading2024 {
	color: #A8944D;
	font-family: Inter;
	font-size: 24.417px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	/* padding: 0 0 0 30px; */
}

/* Hide items after the third one initially */
/* .icon-container a:nth-child(n+4) {
    display: none;
}

.icon-container.view-all a {
    display: flex; text-decoration: none;
}
.category{
    display: flex;
    flex-direction: column;
    align-items: center;
} */
.categ-name {
	overflow-wrap: anywhere;
}


/* Flex wrap to accommodate items when "View All" is clicked */
.icon-container.view-all {
	flex-wrap: wrap;
}

#toggleButton {
	border-radius: 50%;
	border: 0.938px #A8944D;
	width: 89.986px;
	height: 90.022px;
	background: rgba(217, 217, 217, 0.20);
	border: 0.938px solid #A8944D;
}

.video-details {
	display: flex;
	align-items: center;
	gap: 21.37px;
	margin-top: 12px;
}

#right-arrow {
	padding-left: 15px;
}

#left-arrow {
	padding-right: 15px;
}

#right-arrow-recommended {
	padding-left: 15px;
}

#left-arrow-recommended {
	padding-right: 15px;
}

.trendindandRecommended {
	display: flex;
	width: 100%;
	gap: 2.5%
}

.wrapper {
	width: 95%;
}

@media screen and (max-width: 1024px) {
	.trendindandRecommended {
		display: flex;
		/* Ensure the container uses flexbox */
		flex-direction: column;
		/* Stack items vertically */
	}

	.wrapper {
		width: 95%;
	}
}

.toggleViewBtn {
	display: flex;
	align-items: center;
	gap: 2px;
	flex-direction: column;
}

.toggleViewBtn p {
	color: #FFF;
	font-family: Montserrat;
	font-size: 13.466px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.162px;
	text-align: center;
}

.trending {
	margin-left: 50px;
}

#Allvideos2024 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 1.5rem;
	padding: 2rem;
	justify-items: center;
	/* Centers items horizontally */
}

.parent_container_of_every_see_more_video {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

.parent_container_of_every_see_more_video:hover .img_thumb {
	transform: scale(1.1);
	transition: all 0.5s;
}

.video_and_thumb_container {
	position: relative;
	width: 100%;
	max-width: 412px;
	height: 248px;
	overflow: hidden;
}

.img_thumb {
	/* width: 412px;
    height: 248px; */
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.fa-circle-play {
	color: rgba(140, 140, 140, 1);
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video_desc_icon {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: flex-start;
	width: 100%;
}

.icon_video_desc {
	width: 63px;
	height: 63px;
	border-radius: 50%;
	object-fit: cover;
}

.video_description {
	color: rgb(168, 148, 77);
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	max-width: 19rem;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	#Allvideos2024 {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	}

	.img_thumb {
		width: 100%;
	}
}

@media (max-width: 650px) {
	#Allvideos2024 {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

	.video_and_thumb_container {
		width: unset;
		max-width: unset;
		height: unset;
	}
}

@media (max-width: 480px) {
	#Allvideos2024 {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.fa-circle-play {
		width: 64px;
		height: 64px;
	}

	.video_description {
		font-size: 0.9rem;
	}
}