@import url('https://rsms.me/inter/inter.css');

/* Main Banner Area - Revolution Slider Styles */
#main-banner-area {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-banner-area .rev_slider_wrapper,
#main-banner-area .rev_slider {
	position: relative;
	width: 100%;
	height: auto;
}

#main-banner-area .fullwidthbanner-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#main-banner-area .tp-layer {
	position: absolute;
}

#main-banner-area .rev-slidebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bento-card {
	background-image: radial-gradient(
		circle at var(--mouse-x) var(--mouse-y),
		rgba(0, 0, 0, 0.04),
		transparent 25%
	) !important;
	transition: all 0.5s ease-in-out !important;
	transform: translateY(0) !important;
	height: 400px !important;
	min-height: 400px !important;
	display: block !important;
}

.bento-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.bento-image-container {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transition: transform 0.5s ease-in-out !important;
	z-index: 1;
	overflow: hidden;
	border-radius: 1rem;
}

.bento-card:hover .bento-image-container img {
	transform: scale(1.05) !important;
}

.bento-image-container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.5s ease-in-out !important;
	display: block;
}

.bento-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.5rem;
	background-color: rgba(248, 249, 250, 0.85);
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	transition: all 0.5s ease-in-out;
	max-height: 120px;
	overflow: hidden;
	z-index: 2;
}

.bento-card:hover .bento-content {
	max-height: 100%;
	height: 100%;
	padding: 2.5rem;
	background-color: rgba(248, 249, 250, 0.95);
	border-radius: 1rem;
}

.bento-card h3,
.bento-card .card-text {
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.bento-card:not(:hover) .card-text {
	opacity: 0;
	transform: translateY(1rem);
}

/* Ensure proper alignment for flex containers */
.d-flex .bento-card {
	width: 100%;
}

/* Ensure proper gap spacing */
.row.g-4 > * {
	padding-right: 1.5rem;
	padding-bottom: 1.5rem;
}

.row.g-4 > *:last-child {
	padding-right: 0;
}

/* Owl Carousel Navigation Styling */
.owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	pointer-events: none;
	z-index: 10;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	transition: all 0.3s ease;
	border: none;
	outline: none;
	color: white;
	font-size: 18px;
	text-decoration: none;
}

.owl-prev {
	left: -25px;
}

.owl-next {
	right: -25px;
}

.owl-prev:hover,
.owl-next:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: translateY(-50%) scale(1.1);
	color: white;
	text-decoration: none;
}

.owl-prev i,
.owl-next i {
	font-size: 18px;
	color: white;
}

/* Ensure carousels have proper margin for navigation */
.owl-carousel {
	margin: 0 30px;
}

/* Testimonial slider specific styling */
#testimonial-slider .owl-stage-outer {
	padding: 0 60px;
}

#testimonial-slider .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 0;
	pointer-events: none;
	z-index: 10;
}

#testimonial-slider .owl-prev,
#testimonial-slider .owl-next {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.2);
	outline: none;
	color: white;
	font-size: 18px;
	text-decoration: none;
}

#testimonial-slider .owl-prev {
	left: 0;
}

#testimonial-slider .owl-next {
	right: 0;
}

#testimonial-slider .owl-prev:hover,
#testimonial-slider .owl-next:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: translateY(-50%) scale(1.1);
	color: white;
	text-decoration: none;
	border-color: rgba(255, 255, 255, 0.4);
}

#testimonial-slider .owl-prev i,
#testimonial-slider .owl-next i {
	font-size: 18px;
	color: white;
}

/* Responsive navigation positioning */
@media (max-width: 768px) {
	.owl-prev {
		left: -15px;
	}

	.owl-next {
		right: -15px;
	}

	.owl-carousel {
		margin: 0 20px;
	}

	.owl-prev,
	.owl-next {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	#testimonial-slider .owl-stage-outer {
		padding: 0 50px;
	}

	#testimonial-slider .owl-prev,
	#testimonial-slider .owl-next {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}

/* Ensure Font Awesome icons display properly in service boxes */
.service-box i {
	display: inline-block !important;
	font-size: 40px !important;
	color: white !important;
	text-align: center !important;
	vertical-align: middle !important;
}

/* Override existing service box span styles for better icon display */
#services-slider .service-box > span {
	font-size: 40px !important;
	height: 60px !important;
	width: 60px !important;
	line-height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 25px auto !important;
}

/* Ensure owl carousel navigation icons display */
.owl-nav i {
	display: inline-block !important;
	font-size: 18px !important;
	color: white !important;
}

/* Debug: Make all Font Awesome icons visible */
.fa,
.fas,
.far,
.fab {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Fallback for Font Awesome icons if fonts don't load */
.service-box i.fa-cubes:before {
	content: '📦';
}
.service-box i.fa-question-circle:before {
	content: '❓';
}
.service-box i.fa-laptop:before {
	content: '💻';
}
.service-box i.fa-map-marked-alt:before {
	content: '📍';
}
.service-box i.fa-edit:before {
	content: '✏️';
}
.service-box i.fa-globe:before {
	content: '🌍';
}

.owl-nav i.fa-chevron-left:before {
	content: '◀';
}
.owl-nav i.fa-chevron-right:before {
	content: '▶';
}
.owl-nav i.fa-angle-left:before {
	content: '◀';
}
.owl-nav i.fa-angle-right:before {
	content: '▶';
}

/* Ensure Bootstrap 5.3 utility classes work properly */
.text-center {
	text-align: center !important;
}

/* Bootstrap margin utilities */
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.ms-auto {
	margin-left: auto !important;
}

.me-auto {
	margin-right: auto !important;
}

/* Bootstrap flex utilities */
.d-flex {
	display: flex !important;
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-none {
	display: none !important;
}

/* Bootstrap flex direction and alignment */
.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

/* Bootstrap order utilities */
.order-1 {
	order: 1 !important;
}
.order-2 {
	order: 2 !important;
}
.order-3 {
	order: 3 !important;
}
.order-4 {
	order: 4 !important;
}
.order-5 {
	order: 5 !important;
}
.order-first {
	order: -1 !important;
}
.order-last {
	order: 999 !important;
}

.container.text-center {
	text-align: center !important;
}

.heading-title.text-center {
	text-align: center !important;
}

.heading-title.text-center > span,
.heading-title.text-center > h2,
.heading-title.text-center > h3,
.heading-title.text-center > h4 {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Ensure Bootstrap columns center properly */
.col-md-12.text-center,
.col-sm-12.text-center {
	text-align: center !important;
}

/* Force centering for work process section */
.padding.bgprimary .container.text-center,
.padding.bgprimary .col-md-12,
.padding.bgprimary .heading-title {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

/* Team slider adjustments for 5 items */
#ourteam-slider .team-box {
	margin: 0 10px;
}

#ourteam-slider .owl-stage-outer {
	padding: 0 20px;
}

/* Responsive adjustments for service box icons */
@media (max-width: 768px) {
	.service-box i {
		font-size: 32px !important;
	}

	#services-slider .service-box > span {
		font-size: 32px !important;
		height: 50px !important;
		width: 50px !important;
		line-height: 50px !important;
	}

	/* Adjust team slider for mobile */
	#ourteam-slider .team-box {
		margin: 0 5px;
	}
}

/* Annual Tax Convention Event Styles */
.event-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

.event-image {
	position: relative;
}

.event-overlay {
	background: linear-gradient(
		45deg,
		rgba(2, 108, 184, 0.8),
		rgba(255, 185, 2, 0.8)
	);
	backdrop-filter: blur(2px);
}

.event-detail-item {
	padding: 10px 0;
}

.countdown-item {
	transition: all 0.3s ease;
	margin: 5px;
	min-height: 100px;
}

.countdown-item:hover {
	transform: scale(1.05);
	background-color: #ffb902 !important;
}

.countdown-item .countdown-number {
	line-height: 1;
	font-family: 'Arial', sans-serif;
}

.countdown-item + .countdown-label {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0.5rem;
}

.countdown-number {
	font-family: 'Arial', sans-serif;
	line-height: 1;
}

.countdown-label {
	font-size: 0.9rem;
	margin-top: 5px;
}

/* Compact event card for sidebar placement */
.event-card.compact .event-detail-item {
	padding: 5px 0;
	font-size: 0.9rem;
}

.event-card.compact .event-detail-item i {
	font-size: 1rem !important;
}

.event-card.compact .countdown-item {
	margin: 2px;
	padding: 0.5rem !important;
}

.event-card.compact .countdown-label {
	font-size: 0.7rem;
	margin-top: 2px;
}

/* Event detail cards styling */
.event-detail-card {
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.event-detail-card:hover {
	background-color: #f8f9fa !important;
	border-color: #007bff;
	transform: translateY(-2px);
}

.event-detail-card i {
	font-size: 1rem !important;
}

/* Sidebar Event Card Styles */
.sidebar-event-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: fit-content;
}

.sidebar-event-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

.sidebar-event-card .event-overlay {
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.sidebar-event-card .event-image:hover .event-overlay {
	opacity: 1;
}

.countdown-mini {
	transition: all 0.3s ease;
	min-height: 60px;
}

.countdown-mini:hover {
	transform: scale(1.05);
	background-color: #ffb902 !important;
}

.countdown-mini .countdown-number {
	line-height: 1;
	font-family: 'Arial', sans-serif;
}

.countdown-label {
	font-size: 0.7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.summary-item {
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.summary-item:hover {
	background-color: #f8f9fa !important;
	border-color: #007bff;
	transform: translateY(-2px);
}

/* Modal Styles */
.event-hero img {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.event-badge .badge {
	font-size: 0.8rem;
}

.event-agenda ul li {
	padding: 5px 0;
}

.event-agenda .fas.fa-check-circle {
	font-size: 1.1rem;
}

/* Registration Modal Styles */
#registrationModal .modal-header {
	background: linear-gradient(135deg, #007bff, #0056b3);
}

#registrationModal .form-label {
	font-weight: 600;
	color: #333;
}

#registrationModal .form-control:focus,
#registrationModal .form-select:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#registrationModal .card {
	border: 1px solid #e9ecef;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#registrationModal .alert-info {
	background-color: #e7f3ff;
	border-color: #b8daff;
	color: #004085;
}

#registrationModal .btn-primary {
	background: linear-gradient(135deg, #007bff, #0056b3);
	border: none;
}

#registrationModal .btn-primary:hover {
	background: linear-gradient(135deg, #0056b3, #004085);
	transform: translateY(-1px);
}

#registrationModal .invalid-feedback {
	display: block;
	font-size: 0.875rem;
}

#registrationModal .was-validated .form-control:invalid {
	border-color: #dc3545;
}

#registrationModal .was-validated .form-control:valid {
	border-color: #28a745;
}

/* Registration Form Checkbox Styles - Toggle Switch */
#registrationModal .form-check {
	margin-bottom: 1.5rem;
	padding-left: 0;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

/* Hide the newsletter checkbox completely */
#registrationModal .form-check:nth-child(6) {
	display: none !important;
}

/* Toggle Switch Container */
#registrationModal .form-check-input {
	position: relative;
	width: 60px;
	height: 30px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #e9ecef;
	border: 2px solid #dee2e6;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
	outline: none;
}

/* Toggle Switch Slider */
#registrationModal .form-check-input::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 22px;
	height: 22px;
	background: white;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
}

/* Toggle Switch Checked State */
#registrationModal .form-check-input:checked {
	background: #007bff;
	border-color: #007bff;
}

#registrationModal .form-check-input:checked::before {
	transform: translateX(30px);
}

/* Toggle Switch Focus State */
#registrationModal .form-check-input:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Toggle Switch Hover State */
#registrationModal .form-check-input:hover {
	border-color: #007bff;
}

#registrationModal .form-check-input:checked:hover {
	background: #0056b3;
	border-color: #0056b3;
}

/* Label Styling for Toggle Switch */
#registrationModal .form-check-label {
	font-size: 0.95rem;
	line-height: 1.4;
	color: #495057;
	cursor: pointer;
	font-weight: 500;
	margin: 0;
	user-select: none;
}

#registrationModal .form-check-label a {
	color: #007bff;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.2s ease;
}

