.mks-sc-header__logo-img{background-color:rgb(0,170,255)!important}.mks-sc-header__cta-button{background-color:rgb(221,255,0)!important}/* ==========================================================================
   About Section - VISUAL STYLES for /wp-content/micro-themes/active-styles.css
   ========================================================================== */

/** About Section >> Container **/
.mks-sc-about {
	padding: 100px 40px !important;
}

.mks-sc-about--bg-dark {
	background-color: rgb(15, 15, 15) !important;
}

.mks-sc-about--bg-light {
	background-color: rgb(245, 245, 245) !important;
}

.mks-sc-about__container {
	gap: 60px !important;
}

/** About Section >> Image Column **/
.mks-sc-about__image-wrapper {
	border-radius: 16px !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

.mks-sc-about__image {
	border-radius: 16px !important;
	transition: transform 0.3s ease !important;
}

.mks-sc-about__image:hover {
	transform: scale(1.02) !important;
}

.mks-sc-about__image-wrapper--centered {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

/** About Section >> Subheadline **/
.mks-sc-about__subheadline {
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	color: rgb(0, 170, 255) !important;
	margin-bottom: 16px !important;
}

/** About Section >> Headline **/
.mks-sc-about__headline {
	font-size: 48px !important;
	font-weight: 900 !important;
	color: rgb(255, 255, 255) !important;
	line-height: 1.2 !important;
	margin-bottom: 32px !important;
	letter-spacing: -0.02em !important;
}

.mks-sc-about--bg-light .mks-sc-about__headline {
	color: rgb(20, 20, 20) !important;
}

/** About Section >> Content **/
.mks-sc-about__content {
	font-size: 18px !important;
	color: rgba(255, 255, 255, 0.8) !important;
	margin-bottom: 48px !important;
}

.mks-sc-about--bg-light .mks-sc-about__content {
	color: rgba(20, 20, 20, 0.8) !important;
}

.mks-sc-about__content p {
	margin-bottom: 20px !important;
}

.mks-sc-about__content p:last-child {
	margin-bottom: 0 !important;
}

/** About Section >> Stats Grid **/
.mks-sc-about__stats {
	gap: 40px !important;
	padding: 48px 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	margin-bottom: 48px !important;
}

.mks-sc-about--bg-light .mks-sc-about__stats {
	border-top-color: rgba(20, 20, 20, 0.1) !important;
	border-bottom-color: rgba(20, 20, 20, 0.1) !important;
}

.mks-sc-about__stat {
	padding: 0 20px !important;
}

.mks-sc-about__stat-number {
	font-size: 56px !important;
	font-weight: 900 !important;
	color: rgb(0, 170, 255) !important;
	line-height: 1 !important;
	margin-bottom: 12px !important;
}

.mks-sc-about__stat-label {
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: rgba(255, 255, 255, 0.6) !important;
}

.mks-sc-about--bg-light .mks-sc-about__stat-label {
	color: rgba(20, 20, 20, 0.6) !important;
}

/** About Section >> CTA Button **/
.mks-sc-about__cta-wrapper {
	margin-top: 40px !important;
}

.mks-sc-about__cta {
	background: linear-gradient(135deg, rgb(0, 170, 255), rgb(0, 112, 221)) !important;
	color: rgb(255, 255, 255) !important;
	padding: 18px 48px !important;
	border-radius: 12px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	box-shadow: 0 6px 24px rgba(0, 170, 255, 0.4) !important;
}

.mks-sc-about__cta:hover {
	background: linear-gradient(135deg, rgb(0, 153, 238), rgb(0, 96, 204)) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 40px rgba(0, 170, 255, 0.6) !important;
}

/** About Section >> Centered Layout Adjustments **/
.mks-sc-about--centered .mks-sc-about__subheadline,
.mks-sc-about--centered .mks-sc-about__headline,
.mks-sc-about--centered .mks-sc-about__content {
	text-align: center !important;
}

.mks-sc-about--centered .mks-sc-about__cta-wrapper {
	text-align: center !important;
}

/** About Section >> Responsive (Mobile) **/
@media (max-width: 768px) {
	.mks-sc-about {
		padding: 60px 24px !important;
	}
	
	.mks-sc-about__container {
		gap: 40px !important;
	}
	
	.mks-sc-about__headline {
		font-size: 36px !important;
	}
	
	.mks-sc-about__content {
		font-size: 16px !important;
	}
	
	.mks-sc-about__stats {
		gap: 32px !important;
		padding: 32px 0 !important;
	}
	
	.mks-sc-about__stat-number {
		font-size: 42px !important;
	}
	
	.mks-sc-about__stat-label {
		font-size: 12px !important;
	}
	
	.mks-sc-about__cta {
		width: 100% !important;
		text-align: center !important;
	}
}