/*!
Theme Name: exmcgroup
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: exmcgroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

exmcgroup is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* ROOT VARAIBLES */

:root {
	--light-bg: #ffffff;
	--primary-bg: hsl(197, 100%, 47%);
	--dark-text: #111111;
	--light-text: #ffffff;
	--muted-dark: #555555;
	--border-light: rgba(0, 0, 0, 0.08);
	--primary-color: hsl(213, 64%, 25%);
	--secondary-color: hsl(197, 100%, 47%);
	--dark-bg: #0d0d0d;
	--light-text: #ffffff;
	--muted-text: #cccccc;
	--border-light: rgba(255, 255, 255, 0.08);
	--gradient-main: linear-gradient(135deg, hsl(213, 64%, 25%), hsl(197, 100%, 47%));
}

body {
	font-family: 'Poppins', sans-serif;
	background: var(--dark-bg);
	color: var(--light-text);
}


/* ALTERNATE COLOR THEME START */


section:nth-of-type(even) {
	background: var(--light-bg) !important;
	color: var(--dark-text);
}

section:nth-of-type(odd) {
	background: var(--primary-bg);
	color: var(--light-text);
}


section:nth-of-type(even) h1,
section:nth-of-type(even) h2,
section:nth-of-type(even) h3,
section:nth-of-type(even) h4,
section:nth-of-type(even) h5,
section:nth-of-type(even) h6 {
	color: var(--dark-text);
}

section:nth-of-type(even) p,
section:nth-of-type(even) .exmc-section-desc {
	color: var(--muted-dark);
}

section:nth-of-type(odd) h1,
section:nth-of-type(odd) h2,
section:nth-of-type(odd) h3,
section:nth-of-type(odd) h4,
section:nth-of-type(odd) h5,
section:nth-of-type(odd) h6,
section:nth-of-type(odd) p,
section:nth-of-type(odd) .exmc-section-desc {
	color: var(--light-text);
}


section:nth-of-type(even) .exmc-feature-card,
section:nth-of-type(even) .exmc-service-card {
	background: #ffffff;
	border: 1px solid var(--border-light);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

section:nth-of-type(even) .exmc-feature-card p,
section:nth-of-type(even) .exmc-service-card p {
	color: var(--muted-dark);
}

section:nth-of-type(odd) .exmc-feature-card,
section:nth-of-type(odd) .exmc-service-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

section:nth-of-type(odd) .exmc-feature-card p,
section:nth-of-type(odd) .exmc-service-card p {
	color: rgba(255, 255, 255, 0.9);
}


section:nth-of-type(even) .exmc-btn-outline {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

section:nth-of-type(even) .exmc-btn-outline:hover {
	background: var(--primary-color);
	color: #fff;
}

section:nth-of-type(odd) .exmc-btn-outline {
	border-color: #fff;
	color: #fff;
}

section:nth-of-type(odd) .exmc-btn-outline:hover {
	background: #fff;
	color: var(--primary-bg);
}


section:nth-of-type(even)::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(0, 0, 0, 0.03), transparent 40%);
	pointer-events: none;
}

section:nth-of-type(odd)::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.15), transparent 50%);
	pointer-events: none;
}

section {
	position: relative;
}


.custom-navbar {
	background: rgba(0, 0, 0, 0.85) !important;
}

.exmc-hero-section {
	background: #000 !important;
}

.exmc-footer {
	background: #050505 !important;
	color: #aaa !important;
}

section:nth-of-type(even) .exmc-cta-title {
	color: var(--dark-text);
}

section:nth-of-type(even) .exmc-cta-subtitle {
	color: var(--muted-dark);
}

section:nth-of-type(odd) .exmc-cta-title,
section:nth-of-type(odd) .exmc-cta-subtitle {
	color: #fff;
}

/* ALTERNATE COLOR THEME END */


/* NAVBAR START */

.custom-navbar {
	background: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(10px);
	padding: 14px 0;
	border-bottom: 1px solid var(--border-light);
	transition: all 0.3s ease;
}

.navbar-brand {
	font-size: 22px;
	font-weight: 600;
	color: var(--light-text) !important;
	letter-spacing: 0.5px;
}

.nav-logo {
	width: 240px;
	border-radius: 14px;
	background-color: #fff;
	padding: 10px;
}

.navbar-brand span {
	color: var(--primary-color);
}

.nav-link {
	color: var(--muted-text) !important;
	font-size: 18px;
	position: relative;
	transition: 0.3s ease;
}

