/* ==========================================================
   PEPPERDOG – MOBILE HEADER + FOOTER (all pages)
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- HEADER: small logo left, blue burger right, soft shadow ---------- */
	#sp-header {
		height: 62px !important;
		background: #fff !important;
		box-shadow: 0 6px 14px rgba(34, 39, 47, 0.07) !important;
	}
	#sp-header > .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sp-header > .container > .container-inner > .row {
		height: 62px;
		margin: 0 !important;
		flex-wrap: nowrap;
		align-items: center;
	}
	#sp-header #sp-logo,
	#sp-header #sp-menu {
		padding: 0 !important;
		height: 62px;
		display: flex;
		align-items: center;
	}
	#sp-header #sp-menu {
		justify-content: flex-end;
	}
	#sp-header #sp-logo .logo {
		height: 62px !important;
		display: flex !important;
		align-items: center;
	}
	#sp-header #sp-logo .logo a {
		display: block;
		line-height: 0;
	}
	#sp-header #sp-logo .logo-image-phone {
		height: 21px !important;
		width: auto !important;
		max-height: none !important;
	}
	/* sticky header keeps the same size when scrolled */
	#sp-header.header-sticky,
	.sticky-header #sp-header {
		height: 62px !important;
	}

	/* ---------- FOOTER: centred contact block ---------- */
	#sp-bottom {
		padding: 35px 0 40px !important;
		border-top: 0 !important;
		background: #fff !important;
		text-align: center;
	}
	#sp-bottom > .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sp-bottom > .container > .container-inner > .row {
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		margin: 0 !important;
	}
	#sp-bottom #sp-bottom1,
	#sp-bottom #sp-bottom2,
	#sp-bottom #sp-bottom3,
	#sp-bottom #sp-bottom4 {
		padding: 0 !important;
		margin: 0 !important;
	}
	#sp-bottom .sp-module {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sp-bottom #sp-bottom1 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-bottom: 35px !important;
	}
	/* logo */
	#sp-bottom #sp-bottom1 .sp-module.footer-logo {
		margin: 0 0 25px !important;
	}
	#sp-bottom #sp-bottom1 .footer-logo .mod-custom p {
		margin: 0 !important;
		line-height: 0 !important;
	}
	#sp-bottom .footer-logo img {
		width: 102px !important;
		height: auto !important;
		margin: 0 auto !important;
		display: block;
	}
	/* "Get in touch" + email / phone / LinkedIn */
	#sp-bottom #sp-bottom1 .sp-module-title {
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 14px !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: center;
	}
	#sp-bottom #sp-bottom1 .mod-custom p {
		font-size: 16px !important;
		line-height: 1.5 !important;
		font-weight: 400 !important;
		color: #22272f !important;
		margin: 0 !important;
		text-align: center;
	}
	#sp-bottom #sp-bottom1 .mod-custom p a {
		color: #22272f !important;
		font-weight: 400 !important;
		text-decoration: none;
	}
	#sp-bottom #sp-bottom1 .mod-custom p.footer-small {
		font-size: 12px !important;
		margin-top: 15px !important;
	}

	/* ---------- FOOTER: Services | Explore side by side ---------- */
	#sp-bottom #sp-bottom2,
	#sp-bottom #sp-bottom3 {
		flex: 0 0 calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		text-align: left;
	}
	#sp-bottom #sp-bottom2 .sp-module-title,
	#sp-bottom #sp-bottom3 .sp-module-title {
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 !important;
		padding: 0 0 8px !important;
		border-bottom: 1px solid #93acc1 !important;
		text-align: left;
	}
	#sp-bottom #sp-bottom2 .menu,
	#sp-bottom #sp-bottom3 .menu {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}
	#sp-bottom #sp-bottom2 .menu li,
	#sp-bottom #sp-bottom3 .menu li {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1;
	}
	#sp-bottom #sp-bottom2 .menu li a,
	#sp-bottom #sp-bottom3 .menu li a {
		display: block;
		padding: 6px 0 !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #22272f !important;
	}
	#sp-bottom #sp-bottom2 .menu li a:hover,
	#sp-bottom #sp-bottom3 .menu li a:hover,
	#sp-bottom #sp-bottom2 .menu li.active > a,
	#sp-bottom #sp-bottom3 .menu li.active > a {
		color: #0077b6 !important;
	}

	/* ---------- FOOTER: badges bottom-right ---------- */
	#sp-bottom #sp-bottom4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-top: 30px !important;
	}
	#sp-bottom #sp-bottom4 .sp-column {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		gap: 14px;
		padding: 0 !important;
	}
	#sp-bottom #sp-bottom4 .mod-custom p {
		margin: 0 !important;
		line-height: 0;
	}
	#sp-bottom #sp-bottom4 img {
		float: none !important;
		display: block;
		padding: 0 !important;
		margin: 0 !important;
		max-width: none !important;
	}
	#sp-bottom #sp-bottom4 .footer-gov img {
		width: 56px !important;
		height: 42px !important;
	}
	#sp-bottom #sp-bottom4 .footer-cyber-logo img {
		width: 50px !important;
		height: auto !important;
	}

	/* ---------- FOOTER: copyright + Privacy | Cookies, left of the badges ---------- */
	#sp-footer {
		position: relative;
		z-index: 1;
		margin-top: -100px !important;   /* badge height (60) + footer bottom padding (40) */
		padding: 0 0 40px !important;
		border-top: 0 !important;
		background: transparent !important;
		pointer-events: none;
	}
	#sp-footer > .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sp-footer .container-inner {
		padding: 0 !important;
		border: 0 !important;
		max-width: calc(100% - 132px);
		min-height: 60px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		pointer-events: auto;
	}
	#sp-footer .container-inner > .row {
		display: block;
		margin: 0 !important;
	}
	#sp-footer #sp-footer1,
	#sp-footer #sp-footer2 {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		text-align: left !important;
	}
	#sp-footer .sp-copyright {
		display: block;
		font-size: 11px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		color: #22272f !important;
		text-align: left;
	}
	#sp-footer #sp-footer2 .sp-module {
		margin: 6px 0 0 !important;
	}
	#sp-footer #sp-footer2 .menu {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sp-footer #sp-footer2 .menu li {
		display: flex !important;
		align-items: center;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sp-footer #sp-footer2 .menu li + li::before {
		content: "|";
		margin: 0 8px;
		font-size: 11px;
		font-weight: 400;
		color: #22272f;
	}
	#sp-footer #sp-footer2 .menu a {
		font-size: 11px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		color: #22272f !important;
		padding: 0 !important;
	}
}


/* ==========================================================
   PEPPERDOG – WEBSITE VISUAL DESIGN PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {
#sp-footer #sp-footer2 {
    text-align: inherit;
    margin-top: 10px;
}
  #sp-footer {
    text-align: center;
padding-left: 30px;
    padding-right: 30px;
}
	/* ---------- Shared ---------- */
	#vdesign-hero-box > .sppb-container-inner,
	#vdesign-hero-box > .sppb-row-container,
	#vdesign-dev > .sppb-row-container,
	#vdesign-portfolios > .sppb-row-container,
	#vdesign-design-your-brand > .sppb-row-container,
	#vdesign-usability > .sppb-row-container,
	#vdesign-colla > .sppb-row-container,
	#vdesign-why > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#vdesign-hero-box .sppb-row-column,
	#vdesign-dev .sppb-row-column,
	#vdesign-portfolios .sppb-row-column,
	#vdesign-design-your-brand .sppb-row-column,
	#vdesign-usability .sppb-row-column,
	#vdesign-colla .sppb-row-column,
	#vdesign-why .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#vdesign-hero-box .sppb-addon-wrapper > .clearfix,
	#vdesign-dev .sppb-addon-wrapper > .clearfix,
	#vdesign-portfolios .sppb-addon-wrapper > .clearfix,
	#vdesign-design-your-brand .sppb-addon-wrapper > .clearfix,
	#vdesign-usability .sppb-addon-wrapper > .clearfix,
	#vdesign-colla .sppb-addon-wrapper > .clearfix,
	#vdesign-why .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#vdesign-dev .sppb-addon-wrapper,
	#vdesign-portfolios .sppb-addon-wrapper,
	#vdesign-design-your-brand .sppb-addon-wrapper,
	#vdesign-usability .sppb-addon-wrapper,
	#vdesign-colla .sppb-addon-wrapper,
	#vdesign-why .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#vdesign-dev .sppb-row,
	#vdesign-portfolios .sppb-row,
	#vdesign-design-your-brand .sppb-row,
	#vdesign-usability .sppb-row,
	#vdesign-colla .sppb-row,
	#vdesign-why .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#vdesign-dev .sppb-row-column,
	#vdesign-dev .sppb-column,
	#vdesign-portfolios .sppb-row-column,
	#vdesign-portfolios .sppb-column,
	#vdesign-design-your-brand .sppb-row-column,
	#vdesign-design-your-brand .sppb-column,
	#vdesign-usability .sppb-row-column,
	#vdesign-usability .sppb-column,
	#vdesign-colla .sppb-row-column,
	#vdesign-colla .sppb-column,
	#vdesign-why .sppb-row-column,
	#vdesign-why .sppb-column {
		padding: 0 !important;
	}
	#vdesign-design-your-brand .sppb-section,
	#vdesign-why .sppb-section {
		margin: 0 !important;
	}

	/* body copy */
	#vdesign-dev .sppb-addon-content p,
	#vdesign-design-your-brand .sppb-addon-content p,
	#vdesign-usability .sppb-addon-content p,
	#vdesign-colla .sppb-addon-content p,
	#vdesign-colla .sppb-addon-text,
	#vdesign-colla .sppb-addon-text p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	#vdesign-dev .sppb-addon-content p:last-child,
	#vdesign-design-your-brand .sppb-addon-content p:last-child,
	#vdesign-usability .sppb-addon-content p:last-child,
	#vdesign-colla .sppb-addon-content p:last-child,
	#vdesign-colla .sppb-addon-text p:last-child {
		margin-bottom: 0 !important;
	}
	/* blue section headings */
	#vdesign-dev h4.sppb-addon-title,
	#vdesign-design-your-brand h4.sppb-addon-title,
	#vdesign-usability #sppb-addon-wrapper-d49c6e67-fd2d-4777-bd18-7a0c440270ca h3.sppb-addon-title,
	#vdesign-colla h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* big statements ("Creativity captures attention." / "Big agency experience.") */
	#vdesign-usability #column-id-6fe79330-3ebc-4b84-8c09-f1d6339f753c h3.sppb-addon-title,
	#vdesign-why #column-id-3c0bf240-fd76-4c4d-af43-00c38c7ba638 .addon-root-heading:not(:first-child) h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}

	/* ---------- 1. HERO ---------- */
	#vdesign-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#vdesign-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#vdesign-hero-box h2.sppb-addon-title br {
		display: none;
	}
	#vdesign-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#vdesign-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#vdesign-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#vdesign-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#vdesign-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#vdesign-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 2. READY FOR DEVELOPMENT + small diagonal arrow ---------- */
	#vdesign-dev {
		padding: 27px 0 30px !important;
		margin: 0 !important;
	}
	#vdesign-dev > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#vdesign-dev h4.sppb-addon-title {
		padding-right: 65px !important;
	}
	#vdesign-dev #column-wrap-id-f3dc8f90-b011-4d82-b7f3-0bcef90f5401 {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#vdesign-dev #column-wrap-id-f3dc8f90-b011-4d82-b7f3-0bcef90f5401 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#vdesign-dev #column-wrap-id-f3dc8f90-b011-4d82-b7f3-0bcef90f5401 img {
		height: auto !important;
	}

	/* ---------- 3. PORTFOLIO CAROUSEL (dark band) ---------- */
	#vdesign-portfolios {
		padding: 30px 0 !important;
		margin: 0 !important;
	}
	#vdesign-portfolios .addon-root-image-carousel {
		padding-bottom: 50px !important;
	}
	/* prev / next arrows sit off-screen on mobile – move them under the slides */
	#vdesign-portfolios .sppb-carousel-extended-nav-control {
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 40px;
		top: auto !important;
		bottom: -45px !important;
		left: 0 !important;
		width: 100% !important;
		height: 30px !important;
		transform: none !important;
	}
	#vdesign-portfolios .sppb-carousel-extended-nav-control .nav-control {
		position: static !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 30px !important;
		height: 30px !important;
		margin: 0 !important;
		transform: none !important;
	}

	/* ---------- 4. DESIGNED AROUND YOUR BRAND (text › video › white cards) ---------- */
	#vdesign-design-your-brand {
		padding: 30px 0 7px !important;
		margin: 0 !important;
	}
	#vdesign-design-your-brand #sppb-addon-wrapper-ea5d6e6d-bebc-4897-98c2-905459f318ba {
		margin: 25px -20px 30px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#vdesign-design-your-brand #column-id-41b72275-16b9-4fab-bd32-097a2e19c1f5 > .sppb-column-addons > .sppb-section {
		background: #fff !important;
		padding: 30px !important;
		margin: 0 0 23px !important;
	}
	#vdesign-design-your-brand #column-id-41b72275-16b9-4fab-bd32-097a2e19c1f5 .sppb-nested-row {
		margin: 0 !important;
	}
	#vdesign-design-your-brand #column-id-41b72275-16b9-4fab-bd32-097a2e19c1f5 .sppb-addon-content ul {
		margin: 0 !important;
		padding: 0 0 0 18px !important;
	}
	#vdesign-design-your-brand #column-id-41b72275-16b9-4fab-bd32-097a2e19c1f5 .sppb-addon-content li {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 4px !important;
	}
	#vdesign-design-your-brand #column-id-41b72275-16b9-4fab-bd32-097a2e19c1f5 .sppb-addon-content li:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 5. WHERE CREATIVITY MEETS USABILITY (text › statements › photo) ----------
	   Both columns are opened up (display: contents) so their parts can be re-ordered. */
	#vdesign-usability {
		padding: 30px 0 0 !important;
		margin: 0 !important;
	}
	#vdesign-usability > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
	}
	#vdesign-usability #column-wrap-id-fd64add7-8bad-48b4-8123-176a01389f6c,
	#vdesign-usability #column-id-fd64add7-8bad-48b4-8123-176a01389f6c,
	#vdesign-usability #column-id-fd64add7-8bad-48b4-8123-176a01389f6c > .sppb-column-addons {
		display: contents !important;
	}
	#vdesign-usability #sppb-addon-wrapper-d49c6e67-fd2d-4777-bd18-7a0c440270ca { order: 1; }   /* text */
	#vdesign-usability #column-wrap-id-6fe79330-3ebc-4b84-8c09-f1d6339f753c { order: 2; }        /* statements */
	#vdesign-usability #sppb-addon-wrapper-9ed4925a-e074-4e5a-b8e8-691a7df3c5bb { order: 3; }   /* Lisa photo */

	#vdesign-usability #column-wrap-id-6fe79330-3ebc-4b84-8c09-f1d6339f753c {
		margin: 47px 0 30px !important;
	}
	#vdesign-usability #column-id-6fe79330-3ebc-4b84-8c09-f1d6339f753c > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#vdesign-usability #column-id-6fe79330-3ebc-4b84-8c09-f1d6339f753c .addon-root-heading {
		position: relative;
		z-index: 1;
	}
	#vdesign-usability #sppb-addon-wrapper-c84ebb3a-2fd4-4995-a557-c4936499b467 {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 100px !important;
		margin: 0 !important;
	}
	#vdesign-usability #sppb-addon-wrapper-c84ebb3a-2fd4-4995-a557-c4936499b467 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: none !important;
	}
	#vdesign-usability #sppb-addon-wrapper-c84ebb3a-2fd4-4995-a557-c4936499b467 img {
		width: 100px !important;
		height: auto !important;
	}
	/* Lisa photo – full width */
	#vdesign-usability #sppb-addon-wrapper-9ed4925a-e074-4e5a-b8e8-691a7df3c5bb {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#vdesign-usability #sppb-addon-wrapper-9ed4925a-e074-4e5a-b8e8-691a7df3c5bb * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#vdesign-usability #sppb-addon-wrapper-9ed4925a-e074-4e5a-b8e8-691a7df3c5bb .sppb-addon-single-image-container {
		display: block !important;
	}
	#vdesign-usability #sppb-addon-wrapper-9ed4925a-e074-4e5a-b8e8-691a7df3c5bb img {
		height: 220px !important;
		object-fit: cover;
		object-position: center 25%;
		display: block;
	}

	/* ---------- 6. COLLABORATING (grey) + NO, WE DON'T WRITE THE CODE (dark) ---------- */
	#vdesign-colla {
		padding: 30px 0 0 !important;
		margin: 0 !important;
	}
	#vdesign-colla #column-wrap-id-161f3fae-7ce6-4920-b36c-cbb50c280c7f {
		margin: 30px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
	}
	#vdesign-colla #column-id-161f3fae-7ce6-4920-b36c-cbb50c280c7f {
		padding: 30px 20px !important;
		height: auto !important;
	}
	#vdesign-colla .addon-root-feature,
	#vdesign-colla .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	#vdesign-colla .addon-root-feature .sppb-icon,
	#vdesign-colla .addon-root-feature .sppb-img-container {
		display: block;
		margin: 0 0 20px !important;
		text-align: left !important;
	}
	#vdesign-colla .addon-root-feature img {
		width: 50px !important;
		height: auto !important;
		margin: 0 !important;
	}
	#vdesign-colla .addon-root-feature h3.sppb-feature-box-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
	}
	#vdesign-colla .addon-root-feature h3.sppb-feature-box-title br {
		display: none;
	}

	/* ---------- 7. WHY CHOOSE PEPPERDOG? (statements + checklist band) ---------- */
	#vdesign-why {
		padding: 30px 0 0 !important;
		margin: 0 !important;
	}
	#vdesign-why #column-id-3c0bf240-fd76-4c4d-af43-00c38c7ba638 > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#vdesign-why #sppb-addon-wrapper-1440991e-20ed-4bc4-b74e-d92c79bf35d8 {
		margin-bottom: 30px !important;
	}
	#vdesign-why #sppb-addon-wrapper-1440991e-20ed-4bc4-b74e-d92c79bf35d8 h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#vdesign-why #column-id-3c0bf240-fd76-4c4d-af43-00c38c7ba638 .addon-root-heading {
		position: relative;
		z-index: 1;
	}
	/* straight down arrow on the right of the statements (desktop rotates it) */
	#vdesign-why #sppb-addon-wrapper-a02cb97d-ae47-4412-834a-7bea632e1fce {
		position: absolute !important;
		top: 106px;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#vdesign-why #sppb-addon-wrapper-a02cb97d-ae47-4412-834a-7bea632e1fce * {
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		width: 100% !important;
		max-width: none !important;
	}
	#vdesign-why #sppb-addon-wrapper-a02cb97d-ae47-4412-834a-7bea632e1fce img {
		width: 152px !important;
		height: auto !important;
	}
	/* checklist – full-width grey band */
	#vdesign-why .checklist-box {
		margin: 30px 0 0 !important;
		padding: 6px 0 !important;
		background: #eef2f6 !important;
		box-shadow: 0 0 0 100vmax #eef2f6 !important;
		clip-path: inset(0 -100vmax) !important;
	}
	#vdesign-why .checklist-box .sppb-nested-row {
		margin: 0 !important;
	}
	#vdesign-why .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#vdesign-why .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#vdesign-why .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#vdesign-why .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#vdesign-why .addon-root-feature .pull-left * {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 0 !important;
	}
	#vdesign-why .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
		display: block;
	}
	#vdesign-why .addon-root-feature .sppb-media-body,
	#vdesign-why .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#vdesign-why .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#vdesign-why .addon-root-feature .sppb-addon-text:empty,
	#vdesign-why .addon-root-feature .sppb-addon-text:not(:has(:not(:empty))) {
		display: none;
	}
}