#registrationModal .form-check-label a:hover {
	color: #0056b3;
	text-decoration: underline;
	transform: translateY(-1px);
}

#registrationModal .form-check-label .text-danger {
	color: #dc3545 !important;
	font-weight: 700;
}

/* Add visual indicator for toggle switch */
#registrationModal .form-check::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: #6c757d;
	border-radius: 50%;
	opacity: 0.5;
	transition: all 0.3s ease;
}

#registrationModal .form-check-input:checked + .form-check-label::after {
	background: #28a745;
	opacity: 1;
}

/* Enhanced label with better spacing */
#registrationModal .form-check-label {
	padding-left: 0.5rem;
}

/* Mobile responsiveness for toggle switch */
@media (max-width: 768px) {
	#registrationModal .form-check-input {
		width: 50px;
		height: 25px;
	}

	#registrationModal .form-check-input::before {
		width: 19px;
		height: 19px;
		top: 1px;
		left: 1px;
	}

	#registrationModal .form-check-input:checked::before {
		transform: translateX(25px);
	}

	#registrationModal .form-check-label {
		font-size: 0.9rem;
	}
}

/* Add a subtle animation when toggle is switched */
#registrationModal .form-check-input:checked {
	animation: toggleOn 0.3s ease;
}

@keyframes toggleOn {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

/* Improve the visual feedback */
#registrationModal .form-check-input:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

/* Add a subtle glow effect when checked */
#registrationModal .form-check-input:checked {
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
}

/* Terms and Conditions Modal Styles */
#termsModal .modal-header {
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
}

#termsModal .modal-title {
	font-weight: 600;
}

#termsModal h6 {
	color: #007bff;
	font-weight: 600;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

#termsModal h6:first-child {
	margin-top: 0;
}

#termsModal ul {
	padding-left: 1.5rem;
}

#termsModal ul li {
	margin-bottom: 0.5rem;
	color: #495057;
}

#termsModal .btn-primary {
	background: linear-gradient(135deg, #28a745, #20c997);
	border: none;
}

#termsModal .btn-primary:hover {
	background: linear-gradient(135deg, #20c997, #17a2b8);
	transform: translateY(-1px);
}

/* Payment Instructions Styles */
.payment-instructions ol {
	padding-left: 1.5rem;
}

.payment-instructions li {
	margin-bottom: 0.5rem;
}

.payment-instructions strong {
	color: #007bff;
	font-weight: 600;
}

/* Responsive adjustments for event card */
@media (max-width: 768px) {
	.event-content {
		padding: 2rem !important;
	}

	.countdown-item {
		margin: 2px;
		padding: 1rem !important;
	}

	.countdown-number {
		font-size: 1.5rem !important;
	}

	.event-detail-item {
		flex-direction: column;
		text-align: center;
	}

	.event-detail-item i {
		margin-bottom: 10px;
		margin-right: 0 !important;
	}
}

/* SKM Logo Image Styles - Only for the logo above "SKM at a glance" */
.single-feature .col-lg-6:first-child img {
	max-height: 140px !important;
	width: auto !important;
	object-fit: contain;
	display: block;
	margin: 0 auto 1rem auto;
}

/* Inspirational Text Styles - BCG.com inspired */
.inspirational-text {
	position: relative;
	padding: 2rem 0;
}

.inspirational-text p {
	line-height: 1.2 !important;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.inspirational-text .text-primary {
	color: #007bff !important;
	font-weight: 700;
}

.inspirational-text .text-success {
	color: #28a745 !important;
	font-weight: 700;
}

.inspirational-text .text-warning {
	color: #ffc107 !important;
	font-weight: 700;
}

.inspirational-text .text-muted {
	color: #6c757d !important;
	font-weight: 400;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.inspirational-text p {
		font-size: 1.75rem !important;
	}

	.inspirational-text .text-muted {
		font-size: 1.1rem !important;
	}
}

/* Megamenu Full Width Styles */
.megamenu {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.megamenu .container-fluid {
	max-width: none !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

/* Ensure megamenu appears above other content */
.navbar-nav .dropdown-menu.megamenu {
	z-index: 1050 !important;
}

/* Mobile adjustments for megamenu */
@media (max-width: 768px) {
	.megamenu {
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}

	.megamenu .container-fluid {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/* Services Pages Styles - BCG Inspired */
.services-hero,
.service-hero {
	position: relative;
	overflow: hidden;
}

.services-hero::before,
.service-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		135deg,
		rgba(0, 123, 255, 0.9),
		rgba(0, 86, 179, 0.9)
	);
	z-index: 1;
}

.services-hero .container,
.service-hero .container {
	position: relative;
	z-index: 2;
}

.min-vh-50 {
	min-height: 50vh;
}

.hero-stats h3 {
	font-size: 2.5rem;
	font-weight: 700;
}

/* Bento Card Enhancements */
.bento-card {
	transition: all 0.3s ease;
	border: none;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.bento-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.bento-image-container {
	z-index: 1;
}

.bento-card .position-relative.z-3 {
	z-index: 3;
}

/* Gradient Backgrounds */
.bg-gradient-primary {
	background: linear-gradient(135deg, #007bff, #0056b3) !important;
}

.bg-gradient-success {
	background: linear-gradient(135deg, #28a745, #1e7e34) !important;
}

.bg-gradient-warning {
	background: linear-gradient(135deg, #ffc107, #e0a800) !important;
}

.bg-gradient-info {
	background: linear-gradient(135deg, #17a2b8, #138496) !important;
}

.bg-gradient-danger {
	background: linear-gradient(135deg, #dc3545, #c82333) !important;
}

/* Approach Cards */
.approach-card,
.approach-step,
.audit-step,
.legal-approach {
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
}

.approach-card:hover,
.approach-step:hover,
.audit-step:hover,
.legal-approach:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	border-color: #007bff;
}

.approach-icon,
.step-number,
.approach-icon {
	transition: all 0.3s ease;
}

.approach-card:hover .approach-icon,
.approach-step:hover .step-number,
.audit-step:hover .step-icon,
.legal-approach:hover .approach-icon {
	transform: scale(1.1);
}

/* Sector Cards */
.sector-card {
	transition: all 0.3s ease;
	cursor: pointer;
}

.sector-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	border-color: #007bff !important;
}

.hover-shadow {
	transition: all 0.3s ease;
}

.hover-shadow:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

/* Insight Cards */
.insight-card {
	transition: all 0.3s ease;
}

.insight-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #007bff !important;
}

.insight-icon {
	transition: all 0.3s ease;
}

.insight-card:hover .insight-icon {
	transform: scale(1.1);
}

/* Breadcrumb Styling */
.breadcrumb {
	background: none;
	padding: 0;
	margin-bottom: 1rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: '>';
	color: rgba(255, 255, 255, 0.7);
}

/* CTA Section */
.cta-section {
	background: linear-gradient(135deg, #007bff, #0056b3) !important;
}

/* Service Overview Typography */
.service-overview h2 {
	color: #2c3e50;
	font-weight: 700;
}

.service-overview .lead {
	color: #6c757d;
	font-size: 1.25rem;
}

/* Approach Phase Styling */
.approach-phase,
.legal-approach {
	background: #fff;
}

.phase-number,
.approach-icon {
	flex-shrink: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
	.services-hero h1,
	.service-hero h1 {
		font-size: 2.5rem;
	}

	.hero-stats h3 {
		font-size: 2rem;
	}

	.bento-card {
		margin-bottom: 1rem;
	}

	.display-5 {
		font-size: 2rem;
	}

	.display-4 {
		font-size: 2.5rem;
	}
}

@media (max-width: 576px) {
	.services-hero h1,
	.service-hero h1 {
		font-size: 2rem;
	}

	.hero-stats h3 {
		font-size: 1.75rem;
	}

	.display-5 {
		font-size: 1.75rem;
	}

	.display-4 {
		font-size: 2rem;
	}
}

/* Tax Compliance Page - BCG Inspired Styles */
.tax-hero {
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
	min-height: 80vh;
	position: relative;
	overflow: hidden;
}

/* Abstract Flowing Graphics */
.hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(
		45deg,
		rgba(255, 193, 7, 0.1),
		rgba(255, 193, 7, 0.05)
	);
	animation: floatAnimation 8s ease-in-out infinite;
}

.shape-1 {
	width: 300px;
	height: 300px;
	top: 10%;
	right: 10%;
	animation-delay: 0s;
}

.shape-2 {
	width: 200px;
	height: 200px;
	bottom: 20%;
	left: 5%;
	animation-delay: 2s;
}

.shape-3 {
	width: 150px;
	height: 150px;
	top: 50%;
	left: 50%;
	animation-delay: 4s;
}

.flowing-lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
			45deg,
			transparent 49%,
			rgba(255, 193, 7, 0.1) 50%,
			transparent 51%
		),
		linear-gradient(
			-45deg,
			transparent 49%,
			rgba(0, 123, 255, 0.1) 50%,
			transparent 51%
		);
	background-size: 100px 100px;
	animation: flowLines 20s linear infinite;
}

@keyframes floatAnimation {
	0%,
	100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(20px, -20px) scale(1.1);
	}
	50% {
		transform: translate(-10px, 10px) scale(0.9);
	}
	75% {
		transform: translate(15px, 15px) scale(1.05);
	}
}

@keyframes flowLines {
	0% {
		background-position: 0 0, 0 0;
	}
	100% {
		background-position: 100px 100px, -100px -100px;
	}
}

.min-vh-60 {
	min-height: 60vh;
}

/* Tax Service Bento Cards - Using Home Page Style */
.tax-compliance-card,
.tax-health-card,
.tax-advisory-card {
	/* Inherit styles from home page bento cards */
}

/* Service Icons for Tax Cards */
.tax-compliance-card .service-icon .icon-wrapper,
.tax-health-card .service-icon .icon-wrapper,
.tax-advisory-card .service-icon .icon-wrapper {
	transition: all 0.3s ease;
}

.tax-compliance-card:hover .service-icon .icon-wrapper,
.tax-health-card:hover .service-icon .icon-wrapper,
.tax-advisory-card:hover .service-icon .icon-wrapper {
	transform: scale(1.1);
}

/* Expertise Cards */
.expertise-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.expertise-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
	border-color: rgba(0, 123, 255, 0.2);
}

.expertise-icon {
	transition: all 0.3s ease;
}

.expertise-card:hover .expertise-icon {
	transform: scale(1.1);
}

/* Process Steps */
.process-step {
	transition: all 0.3s ease;
}

.process-step:hover {
	transform: translateX(10px);
}

.step-number {
	transition: all 0.3s ease;
}

.process-step:hover .step-number {
	transform: scale(1.1);
}

/* Service Items */
.service-item {
	transition: all 0.3s ease;
	background: #fff;
}

.service-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	border-color: #ffc107 !important;
}

/* Hero Stats */
.hero-stats .stat-item {
	transition: all 0.3s ease;
}

.hero-stats .stat-item:hover {
	transform: translateY(-5px);
}

.stat-number {
	font-size: 2.5rem;
	transition: all 0.3s ease;
}

.hero-stats .stat-item:hover .stat-number {
	transform: scale(1.1);
}

/* Tax Service Color Palette */
.tax-compliance-card .service-icon .icon-wrapper {
	background-color: rgba(0, 123, 255, 0.2) !important;
}

.tax-health-card .service-icon .icon-wrapper {
	background-color: rgba(40, 167, 69, 0.2) !important;
}

.tax-advisory-card .service-icon .icon-wrapper {
	background-color: rgba(255, 193, 7, 0.2) !important;
}

/* Breadcrumb Enhancement */
.tax-hero .breadcrumb-item + .breadcrumb-item::before {
	content: '›';
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.2rem;
}

/* Service Badge */
.service-badge .badge {
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Visual Sections */
.compliance-visual,
.health-visual,
.advisory-visual {
	transition: all 0.3s ease;
}

.compliance-visual:hover,
.health-visual:hover,
.advisory-visual:hover {
	transform: scale(1.05);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
	.tax-hero {
		min-height: 60vh;
	}

	.shape-1,
	.shape-2,
	.shape-3 {
		display: none;
	}

	.stat-number {
		font-size: 2rem;
	}

	.display-2 {
		font-size: 2.5rem;
	}

	.tax-compliance-card,
	.tax-health-card,
	.tax-advisory-card {
		margin-bottom: 2rem;
	}
}

/* ========================================
   INDUSTRY PAGES CONSOLIDATED STYLES
   ======================================== */

/* SKM Brand Variables */
:root {
	--skm-primary: #003366;
	--skm-secondary: #FF6600;
	--skm-light: #F8F9FA;
	--skm-dark: #212529;
}

/* Industry Page Hover Effects */
.hover-lift {
	transition: all 0.3s ease;
}

.hover-lift:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

/* Industry Page Bento Cards */
.industry-bento-card {
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.industry-bento-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.industry-bento-image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	overflow: hidden;
}

.industry-bento-content {
	position: relative;
	z-index: 2;
	padding: 2rem;
	background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
	backdrop-filter: blur(10px);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Fix text visibility on bento cards */
.bento-card .bento-content h1,
.bento-card .bento-content h2,
.bento-card .bento-content h3,
.bento-card .bento-content h4,
.bento-card .bento-content h5,
.bento-card .bento-content h6,
.bento-card .bento-content p,
.bento-card .bento-content span,
.bento-card .bento-content small,
.bento-card .bento-content .card-text {
	color: inherit !important;
}

/* Ensure white text remains visible on dark backgrounds */
.bento-card .bento-content.text-white h1,
.bento-card .bento-content.text-white h2,
.bento-card .bento-content.text-white h3,
.bento-card .bento-content.text-white h4,
.bento-card .bento-content.text-white h5,
.bento-card .bento-content.text-white h6,
.bento-card .bento-content.text-white p,
.bento-card .bento-content.text-white span,
.bento-card .bento-content.text-white small,
.bento-card .bento-content.text-white .card-text {
	color: white !important;
}

/* Ensure dark text remains visible on light backgrounds */
.bento-card .bento-content:not(.text-white) h1,
.bento-card .bento-content:not(.text-white) h2,
.bento-card .bento-content:not(.text-white) h3,
.bento-card .bento-content:not(.text-white) h4,
.bento-card .bento-content:not(.text-white) h5,
.bento-card .bento-content:not(.text-white) h6,
.bento-card .bento-content:not(.text-white) p,
.bento-card .bento-content:not(.text-white) span,
.bento-card .bento-content:not(.text-white) small,
.bento-card .bento-content:not(.text-white) .card-text {
	color: #212529 !important;
}

/* SKM Button Styles */
.btn-skms {
	background-color: var(--skm-secondary);
	color: white;
	border: none;
}

.btn-skms:hover {
	background-color: #e55a00;
	color: white;
}

/* Industry Hero Section Base Styles */
.industry-hero-section {
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.industry-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.industry-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Industry-Specific Hero Backgrounds */
.industry-hero-financial {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
}

.industry-hero-financial::before {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.industry-hero-agricultural {
	background: linear-gradient(rgba(45, 80, 22, 0.8), rgba(26, 48, 9, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
}

.industry-hero-agricultural::before {
	background: linear-gradient(135deg, rgba(45, 80, 22, 0.9) 0%, rgba(26, 48, 9, 0.9) 100%);
}

.industry-hero-construction {
	background: linear-gradient(135deg, rgba(139, 69, 19, 0.9) 0%, rgba(101, 67, 33, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.industry-hero-energy {
	background: linear-gradient(rgba(30, 58, 138, 0.8), rgba(30, 64, 175, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
}

.industry-hero-energy::before {
	background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(30, 64, 175, 0.9) 100%);
}

.industry-hero-government {
	background: linear-gradient(rgba(75, 85, 99, 0.8), rgba(55, 65, 81, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
}

.industry-hero-government::before {
	background: linear-gradient(135deg, rgba(75, 85, 99, 0.9) 0%, rgba(55, 65, 81, 0.9) 100%);
}

.industry-hero-healthcare {
	background: linear-gradient(rgba(16, 185, 129, 0.8), rgba(5, 150, 105, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
}

.industry-hero-healthcare::before {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.9) 0%, rgba(5, 150, 105, 0.9) 100%);
}

/* Abstract Flowing Graphics */
.industry-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.industry-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	animation: industryFloatAnimation 8s ease-in-out infinite;
}

.industry-shape-1 {
	width: 300px;
	height: 300px;
	top: 10%;
	right: 10%;
	animation-delay: 0s;
}

.industry-shape-2 {
	width: 200px;
	height: 200px;
	bottom: 20%;
	left: 5%;
	animation-delay: 2s;
}

.industry-shape-3 {
	width: 150px;
	height: 150px;
	top: 50%;
	left: 50%;
	animation-delay: 4s;
}

@keyframes industryFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(20px, -20px) scale(1.1);
	}
	50% {
		transform: translate(-10px, 10px) scale(0.9);
	}
	75% {
		transform: translate(15px, 15px) scale(1.05);
	}
}

/* Industry Hero Actions */
.industry-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.industry-hero-actions .btn {
	margin-bottom: 0.5rem;
}

/* Mobile Responsiveness for Industry Pages */
@media (max-width: 768px) {
	.industry-hero-section {
		min-height: 50vh;
	}

	.industry-shape-1,
	.industry-shape-2,
	.industry-shape-3 {
		display: none;
	}

	.industry-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.industry-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}

	.industry-bento-content {
		padding: 1.5rem;
	}
}

/* Industry Page Image Fallback Styles */
.bento-image-container img {
	transition: opacity 0.3s ease;
}

.bento-image-container .gradient-fallback {
	transition: opacity 0.3s ease;
}

/* Ensure smooth fallback transition */
.bento-image-container img[style*="display: none"] + .gradient-fallback {
	display: flex !important;
}

/* ========================================
   INSIGHTS PAGE STYLES
   ======================================== */

/* Insights Hero Section */
.insights-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.insights-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.insights-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Abstract Flowing Graphics for Insights */
.insights-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.insights-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	animation: insightsFloatAnimation 10s ease-in-out infinite;
}

.insights-shape-1 {
	width: 250px;
	height: 250px;
	top: 15%;
	right: 15%;
	animation-delay: 0s;
}

.insights-shape-2 {
	width: 180px;
	height: 180px;
	bottom: 25%;
	left: 10%;
	animation-delay: 3s;
}

.insights-shape-3 {
	width: 120px;
	height: 120px;
	top: 60%;
	left: 60%;
	animation-delay: 6s;
}

@keyframes insightsFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(25px, -25px) scale(1.1);
	}
	50% {
		transform: translate(-15px, 15px) scale(0.9);
	}
	75% {
		transform: translate(20px, 20px) scale(1.05);
	}
}

/* Insights Hero Actions */
.insights-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.insights-hero-actions .btn {
	margin-bottom: 0.5rem;
}

/* Insights Cards */
.insight-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.insight-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Author Avatars */
.author-avatars .avatar {
	border: 2px solid white;
	margin-left: -8px;
}

.author-avatars .avatar:first-child {
	margin-left: 0;
}

/* Newsletter Section */
.newsletter-section {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.05) 0%, rgba(22, 33, 62, 0.05) 100%);
}

/* Mobile Responsiveness for Insights */
@media (max-width: 768px) {
	.insights-hero-section {
		min-height: 50vh;
	}

	.insights-shape-1,
	.insights-shape-2,
	.insights-shape-3 {
		display: none;
	}

	.insights-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.insights-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.insights-hero-section {
		min-height: 40vh;
	}
}

/* ========================================
   INDUSTRY INSIGHTS PAGE STYLES
   ======================================== */

/* Industry Insights Hero Section */
.industry-insights-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.industry-insights-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.industry-insights-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Industry Insights Floating Graphics */
.industry-insights-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.industry-insights-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(0, 123, 255, 0.1), rgba(0, 123, 255, 0.05));
	animation: industryInsightsFloatAnimation 12s ease-in-out infinite;
}

.industry-insights-shape-1 {
	width: 200px;
	height: 200px;
	top: 20%;
	right: 20%;
	animation-delay: 0s;
}

.industry-insights-shape-2 {
	width: 150px;
	height: 150px;
	bottom: 30%;
	left: 15%;
	animation-delay: 4s;
}

.industry-insights-shape-3 {
	width: 100px;
	height: 100px;
	top: 70%;
	left: 70%;
	animation-delay: 8s;
}

@keyframes industryInsightsFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(30px, -30px) scale(1.1);
	}
	50% {
		transform: translate(-20px, 20px) scale(0.9);
	}
	75% {
		transform: translate(25px, 25px) scale(1.05);
	}
}

