/* BJP Brand Partners page — CreaFide, Figma file 1xQDeCr07QFZxlMTMZNXxJ:
     desktop "Group 6" 6224:187 (1440x2894)
     mobile  "Group 7" 6224:190 (390x4466)

     hero      y0      384   heading, copy, two CTAs
     banner    y384    405   full-bleed photograph
     why       y789    516   "Why Brands Choose CreaFide™" plus three cards
     benefits  y1305    408   "Benefits of Partnership" beside a 2x2 grid
     current   y1713    856   "Current Partners" card over a tinted band
     cta       y2569    325   accent closing CTA beside the wordmark

   Both breakpoints come from the Figma HTML export, so the mobile rules below
   are measured rather than interpolated. The 1440 frame uses 80px gutters and
   caps content at 1280; --bjp-pad-x spans that down to the 390 frame's 20px.
   Sections carry 80px of top and bottom padding, except the hero, which is 64
   on desktop and 32 on mobile. Tokens live on .bjp-brand-partners; each
   section owns its own geometry. */

.bjp-brand-partners {
	/* --- shared tokens ------------------------------------------------- */
	--bjp-color-text: #231F20;
	--bjp-color-primary: #156082;
	--bjp-color-primary-hover: #0f4a63;
	--bjp-color-accent: #67C7C7;
	--bjp-color-border: #EAECF0;
	/* Feature card fill, node 4028:1937 and siblings. */
	--bjp-color-surface: #F9FAFB;
	/* The Current Partners band — 9% of the accent over white. */
	--bjp-color-band: rgba(103, 199, 199, 0.09);
	--bjp-font: 'Manrope', -apple-system, Roboto, Helvetica, sans-serif;

	--bjp-pad-x: clamp(20px, 5.5556vw, 80px);

	box-sizing: border-box;
	font-family: var(--bjp-font);
	color: var(--bjp-color-text);
	background: #ffffff;
}

/* Break out of Astra's / Elementor's content container so the banner, the
   tinted band and the accent CTA reach both edges of the viewport. The doubled
   class raises specificity past `.entry-content[data-ast-blocks-layout] > *`,
   which otherwise forces `margin-left: auto` and a content-width max-width
   onto the wrapper. */
.bjp-brand-partners.bjp-brand-partners {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.bjp-brand-partners *,
.bjp-brand-partners *::before,
.bjp-brand-partners *::after {
	box-sizing: border-box;
}

/* Figma's frames are a fixed 1440 with 80px gutters; cap content at that
   1280px column and centre it on wider viewports. */
.bjp-brand-partners__container {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/* ======================================================================
   BUTTONS — the shared [button]--primary / --secondary components
   ====================================================================== */

.bjp-brand-partners a.bjp-brand-partners__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 16px;
	border-radius: 8px;
	font-family: var(--bjp-font);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.bjp-brand-partners a.bjp-brand-partners__button--primary {
	background: var(--bjp-color-primary);
	border: 0;
	color: #ffffff;
}

.bjp-brand-partners a.bjp-brand-partners__button--primary:hover,
.bjp-brand-partners a.bjp-brand-partners__button--primary:focus {
	background: var(--bjp-color-primary-hover);
	color: #ffffff;
}

/* The 390 frame draws this border in the body colour; the 1440 frame draws it
   white on white, which reads as an export slip rather than intent, so the
   visible border wins at both widths — and it matches the same component on
   the About and Verification Standard pages. */
.bjp-brand-partners a.bjp-brand-partners__button--secondary {
	background: #ffffff;
	border: 1px solid var(--bjp-color-text);
	color: var(--bjp-color-text);
}

.bjp-brand-partners a.bjp-brand-partners__button--secondary:hover,
.bjp-brand-partners a.bjp-brand-partners__button--secondary:focus {
	background: var(--bjp-color-text);
	color: #ffffff;
}

.bjp-brand-partners__arrow {
	display: block;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
}

/* ======================================================================
   HERO — heading, copy and the two CTAs
   ====================================================================== */

.bjp-brand-partners-hero {
	display: flex;
	justify-content: center;
	padding: 64px var(--bjp-pad-x);
	background: #ffffff;
}

/* The 1440 frame gives the column a fixed 788px; the copy is what sets the
   height (112 + 24 + 56 + 16 + 48 = the frame's 256px content box). */
.bjp-brand-partners-hero__column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	max-width: 788px;
}

.bjp-brand-partners-hero__copy-wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-self: stretch;
}

