.BENEFITS::before,
.BENEFITS::after {
	content: "";
	display: block;
	overflow: hidden;
}

.BENEFITS .image {
	border-radius: 16rem;
	overflow: hidden;
}

.BENEFITS .benefit {
	overflow: hidden;
}

.BENEFITS .benefit .number {
	display: block;
	font-size: 60rem;
	font-weight: 300;
	color: var(--primary-orange);
	position: relative;
}

.BENEFITS .benefit .number::after {
	content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: auto;
	border-bottom: 2rem solid var(--primary-orange);
    transition: width 300ms cubic-bezier(.8,0,.2,1);
}

.BENEFITS .benefit .content {
	padding-top: 12rem;
}

@media screen and (min-width: 961px) {
	.BENEFITS .image {margin-right: 104rem;}

	/* one item */
	.BENEFITS .list .b-column:nth-child(1):nth-last-child(1) {width: 100%;}

	/* two items */
	.BENEFITS .list .b-column:nth-child(1):nth-last-child(2) {width: 100%;}
	.BENEFITS .list .b-column:nth-child(2):nth-last-child(1) {width: 100%;}

	/* three items */
	.BENEFITS .list .b-column:nth-child(1):nth-last-child(3) {width: 100%;}
	.BENEFITS .list .b-column:nth-child(2):nth-last-child(2) {width: 50%;}
	.BENEFITS .list .b-column:nth-child(3):nth-last-child(1) {width: 50%;}
}

@media screen and (max-width: 960px) {
	.BENEFITS .benefit .number::after {width: 100%;}
}

/* animation */

@media screen and (min-width: 961px) {
	.BENEFITS .benefit .number[data-animate="true"]::after {width: 100%;}

	.BENEFITS .list .b-column:nth-child(6n + 2) .animate-slideup{transition-delay: 0.7s;}
	.BENEFITS .list .b-column:nth-child(6n + 3) .animate-slideup{transition-delay: 0.9s;}
	.BENEFITS .list .b-column:nth-child(6n + 4) .animate-slideup{transition-delay: 1.1s;}
	.BENEFITS .list .b-column:nth-child(6n + 5) .animate-slideup{transition-delay: 1.3s;}
	.BENEFITS .list .b-column:nth-child(6n + 6) .animate-slideup{transition-delay: 1.5s;}

	.BENEFITS .list .b-column .number::after {transition-delay: 0.8s;}
	.BENEFITS .list .b-column:nth-child(6n + 2) .number::after{transition-delay: 1s;}
	.BENEFITS .list .b-column:nth-child(6n + 3) .number::after{transition-delay: 1.2s;}
	.BENEFITS .list .b-column:nth-child(6n + 4) .number::after{transition-delay: 1.4s;}
	.BENEFITS .list .b-column:nth-child(6n + 5) .number::after{transition-delay: 1.6s;}
	.BENEFITS .list .b-column:nth-child(6n + 6) .number::after{transition-delay: 1.8s;} 

	.BENEFITS .list .b-column .content {transition-delay: 1.2s;}
	.BENEFITS .list .b-column:nth-child(6n + 2) .content{transition-delay: 1.4s;}
	.BENEFITS .list .b-column:nth-child(6n + 3) .content{transition-delay: 1.6s;}
	.BENEFITS .list .b-column:nth-child(6n + 4) .content{transition-delay: 1.8s;}
	.BENEFITS .list .b-column:nth-child(6n + 5) .content{transition-delay: 2s;}
	.BENEFITS .list .b-column:nth-child(6n + 6) .content{transition-delay: 2.2s;} 
}
