/*
	This files is used for my account service block
	And for sores service block
*/
.my-account-service-block,
.storelocator-service-block {
	flex-direction: row;
	justify-content: stretch;
	align-items: flex-start;
	outline: 1px solid #D3CCC8;
	border-radius: 5px;
	padding: 16px;
}

.benefits-block {
	outline: 1px solid #D3CCC8;
}

.benefits-block .my-account-service-block__info {
	padding: 0 24px;
}

.my-account-service-block__info,
.storelocator-service-block__info {
	/*padding: 0 32px;*/
	padding-left: 24px;
}

.storelocator-service-block__info {
	/*padding: 0 24px;*/
	padding: 16px 24px;
	margin: auto;
}


.my-account-service-block__text,
.storelocator-service-block__text {
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.my-account-service-block__title,
.storelocator-service-block__title {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
}

.my-account-service-block__link,
.storelocator-service-block__link {
	height: 44px;
}

.my-account-service-block a,
.storelocator-service-block a {
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	padding: 12px 24px;
	border: 1px solid #B0A9A5;
	border-radius: 5px;
	letter-spacing: 0;
	text-transform: none;
}

.benefits-block  .benefits-link {
	width: fit-content !important;
	line-height: 23px;
}

.benefits-block  .loyalty-price-link {
	padding: 0;
	border: none;
	font-size: 12px;
	line-height: 17px;
	text-decoration: underline;
}

.my-account-service-block__image,
.storelocator-service-block__image {
	width: 264px;
	height: 198px;
}

.my-account-service-block img,
.storelocator-service-block img {
	width: 264px;
	height: 198px;
}

.storelocator-service-block img {
	
}

body[dir=rtl] .my-account-service-block__title,
body[dir=rtl] .storelocator-service-block__title {
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.5px;
	white-space: nowrap;
	overflow: hidden;
}

body[dir=rtl] .my-account-service-block__text,
body[dir=rtl] .storelocator-service-block__text {
	font-size: 17px;
	line-height: 25.5px;
	font-style: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body[dir=rtl] .i-button .my-account-service-block__link,
body[dir=rtl] .i-button .storelocator-service-block__link {
	height: 44px;
	font-size: 17px;
	line-height: 44px;
	font-weight: 500;
}

body[dir=rtl] .my-account-service-block img,
body[dir=rtl] .storelocator-service-block img {
	width: 264px;
	height: 198px;
	border-radius: 0;
}

body[dir=rtl] .storelocator-service-block .storelocator-service-block__image {
	height: 197px;
}

body[dir=rtl] .my-account-service-block__info,
body[dir=rtl] .storelocator-service-block__info {
padding: 0 32px;
} 

@media only screen and (max-width:761px) {
	.my-account-service-block,
	.storelocator-service-block {
		flex-direction: column;
		align-items: center;
		margin-bottom: 24px;
		padding-bottom: 0;
	}
	
	.benefits-block {
		margin-bottom: 32px;
	}

	.my-account-service-block__info,
	.storelocator-service-block__info {
		padding: 24px 0;
		text-align: center;
	}

	.benefits-block .my-account-service-block__info {
		padding: 24px 16px;
	}
	
	.my-account-service-block__text,
	.storelocator-service-block__text {
		-webkit-line-clamp: 3;
	}
	
	.my-account-service-block__image,
	.storelocator-service-block__image {
		width: 100%;
		height: 100%;
	}
	
	.my-account-service-block img,
	.storelocator-service-block img {
		width: 100%;
		height: auto;
		aspect-ratio: 4/3;
	}

	.benefits-block .i-link {
		justify-content: center;
	}

	body[dir=rtl] .my-account-service-block img,
	body[dir=rtl] .storelocator-service-block img {
		width: 100%;
		height: auto;
		border-radius: 0;
	}
	
	body[dir=rtl] .my-account-service-block__info,
	body[dir=rtl] .storelocator-service-block__info {
		padding: 24px 0;
	}
}