.industry-insights-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* ========================================
   BLOGS PAGE STYLES
   ======================================== */

/* Blogs Hero Section */
.blogs-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.blogs-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.blogs-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Blogs Floating Graphics */
.blogs-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.blogs-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	animation: blogsFloatAnimation 14s ease-in-out infinite;
}

.blogs-shape-1 {
	width: 180px;
	height: 180px;
	top: 25%;
	right: 25%;
	animation-delay: 0s;
}

.blogs-shape-2 {
	width: 120px;
	height: 120px;
	bottom: 35%;
	left: 20%;
	animation-delay: 5s;
}

.blogs-shape-3 {
	width: 80px;
	height: 80px;
	top: 65%;
	left: 65%;
	animation-delay: 10s;
}

@keyframes blogsFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(35px, -35px) scale(1.1);
	}
	50% {
		transform: translate(-25px, 25px) scale(0.9);
	}
	75% {
		transform: translate(30px, 30px) scale(1.05);
	}
}

.blogs-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Blog Cards */
.blog-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.blog-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* ========================================
   TRAINING ACADEMY PAGE STYLES
   ======================================== */

/* Training Hero Section */
.training-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.training-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.training-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Training Floating Graphics */
.training-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.training-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));
	animation: trainingFloatAnimation 16s ease-in-out infinite;
}

.training-shape-1 {
	width: 220px;
	height: 220px;
	top: 15%;
	right: 15%;
	animation-delay: 0s;
}

.training-shape-2 {
	width: 160px;
	height: 160px;
	bottom: 25%;
	left: 10%;
	animation-delay: 6s;
}

.training-shape-3 {
	width: 110px;
	height: 110px;
	top: 60%;
	left: 60%;
	animation-delay: 12s;
}

@keyframes trainingFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(40px, -40px) scale(1.1);
	}
	50% {
		transform: translate(-30px, 30px) scale(0.9);
	}
	75% {
		transform: translate(35px, 35px) scale(1.05);
	}
}

.training-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Course Cards */
.course-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.course-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Instructor Avatars */
.instructor-avatar {
	border: 2px solid white;
}

/* Course Price Styling */
.course-price {
	font-size: 1.1rem;
}

/* Mobile Responsiveness for All New Pages */
@media (max-width: 768px) {
	.industry-insights-hero-section,
	.blogs-hero-section,
	.training-hero-section {
		min-height: 50vh;
	}

	.industry-insights-floating-shape,
	.blogs-floating-shape,
	.training-floating-shape {
		display: none;
	}

	.industry-insights-hero-actions,
	.blogs-hero-actions,
	.training-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.industry-insights-hero-actions .btn,
	.blogs-hero-actions .btn,
	.training-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.industry-insights-hero-section,
	.blogs-hero-section,
	.training-hero-section {
		min-height: 40vh;
	}
}

/* ========================================
   ABOUT US PAGE STYLES
   ======================================== */

/* About Hero Section */
.about-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
}

.about-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.about-hero-section .container {
	position: relative;
	z-index: 2;
}

/* About Floating Graphics */
.about-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.about-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 102, 0, 0.1), rgba(255, 102, 0, 0.05));
	animation: aboutFloatAnimation 18s ease-in-out infinite;
}

.about-shape-1 {
	width: 250px;
	height: 250px;
	top: 10%;
	right: 10%;
	animation-delay: 0s;
}

.about-shape-2 {
	width: 180px;
	height: 180px;
	bottom: 20%;
	left: 5%;
	animation-delay: 6s;
}

.about-shape-3 {
	width: 120px;
	height: 120px;
	top: 50%;
	left: 50%;
	animation-delay: 12s;
}