/* ==========================================================
   PEPPERDOG – SECTORS PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#sectors-hero-box > .sppb-container-inner,
	#sectors-hero-box > .sppb-row-container,
	#sectors-showcase > .sppb-row-container,
	#sectors-our-work-heading > .sppb-row-container,
	#sectors-portfolios > .sppb-row-container,
	#sectors-exp > .sppb-row-container,
	#sectors-clients > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sectors-hero-box .sppb-row-column,
	#sectors-showcase .sppb-row-column,
	#sectors-portfolios .sppb-row-column,
	#sectors-exp .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#sectors-hero-box .sppb-addon-wrapper > .clearfix,
	#sectors-showcase .sppb-addon-wrapper > .clearfix,
	#sectors-our-work-heading .sppb-addon-wrapper > .clearfix,
	#sectors-portfolios .sppb-addon-wrapper > .clearfix,
	#sectors-exp .sppb-addon-wrapper > .clearfix,
	#sectors-clients .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#sectors-showcase .sppb-addon-wrapper,
	#sectors-portfolios .sppb-addon-wrapper,
	#sectors-exp .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-addon-content p,
	#sectors-portfolios .sppb-addon-text-block,
	#sectors-exp .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	#sectors-portfolios .sppb-addon-content p,
	#sectors-exp .sppb-addon-content p {
		margin: 0 0 8px !important;
	}

	/* ---------- 1. HERO (same as About) ---------- */
	#sectors-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#sectors-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#sectors-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#sectors-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#sectors-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#sectors-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#sectors-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#sectors-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		object-position: 60% center;
		display: block;
	}

	/* ---------- 2. SHOWCASE INTRO + small diagonal arrow ---------- */
	#sectors-showcase {
		padding: 27px 0 29px !important;
	}
	#sectors-showcase > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#sectors-showcase h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 65px 0 0 !important;
	}
	#sectors-showcase .sppb-row-column:last-child {
		position: absolute !important;
		top: 3px;
		right: 15px;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#sectors-showcase .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#sectors-showcase .sppb-row-column:last-child img {
		height: auto !important;
	}

	/* ---------- 3. "OUR WORK" bar (same as "Our services") ---------- */
	#sectors-our-work-heading {
		padding: 9px 0 !important;
	}
	#sectors-our-work-heading .sppb-addon-header {
		text-align: center !important;
	}
	#sectors-our-work-heading h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 33px !important;
		font-weight: 400 !important;
		text-align: center !important;
		margin: 0 !important;
	}

	/* ---------- 4. PORTFOLIO ACCORDION ---------- */
	#sectors-portfolios {
		padding: 8px 0 30px !important;
	}
	#sectors-portfolios .sppb-panel {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #c6d4df !important;
	}
	/* heading: title left, arrow right */
	#sectors-portfolios .sppb-panel-heading {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		width: 100%;
		padding: 16px 0 !important;
		text-align: left;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-panel-title {
		flex: 1 1 auto;
		order: 1;
		font-size: 18px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-accordion-icon-wrap {
		flex: 0 0 20px;
		order: 2;
		width: 20px !important;
		height: 20px !important;
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-accordion-image {
		width: 17px !important;
		height: 17px !important;
	}
	/* open panel body */
	#sectors-portfolios .sppb-panel-body {
		padding: 0 0 30px !important;
		border: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-section {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-nested-row {
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-row-column,
	#sectors-portfolios .sppb-panel-collapse .sppb-column {
		padding: 0 !important;
	}
	/* image carousel + round dots */
	#sectors-portfolios .addon-root-image-carousel {
		margin-bottom: 40px !important;
	}
	#sectors-portfolios .sppb-carousel-extended-list,
	#sectors-portfolios .sppb-carousel-extended-item img {
		height: 220px !important;
	}
	#sectors-portfolios .sppb-carousel-extended-item img {
		width: 100% !important;
		object-fit: cover;
	}
	#sectors-portfolios .sppb-carousel-extended-dots {
		bottom: -28px !important;
		top: auto !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots ul {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li {
		width: 10px !important;
		height: 10px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		background: transparent !important;
		overflow: hidden;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li .sppb-carousel-extended-dot-indicator {
		width: 10px !important;
		height: 10px !important;
		border-radius: 50% !important;
		background-color: #c6d4df !important;
		opacity: 1 !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li.active .sppb-carousel-extended-dot-indicator,
	#sectors-portfolios .sppb-carousel-extended-dots li .sppb-carousel-extended-dot-indicator.active {
		background-color: #0077b6 !important;
	}
	/* intro text */
	#sectors-portfolios .addon-root-text-block {
		margin-bottom: 20px !important;
	}
	/* the two checklists join into one grey box */
	#sectors-portfolios .checklist-box {
		margin: 0 !important;
		padding: 0 20px !important;
		background: #eef2f6 !important;
	}
	#sectors-portfolios .sppb-nested-row.sppb-no-gutter > .sppb-row-column:first-child .checklist-box {
		padding-top: 6px !important;
	}
	#sectors-portfolios .sppb-nested-row.sppb-no-gutter > .sppb-row-column:last-child .checklist-box {
		padding-bottom: 6px !important;
		border-top: 1px solid #93acc1;
	}
	#sectors-portfolios .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#sectors-portfolios .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-media-body,
	#sectors-portfolios .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-addon-text:empty {
		display: none;
	}

	/* ---------- 5. EXPERIENCE THAT BUILDS CONFIDENCE ---------- */
	#sectors-exp {
		padding: 30px 0 22px !important;
	}
	#sectors-exp > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#sectors-exp h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 65px 0 0 !important;
	}
	#sectors-exp .sppb-row-column:last-child {
		position: absolute !important;
		top: 0;
		right: 15px;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#sectors-exp .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#sectors-exp .sppb-row-column:last-child img {
		height: auto !important;
	}

	/* ---------- 6. TRUSTED BY (logo slider, same as Home) ---------- */
	#sectors-clients {
		padding: 23px 0 40px !important;
	}
	#sectors-clients > .sppb-row-container {
		position: relative;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child {
		position: absolute !important;
		top: 0;
		left: 20px;
		right: 20px;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-header,
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-title {
		font-size: 12px !important;
		line-height: 1.4 !important;
		text-align: center !important;
		margin: 0 !important;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child br {
		display: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin: 0 !important;
		padding-top: 45px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row::-webkit-scrollbar {
		display: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:not(:first-child) {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: center;
		padding: 0 !important;
		height: 75px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#sectors-clients .addon-root-image,
	#sectors-clients .addon-root-image * {
		margin: 0 auto !important;
		text-align: center !important;
	}
	#sectors-clients .addon-root-image img {
		width: 170px !important;
		max-width: 100% !important;
		height: 62px !important;
		object-fit: contain;
	}

	/* ---------- 7. "No, this isn't everything…" + blue CTA ----------
	   Uses the shared #home-footer-contact rules from the About CSS. */
}


/* ==========================================================
   PEPPERDOG – PRINT MANAGEMENT PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#print-hero-box > .sppb-container-inner,
	#print-web-visuals > .sppb-row-container,
	#print-two-cta > .sppb-row-container,
	#print-before-print > .sppb-row-container,
	#print-inde > .sppb-row-container,
	#print-handbook > .sppb-row-container,
	#print-three-imgs > .sppb-row-container,
	#print-us > .sppb-row-container,
	#print-what-we-produce > .sppb-row-container,
	#print-paper > .sppb-row-container,
	#print-quality > .sppb-row-container,
	#print-why-choose > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#print-hero-box .sppb-row,
	#print-web-visuals .sppb-row,
	#print-two-cta .sppb-row,
	#print-before-print .sppb-row,
	#print-inde .sppb-row,
	#print-handbook .sppb-row,
	#print-three-imgs .sppb-row,
	#print-us .sppb-row,
	#print-one-img .sppb-row,
	#print-what-we-produce .sppb-row,
	#print-paper .sppb-row,
	#print-quality .sppb-row,
	#print-why-choose .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#print-hero-box .sppb-row-column,
	#print-web-visuals .sppb-row-column,
	#print-two-cta .sppb-row-column,
	#print-before-print .sppb-row-column,
	#print-inde .sppb-row-column,
	#print-handbook .sppb-row-column,
	#print-us .sppb-row-column,
	#print-one-img .sppb-row-column,
	#print-what-we-produce .sppb-row-column,
	#print-paper .sppb-row-column,
	#print-quality .sppb-row-column,
	#print-why-choose .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#print-hero-box .sppb-addon-wrapper > .clearfix,
	#print-web-visuals .sppb-addon-wrapper > .clearfix,
	#print-two-cta .sppb-addon-wrapper > .clearfix,
	#print-before-print .sppb-addon-wrapper > .clearfix,
	#print-inde .sppb-addon-wrapper > .clearfix,
	#print-handbook .sppb-addon-wrapper > .clearfix,
	#print-three-imgs .sppb-addon-wrapper > .clearfix,
	#print-us .sppb-addon-wrapper > .clearfix,
	#print-one-img .sppb-addon-wrapper > .clearfix,
	#print-what-we-produce .sppb-addon-wrapper > .clearfix,
	#print-paper .sppb-addon-wrapper > .clearfix,
	#print-quality .sppb-addon-wrapper > .clearfix,
	#print-why-choose .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#print-web-visuals .sppb-addon-wrapper,
	#print-two-cta .sppb-addon-wrapper,
	#print-before-print .sppb-addon-wrapper,
	#print-inde .sppb-addon-wrapper,
	#print-handbook .sppb-addon-wrapper,
	#print-three-imgs .sppb-addon-wrapper,
	#print-us .sppb-addon-wrapper,
	#print-one-img .sppb-addon-wrapper,
	#print-what-we-produce .sppb-addon-wrapper,
	#print-paper .sppb-addon-wrapper,
	#print-quality .sppb-addon-wrapper,
	#print-why-choose .sppb-addon-wrapper {
		margin: 0 !important;
	}
	/* nested sections / rows: no desktop spacing */
	#print-before-print .sppb-section,
	#print-inde .sppb-section,
	#print-why-choose .sppb-section {
		margin: 0 !important;
		padding: 0 !important;
	}
	#print-before-print .sppb-nested-row,
	#print-inde .sppb-nested-row,
	#print-why-choose .sppb-nested-row {
		margin: 0 !important;
	}
	#print-before-print .sppb-column,
	#print-inde .sppb-column {
		padding: 0 !important;
	}
	/* empty builder columns */
	#print-before-print .sppb-row-column:not(:has(.sppb-addon-wrapper)),
	#print-three-imgs .sppb-row-column:not(:has(.sppb-addon-wrapper)) {
		display: none !important;
	}
	/* body copy + lists */
	#print-web-visuals .sppb-addon-content p,
	#print-two-cta .sppb-addon-text,
	#print-two-cta .sppb-addon-text p,
	#print-before-print .sppb-addon-content p,
	#print-inde .sppb-addon-content p,
	#print-handbook .sppb-addon-content p,
	#print-us .sppb-addon-content p,
	#print-what-we-produce .sppb-addon-content p,
	#print-paper .sppb-addon-content p,
	#print-quality .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	#print-inde .sppb-addon-content ul,
	#print-us .sppb-addon-content ul {
		margin: 0 0 8px !important;
		padding: 0 0 0 16px !important;
	}
	#print-inde .sppb-addon-content li,
	#print-us .sppb-addon-content li {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* blue section headings */
	#print-web-visuals h4.sppb-addon-title,
	#print-two-cta h4.sppb-addon-title,
	#print-before-print h4.sppb-addon-title,
	#print-inde h4.sppb-addon-title,
	#print-us h4.sppb-addon-title,
	#print-what-we-produce .addon-root-text-block h4.sppb-addon-title,
	#print-quality h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* big statement lines */
	#print-handbook h3.sppb-addon-title,
	#print-paper h3.sppb-addon-title,
	#print-what-we-produce h3.sppb-addon-title,
	#print-why-choose #column-id-bf3dcea5-a459-4c5d-a3b9-50c133a9b760 h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#print-handbook h3.sppb-addon-title,
	#print-paper h3.sppb-addon-title {
		margin: 0 0 14px !important;
	}
	#print-what-we-produce .addon-root-heading,
	#print-why-choose .addon-root-heading {
		margin: 0 !important;
	}
	/* outline buttons */
	#print-two-cta .sppb-btn {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 10px 50px 10px 12px !important;
		text-align: left !important;
		border-radius: 0 !important;
		white-space: normal;
	}
	/* full-width photos (bleed to the screen edge) */
	#print-handbook #column-wrap-id-769bab4c-fecb-46c0-ae4c-9258d3c45eef,
	#print-paper #column-wrap-id-08da6607-722b-47a8-8d02-00c80ca46eaa,
	#print-quality #column-wrap-id-8611622d-c39d-48e9-8be8-90b3449ccfc8 {
		margin: 0 -20px 27px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		order: -1;
	}
	#print-handbook > .sppb-row-container > .sppb-row,
	#print-paper > .sppb-row-container > .sppb-row,
	#print-quality > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
	}
	#print-handbook #column-wrap-id-769bab4c-fecb-46c0-ae4c-9258d3c45eef *,
	#print-paper #column-wrap-id-08da6607-722b-47a8-8d02-00c80ca46eaa *,
	#print-quality #column-wrap-id-8611622d-c39d-48e9-8be8-90b3449ccfc8 *,
	#print-one-img .sppb-row-column * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#print-handbook .sppb-addon-single-image-container,
	#print-paper .sppb-addon-single-image-container,
	#print-quality .sppb-addon-single-image-container,
	#print-one-img .sppb-addon-single-image-container,
	#print-before-print .sppb-addon-single-image-container,
	#print-inde .sppb-addon-single-image-container,
	#print-us .sppb-addon-single-image-container {
		display: block !important;
	}
	#print-handbook #column-wrap-id-769bab4c-fecb-46c0-ae4c-9258d3c45eef img,
	#print-paper #column-wrap-id-08da6607-722b-47a8-8d02-00c80ca46eaa img,
	#print-quality #column-wrap-id-8611622d-c39d-48e9-8be8-90b3449ccfc8 img,
	#print-one-img img {
		height: 210px !important;
		object-fit: cover !important;
		display: block;
	}
	/* small diagonal outline arrows top-right beside a heading */
	#print-web-visuals > .sppb-row-container > .sppb-row,
	#print-before-print #section-id-8688d310-d0dc-452b-9b80-0f7c709a2226 > .sppb-container-inner > .sppb-nested-row,
	#print-three-imgs > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#print-web-visuals #column-wrap-id-c34404b6-23a2-4c28-b93e-f4959d1c2717,
	#print-before-print #column-wrap-id-6564394b-c502-4d20-aa2b-e961c562fc08,
	#print-three-imgs #column-wrap-id-f18fe42c-1d49-4345-9905-7f1debc943d1 {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		max-width: none !important;
		flex: none !important;
		padding: 0 !important;
	}
	#print-web-visuals #column-wrap-id-c34404b6-23a2-4c28-b93e-f4959d1c2717 *,
	#print-before-print #column-wrap-id-6564394b-c502-4d20-aa2b-e961c562fc08 *,
	#print-three-imgs #column-wrap-id-f18fe42c-1d49-4345-9905-7f1debc943d1 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#print-web-visuals #column-wrap-id-c34404b6-23a2-4c28-b93e-f4959d1c2717 img,
	#print-before-print #column-wrap-id-6564394b-c502-4d20-aa2b-e961c562fc08 img,
	#print-three-imgs #column-wrap-id-f18fe42c-1d49-4345-9905-7f1debc943d1 img {
		height: auto !important;
	}

	/* ---------- 1. HERO ---------- */
	#print-hero-box #column-id-7afe45f6-a0ba-427c-9ab2-d36cdfcef4b2 {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#print-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#print-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#print-hero-box h2.sppb-addon-title br,
	#print-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#print-hero-box .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#print-hero-box #column-wrap-id-92741ff1-20c3-4832-a1b5-1aeafa5394eb {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#print-hero-box #column-wrap-id-92741ff1-20c3-4832-a1b5-1aeafa5394eb * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#print-hero-box #column-wrap-id-92741ff1-20c3-4832-a1b5-1aeafa5394eb .sppb-addon-single-image-container {
		display: block !important;
	}
	#print-hero-box #column-wrap-id-92741ff1-20c3-4832-a1b5-1aeafa5394eb img {
		height: 200px !important;
		object-fit: cover;
		object-position: center 40%;
		display: block;
	}

	/* ---------- 2. DESIGN AND PRINT OR PRINT ONLY + small diagonal arrow ---------- */
	#print-web-visuals {
		padding: 27px 0 22px !important;
	}
	#print-web-visuals h4.sppb-addon-title {
		padding-right: 65px !important;
	}

	/* ---------- 3. TWO WHITE CARDS ON MID-GREY ---------- */
	#print-two-cta {
		padding: 30px 0 !important;
	}
	#print-two-cta > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
		gap: 23px;
	}
	#print-two-cta #column-id-f7ecaf19-3c0e-4339-b996-97735092ac56,
	#print-two-cta #column-id-fdeca190-71c9-4975-a8de-310bf6d289a1 {
		padding: 30px !important;
	}
	#print-two-cta .addon-root-feature .sppb-img-container,
	#print-two-cta .addon-root-feature .sppb-icon {
		margin: 0 auto !important;
		display: block;
		text-align: center;
	}
	#print-two-cta .addon-root-feature img {
		width: 60px !important;
		height: 60px !important;
		margin: 0 auto !important;
	}
	#print-two-cta .addon-root-feature .sppb-media-content,
	#print-two-cta .addon-root-feature .sppb-addon-image-layout-content {
		padding: 0 !important;
		margin: 0 !important;
	}
	#print-two-cta h4.sppb-feature-box-title {
		margin: 23px 0 12px !important;
	}
	#print-two-cta .addon-root-button {
		margin-top: 22px !important;
	}

	/* ---------- 4. VISUALISE BEFORE YOU PRINT + gallery ---------- */
	#print-before-print {
		padding: 27px 0 30px !important;
	}
	#print-before-print h4.sppb-addon-title {
		padding-right: 65px !important;
	}
	#print-before-print #column-wrap-id-38cc2251-d6ba-4eb6-a496-844cdaaa4962 {
		margin-bottom: 22px !important;
	}
	/* gallery: mockup full width, then pairs, the wide banner full width */
	#print-before-print .sppb-nested-row {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
	}
	#print-before-print #section-id-8688d310-d0dc-452b-9b80-0f7c709a2226,
	#print-before-print #section-id-5f6e7640-3481-4f70-bc2b-f6ca3b2624c2 {
		margin-bottom: 10px !important;
	}
	#print-before-print #section-id-5f6e7640-3481-4f70-bc2b-f6ca3b2624c2 .sppb-row-column,
	#print-before-print #section-id-286fe4a8-57a8-4bf2-8ba1-cb6949bafeac .sppb-row-column {
		flex: 0 0 calc(50% - 5px) !important;
		max-width: calc(50% - 5px) !important;
	}
	#print-before-print #section-id-5f6e7640-3481-4f70-bc2b-f6ca3b2624c2 #column-wrap-id-d21684b5-1c12-4f7f-8fa6-91e3105cc6a1 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	#print-before-print .addon-root-image,
	#print-before-print .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		transform: none !important;
		position: static !important;
	}
	#print-before-print .addon-root-image img {
		height: 150px !important;
		object-fit: cover;
		display: block;
	}
	#print-before-print #column-wrap-id-f0474fc1-9f65-4fda-8a4e-1b9246590568 img,
	#print-before-print #column-wrap-id-d21684b5-1c12-4f7f-8fa6-91e3105cc6a1 img {
		height: 200px !important;
	}

	/* ---------- 5. INDEPENDENT PRINT ADVICE / SPECIFICATION (mid-grey) ---------- */
	#print-inde {
		padding: 30px 0 !important;
	}
	#print-inde #section-id-3860b3c5-d2d2-4c2c-aaf0-72403f0ff51e {
		margin-bottom: 23px !important;
	}
	#print-inde #sppb-addon-0bd50df1-11c7-43c8-9f53-b668af957fd4,
	#print-inde #sppb-addon-370e69de-02d2-4150-a91e-affd8bad90ed {
		padding: 30px !important;
	}
	#print-inde .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}
	#print-inde .addon-root-video .sppb-addon-video,
	#print-inde .addon-root-video .sppb-video-block {
		margin: 0 !important;
	}
	#print-inde #column-wrap-id-04925f39-253d-4c57-88ac-5eee85effb4b .addon-root-image,
	#print-inde #column-wrap-id-04925f39-253d-4c57-88ac-5eee85effb4b .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#print-inde #column-wrap-id-04925f39-253d-4c57-88ac-5eee85effb4b img {
		height: 210px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 6. HANDBOOK IN WATER (dark) ---------- */
	#print-handbook {
		padding: 0 0 22px !important;
	}
	#print-handbook #column-id-fe79bcf4-01c9-4be3-9bbf-85994d16d81d {
		padding: 0 !important;
	}

	/* ---------- 7. FSC / ECO ICONS + arrow ---------- */
	#print-three-imgs {
		padding: 30px 0 0 !important;
	}
	#print-three-imgs > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
	}
	#print-three-imgs #column-wrap-id-0706b485-1df0-459d-8434-fcad1f689f6e,
	#print-three-imgs #column-wrap-id-d8fab87c-3425-40ec-9eb3-e6923c8446ec {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#print-three-imgs #column-wrap-id-0706b485-1df0-459d-8434-fcad1f689f6e *,
	#print-three-imgs #column-wrap-id-d8fab87c-3425-40ec-9eb3-e6923c8446ec * {
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	#print-three-imgs #column-wrap-id-0706b485-1df0-459d-8434-fcad1f689f6e img,
	#print-three-imgs #column-wrap-id-d8fab87c-3425-40ec-9eb3-e6923c8446ec img {
		width: auto !important;
		height: 45px !important;
		max-width: none !important;
		display: block;
	}

	/* ---------- 8. SUSTAINABLE PRINT CHOICES ---------- */
	#print-us {
		padding: 25px 0 30px !important;
	}
	#print-us #column-id-3d6f1134-a7ac-4b70-afc4-93dfcd3d9558,
	#print-us #column-id-e0a42747-3a3a-481a-b798-991e076738b3 {
		padding: 0 !important;
	}
	#print-us #sppb-addon-wrapper-866d2f8b-1ec4-47da-bd62-0de3361fc015 {
		margin-top: 22px !important;
	}
	#print-us #column-wrap-id-e0a42747-3a3a-481a-b798-991e076738b3 {
		margin-top: 22px;
	}
	#print-us #column-id-e0a42747-3a3a-481a-b798-991e076738b3 > .sppb-column-addons {
		display: flex;
		gap: 10px;
	}
	#print-us #column-id-e0a42747-3a3a-481a-b798-991e076738b3 .addon-root-image {
		flex: 1 1 0;
		min-width: 0;
	}
	#print-us .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#print-us .addon-root-image img {
		height: 150px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 9. FULL-WIDTH PHOTO ---------- */
	#print-one-img,
	#print-one-img > .sppb-container-inner {
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* ---------- 10. WHAT WE PRODUCE (grey, white cards) ---------- */
	#print-what-we-produce {
		padding: 30px 0 !important;
	}
	#print-what-we-produce #column-id-7b3316a4-8984-47a5-bed2-ae431afc8dc7 > .sppb-column-addons {
		position: relative;
		padding-right: 65px;
	}
	#print-what-we-produce h3.sppb-addon-title {
		color: #0077b6 !important;
	}
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a {
		position: absolute !important;
		top: 6px;
		right: 0;
		width: 50px !important;
	}
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a .clearfix,
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a .sppb-addon,
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a .sppb-addon-content,
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a .sppb-addon-single-image-container,
	#print-what-we-produce #sppb-addon-wrapper-3ccc4eda-e329-450f-878b-89d210cfd98a img {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
		height: auto !important;
	}
	#print-what-we-produce #column-wrap-id-7b3316a4-8984-47a5-bed2-ae431afc8dc7 {
		margin-bottom: 27px;
	}
	#print-what-we-produce #column-id-9a25cb2d-2efc-4ea6-8cab-efc028a56d9a > .sppb-column-addons {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	#print-what-we-produce #sppb-addon-a8870af4-31f7-4dd0-9369-3984f4b58a99,
	#print-what-we-produce #sppb-addon-a0908dcf-1c9b-4ae7-9aab-10a69e44f95d,
	#print-what-we-produce #sppb-addon-58888968-5649-4b81-ae21-7b71bc1de4b3 {
		padding: 25px 30px !important;
	}
	#print-what-we-produce .addon-root-text-block p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 11. PAPER STILL MATTERS (dark) ---------- */
	#print-paper {
		padding: 0 0 22px !important;
	}
	#print-paper #sppb-addon-wrapper-16f6bfc9-c053-47c9-82b8-634df78e6300 {
		padding: 0 !important;
	}

	/* ---------- 12. QUALITY FROM START TO FINISH (grey) ---------- */
	#print-quality {
		padding: 0 0 22px !important;
	}

	/* ---------- 13. WHY CHOOSE PEPPERDOG? + checklist ---------- */
	#print-why-choose {
		padding: 28px 0 0 !important;
	}
	#print-why-choose #column-id-bf3dcea5-a459-4c5d-a3b9-50c133a9b760 .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#print-why-choose #sppb-addon-wrapper-f58fc78c-d11f-43bb-96b4-53fb9483af5e {
		margin-bottom: 41px !important;
	}
	#print-why-choose #sppb-addon-wrapper-f58fc78c-d11f-43bb-96b4-53fb9483af5e h3.sppb-addon-title {
		color: #0077b6 !important;
	}
	/* straight down arrow beside Big agency / Personal / Direct */
	#print-why-choose #sppb-addon-wrapper-6dd8ba9c-6ae6-4700-83dd-742ab826f79d {
		position: absolute !important;
		right: 0;
		bottom: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#print-why-choose #sppb-addon-wrapper-6dd8ba9c-6ae6-4700-83dd-742ab826f79d * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		transform: none !important;
	}
	#print-why-choose #sppb-addon-wrapper-6dd8ba9c-6ae6-4700-83dd-742ab826f79d img {
		width: 152px !important;
		max-width: none !important;
		height: auto !important;
	}
	#print-why-choose #column-wrap-id-bf3dcea5-a459-4c5d-a3b9-50c133a9b760 {
		margin-bottom: 30px;
	}
	/* checklist – full-width grey band */
	#print-why-choose .checklist-box {
		margin: 0 !important;
		padding: 16px 0 30px !important;
		background: #eef2f6 !important;
		box-shadow: 0 0 0 100vmax #eef2f6 !important;
		clip-path: inset(0 -100vmax);
	}
	#print-why-choose .checklist-box .sppb-row-column,
	#print-why-choose .checklist-box .sppb-column {
		margin: 0 !important;
		padding: 0 !important;
	}
	#print-why-choose .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#print-why-choose .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#print-why-choose .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#print-why-choose .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#print-why-choose .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
	}
	#print-why-choose .addon-root-feature .sppb-media-body,
	#print-why-choose .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#print-why-choose .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#print-why-choose .addon-root-feature .sppb-addon-text:empty,
	#print-why-choose .addon-root-feature .sppb-addon-text:has(> p:only-child:empty) {
		display: none !important;
	}

	/* ---------- 14. CTA ----------
	   Uses the shared #home-footer-contact rules. */
}


