/**
 * Salera About widget styles.
 */

.salera-about {
	padding: 120px 0;
	background: var(--salera-bg);
}

.salera-about__container {
	width: 88%;
	max-width: 1280px;
	margin: 0 auto;
}

.salera-about__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 90px;
	align-items: start;
}

.salera-about__title {
	margin-bottom: 0;
}

.salera-about__quote {
	border-left: 2px solid var(--salera-green);
	padding-left: 28px;
	margin: 60px 0 0;
}

.salera-about__quote p {
	font-family: var(--salera-serif);
	font-size: 42px;
	line-height: 1.2;
	color: #4a5c53;
	font-style: italic;
	margin: 0;
}

.salera-about__quote cite {
	display: block;
	margin-top: 18px;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #7c837d;
	font-style: normal;
}

.salera-about__text p {
	margin: 0 0 32px;
	font-size: 18px;
	line-height: 2;
	color: var(--salera-text);
}

.salera-about__right.has-drop-cap .salera-about__text p:first-child::first-letter {
	font-size: 82px;
	float: left;
	line-height: 60px;
	padding-right: 12px;
	color: var(--salera-green);
	font-family: var(--salera-serif);
}

.salera-about__stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 40px;
}

.salera-about__stat {
	border-top: 1px solid var(--salera-border);
	padding-top: 28px;
}

.salera-about__stat h3 {
	font-family: var(--salera-serif);
	font-size: 46px;
	color: var(--salera-green);
	margin: 0;
	font-weight: 500;
}

.salera-about__stat span {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #7b837c;
}

@media (max-width: 1200px) {
	.salera-about__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.salera-about {
		padding: 90px 0;
	}

	.salera-about__quote p {
		font-size: 32px;
	}

	.salera-about__stats {
		grid-template-columns: 1fr;
	}
}