.test-slick {
	/*width:500px !important;*/
}

.article-mb {
	margin-bottom: 4%;
}

.card-img-top {
	height: 270px !important;
	object-fit: cover;
}

.card {
	height: 520px;
}

.pj-btn {
	text-align: center;
	width: 100%;
	padding: 2%;
}

.slick-prev,
.slick-next,
.slick-prev2,
.slick-next2,
.slick-prev3,
.slick-next3 {
	position: absolute;
	transform: translateY(15rem);
	z-index: 10;
	background-color: (--ridek-primary-color);
	border: none;
	font-size: 24px;
	color: #000;
	/* Customize arrow color */
	cursor: pointer;
}

.slick-prev {
	left: -35px !important;
}

.slick-next {
	right: -35px !important;
}

.about-profile {
	display: flex;
	justify-content: space-around;
}

.slick-dots {
	display: flex;
	justify-content: center;
}

.slick-dots li button {
	font-size: 0;
	background: none;
	left: -50px;
}

.slick-dots li button::hover {
	font-size: 0;
	background: none;
	transition: none;
	animation: none;
}

/*.slick-dots li button::before,*/
/*button::after {*/
/*	content: '';*/
	/* Remove the default content */
/*	display: inline-block;*/
/*	width: 10px;*/
	/* Adjust the size of the dot */
/*	height: 0px;*/
/*	background-color:  !important;*/
	/* Change dot color */
/*	border-radius: 50%;*/
	/* Make it circular */
/*	opacity: 0.5;*/
	/* Optional: Adjust transparency */
/*	transition: opacity 0.3s;*/
	/* Optional: Smooth hover effect */
/*}*/

.slick-dots li.slick-active button::before {
	opacity: 1;
	/* Highlight active dot */
	background-color: #f00 !important;
	/* Optional: Change active dot color */
}

@media only screen and (max-width: 490px) {
	.founder-center {
		display: flex;
		justify-content: center;
	}


	.about-profile {
		display: block;

	}

	.slick-prev {
		left: 0px !important;
	}

	.slick-next {
		right: 0px !important;
	}

	.slick-prev2 {
		left: -56px !important;
	}

	.slick-next2 {
		right: -56px !important;
	}

	.slick-prev3 {
		left: -56px !important;
	}

	.slick-next3 {
		right: -56px !important;
	}

}