.arrow_box {
	position: relative;
	background: #d522bd;
	border: 4px solid #c2e1f5;
	padding:10px;
	text-align:center;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 34, 189, 0);
	border-bottom-color: #d522bd;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 21px;
	margin-left: -21px;
}


.arrow1_box {
	position: relative;
	background: #0289ba;
	border: 4px solid #c2e1f5;
	padding:10px;
	text-align:center;
}
.arrow1_box:after, .arrow1_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow1_box:after {
	border-color: rgba(213, 34, 189, 0);
	border-bottom-color: #0289ba;
	border-width: 15px;
	margin-left: -15px;
}
.arrow1_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 21px;
	margin-left: -21px;
}



.arrow2_box {
	position: relative;
	background: #24a61f;
	border: 4px solid #c2e1f5;
	padding:10px;
	text-align:center;
}
.arrow2_box:after, .arrow2_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow2_box:after {
	border-color: rgba(213, 34, 189, 0);
	border-bottom-color: #24a61f;
	border-width: 15px;
	margin-left: -15px;
}
.arrow2_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 21px;
	margin-left: -21px;
}