@keyframes aboutFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(45px, -45px) scale(1.1);
	}
	50% {
		transform: translate(-35px, 35px) scale(0.9);
	}
	75% {
		transform: translate(40px, 40px) scale(1.05);
	}
}

.about-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Leadership Cards */
.leadership-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.leadership-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Leader Avatars */
.leader-avatar {
	border: 3px solid white;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Capability Cards */
.capability-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.capability-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Capability Icons */
.capability-icon {
	transition: transform 0.3s ease;
}

.capability-card:hover .capability-icon {
	transform: scale(1.1);
}

/* Mobile Responsiveness for About Page */
@media (max-width: 768px) {
	.about-hero-section {
		min-height: 50vh;
	}

	.about-floating-shape {
		display: none;
	}

	.about-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.about-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.about-hero-section {
		min-height: 40vh;
	}
}

/* ========================================
   ABOUT SKM OVERVIEW PAGE STYLES
   ======================================== */

/* About Overview Hero Section */
.about-overview-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.about-overview-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.about-overview-hero-section .container {
	position: relative;
	z-index: 2;
}

/* About Overview Floating Graphics */
.about-overview-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.about-overview-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 102, 0, 0.1), rgba(255, 102, 0, 0.05));
	animation: aboutOverviewFloatAnimation 20s ease-in-out infinite;
}

.about-overview-shape-1 {
	width: 300px;
	height: 300px;
	top: 5%;
	right: 5%;
	animation-delay: 0s;
}

.about-overview-shape-2 {
	width: 200px;
	height: 200px;
	bottom: 15%;
	left: 3%;
	animation-delay: 7s;
}

.about-overview-shape-3 {
	width: 150px;
	height: 150px;
	top: 45%;
	left: 45%;
	animation-delay: 14s;
}

@keyframes aboutOverviewFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(50px, -50px) scale(1.1);
	}
	50% {
		transform: translate(-40px, 40px) scale(0.9);
	}
	75% {
		transform: translate(45px, 45px) scale(1.05);
	}
}

/* Typography Emphasis */
.about-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.about-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.about-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.about-section-title {
	font-size: 3.5rem;
	line-height: 1.1;
}

.about-section-subtitle {
	font-size: 2rem;
	line-height: 1.2;
}

.purpose-statement-title {
	font-size: 3rem;
	line-height: 1.1;
}

.purpose-statement-text {
	font-size: 1.5rem;
	line-height: 1.4;
}

.value-number {
	font-size: 4rem;
	line-height: 1;
}

/* Fix text visibility on About SKM bento cards */
.about-overview-hero-section .bento-content h1,
.about-overview-hero-section .bento-content h2,
.about-overview-hero-section .bento-content h3,
.about-overview-hero-section .bento-content h4,
.about-overview-hero-section .bento-content h5,
.about-overview-hero-section .bento-content h6,
.about-overview-hero-section .bento-content p,
.about-overview-hero-section .bento-content span,
.about-overview-hero-section .bento-content small,
.about-overview-hero-section .bento-content .card-text {
	color: inherit !important;
}

/* Ensure white text remains visible on dark backgrounds in About pages */
.bento-card .bento-content.text-white h1,
.bento-card .bento-content.text-white h2,
.bento-card .bento-content.text-white h3,
.bento-card .bento-content.text-white h4,
.bento-card .bento-content.text-white h5,
.bento-card .bento-content.text-white h6,
.bento-card .bento-content.text-white p,
.bento-card .bento-content.text-white span,
.bento-card .bento-content.text-white small,
.bento-card .bento-content.text-white .card-text,
.bento-card .bento-content.text-white .feature-item,
.bento-card .bento-content.text-white .feature-item span {
	color: white !important;
}

/* Ensure dark text remains visible on light backgrounds in About pages */
.bento-card .bento-content:not(.text-white) h1,
.bento-card .bento-content:not(.text-white) h2,
.bento-card .bento-content:not(.text-white) h3,
.bento-card .bento-content:not(.text-white) h4,
.bento-card .bento-content:not(.text-white) h5,
.bento-card .bento-content:not(.text-white) h6,
.bento-card .bento-content:not(.text-white) p,
.bento-card .bento-content:not(.text-white) span,
.bento-card .bento-content:not(.text-white) small,
.bento-card .bento-content:not(.text-white) .card-text,
.bento-card .bento-content:not(.text-white) .feature-item,
.bento-card .bento-content:not(.text-white) .feature-item span {
	color: #212529 !important;
}

/* ========================================
   PEOPLE & CULTURE PAGE STYLES
   ======================================== */

/* People Culture Hero Section */
.people-culture-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.people-culture-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.people-culture-hero-section .container {
	position: relative;
	z-index: 2;
}

/* People Culture Floating Graphics */
.people-culture-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.people-culture-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));
	animation: peopleCultureFloatAnimation 22s ease-in-out infinite;
}

.people-culture-shape-1 {
	width: 280px;
	height: 280px;
	top: 8%;
	right: 8%;
	animation-delay: 0s;
}

.people-culture-shape-2 {
	width: 180px;
	height: 180px;
	bottom: 18%;
	left: 6%;
	animation-delay: 8s;
}

.people-culture-shape-3 {
	width: 130px;
	height: 130px;
	top: 48%;
	left: 48%;
	animation-delay: 16s;
}

@keyframes peopleCultureFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(55px, -55px) scale(1.1);
	}
	50% {
		transform: translate(-45px, 45px) scale(0.9);
	}
	75% {
		transform: translate(50px, 50px) scale(1.05);
	}
}

/* People Culture Typography */
.people-culture-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.people-culture-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.people-culture-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.people-culture-section-title {
	font-size: 3.5rem;
	line-height: 1.1;
}

.people-culture-section-subtitle {
	font-size: 2rem;
	line-height: 1.2;
}

.culture-statement-title {
	font-size: 3rem;
	line-height: 1.1;
}

.culture-statement-text {
	font-size: 1.5rem;
	line-height: 1.4;
}

.culture-value-number {
	font-size: 4rem;
	line-height: 1;
}

/* Team Statistics */
.team-stat-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.team-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Fix text visibility on People & Culture bento cards */
.people-culture-hero-section .bento-content h1,
.people-culture-hero-section .bento-content h2,
.people-culture-hero-section .bento-content h3,
.people-culture-hero-section .bento-content h4,
.people-culture-hero-section .bento-content h5,
.people-culture-hero-section .bento-content h6,
.people-culture-hero-section .bento-content p,
.people-culture-hero-section .bento-content span,
.people-culture-hero-section .bento-content small,
.people-culture-hero-section .bento-content .card-text {
	color: inherit !important;
}

/* ========================================
   COMMITMENTS PAGE STYLES
   ======================================== */

/* Commitments Hero Section */
.commitments-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.commitments-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.commitments-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Commitments Floating Graphics */
.commitments-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.commitments-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(17, 153, 142, 0.1), rgba(17, 153, 142, 0.05));
	animation: commitmentsFloatAnimation 24s ease-in-out infinite;
}

.commitments-shape-1 {
	width: 320px;
	height: 320px;
	top: 6%;
	right: 6%;
	animation-delay: 0s;
}

.commitments-shape-2 {
	width: 220px;
	height: 220px;
	bottom: 16%;
	left: 4%;
	animation-delay: 9s;
}

.commitments-shape-3 {
	width: 160px;
	height: 160px;
	top: 46%;
	left: 46%;
	animation-delay: 18s;
}

@keyframes commitmentsFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(60px, -60px) scale(1.1);
	}
	50% {
		transform: translate(-50px, 50px) scale(0.9);
	}
	75% {
		transform: translate(55px, 55px) scale(1.05);
	}
}

/* Commitments Typography */
.commitments-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.commitments-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.commitments-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.commitments-section-title {
	font-size: 3.5rem;
	line-height: 1.1;
}

.commitments-section-subtitle {
	font-size: 2rem;
	line-height: 1.2;
}

.sustainability-statement-title {
	font-size: 3rem;
	line-height: 1.1;
}

.sustainability-statement-text {
	font-size: 1.5rem;
	line-height: 1.4;
}

.sustainability-initiative-number {
	font-size: 4rem;
	line-height: 1;
}

/* Impact Statistics */
.impact-stat-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(255,255,255,0.2) !important;
}

.impact-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important;
	border-color: rgba(255,255,255,0.4) !important;
}

/* Fix text visibility on Commitments bento cards */
.commitments-hero-section .bento-content h1,
.commitments-hero-section .bento-content h2,
.commitments-hero-section .bento-content h3,
.commitments-hero-section .bento-content h4,
.commitments-hero-section .bento-content h5,
.commitments-hero-section .bento-content h6,
.commitments-hero-section .bento-content p,
.commitments-hero-section .bento-content span,
.commitments-hero-section .bento-content small,
.commitments-hero-section .bento-content .card-text {
	color: inherit !important;
}

/* ========================================
   CLIENT IMPACT PAGE STYLES
   ======================================== */

/* Client Impact Hero Section */
.client-impact-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.client-impact-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.client-impact-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Client Impact Floating Graphics */
.client-impact-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.client-impact-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	animation: clientImpactFloatAnimation 26s ease-in-out infinite;
}

.client-impact-shape-1 {
	width: 340px;
	height: 340px;
	top: 4%;
	right: 4%;
	animation-delay: 0s;
}

.client-impact-shape-2 {
	width: 240px;
	height: 240px;
	bottom: 14%;
	left: 2%;
	animation-delay: 10s;
}

.client-impact-shape-3 {
	width: 170px;
	height: 170px;
	top: 44%;
	left: 44%;
	animation-delay: 20s;
}

@keyframes clientImpactFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(65px, -65px) scale(1.1);
	}
	50% {
		transform: translate(-55px, 55px) scale(0.9);
	}
	75% {
		transform: translate(60px, 60px) scale(1.05);
	}
}

/* Client Impact Typography */
.client-impact-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.client-impact-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.client-impact-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.client-impact-section-title {
	font-size: 3.5rem;
	line-height: 1.1;
}

.client-impact-section-subtitle {
	font-size: 2rem;
	line-height: 1.2;
}

.success-story-title {
	font-size: 3rem;
	line-height: 1.1;
}

.success-story-text {
	font-size: 1.5rem;
	line-height: 1.4;
}

.success-story-number {
	font-size: 4rem;
	line-height: 1;
}

/* Impact Metrics */
.impact-metric-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.impact-metric-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Testimonial Cards */
.testimonial-card {
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
	border-color: var(--skm-primary) !important;
}

/* Fix text visibility on Client Impact bento cards */
.client-impact-hero-section .bento-content h1,
.client-impact-hero-section .bento-content h2,
.client-impact-hero-section .bento-content h3,
.client-impact-hero-section .bento-content h4,
.client-impact-hero-section .bento-content h5,
.client-impact-hero-section .bento-content h6,
.client-impact-hero-section .bento-content p,
.client-impact-hero-section .bento-content span,
.client-impact-hero-section .bento-content small,
.client-impact-hero-section .bento-content .card-text {
	color: inherit !important;
}

/* Mobile Responsiveness for All New Pages */
@media (max-width: 768px) {
	.about-overview-hero-section,
	.people-culture-hero-section,
	.commitments-hero-section,
	.client-impact-hero-section {
		min-height: 60vh;
	}

	.about-overview-floating-shape,
	.people-culture-floating-shape,
	.commitments-floating-shape,
	.client-impact-floating-shape {
		display: none;
	}

	.about-hero-title,
	.people-culture-hero-title,
	.commitments-hero-title,
	.client-impact-hero-title {
		font-size: 3rem;
	}

	.about-hero-subtitle,
	.people-culture-hero-subtitle,
	.commitments-hero-subtitle,
	.client-impact-hero-subtitle {
		font-size: 1.8rem;
	}

	.about-hero-description,
	.people-culture-hero-description,
	.commitments-hero-description,
	.client-impact-hero-description {
		font-size: 1.2rem;
	}

	.about-section-title,
	.people-culture-section-title,
	.commitments-section-title,
	.client-impact-section-title {
		font-size: 2.5rem;
	}

	.about-section-subtitle,
	.people-culture-section-subtitle,
	.commitments-section-subtitle,
	.client-impact-section-subtitle {
		font-size: 1.5rem;
	}
}