/* ==========================================================
   PEPPERDOG – GRAPHIC DESIGN PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#graphic-hero-box > .sppb-container-inner,
	#graphic-hero-box > .sppb-row-container,
	#graphic-clarity > .sppb-row-container,
	#graphic-clients > .sppb-row-container,
	#graphic-services-heading > .sppb-row-container,
	#graphic-services > .sppb-row-container,
	#graphic-cta > .sppb-row-container,
	#graphic-more > .sppb-row-container,
	#graphic-we-ask > .sppb-row-container,
	#graphic-why-choose > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#graphic-hero-box .sppb-row-column,
	#graphic-clarity .sppb-row-column,
	#graphic-services-heading .sppb-row-column,
	#graphic-services .sppb-row-column,
	#graphic-cta .sppb-row-column,
	#graphic-more .sppb-row-column,
	#graphic-we-ask .sppb-row-column,
	#graphic-why-choose .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#graphic-hero-box .sppb-addon-wrapper > .clearfix,
	#graphic-clarity .sppb-addon-wrapper > .clearfix,
	#graphic-clients .sppb-addon-wrapper > .clearfix,
	#graphic-services-heading .sppb-addon-wrapper > .clearfix,
	#graphic-services .sppb-addon-wrapper > .clearfix,
	#graphic-cta .sppb-addon-wrapper > .clearfix,
	#graphic-more .sppb-addon-wrapper > .clearfix,
	#graphic-we-ask .sppb-addon-wrapper > .clearfix,
	#graphic-why-choose .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#graphic-clarity .sppb-addon-wrapper,
	#graphic-services .sppb-addon-wrapper,
	#graphic-cta .sppb-addon-wrapper,
	#graphic-more .sppb-addon-wrapper,
	#graphic-we-ask .sppb-addon-wrapper,
	#graphic-why-choose .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#graphic-clarity .sppb-row,
	#graphic-services .sppb-row,
	#graphic-cta .sppb-row,
	#graphic-more .sppb-row,
	#graphic-we-ask .sppb-row,
	#graphic-why-choose .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#graphic-clarity .sppb-row-column,
	#graphic-clarity .sppb-column,
	#graphic-services .sppb-row-column,
	#graphic-services .sppb-column,
	#graphic-more .sppb-row-column,
	#graphic-more .sppb-column,
	#graphic-we-ask .sppb-row-column,
	#graphic-we-ask .sppb-column,
	#graphic-why-choose .sppb-row-column,
	#graphic-why-choose .sppb-column {
		padding: 0 !important;
	}
	#graphic-clarity .sppb-section,
	#graphic-services .sppb-section,
	#graphic-more .sppb-section,
	#graphic-why-choose .sppb-section {
		margin: 0 !important;
	}

	/* body copy */
	#graphic-clarity .sppb-addon-content p,
	#graphic-services .sppb-addon-content p,
	#graphic-services .sppb-addon-header .sppb-addon-title,
	#graphic-cta .sppb-addon-text,
	#graphic-cta .sppb-addon-text p,
	#graphic-more .sppb-addon-content p,
	#graphic-we-ask .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	/* blue section headings */
	#graphic-clarity h4.sppb-addon-title,
	#graphic-services h4.sppb-addon-title,
	#graphic-cta h4.sppb-addon-title,
	#graphic-more h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* big statements ("Experienced design." / "Big agency experience.") */
	#graphic-clarity #section-id-535d40e2-98ce-483a-adda-3ac3133064d1 h3.sppb-addon-title,
	#graphic-why-choose #column-id-2470b149-7fe7-4e8a-9f7d-1fe991382d9c .addon-root-heading:not(:first-child) h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	/* outline buttons */
	#graphic-cta .sppb-btn {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 10px 50px 10px 12px !important;
		text-align: left !important;
		border-radius: 0 !important;
		white-space: normal;
		position: relative;
	}

	/* ---------- 1. HERO ---------- */
	#graphic-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#graphic-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#graphic-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#graphic-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#graphic-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#graphic-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#graphic-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#graphic-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 2. CLARITY (intro › statements › purpose › who › photo) ----------
	   Both columns are opened up (display: contents) so their parts can be re-ordered. */
	#graphic-clarity {
		padding: 27px 0 0 !important;
		margin: 0 !important;
	}
	#graphic-clarity > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
	}
	#graphic-clarity #column-wrap-id-99ea05bf-61a6-4463-b053-d1f4a4cb42ea,
	#graphic-clarity #column-id-99ea05bf-61a6-4463-b053-d1f4a4cb42ea,
	#graphic-clarity #column-id-99ea05bf-61a6-4463-b053-d1f4a4cb42ea > .sppb-column-addons,
	#graphic-clarity #column-wrap-id-7f065fd3-8d17-455b-9c45-f45724a30e68,
	#graphic-clarity #column-id-7f065fd3-8d17-455b-9c45-f45724a30e68,
	#graphic-clarity #column-id-7f065fd3-8d17-455b-9c45-f45724a30e68 > .sppb-column-addons {
		display: contents !important;
	}
	#graphic-clarity #sppb-addon-wrapper-9d8b9198-8069-48a5-a18c-a248628c84e9 { order: 1; }   /* intro */
	#graphic-clarity #section-id-535d40e2-98ce-483a-adda-3ac3133064d1 { order: 2; }          /* statements */
	#graphic-clarity #sppb-addon-wrapper-596e3794-82ba-40f1-9d3a-61a1d12a82f9 { order: 3; }   /* design with purpose */
	#graphic-clarity #sppb-addon-wrapper-18bb223f-1354-4267-a380-31c03c04f317 { order: 4; }   /* who we work with */
	#graphic-clarity #sppb-addon-wrapper-ce9ee044-d3f5-40b2-a57c-56948ced20eb { order: 5; }   /* Lisa photo */

	/* statements with the straight down arrow on the right */
	#graphic-clarity #section-id-535d40e2-98ce-483a-adda-3ac3133064d1 {
		margin: 47px 0 30px !important;
		padding: 0 !important;
	}
	#graphic-clarity #section-id-535d40e2-98ce-483a-adda-3ac3133064d1 .sppb-nested-row {
		margin: 0 !important;
	}
	#graphic-clarity #column-id-30ef8c64-873a-4d69-9399-69406cc0e0ca > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
		min-height: 205px;
	}
	#graphic-clarity #column-id-30ef8c64-873a-4d69-9399-69406cc0e0ca .addon-root-heading {
		position: relative;
		z-index: 1;
	}
	#graphic-clarity #sppb-addon-wrapper-7831138b-ab10-468e-b357-8deedea0f8c8 {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 115px !important;
		height: 205px;
		margin: 0 !important;
		background: url("/images/main/graphic-elements/medium-arrow-outline.svg") center top / contain no-repeat;
	}
	#graphic-clarity #sppb-addon-wrapper-7831138b-ab10-468e-b357-8deedea0f8c8 img {
		visibility: hidden;
	}

	/* "Design with purpose" + "Who we work with" – one grey band */
	#graphic-clarity #sppb-addon-wrapper-596e3794-82ba-40f1-9d3a-61a1d12a82f9,
	#graphic-clarity #sppb-addon-wrapper-18bb223f-1354-4267-a380-31c03c04f317 {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#graphic-clarity .sppb-addon-text-block.design-with-purpose,
	#graphic-clarity .sppb-addon-text-block.who-we-work-with {
		background: #eef2f6 !important;
		margin: 0 !important;
		padding: 28px 20px 20px !important;
		width: auto !important;
		max-width: none !important;
	}
	#graphic-clarity .sppb-addon-text-block.who-we-work-with {
		padding-top: 8px !important;
		padding-bottom: 28px !important;
	}
	#graphic-clarity .sppb-addon-text-block.design-with-purpose::before,
	#graphic-clarity .sppb-addon-text-block.who-we-work-with::before,
	#graphic-clarity .sppb-addon-text-block.design-with-purpose::after,
	#graphic-clarity .sppb-addon-text-block.who-we-work-with::after {
		display: none !important;
	}
	#graphic-clarity .sppb-addon-text-block.who-we-work-with h4.sppb-addon-title {
		border-top: 1px solid #c6d4df;
		padding-top: 20px !important;
	}
	#graphic-clarity .sppb-addon-text-block.design-with-purpose .sppb-addon-content,
	#graphic-clarity .sppb-addon-text-block.who-we-work-with .sppb-addon-content {
		padding: 0 !important;
	}
	#graphic-clarity .sppb-addon-text-block .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}
	/* Lisa photo – full width */
	#graphic-clarity #sppb-addon-wrapper-ce9ee044-d3f5-40b2-a57c-56948ced20eb {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#graphic-clarity #sppb-addon-wrapper-ce9ee044-d3f5-40b2-a57c-56948ced20eb * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#graphic-clarity #sppb-addon-wrapper-ce9ee044-d3f5-40b2-a57c-56948ced20eb .sppb-addon-single-image-container {
		display: block !important;
	}
	#graphic-clarity #sppb-addon-wrapper-ce9ee044-d3f5-40b2-a57c-56948ced20eb img {
		height: 260px !important;
		object-fit: cover;
		object-position: center 30%;
		display: block;
	}

	/* ---------- 3. TRUSTED BY (logo slider, same as Home / Sectors) ---------- */
	#graphic-clients {
		padding: 23px 0 40px !important;
		margin: 0 !important;
	}
	#graphic-clients > .sppb-row-container {
		position: relative;
	}
	#graphic-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child {
		position: absolute !important;
		top: 0;
		left: 20px;
		right: 20px;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#graphic-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-header,
	#graphic-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-title {
		font-size: 12px !important;
		line-height: 1.4 !important;
		text-align: center !important;
		margin: 0 !important;
	}
	#graphic-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child br {
		display: none;
	}
	#graphic-clients > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin: 0 !important;
		padding-top: 45px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	#graphic-clients > .sppb-row-container > .sppb-row::-webkit-scrollbar {
		display: none;
	}
	#graphic-clients > .sppb-row-container > .sppb-row > .sppb-row-column:not(:first-child) {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: center;
		padding: 0 !important;
		height: 75px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#graphic-clients .addon-root-image,
	#graphic-clients .addon-root-image * {
		margin: 0 auto !important;
		text-align: center !important;
	}
	#graphic-clients .addon-root-image img {
		width: 170px !important;
		max-width: 100% !important;
		height: 62px !important;
		object-fit: contain;
	}

	/* ---------- 4. "OUR GRAPHIC DESIGN SERVICES" bar ---------- */
	#graphic-services-heading {
		padding: 9px 0 !important;
		margin: 0 !important;
	}
	#graphic-services-heading .sppb-row-column,
	#graphic-services-heading .sppb-column {
		padding: 0 !important;
	}
	#graphic-services-heading .sppb-addon-header {
		text-align: center !important;
	}
	#graphic-services-heading h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 33px !important;
		font-weight: 400 !important;
		text-align: center !important;
		margin: 0 !important;
	}

	/* ---------- 5. SERVICES LIST (image › title › text, divider between) ---------- */
	#graphic-services {
		padding: 27px 0 30px !important;
		margin: 0 !important;
	}
	#graphic-services #sppb-addon-wrapper-439a7ae9-1105-4a0d-81dd-5925c4bf7ab3 {
		margin-bottom: 17px !important;
	}
	#graphic-services #sppb-addon-wrapper-439a7ae9-1105-4a0d-81dd-5925c4bf7ab3 .sppb-addon-title {
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#graphic-services #column-id-9c084653-7f29-4dc4-9496-7aee3ea90659 .sppb-section {
		padding: 25px 0 !important;
		border-bottom: 1px solid #c6d4df !important;
	}
	#graphic-services #column-id-9c084653-7f29-4dc4-9496-7aee3ea90659 .sppb-section:last-child {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	#graphic-services .sppb-nested-row {
		display: block !important;
		border: 0 !important;
	}
	#graphic-services .sppb-nested-row > .sppb-row-column:first-child {
		margin-bottom: 20px !important;
	}
	#graphic-services .addon-root-image,
	#graphic-services .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#graphic-services .addon-root-image .sppb-addon-single-image-container {
		display: block !important;
	}
	#graphic-services .addon-root-image img {
		height: 200px !important;
		object-fit: cover;
		display: block;
	}
	#graphic-services .sppb-nested-row .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 6. WEBSITE / ACCESSIBILITY CARDS (white cards on grey) ---------- */
	#graphic-cta {
		padding: 30px 0 7px !important;
		margin: 0 !important;
	}
	#graphic-cta > .sppb-row-container > .sppb-row > .sppb-row-column {
		padding: 0 !important;
		margin: 0 0 23px !important;
	}
	#graphic-cta > .sppb-row-container > .sppb-row > .sppb-row-column > .sppb-column {
		background: #fff !important;
		padding: 30px !important;
		height: auto !important;
	}
	#graphic-cta .addon-root-feature .sppb-icon,
	#graphic-cta .addon-root-feature .sppb-img-container {
		margin: 0 0 20px !important;
		text-align: center !important;
	}
	#graphic-cta .addon-root-feature img {
		width: 50px !important;
		height: auto !important;
		margin: 0 auto !important;
	}
	#graphic-cta .addon-root-feature,
	#graphic-cta .addon-root-feature .sppb-media-content {
		padding: 0 !important;
		margin: 0 !important;
		text-align: left !important;
	}
	#graphic-cta .addon-root-feature .sppb-addon-text p:last-child {
		margin-bottom: 0 !important;
	}
	#graphic-cta .addon-root-button {
		margin-top: 22px !important;
	}

	/* ---------- 7. MORE THAN A DESIGN AGENCY + checklist + video/photo ---------- */
	#graphic-more {
		padding: 30px 0 0 !important;
		margin: 0 !important;
	}
	#graphic-more > .sppb-row-container > .sppb-row {
		position: relative;
	}
	/* small diagonal arrow beside the heading */
	#graphic-more #column-wrap-id-2b24518f-3944-487f-a5f8-d1588d300f0f,
	#graphic-more #column-id-2b24518f-3944-487f-a5f8-d1588d300f0f,
	#graphic-more #column-id-2b24518f-3944-487f-a5f8-d1588d300f0f > .sppb-column-addons {
		position: static !important;
	}
	#graphic-more #sppb-addon-wrapper-5455608a-ffa2-48cd-aeb9-c4908f36caf4 h4.sppb-addon-title {
		padding-right: 65px !important;
	}
	#graphic-more #sppb-addon-wrapper-eed6e032-356f-4585-bbea-819e6a547bc3 {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 50px !important;
		margin: 0 !important;
	}
	#graphic-more #sppb-addon-wrapper-eed6e032-356f-4585-bbea-819e6a547bc3 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#graphic-more #sppb-addon-wrapper-eed6e032-356f-4585-bbea-819e6a547bc3 img {
		height: auto !important;
	}
	/* checklist – contained grey box */
	#graphic-more .checklist-box {
		margin: 20px 0 27px !important;
		padding: 6px 20px !important;
		background: #eef2f6 !important;
	}
	#graphic-more .checklist-box .sppb-nested-row {
		margin: 0 !important;
	}
	#graphic-more .addon-root-feature,
	#graphic-why-choose .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#graphic-more .addon-root-feature:last-child,
	#graphic-why-choose .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#graphic-more .addon-root-feature .sppb-media,
	#graphic-why-choose .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#graphic-more .addon-root-feature .pull-left,
	#graphic-why-choose .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#graphic-more .addon-root-feature .pull-left img,
	#graphic-why-choose .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
		display: block;
		margin: 0 !important;
	}
	#graphic-more .addon-root-feature .pull-left *,
	#graphic-why-choose .addon-root-feature .pull-left * {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 0 !important;
	}
	#graphic-more .addon-root-feature .sppb-media-body,
	#graphic-more .addon-root-feature .sppb-media-content,
	#graphic-why-choose .addon-root-feature .sppb-media-body,
	#graphic-why-choose .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#graphic-more .addon-root-feature .sppb-feature-box-title,
	#graphic-why-choose .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#graphic-more .addon-root-feature .sppb-addon-text:empty,
	#graphic-why-choose .addon-root-feature .sppb-addon-text:empty,
	#graphic-more .addon-root-feature .sppb-addon-text:not(:has(:not(:empty))),
	#graphic-why-choose .addon-root-feature .sppb-addon-text:not(:has(:not(:empty))) {
		display: none;
	}
	/* video + photo – full width under the text */
	#graphic-more #sppb-addon-wrapper-5fc8dde2-81e8-4d8d-8098-a6515e5ba299,
	#graphic-more #sppb-addon-wrapper-b92906bc-7457-4f20-8f83-bbe4d8243c51 {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#graphic-more #sppb-addon-wrapper-5fc8dde2-81e8-4d8d-8098-a6515e5ba299 {
		margin-top: 30px !important;
	}
	#graphic-more #sppb-addon-wrapper-b92906bc-7457-4f20-8f83-bbe4d8243c51 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#graphic-more #sppb-addon-wrapper-b92906bc-7457-4f20-8f83-bbe4d8243c51 .sppb-addon-single-image-container {
		display: block !important;
	}
	#graphic-more #sppb-addon-wrapper-b92906bc-7457-4f20-8f83-bbe4d8243c51 img {
		height: 220px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 8. YES, WE ASK A LOT OF QUESTIONS (dark band) ---------- */
	#graphic-we-ask {
		padding: 30px 0 !important;
		margin: 0 !important;
	}
	#graphic-we-ask .addon-root-image,
	#graphic-we-ask .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#graphic-we-ask .addon-root-image .sppb-addon-single-image-container {
		display: block !important;
	}
	#graphic-we-ask .addon-root-image img {
		height: auto !important;
		display: block;
	}
	#graphic-we-ask #column-wrap-id-c8ba74b6-ca2f-41c1-8ce5-31d0251de5ce {
		margin-top: 27px !important;
	}
	#graphic-we-ask h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
	}
	#graphic-we-ask .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 9. WHY CHOOSE PEPPERDOG? (statements + checklist band) ---------- */
	#graphic-why-choose {
		padding: 30px 0 0 !important;
		margin: 0 !important;
	}
	#graphic-why-choose #column-id-2470b149-7fe7-4e8a-9f7d-1fe991382d9c > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#graphic-why-choose #sppb-addon-wrapper-1e2a4c90-ff61-48d3-8f1b-51def6a178c6 {
		margin-bottom: 30px !important;
	}
	#graphic-why-choose #sppb-addon-wrapper-1e2a4c90-ff61-48d3-8f1b-51def6a178c6 h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#graphic-why-choose #column-id-2470b149-7fe7-4e8a-9f7d-1fe991382d9c .addon-root-heading {
		position: relative;
		z-index: 1;
	}
	/* straight down arrow on the right of the statements (desktop rotates it) */
	#graphic-why-choose #sppb-addon-wrapper-f3023594-a7eb-4707-b8c3-105a4f0c2aad {
		position: absolute !important;
		top: 106px;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#graphic-why-choose #sppb-addon-wrapper-f3023594-a7eb-4707-b8c3-105a4f0c2aad * {
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		width: 100% !important;
		max-width: none !important;
	}
	#graphic-why-choose #sppb-addon-wrapper-f3023594-a7eb-4707-b8c3-105a4f0c2aad img {
		width: 152px !important;
		height: auto !important;
	}
	/* checklist – full-width grey band */
	#graphic-why-choose .checklist-box {
		margin: 30px 0 0 !important;
		padding: 6px 0 !important;
		background: #eef2f6 !important;
		box-shadow: 0 0 0 100vmax #eef2f6 !important;
		clip-path: inset(0 -100vmax) !important;
	}
	#graphic-why-choose .checklist-box .sppb-nested-row {
		margin: 0 !important;
	}
}


