#banner_widgets {
	position: absolute;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2.333rem;
	left: 50%;
	top: 72vw;
	@include translate(-50%, -90%);
	z-index: 17;
	a {
		.widget {
			@include bg_img_cover();
			width: 100%;
			padding-top: 95%;
			position: relative;
			border-radius: 2rem;
			.widget-filter {
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 15;
				top: 0;
				left: 0;
				border-radius: 2rem;
				@include ease(all,0.25s);
			}
			.icon {
				position: absolute;
				top: 7%;
				left: 7.3%;
			}
			.widget-content {
				position: absolute;
				left: 7.3%;
				bottom: 4.3%;
				color: #fff;
				width: 60%;
				h3.widget-count {

				}
				p.widget-title {
					font-size: 1.555rem;
					font-family: opensans_bold;
					line-height: 1.25;
				}
				p.widget-content {

				}
			}
			.arrow {
				position: absolute;
				@include bg_img_contain();
				padding-top: 5%;
				bottom: 9.3%;
				right: 7.3%;
				width: 10%;
			}
		}
	}
	a:hover {
		.widget {
			.widget-filter {
				background: rgba(0,0,0,0.5);
				filter: brightness(50%);
			}
		}
	}
}