@media (max-width: 576px) {
	.about-overview-hero-section,
	.people-culture-hero-section,
	.commitments-hero-section,
	.client-impact-hero-section {
		min-height: 50vh;
	}

	.about-hero-title,
	.people-culture-hero-title,
	.commitments-hero-title,
	.client-impact-hero-title {
		font-size: 2.5rem;
	}

	.about-hero-subtitle,
	.people-culture-hero-subtitle,
	.commitments-hero-subtitle,
	.client-impact-hero-subtitle {
		font-size: 1.5rem;
	}

	.about-hero-description,
	.people-culture-hero-description,
	.commitments-hero-description,
	.client-impact-hero-description {
		font-size: 1.1rem;
	}

	.about-section-title,
	.people-culture-section-title,
	.commitments-section-title,
	.client-impact-section-title {
		font-size: 2rem;
	}

	.about-section-subtitle,
	.people-culture-section-subtitle,
	.commitments-section-subtitle,
	.client-impact-section-subtitle {
		font-size: 1.2rem;
	}
}

@media (max-width: 576px) {
	.industry-hero-section {
		min-height: 40vh;
	}

	.industry-bento-content {
		padding: 1rem;
	}
}

/* ========================================
   AUDIT & ASSURANCE PAGE STYLES
   ======================================== */

/* Audit Hero Section */
.audit-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.audit-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.audit-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Audit Floating Graphics */
.audit-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.audit-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(17, 153, 142, 0.1), rgba(17, 153, 142, 0.05));
	animation: auditFloatAnimation 20s ease-in-out infinite;
}

.audit-shape-1 {
	width: 300px;
	height: 300px;
	top: 5%;
	right: 5%;
	animation-delay: 0s;
}

.audit-shape-2 {
	width: 200px;
	height: 200px;
	bottom: 15%;
	left: 3%;
	animation-delay: 7s;
}

.audit-shape-3 {
	width: 150px;
	height: 150px;
	top: 45%;
	left: 45%;
	animation-delay: 14s;
}

@keyframes auditFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(50px, -50px) scale(1.1);
	}
	50% {
		transform: translate(-40px, 40px) scale(0.9);
	}
	75% {
		transform: translate(45px, 45px) scale(1.05);
	}
}

/* Audit Typography */
.audit-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.audit-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.audit-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.audit-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for Audit Page */
@media (max-width: 768px) {
	.audit-hero-section {
		min-height: 60vh;
	}

	.audit-floating-shape {
		display: none;
	}

	.audit-hero-title {
		font-size: 3rem;
	}

	.audit-hero-subtitle {
		font-size: 1.8rem;
	}

	.audit-hero-description {
		font-size: 1.2rem;
	}

	.audit-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.audit-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.audit-hero-section {
		min-height: 50vh;
	}

	.audit-hero-title {
		font-size: 2.5rem;
	}

	.audit-hero-subtitle {
		font-size: 1.5rem;
	}

	.audit-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   BUSINESS ADVISORY PAGE STYLES
   ======================================== */

/* Business Advisory Hero Section */
.business-advisory-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.business-advisory-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.business-advisory-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Business Advisory Floating Graphics */
.business-advisory-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.business-advisory-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	animation: businessAdvisoryFloatAnimation 22s ease-in-out infinite;
}

.business-advisory-shape-1 {
	width: 280px;
	height: 280px;
	top: 8%;
	right: 8%;
	animation-delay: 0s;
}

.business-advisory-shape-2 {
	width: 180px;
	height: 180px;
	bottom: 18%;
	left: 6%;
	animation-delay: 8s;
}

.business-advisory-shape-3 {
	width: 130px;
	height: 130px;
	top: 48%;
	left: 48%;
	animation-delay: 16s;
}

@keyframes businessAdvisoryFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(55px, -55px) scale(1.1);
	}
	50% {
		transform: translate(-45px, 45px) scale(0.9);
	}
	75% {
		transform: translate(50px, 50px) scale(1.05);
	}
}

/* Business Advisory Typography */
.business-advisory-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.business-advisory-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.business-advisory-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.business-advisory-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for Business Advisory Page */
@media (max-width: 768px) {
	.business-advisory-hero-section {
		min-height: 60vh;
	}

	.business-advisory-floating-shape {
		display: none;
	}

	.business-advisory-hero-title {
		font-size: 3rem;
	}

	.business-advisory-hero-subtitle {
		font-size: 1.8rem;
	}

	.business-advisory-hero-description {
		font-size: 1.2rem;
	}

	.business-advisory-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.business-advisory-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.business-advisory-hero-section {
		min-height: 50vh;
	}

	.business-advisory-hero-title {
		font-size: 2.5rem;
	}

	.business-advisory-hero-subtitle {
		font-size: 1.5rem;
	}

	.business-advisory-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   TAX PLANNING & REGULATORY SERVICES PAGE STYLES
   ======================================== */

/* Tax Planning Hero Section */
.tax-planning-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.tax-planning-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.tax-planning-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Tax Planning Floating Graphics */
.tax-planning-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.tax-planning-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 102, 0, 0.1), rgba(255, 102, 0, 0.05));
	animation: taxPlanningFloatAnimation 24s ease-in-out infinite;
}

.tax-planning-shape-1 {
	width: 320px;
	height: 320px;
	top: 6%;
	right: 6%;
	animation-delay: 0s;
}

.tax-planning-shape-2 {
	width: 220px;
	height: 220px;
	bottom: 16%;
	left: 4%;
	animation-delay: 9s;
}

.tax-planning-shape-3 {
	width: 160px;
	height: 160px;
	top: 46%;
	left: 46%;
	animation-delay: 18s;
}

@keyframes taxPlanningFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(60px, -60px) scale(1.1);
	}
	50% {
		transform: translate(-50px, 50px) scale(0.9);
	}
	75% {
		transform: translate(55px, 55px) scale(1.05);
	}
}

/* Tax Planning Typography */
.tax-planning-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.tax-planning-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.tax-planning-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.tax-planning-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for Tax Planning Page */
@media (max-width: 768px) {
	.tax-planning-hero-section {
		min-height: 60vh;
	}

	.tax-planning-floating-shape {
		display: none;
	}

	.tax-planning-hero-title {
		font-size: 3rem;
	}

	.tax-planning-hero-subtitle {
		font-size: 1.8rem;
	}

	.tax-planning-hero-description {
		font-size: 1.2rem;
	}

	.tax-planning-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.tax-planning-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.tax-planning-hero-section {
		min-height: 50vh;
	}

	.tax-planning-hero-title {
		font-size: 2.5rem;
	}

	.tax-planning-hero-subtitle {
		font-size: 1.5rem;
	}

	.tax-planning-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   ESG ASSURANCE PAGE STYLES
   ======================================== */

/* ESG Assurance Hero Section */
.esg-assurance-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.esg-assurance-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.esg-assurance-hero-section .container {
	position: relative;
	z-index: 2;
}

/* ESG Assurance Floating Graphics */
.esg-assurance-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.esg-assurance-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(17, 153, 142, 0.1), rgba(17, 153, 142, 0.05));
	animation: esgAssuranceFloatAnimation 26s ease-in-out infinite;
}

.esg-assurance-shape-1 {
	width: 340px;
	height: 340px;
	top: 4%;
	right: 4%;
	animation-delay: 0s;
}

.esg-assurance-shape-2 {
	width: 240px;
	height: 240px;
	bottom: 14%;
	left: 2%;
	animation-delay: 10s;
}

.esg-assurance-shape-3 {
	width: 170px;
	height: 170px;
	top: 44%;
	left: 44%;
	animation-delay: 20s;
}

@keyframes esgAssuranceFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(65px, -65px) scale(1.1);
	}
	50% {
		transform: translate(-55px, 55px) scale(0.9);
	}
	75% {
		transform: translate(60px, 60px) scale(1.05);
	}
}

/* ESG Assurance Typography */
.esg-assurance-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.esg-assurance-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.esg-assurance-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.esg-assurance-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for ESG Assurance Page */
@media (max-width: 768px) {
	.esg-assurance-hero-section {
		min-height: 60vh;
	}

	.esg-assurance-floating-shape {
		display: none;
	}

	.esg-assurance-hero-title {
		font-size: 3rem;
	}

	.esg-assurance-hero-subtitle {
		font-size: 1.8rem;
	}

	.esg-assurance-hero-description {
		font-size: 1.2rem;
	}

	.esg-assurance-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.esg-assurance-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.esg-assurance-hero-section {
		min-height: 50vh;
	}

	.esg-assurance-hero-title {
		font-size: 2.5rem;
	}

	.esg-assurance-hero-subtitle {
		font-size: 1.5rem;
	}

	.esg-assurance-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   FINANCIAL STATEMENTS AUDIT PAGE STYLES
   ======================================== */

/* Financial Statements Audit Hero Section */
.financial-statements-audit-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.financial-statements-audit-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.financial-statements-audit-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Financial Statements Audit Floating Graphics */
.financial-statements-audit-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.financial-statements-audit-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(79, 172, 254, 0.1), rgba(79, 172, 254, 0.05));
	animation: financialStatementsAuditFloatAnimation 28s ease-in-out infinite;
}

.financial-statements-audit-shape-1 {
	width: 360px;
	height: 360px;
	top: 3%;
	right: 3%;
	animation-delay: 0s;
}

.financial-statements-audit-shape-2 {
	width: 260px;
	height: 260px;
	bottom: 13%;
	left: 1%;
	animation-delay: 11s;
}

.financial-statements-audit-shape-3 {
	width: 180px;
	height: 180px;
	top: 43%;
	left: 43%;
	animation-delay: 22s;
}

@keyframes financialStatementsAuditFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(70px, -70px) scale(1.1);
	}
	50% {
		transform: translate(-60px, 60px) scale(0.9);
	}
	75% {
		transform: translate(65px, 65px) scale(1.05);
	}
}

/* Financial Statements Audit Typography */
.financial-statements-audit-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.financial-statements-audit-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.financial-statements-audit-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.financial-statements-audit-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for Financial Statements Audit Page */
@media (max-width: 768px) {
	.financial-statements-audit-hero-section {
		min-height: 60vh;
	}

	.financial-statements-audit-floating-shape {
		display: none;
	}

	.financial-statements-audit-hero-title {
		font-size: 3rem;
	}

	.financial-statements-audit-hero-subtitle {
		font-size: 1.8rem;
	}

	.financial-statements-audit-hero-description {
		font-size: 1.2rem;
	}

	.financial-statements-audit-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.financial-statements-audit-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.financial-statements-audit-hero-section {
		min-height: 50vh;
	}

	.financial-statements-audit-hero-title {
		font-size: 2.5rem;
	}

	.financial-statements-audit-hero-subtitle {
		font-size: 1.5rem;
	}

	.financial-statements-audit-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   TECHNOLOGY CONSULTING PAGE STYLES
   ======================================== */

/* Technology Consulting Hero Section */
.technology-consulting-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.technology-consulting-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.technology-consulting-hero-section .container {
	position: relative;
	z-index: 2;
}

/* Technology Consulting Floating Graphics */
.technology-consulting-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.technology-consulting-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.05));
	animation: technologyConsultingFloatAnimation 30s ease-in-out infinite;
}

.technology-consulting-shape-1 {
	width: 380px;
	height: 380px;
	top: 2%;
	right: 2%;
	animation-delay: 0s;
}

.technology-consulting-shape-2 {
	width: 280px;
	height: 280px;
	bottom: 12%;
	left: 0%;
	animation-delay: 12s;
}

.technology-consulting-shape-3 {
	width: 190px;
	height: 190px;
	top: 42%;
	left: 42%;
	animation-delay: 24s;
}

@keyframes technologyConsultingFloatAnimation {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(75px, -75px) scale(1.1);
	}
	50% {
		transform: translate(-65px, 65px) scale(0.9);
	}
	75% {
		transform: translate(70px, 70px) scale(1.05);
	}
}

/* Technology Consulting Typography */
.technology-consulting-hero-title {
	font-size: 4.5rem;
	line-height: 1.1;
}

