/* about_csc */
:is(body, .is-preview) {
	.about-csc__inner {
		display: flex;
		flex-direction: column;
		gap: 36px;
		padding: 60px 0 40px;
	}
	.about-csc__image {
		border-radius: var(--radius-xl);
		overflow: hidden;
		box-shadow: var(--shadow-md);
	}
	.about-csc__img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		border-radius: 12px;
	}
	.about-csc__content {
		display: flex;
		flex-direction: column;
		gap: var(--gap-md);
		text-align: center;
	}
	.about-csc__heading {
		color: var(--color-earth);
		font-family: var(--font-primary);
		font-size: var(--font-size-3xl);
		font-style: normal;
		font-weight: var(--font-weight-medium);
		line-height: 1.3;
		letter-spacing: 0.36px;
		margin-bottom: -10px;

		@media screen and (max-width: 991px) {
			font-size: 32px;
			line-height: 42px;
			letter-spacing: normal;
			margin-bottom: 0;
		}
	}
	.about-csc__text {
		font-size: var(--font-size-md);
		color: var(--color-denim);
		font-style: normal;
		font-weight: var(--font-weight-light);
		line-height: normal;
		letter-spacing: 0.135px;

		p {
			margin-bottom: 1rem;
		}
		*:last-child {
			margin-bottom: 0;
		}
	}
	.about-csc__button {
		align-self: flex-start;
	}
	.about-csc__inner.no-image {
		max-width: 640px;
	}
	.about-csc__content .button-group { justify-content: center; padding-top: 16px; }
	.about-us-page-style {background-color: var(--color-white); padding-top: 80px; padding-bottom: 80px;}
	@media (min-width: 768px) {
		.about-csc { padding-top: var(--section-padding-top); padding-bottom: var(--section-padding-bottom); }
		.about-csc__inner { padding: 80px 0; gap: var(--gap-2xl); }
		.about-csc__content { text-align: left; gap: var(--gap-lg); }
		.about-csc__content .button-group { justify-content: flex-start; padding-top: 0; }
	}
	@media (min-width: 1024px) {
		.about-csc__inner.has-image { display: grid; grid-template-columns: 7fr 3fr; align-items: center; gap: var(--gap-2xl); }
		.about-csc__inner.image-left { grid-template-areas: 'image content'; }
		.about-csc__inner.image-left .about-csc__image { grid-area: image; }
		.about-csc__inner.image-left .about-csc__content { grid-area: content; }
		.about-csc__inner.image-right { grid-template-areas: 'content image'; }
		.about-csc__inner.image-right .about-csc__image { grid-area: image; }
		.about-csc__inner.image-right .about-csc__content { grid-area: content; }
	}
	@media (max-width: 768px) {
		.about-csc__content .button-group .btn {padding: 16px 22px;font-size: var(--font-size-md);letter-spacing: 0.9px;}
	}
}