.row-container {
	padding: 10px 0px;
	margin-bottom: 20px;
	border-radius: 14px;
	/* background: linear-gradient(180deg, rgba(2, 0, 36, 0.029) 0%, rgba(9,9,121,0.3933628627232143) 80%, rgba(103,106,107,0.49420319885766806) 100%); */
	background: linear-gradient(4deg,rgb(0, 82, 194, 10%), rgb(255, 255, 255));
}

	.row-container .row {
		margin-right: 0px;
		margin-left: 0px;
	}

		.row-container .row .col-sm-4, .col-sm-3 {
			padding: 0;
		}

.rec {
	height: auto;
	padding: 15px;
	margin: 5px;
	border-radius: 14px;
	background-color: #fff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	box-shadow: 0 14px 28px rgb(0 0 0 / 6%), 0 10px 10px rgb(0 0 0 / 4%);
	text-align: center;
}

.rec-text {
	color: #18191f;
	font-family: 'Roboto',Arial,sans-serif;
	line-height: 0.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-18 {
	font-size: 18px;
}

.nested-element {
	height: 100px;
	width: 100px;
	margin: auto;
	border-radius: 50%;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	box-shadow: 14px 22px 52px 0 rgb(127 127 127 / 10%);
}

.alphabet-letter {
	font-size: 26px;
	line-height: 1.4;
	font-weight: 400;
	margin-top: 25px;
}

.layout-preview {
	width: 847px;
	height: 534px;
	overflow: hidden;
	margin-bottom: 35px;
}

.layout-preview__desktop {
	position: absolute;
}

	.layout-preview__desktop img {
		width: 100%;
		height: 100%;
	}

.layout-preview__mobile {
	position: relative;
	width: 660px;
	height: 422px;
	top: 38px;
	left: 104px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.header {
	background-image: url(../usercontent/img/project_auto/bg-min.png);
}