.technology-consulting-hero-subtitle {
	font-size: 2.5rem;
	line-height: 1.2;
}

.technology-consulting-hero-description {
	font-size: 1.5rem;
	line-height: 1.4;
}

.technology-consulting-hero-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Mobile Responsiveness for Technology Consulting Page */
@media (max-width: 768px) {
	.technology-consulting-hero-section {
		min-height: 60vh;
	}

	.technology-consulting-floating-shape {
		display: none;
	}

	.technology-consulting-hero-title {
		font-size: 3rem;
	}

	.technology-consulting-hero-subtitle {
		font-size: 1.8rem;
	}

	.technology-consulting-hero-description {
		font-size: 1.2rem;
	}

	.technology-consulting-hero-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.technology-consulting-hero-actions .btn {
		width: 100%;
		margin-bottom: 0.75rem;
	}
}

@media (max-width: 576px) {
	.technology-consulting-hero-section {
		min-height: 50vh;
	}

	.technology-consulting-hero-title {
		font-size: 2.5rem;
	}

	.technology-consulting-hero-subtitle {
		font-size: 1.5rem;
	}

	.technology-consulting-hero-description {
		font-size: 1.1rem;
	}
}

/* ========================================
   STRATEGY CONSULTING PAGE STYLES
   ======================================== */

/* Strategy Consulting Hero Section */
.strategy-consulting-hero-section {
	background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(22, 33, 62, 0.8)),
	            url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.strategy-consulting-hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
}

.strategy-consulting-hero-section .container { position: relative; z-index: 2; }

/* Strategy Floating Graphics */
.strategy-consulting-hero-graphics { position: absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.strategy-consulting-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(0, 123, 255, 0.1), rgba(0, 123, 255, 0.05)); animation: strategyConsultingFloat 22s ease-in-out infinite; }
.strategy-consulting-shape-1 { width: 300px; height:300px; top:6%; right:6%; animation-delay:0s; }
.strategy-consulting-shape-2 { width: 200px; height:200px; bottom:14%; left:4%; animation-delay:8s; }
.strategy-consulting-shape-3 { width: 150px; height:150px; top:46%; left:46%; animation-delay:16s; }
@keyframes strategyConsultingFloat {
	0%,100%{ transform: translate(0,0) scale(1);}
	25%{ transform: translate(50px,-50px) scale(1.1);}
	50%{ transform: translate(-40px,40px) scale(0.9);}
	75%{ transform: translate(45px,45px) scale(1.05);}
}

/* Strategy Typography */
.strategy-consulting-hero-title { font-size: 4.5rem; line-height:1.1; }
.strategy-consulting-hero-subtitle { font-size: 2.5rem; line-height:1.2; }
.strategy-consulting-hero-description { font-size: 1.5rem; line-height:1.4; }
.strategy-consulting-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }

@media (max-width: 768px) {
	.strategy-consulting-hero-section { min-height:60vh; }
	.strategy-consulting-floating-shape { display:none; }
	.strategy-consulting-hero-title { font-size:3rem; }
	.strategy-consulting-hero-subtitle { font-size:1.8rem; }
	.strategy-consulting-hero-description { font-size:1.2rem; }
	.strategy-consulting-hero-actions { flex-direction:column; gap:0.5rem; }
	.strategy-consulting-hero-actions .btn { width:100%; margin-bottom:0.75rem; }
}

@media (max-width: 576px) {
	.strategy-consulting-hero-section { min-height:50vh; }
	.strategy-consulting-hero-title { font-size:2.5rem; }
	.strategy-consulting-hero-subtitle { font-size:1.5rem; }
	.strategy-consulting-hero-description { font-size:1.1rem; }
}

/* ========================================
   FORENSIC & FRAUD INVESTIGATION PAGE STYLES
   ======================================== */
.forensic-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.forensic-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.forensic-hero-section .container { position:relative; z-index:2; }
.forensic-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.forensic-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(220,53,69,0.1), rgba(220,53,69,0.05)); animation: forensicFloat 24s ease-in-out infinite; }
.forensic-shape-1 { width:320px; height:320px; top:7%; right:7%; animation-delay:0s; }
.forensic-shape-2 { width:210px; height:210px; bottom:12%; left:5%; animation-delay:8s; }
.forensic-shape-3 { width:160px; height:160px; top:44%; left:44%; animation-delay:16s; }
@keyframes forensicFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(55px,-55px) scale(1.1);} 50%{transform:translate(-45px,45px) scale(0.9);} 75%{transform:translate(48px,48px) scale(1.05);} }
.forensic-hero-title { font-size:4.5rem; line-height:1.1; }
.forensic-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.forensic-hero-description { font-size:1.5rem; line-height:1.4; }
.forensic-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width: 768px){ .forensic-hero-section{min-height:60vh;} .forensic-floating-shape{display:none;} .forensic-hero-title{font-size:3rem;} .forensic-hero-subtitle{font-size:1.8rem;} .forensic-hero-description{font-size:1.2rem;} .forensic-hero-actions{flex-direction:column; gap:0.5rem;} .forensic-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width: 576px){ .forensic-hero-section{min-height:50vh;} .forensic-hero-title{font-size:2.5rem;} .forensic-hero-subtitle{font-size:1.5rem;} .forensic-hero-description{font-size:1.1rem;} }

/* ========================================
   INTERNAL AUDIT & GOVERNANCE PAGE STYLES
   ======================================== */
.internal-audit-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.internal-audit-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.internal-audit-hero-section .container { position:relative; z-index:2; }
.internal-audit-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.internal-audit-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(79,172,254,0.1), rgba(79,172,254,0.05)); animation: internalAuditFloat 24s ease-in-out infinite; }
.internal-audit-shape-1 { width:320px; height:320px; top:5%; right:5%; animation-delay:0s; }
.internal-audit-shape-2 { width:210px; height:210px; bottom:15%; left:3%; animation-delay:8s; }
.internal-audit-shape-3 { width:160px; height:160px; top:45%; left:45%; animation-delay:16s; }
@keyframes internalAuditFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(55px,-55px) scale(1.1);} 50%{transform:translate(-45px,45px) scale(0.9);} 75%{transform:translate(48px,48px) scale(1.05);} }
.internal-audit-hero-title { font-size:4.5rem; line-height:1.1; }
.internal-audit-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.internal-audit-hero-description { font-size:1.5rem; line-height:1.4; }
.internal-audit-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .internal-audit-hero-section{min-height:60vh;} .internal-audit-floating-shape{display:none;} .internal-audit-hero-title{font-size:3rem;} .internal-audit-hero-subtitle{font-size:1.8rem;} .internal-audit-hero-description{font-size:1.2rem;} .internal-audit-hero-actions{flex-direction:column; gap:0.5rem;} .internal-audit-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .internal-audit-hero-section{min-height:50vh;} .internal-audit-hero-title{font-size:2.5rem;} .internal-audit-hero-subtitle{font-size:1.5rem;} .internal-audit-hero-description{font-size:1.1rem;} }

/* ========================================
   REGULATORY COMPLIANCE & ADVISORY PAGE STYLES
   ======================================== */
.regulatory-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.regulatory-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.regulatory-hero-section .container { position:relative; z-index:2; }
.regulatory-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.regulatory-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(0, 200, 83, 0.1), rgba(0, 200, 83, 0.05)); animation: regulatoryFloat 22s ease-in-out infinite; }
.regulatory-shape-1 { width:300px; height:300px; top:6%; right:6%; animation-delay:0s; }
.regulatory-shape-2 { width:200px; height:200px; bottom:14%; left:4%; animation-delay:8s; }
.regulatory-shape-3 { width:150px; height:150px; top:46%; left:46%; animation-delay:16s; }
@keyframes regulatoryFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.regulatory-hero-title { font-size:4.5rem; line-height:1.1; }
.regulatory-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.regulatory-hero-description { font-size:1.5rem; line-height:1.4; }
.regulatory-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .regulatory-hero-section{min-height:60vh;} .regulatory-floating-shape{display:none;} .regulatory-hero-title{font-size:3rem;} .regulatory-hero-subtitle{font-size:1.8rem;} .regulatory-hero-description{font-size:1.2rem;} .regulatory-hero-actions{flex-direction:column; gap:0.5rem;} .regulatory-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .regulatory-hero-section{min-height:50vh;} .regulatory-hero-title{font-size:2.5rem;} .regulatory-hero-subtitle{font-size:1.5rem;} .regulatory-hero-description{font-size:1.1rem;} }

/* ========================================
   FINANCIAL ADVISORY PAGE STYLES
   ======================================== */
.financial-advisory-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.financial-advisory-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.financial-advisory-hero-section .container { position:relative; z-index:2; }
.financial-advisory-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.financial-advisory-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(0, 123, 255, 0.1), rgba(0, 123, 255, 0.05)); animation: financialAdvisoryFloat 20s ease-in-out infinite; }
.financial-advisory-shape-1 { width:300px; height:300px; top:5%; right:5%; animation-delay:0s; }
.financial-advisory-shape-2 { width:200px; height:200px; bottom:15%; left:3%; animation-delay:8s; }
.financial-advisory-shape-3 { width:150px; height:150px; top:45%; left:45%; animation-delay:16s; }
@keyframes financialAdvisoryFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.financial-advisory-hero-title { font-size:4.5rem; line-height:1.1; }
.financial-advisory-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.financial-advisory-hero-description { font-size:1.5rem; line-height:1.4; }
.financial-advisory-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .financial-advisory-hero-section{min-height:60vh;} .financial-advisory-floating-shape{display:none;} .financial-advisory-hero-title{font-size:3rem;} .financial-advisory-hero-subtitle{font-size:1.8rem;} .financial-advisory-hero-description{font-size:1.2rem;} .financial-advisory-hero-actions{flex-direction:column; gap:0.5rem;} .financial-advisory-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .financial-advisory-hero-section{min-height:50vh;} .financial-advisory-hero-title{font-size:2.5rem;} .financial-advisory-hero-subtitle{font-size:1.5rem;} .financial-advisory-hero-description{font-size:1.1rem;} }

/* ========================================
   BUSINESS PROCESS REENGINEERING PAGE STYLES
   ======================================== */
.business-process-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.business-process-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.business-process-hero-section .container { position:relative; z-index:2; }
.business-process-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.business-process-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(17, 153, 142, 0.1), rgba(17, 153, 142, 0.05)); animation: businessProcessFloat 22s ease-in-out infinite; }
.business-process-shape-1 { width:300px; height:300px; top:6%; right:6%; animation-delay:0s; }
.business-process-shape-2 { width:200px; height:200px; bottom:14%; left:4%; animation-delay:8s; }
.business-process-shape-3 { width:150px; height:150px; top:46%; left:46%; animation-delay:16s; }
@keyframes businessProcessFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.business-process-hero-title { font-size:4.5rem; line-height:1.1; }
.business-process-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.business-process-hero-description { font-size:1.5rem; line-height:1.4; }
.business-process-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .business-process-hero-section{min-height:60vh;} .business-process-floating-shape{display:none;} .business-process-hero-title{font-size:3rem;} .business-process-hero-subtitle{font-size:1.8rem;} .business-process-hero-description{font-size:1.2rem;} .business-process-hero-actions{flex-direction:column; gap:0.5rem;} .business-process-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .business-process-hero-section{min-height:50vh;} .business-process-hero-title{font-size:2.5rem;} .business-process-hero-subtitle{font-size:1.5rem;} .business-process-hero-description{font-size:1.1rem;} }

/* ========================================
   RISK MANAGEMENT & COMPLIANCE PAGE STYLES
   ======================================== */