/* ==========================================================
   PEPPERDOG – FAQS PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#faqs-hero-box > .sppb-container-inner,
	#faqs-hero-box > .sppb-row-container,
	#faqs-questions > .sppb-row-container,
	#faqs-cannot-find > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#faqs-hero-box .sppb-row-column,
	#faqs-questions .sppb-row-column,
	#faqs-cannot-find .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#faqs-hero-box .sppb-addon-wrapper > .clearfix,
	#faqs-questions .sppb-addon-wrapper > .clearfix,
	#faqs-cannot-find .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#faqs-questions .sppb-addon-wrapper,
	#faqs-cannot-find .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#faqs-questions .sppb-addon-content p,
	#faqs-cannot-find .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}

	/* ---------- 1. HERO (same as About / Sectors) ---------- */
	#faqs-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#faqs-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#faqs-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#faqs-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#faqs-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#faqs-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#faqs-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#faqs-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		object-position: 60% center;
		display: block;
	}

	/* ---------- 2. QUESTIONS SECTION – layout ---------- */
	#faqs-questions {
		padding: 27px 0 40px !important;
	}
	#faqs-questions .sppb-column {
		padding: 0 !important;
	}
	#faqs-questions .sppb-section {
		margin: 0 !important;
		padding: 0 !important;
	}
	#faqs-questions .sppb-section > .sppb-container-inner,
	#faqs-questions .sppb-section > .sppb-row-container {
		padding: 0 !important;
	}
	#faqs-questions .sppb-nested-row {
		margin: 0 !important;
	}
	#faqs-questions .sppb-nested-row > .sppb-row-column {
		padding: 0 !important;
	}
	/* one group (heading + accordion) after the other */
	#faqs-questions .sppb-column-addons > .sppb-section + .sppb-section {
		margin-top: 30px !important;
	}

	/* intro line + small diagonal arrow (same as Sectors showcase) */
	#section-id-0e2f7154-0dc3-47b4-b542-695c00022dce .sppb-nested-row {
		position: relative;
	}
	#faqs-questions #section-id-0e2f7154-0dc3-47b4-b542-695c00022dce h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 65px 0 0 !important;
	}
	#section-id-0e2f7154-0dc3-47b4-b542-695c00022dce .sppb-row-column:last-child {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#section-id-0e2f7154-0dc3-47b4-b542-695c00022dce .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#section-id-0e2f7154-0dc3-47b4-b542-695c00022dce .sppb-row-column:last-child img {
		height: auto !important;
	}

	/* group headings ("Working with Pepperdog", "Design services"…) */
	#faqs-questions .addon-root-heading h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}

	/* ---------- 3. FAQ ACCORDIONS (Sectors accordion pattern, in the FAQ grey box) ---------- */
	#faqs-questions .faq-list {
		padding: 4px 0 !important;
		background: #eef2f6 !important;
	}
	#faqs-questions .sppb-panel {
		margin: 0 !important;
		padding: 0 15px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
	}
	#faqs-questions .sppb-panel:has(> .sppb-panel-heading.active) {
		background: #fff !important;
	}
	/* heading: question left, +/− right */
	#faqs-questions .sppb-panel-heading {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		width: 100%;
		padding: 16px 0 !important;
		text-align: left;
		background: transparent !important;
		border: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#faqs-questions .sppb-panel:last-child > .sppb-panel-heading,
	#faqs-questions .sppb-panel-heading.active,
	#faqs-questions .sppb-panel:has(+ .sppb-panel > .sppb-panel-heading.active) > .sppb-panel-heading {
		border-bottom: 0 !important;
	}
	#faqs-questions .sppb-panel-heading .sppb-panel-title {
		flex: 1 1 auto;
		font-size: 18px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #22272f !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#faqs-questions .sppb-panel-heading.active .sppb-panel-title {
		color: #0077b6 !important;
	}
	#faqs-questions .sppb-panel-heading::after {
		content: "";
		flex: 0 0 17px;
		width: 17px;
		height: 17px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M8.5 0v17M0 8.5h17' fill='none' stroke='%230077b6' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	#faqs-questions .sppb-panel-heading.active::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M0 8.5h17' fill='none' stroke='%230077b6' stroke-width='3'/%3E%3C/svg%3E");
	}
	/* open answer */
	#faqs-questions .sppb-panel-body {
		padding: 0 0 20px !important;
		border: 0 !important;
	}
	#faqs-questions .sppb-panel-collapse .sppb-row-column,
	#faqs-questions .sppb-panel-collapse .sppb-column {
		padding: 0 !important;
	}
	#faqs-questions .sppb-panel-collapse .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 4. CAN'T FIND YOUR QUESTION? ---------- */
	#faqs-cannot-find {
		padding: 0 0 35px !important;
	}
	#faqs-cannot-find .sppb-column {
		padding: 0 !important;
	}
	/* Lisa photo full-bleed on top of the grey band */
	#faqs-cannot-find .sppb-row-column:first-child {
		margin: 0 -20px 30px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#faqs-cannot-find .sppb-row-column:first-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#faqs-cannot-find .sppb-row-column:first-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#faqs-cannot-find .sppb-row-column:first-child img {
		height: 220px !important;
		object-fit: cover;
		object-position: center 25%;
		display: block;
	}
	#faqs-cannot-find h3.sppb-addon-title {
		color: #0077b6 !important;
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
	}
	#faqs-cannot-find .addon-root-button {
		margin-top: 17px !important;
	}
	#faqs-cannot-find .sppb-btn {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 10px 50px 10px 12px !important;
		text-align: left !important;
		border-radius: 0 !important;
		white-space: normal;
	}
}


/* ==========================================================
   PEPPERDOG – CONTACT PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#contact-hero-box > .sppb-container-inner,
	#contact-hero-box > .sppb-row-container,
	#contact-info-list > .sppb-row-container,
	#contact-form-heading > .sppb-row-container,
	#contact-form-panel > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#contact-hero-box .sppb-row-column,
	#contact-info-list .sppb-row-column,
	#contact-form-heading .sppb-row-column,
	#contact-form-panel .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#contact-info-list > .sppb-row-container > .sppb-row,
	#contact-form-heading > .sppb-row-container > .sppb-row,
	#contact-form-panel > .sppb-row-container > .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#contact-hero-box .sppb-addon-wrapper > .clearfix,
	#contact-info-list .sppb-addon-wrapper > .clearfix,
	#contact-form-heading .sppb-addon-wrapper > .clearfix,
	#contact-form-panel .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#contact-info-list .sppb-addon-wrapper,
	#contact-form-heading .sppb-addon-wrapper,
	#contact-form-panel .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#contact-info-list .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}

	/* ---------- 1. HERO (same as About / Sectors) ---------- */
	#contact-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#contact-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#contact-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#contact-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#contact-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#contact-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#contact-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#contact-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		object-position: 40% center;
		display: block;
	}

	/* ---------- 2. GET IN TOUCH YOUR WAY + BASED IN MIRFIELD ---------- */
	#contact-info-list {
		padding: 27px 0 35px !important;
	}
	#contact-info-list .sppb-row-column,
	#contact-info-list .sppb-column {
		padding: 0 !important;
	}
	#contact-info-list h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* phone / email / LinkedIn / form lines */
	#contact-info-list .contact-line {
		margin: 0 !important;
		padding: 12px 0 !important;
	}
	#contact-info-list .addon-root-text-block + .addon-root-heading .contact-line {
		margin-top: 10px !important;
	}
	#contact-info-list .contact-line.contact-line-border {
		border-bottom: 1px solid #93acc1 !important;
	}
	#contact-info-list .contact-line .sppb-addon-title {
		font-size: 18px !important;
		line-height: 1.4 !important;
		font-weight: 400 !important;
		color: #22272f;
		margin: 0 !important;
		padding: 0 !important;
		overflow-wrap: anywhere;
	}
	#contact-info-list .contact-line a {
		font-size: 20px;
	}
	/* second column: small diagonal arrow beside "Based in Mirfield…" */
	#contact-info-list .sppb-row-column:last-child {
		margin-top: 40px !important;
	}
	#contact-info-list .sppb-row-column:last-child .sppb-column-addons {
		position: relative;
	}
	#contact-info-list .addon-root-image {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 50px !important;
		z-index: 1;
	}
	#contact-info-list .addon-root-image * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#contact-info-list .addon-root-image img {
		height: auto !important;
	}
	#contact-info-list .addon-root-image + .addon-root-text-block h4.sppb-addon-title {
		padding: 0 65px 0 0 !important;
	}

	/* ---------- 3. "TELL US ABOUT YOUR PROJECT" bar ---------- */
	#contact-form-heading {
		padding: 20px 0 !important;
	}
	#contact-form-heading .sppb-row-column,
	#contact-form-heading .sppb-column {
		padding: 0 !important;
	}
	#contact-form-heading h3.sppb-addon-title {
		font-size: 22px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}

	/* ---------- 4. FORM PANEL ---------- */
	#contact-form-panel {
		padding: 27px 0 40px !important;
	}
	#contact-form-panel .sppb-row-column,
	#contact-form-panel .sppb-column {
		padding: 0 !important;
	}
	#contact-form-panel .addon-root-heading .sppb-addon-title {
		font-size: 14px !important;
		line-height: 1.4 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#contact-form-panel .addon-root-heading {
		margin-bottom: 25px !important;
	}
	#contact-form-panel .convertforms,
	#contact-form-panel .cf-form-wrap,
	#contact-form-panel .cf-fields {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#contact-form-panel .convertforms {
		font-family: inherit !important;
	}
	#contact-form-panel .cf-fields {
		display: flex !important;
		flex-direction: column;
		gap: 0;
	}
	#contact-form-panel .cf-fields > .cf-control-group {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
		font-family: inherit !important;
	}
	/* labels */
	#contact-form-panel .cf-fields .cf-control-label {
		margin: 0 0 6px !important;
		padding: 0 !important;
	}
	#contact-form-panel .cf-fields .cf-label {
		display: block;
		font-family: inherit !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
		font-weight: 600 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#contact-form-panel .cf-fields .cf-required-label {
		color: #0077b6 !important;
		margin-left: 2px;
	}
	/* inputs: full width, 16px text (no iOS zoom), clear edge on the grey panel */
	#contact-form-panel .cf-fields .cf-control-input {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#contact-form-panel .convertforms .cf-fields .cf-input {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 46px;
		margin: 0 !important;
		padding: 11px 12px !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		color: #22272f !important;
		background: #fff !important;
		border: 1px solid #c6d4df !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		-webkit-appearance: none;
		appearance: none;
	}
	#contact-form-panel .convertforms .cf-fields textarea.cf-input {
		min-height: 160px;
		resize: vertical;
	}
	#contact-form-panel .convertforms .cf-fields .cf-input:focus {
		border-color: #0077b6 !important;
		outline: 2px solid #0077b6 !important;
		outline-offset: 0;
	}
	/* privacy text */
	#contact-form-panel .cf-fields .contact-term {
		margin: 4px 0 25px !important;
	}
	#contact-form-panel .contact-term p {
		font-family: inherit !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#contact-form-panel .contact-term br {
		display: none;
	}
	#contact-form-panel .contact-term a {
		color: #0077b6 !important;
		text-decoration: underline;
	}
	/* Send button: left-aligned, same blue arrow button as the site */
	#contact-form-panel .cf-fields .contact-send {
		margin: 0 !important;
	}
	#contact-form-panel .contact-send .cf-text-left {
		margin: 0 !important;
		text-align: left !important;
	}
	#contact-form-panel .contact-send .cf-btn {
		position: relative;
		display: inline-flex !important;
		align-items: center;
		min-height: 48px;
		margin: 0 !important;
		padding: 12px 60px 12px 20px !important;
		font-family: inherit !important;
		font-size: 18px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
		color: #fff !important;
		background: #0077b6 !important;
		border: 0 !important;
		border-radius: 0 !important;
	}
	#contact-form-panel .contact-send .cf-btn::after {
		top: 50% !important;
		right: 20px !important;
		width: 20px !important;
		height: 16px !important;
		margin-top: -8px;
		background-size: contain !important;
		background-position: center !important;
	}
}


