:root{
	--primary-light: #FFFFFF;
	--secondary-light: #F5F5F5;
	--primary-dark: #01253c;
	--secondary-dark: #0D0D0D;
	--primary-color: #FC981C;
}
.owl-stage {
	display: flex;
	align-items: center;
}
.item img {
	width: 150px;
	height: 150px;
	/*border: 1px solid #000000;*/
	display: block;
	text-align: center;
	object-fit: cover;
	border-radius: 8px !important;
}
/* LTR Default Gradient */
.scroller-wrapper {
	-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
	mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
/* RTL Override Gradient */
html.rtl .scroller-wrapper {
	-webkit-mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);
	mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);
}

/* Style for the new description paragraph */

.item .plc-title {
	font-size: 18px; /* Or your preferred size */
	font-weight: bold;
	color: var(--primary-color) !important; /* Or your theme's heading color */
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	min-height: 70px;
}

.item .plc-description {
	font-size: 14px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 15px;
    /* You can add more styling here */
}

.item .btn{
	border-radius: 100px !important;
}
.item .btn-primary{
	font-size:12px;
	background-color: var(--primary-dark) !important;
	color: var(--primary-light) !important;
	border: 1px solid var(--primary-dark) !important;
	border-radius: 50px;
	border: none;
}
.item .btn-primary:hover{
	background-color: var(--primary-color) !important;
	border: 1px solid var(--primary-dark) !important;
	color: var(--primary-light) !important;
}

/* Optional: Center the content in the item */
.owl-carousel .item {
	display: flex;
	justify-content: center;
	width: 200px !important;
}
.owl-carousel .item>div{
	text-align: center;
}