.risk-management-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.risk-management-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.risk-management-hero-section .container { position:relative; z-index:2; }
.risk-management-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.risk-management-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.05)); animation: riskManagementFloat 24s ease-in-out infinite; }
.risk-management-shape-1 { width:320px; height:320px; top:7%; right:7%; animation-delay:0s; }
.risk-management-shape-2 { width:210px; height:210px; bottom:12%; left:5%; animation-delay:8s; }
.risk-management-shape-3 { width:160px; height:160px; top:44%; left:44%; animation-delay:16s; }
@keyframes riskManagementFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(55px,-55px) scale(1.1);} 50%{transform:translate(-45px,45px) scale(0.9);} 75%{transform:translate(48px,48px) scale(1.05);} }
.risk-management-hero-title { font-size:4.5rem; line-height:1.1; }
.risk-management-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.risk-management-hero-description { font-size:1.5rem; line-height:1.4; }
.risk-management-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .risk-management-hero-section{min-height:60vh;} .risk-management-floating-shape{display:none;} .risk-management-hero-title{font-size:3rem;} .risk-management-hero-subtitle{font-size:1.8rem;} .risk-management-hero-description{font-size:1.2rem;} .risk-management-hero-actions{flex-direction:column; gap:0.5rem;} .risk-management-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .risk-management-hero-section{min-height:50vh;} .risk-management-hero-title{font-size:2.5rem;} .risk-management-hero-subtitle{font-size:1.5rem;} .risk-management-hero-description{font-size:1.1rem;} }

/* ========================================
   DIGITAL TRANSFORMATION & INNOVATION PAGE STYLES
   ======================================== */
.digital-transformation-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.digital-transformation-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.digital-transformation-hero-section .container { position:relative; z-index:2; }
.digital-transformation-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.digital-transformation-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(108, 117, 125, 0.1), rgba(108, 117, 125, 0.05)); animation: digitalTransformationFloat 26s ease-in-out infinite; }
.digital-transformation-shape-1 { width:300px; height:300px; top:5%; right:5%; animation-delay:0s; }
.digital-transformation-shape-2 { width:200px; height:200px; bottom:15%; left:3%; animation-delay:8s; }
.digital-transformation-shape-3 { width:150px; height:150px; top:45%; left:45%; animation-delay:16s; }
@keyframes digitalTransformationFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.digital-transformation-hero-title { font-size:4.5rem; line-height:1.1; }
.digital-transformation-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.digital-transformation-hero-description { font-size:1.5rem; line-height:1.4; }
.digital-transformation-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .digital-transformation-hero-section{min-height:60vh;} .digital-transformation-floating-shape{display:none;} .digital-transformation-hero-title{font-size:3rem;} .digital-transformation-hero-subtitle{font-size:1.8rem;} .digital-transformation-hero-description{font-size:1.2rem;} .digital-transformation-hero-actions{flex-direction:column; gap:0.5rem;} .digital-transformation-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .digital-transformation-hero-section{min-height:50vh;} .digital-transformation-hero-title{font-size:2.5rem;} .digital-transformation-hero-subtitle{font-size:1.5rem;} .digital-transformation-hero-description{font-size:1.1rem;} }

/* ========================================
   DATA ANALYTICS & AI PAGE STYLES
   ======================================== */
.data-analytics-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.data-analytics-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.data-analytics-hero-section .container { position:relative; z-index:2; }
.data-analytics-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.data-analytics-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(13, 110, 253, 0.1), rgba(13, 110, 253, 0.05)); animation: dataAnalyticsFloat 28s ease-in-out infinite; }
.data-analytics-shape-1 { width:300px; height:300px; top:5%; right:5%; animation-delay:0s; }
.data-analytics-shape-2 { width:200px; height:200px; bottom:15%; left:3%; animation-delay:8s; }
.data-analytics-shape-3 { width:150px; height:150px; top:45%; left:45%; animation-delay:16s; }
@keyframes dataAnalyticsFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.data-analytics-hero-title { font-size:4.5rem; line-height:1.1; }
.data-analytics-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.data-analytics-hero-description { font-size:1.5rem; line-height:1.4; }
.data-analytics-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .data-analytics-hero-section{min-height:60vh;} .data-analytics-floating-shape{display:none;} .data-analytics-hero-title{font-size:3rem;} .data-analytics-hero-subtitle{font-size:1.8rem;} .data-analytics-hero-description{font-size:1.2rem;} .data-analytics-hero-actions{flex-direction:column; gap:0.5rem;} .data-analytics-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .data-analytics-hero-section{min-height:50vh;} .data-analytics-hero-title{font-size:2.5rem;} .data-analytics-hero-subtitle{font-size:1.5rem;} .data-analytics-hero-description{font-size:1.1rem;} }

/* ========================================
   CYBERSECURITY & DATA PROTECTION PAGE STYLES
   ======================================== */
.cybersecurity-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-service-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.cybersecurity-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.cybersecurity-hero-section .container { position:relative; z-index:2; }
.cybersecurity-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.cybersecurity-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.05)); animation: cybersecurityFloat 30s ease-in-out infinite; }
.cybersecurity-shape-1 { width:300px; height:300px; top:5%; right:5%; animation-delay:0s; }
.cybersecurity-shape-2 { width:200px; height:200px; bottom:15%; left:3%; animation-delay:8s; }
.cybersecurity-shape-3 { width:150px; height:150px; top:45%; left:45%; animation-delay:16s; }
@keyframes cybersecurityFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.cybersecurity-hero-title { font-size:4.5rem; line-height:1.1; }
.cybersecurity-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.cybersecurity-hero-description { font-size:1.5rem; line-height:1.4; }
.cybersecurity-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .cybersecurity-hero-section{min-height:60vh;} .cybersecurity-floating-shape{display:none;} .cybersecurity-hero-title{font-size:3rem;} .cybersecurity-hero-subtitle{font-size:1.8rem;} .cybersecurity-hero-description{font-size:1.2rem;} .cybersecurity-hero-actions{flex-direction:column; gap:0.5rem;} .cybersecurity-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .cybersecurity-hero-section{min-height:50vh;} .cybersecurity-hero-title{font-size:2.5rem;} .cybersecurity-hero-subtitle{font-size:1.5rem;} .cybersecurity-hero-description{font-size:1.1rem;} }

/* ========================================
   CONTACT PAGE STYLES
   ======================================== */
.contact-hero-section { background: linear-gradient(rgba(26,26,46,0.8), rgba(22,33,62,0.8)), url('../img/bg-contact-header.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; min-height:70vh; position:relative; overflow:hidden; }
.contact-hero-section::before { content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(135deg, rgba(26,26,46,0.9) 0%, rgba(22,33,62,0.9) 100%); }
.contact-hero-section .container { position:relative; z-index:2; }
.contact-hero-graphics { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.contact-floating-shape { position:absolute; border-radius:50%; background: linear-gradient(45deg, rgba(13, 110, 253, 0.1), rgba(13, 110, 253, 0.05)); animation: contactFloat 32s ease-in-out infinite; }
.contact-shape-1 { width:300px; height:300px; top:5%; right:5%; animation-delay:0s; }
.contact-shape-2 { width:200px; height:200px; bottom:15%; left:3%; animation-delay:8s; }
.contact-shape-3 { width:150px; height:150px; top:45%; left:45%; animation-delay:16s; }
@keyframes contactFloat { 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(50px,-50px) scale(1.1);} 50%{transform:translate(-40px,40px) scale(0.9);} 75%{transform:translate(45px,45px) scale(1.05);} }
.contact-hero-title { font-size:4.5rem; line-height:1.1; }
.contact-hero-subtitle { font-size:2.5rem; line-height:1.2; }
.contact-hero-description { font-size:1.5rem; line-height:1.4; }
.contact-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px){ .contact-hero-section{min-height:60vh;} .contact-floating-shape{display:none;} .contact-hero-title{font-size:3rem;} .contact-hero-subtitle{font-size:1.8rem;} .contact-hero-description{font-size:1.2rem;} .contact-hero-actions{flex-direction:column; gap:0.5rem;} .contact-hero-actions .btn{width:100%; margin-bottom:0.75rem;} }
@media (max-width:576px){ .contact-hero-section{min-height:50vh;} .contact-hero-title{font-size:2.5rem;} .contact-hero-subtitle{font-size:1.5rem;} .contact-hero-description{font-size:1.1rem;} }

/* Service Category Hero Sections - Unique Backgrounds */

/* Tax & Regulatory Services - Green Theme */
.tax-hero-section {
	background: linear-gradient(135deg, rgba(34, 139, 34, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.tax-hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(34, 139, 34, 0.8) 0%, rgba(0, 100, 0, 0.8) 100%);
}

.tax-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.tax-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(34, 139, 34, 0.15), rgba(0, 100, 0, 0.1));
	animation: taxFloat 20s ease-in-out infinite;
}

.tax-shape-1 { width: 300px; height: 300px; top: 5%; right: 5%; animation-delay: 0s; }
.tax-shape-2 { width: 200px; height: 200px; bottom: 15%; left: 3%; animation-delay: 8s; }
.tax-shape-3 { width: 150px; height: 150px; top: 45%; left: 45%; animation-delay: 16s; }

@keyframes taxFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(50px, -50px) scale(1.1); }
	50% { transform: translate(-40px, 40px) scale(0.9); }
	75% { transform: translate(45px, 45px) scale(1.05); }
}

/* Audit & Assurance Services - Blue Theme */
.audit-hero-section {
	background: linear-gradient(135deg, rgba(0, 123, 255, 0.9) 0%, rgba(0, 86, 179, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.audit-hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(0, 123, 255, 0.8) 0%, rgba(0, 86, 179, 0.8) 100%);
}

.audit-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.audit-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(0, 123, 255, 0.15), rgba(0, 86, 179, 0.1));
	animation: auditFloat 22s ease-in-out infinite;
}

.audit-shape-1 { width: 320px; height: 320px; top: 5%; right: 5%; animation-delay: 0s; }
.audit-shape-2 { width: 210px; height: 210px; bottom: 15%; left: 3%; animation-delay: 8s; }
.audit-shape-3 { width: 160px; height: 160px; top: 45%; left: 45%; animation-delay: 16s; }

@keyframes auditFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(55px, -55px) scale(1.1); }
	50% { transform: translate(-45px, 45px) scale(0.9); }
	75% { transform: translate(48px, 48px) scale(1.05); }
}

/* Advisory Services - Purple Theme */
.advisory-hero-section {
	background: linear-gradient(135deg, rgba(138, 43, 226, 0.9) 0%, rgba(75, 0, 130, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.advisory-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.advisory-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(138, 43, 226, 0.15), rgba(75, 0, 130, 0.1));
	animation: advisoryFloat 24s ease-in-out infinite;
}

.advisory-shape-1 { width: 300px; height: 300px; top: 6%; right: 6%; animation-delay: 0s; }
.advisory-shape-2 { width: 200px; height: 200px; bottom: 14%; left: 4%; animation-delay: 8s; }
.advisory-shape-3 { width: 150px; height: 150px; top: 46%; left: 46%; animation-delay: 16s; }

@keyframes advisoryFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(50px, -50px) scale(1.1); }
	50% { transform: translate(-40px, 40px) scale(0.9); }
	75% { transform: translate(45px, 45px) scale(1.05); }
}

/* Technology & Innovation Services - Orange Theme */
.technology-hero-section {
	background: linear-gradient(135deg, rgba(255, 140, 0, 0.9) 0%, rgba(255, 69, 0, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.technology-hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(255, 140, 0, 0.8) 0%, rgba(255, 69, 0, 0.8) 100%);
}

.technology-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.technology-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(255, 140, 0, 0.15), rgba(255, 69, 0, 0.1));
	animation: technologyFloat 26s ease-in-out infinite;
}

.technology-shape-1 { width: 300px; height: 300px; top: 5%; right: 5%; animation-delay: 0s; }
.technology-shape-2 { width: 200px; height: 200px; bottom: 15%; left: 3%; animation-delay: 8s; }
.technology-shape-3 { width: 150px; height: 150px; top: 45%; left: 45%; animation-delay: 16s; }

@keyframes technologyFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(50px, -50px) scale(1.1); }
	50% { transform: translate(-40px, 40px) scale(0.9); }
	75% { transform: translate(45px, 45px) scale(1.05); }
}

/* Insights Hero Section */
.insights-hero-section {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%), url('../img/bg-service-header.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 70vh;
	position: relative;
	overflow: hidden;
}

.insights-hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%);
}

.insights-hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.insights-floating-shape {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.1));
	animation: insightsFloat 25s ease-in-out infinite;
}

