/*
 * Partner - Loans.
 *
 * Read from cp-all-designer join-business/store-business-partner/index.html:304-350,
 * css/app.css:1739-1759, 3617, 4244-4296 and css/join-business.css:107-164.
 *
 * Colour, type, padding and the corner arrive from the Style tab and are not
 * repeated here.
 */

.custom-partner-loans {
	--custom-loans-ground: #FFFFFF;
	--custom-loans-ground-end: #F0F9FD;
}

/* app.css:1739-1743, 3617 — two tracks, the ground showing between them as a line */
.custom-partner-loans .custom-partner-loans__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px;                              /* app.css:1740 measures 1px */
	box-sizing: border-box;
	overflow: hidden;
	border-width: 2px;                     /* app.css:1741 measures 1px */
	border-style: solid;
}

/* app.css:1747-1752, join-business.css:120-125 — as tall as what it says, and no taller */
.custom-partner-loans .custom-partner-loans__card {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;                             /* app.css:3626 */
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	overflow: hidden;
}

/* join-business.css:133-140 — the ground: white, warming to a pale blue at the foot corner */
.custom-partner-loans .custom-partner-loans__card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
	background:
		radial-gradient(120% 90% at 100% 100%, rgba(80, 163, 213, 0.16) 0%, rgba(80, 163, 213, 0) 60%),
		linear-gradient(135deg, var(--custom-loans-ground) 40%, var(--custom-loans-ground-end) 100%);
}

/* join-business.css:141-152 — the three leaves of the mark, a watermark in the corner the words do not reach */
.custom-partner-loans .custom-partner-loans__card::before {
	content: "";
	position: absolute;
	right: -44px;                          /* join-business.css:144 measures -43.2px */
	bottom: -58px;                         /* measures -57.6px */
	z-index: -1;
	width: 346px;                          /* measures 345.6px */
	aspect-ratio: 38 / 26;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-1%20-1%2038%2026'%3E%3Cdefs%3E%3ClinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%238FD0F2'/%3E%3Cstop%20offset='1'%20stop-color='%2350A3D5'/%3E%3C/linearGradient%3E%3ClinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%2350A3D5'/%3E%3Cstop%20offset='1'%20stop-color='%2316418C'/%3E%3C/linearGradient%3E%3ClinearGradient%20id='c'%20x1='1'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%233D8CB8'/%3E%3Cstop%20offset='1'%20stop-color='%230E1E54'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20transform='translate%28-185.705%20-185.242%29'%20fill='url%28%23c%29'%20stroke='%23fff'%20stroke-opacity='.55'%20stroke-width='1.2'%20vector-effect='non-scaling-stroke'%20d='M203.2%2C209.213l.916-5.83a6.785%2C6.785%2C0%2C0%2C0-.072-3c-.709-2.523-3.105-3.239-5.423-3.49a26.479%2C26.479%2C0%2C0%2C1-6.333-1.142%2C12.127%2C12.127%2C0%2C0%2C1-1.577-.7A5.378%2C5.378%2C0%2C0%2C1%2C188%2C192.236c-.1-.31-.389-1.264-.212-1.569%2C0%2C0-4.58%2C7.892-.158%2C12.541C192.19%2C208%2C201.915%2C202.282%2C203.2%2C209.213Z'/%3E%3Cpath%20transform='translate%28-315.147%20-201.138%29'%20fill='url%28%23b%29'%20stroke='%23fff'%20stroke-opacity='.55'%20stroke-width='1.2'%20vector-effect='non-scaling-stroke'%20d='M334.374%2C221.822l.972-5.647s.528-6.767%2C6.776-5.849c5.158.758%2C7.1.772%2C8.906-1.4%2C0%2C0%2C1.264%2C9.316-7.1%2C9.264h-2.935a7.892%2C7.892%2C0%2C0%2C0-4.371.857A6.533%2C6.533%2C0%2C0%2C0%2C334.374%2C221.822Z'/%3E%3Cpath%20transform='translate%28-265.627%20-148.718%29'%20fill='url%28%23a%29'%20stroke='%23fff'%20stroke-opacity='.55'%20stroke-width='1.2'%20vector-effect='non-scaling-stroke'%20d='M284.774%2C162.784s.336-1.865.68-3.913a5.691%2C5.691%2C0%2C0%2C0-.252-3.722c-.987-1.841-3.976-3.146-4.961-4.378a2.272%2C2.272%2C0%2C0%2C1-.367-2.053s-2.73%2C2.9-2.336%2C6.4%2C3.861%2C3.634%2C5.556%2C5.028A4.477%2C4.477%2C0%2C0%2C1%2C284.774%2C162.784Z'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: 0.34;
	transform: rotate(-8deg);
	transform-origin: 100% 100%;
	pointer-events: none;
}

/* app.css:4244-4249, join-business.css:126 — a small pill over the sum */
.custom-partner-loans .custom-partner-loans__label {
	margin: 0 0 12px;                      /* join-business.css:126 */
	padding: 4px 14px;
	border-width: 2px;                     /* app.css:4247 measures 1px */
	border-style: solid;
	border-radius: 1000px;
	font-family: inherit;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0px;                   /* app.css:4248 measures 0.96px */
	text-transform: none;
}

/* app.css:1780, 3628, 4250 */
.custom-partner-loans .custom-partner-loans__card-title {
	margin: 0 0 16px;                      /* app.css:4250 */
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
}

.custom-partner-loans .custom-partner-loans__card-title strong,
.custom-partner-loans .custom-partner-loans__card-title b {
	font-weight: 700;                      /* app.css:4260 */
	color: inherit;
}

/* app.css:4264-4276 — the terms stay on the face, under a rule */
.custom-partner-loans .custom-partner-loans__terms {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 16px 0 0;
	border-top-width: 2px;                 /* app.css:4266 measures 1px */
	border-top-style: solid;
	list-style: none;
}

.custom-partner-loans .custom-partner-loans__term {
	position: relative;
	margin: 0;
	padding: 0 0 0 18px;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0;
	list-style: none;
}

.custom-partner-loans .custom-partner-loans__term::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 8px;
	height: 2px;
}

/* ------------------------------------------------------------------ */
/* Tablet — 768px to 1024px                                            */
/* ------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.custom-partner-loans .custom-partner-loans__card::before {
		right: -28px;                      /* measures -27.6px */
		bottom: -36px;                     /* measures -36.8px */
		width: 240px;
	}
}

/* ------------------------------------------------------------------ */
/* Mobile — up to 767px (app.css:3646, join-business.css:160-164)      */
/* ------------------------------------------------------------------ */

@media (max-width: 767px) {
	.custom-partner-loans .custom-partner-loans__grid {
		grid-template-columns: minmax(0, 1fr);
	}
	/* a narrow card: the mark steps back and fades a little more */
	.custom-partner-loans .custom-partner-loans__card::before {
		right: -30px;
		bottom: -34px;
		width: 170px;
		opacity: 0.26;
	}
}