.bjp-brand-partners-hero__heading {
	margin: 0;
	font-family: var(--bjp-font);
	font-size: clamp(36px, 5.6944vw, 82px);
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.02em;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-hero__copy {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-hero__actions {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

/* ======================================================================
   BANNER — a full-bleed 1440x405 photograph, 390x405 on mobile
   ====================================================================== */

.bjp-brand-partners-banner {
	display: block;
	background: #ffffff;
}

.bjp-brand-partners-banner picture,
.bjp-brand-partners-banner img {
	display: block;
	width: 100%;
	height: 405px;
	object-fit: cover;
}

/* ======================================================================
   VERIFY MY BATCH — filters over a two-up grid of product cards (BJP-34,
   from the ticket's mockup rather than the Figma file). Replaces the BJP-20
   "coming soon" heading and keeps its #verify-my-batch anchor.
   ====================================================================== */

.bjp-batch-verify {
	/* The mockup's teal, darkened for text so it clears 4.5:1 on white; the
	   card borders keep the brand accent. */
	--bjp-batch-teal: #267A7A;
	--bjp-batch-link: #2F3FD6;

	padding: 80px var(--bjp-pad-x) 0;
	background: #ffffff;
	scroll-margin-top: 24px;
}

.bjp-batch-verify__empty,
.bjp-batch-verify__no-match {
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

.bjp-batch-verify__no-match {
	margin-top: 32px;
}

/* --- filters ------------------------------------------------------------ */

.bjp-batch-verify__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px 24px;
	margin: 0 0 32px;
}

.bjp-batch-verify__filter {
	display: flex;
	flex: 1 1 220px;
	flex-direction: column;
	gap: 8px;
	max-width: 360px;
}

.bjp-batch-verify__filter-label {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	color: var(--bjp-batch-teal);
}

.bjp-brand-partners .bjp-batch-verify__select {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--bjp-color-border);
	border-radius: 4px;
	background-color: #ffffff;
	font-family: var(--bjp-font);
	font-size: 16px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners .bjp-batch-verify__reset {
	height: 44px;
	padding: 0 20px;
	border: 0;
	border-radius: 4px;
	background: var(--bjp-color-border);
	font-family: var(--bjp-font);
	font-size: 16px;
	font-weight: 600;
	color: var(--bjp-color-text);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.bjp-brand-partners .bjp-batch-verify__reset:hover,
.bjp-brand-partners .bjp-batch-verify__reset:focus {
	background: #D0D5DD;
	color: var(--bjp-color-text);
}

/* --- cards -------------------------------------------------------------- */

.bjp-batch-verify__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.bjp-batch-verify__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	border: 2px solid var(--bjp-color-accent);
}

.bjp-batch-verify__card[hidden] {
	display: none;
}

.bjp-batch-verify__card-main {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) auto;
	align-items: start;
	gap: 24px;
}

/* Pack shots keep their own proportions: the client sizes the files so the
   smaller packs read smaller, so the box only caps them. */
.bjp-batch-verify__media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
}

.bjp-batch-verify__image {
	display: block;
	max-width: 100%;
	max-height: 180px;
	width: auto;
	height: auto;
}

.bjp-batch-verify__details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.bjp-batch-verify__brand {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}

.bjp-brand-partners .bjp-batch-verify__title {
	margin: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	color: var(--bjp-batch-teal);
}

.bjp-batch-verify__flavour {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
}

.bjp-brand-partners .bjp-batch-verify__toggle {
	margin-top: 16px;
	padding: 8px 14px;
	border: 2px solid var(--bjp-color-accent);
	border-radius: 0;
	background: #ffffff;
	font-family: var(--bjp-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--bjp-batch-teal);
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.bjp-brand-partners .bjp-batch-verify__toggle:hover,
.bjp-brand-partners .bjp-batch-verify__toggle:focus {
	background: var(--bjp-batch-teal);
	color: #ffffff;
}

.bjp-batch-verify__batches {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bjp-batch-verify__batch {
	margin: 0;
	font-size: 20px;
	line-height: 32px;
}

.bjp-batch-verify__batch[hidden] {
	display: none;
}

.bjp-brand-partners a.bjp-batch-verify__batch-link {
	color: var(--bjp-batch-link);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bjp-brand-partners a.bjp-batch-verify__batch-link:hover,
.bjp-brand-partners a.bjp-batch-verify__batch-link:focus {
	color: var(--bjp-color-primary);
}

.bjp-batch-verify__note {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
}

/* ======================================================================
   WHY BRANDS CHOOSE — centred heading over three collapsed-border cards
   ====================================================================== */

.bjp-brand-partners-why {
	padding: 80px var(--bjp-pad-x);
	background: #ffffff;
}

.bjp-brand-partners-why__inner {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.bjp-brand-partners-why__head {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 64px;
}

.bjp-brand-partners-why__title {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	color: var(--bjp-color-text);
	text-align: center;
}

.bjp-brand-partners-why__title-accent {
	color: var(--bjp-color-accent);
}

/* Cards sit edge to edge with their own 1px borders, so the shared edge reads
   as a seam and 40px of padding plus the border gives Figma's 41px inset. */
.bjp-brand-partners-why__cards {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.bjp-brand-partners-why__card {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	padding: 40px;
	border: 1px solid var(--bjp-color-border);
	background: #ffffff;
}

.bjp-brand-partners-why__card-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.bjp-brand-partners-why__icon {
	display: block;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	color: var(--bjp-color-accent);
}

.bjp-brand-partners-why__card-title {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-why__card-copy {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--bjp-color-text);
}

/* ======================================================================
   BENEFITS OF PARTNERSHIP — copy column beside a 2x2 feature grid
   ====================================================================== */

.bjp-brand-partners-benefits {
	padding: 80px var(--bjp-pad-x);
	background: #ffffff;
}

/* The frame wraps rather than switching layout: two 256-600px columns with a
   64px gap, which stacks on its own once the viewport cannot hold both. */
.bjp-brand-partners-benefits__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	gap: 64px;
}

.bjp-brand-partners-benefits__column {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	min-width: 256px;
	max-width: 600px;
}

.bjp-brand-partners-benefits__head {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.bjp-brand-partners-benefits__title {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -0.02em;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-benefits__copy {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners a.bjp-brand-partners-benefits__link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--bjp-color-primary);
	text-decoration: none;
}

.bjp-brand-partners a.bjp-brand-partners-benefits__link:hover,
.bjp-brand-partners a.bjp-brand-partners-benefits__link:focus {
	color: var(--bjp-color-primary-hover);
	text-decoration: underline;
}

.bjp-brand-partners-benefits__link-arrow {
	display: block;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

/* Row 1 and Row 2 in the frame are one 24px grid; auto-fit reproduces their
   256px minimum, so the pair drops to a single column on the 390 frame. */
.bjp-brand-partners-benefits__features {
	display: grid;
	flex: 1 1 0;
	grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
	gap: 24px;
	min-width: 256px;
	max-width: 600px;
}

.bjp-brand-partners-benefits__feature {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	padding: 24px;
	border-radius: 16px;
	background: var(--bjp-color-surface);
}

.bjp-brand-partners-benefits__feature-icon {
	display: block;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	color: var(--bjp-color-accent);
}

.bjp-brand-partners-benefits__feature-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--bjp-color-text);
}

/* ======================================================================
   CURRENT PARTNERS — partner cards over a full-bleed tinted band
   ====================================================================== */

.bjp-brand-partners-current {
	position: relative;
	padding: 80px var(--bjp-pad-x);
	background: #ffffff;
}

/* The export carries this band as a 1440x294 rectangle outside the section's
   auto layout — the section's own content box measures 696px exactly without
   it — so it is decoration behind the heading and the top of the card. The
   export does not record its y offset; the frame's first child sits at the
   top, which is what this reproduces. */
.bjp-brand-partners-current::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 294px;
	background: var(--bjp-color-band);
	pointer-events: none;
}

.bjp-brand-partners-current__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.bjp-brand-partners-current__head {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 64px;
}

.bjp-brand-partners-current__title {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	color: var(--bjp-color-text);
	text-align: center;
}

.bjp-brand-partners-current__cards {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 64px;
}

.bjp-brand-partners-current__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 450px;
	max-width: 100%;
	border: 1px solid var(--bjp-color-border);
	border-radius: 16px;
	background: #ffffff;
	box-shadow:
		0 59px 17px 0 rgba(0, 0, 0, 0),
		0 38px 15px 0 rgba(0, 0, 0, 0.01),
		0 21px 13px 0 rgba(0, 0, 0, 0.03),
		0 9px 9px 0 rgba(0, 0, 0, 0.04),
		0 2px 5px 0 rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.bjp-brand-partners-current__photo {
	display: block;
	width: 100%;
	height: 282px;
	object-fit: cover;
	border-radius: 16px 16px 0 0;
}

.bjp-brand-partners-current__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	padding: 20px 40px 40px;
}

.bjp-brand-partners-current__name {
	margin: 0;
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	color: var(--bjp-color-text);
	text-decoration: underline;
	text-underline-position: from-font;
}

.bjp-brand-partners a.bjp-brand-partners-current__name-link {
	color: inherit;
	text-decoration: underline;
	text-underline-position: from-font;
}

.bjp-brand-partners a.bjp-brand-partners-current__name-link:hover,
.bjp-brand-partners a.bjp-brand-partners-current__name-link:focus {
	color: var(--bjp-color-primary);
}

.bjp-brand-partners-current__role {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: var(--bjp-color-primary);
}

.bjp-brand-partners-current__copy {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--bjp-color-text);
}

/* The frame closes on a hairline in the body colour, inside the 1280 column
   and one 48px gap below the cards. */
.bjp-brand-partners-current__rule {
	height: 1px;
	background: var(--bjp-color-text);
}

/* ======================================================================
   CTA — accent band, copy beside the 600x165 wordmark
   ====================================================================== */

.bjp-brand-partners-cta {
	padding: 80px var(--bjp-pad-x);
	background: var(--bjp-color-accent);
}

.bjp-brand-partners-cta__inner {
	display: flex;
	align-items: center;
	gap: 80px;
	min-height: 165px;
}

.bjp-brand-partners-cta__column {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	min-width: 0;
}

.bjp-brand-partners-cta__title {
	margin: 0;
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-cta__copy {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--bjp-color-text);
}

.bjp-brand-partners-cta__mark {
	display: flex;
	flex: 1 1 0;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	min-width: 0;
}

.bjp-brand-partners-cta__mark img {
	display: block;
	width: 600px;
	max-width: 100%;
	height: auto;
}

/* ======================================================================
   TABLET — relax the fixed columns before the mobile frame takes over
   ====================================================================== */

@media (max-width: 1200px) {
	.bjp-brand-partners-cta__inner {
		gap: 48px;
	}
}

/* ======================================================================
   MOBILE — measured against the 390 frame (6224:190)
   ====================================================================== */

@media (max-width: 1024px) {

	/* --- hero --------------------------------------------------------- */

	/* The 390 frame pads the section 32px top and bottom and moves the side
	   gutter onto the copy row, so the banner below can stay flush. */
	.bjp-brand-partners-hero {
		padding: 32px 0;
	}

	.bjp-brand-partners-hero__inner {
		display: flex;
		align-items: center;
		min-height: 400px;
		padding: 0 var(--bjp-pad-x);
	}

	.bjp-brand-partners-hero__column {
		gap: 48px;
		max-width: 1000px;
		width: 100%;
	}

	.bjp-brand-partners-hero__actions {
		flex-direction: column;
		align-items: stretch;
		align-self: stretch;
	}

	/* --- verify my batch ---------------------------------------------- */

	.bjp-batch-verify__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.bjp-batch-verify__filter {
		max-width: none;
	}

	.bjp-batch-verify__filter-label {
		font-size: 20px;
		line-height: 28px;
	}

	/* --- why brands choose -------------------------------------------- */

	/* Not an interpolation of the desktop values: the 390 frame drops this
	   heading to 36/44 and to weight 600. */
	.bjp-brand-partners-why__title {
		font-size: 36px;
		font-weight: 600;
		line-height: 44px;
		text-align: left;
	}

	/* The 390 frame lets the heading fill the column instead of centring a
	   shrink-wrapped block. */
	.bjp-brand-partners-why__head {
		justify-content: flex-start;
	}

	.bjp-brand-partners-why__cards {
		flex-direction: column;
	}

	.bjp-brand-partners-why__card {
		flex: 0 0 auto;
	}

	/* --- benefits of partnership -------------------------------------- */

	.bjp-brand-partners-benefits__title {
		font-size: 36px;
		font-weight: 600;
		line-height: 44px;
		letter-spacing: normal;
	}

	/* --- current partners --------------------------------------------- */

	.bjp-brand-partners-current__head {
		justify-content: flex-start;
	}

	.bjp-brand-partners-current__title {
		font-size: 36px;
		font-weight: 600;
		line-height: 44px;
		text-align: left;
	}

	.bjp-brand-partners-current__cards {
		gap: 48px;
	}

	.bjp-brand-partners-current__card {
		width: 100%;
	}

	.bjp-brand-partners-current__body {
		padding: 20px;
	}

	/* --- cta ---------------------------------------------------------- */

	/* The 390 frame stacks these with an 80px gap and lets the wordmark span
	   the full column. */
	.bjp-brand-partners-cta__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 80px;
		min-height: 0;
	}

	.bjp-brand-partners-cta__mark {
		align-self: auto;
	}

	.bjp-brand-partners-cta__mark img {
		width: 100%;
	}
}

/* The 390 frame's banner is its own crop of the photograph rather than a
   squeeze of the 1440 one; the swap happens in the markup, through the same
   560px <picture> breakpoint the homepage hero already uses. */

/* ======================================================================
   PHONE — Verify My Batch cards drop the batch column under the details
   ====================================================================== */

@media (max-width: 560px) {

	.bjp-batch-verify__card {
		padding: 20px 16px;
	}

	.bjp-batch-verify__card-main {
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 16px;
	}

	.bjp-batch-verify__media {
		min-height: 112px;
	}

	.bjp-batch-verify__image {
		max-height: 140px;
	}

	.bjp-batch-verify__batches {
		grid-column: 1 / -1;
	}

	.bjp-brand-partners .bjp-batch-verify__title {
		font-size: 22px;
		line-height: 30px;
	}

	.bjp-brand-partners .bjp-batch-verify__reset {
		width: 100%;
	}
}