.insights-shape-1 { width: 300px; height: 300px; top: 5%; right: 5%; animation-delay: 0s; }
.insights-shape-2 { width: 200px; height: 200px; bottom: 15%; left: 3%; animation-delay: 8s; }
.insights-shape-3 { width: 150px; height: 150px; top: 45%; left: 45%; animation-delay: 16s; }

@keyframes insightsFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	25% { transform: translate(50px, -50px) scale(1.1); }
	50% { transform: translate(-40px, 40px) scale(0.9); }
	75% { transform: translate(45px, 45px) scale(1.05); }
}

/* Contact Cards */
.contact-card, .location-info-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.contact-card:hover, .location-info-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; }

/* Contact Form */
.contact-form-card { transition: box-shadow 0.3s ease; }
.contact-form-card:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; }
.form-control, .form-select { border: 2px solid #e9ecef; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.form-control:focus, .form-select:focus { border-color: #0d6efd; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); }

/* Map Container */
.map-container { transition: box-shadow 0.3s ease; }
.map-container:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; }

/* Form Validation */
.is-invalid { border-color: #dc3545 !important; }
.is-valid { border-color: #198754 !important; }
.invalid-feedback { display: block; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; }
.valid-feedback { display: block; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; }

/* Consolidated Icon Wrapper Styles */
.icon-wrapper {
	transition: all 0.3s ease;
}

.icon-wrapper-sm {
	width: 40px !important;
	height: 40px !important;
}

.icon-wrapper-md {
	width: 50px !important;
	height: 50px !important;
}

.icon-wrapper-lg {
	width: 60px !important;
	height: 60px !important;
}

.icon-wrapper-xl {
	width: 80px !important;
	height: 80px !important;
}

.icon-wrapper-xxl {
	width: 100px !important;
	height: 100px !important;
}

/* Consolidated Expertise Icon Styles */
.expertise-icon {
	transition: all 0.3s ease;
}

.expertise-icon:hover {
	transform: scale(1.1);
}

/* Consolidated Step Number Styles */
.step-number {
	transition: all 0.3s ease;
	font-weight: 600;
}

.step-number:hover {
	transform: scale(1.1);
}

/* Consolidated Gradient Fallback Styles */
.gradient-fallback-primary {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%) !important;
}

.gradient-fallback-success {
	background: linear-gradient(135deg, rgba(17, 153, 142, 0.9) 0%, rgba(56, 239, 125, 0.9) 100%) !important;
}

.gradient-fallback-warning {
	background: linear-gradient(135deg, rgba(255, 193, 7, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%) !important;
}

.gradient-fallback-danger {
	background: linear-gradient(135deg, rgba(220, 53, 69, 0.9) 0%, rgba(255, 99, 132, 0.9) 100%) !important;
}

.gradient-fallback-secondary {
	background: linear-gradient(135deg, rgba(108, 117, 125, 0.9) 0%, rgba(52, 58, 64, 0.9) 100%) !important;
}

.gradient-fallback-info {
	background: linear-gradient(135deg, rgba(13, 110, 253, 0.9) 0%, rgba(13, 110, 253, 0.9) 100%) !important;
}

/* Fallback Icon Styles */
.fallback-icon-lg {
	font-size: 4rem !important;
	opacity: 0.3;
}

.fallback-icon-md {
	font-size: 3rem !important;
	opacity: 0.3;
}

.fallback-icon-sm {
	font-size: 2rem !important;
	opacity: 0.3;
}

/* Service Card Specific Styles */
.service-icon-wrapper {
	transition: all 0.3s ease;
}

.service-icon-wrapper:hover {
	transform: scale(1.1);
}

/* Culture Statement Card */
.culture-statement-card {
	transition: all 0.3s ease;
}

.culture-statement-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
}

/* Team Stat Card */
.team-stat-card {
	transition: all 0.3s ease;
}

.team-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Impact Stat Card */
.impact-stat-card {
	transition: all 0.3s ease;
}

.impact-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Testimonial Card */
.testimonial-card {
	transition: all 0.3s ease;
}

.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Course Card */
.course-card {
	transition: all 0.3s ease;
}

.course-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Blog Card */
.blog-card {
	transition: all 0.3s ease;
}

.blog-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Insight Card */
.insight-card {
	transition: all 0.3s ease;
}

.insight-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Leadership Card */
.leadership-card {
	transition: all 0.3s ease;
}

.leadership-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Capability Card */
.capability-card {
	transition: all 0.3s ease;
}

.capability-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Process Step */
.process-step {
	transition: all 0.3s ease;
}

.process-step:hover {
	transform: translateX(10px);
}

/* Service Item */
.service-item {
	transition: all 0.3s ease;
}

.service-item:hover {
	transform: translateY(-5px);
}

/* Hero Stats Stat Item */
.hero-stats .stat-item {
	transition: all 0.3s ease;
}

.hero-stats .stat-item:hover {
	transform: translateY(-5px);
}

/* Stat Number */
.stat-number {
	transition: all 0.3s ease;
}

.hero-stats .stat-item:hover .stat-number {
	transform: scale(1.1);
}

/* Culture Icon */
.culture-icon {
	transition: all 0.3s ease;
}

.culture-icon:hover {
	transform: scale(1.1);
}

/* Stat Icon */
.stat-icon {
	transition: all 0.3s ease;
}

.stat-icon:hover {
	transform: scale(1.1);
}

/* Instructor Avatar */
.instructor-avatar {
	transition: all 0.3s ease;
}

.instructor-avatar:hover {
	transform: scale(1.1);
}

/* Course Price */
.course-price {
	transition: all 0.3s ease;
}

.course-price:hover {
	transform: scale(1.05);
}

/* Author Avatars */
.author-avatars .avatar {
	transition: all 0.3s ease;
}

.author-avatars .avatar:first-child {
	z-index: 3;
}

/* Newsletter Section */
.newsletter-section {
	transition: all 0.3s ease;
}

/* Event Card */
.event-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Event Image */
.event-image {
	position: relative;
}

/* Event Overlay */
.event-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Event Detail Item */
.event-detail-item {
	padding: 10px 0;
}

/* Countdown Item */
.countdown-item {
	transition: all 0.3s ease;
}

.countdown-item:hover {
	transform: scale(1.05);
}

.countdown-item .countdown-number {
	transition: all 0.3s ease;
}

.countdown-item + .countdown-label {
	transition: all 0.3s ease;
}

/* Countdown Number */
.countdown-number {
	transition: all 0.3s ease;
}

/* Countdown Label */
.countdown-label {
	transition: all 0.3s ease;
}

/* Event Card Compact */
.event-card.compact .event-detail-item {
	padding: 5px 0;
}

.event-card.compact .event-detail-item i {
	font-size: 1rem !important;
}

.event-card.compact .countdown-item {
	padding: 5px;
}

.event-card.compact .countdown-label {
	font-size: 0.8rem;
}

/* Event Detail Card */
.event-detail-card {
	transition: all 0.3s ease;
}

.event-detail-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

.event-detail-card i {
	transition: all 0.3s ease;
}

/* Sidebar Event Card */
.sidebar-event-card {
	transition: all 0.3s ease;
}

.sidebar-event-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

.sidebar-event-card .event-overlay {
	transition: opacity 0.3s ease;
}

.sidebar-event-card .event-image:hover .event-overlay {
	opacity: 1;
}

/* Countdown Mini */
.countdown-mini {
	transition: all 0.3s ease;
}

.countdown-mini:hover {
	transform: scale(1.05);
}

.countdown-mini .countdown-number {
	transition: all 0.3s ease;
}

/* Countdown Label */
.countdown-label {
	transition: all 0.3s ease;
}

/* Summary Item */
.summary-item {
	transition: all 0.3s ease;
}

.summary-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* Event Hero */
.event-hero img {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Event Badge */
.event-badge .badge {
	font-size: 0.8rem;
}

/* Event Agenda */
.event-agenda ul li {
	padding: 5px 0;
}

.event-agenda .fas.fa-check-circle {
	color: #28a745;
}

/* Registration Modal */
#registrationModal .modal-header {
	background: linear-gradient(135deg, #007bff, #0056b3);
}

#registrationModal .form-label {
	font-weight: 600;
}

#registrationModal .form-control:focus,
#registrationModal .form-select:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#registrationModal .card {
	border: none;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#registrationModal .alert-info {
	background-color: #d1ecf1;
	border-color: #bee5eb;
	color: #0c5460;
}

#registrationModal .btn-primary {
	background: linear-gradient(135deg, #007bff, #0056b3);
	border: none;
}

#registrationModal .btn-primary:hover {
	background: linear-gradient(135deg, #0056b3, #004085);
	transform: translateY(-2px);
}

#registrationModal .invalid-feedback {
	color: #dc3545;
	font-size: 0.875em;
}

#registrationModal .was-validated .form-control:invalid {
	border-color: #dc3545;
}

#registrationModal .was-validated .form-control:valid {
	border-color: #28a745;
}

#registrationModal .form-check {
	position: relative;
	padding-left: 0;
	margin-bottom: 1rem;
}

#registrationModal .form-check:nth-child(6) {
	margin-bottom: 0;
}

#registrationModal .form-check-input {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

#registrationModal .form-check-input::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 25px;
	background-color: #ccc;
	border-radius: 25px;
	transition: background-color 0.3s ease;
}

#registrationModal .form-check-input:checked {
	background-color: #007bff;
}

#registrationModal .form-check-input:checked::before {
	background-color: #007bff;
}

#registrationModal .form-check-input:focus {
	outline: none;
}

#registrationModal .form-check-input:hover {
	border-color: #007bff;
}

#registrationModal .form-check-input:checked:hover {
	background-color: #0056b3;
}

#registrationModal .form-check-label {
	position: relative;
	padding-left: 60px;
	cursor: pointer;
	font-size: 0.9rem;
	line-height: 1.4;
}

#registrationModal .form-check-label a {
	color: #007bff;
	text-decoration: none;
}

#registrationModal .form-check-label a:hover {
	text-decoration: underline;
}

#registrationModal .form-check-label .text-danger {
	color: #dc3545 !important;
}

#registrationModal .form-check::after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 21px;
	height: 21px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s ease;
}

#registrationModal .form-check-input:checked + .form-check-label::after {
	transform: translateX(25px);
}

#registrationModal .form-check-label {
	display: block;
}

/* Terms Modal */
#termsModal .modal-header {
	background: linear-gradient(135deg, #28a745, #1e7e34);
}

#termsModal .modal-title {
	font-weight: 600;
}

#termsModal h6 {
	color: #495057;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

#termsModal h6:first-child {
	margin-top: 0;
}

#termsModal ul {
	padding-left: 1.5rem;
}

#termsModal ul li {
	margin-bottom: 0.5rem;
}

#termsModal .btn-primary {
	background: linear-gradient(135deg, #28a745, #1e7e34);
	border: none;
}

#termsModal .btn-primary:hover {
	background: linear-gradient(135deg, #1e7e34, #155724);
	transform: translateY(-2px);
}

/* Payment Instructions */
.payment-instructions ol {
	padding-left: 1.5rem;
}

.payment-instructions li {
	margin-bottom: 0.5rem;
}

.payment-instructions strong {
	color: #495057;
}

/* Responsive Design */
@media (max-width: 768px) {
	.event-content {
		padding: 2rem !important;
	}

	.countdown-item {
		padding: 10px;
	}

	.countdown-number {
		font-size: 1.5rem !important;
	}

	.event-detail-item {
		padding: 8px 0;
	}

	.event-detail-item i {
		font-size: 1rem !important;
	}
}

/* Single Feature */
.single-feature .col-lg-6:first-child img {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	border-radius: 10px;
}

/* Inspirational Text */
.inspirational-text {
	text-align: center;
}

.inspirational-text p {
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

.inspirational-text .text-primary {
	color: #007bff !important;
}

.inspirational-text .text-success {
	color: #28a745 !important;
}

.inspirational-text .text-warning {
	color: #ffc107 !important;
}

.inspirational-text .text-muted {
	color: #6c757d !important;
}

@media (max-width: 768px) {
	.inspirational-text p {
		font-size: 1.75rem !important;
	}

	.inspirational-text .text-muted {
		font-size: 1.5rem !important;
	}
}