22

✏️ Editing: _onboarding.scss

.cbw-panels-grid {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	max-width: 1100px;
	width: 1030px;
	margin: 0 auto 70px;
}

.cbw-panel {
	max-width: 33.3333%;
	flex: 0 0 33.3333%;
	display: flex;
	padding: 20px 15px;
	box-sizing: border-box;
	&__icon {
		@include padding(0, 20px, 0, 0);
	}
	&__title {
		font-weight: 500;
		font-size: 18px;
		line-height: 140%;
		color: #fff;
	}
	&__link {
		display: inline-flex;
		font-weight: 500;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		box-shadow: none;
		text-decoration: none;
		border-bottom: 2px solid rgba( 255, 255, 255, .4 );
		margin: 3px 0 0 0;
		align-items: center;
		svg {
			@include margin(0, 0, -1px, 3px);
			@include rtl_inverse();
		}
		&:hover {
			color: #fff;
			border-bottom: 2px solid rgba( 255, 255, 255, 1 );
		}
	}
}

.cbw-onboarding {
	display: flex;
	flex: 1;
	&__info {
		text-align: center;
		padding: 15vh 0 40px;
	}
	&__icon {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	&__title {
		font-weight: 500;
		font-size: 32px;
		line-height: 140%;
		color: #fff;
		padding: 25px 0 10px;
	}
	&__desc {
		color: #fff;
		font-size: 18px;
		line-height: 140%;
	}
	.cbw-header__bg {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.cbw-header__body {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
}

MR SKB