/*
Theme Name: MNP Technologies
Theme URI: https://mnptechnologies.com/
Author: Webskitters
Description: Custom ACF-powered WordPress theme for MNP Technologies.
Version: 1.0.0
Text Domain: mnp-technologies
*/

@media (max-width: 1200px) {
	:where(.hero-copy h1, .sap-hero-copy h1, .fico-hero-copy h1, .java-hero h1, .contact-hero h1, .about-hero h1) {
		font-size: clamp(34px, 5.6vw, 42px) !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
	}

	:where(.section-title h2, .course-heading h2, .sap-heading h2, .sap-recognition-copy h2, .sap-tools h2, .sap-fees-copy h2, .fico-heading h2, .fico-career-copy h2, .fico-work h2, .fico-support h2, .java-overview-section h2, .java-course-section h2, .java-placement-section h2, .testimonials-heading h2, .faq-heading h2, .cta-copy h2, .contact-section-heading h2, .about-section-heading h2, .placement h2, .journey h2) {
		font-size: clamp(28px, 4.8vw, 36px) !important;
		line-height: 1.18 !important;
		letter-spacing: 0 !important;
	}

	main :where(p, li, .hero-copy p, .sap-hero-copy p, .fico-hero-copy p, .java-hero p, .section-title p, .course-heading p, .sap-heading p, .sap-recognition-copy p, .sap-tools p, .sap-fees-copy p, .fico-heading p, .fico-career-copy p, .fico-work p, .fico-support p, .java-overview-section p, .java-course-section p, .java-placement-section p, .testimonials-heading p, .faq-heading p, .cta-copy p, .contact-section-heading p, .about-section-heading p) {
		font: 400 16px/24px "Inter Tight", Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	main :where(.course-card h3, .fico-module h3, .sap-module-grid h3, .java-course-card h3, .java-benefit-grid h3, .fico-career-grid h3, .fico-audience-list h3, .fico-batches h3, .sap-recognition-grid h3, .sap-audience-grid h3, .sap-batch-grid h3, .contact-visit-card h4, .about-person-card h3, .about-training-card h3) {
		font: 500 18px/24px Inter, Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	main :where(.about-values h3, .about-benefit-grid h3) {
		font-size: 22px !important;
		line-height: 28px !important;
		letter-spacing: 0 !important;
	}

	body main .about-person-card h3,
	body main .about-training-card h3 {
		font-size: 22px !important;
		line-height: 28px !important;
		letter-spacing: 0 !important;
	}

	main :where(.course-card > p, .java-course-card > p, .fico-module p, .fico-career-grid p, .sap-recognition-grid p, .about-benefit-grid p, .contact-visit-card p) {
		font: 400 16px/24px "Inter Tight", Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	main :where(.topics b, .course-topics b, .key-topics b, .fico-module b, .sap-module-grid b) {
		font: 500 18px/24px "Inter Tight", Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	main :where(.topics span, .course-topics span, .key-topics span, .fico-tags span, .sap-tool-tags span) {
		width: auto !important;
		min-width: 0 !important;
		font: 400 16px/24px "Inter Tight", Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	:where(.section, .fico-section, .sap-recognition, .sap-syllabus, .sap-batches, .sap-support, .sap-audience, .java-overview-section, .java-course-section, .java-placement-section, .contact-section, .about-section) {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.stats > article,
	.about-stats article,
	.sap-stats > article,
	.java-stats > article {
		height: 230px !important;
		padding: 24px 18px 22px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
	}

	.stat-icon,
	.stat-icon.lower,
	.about-stat-icon {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 74px !important;
		height: 74px !important;
		padding: 18px !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 50% !important;
		background: #fff !important;
		transform: none !important;
	}

	.stat-halo {
		display: none !important;
	}

	.stat-glyph,
	.about-stat-icon img {
		position: static !important;
		width: 38px !important;
		height: 38px !important;
		object-fit: contain !important;
	}

	.stat-copy,
	.stat-copy.wide {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		margin-top: 16px !important;
		transform: none !important;
	}
}

@media (max-width: 767px) {
	.site-header .logo,
	.site-header.is-sticky .logo {
		width: 58px !important;
		height: 50px !important;
	}

	.site-header .logo img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	:where(.hero-copy h1, .sap-hero-copy h1, .fico-hero-copy h1, .java-hero h1, .contact-hero h1, .about-hero h1) {
		font-size: 30px !important;
		line-height: 36px !important;
	}

	:where(.section-title h2, .course-heading h2, .sap-heading h2, .sap-recognition-copy h2, .sap-tools h2, .sap-fees-copy h2, .fico-heading h2, .fico-career-copy h2, .fico-work h2, .fico-support h2, .java-overview-section h2, .java-course-section h2, .java-placement-section h2, .testimonials-heading h2, .faq-heading h2, .cta-copy h2, .contact-section-heading h2, .about-section-heading h2, .placement h2, .journey h2) {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	main :where(p, li, .hero-copy p, .sap-hero-copy p, .fico-hero-copy p, .java-hero p, .section-title p, .course-heading p, .sap-heading p, .sap-recognition-copy p, .sap-tools p, .sap-fees-copy p, .fico-heading p, .fico-career-copy p, .fico-work p, .fico-support p, .java-overview-section p, .java-course-section p, .java-placement-section p, .testimonials-heading p, .faq-heading p, .cta-copy p, .contact-section-heading p, .about-section-heading p) {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	main :where(.course-card h3, .fico-module h3, .sap-module-grid h3, .java-course-card h3, .java-benefit-grid h3, .fico-career-grid h3, .fico-audience-list h3, .fico-batches h3, .sap-recognition-grid h3, .sap-audience-grid h3, .sap-batch-grid h3, .contact-visit-card h4, .about-person-card h3, .about-training-card h3) {
		font-size: 18px !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
	}

	main :where(.about-values h3, .about-benefit-grid h3) {
		font-size: 18px !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
	}

	body main .about-person-card h3,
	body main .about-training-card h3 {
		font-size: 20px !important;
		line-height: 25px !important;
		letter-spacing: 0 !important;
	}

	main :where(.course-card > p, .java-course-card > p) {
		height: auto !important;
		min-height: 0 !important;
		margin: 15px 0 !important;
		font: 400 16px/24px "Inter Tight", Arial, sans-serif !important;
	}

	main :where(.topics b, .course-topics b, .key-topics b) {
		grid-column: 1 / -1 !important;
		display: block !important;
		margin-bottom: 8px !important;
		font: 500 18px/24px "Inter Tight", Arial, sans-serif !important;
	}

	main :where(.topics span, .course-topics span, .key-topics span) {
		width: auto !important;
		min-width: 0 !important;
		font: 400 16px/24px "Inter Tight", Arial, sans-serif !important;
	}

	:where(.section, .fico-section, .sap-recognition, .sap-syllabus, .sap-batches, .sap-support, .sap-audience, .java-overview-section, .java-course-section, .java-placement-section, .contact-section, .about-section) {
		padding-top: 42px !important;
		padding-bottom: 42px !important;
	}

	:where(.fico-heading, .sap-heading, .section-title, .course-heading, .testimonials-heading, .faq-heading) {
		margin-bottom: 22px !important;
	}

	main :where(.course-grid, .benefit-grid, .learn-grid, .quote-grid, .fico-modules, .sap-module-grid, .java-benefit-grid, .java-course-grid, .fico-career-grid, .fico-audience-list, .fico-batches, .sap-recognition-grid, .sap-audience-grid, .sap-batch-grid) {
		gap: 16px !important;
		margin-top: 24px !important;
	}

	.stats,
	.about-stats {
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	.stats > article,
	.about-stats article,
	.sap-stats > article,
	.java-stats > article {
		height: 172px !important;
		min-height: 0 !important;
		padding: 18px 16px !important;
		border-radius: 16px !important;
	}

	.stat-icon,
	.stat-icon.lower,
	.about-stat-icon {
		width: 58px !important;
		height: 58px !important;
		padding: 14px !important;
	}

	.stat-glyph,
	.about-stat-icon img {
		width: 30px !important;
		height: 30px !important;
	}

	.stats b,
	.about-stats strong {
		margin-top: 0 !important;
		font-size: 38px !important;
		line-height: 42px !important;
		letter-spacing: 0 !important;
	}

	.stats .stat-copy > span,
	.about-stats article > span:last-child {
		margin-top: 2px !important;
		font-size: 16px !important;
		line-height: 22px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
	}

	.stat-copy,
	.stat-copy.wide {
		gap: 2px !important;
		margin-top: 12px !important;
	}

	.home .hero {
		min-height: 0 !important;
		height: auto !important;
		padding: 18px 24px 8px !important;
	}

	.home .hero-copy {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
	}

	.home .hero-copy h1,
	.home .hero-copy > p {
		width: 100% !important;
	}

	.home .hero-copy > p {
		margin-top: 20px !important;
	}

	.home .hero-actions {
		gap: 12px !important;
		margin-top: 22px !important;
	}

	.home .hero-rating {
		margin-top: 16px !important;
	}

	.home .hero > img.hero-person {
		top: auto !important;
		bottom: 0 !important;
		right: -330px !important;
		height: 100% !important;
		width: auto !important;
		max-width: none !important;
		opacity: .28 !important;
		object-fit: cover !important;
		object-position: center bottom !important;
	}
}

.floating-contact-actions {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 80;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 12px;
}

.floating-contact-actions .floating-whatsapp,
.floating-contact-actions .floating-call {
	position: static !important;
	inset: auto !important;
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
	transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.floating-contact-actions .floating-whatsapp {
	background: #25d366;
}

.floating-contact-actions .floating-call {
	background: #0f4c81;
}

.floating-contact-actions .floating-whatsapp img,
.floating-contact-actions .floating-call img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.floating-contact-actions .floating-call img {
	filter: brightness(0) invert(1);
}

.floating-contact-actions a:is(:hover, :focus-visible) {
	transform: translateY(-3px);
	box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
	outline: 0;
}

@media (max-width: 650px) {
	.floating-contact-actions {
		right: 10px;
		bottom: 10px;
		gap: 8px;
	}

	.floating-contact-actions .floating-whatsapp,
	.floating-contact-actions .floating-call {
		width: 44px;
		height: 44px;
	}

	.floating-contact-actions .floating-whatsapp img,
	.floating-contact-actions .floating-call img {
		width: 23px;
		height: 23px;
	}
}

@media (max-width: 390px) {
	.site-header .logo,
	.site-header.is-sticky .logo {
		width: 52px !important;
		height: 46px !important;
	}
}