/* ==========================================================
   PEPPERDOG – BLOG ARTICLE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#blog-details-heading > .sppb-row-container,
	#blog-details-content > .sppb-row-container,
	#blog-details-relative-heading > .sppb-row-container,
	#blog-details-list-relative-articles > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#blog-details-heading .sppb-row-column,
	#blog-details-content .sppb-row-column,
	#blog-details-relative-heading .sppb-row-column,
	#blog-details-list-relative-articles .sppb-row-column,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#blog-details-heading .sppb-addon-wrapper > .clearfix,
	#blog-details-content .sppb-addon-wrapper > .clearfix,
	#blog-details-relative-heading .sppb-addon-wrapper > .clearfix,
	#blog-details-list-relative-articles .sppb-addon-wrapper > .clearfix,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#blog-details-heading .sppb-addon-wrapper,
	#blog-details-content .sppb-addon-wrapper,
	#blog-details-relative-heading .sppb-addon-wrapper,
	#blog-details-list-relative-articles .sppb-addon-wrapper,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#blog-details-content .sppb-column,
	#blog-details-content .sppb-section,
	#blog-details-content .sppb-nested-row,
	#blog-details-content .sppb-container-inner {
		margin: 0 !important;
		padding: 0 !important;
	}
	#blog-details-content .sppb-nested-row > .sppb-row-column {
		padding: 0 !important;
	}
	/* outline buttons ("Return to blog", "Connect with Lisa on LinkedIn") */
	#blog-details-content .sppb-btn,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-btn {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 10px 50px 10px 12px !important;
		text-align: left !important;
		border-radius: 0 !important;
		white-space: normal;
	}

	/* ---------- 1. ARTICLE HEADING (category › title › date on grey) ---------- */
	#blog-details-heading {
		padding: 35px 0 130px !important;
		margin: 0 !important;
	}
	#blog-details-heading .sppb-column {
		padding: 0 !important;
	}
	#blog-details-heading .style-blog-category {
		font-size: 12px !important;
		line-height: 1.4 !important;
		font-weight: 500 !important;
		padding: 0 0 8px !important;
		margin: 0 0 14px !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#blog-details-heading .style-blog-title {
		font-size: 26px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #22272f;
		padding: 0 !important;
		margin: 0 0 14px !important;
		overflow-wrap: break-word;
	}
	#blog-details-heading .style-blog-datetime {
		font-size: 12px !important;
		line-height: 1.4 !important;
		font-weight: 600 !important;
		margin: 0 !important;
	}

	/* ---------- 2. ARTICLE CONTENT ---------- */
	#blog-details-content {
		padding: 0 0 40px !important;
		margin: 0 !important;
	}
	/* main image: content width, half over the grey heading band */
	#blog-details-content #sppb-addon-371e8628-add3-46f0-8688-e8786186d103 {
		padding: 0 !important;
	}
	#blog-details-content #sppb-addon-371e8628-add3-46f0-8688-e8786186d103 .sppb-dynamic-content-image-wrapper {
		margin: -100px 0 30px !important;
		height: 200px !important;
		aspect-ratio: auto !important;
	}
	#blog-details-content #sppb-addon-371e8628-add3-46f0-8688-e8786186d103 .sppb-dynamic-content-image {
		display: block;
		width: 100% !important;
		height: 200px !important;
		object-fit: cover !important;
	}

	/* article body first, sidebar (Return to blog / Explore by topic) after it */
	#blog-details-content #section-id-330dd611-cdbe-4d1b-a445-9f911ac1119a > .sppb-container-inner > .sppb-nested-row,
	#blog-details-content #section-id-330dd611-cdbe-4d1b-a445-9f911ac1119a > .sppb-row-container > .sppb-nested-row,
	#blog-details-content #section-id-330dd611-cdbe-4d1b-a445-9f911ac1119a > .sppb-nested-row {
		display: flex !important;
		flex-direction: column;
	}
	#blog-details-content #column-wrap-id-87979ca4-92f5-4879-b060-684577a4f9b1 { order: 1; }
	#blog-details-content #column-wrap-id-e3fecbd2-974b-4e5f-b093-981420dcad31 { order: 2; margin-top: 30px !important; }

	/* long-form body copy */
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .sppb-dynamic-content-text {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.6 !important;
		color: #22272f;
		overflow-wrap: break-word;
		word-wrap: break-word;
		max-width: 100%;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .sppb-dynamic-content__is-rich-text,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .page,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .section,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .layoutArea,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .column {
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a p,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a li {
		font-size: 16px !important;
		line-height: 1.6 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a p {
		margin: 0 0 16px !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a ul,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a ol {
		margin: 0 0 16px !important;
		padding-left: 20px !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a li {
		margin: 0 0 6px !important;
	}
	/* lead paragraph (h4) */
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a h4 {
		font-size: 20px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 16px !important;
		padding: 0 !important;
	}
	/* sub-headings */
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a h2,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a h3 {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 28px 0 10px !important;
		padding: 0 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a h5,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a h6 {
		font-size: 17px !important;
		line-height: 1.3 !important;
		font-weight: 600 !important;
		color: #0077b6 !important;
		margin: 28px 0 8px !important;
		padding: 0 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a > .sppb-dynamic-content-text > .sppb-dynamic-content__is-rich-text > :first-child,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a .column > :first-child {
		margin-top: 0 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a a {
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	/* images, embeds, tables and code never wider than the column */
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a img,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a figure,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a video {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 0 16px !important;
		float: none !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a figure img {
		margin: 0 !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a figcaption {
		font-size: 12px;
		line-height: 1.4;
		margin-top: 6px;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a iframe,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a embed,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a object {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
		margin: 0 0 16px !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		border-collapse: collapse;
		font-size: 14px;
		line-height: 1.4;
		margin: 0 0 16px !important;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a th,
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a td {
		padding: 8px 10px;
		border: 1px solid #c6d4df;
		min-width: 100px;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a pre {
		max-width: 100%;
		overflow-x: auto;
		white-space: pre-wrap;
		font-size: 14px;
	}
	#blog-details-content #sppb-addon-12568e92-0cf6-40fa-8c23-e4ca8c15275a blockquote {
		margin: 0 0 16px !important;
		padding: 0 0 0 15px !important;
		border-left: 3px solid #0077b6;
	}

	/* sidebar: Return to blog › "Explore by topic." + small arrow › topic list */
	#blog-details-content #column-id-e3fecbd2-974b-4e5f-b093-981420dcad31 {
		padding: 0 !important;
	}
	#blog-details-content #section-id-2180e44e-a26b-4b1f-9c83-7d7ea1d9218e {
		padding: 30px 0 25px !important;
	}
	#blog-details-content #section-id-2180e44e-a26b-4b1f-9c83-7d7ea1d9218e .sppb-nested-row {
		position: relative;
	}
	#blog-details-content #sppb-addon-75099ad1-eed3-4591-9466-f3cfb55cf256 h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 65px 0 0 !important;
	}
	#blog-details-content #column-wrap-id-29a7e8ee-e461-4aff-9cf1-d338621f1517 {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		max-width: none !important;
		flex: none !important;
		padding: 0 !important;
	}
	#blog-details-content #column-wrap-id-29a7e8ee-e461-4aff-9cf1-d338621f1517 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#blog-details-content #column-wrap-id-29a7e8ee-e461-4aff-9cf1-d338621f1517 img {
		height: auto !important;
		display: block;
	}
	/* topic list: grey box like the checklists */
	#blog-details-content #section-id-ebad0fa4-f5c3-4735-a8ed-d6bf702b6a02 {
		padding: 20px 20px 6px !important;
		background: #eef2f6 !important;
	}
	#blog-details-content .blog-category-list h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 0 12px !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#blog-details-content .blog-category-list .categories-module,
	#blog-details-content .blog-category-list .categories-module ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	#blog-details-content .blog-category-list .categories-module li {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	#blog-details-content .blog-category-list .categories-module a {
		display: block;
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		padding: 10px 0 !important;
		border-bottom: 1px solid #93acc1;
	}
	#blog-details-content .blog-category-list .categories-module > li:last-child > ul > li:last-child > a,
	#blog-details-content .blog-category-list .categories-module > li:last-child:not(:has(ul)) > a {
		border-bottom: 0;
	}

	/* ---------- 3. ABOUT THE AUTHOR (shared SPPB section, no row ID) ---------- */
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 {
		padding: 0 0 30px !important;
		margin: 0 !important;
		max-width: 100% !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 > .sppb-container-inner,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-column,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-section,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-nested-row,
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-row {
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 > .sppb-container-inner > .sppb-row > .sppb-row-column {
		padding: 0 20px !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #section-id-583baa9b-2af2-4ff4-a44e-1a861e120a2e {
		padding: 30px 0 0 !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-nested-row > .sppb-row-column {
		padding: 0 !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #column-wrap-id-5c2e9917-410b-4d78-9cbb-02204796e8be {
		display: none !important;   /* empty spacer column */
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #sppb-addon-669d9a29-6590-43a8-9585-bf40b87eaa61 {
		padding: 17px 0 0 !important;
	}
	/* Lisa photo under the text, content width */
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #column-wrap-id-9b0a4af5-ba54-47a8-a9bf-e73d7d83566d {
		margin-top: 25px !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #column-wrap-id-9b0a4af5-ba54-47a8-a9bf-e73d7d83566d * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #column-wrap-id-9b0a4af5-ba54-47a8-a9bf-e73d7d83566d .sppb-addon-single-image-container {
		display: block !important;
	}
	#section-id-ea3a9119-c728-411f-be3d-4085e6511040 #column-wrap-id-9b0a4af5-ba54-47a8-a9bf-e73d7d83566d img {
		display: block;
		height: auto !important;
		aspect-ratio: 350 / 238;
		object-fit: cover;
		object-position: center 20%;
	}

	/* ---------- 4. "RELATED ARTICLES" bar (same as "Our services") ---------- */
	#blog-details-relative-heading {
		padding: 9px 0 !important;
		margin: 0 !important;
	}
	#blog-details-relative-heading .sppb-addon-header {
		text-align: center !important;
	}
	#blog-details-relative-heading h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 33px !important;
		font-weight: 400 !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* ---------- 5. RELATED ARTICLE CARDS (white cards on grey) ---------- */
	#blog-details-list-relative-articles {
		padding: 30px 0 40px !important;
		margin: 0 !important;
	}
	#blog-details-list-relative-articles .sppb-column {
		padding: 0 !important;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-collection {
		display: grid !important;
		grid-template-columns: 1fr !important;
		row-gap: 23px !important;
		column-gap: 0 !important;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-collection__item {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0 20px 25px !important;
		background: #fff;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-collection__item > .sppb-addon-wrapper {
		align-self: stretch;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-text:last-of-type {
		align-self: flex-start;
	}
	/* image on top, full card width */
	#blog-details-list-relative-articles .addon-root-dynamic-content-image {
		margin: 0 -20px 22px !important;
		width: calc(100% + 40px);
		max-width: none !important;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-image-wrapper {
		height: 200px !important;
		aspect-ratio: auto !important;
		margin: 0 !important;
	}
	#blog-details-list-relative-articles .sppb-dynamic-content-image {
		display: block;
		width: 100% !important;
		height: 200px !important;
		object-fit: cover !important;
	}
	/* category */
	#blog-details-list-relative-articles .style-blog-category {
		font-size: 12px !important;
		line-height: 1.4 !important;
		font-weight: 500 !important;
		padding: 0 0 8px !important;
		margin: 0 0 14px !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	/* title */
	#blog-details-list-relative-articles h4.sppb-dynamic-content-text:not(.blog-read-more-link) {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* date */
	#blog-details-list-relative-articles .addon-root-dynamic-content-text > .clearfix {
		padding: 0 !important;
	}
	#blog-details-list-relative-articles .style-blog-datetime {
		font-size: 12px !important;
		line-height: 1.4 !important;
		font-weight: 600 !important;
		margin: 0 0 12px !important;
	}
	/* excerpt */
	#blog-details-list-relative-articles .blog-relative-intro-content {
		min-height: 0 !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	#blog-details-list-relative-articles .blog-relative-intro-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	/* outline "Read more" button */
	#blog-details-list-relative-articles a h4.blog-read-more-link {
		display: inline-block !important;
		width: auto !important;
		margin: 17px 0 0 !important;
		padding: 10px 50px 10px 12px !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
		font-weight: 500 !important;
		text-align: left;
	}
	#blog-details-list-relative-articles a h4.blog-read-more-link::after {
		top: 50% !important;
		margin-top: -6px;
		background-size: contain !important;
	}
}


/* ==========================================================
   PEPPERDOG – ACCESSIBLE COMMUNICATIONS PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#accessible-hero-box > .sppb-container-inner,
	#accessible-every-or > .sppb-row-container,
	#accessible-colla > .sppb-row-container,
	#accessible-good-design > .sppb-row-container,
	#accessible-large-print > .sppb-row-container,
	#accessible-fonts > .sppb-row-container,
	#accessible-multi > .sppb-row-container,
	#accessible-why > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#accessible-hero-box .sppb-row,
	#accessible-every-or .sppb-row,
	#accessible-colla .sppb-row,
	#accessible-good-design .sppb-row,
	#accessible-large-print .sppb-row,
	#accessible-fonts .sppb-row,
	#accessible-multi .sppb-row,
	#accessible-why .sppb-row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#accessible-hero-box .sppb-row-column,
	#accessible-every-or .sppb-row-column,
	#accessible-colla .sppb-row-column,
	#accessible-good-design .sppb-row-column,
	#accessible-large-print .sppb-row-column,
	#accessible-multi .sppb-row-column,
	#accessible-why .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#accessible-hero-box .sppb-addon-wrapper > .clearfix,
	#accessible-every-or .sppb-addon-wrapper > .clearfix,
	#accessible-colla .sppb-addon-wrapper > .clearfix,
	#accessible-good-design .sppb-addon-wrapper > .clearfix,
	#accessible-large-print .sppb-addon-wrapper > .clearfix,
	#accessible-fonts .sppb-addon-wrapper > .clearfix,
	#accessible-multi .sppb-addon-wrapper > .clearfix,
	#accessible-why .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#accessible-every-or .sppb-addon-wrapper,
	#accessible-colla .sppb-addon-wrapper,
	#accessible-good-design .sppb-addon-wrapper,
	#accessible-large-print .sppb-addon-wrapper,
	#accessible-fonts .sppb-addon-wrapper,
	#accessible-multi .sppb-addon-wrapper,
	#accessible-why .sppb-addon-wrapper {
		margin: 0 !important;
	}
	/* body copy */
	#accessible-every-or .sppb-addon-content p,
	#accessible-colla .sppb-addon-content p,
	#accessible-good-design .sppb-addon-content p,
	#accessible-large-print .sppb-addon-content p,
	#accessible-multi .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	/* blue section headings */
	#accessible-every-or h4.sppb-addon-title,
	#accessible-colla .addon-root-text-block h4.sppb-addon-title,
	#accessible-good-design .sppb-nested-row h3.sppb-addon-title,
	#accessible-large-print h4.sppb-addon-title,
	#accessible-multi .addon-root-text-block h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* big statement lines ("Designed for everyone." / "Same message." / "Big agency experience.") */
	#accessible-good-design #column-id-38bce488-541f-4315-9543-fd4ba0dacc49 h3.sppb-addon-title,
	#accessible-multi #column-id-ebe59c67-59a7-40c2-861d-bb7d61914e65 h3.sppb-addon-title,
	#accessible-why #column-id-f4926590-07de-4aca-971c-64f0e117f8e3 h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-good-design .addon-root-heading,
	#accessible-multi .addon-root-heading,
	#accessible-why .addon-root-heading {
		margin: 0 !important;
	}
	/* full-width photos */
	#accessible-colla #sppb-addon-wrapper-466ccc1e-956d-4645-bfd3-964f10e91db3,
	#accessible-large-print #sppb-addon-wrapper-7cdbc358-bc2b-4e76-9e35-ba82384c7f0c,
	#accessible-multi #sppb-addon-wrapper-f231b486-233f-4674-8b82-eba6e8ef007a {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
	}
	#accessible-colla #sppb-addon-wrapper-466ccc1e-956d-4645-bfd3-964f10e91db3 *,
	#accessible-large-print #sppb-addon-wrapper-7cdbc358-bc2b-4e76-9e35-ba82384c7f0c *,
	#accessible-multi #sppb-addon-wrapper-f231b486-233f-4674-8b82-eba6e8ef007a * {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#accessible-colla #sppb-addon-wrapper-466ccc1e-956d-4645-bfd3-964f10e91db3 .sppb-addon-single-image-container,
	#accessible-large-print #sppb-addon-wrapper-7cdbc358-bc2b-4e76-9e35-ba82384c7f0c .sppb-addon-single-image-container,
	#accessible-multi #sppb-addon-wrapper-f231b486-233f-4674-8b82-eba6e8ef007a .sppb-addon-single-image-container {
		display: block !important;
	}
	#accessible-colla #sppb-addon-wrapper-466ccc1e-956d-4645-bfd3-964f10e91db3 img,
	#accessible-large-print #sppb-addon-wrapper-7cdbc358-bc2b-4e76-9e35-ba82384c7f0c img,
	#accessible-multi #sppb-addon-wrapper-f231b486-233f-4674-8b82-eba6e8ef007a img {
		height: 210px !important;
		object-fit: cover;
		display: block;
	}
	/* straight down outline arrows beside the statement groups */
	#accessible-good-design #sppb-addon-wrapper-ab0a7cc8-a61a-40aa-900c-6304732bec2c,
	#accessible-multi #sppb-addon-wrapper-2a5f6a66-d6b7-471b-858d-e36cc4aa64d9,
	#accessible-why #sppb-addon-wrapper-04d8cde6-b82f-4681-b90a-a7facdd32019 {
		position: absolute !important;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
		z-index: 0;
	}
	#accessible-good-design #sppb-addon-wrapper-ab0a7cc8-a61a-40aa-900c-6304732bec2c *,
	#accessible-multi #sppb-addon-wrapper-2a5f6a66-d6b7-471b-858d-e36cc4aa64d9 *,
	#accessible-why #sppb-addon-wrapper-04d8cde6-b82f-4681-b90a-a7facdd32019 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		transform: none !important;
	}
	#accessible-good-design #sppb-addon-wrapper-ab0a7cc8-a61a-40aa-900c-6304732bec2c img,
	#accessible-multi #sppb-addon-wrapper-2a5f6a66-d6b7-471b-858d-e36cc4aa64d9 img,
	#accessible-why #sppb-addon-wrapper-04d8cde6-b82f-4681-b90a-a7facdd32019 img {
		width: 152px !important;
		max-width: none !important;
		height: auto !important;
	}

	/* ---------- 1. HERO ---------- */
	#accessible-hero-box #column-id-290e590a-2d13-4ed5-bf5b-f0759b9dba14 {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#accessible-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#accessible-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#accessible-hero-box h2.sppb-addon-title br,
	#accessible-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#accessible-hero-box #sppb-addon-wrapper-ef59a931-3620-49a5-8902-a574071ceff9,
	#accessible-hero-box #sppb-addon-wrapper-54813767-1260-42c2-b64a-fce80e8806c6 {
		margin: 0 !important;
	}
	#accessible-hero-box #column-wrap-id-068c121b-de2c-4eab-9fb7-035e3a28a5d4 {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#accessible-hero-box #column-wrap-id-068c121b-de2c-4eab-9fb7-035e3a28a5d4 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#accessible-hero-box #column-wrap-id-068c121b-de2c-4eab-9fb7-035e3a28a5d4 .sppb-addon-single-image-container {
		display: block !important;
	}
	#accessible-hero-box #column-wrap-id-068c121b-de2c-4eab-9fb7-035e3a28a5d4 img {
		height: 200px !important;
		object-fit: cover;
		object-position: center 65%;
		display: block;
	}

	/* ---------- 2. EVERY ORGANISATION… + small diagonal arrow ---------- */
	#accessible-every-or {
		padding: 27px 0 22px !important;
	}
	#accessible-every-or > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#accessible-every-or h4.sppb-addon-title {
		padding-right: 65px !important;
	}
	#accessible-every-or #column-wrap-id-acafaf3b-179d-4171-a6f8-e144578b445e {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#accessible-every-or #column-wrap-id-acafaf3b-179d-4171-a6f8-e144578b445e * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#accessible-every-or #column-wrap-id-acafaf3b-179d-4171-a6f8-e144578b445e img {
		height: auto !important;
	}

	/* ---------- 3. ACCESSIBLE PDF (grey) + "No, accessibility isn't a button" (dark) ---------- */
	#accessible-colla {
		padding: 0 !important;
	}
	#accessible-colla #sppb-addon-wrapper-768f2bd2-6759-4226-b30c-eed75e87ed5f {
		padding: 27px 0 22px !important;
	}
	/* dark box → full-width dark band */
	#accessible-colla #column-wrap-id-e19ed895-de15-4c21-812d-398ce3ee7a33 {
		margin: 0 -20px !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
	}
	#accessible-colla #column-id-e19ed895-de15-4c21-812d-398ce3ee7a33 {
		padding: 35px 20px 37px !important;
	}
	#accessible-colla .addon-root-feature .sppb-icon,
	#accessible-colla .addon-root-feature .sppb-img-container,
	#accessible-colla .addon-root-feature img {
		margin: 0 !important;
	}
	#accessible-colla .addon-root-feature img {
		width: 50px !important;
		height: 50px !important;
		display: block;
	}
	#accessible-colla .addon-root-feature .sppb-addon-image-layout-wrap,
	#accessible-colla .addon-root-feature .sppb-addon-image-layout-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-colla .addon-root-feature .sppb-feature-box-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 25px 0 14px !important;
		padding: 0 !important;
	}
	#accessible-colla .addon-root-feature .sppb-addon-text,
	#accessible-colla .addon-root-feature .sppb-addon-text p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 !important;
	}

	/* ---------- 4. GOOD DESIGN SHOULD NEVER DEPEND ON GOOD EYESIGHT (grey) ---------- */
	#accessible-good-design {
		padding: 30px 0 27px !important;
	}
	#accessible-good-design #column-id-38bce488-541f-4315-9543-fd4ba0dacc49 .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#accessible-good-design #sppb-addon-wrapper-0ae23a48-f024-4c74-ac91-82271f97a310 h3.sppb-addon-title {
		color: #0077b6 !important;
	}
	#accessible-good-design #sppb-addon-wrapper-0ae23a48-f024-4c74-ac91-82271f97a310 {
		margin-bottom: 41px !important;
	}
	/* arrow aligned with the Designed / Clear / Accessible group */
	#accessible-good-design #sppb-addon-wrapper-ab0a7cc8-a61a-40aa-900c-6304732bec2c {
		bottom: 0;
	}
	#accessible-good-design #column-wrap-id-38bce488-541f-4315-9543-fd4ba0dacc49 {
		margin-bottom: 30px;
	}
	/* white cards */
	#accessible-good-design .sppb-nested-row,
	#accessible-good-design .sppb-nested-row > .sppb-row-column,
	#accessible-good-design .sppb-nested-row .sppb-column {
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-good-design #section-id-541a0c6a-19cd-4852-83db-8f59b65e32c1,
	#accessible-good-design #section-id-4e93365b-85ee-4a6b-811d-57c9f23a5508 {
		padding: 30px !important;
		margin: 0 0 23px !important;
	}
	#accessible-good-design #section-id-4e93365b-85ee-4a6b-811d-57c9f23a5508 {
		margin-bottom: 0 !important;
	}
	#accessible-good-design .sppb-nested-row .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 5. LARGE PRINT EDITIONS ---------- */
	#accessible-large-print {
		padding: 0 0 22px !important;
	}
	#accessible-large-print #column-wrap-id-306e8469-50eb-4221-904d-02212cdd7225 {
		margin-bottom: 27px;
	}

	/* ---------- 6. LANGUAGES BAND (dark) ---------- */
	#accessible-fonts {
		padding: 27px 0 !important;
	}
	#accessible-fonts > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: baseline;
		gap: 6px 26px;
	}
	#accessible-fonts .sppb-row-column {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#accessible-fonts .sppb-addon-header,
	#accessible-fonts h4.sppb-addon-title {
		margin: 0 !important;
		text-align: center !important;
	}
	#accessible-fonts h4.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.3 !important;
	}

	/* ---------- 7. MULTILINGUAL COMMUNICATIONS (grey) ----------
	   Order: text › photo › white card › Same message / More languages… */
	#accessible-multi {
		padding: 27px 0 30px !important;
	}
	#accessible-multi > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
		position: relative;
	}
	#accessible-multi #column-wrap-id-2e6ec3f7-8f07-4309-a744-e76cdac89c49,
	#accessible-multi #column-id-2e6ec3f7-8f07-4309-a744-e76cdac89c49,
	#accessible-multi #column-id-2e6ec3f7-8f07-4309-a744-e76cdac89c49 > .sppb-column-addons,
	#accessible-multi #column-wrap-id-ebe59c67-59a7-40c2-861d-bb7d61914e65,
	#accessible-multi #column-id-ebe59c67-59a7-40c2-861d-bb7d61914e65,
	#accessible-multi #column-id-ebe59c67-59a7-40c2-861d-bb7d61914e65 > .sppb-column-addons {
		display: contents !important;
	}
	#accessible-multi #sppb-addon-wrapper-d6a61c14-bfb7-4457-959e-936159149976 { order: 1; margin-bottom: 22px !important; }
	#accessible-multi #sppb-addon-wrapper-f231b486-233f-4674-8b82-eba6e8ef007a { order: 2; margin-bottom: 30px !important; }
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 { order: 3; }
	#accessible-multi #sppb-addon-wrapper-2a5f6a66-d6b7-471b-858d-e36cc4aa64d9,
	#accessible-multi #sppb-addon-wrapper-3a56530d-3713-4e46-9f5c-e0b4737a0943,
	#accessible-multi #sppb-addon-wrapper-5af6b084-c20b-46b6-8e24-121ee43ffaaf,
	#accessible-multi #sppb-addon-wrapper-7ced048e-01b8-4972-a238-0b7ebcb5cbd6 { order: 4; }
	#accessible-multi #sppb-addon-wrapper-3a56530d-3713-4e46-9f5c-e0b4737a0943 { margin-top: 55px !important; }
	#accessible-multi #sppb-addon-wrapper-5af6b084-c20b-46b6-8e24-121ee43ffaaf,
	#accessible-multi #sppb-addon-wrapper-7ced048e-01b8-4972-a238-0b7ebcb5cbd6 { margin-top: 14px !important; }
	#accessible-multi #sppb-addon-wrapper-2a5f6a66-d6b7-471b-858d-e36cc4aa64d9 {
		bottom: 0;
	}
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 {
		padding: 30px !important;
		margin: 0 !important;
	}
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 .sppb-nested-row,
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 .sppb-row-column,
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 .sppb-column {
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-multi #section-id-051248f3-9e96-4f3f-b4f0-ba30560e6d10 .sppb-addon-content p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---------- 8. WHY CHOOSE PEPPERDOG? + checklist ---------- */
	#accessible-why {
		padding: 28px 0 0 !important;
	}
	#accessible-why #column-id-f4926590-07de-4aca-971c-64f0e117f8e3 .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#accessible-why #sppb-addon-wrapper-35f95f5c-3181-4471-8d3f-f5bbcf1aa960 {
		margin-bottom: 41px !important;
	}
	#accessible-why #sppb-addon-wrapper-35f95f5c-3181-4471-8d3f-f5bbcf1aa960 h3.sppb-addon-title {
		color: #0077b6 !important;
	}
	#accessible-why #sppb-addon-wrapper-04d8cde6-b82f-4681-b90a-a7facdd32019 {
		bottom: 0;
	}
	#accessible-why #column-wrap-id-f4926590-07de-4aca-971c-64f0e117f8e3 {
		margin-bottom: 30px;
	}
	/* checklist – full-width grey band */
	#accessible-why .checklist-box {
		margin: 0 !important;
		padding: 16px 0 30px !important;
		background: #eef2f6 !important;
		box-shadow: 0 0 0 100vmax #eef2f6 !important;
		clip-path: inset(0 -100vmax);
	}
	#accessible-why .checklist-box .sppb-nested-row,
	#accessible-why .checklist-box .sppb-row-column,
	#accessible-why .checklist-box .sppb-column {
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-why .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#accessible-why .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#accessible-why .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#accessible-why .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-why .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
	}
	#accessible-why .addon-root-feature .sppb-media-body,
	#accessible-why .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#accessible-why .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#accessible-why .addon-root-feature .sppb-addon-text:empty,
	#accessible-why .addon-root-feature .sppb-addon-text:has(> p:only-child:empty) {
		display: none !important;
	}

	/* ---------- 9. "Planning accessible communications?" + blue CTA ----------
	   Uses the shared #home-footer-contact rules. */
}