.nav-link::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	left: 0;
	bottom: -5px;
	background: var(--gradient-main);
	transition: 0.3s ease;
}

.nav-link:hover::after {
	width: 100%;
}

.nav-link:hover {
	color: var(--light-text) !important;
}

.nav-cta-btn {
	background: var(--gradient-main);
	color: #fff;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 18px;
	border: none;
	transition: 0.3s ease;
}

.nav-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(213, 64, 25, 0.35);
}

.navbar-toggler {
	border: none;
}

.navbar-toggler:focus {
	box-shadow: none;
}

@media (max-width: 991px) {
	.navbar-collapse {
		background: #000;
		padding: 20px;
		border-radius: 10px;
		margin-top: 10px;
	}

	.nav-link {
		padding: 10px 0;
	}
}


/* NAVBAR END */

/* HERO SECTION START */
.exmc-hero-section {
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.exmc-hero-bg {
	position: absolute;
	width: 100%;
	height: 100%;
}

.exmc-hero-slide {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.exmc-hero-slide.active {
	opacity: 1;
}

.exmc-hero-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.exmc-hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right,
			rgba(0, 0, 0, 0.95) 0%,
			rgba(0, 0, 0, 0.35) 50%,
			transparent 100%);
}

.exmc-hero-content {
	position: relative;
	z-index: 2;
	max-width: 750px;
}

.exmc-hero-title span {
	display: block;
	font-size: 70px;
	font-weight: 900;
	line-height: 0.9;
	text-transform: uppercase;
	background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.exmc-hero-subtitle {
	font-size: 30px;
	color: #ddd;
	margin: 20px 0;
	font-weight: 300;
}

.exmc-hero-subtitle span {
	color: var(--secondary-color);
	font-weight: 600;
}

.exmc-hero-desc {
	font-size: 18px;
	color: #ccc;
	max-width: 600px;
	margin-bottom: 30px;
}

.exmc-btn-primary {
	background: var(--gradient-main);
	color: #fff;
	padding: 14px 28px;
	border-radius: 50px;
	font-weight: 600;
	transition: 0.3s;
}

.exmc-btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(213, 64, 25, 0.4);
}

.exmc-btn-outline {
	border: 2px solid var(--primary-color);
	color: var(--secondary-color);
	padding: 14px 28px;
	border-radius: 50px;
	font-weight: 600;
	transition: 0.3s;
}

.exmc-btn-outline:hover {
	background: var(--primary-color);
	color: #fff !important;
}

.exmc-stats h3 {
	font-size: 36px;
	font-weight: 800;
	color: var(--secondary-color);
}

.exmc-stats p {
	font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 991px) {
	.exmc-hero-title span {
		font-size: 42px;
	}

	.exmc-hero-subtitle {
		font-size: 22px;
	}

	.exmc-hero-content {
		padding: 20px;
	}
}

/* HERO SECTION END  */

/* ABOUT SECTION START */
.exmc-about-section {
	background: #0f0f0f;
}

.exmc-section-tag {
	color: var(--secondary-color);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.exmc-section-title {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}

.exmc-section-title span {
	background: var(--gradient-main);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.exmc-section-desc {
	color: #bbb;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px;
}

.exmc-feature-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 25px;
	border-radius: 16px;
	transition: 0.3s ease;
	height: 100%;
}

.exmc-feature-card:hover {
	transform: translateY(-8px);
	border-color: rgba(213, 64, 25, 0.4);
	box-shadow: 0 15px 35px rgba(213, 64, 25, 0.15);
}

.exmc-feature-card h4 {
	font-size: 20px;
	margin-bottom: 10px;
	color: var(--secondary-color);
}

.exmc-feature-card p {
	font-size: 14px;
	color: #aaa;
}

@media (max-width: 991px) {
	.exmc-section-title {
		font-size: 30px;
	}
}

/* ABOUT SECTION END  */

/* SERVICE SECTION START */
.exmc-services-section {
	background: #0d0d0d;
}

.exmc-service-card {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.06);
	padding: 35px 25px;
	border-radius: 18px;
	transition: 0.4s ease;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.exmc-service-card::before {
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top: -100%;
	left: -100%;
	background: radial-gradient(circle, rgba(213, 64, 25, 0.2), transparent 60%);
	opacity: 0;
	transition: 0.5s;
}

.exmc-service-card:hover::before {
	opacity: 1;
	top: 0;
	left: 0;
}

.exmc-service-card:hover {
	transform: translateY(-10px);
	border-color: rgba(213, 64, 25, 0.5);
	box-shadow: 0 20px 40px rgba(213, 64, 25, 0.2);
}

.exmc-service-icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: var(--gradient-main);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	margin-bottom: 20px;
}

