/* =========================================================
   SECTION SPACING — site-wide, compact & consistent
   Loaded last on every page. Uses !important to reliably
   override the theme's per-section padding.
   Desktop 70px -> tablet 55px -> mobile 45px (top & bottom).
   Hero and breadcrumb banners keep their own spacing.
========================================================= */
.works-section,
.portfolio-section,
.services-section,
.skills-section,
.blog-section,
.contact-section,
.apps-section,
.legal-section,
.hs-process-section,
.hs-faq-section {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.hs-cta-section {
	padding-top: 0 !important;
	padding-bottom: 70px !important;
}

/* Tablet & small screens */
@media only screen and (max-width: 991px) {
	.works-section,
	.portfolio-section,
	.services-section,
	.skills-section,
	.blog-section,
	.contact-section,
	.apps-section,
	.legal-section,
	.hs-process-section,
	.hs-faq-section {
		padding-top: 55px !important;
		padding-bottom: 55px !important;
	}
	.hs-cta-section { padding-bottom: 55px !important; }
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.works-section,
	.portfolio-section,
	.services-section,
	.skills-section,
	.blog-section,
	.contact-section,
	.apps-section,
	.legal-section,
	.hs-process-section,
	.hs-faq-section {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}
	.hs-cta-section { padding-bottom: 45px !important; }
}