:root {
	--paydo-info-green: #124b3c;
	--paydo-info-accent: #20a568;
	--paydo-info-ink: #172c24;
	--paydo-info-muted: #63736c;
	--paydo-info-line: #dbe5e0;
}

.paydo-info-page {
	background: #f3f7f4;
	color: var(--paydo-info-ink);
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0;
}

.paydo-info-header {
	background: var(--paydo-info-green);
	box-shadow: 0 8px 30px rgba(10, 42, 32, .12);
	position: relative;
	z-index: 10;
}

.paydo-info-nav {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 82px;
}

.paydo-info-logo {
	color: #fff;
	font-size: 27px;
	font-weight: 800;
}

.paydo-info-logo:hover,
.paydo-info-logo:focus {
	color: #fff;
	text-decoration: none;
}

.paydo-info-nav nav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
}

.paydo-info-nav nav a {
	color: #dce9e3;
	font-size: 14px;
	font-weight: 650;
}

.paydo-info-nav nav a:hover,
.paydo-info-nav nav a:focus {
	color: #fff;
	text-decoration: none;
}

.paydo-info-nav .paydo-info-login {
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 9px;
	padding: 9px 14px;
}

.paydo-info-main {
	min-height: 54vh;
	padding: 64px 0 12px;
}

.paydo-info-page .w3layouts-partners {
	display: block !important;
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px !important;
	text-align: left;
}

.paydo-info-page .w3layouts-partners > h3 {
	color: var(--paydo-info-ink);
	font-size: clamp(34px, 5vw, 54px);
	font-weight: 800;
	letter-spacing: -.04em;
	margin: 0 0 24px;
	text-align: left;
}

.paydo-info-page .w3layouts-partners > .container,
.paydo-info-page .company-details,
.paydo-account-card {
	background: #fff;
	border: 1px solid var(--paydo-info-line);
	border-radius: 18px;
	box-shadow: 0 18px 55px rgba(22, 64, 49, .07);
	color: var(--paydo-info-muted);
	font-size: 17px;
	line-height: 1.82;
	margin: 0 0 22px;
	max-width: 100%;
	padding: clamp(24px, 5vw, 52px);
	width: 100%;
}

.paydo-lead {
	color: var(--paydo-info-ink);
	font-size: clamp(19px, 2.1vw, 24px);
	font-weight: 500;
	line-height: 1.55;
	margin: 0 0 30px;
	max-width: 920px;
}

.paydo-info-feature-grid,
.paydo-contact-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.paydo-info-feature-grid section,
.paydo-contact-grid section,
.paydo-faq-list section {
	background: #f6faf7;
	border: 1px solid var(--paydo-info-line);
	border-radius: 14px;
	padding: 24px;
}

.paydo-info-feature-grid h4,
.paydo-contact-grid h4,
.paydo-faq-list h4,
.paydo-policy-copy h4 {
	font-size: 21px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 10px;
}

.paydo-info-feature-grid p,
.paydo-contact-grid p,
.paydo-faq-list p {
	margin: 0;
}

.paydo-faq-list section + section {
	margin-top: 16px;
}

.paydo-info-cta {
	color: var(--paydo-info-accent);
	display: inline-block;
	font-weight: 800;
	margin-top: 14px;
}

.paydo-policy-copy h4 {
	margin-top: 32px;
}

.paydo-policy-copy h4:first-of-type {
	margin-top: 0;
}

.paydo-policy-date {
	color: var(--paydo-info-muted);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.paydo-info-page .w3layouts-partners b,
.paydo-info-page .w3layouts-partners h4,
.paydo-account-card h2 {
	color: var(--paydo-info-ink);
}

.paydo-info-page .company-details {
	background: #eaf5ef;
}

.paydo-info-page .w3layouts-partners > .container ul {
	list-style: disc;
	margin: 12px 0 12px 22px;
	padding: 0;
}

.paydo-info-page .w3layouts-partners > .container ul li {
	display: list-item !important;
	float: none !important;
	margin: 6px 0;
	text-align: left;
	width: auto !important;
}

.paydo-account-wrap {
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 20px;
}

.paydo-account-head {
	margin-bottom: 26px;
}

.paydo-account-head h1 {
	font-size: clamp(34px, 5vw, 54px);
	font-weight: 800;
	letter-spacing: -.04em;
	margin: 0 0 10px;
}

.paydo-account-head p {
	color: var(--paydo-info-muted);
}

.paydo-account-login {
	background: var(--paydo-info-accent);
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-weight: 750;
	margin-top: 12px;
	padding: 12px 18px;
}

.paydo-account-login:hover {
	color: #fff;
}

.paydo-history {
	border-collapse: collapse;
	width: 100%;
}

.paydo-history th,
.paydo-history td {
	border-bottom: 1px solid var(--paydo-info-line);
	padding: 14px 10px;
	text-align: left;
}

.paydo-history th {
	color: var(--paydo-info-ink);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

@media (max-width: 760px) {
	.paydo-info-nav {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
		padding-bottom: 18px;
		padding-top: 18px;
	}

	.paydo-info-nav nav {
		gap: 10px 16px;
	}

	.paydo-info-main {
		padding-top: 38px;
	}

	.paydo-history-wrap {
		overflow-x: auto;
	}

	.paydo-info-feature-grid,
	.paydo-contact-grid {
		grid-template-columns: 1fr;
	}
}