/* ==========================================================
   PEPPERDOG – SECTORS PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Shared ---------- */
	#sectors-hero-box > .sppb-container-inner,
	#sectors-hero-box > .sppb-row-container,
	#sectors-showcase > .sppb-row-container,
	#sectors-our-work-heading > .sppb-row-container,
	#sectors-portfolios > .sppb-row-container,
	#sectors-exp > .sppb-row-container,
	#sectors-clients > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sectors-hero-box .sppb-row-column,
	#sectors-showcase .sppb-row-column,
	#sectors-portfolios .sppb-row-column,
	#sectors-exp .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#sectors-hero-box .sppb-addon-wrapper > .clearfix,
	#sectors-showcase .sppb-addon-wrapper > .clearfix,
	#sectors-our-work-heading .sppb-addon-wrapper > .clearfix,
	#sectors-portfolios .sppb-addon-wrapper > .clearfix,
	#sectors-exp .sppb-addon-wrapper > .clearfix,
	#sectors-clients .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#sectors-showcase .sppb-addon-wrapper,
	#sectors-portfolios .sppb-addon-wrapper,
	#sectors-exp .sppb-addon-wrapper {
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-addon-content p,
	#sectors-portfolios .sppb-addon-text-block,
	#sectors-exp .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	#sectors-portfolios .sppb-addon-content p,
	#sectors-exp .sppb-addon-content p {
		margin: 0 0 8px !important;
	}

	/* ---------- 1. HERO (same as About) ---------- */
	#sectors-hero-box .sppb-row-column:first-child .sppb-column {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#sectors-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#sectors-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#sectors-hero-box h3.sppb-addon-title br {
		display: none;
	}
	#sectors-hero-box .sppb-row-column:last-child {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#sectors-hero-box .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#sectors-hero-box .sppb-row-column:last-child .sppb-addon-single-image-container {
		display: block !important;
	}
	#sectors-hero-box .sppb-row-column:last-child img {
		height: 200px !important;
		object-fit: cover;
		object-position: 60% center;
		display: block;
	}

	/* ---------- 2. SHOWCASE INTRO + small diagonal arrow ---------- */
	#sectors-showcase {
		padding: 27px 0 29px !important;
	}
	#sectors-showcase > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#sectors-showcase h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 65px 0 0 !important;
	}
	#sectors-showcase .sppb-row-column:last-child {
		position: absolute !important;
		top: 3px;
		right: 15px;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#sectors-showcase .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#sectors-showcase .sppb-row-column:last-child img {
		height: auto !important;
	}

	/* ---------- 3. "OUR WORK" bar (same as "Our services") ---------- */
	#sectors-our-work-heading {
		padding: 9px 0 !important;
	}
	#sectors-our-work-heading .sppb-addon-header {
		text-align: center !important;
	}
	#sectors-our-work-heading h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 33px !important;
		font-weight: 400 !important;
		text-align: center !important;
		margin: 0 !important;
	}

	/* ---------- 4. PORTFOLIO ACCORDION ---------- */
	#sectors-portfolios {
		padding: 8px 0 30px !important;
	}
	#sectors-portfolios .sppb-panel {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #c6d4df !important;
	}
	/* heading: title left, arrow right */
	#sectors-portfolios .sppb-panel-heading {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		width: 100%;
		padding: 16px 0 !important;
		text-align: left;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-panel-title {
		flex: 1 1 auto;
		order: 1;
		font-size: 18px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-accordion-icon-wrap {
		flex: 0 0 20px;
		order: 2;
		width: 20px !important;
		height: 20px !important;
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#sectors-portfolios .sppb-panel-heading .sppb-accordion-image {
		width: 17px !important;
		height: 17px !important;
	}
	/* open panel body */
	#sectors-portfolios .sppb-panel-body {
		padding: 0 0 30px !important;
		border: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-section {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-nested-row {
		margin: 0 !important;
	}
	#sectors-portfolios .sppb-panel-collapse .sppb-row-column,
	#sectors-portfolios .sppb-panel-collapse .sppb-column {
		padding: 0 !important;
	}
	/* image carousel + round dots */
	#sectors-portfolios .addon-root-image-carousel {
		margin-bottom: 40px !important;
	}
	#sectors-portfolios .sppb-carousel-extended-list,
	#sectors-portfolios .sppb-carousel-extended-item img {
		height: 220px !important;
	}
	#sectors-portfolios .sppb-carousel-extended-item img {
		width: 100% !important;
		object-fit: cover;
	}
	#sectors-portfolios .sppb-carousel-extended-dots {
		bottom: -28px !important;
		top: auto !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots ul {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li {
		width: 10px !important;
		height: 10px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		background: transparent !important;
		overflow: hidden;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li .sppb-carousel-extended-dot-indicator {
		width: 10px !important;
		height: 10px !important;
		border-radius: 50% !important;
		background-color: #c6d4df !important;
		opacity: 1 !important;
	}
	#sectors-portfolios .sppb-carousel-extended-dots li.active .sppb-carousel-extended-dot-indicator,
	#sectors-portfolios .sppb-carousel-extended-dots li .sppb-carousel-extended-dot-indicator.active {
		background-color: #0077b6 !important;
	}
	/* intro text */
	#sectors-portfolios .addon-root-text-block {
		margin-bottom: 20px !important;
	}
	/* the two checklists join into one grey box */
	#sectors-portfolios .checklist-box {
		margin: 0 !important;
		padding: 0 20px !important;
		background: #eef2f6 !important;
	}
	#sectors-portfolios .sppb-nested-row.sppb-no-gutter > .sppb-row-column:first-child .checklist-box {
		padding-top: 6px !important;
	}
	#sectors-portfolios .sppb-nested-row.sppb-no-gutter > .sppb-row-column:last-child .checklist-box {
		padding-bottom: 6px !important;
		border-top: 1px solid #93acc1;
	}
	#sectors-portfolios .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#sectors-portfolios .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-media-body,
	#sectors-portfolios .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#sectors-portfolios .addon-root-feature .sppb-addon-text:empty {
		display: none;
	}

	/* ---------- 5. EXPERIENCE THAT BUILDS CONFIDENCE ---------- */
	#sectors-exp {
		padding: 30px 0 22px !important;
	}
	#sectors-exp > .sppb-row-container > .sppb-row {
		position: relative;
	}
	#sectors-exp h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 65px 0 0 !important;
	}
	#sectors-exp .sppb-row-column:last-child {
		position: absolute !important;
		top: 0;
		right: 15px;
		width: 50px !important;
		flex: none !important;
		padding: 0 !important;
	}
	#sectors-exp .sppb-row-column:last-child * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#sectors-exp .sppb-row-column:last-child img {
		height: auto !important;
	}

	/* ---------- 6. TRUSTED BY (logo slider, same as Home) ---------- */
	#sectors-clients {
		padding: 23px 0 40px !important;
	}
	#sectors-clients > .sppb-row-container {
		position: relative;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child {
		position: absolute !important;
		top: 0;
		left: 20px;
		right: 20px;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-header,
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child .sppb-addon-title {
		font-size: 12px !important;
		line-height: 1.4 !important;
		text-align: center !important;
		margin: 0 !important;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:first-child br {
		display: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin: 0 !important;
		padding-top: 45px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row::-webkit-scrollbar {
		display: none;
	}
	#sectors-clients > .sppb-row-container > .sppb-row > .sppb-row-column:not(:first-child) {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: center;
		padding: 0 !important;
		height: 75px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#sectors-clients .addon-root-image,
	#sectors-clients .addon-root-image * {
		margin: 0 auto !important;
		text-align: center !important;
	}
	#sectors-clients .addon-root-image img {
		width: 170px !important;
		max-width: 100% !important;
		height: 62px !important;
		object-fit: contain;
	}

	/* ---------- 7. "No, this isn't everything…" + blue CTA ----------
	   Uses the shared #home-footer-contact rules from the About CSS. */
}



