@media only screen and (min-width: 1024px) {
	.slider__component {
		padding-top: 1.86vh;
		display: flex;
		align-items: center;
		gap: 38px;
	}
	.slider__component button {
		background-color: transparent;
		border: none;
		padding: 0px;
	}
	.slider__component .slick-dots li button:before {
		font-size: 13px;
	}
	.custom__slider {
		width: 59vw;
	}
	.slider__card {
		background-color: #FFFFFF;
		border: 1px solid #DEDEDE;
		border-radius: 10px;
		padding-top: 2.5vh;
		padding-bottom: 3vh;
	}
	.slider__card > div {
		width: 100%;
		height: 100%;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.slider__card > div > div {
		padding-left: 2.5vw;
		padding-right: 2.5vw;

	}
	.slider__card__title {
		font-size: 1.2vw;
		font-family: 'BT Beau Sans Bold';
		color: var(--secondary);
		margin-bottom: 2.8vh;
	}
	.slider__card__message {
		font-size: 1.03w;
		font-family: 'BT Beau Sans Regular';
		color: #707070;
		text-align: left;
	}
	.slider__card__name {
		margin-top: 3.1vh;
		font-size: 0.92vw;
		font-family: 'BT Beau Sans Bold';
		letter-spacing: 1.68px;
		color: var(--primary);
	}
	.slider__card__desc {
		font-size: 0.8vw;
		font-family: 'BT Beau Sans Medium';
		letter-spacing: 1.12px;
		color: var(--secondary);
	}
}

/* Mobile view */
@media only screen and (max-width: 1023px) {
	.slider__component {
		padding-top: 1.86vh;
		display: flex;
		align-items: center;
		gap: 38px;
	}
	.slider__component button {
		background-color: transparent;
		border: none;
		padding: 0px;
	}
	.slider__component .slick-dots li button:before {
		font-size: 13px;
	}
	.custom__slider {
		width: 100vw;
		padding: 10px 25px 25px 25px;
	}
	.slider__card {
		background-color: #FFFFFF;
		border: 1px solid #DEDEDE;
		border-radius: 10px;
		padding-top: 2.5vh;
		padding-bottom: 3vh;
	}
	.slider__card > div {
		text-align: center;
		width: 100%;
		height: 100%;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.slider__card > div > div {
		padding-left: 2.5vw;
		padding-right: 2.5vw;
	}
	.slider__card__title {
		font-size: 4.10vw;
		font-family: 'BT Beau Sans Bold';
		color: var(--secondary);
		margin-bottom: 2.8vh;
	}
	.slider__card__message {
		font-size: 4.10vw;
		font-family: 'BT Beau Sans Regular';
		color: #707070;
		text-align: left;
	}
	.slider__card__name {
		margin-top: 2.8vh;
		font-size: 4.10vw;
		font-family: 'BT Beau Sans Bold';
		letter-spacing: 1.68px;
		color: var(--primary);
	}
	.slider__card__desc {
		font-size: 3.07vw;
		font-family: 'BT Beau Sans Medium';
		letter-spacing: 1.12px;
		color: var(--secondary);
	}
}