.exmc-service-card h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.exmc-service-card p {
	font-size: 14px;
	color: #aaa;
	line-height: 1.6;
}

@media (max-width: 991px) {
	.exmc-service-card {
		padding: 25px;
	}
}

/* SERVICE SECTION END */

/* PROCESS SECTION START  */
.exmc-process-section {
	background: #0f0f0f;
}

.exmc-process-row {
	margin-bottom: 80px;
}

.exmc-process-img {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

.exmc-process-img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	transition: 0.5s ease;
}

.exmc-process-img:hover img {
	transform: scale(1.05);
}

.exmc-process-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg,
			rgba(213, 64, 25, 0.2),
			transparent);
	opacity: 0;
	transition: 0.4s;
}

.exmc-process-img:hover::after {
	opacity: 1;
}

.exmc-process-content {
	padding: 30px;
}

.exmc-process-content h3 {
	font-size: 28px;
	margin-bottom: 15px;
	font-weight: 600;
}

.exmc-process-content p {
	color: #bbb;
	font-size: 16px;
	line-height: 1.7;
	max-width: 500px;
}

.exmc-process-highlight {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	color: var(--secondary-color);
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media (max-width: 991px) {
	.exmc-process-img img {
		height: 250px;
	}

	.exmc-process-content {
		padding: 20px 10px;
	}

	.exmc-process-row {
		margin-bottom: 50px;
	}
}

/* PROCESS SECTION END */

/* VENTURE SECTION START  */
.exmc-ventures-section {
	background: #0b0b0b;
	padding-left: 30px;
	padding-right: 30px;
}

.exmc-venture-item {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	height: 320px;
	cursor: pointer;
}

.exmc-venture-item.large {
	height: 400px;
}

.exmc-venture-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.6s ease;
}

.exmc-venture-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	background: linear-gradient(to top,
			rgba(0, 0, 0, 0.85),
			transparent);
	transition: 0.4s ease;
}

.exmc-venture-overlay h3 {
	font-size: 22px;
	margin-bottom: 8px;
}

.exmc-venture-overlay p {
	font-size: 14px;
	color: #ccc;
}

.exmc-venture-item:hover img {
	transform: scale(1.08);
}

.exmc-venture-overlay::before {
	content: "";
	width: 40px;
	height: 3px;
	background: var(--gradient-main);
	display: block;
	margin-bottom: 12px;
	transition: 0.4s;
}

.exmc-venture-item:hover .exmc-venture-overlay::before {
	width: 80px;
}

.exmc-venture-item:hover {
	box-shadow: 0 20px 40px rgba(213, 64, 25, 0.2);
}