/* ==========================================================
   PEPPERDOG – ABOUT PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {
	.page-content:has(> #about-hero-box) {
		display: flex;
		flex-direction: column;
	}
	#about-hero-box { order: 1; }
	#about-meet-lisa,
	#about-meet-lisa > .sppb-row-container,
	#about-meet-lisa > .sppb-row-container > .sppb-row,
	#about-meet-lisa #column-wrap-id-cf3f789f-ce9e-4524-a9f6-1df1c95ed614,
	#about-meet-lisa #column-id-cf3f789f-ce9e-4524-a9f6-1df1c95ed614,
	#about-meet-lisa #column-id-cf3f789f-ce9e-4524-a9f6-1df1c95ed614 > .sppb-column-addons,
	#about-working,
	#about-working > .sppb-row-container,
	#about-working > .sppb-row-container > .sppb-row {
		display: contents !important;
	}
	#sppb-addon-wrapper-33e13074-3e0f-42bd-a03a-ccc85b6ad03e { order: 2; }   /* Meet Lisa text */
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 { order: 3; }       /* Lisa photo */
	#sppb-addon-wrapper-477f7fa7-3828-4a7e-b116-2ab5b88c43ef { order: 4; }   /* LinkedIn button */
	#column-wrap-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf { order: 5; }       /* Direct contact… */
	#about-video { order: 6; }
	#column-wrap-id-23cbe1a7-b6e7-4b2f-8b9f-1723aa44cefc { order: 7; }       /* Working as part of your team */
	#about-what-you-get { order: 8; }
	#about-img-bg { order: 9; }
	#about-why-the-name { order: 10; }
	#about-pro-standards { order: 11; }
	.page-content:has(> #about-hero-box) > #home-footer-contact { order: 12; }

	/* the opened-up parts get the 20px page gutter */
	#sppb-addon-wrapper-33e13074-3e0f-42bd-a03a-ccc85b6ad03e,
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849,
	#sppb-addon-wrapper-477f7fa7-3828-4a7e-b116-2ab5b88c43ef,
	#column-wrap-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf,
	#column-wrap-id-23cbe1a7-b6e7-4b2f-8b9f-1723aa44cefc {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		padding: 0 20px !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	/* ---------- Shared ---------- */
	#about-hero-box > .sppb-row-container,
	#about-hero-box > .sppb-container-inner,
	#about-video > .sppb-row-container,
	#about-what-you-get > .sppb-row-container,
	#about-img-bg > .sppb-row-container,
	#about-why-the-name > .sppb-row-container,
	#about-pro-standards > .sppb-row-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#about-hero-box .sppb-row-column,
	#about-meet-lisa .sppb-row-column,
	#about-working .sppb-row-column,
	#about-video > .sppb-row-container > .sppb-row > .sppb-row-column,
	#about-what-you-get .sppb-row-column,
	#about-img-bg .sppb-row-column,
	#about-why-the-name .sppb-row-column,
	#about-pro-standards .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#about-hero-box .sppb-addon-wrapper > .clearfix,
	#about-meet-lisa .sppb-addon-wrapper > .clearfix,
	#about-working .sppb-addon-wrapper > .clearfix,
	#about-video .sppb-addon-wrapper > .clearfix,
	#about-what-you-get .sppb-addon-wrapper > .clearfix,
	#about-img-bg .sppb-addon-wrapper > .clearfix,
	#about-why-the-name .sppb-addon-wrapper > .clearfix,
	#about-pro-standards .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#about-meet-lisa .sppb-addon-wrapper,
	#about-working .sppb-addon-wrapper,
	#about-what-you-get .sppb-addon-wrapper,
	#about-why-the-name .sppb-addon-wrapper,
	#about-pro-standards .sppb-addon-wrapper {
		margin: 0 !important;
	}

	/* body copy */
	#about-meet-lisa .sppb-addon-content p,
	#about-working .sppb-addon-content p,
	#about-what-you-get .sppb-addon-content p,
	#about-why-the-name .sppb-addon-content p,
	#about-pro-standards .sppb-addon-content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 0 0 8px !important;
	}
	/* blue section headings */
	#about-meet-lisa h4.sppb-addon-title,
	#about-working h4.sppb-addon-title,
	#about-what-you-get h4.sppb-addon-title,
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e h4.sppb-addon-title,
	#about-pro-standards #section-id-b2205045-8d16-4eab-8f85-fe1bef3d3821 h4.sppb-addon-title,
	#about-why-the-name h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* big statements ("Direct contact." / "Creative expertise.") */
	#column-wrap-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf h3.sppb-addon-title,
	#about-what-you-get #column-id-2fdb0a4a-2bce-4e8a-9b49-025500d2bac3 .addon-root-heading:not(:first-child) h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	/* outline buttons */
	#about-meet-lisa .sppb-btn,
	#about-pro-standards .sppb-btn {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 10px 50px 10px 12px !important;
		text-align: left !important;
		border-radius: 0 !important;
		white-space: normal;
	}

	/* ---------- 1. HERO ---------- */
	#about-hero-box #column-id-3cc0decf-f6b7-4679-a422-5810ed4c79ac {
		background: none !important;
		padding: 35px 0 0 !important;
	}
	#about-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin: 0 0 15px !important;
	}
	#about-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#about-hero-box h3.sppb-addon-title br {
		display: none;
	}
	/* full-width photo under the title */
	#about-hero-box #column-wrap-id-876f5b79-b1ef-45b2-a2a4-17c8f6fcbb43 {
		margin: 55px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#about-hero-box #column-wrap-id-876f5b79-b1ef-45b2-a2a4-17c8f6fcbb43 * {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#about-hero-box #column-wrap-id-876f5b79-b1ef-45b2-a2a4-17c8f6fcbb43 img {
		height: 200px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 2. MEET LISA (text › photo › button) ---------- */
	#sppb-addon-wrapper-33e13074-3e0f-42bd-a03a-ccc85b6ad03e {
		padding-top: 27px !important;
	}
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 {
		margin-top: 17px !important;
	}
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 .sppb-column,
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 .sppb-addon-wrapper,
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 .sppb-addon-wrapper * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#column-wrap-id-6472a57d-ddda-4b43-a7ed-afcee58b3849 img {
		height: auto !important;
		aspect-ratio: 350 / 238;
		object-fit: cover;
		object-position: center 20%;
		display: block;
	}
	#sppb-addon-wrapper-477f7fa7-3828-4a7e-b116-2ab5b88c43ef {
		margin-top: 25px !important;
		position: relative;
		z-index: 1;
	}

	/* ---------- 3. DIRECT CONTACT… (arrow on the right, beside the button) ---------- */
	#column-wrap-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf {
		margin-top: 26px !important;
		margin-bottom: 28px !important;
	}
	#column-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf {
		padding: 0 !important;
	}
	#column-id-cd32ea66-ffac-40e1-b9e7-aced9cf4ffdf > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	/* swap the diagonal arrow for the straight down arrow used in the design */
	#sppb-addon-wrapper-30e58826-dc97-4952-bfb9-ef59a75cd3c4 {
		position: absolute !important;
		top: -60px;
		right: 0;
		width: 152px !important;
		height: 200px;
		margin: 0 !important;
		background: url("/images/main/graphic-elements/medium-arrow-outline.svg") center top / contain no-repeat;
	}
	#sppb-addon-wrapper-30e58826-dc97-4952-bfb9-ef59a75cd3c4 img {
		visibility: hidden;
	}

	/* ---------- 4. VIDEO (full width) ---------- */
	#about-video {
		padding: 0 !important;
		margin: 0 !important;
	}
	#about-video > .sppb-row-container {
		padding: 0 !important;
	}
	#about-video > .sppb-row-container > .sppb-row,
	#about-video #column-wrap-id-7449264e-3652-46af-b52a-90dd9b8babf8,
	#about-video #column-id-7449264e-3652-46af-b52a-90dd9b8babf8,
	#about-video .sppb-addon-wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}
	#about-video #column-wrap-id-424cf67b-8578-47b4-ad57-7a8ef9b7dcca {
		display: none !important;
	}

	/* ---------- 5. WORKING AS PART OF YOUR TEAM ---------- */
	#column-wrap-id-23cbe1a7-b6e7-4b2f-8b9f-1723aa44cefc {
		padding-top: 29px !important;
	}
	#column-id-23cbe1a7-b6e7-4b2f-8b9f-1723aa44cefc {
		padding: 0 !important;
	}

	/* ---------- 6. WHAT YOU GET + CHECKLIST + ONE PROJECT ---------- */
	#about-what-you-get {
		padding: 50px 0 30px !important;
	}
	#about-what-you-get #column-id-2fdb0a4a-2bce-4e8a-9b49-025500d2bac3,
	#about-what-you-get #column-id-8fda149c-407b-4965-a2d8-a0f087134783 {
		padding: 0 !important;
	}
	#about-what-you-get #column-id-2fdb0a4a-2bce-4e8a-9b49-025500d2bac3 > .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
		min-height: 200px;
	}
	/* "What you get with Pepperdog" */
	#about-what-you-get #sppb-addon-wrapper-348fb513-7422-4b12-af0b-32655ad0512a {
		margin-bottom: 41px !important;
	}
	#about-what-you-get #sppb-addon-wrapper-348fb513-7422-4b12-af0b-32655ad0512a h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 !important;
	}
	#about-what-you-get #sppb-addon-wrapper-324a42c5-7490-4b24-b8c4-2223fe8b5d2f {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#about-what-you-get #sppb-addon-wrapper-324a42c5-7490-4b24-b8c4-2223fe8b5d2f .sppb-addon-single-image-container {
		width: 100% !important;
	}
	#about-what-you-get #sppb-addon-wrapper-324a42c5-7490-4b24-b8c4-2223fe8b5d2f img {
		width: 152px !important;
		max-width: none !important;
		height: auto !important;
	}
	/* checklist – full-width grey band */
	#about-what-you-get #section-id-745a61c0-d467-4301-86c2-50a5afe4bc73 {
		margin: 25px 0 0 !important;
		padding: 2px 0 !important;
		background: #eef2f6 !important;
		box-shadow: 0 0 0 100vmax #eef2f6;
		clip-path: inset(0 -100vmax);
	}
	#about-what-you-get #section-id-745a61c0-d467-4301-86c2-50a5afe4bc73 .sppb-nested-row {
		margin: 0 !important;
	}
	#about-what-you-get #section-id-745a61c0-d467-4301-86c2-50a5afe4bc73 .sppb-row-column,
	#about-what-you-get #section-id-745a61c0-d467-4301-86c2-50a5afe4bc73 .sppb-column {
		padding: 0 !important;
	}
	#about-what-you-get .addon-root-feature {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #93acc1 !important;
	}
	#about-what-you-get .addon-root-feature:last-child {
		border-bottom: 0 !important;
	}
	#about-what-you-get .addon-root-feature .sppb-media {
		display: flex;
		align-items: center;
		gap: 0;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	#about-what-you-get .addon-root-feature .pull-left {
		float: none !important;
		flex: 0 0 30px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#about-what-you-get .addon-root-feature .pull-left img {
		width: 17px !important;
		height: auto !important;
	}
	#about-what-you-get .addon-root-feature .sppb-media-body,
	#about-what-you-get .addon-root-feature .sppb-media-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#about-what-you-get .addon-root-feature .sppb-feature-box-title {
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		color: #22272f !important;
		margin: 0 !important;
	}
	#about-what-you-get .addon-root-feature .sppb-addon-text:empty {
		display: none;
	}
	/* One project often leads to another */
	#about-what-you-get #section-id-6728646e-b1c4-4a8e-8cec-4473e32f36dd {
		margin: 0 !important;
		padding: 27px 0 0 !important;
	}
	#about-what-you-get #section-id-6728646e-b1c4-4a8e-8cec-4473e32f36dd .sppb-nested-row {
		margin: 0 !important;
	}
	#about-what-you-get #section-id-6728646e-b1c4-4a8e-8cec-4473e32f36dd .sppb-row-column,
	#about-what-you-get #section-id-6728646e-b1c4-4a8e-8cec-4473e32f36dd .sppb-column {
		padding: 0 !important;
	}

	/* ---------- 7. FULL-WIDTH IMAGE ---------- */
	#about-img-bg,
	#about-img-bg > .sppb-row-container,
	#about-img-bg .sppb-row,
	#about-img-bg .sppb-row-column,
	#about-img-bg .sppb-column,
	#about-img-bg .sppb-addon-wrapper {
		padding: 0 !important;
		margin: 0 !important;
	}
	#about-img-bg img {
		width: 100% !important;
		height: 205px !important;
		object-fit: cover;
		display: block;
	}

	/* ---------- 8. WHY THE NAME PEPPERDOG? ---------- */
	#about-why-the-name {
		padding: 31px 0 34px !important;
	}
	#about-why-the-name h3.sppb-addon-title {
		color: #6e91ac !important;
	}
	#about-why-the-name #column-wrap-id-6358b195-8001-4ba7-8852-b0b04693873c {
		margin-top: 18px;
	}
	#about-why-the-name #sppb-addon-wrapper-19e681aa-c62d-45e9-ba71-d3f38728c35e,
	#about-why-the-name #sppb-addon-wrapper-19e681aa-c62d-45e9-ba71-d3f38728c35e * {
		text-align: center !important;
	}
	#about-why-the-name #sppb-addon-wrapper-19e681aa-c62d-45e9-ba71-d3f38728c35e img {
		width: 254px !important;
		max-width: 100% !important;
		height: 234px !important;
		object-fit: cover;
		margin: 0 auto !important;
		display: block;
	}

	/* ---------- 9. PROFESSIONAL STANDARDS ---------- */
	#about-pro-standards {
		padding: 27px 0 0 !important;
	}
	#about-pro-standards .sppb-nested-row {
		margin: 0 !important;
	}
	#about-pro-standards #column-id-424cb90e-b0c4-44b1-b523-80f7413acebb {
		padding: 0 !important;
	}
	#about-pro-standards .sppb-section {
		margin: 0 !important;
	}
	/* heading + small diagonal arrow on the right */
	#about-pro-standards #section-id-54e23016-955f-43af-80fa-a51521f107dd {
		position: relative;
		padding: 0 !important;
	}
	#about-pro-standards #section-id-54e23016-955f-43af-80fa-a51521f107dd .sppb-row-column {
		padding: 0 !important;
	}
	#about-pro-standards #section-id-54e23016-955f-43af-80fa-a51521f107dd h4.sppb-addon-title {
		font-size: 27px !important;
		line-height: 1.12 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 70px 0 0 !important;
	}
	#about-pro-standards #column-wrap-id-d36e949d-418c-4c08-b0a8-f76f07766548 {
		position: absolute !important;
		top: 3px;
		right: 0;
		width: 50px !important;
		flex: none !important;
	}
	#about-pro-standards #column-wrap-id-d36e949d-418c-4c08-b0a8-f76f07766548 * {
		margin: 0 !important;
		padding: 0 !important;
		width: 50px !important;
		max-width: none !important;
	}
	#about-pro-standards #column-wrap-id-d36e949d-418c-4c08-b0a8-f76f07766548 img {
		height: auto !important;
	}
	/* white cards */
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e {
		padding: 13px 0 0 !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e > .sppb-container-inner > .sppb-nested-row > .sppb-row-column {
		padding: 0 !important;
		margin: 0 0 23px !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e > .sppb-container-inner > .sppb-nested-row > .sppb-row-column > .sppb-column {
		background: #fff !important;
		padding: 30px !important;
		height: auto !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e .addon-root-image {
		margin-bottom: 27px !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e .addon-root-image,
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e .addon-root-image * {
		text-align: center !important;
	}
	#about-pro-standards #sppb-addon-wrapper-4a8e1491-c3eb-46fb-9ac0-6ad6f30250c5 img {
		width: 105px !important;
		height: 78px !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	#about-pro-standards #sppb-addon-wrapper-b1d75e1b-3824-42ed-8288-def32413926f img {
		width: 66px !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e h4.sppb-addon-title {
		line-height: 1.1 !important;
		margin-bottom: 20px !important;
	}
	#about-pro-standards #section-id-ee54b18f-3080-4f48-998a-5dc4dd09a59e .addon-root-button {
		margin-top: 22px !important;
	}
	/* Always improving – text first, then the laptop photo full width */
	#about-pro-standards #section-id-b2205045-8d16-4eab-8f85-fe1bef3d3821 {
		padding: 3px 0 0 !important;
	}
	#about-pro-standards #section-id-b2205045-8d16-4eab-8f85-fe1bef3d3821 > .sppb-container-inner > .sppb-nested-row {
		display: flex;
		flex-direction: column;
	}
	#about-pro-standards #column-wrap-id-a9dad5b8-c90d-49b1-b611-b32b2108286b {
		order: 1;
		padding: 0 !important;
	}
	#about-pro-standards #column-wrap-id-a9dad5b8-c90d-49b1-b611-b32b2108286b .sppb-column {
		padding: 0 !important;
	}
	#about-pro-standards #column-wrap-id-d1351d92-6d1b-4626-97c7-f7f12ceed92f {
		order: 2;
		margin: 22px -20px 0 !important;
		width: calc(100% + 40px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		padding: 0 !important;
	}
	#about-pro-standards #column-wrap-id-d1351d92-6d1b-4626-97c7-f7f12ceed92f * {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#about-pro-standards #column-wrap-id-d1351d92-6d1b-4626-97c7-f7f12ceed92f .sppb-addon-single-image-container {
		display: block !important;
	}
	#about-pro-standards #column-wrap-id-d1351d92-6d1b-4626-97c7-f7f12ceed92f img {
		height: 220px !important;
		object-fit: cover;
		display: block;
	}
	/* IAAP / ISO sub headings – no divider line */
	#about-pro-standards #section-id-b2205045-8d16-4eab-8f85-fe1bef3d3821 .sppb-addon-text-block {
		border: 0 !important;
		padding: 0 !important;
	}
	#about-pro-standards #sppb-addon-wrapper-d5cdf87b-e1a0-4544-ba5e-ed251d0e10b4,
	#about-pro-standards #sppb-addon-wrapper-97dc4536-44f7-4a70-9b8d-0a44a85a4e21 {
		margin-top: 22px !important;
	}
	#about-pro-standards #sppb-addon-wrapper-d5cdf87b-e1a0-4544-ba5e-ed251d0e10b4 .sppb-addon-title,
	#about-pro-standards #sppb-addon-wrapper-97dc4536-44f7-4a70-9b8d-0a44a85a4e21 .sppb-addon-title {
		font-size: 14px !important;
		line-height: 1.4 !important;
		font-weight: 600 !important;
		margin: 0 0 8px !important;
	}
	#about-pro-standards #sppb-addon-wrapper-d5cdf87b-e1a0-4544-ba5e-ed251d0e10b4 .sppb-addon-content p,
	#about-pro-standards #sppb-addon-wrapper-97dc4536-44f7-4a70-9b8d-0a44a85a4e21 .sppb-addon-content p {
		font-weight: 400 !important;
	}

	/* ---------- 10. READY TO WORK TOGETHER + blue CTA ---------- */
	#home-footer-contact > .sppb-row-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#home-footer-contact .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}
	#home-footer-contact .addon-root-text-block {
		margin: 0 0 26px !important;
	}
	#home-footer-contact .addon-root-button {
		margin: 0 calc(50% - 50vw) !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
	#home-footer-contact .addon-root-button .sppb-btn {
		display: block !important;
		width: 100% !important;
		padding: 30px 20px 100px !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 500 !important;
		text-align: center !important;
		position: relative;
	}
	#home-footer-contact .addon-root-button .sppb-btn::after {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		right: auto !important;
		top: auto !important;
		bottom: 28px !important;
		width: 42px !important;
		height: 55px !important;
		margin: 0 0 0 -21px !important;
		transform: none !important;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 55'%3E%3Cpath d='M21 0v50M3 32l18 19 18-19' fill='none' stroke='%23fff' stroke-width='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
	}
}

/* Home desktop test numbers */
@media (min-width: 992px) {
#home-tes .sppb-carousel-extended-item {
		position: relative;
		min-height: 340px;
		padding-left: 325px !important;
	}
	/* big number 01 – 05 */
	#home-tes .sppb-carousel-extended-item::before {
		position: absolute;
		top: 150px;
		left: 0;
		width: 125px;
		text-align: center;
		font-size: 113px;
		line-height: 1;
		font-weight: 300;
		color: #0077b6;
	}
	#home-tes .sppb-carousel-extended-item[id$="key-0"]::before { content: "01"; }
	#home-tes .sppb-carousel-extended-item[id$="key-1"]::before { content: "02"; }
	#home-tes .sppb-carousel-extended-item[id$="key-2"]::before { content: "03"; }
	#home-tes .sppb-carousel-extended-item[id$="key-3"]::before { content: "04"; }
	#home-tes .sppb-carousel-extended-item[id$="key-4"]::before { content: "05"; }
    #home-tes .sppb-carousel-extended-item[id$="key-5"]::before { content: "06"; }
	#home-tes .sppb-carousel-extended-item[id$="key-6"]::before { content: "07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-7"]::before { content: "08"; }
	#home-tes .sppb-carousel-extended-item[id$="key-8"]::before { content: "09"; }
	#home-tes .sppb-carousel-extended-item[id$="key-9"]::before { content: "10"; }
	/* counter under the number */
	#home-tes .sppb-carousel-extended-item::after {
		position: absolute;
		top: 300px;
		left: 0;
		width: 125px;
		text-align: center;
		font-size: 14px;
		line-height: 24px;
		color: #22272f;
	}
	#home-tes .sppb-carousel-extended-item[id$="key-0"]::after { content: "01/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-1"]::after { content: "02/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-2"]::after { content: "03/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-3"]::after { content: "04/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-4"]::after { content: "05/07"; }
    #home-tes .sppb-carousel-extended-item[id$="key-5"]::after { content: "06/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-6"]::after { content: "07/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-7"]::after { content: "08/10"; }
	#home-tes .sppb-carousel-extended-item[id$="key-8"]::after { content: "09/10"; }
	#home-tes .sppb-carousel-extended-item[id$="key-9"]::after { content: "10/10"; }
	/* prev / next arrows either side of the counter */
	#home-tes .sppb-carousel-extended-nav-control {
      		top: 0 !important;
		bottom: auto !important;
		position: absolute !important;
		top: 300px !important;
		bottom: auto !important;
		left: -12px !important;
		right: auto !important;
		z-index: 2;
		width: 149px !important;
		height: 24px !important;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}
	#home-tes .sppb-carousel-extended-nav-control .nav-control {
		position: static !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 24px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: #0077b6 !important;
		background: none !important;
		border: 0 !important;
		cursor: pointer;
		transform: none !important;
	}
	#home-tes .sppb-carousel-extended-nav-control .nav-control i {
		font-size: 18px !important;
		color: #0077b6 !important;
    }
}

/* ==========================================================
   PEPPERDOG – HOME PAGE MOBILE
   ========================================================== */
