.how-to-refer > .d-grid {
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.how-to-refer > .d-grid .img-wrapper {
	aspect-ratio: 16/10;
}

.how-to-refer > .d-grid .img-wrapper > img.img-responsive {
	max-height: 279px
}

@media (max-width: 767.98px) {
	.how-to-refer > .d-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.how-to-refer > .d-grid > div:nth-of-type(1) {
		order: 1;
	}

	.how-to-refer > .d-grid > div:nth-of-type(2) {
		order: 3;
	}

	.how-to-refer > .d-grid > div:nth-of-type(3) {
		order: 2
	}

	.how-to-refer > .d-grid > div:nth-of-type(4) {
		order: 4;
	}
}

.share-wrapper,
.gift-box-wrapper {
	max-height: 300px;
}

.gift-box-wrapper {
	background-color: #f6f6f6;
}