@media (max-width: 991px) {

	.exmc-venture-item,
	.exmc-venture-item.large {
		height: 250px;
	}

	.exmc-ventures-section {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* VENTURE SECTION END */

/* IMPACT SECTION START */
.exmc-impact-section {
	background: #0d0d0d;
	padding: 100px 0;
	position: relative;
}

.exmc-impact-wrapper {
	margin-top: 40px;
}

.exmc-impact-item {
	padding: 30px 10px;
	transition: 0.3s ease;
}

.exmc-impact-item:hover {
	transform: translateY(-8px);
}

.exmc-impact-number {
	font-size: 70px;
	font-weight: 900;
	line-height: 1;
	background: var(--gradient-main);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
}

.exmc-impact-item p {
	font-size: 13px;
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.exmc-impact-item {
	opacity: 0;
	transform: translateY(40px);
	transition: 0.8s ease;
}

.exmc-impact-item.show {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 991px) {
	.exmc-impact-number {
		font-size: 45px;
	}
}

/* IMPACT SECTION END */

/* MISSION SECTION START */
/* ===== MISSION SECTION ===== */
.exmc-mission-section {
	background: #0b0b0b;
	padding: 120px 0;
	position: relative;
	overflow: hidden;
}

/* TITLE */
.exmc-mission-title span {
	display: block;
	font-size: 60px;
	font-weight: 900;
	line-height: 0.9;
	text-transform: uppercase;
	opacity: 0;
	transform: translateY(50px);
	background: var(--gradient-main);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Stagger animation */
.exmc-mission-title span:nth-child(1) {
	transition: 0.6s 0.1s;
}

.exmc-mission-title span:nth-child(2) {
	transition: 0.6s 0.3s;
}

.exmc-mission-title span:nth-child(3) {
	transition: 0.6s 0.5s;
}

.exmc-mission-title.show span {
	opacity: 1;
	transform: translateY(0);
}

/* DESCRIPTION */
.exmc-mission-desc {
	color: #bbb;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.7;
	opacity: 0;
	transform: translateY(30px);
	transition: 0.6s;
}

.exmc-mission-desc.show {
	opacity: 1;
	transform: translateY(0);
}

/* IMAGE */
.exmc-mission-visual {
	position: relative;
}

.exmc-mission-visual img {
	width: 100%;
	border-radius: 20px;
	position: relative;
	z-index: 2;
}

/* GLOW EFFECT */
.exmc-glow-circle {
	position: absolute;
	width: 250px;
	height: 250px;
	background: radial-gradient(circle, rgba(213, 64, 25, 0.4), transparent 70%);
	top: -50px;
	right: -50px;
	filter: blur(50px);
	animation: floatGlow 6s infinite ease-in-out;
}

/* Floating Animation */
@keyframes floatGlow {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(30px);
	}

	100% {
		transform: translateY(0px);
	}
}

/* Responsive */
@media (max-width: 991px) {
	.exmc-mission-title span {
		font-size: 38px;
	}

	.exmc-mission-section {
		padding: 80px 0;
	}
}

/* MISSION SECTION END */

/* CTA SECTION START */
.exmc-cta-section {
	position: relative;
	background: #0a0a0a;
	padding: 120px 20px;
	overflow: hidden;
}

.exmc-cta-content {
	opacity: 0;
	transform: translateY(40px);
	animation: fadeUp 1.2s ease forwards;
	animation-delay: 0.3s;
}

.exmc-cta-title {
	font-size: 60px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.2;
}

.exmc-cta-title span {
	background: var(--gradient-main);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.exmc-cta-subtitle {
	color: #aaa;
	font-size: 16px;
	max-width: 650px;
	margin: 0 auto 40px;
	line-height: 1.7;
}

.exmc-cta-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.exmc-btn-primary {
	padding: 14px 34px;
	border-radius: 50px;
	background: var(--gradient-main);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}

.exmc-btn-primary::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	transform: translateX(-100%);
	animation: shine 3s infinite;
}

.exmc-btn-primary:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 40px rgba(213, 64, 25, 0.4);
}

.exmc-btn-outline {
	padding: 14px 34px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.exmc-btn-outline:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
	transform: translateY(-4px);
}


@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes shine {
	0% {
		transform: translateX(-100%);
	}

	50% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(100%);
	}
}

@media (max-width: 991px) {
	.exmc-cta-title {
		font-size: 36px;
	}
}

/* CTA SECTION END */

/* FOOTER START  */
.exmc-footer {
	background: #050505;
	padding: 100px 20px 40px;
	color: #aaa;
	position: relative;
}



.exmc-footer-brand p {
	font-size: 16px;
	line-height: 1.7;
	max-width: 400px;
	margin-top: 20px;
}

.exmc-footer-links h6,
.exmc-footer-contact h6 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.exmc-footer-links ul {
	list-style: none;
	padding: 0;
}

.exmc-footer-links ul li {
	margin-bottom: 10px;
}

.exmc-footer-links ul li a {
	color: #aaa;
	text-decoration: none;
	font-size: 16px;
	transition: 0.3s;
}

.exmc-footer-links ul li a:hover {
	color: var(--secondary-color);
	padding-left: 5px;
}

.exmc-footer-contact p {
	font-size: 14px;
	margin-bottom: 10px;
}

.exmc-footer-bottom {
	margin-top: 60px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.exmc-footer-socials a {
	color: #aaa;
	margin-left: 15px;
	text-decoration: none;
	font-size: 20px;
	position: relative;
	transition: 0.3s;
}

.exmc-footer-socials a::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 1px;
	background: var(--gradient-main);
	bottom: -3px;
	left: 0;
	transition: 0.3s;
}

.exmc-footer-socials a:hover {
	color: #fff;
}

.exmc-footer-socials a:hover::after {
	width: 100%;
}

@media (max-width: 991px) {
	.exmc-footer {
		padding: 70px 20px 30px;
	}

	.exmc-footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.exmc-footer-socials a {
		margin: 0 10px;
	}
}

/* FOOTER END */