@media (max-width: 991px) {
  .offcanvas-menu a.contact-btn {
    display: none!important;
  }

	/* ---------- Shared: 20px side gutter on every home row ---------- */
	#home-hero-box > .sppb-row-container,
	#home-more-than > .sppb-row-container,
	#home-good-design > .sppb-row-container,
	#home-services-heading > .sppb-row-container,
	#home-services > .sppb-row-container,
	#home-why-make > .sppb-row-container,
	#home-clients > .sppb-row-container,
	#home-tes > .sppb-row-container,
	#home-footer-contact > .sppb-row-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Stack every column full width (tablet keeps some side by side otherwise) */
	#home-hero-box > .sppb-row-container > .sppb-row > .sppb-row-column,
	#home-more-than > .sppb-row-container > .sppb-row > .sppb-row-column,
	#home-good-design > .sppb-row-container > .sppb-row > .sppb-row-column,
	#home-why-make .sppb-row-column,
	#home-tes > .sppb-row-container > .sppb-row > .sppb-row-column,
	#home-footer-contact > .sppb-row-container > .sppb-row > .sppb-row-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Reset the builder's inner addon padding – spacing is set below */
	#home-hero-box .sppb-addon-wrapper > .clearfix,
	#home-more-than .sppb-addon-wrapper > .clearfix,
	#home-good-design .sppb-addon-wrapper > .clearfix,
	#home-services-heading .sppb-addon-wrapper > .clearfix,
	#home-services .sppb-addon-wrapper > .clearfix,
	#home-why-make .sppb-addon-wrapper > .clearfix,
	#home-clients .sppb-addon-wrapper > .clearfix,
	#home-tes .sppb-addon-wrapper > .clearfix,
	#home-footer-contact .sppb-addon-wrapper > .clearfix {
		padding: 0 !important;
	}

	/* Body copy inside home rows */
	#home-more-than .sppb-addon-content p,
	#home-good-design .sppb-addon-content p,
	#home-why-make .sppb-addon-content p {
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 8px;
	}

	/* Outline buttons ("More about Pepperdog", "Meet Pepperdog"...) */
	#home-more-than .sppb-btn,
	#home-why-make .sppb-btn {
		font-size: 14px;
		font-weight: 500;
		padding: 10px 50px 10px 12px;
	}

	/* Big statement headings ("Make some sense of it." / "Big agency experience.") */
	#home-more-than #column-id-14668a90-3fdb-4fea-a3a6-e5178a144417 h3,
	#home-why-make #column-id-622d3904-96a0-427a-92a9-39c76b2be4b4 h3 {
		font-size: 27px !important;
		line-height: 1.15 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}

	/* ---------- 1. HERO ---------- */
	#home-hero-box {
		background-image: none !important;
		padding: 35px 0 0 !important;
	}
	#home-hero-box h2.sppb-addon-title {
		font-size: 26px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		margin-bottom: 15px !important;
	}
	#home-hero-box h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#home-hero-box #column-wrap-id-5167e936-6e92-4cfa-9c9a-68274a31789a {
		display: none;
	}
	/* Desktop background photo shown as a full-width image under the title */
	#home-hero-box::after {
		content: "";
		display: block;
		height: 200px;
		margin-top: 55px;
		background: url("/images/main/pages/home/graphic-design-for-corporate-public-sector-m.webp") 72% center / cover no-repeat;
	}

	/* ---------- 2. MORE THAN MAKING IT LOOK GOOD + "Make some sense" ---------- */
	#home-more-than {
		padding: 25px 0 27px !important;
	}
	#home-more-than > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
	}
	/* text column first */
	#home-more-than #column-wrap-id-baf54536-80aa-4394-aa3a-976bd523cedc {
		order: -1;
	}
	#home-more-than #column-id-baf54536-80aa-4394-aa3a-976bd523cedc {
		background: none !important;
		padding: 0 !important;
	}
	#home-more-than #sppb-addon-wrapper-aac3e5f5-ac02-402c-b87a-43e22262f50b,
	#home-more-than #sppb-addon-wrapper-f0bd6904-b623-4ed5-957a-8811e31f14cd {
		width: 100% !important;
		margin: 0 !important;
	}
	#home-more-than #sppb-addon-wrapper-f0bd6904-b623-4ed5-957a-8811e31f14cd {
		margin-top: 20px !important;
	}
	#home-more-than .sppb-addon-text-block h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	/* statements column with the outline arrow on the right */
	#home-more-than #column-wrap-id-14668a90-3fdb-4fea-a3a6-e5178a144417 {
		margin-top: 55px;
	}
	#home-more-than #column-id-14668a90-3fdb-4fea-a3a6-e5178a144417 .sppb-column-addons {
		position: relative;
		min-height: 205px;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	#home-more-than #sppb-addon-wrapper-cea5c362-16d1-4b5b-bcaf-d0c2afb580df {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#home-more-than #sppb-addon-wrapper-cea5c362-16d1-4b5b-bcaf-d0c2afb580df .sppb-addon-single-image-container,
	#home-why-make #sppb-addon-wrapper-60b0c5d6-7dcc-4443-89d1-b2923bbf04a1 .sppb-addon-single-image-container {
		width: 100% !important;
	}
	#home-more-than #sppb-addon-wrapper-cea5c362-16d1-4b5b-bcaf-d0c2afb580df img {
		width: 152px !important;
		max-width: none !important;
		height: auto !important;
	}
	#home-more-than #column-id-14668a90-3fdb-4fea-a3a6-e5178a144417 .addon-root-heading {
		margin: 0 !important;
	}

	/* ---------- 3. GOOD DESIGN HAS A JOB TO DO ---------- */
	#home-good-design {
		padding: 0 0 29px !important;
	}
	#home-good-design > .sppb-row-container > .sppb-row {
		display: flex;
		flex-direction: column;
	}
	/* laptop image first */
	#home-good-design #column-wrap-id-87a52a12-4fc3-4d00-8d35-ce7c7b45e016 {
		order: -1;
		margin-bottom: 25px;
	}
	#home-good-design #sppb-addon-wrapper-b90e0d9c-c5b7-4d6b-be1d-0fd8099bdd1a,
	#home-good-design #sppb-addon-wrapper-b90e0d9c-c5b7-4d6b-be1d-0fd8099bdd1a * {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
	#home-good-design #sppb-addon-wrapper-b90e0d9c-c5b7-4d6b-be1d-0fd8099bdd1a img {
		height: auto !important;
		aspect-ratio: 350 / 189;
		object-fit: cover;
		display: block;
	}
	#home-good-design .sppb-addon-text-block h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
	#home-good-design #sppb-addon-wrapper-cfd6cdf2-9bf5-4463-8f1d-5fe0df6bc4c5 {
		margin: 0 !important;
	}

	/* ---------- 4. OUR SERVICES (heading bar) ---------- */
	#home-services-heading {
		padding: 9px 0 !important;
	}
	#home-services-heading .sppb-addon-header {
		text-align: center !important;
	}
	#home-services-heading h3.sppb-addon-title {
		font-size: 27px !important;
		line-height: 33px !important;
		font-weight: 400 !important;
		text-align: center !important;
		margin: 0 !important;
	}

	/* ---------- 5. SERVICES LIST (title + text left, arrow right) ---------- */
	#home-services {
		padding: 8px 0 27px !important;
	}
	#home-services .sppb-section {
		position: relative;
		padding: 22px 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid #c6d4df !important;
	}
	#home-services .sppb-section:last-child {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	#home-services .sppb-nested-row {
		display: block;
		margin: 0 !important;
		padding-right: 45px;
	}
	#home-services .sppb-nested-row > .sppb-row-column {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#home-services .addon-root-heading,
	#home-services .addon-root-heading .sppb-addon-header {
		margin: 0 !important;
	}
	#home-services h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		margin: 0 0 6px !important;
	}
	#home-services p.sppb-addon-title {
		font-size: 14px !important;
		line-height: 1.35 !important;
		margin: 0 !important;
	}
	/* arrow column → right side, vertically centred */
	#home-services .sppb-nested-row > .sppb-row-column:last-child {
		position: absolute !important;
		top: 50%;
		right: 0;
		width: 18px !important;
		transform: translateY(-50%);
	}
	#home-services .addon-root-image,
	#home-services .addon-root-image * {
		margin: 0 !important;
		text-align: right !important;
	}
	#home-services .addon-root-image img {
		width: 17px !important;
		height: 17px !important;
	}

	/* ---------- 6. VIDEO + "Big agency" + WHY MAKE US (cards) ---------- */
	#home-why-make {
		background-color: #fff !important;
		padding: 0 0 25px !important;
	}
	/* full-width video */
	#home-why-make #section-id-3ad765fa-7652-4f85-b1ac-bc1e33b56081 {
		margin: 0 -20px !important;
		padding: 0 !important;
	}
	#home-why-make #section-id-3ad765fa-7652-4f85-b1ac-bc1e33b56081 .sppb-nested-row,
	#home-why-make #column-wrap-id-6c659138-15a8-4ad7-bab7-22310547e6bd,
	#home-why-make #column-id-6c659138-15a8-4ad7-bab7-22310547e6bd,
	#home-why-make #sppb-addon-wrapper-13a95b5a-7121-4c4f-8e76-786e48b3348e {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/* hide the big diagonal arrow under the video */
	#home-why-make #column-wrap-id-25602213-d5f3-41c2-91cb-6f0fd46876da {
		display: none !important;
	}

	#home-why-make #section-id-c028455b-fa5d-45b6-a2e6-bed760a9b888 {
		padding: 0 !important;
		margin: 0 !important;
	}
	#home-why-make #section-id-c028455b-fa5d-45b6-a2e6-bed760a9b888 > .sppb-container-inner > .sppb-nested-row {
		display: block;
		margin: 0 !important;
	}
	#home-why-make #column-wrap-id-622d3904-96a0-427a-92a9-39c76b2be4b4,
	#home-why-make #column-wrap-id-790bb21c-6eea-4745-bca8-38c4d60d9595 {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	/* statements first (white), "Why make us" heading after (grey) */
	#home-why-make #column-id-622d3904-96a0-427a-92a9-39c76b2be4b4 .sppb-column-addons {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding-top: 30px;
	}
	#home-why-make #sppb-addon-wrapper-bfbc9797-1a73-42ed-8824-3879f5b53c7c { order: 1; }
	#home-why-make #sppb-addon-wrapper-1008446e-2017-4790-91be-545ff7ce9251 { order: 2; }
	#home-why-make #sppb-addon-wrapper-7bdabdb8-2328-4025-afc6-c0df57fd82ff { order: 3; margin-bottom: 25px !important; }
	#home-why-make #column-id-622d3904-96a0-427a-92a9-39c76b2be4b4 .addon-root-heading {
		margin: 0 !important;
	}
	#home-why-make #sppb-addon-wrapper-60b0c5d6-7dcc-4443-89d1-b2923bbf04a1 {
		position: absolute !important;
		top: 30px;
		right: 0;
		width: 152px !important;
		margin: 0 !important;
	}
	#home-why-make #sppb-addon-wrapper-60b0c5d6-7dcc-4443-89d1-b2923bbf04a1 img {
		width: 152px !important;
		max-width: none !important;
		height: auto !important;
	}
	/* "Why make us a part of it" – grey band, full width */
	#home-why-make #sppb-addon-wrapper-c3a94385-5394-4dac-b829-e4daadfb31cf {
		order: 4;
		margin: 0 !important;
		padding: 36px 0 37px;
		background: #eef2f6;
		box-shadow: 0 0 0 100vmax #eef2f6;
		clip-path: inset(0 -100vmax);
	}
	#home-why-make #sppb-addon-wrapper-c3a94385-5394-4dac-b829-e4daadfb31cf h3.sppb-addon-title {
		color: #0077b6 !important;
	}
	/* Cards – grey band, swipe left/right one card at a time */
	#home-why-make #column-wrap-id-790bb21c-6eea-4745-bca8-38c4d60d9595 {
		background: #eef2f6;
		box-shadow: 0 0 0 100vmax #eef2f6;
		clip-path: inset(0 -100vmax);
		padding-bottom: 40px !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 > .sppb-column-addons {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 > .sppb-column-addons::-webkit-scrollbar {
		display: none;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 > .sppb-column-addons > .sppb-section {
		flex: 0 0 100%;
		scroll-snap-align: start;
		margin: 0 !important;
		padding: 30px !important;
		background: #fff !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 .sppb-nested-row {
		margin: 0 !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 .sppb-nested-row > .sppb-row-column,
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 .sppb-nested-row .sppb-column {
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 .sppb-addon-wrapper {
		width: 100% !important;
		margin: 0 !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 .addon-root-button {
		margin-top: 20px !important;
	}
	#home-why-make #column-id-790bb21c-6eea-4745-bca8-38c4d60d9595 h4.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}

	/* ---------- 7. TRUSTED BY (logo slider) ---------- */
	#home-clients {
		padding: 23px 0 40px !important;
	}
	#home-clients > .sppb-row-container {
		position: relative;
	}
	#home-clients #column-wrap-id-2e4143d7-67e4-4039-9710-1d9c44ed805d {
		position: absolute !important;
		top: 0;
		left: 20px;
		right: 20px;
		width: auto !important;
		padding: 0 !important;
	}
	#home-clients #column-wrap-id-2e4143d7-67e4-4039-9710-1d9c44ed805d .sppb-addon-header,
	#home-clients #column-wrap-id-2e4143d7-67e4-4039-9710-1d9c44ed805d .sppb-addon-title {
		font-size: 12px !important;
		line-height: 1.4 !important;
		text-align: center !important;
		margin: 0 !important;
	}
	#home-clients #column-wrap-id-2e4143d7-67e4-4039-9710-1d9c44ed805d br {
		display: none;
	}
	#home-clients > .sppb-row-container > .sppb-row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin: 0 !important;
		padding-top: 45px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	#home-clients > .sppb-row-container > .sppb-row::-webkit-scrollbar {
		display: none;
	}
	#home-clients > .sppb-row-container > .sppb-row > .sppb-row-column:not(:first-child) {
		flex: 0 0 100%;
		max-width: 100% !important;
		scroll-snap-align: center;
		padding: 0 !important;
		height: 75px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#home-clients .addon-root-image,
	#home-clients .addon-root-image * {
		margin: 0 auto !important;
		text-align: center !important;
	}
	#home-clients .addon-root-image img {
		width: 170px !important;
		max-width: 100% !important;
		height: 62px !important;
		object-fit: contain;
	}

	/* ---------- 8. TESTIMONIALS ---------- */
	#home-tes {
		padding: 28px 0 30px !important;
		overflow: hidden;
	}
	#home-tes h3.sppb-addon-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	#home-tes h3.sppb-addon-title br {
		display: none;
	}
	/* right-pointing outline arrow beside the big number */
	#home-tes::before {
		width: 217px !important;
		height: 93px !important;
		top: 83px !important;
		left: -99px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
	#home-tes #column-wrap-id-e34cb5a1-8b6e-4a55-9614-47f24a7d6bdb,
	#home-tes #column-id-e34cb5a1-8b6e-4a55-9614-47f24a7d6bdb,
	#home-tes #sppb-addon-wrapper-ec795e14-9153-443c-8e9a-eb1a5ec2050e {
		margin: 0 !important;
	}
	#home-tes .sppb-carousel-extended-item {
		position: relative;
		padding-bottom: 64px !important;
	}
	/* big number 01 – 05 */
	#home-tes .sppb-carousel-extended-item::before {
		display: block;
		text-align: center;
		font-size: 76px;
		line-height: 1;
		font-weight: 300;
		color: #0077b6;
		margin: 38px 0 55px;
	}
	#home-tes .sppb-carousel-extended-item[id$="key-0"]::before { content: "01"; }
	#home-tes .sppb-carousel-extended-item[id$="key-1"]::before { content: "02"; }
	#home-tes .sppb-carousel-extended-item[id$="key-2"]::before { content: "03"; }
	#home-tes .sppb-carousel-extended-item[id$="key-3"]::before { content: "04"; }
	#home-tes .sppb-carousel-extended-item[id$="key-4"]::before { content: "05"; }
    #home-tes .sppb-carousel-extended-item[id$="key-5"]::before { content: "06"; }
	#home-tes .sppb-carousel-extended-item[id$="key-6"]::before { content: "07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-7"]::before { content: "08"; }
	#home-tes .sppb-carousel-extended-item[id$="key-8"]::before { content: "09"; }
	#home-tes .sppb-carousel-extended-item[id$="key-9"]::before { content: "10"; }
	/* counter between the arrows */
	#home-tes .sppb-carousel-extended-item::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		font-size: 12px;
		line-height: 24px;
		color: #22272f;
	}
	#home-tes .sppb-carousel-extended-item[id$="key-0"]::after { content: "01/05"; }
	#home-tes .sppb-carousel-extended-item[id$="key-1"]::after { content: "02/05"; }
	#home-tes .sppb-carousel-extended-item[id$="key-2"]::after { content: "03/05"; }
	#home-tes .sppb-carousel-extended-item[id$="key-3"]::after { content: "04/05"; }
	#home-tes .sppb-carousel-extended-item[id$="key-4"]::after { content: "05/05"; }
    #home-tes .sppb-carousel-extended-item[id$="key-5"]::after { content: "06/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-6"]::after { content: "07/07"; }
	#home-tes .sppb-carousel-extended-item[id$="key-7"]::after { content: "08/10"; }
	#home-tes .sppb-carousel-extended-item[id$="key-8"]::after { content: "09/10"; }
	#home-tes .sppb-carousel-extended-item[id$="key-9"]::after { content: "10/10"; }
	#home-tes .sppb-testimonial-carousel-name,
	#home-tes .sppb-testimonial-carousel-designation {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	#home-tes .sppb-testimonial-carousel-name {
		font-weight: 600 !important;
		margin-top: 0 !important;
	}
	#home-tes .sppb-testimonial-carousel-name-designation {
		margin-bottom: 8px !important;
	}
	#home-tes .sppb-testimonial-carousel-message,
	#home-tes .sppb-testimonial-carousel-message p {
		margin: 0 !important;
	}
	#home-tes .sppb-testimonial-carousel-message,
	#home-tes .sppb-testimonial-carousel-message * {
		font-size: 14px !important;
		line-height: 1.4 !important;
		font-weight: 400 !important;
	}
	/* prev / next arrows sit either side of the counter */
	#home-tes .sppb-carousel-extended-nav-control {
		position: relative;
		z-index: 2;
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 120px;
		height: 24px !important;
		margin-top: -24px !important;
		width: 100% !important;
	}
	#home-tes .sppb-carousel-extended-nav-control .nav-control {
		position: static !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 24px !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: #0077b6 !important;
		background: none !important;
		border: 0 !important;
		cursor: pointer;
		transform: none !important;
	}
	#home-tes .sppb-carousel-extended-nav-control .nav-control i {
		font-size: 22px !important;
		color: #0077b6 !important;
	}

	/* ---------- 9. GOT SOMETHING IN MIND + blue CTA ---------- */
	#home-footer-contact {
		padding: 28px 0 0 !important;
	}
	#home-footer-contact .sppb-addon-text-block {
		text-align: center !important;
	}
	#home-footer-contact h3.sppb-addon-title {
		font-size: 23px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		margin: 0 0 18px !important;
	}
	#home-footer-contact .sppb-addon-content,
	#home-footer-contact .sppb-addon-content p {
		font-size: 17px !important;
		line-height: 27px !important;
	}
	#home-footer-contact #sppb-addon-wrapper-72fd9298-7b9d-4ede-a483-5dce047aba26 {
		margin-bottom: 26px !important;
	}
	#home-footer-contact #sppb-addon-wrapper-8e056928-5416-46cc-8899-17ec7995c5f3 {
		margin: 0 calc(50% - 50vw) !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
	#home-footer-contact #sppb-addon-wrapper-8e056928-5416-46cc-8899-17ec7995c5f3 .sppb-button-wrapper {
		text-align: center;
	}
	#home-footer-contact #btn-8e056928-5416-46cc-8899-17ec7995c5f3 {
		display: block !important;
		width: 100% !important;
		padding: 30px 20px 100px !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 500 !important;
		text-align: center !important;
		position: relative;
	}
	/* large white down arrow */
	#home-footer-contact #btn-8e056928-5416-46cc-8899-17ec7995c5f3::after {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		right: auto !important;
		top: auto !important;
		bottom: 28px !important;
		width: 42px !important;
		height: 55px !important;
		margin: 0 0 0 -21px !important;
		transform: none !important;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 55'%3E%3Cpath d='M21 0v50M3 32l18 19 18-19' fill='none' stroke='%23fff' stroke-width='7'/%3E%3C/svg%3E") center / contain no-repeat !important;
	}
}

/* ==========================================================
   PEPPERDOG – MOBILE OFF-CANVAS MENU + FOOTER LOGOS
   ========================================================== */
@media (max-width: 991px) {

	/* ---------- Burger buttons: blue square, white lines ---------- */
	#offcanvas-toggler,
	.offcanvas-menu .close-offcanvas {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 34px !important;
		height: 28px !important;
		padding: 0 !important;
		margin: 0 !important;
		align-self: center;
		background: #0077b6;
		border-radius: 0;
	}
	.offcanvas-menu .close-offcanvas {
		position: static !important;
		top: auto !important;
		right: auto !important;
	}
	#offcanvas-toggler .burger-icon,
	.offcanvas-menu .close-offcanvas .burger-icon {
		width: 18px !important;
		height: 14px !important;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#offcanvas-toggler .burger-icon > span,
	.offcanvas-menu .close-offcanvas .burger-icon > span {
		display: block;
		width: 18px !important;
		height: 2px !important;
		margin: 0 !important;
		background-color: #fff !important;
		opacity: 1 !important;
		transform: none !important;
		position: static !important;
	}

	/* ---------- Panel: full screen, slides in from the right ---------- */
	.offcanvas-menu {
		width: 100% !important;
		max-width: 100% !important;
		right: -100% !important;
		left: auto !important;
		display: flex !important;
		flex-direction: column;
		height: 100% !important;
		overflow-y: auto;
		background: #fff !important;
	}
	body.offcanvas-active .offcanvas-menu {
		right: 0 !important;
	}
	.offcanvas-overlay {
		display: none !important;
	}

	/* header row: logo + button, soft shadow like the page header */
	.offcanvas-menu > .d-flex {
		flex: 0 0 auto;
		height: 62px;
		padding: 0 20px !important;
		align-items: center !important;
		box-shadow: 0 4px 10px rgba(34, 39, 47, 0.08);
		position: relative;
		z-index: 1;
	}
	.offcanvas-menu .logo,
	.offcanvas-menu .logo a {
		display: flex;
		align-items: center;
		line-height: 0;
	}
	.offcanvas-menu .logo img {
		height: 21px !important;
		width: auto !important;
	}

	/* ---------- Menu list ---------- */
	.offcanvas-menu .offcanvas-inner {
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		padding: 0 !important;
	}
	.offcanvas-menu .offcanvas-inner .header-modules {
		display: none !important;
	}
	.offcanvas-menu .offcanvas-inner > .sp-module:not(.off-canvas-mobile-contact) {
		padding: 16px 20px 40px;
		margin: 0 !important;
	}
	.offcanvas-menu ul.menu {
		display: flex;
		flex-direction: column;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* design order: Services first; Home + Contact not shown (Contact is the blue box below) */
	.offcanvas-menu ul.menu > li.menu-parent { order: -1; }
	.offcanvas-menu ul.menu > li.item-101,
	.offcanvas-menu ul.menu > li.item-1054 {
		display: none !important;
	}
	.offcanvas-menu ul.menu li,
	.offcanvas-menu ul.menu li > a {
		opacity: 1 !important;
		transform: none !important;
	}
	.offcanvas-menu ul.menu > li {
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #c6d4df;
	}
	.offcanvas-menu ul.menu > li:last-child,
	.offcanvas-menu ul.menu > li.item-1053 {
		border-bottom: 0;
	}
	.offcanvas-menu ul.menu > li > a {
		display: block;
		padding: 9px 40px 9px 0 !important;
		font-size: 16px !important;
		line-height: 21px !important;
		font-weight: 400 !important;
		color: #0077b6 !important;
		background: none !important;
		border: 0 !important;
	}
	.offcanvas-menu ul.menu > li.active > a {
		color: #0077b6 !important;
	}

		/* Services arrow – same as the Sectors accordion: ↘ closed, rotated 180° open */
	.offcanvas-menu ul.menu > li.menu-parent > a > .menu-toggler {
		position: absolute !important;
		top: 50% !important;
		right: -10px !important;
		width: 40px !important;
		height: 39px !important;
		margin: 0 !important;
		display: block !important;
		background: url("/images/main/graphic-elements/arrow-down---blue.svg") center / 20px 20px no-repeat !important;
		transform: translateY(-50%) !important;
		transition: transform 0.4s !important;
		cursor: pointer;
	}
	.offcanvas-menu ul.menu > li.menu-parent > a > .menu-toggler::before,
	.offcanvas-menu ul.menu > li.menu-parent > a > .menu-toggler::after {
		content: none !important;
		display: none !important;
	}
	.offcanvas-menu ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler {
		transform: translateY(-50%) rotate(180deg) !important;
	}
	/* closed ↗ – open ↘ (as in the design) */
	.offcanvas-menu ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler {
		transform: none;
	}

	/* sub menu: indented, dark text, dividers */
	.offcanvas-menu ul.menu > li > ul.menu-child {
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid #c6d4df;
	}
	.offcanvas-menu ul.menu > li > ul.menu-child > li {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #c6d4df;
	}
	.offcanvas-menu ul.menu > li > ul.menu-child > li:last-child {
		border-bottom: 0;
	}
	.offcanvas-menu ul.menu > li > ul.menu-child > li > a {
		display: block;
		padding: 9px 0 9px 30px !important;
		font-size: 14px !important;
		line-height: 21px !important;
		font-weight: 400 !important;
		color: #22272f !important;
		background: none !important;
	}
	.offcanvas-menu ul.menu > li > ul.menu-child > li.active > a,
	.offcanvas-menu ul.menu > li > ul.menu-child > li > a:hover {
		color: #0077b6 !important;
	}

	/* ---------- Contact us: blue box at the bottom ---------- */
	.offcanvas-menu .off-canvas-mobile-contact {
		margin: auto 0 0 !important;
		padding: 30px 20px 25px !important;
		background: #0077b6 !important;
		text-align: center;
		color: #fff;
	}
	.offcanvas-menu .off-canvas-mobile-contact .sp-module-title {
		margin: 0 0 18px !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 600 !important;
		color: #fff !important;
		text-transform: none !important;
	}
	.offcanvas-menu .off-canvas-mobile-contact p {
		margin: 0 0 4px !important;
		font-size: 16px !important;
		line-height: 1.5 !important;
		color: #fff !important;
	}
	.offcanvas-menu .off-canvas-mobile-contact a {
		color: #fff !important;
		text-decoration: none;
	}

	/* ---------- Footer logos (GCA supplier + Cyber Essentials) ---------- */
	#sp-bottom4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		clear: both;
	}
	#sp-bottom4 .sp-column {
		display: inline-flex;
		justify-content: flex-end;
		align-items: center;
		gap: 18px;
		padding: 10px 0 25px;
	}
	#sp-bottom4 .sp-module {
		margin: 0 !important;
	}
	#sp-bottom4 .mod-custom p {
		margin: 0 !important;
		line-height: 0;
	}
	#sp-bottom4 img {
		float: none !important;
		display: block;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
		max-width: none !important;
	}
	#sp-bottom4 .footer-gov img {
		width: 63px !important;
		height: 47px !important;
	}
	#sp-bottom4 .footer-cyber-logo img {
		height: 68px !important;
	}
}