#pt-tailwind.pt-frontend-layout {
	margin: 0;
	min-height: 100vh;
	padding: 0;
	background: #f0faf7;
	color: #17243c;
	font-family: Poppins, "Open Sans", sans-serif;
	line-height: 1.5;
}

#pt-tailwind.pt-frontend-layout *,
#pt-tailwind.pt-frontend-layout *::before,
#pt-tailwind.pt-frontend-layout *::after {
	box-sizing: border-box;
}

#pt-tailwind.pt-frontend-layout button,
#pt-tailwind.pt-frontend-layout input,
#pt-tailwind.pt-frontend-layout select,
#pt-tailwind.pt-frontend-layout textarea {
	font: inherit;
}

#pt-tailwind.pt-frontend-layout button {
	cursor: pointer;
}

#pt-tailwind.pt-frontend-layout a {
	color: inherit;
	text-decoration: none;
}

#pt-tailwind.pt-frontend-layout a:focus-visible,
#pt-tailwind.pt-frontend-layout button:focus-visible {
	outline: 3px solid #6ee7b7;
	outline-offset: 3px;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu {
	position: fixed;
	inset: 0 0 auto;
	z-index: 40;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: auto;
	height: 78px;
	margin: 0;
	padding: 12px 32px;
	background: #fff;
	box-shadow: 0 2px 12px #17243c0a;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo {
	position: static;
	float: none;
	flex: 0 0 220px;
	width: 220px;
	height: 54px;
	padding: 0;
	background: #fff;
	color: #17243c;
	font-size: inherit;
	line-height: normal;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 54px;
	filter: none;
	object-fit: contain;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search {
	position: relative;
	flex: 1 1 220px;
	width: min(36vw, 550px);
	min-width: 0;
	max-width: 550px;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search input {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 12px 22px;
	padding-inline-start: 46px;
	border: 0;
	border-radius: 9999px;
	background: #f1f5f9;
	font-size: 14px;
	line-height: 1.25rem;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search button {
	position: absolute;
	top: 50%;
	inset-inline: 12px auto;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	color: #7a879d;
	line-height: 1;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu {
	display: flex;
	align-items: center;
	gap: 16px;
	float: none;
	margin: 0;
	padding: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>* {
	float: none;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span {
	font-size: 13px;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	border: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang {
	padding: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px 12px;
	border: 0;
	border-radius: 9999px;
	background: #f1f5f9;
	color: #263b4c;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	white-space: nowrap;
	cursor: pointer;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul {
	position: absolute;
	inset-block-start: calc(100% + 8px);
	inset-inline-start: 0;
	display: block;
	width: max-content;
	min-width: 190px;
	max-width: min(280px, calc(100vw - 24px));
	max-height: min(60vh, 360px);
	margin: 0;
	padding: 7px;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	visibility: visible;
	opacity: 1;
	transition: none;
	z-index: 50;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 32px #173c3014;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul[hidden],
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul:not(.open) {
	display: none;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border: 0;
	border-radius: 10px;
	color: #475569;
	font-size: 13px;
	line-height: 1.4;
	cursor: pointer;
	white-space: nowrap;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul a:hover,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul a:focus-visible {
	background: #e6faf1;
	color: #047857;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 16px;
	border-radius: 9999px;
	background: #06b581;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a:hover {
	background: #059669;
	box-shadow: none;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash a {
	display: grid;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	border-radius: 50%;
	background: #f1f5f9;
	box-shadow: none;
	color: #475569;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash a:hover {
	background: #e6faf1;
	box-shadow: none;
	color: #059669;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow {
	position: relative;
	display: grid;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: #f1f5f9;
	color: #475569;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow.active {
	border-radius: 50%;
	box-shadow: none;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow b {
	position: absolute;
	top: -4px;
	inset-inline-end: -4px;
	right: auto;
	display: grid;
	min-width: 18px;
	width: auto;
	height: 18px;
	padding: 0 4px;
	place-items: center;
	border: 2px solid #fff;
	border-radius: 9999px;
	background: #ef4444;
	color: #fff;
	font-size: 9px;
	line-height: 1;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop {
	position: absolute;
	inset-block-start: calc(100% + 8px);
	inset-inline-end: 0;
	inset-inline-start: auto;
	display: none;
	width: min(320px, calc(100vw - 24px));
	max-height: min(70vh, 440px);
	margin: 0;
	padding: 6px;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	visibility: visible;
	opacity: 1;
	transition: none;
	z-index: 50;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 24px #17243c14;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop.open {
	display: block;
	top: calc(100% + 8px);
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px;
	border-bottom: 1px solid #f1f5f9;
	color: #475569;
	font-size: 12px;
	line-height: 1.5;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li:last-child {
	border-bottom: 0;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li.no-not {
	justify-content: center;
	padding: 14px;
	background: #fff;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop .pt-thumb {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop .pt-cnt {
	min-width: 0;
	margin: 0;
	padding: 0;
	color: #475569;
	font-size: 12px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop .pt-cnt a {
	color: #047857;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop .pt-cnt b {
	color: #0f172a;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb {
	position: relative;
	flex-shrink: 0;
	float: none;
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span {
	margin: 0;
	color: #334155;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu {
	position: fixed;
	inset-block: 78px 0;
	inset-inline: 0 auto;
	z-index: 39;
	overflow-x: hidden;
	overflow-y: auto;
	width: 96px;
	height: auto;
	margin: 0;
	padding: 18px 12px;
	border: 0;
	background: #fff;
	box-shadow: 3px 0 10px #17243c0b;
	scrollbar-width: none;
}

#pt-tailwind[dir="rtl"].pt-frontend-layout .pt-nav-menu {
	box-shadow: -3px 0 10px #17243c0b;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu::-webkit-scrollbar {
	display: none;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li {
	float: none;
	width: 100%;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	min-height: 68px;
	height: auto;
	padding: 10px 4px;
	border-radius: 16px;
	background: transparent;
	color: #64748b;
	font-size: 22px;
	line-height: 1.25;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a::after {
	display: none;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a b {
	position: static;
	display: block;
	visibility: visible;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: 500 10px/1.4 Poppins, sans-serif;
	opacity: 1;
	text-align: center;
	white-space: normal;
}

#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a:hover,
#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a.pt-nav-active {
	background: #10b981;
	color: #fff;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-wrapper {
	width: auto;
	max-width: none;
	min-height: calc(100vh - 78px);
	margin: 78px 0 0;
	margin-inline-start: 96px;
	padding: 28px 32px;
	background: #f0faf7;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-wrapper>.ads1:empty {
	display: none;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-wrapper>.pt-footer {
	margin-top: 32px;
	padding: 16px 0;
	background: transparent;
	color: #64748b;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-wrapper>.pt-footer a {
	color: #059669;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
	align-items: center;
	gap: 28px 0;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-column {
	display: flex;
	align-items: center;
	min-width: 0;
	padding-inline: 16px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro {
	width: 100%;
	max-width: 560px;
	margin-inline: auto;
	padding: 36px 34px;
	border: 1px solid #e2eee8;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 34px #17392d0b;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro h4 {
	margin: 0 0 10px;
	color: #059669;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro h2 {
	margin: 0 0 14px;
	color: #17243c;
	font-size: clamp(25px, 3vw, 36px);
	font-weight: 700;
	line-height: 1.2;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro>p {
	max-width: 460px;
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.8;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-illustration {
	display: flex;
	justify-content: center;
	margin: 22px auto 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-illustration img {
	display: block;
	width: min(100%, 300px);
	max-height: 220px;
	object-fit: contain;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content {
	width: 100%;
	max-width: 620px;
	margin-inline: auto;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-section-heading {
	margin: 0 0 16px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-section-heading h2 {
	margin: 0;
	color: #17243c;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-section-heading p {
	margin: 6px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content .pt-form-content {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: transparent;
	box-shadow: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content .pt-family-grid {
	padding: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-view-all {
	display: inline-flex;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	gap: 7px;
	justify-self: start;
	min-height: 38px;
	margin-top: 2px;
	padding: 8px 12px;
	border: 1px solid #cfe8d9;
	border-radius: 9px;
	background: #fff;
	color: #047857;
	font-size: 12px;
	font-weight: 600;
	transition: background-color .15s ease, border-color .15s ease;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-view-all:hover {
	border-color: #a7ddbf;
	background: #f0faf5;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-view-all .pt-icon {
	width: 16px;
	height: 16px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content .pt-no-result {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 18px;
	border: 1px dashed #cfe5d8;
	border-radius: 12px;
	background: #fff;
	color: #64748b;
	font-size: 13px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content .pt-no-result .pt-icon {
	width: 20px;
	height: 20px;
	color: #059669;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3) {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>b {
	color: #17243c;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>span {
	color: #64748b;
	font-size: 13px;
	font-weight: 400;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) a {
	padding: 8px 13px;
	border: 1px solid #cfe8d9;
	border-radius: 9px;
	background: #fff;
	color: #047857;
	font-size: 12px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) a.active {
	border-color: #10b981;
	background: #10b981;
	color: #fff;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content>.pt-form-content {
	padding: 20px;
	border: 1px solid #e2eee8;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 28px #17392d0a;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 8px 0 28px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #17243c;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title>span,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title>span {
	display: grid;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	place-items: center;
	margin: 0;
	border: 1px solid #cdebd9;
	border-radius: 14px;
	background: #e9f8ef;
	color: #047857;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title>span .pt-icon,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title>span .pt-icon {
	width: 22px;
	height: 22px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title>b,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title>b {
	margin: 0;
	color: #17243c;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item {
	margin: 0;
	padding: clamp(22px, 4vw, 42px);
	border: 1px solid #e2eee8;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 30px #17392d0a;
	color: #475569;
	font-size: 15px;
	line-height: 1.85;
	overflow-wrap: anywhere;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h1,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h2,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h3,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h1,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h2,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h3 {
	margin: 0 0 12px;
	color: #17243c;
	font-weight: 700;
	line-height: 1.35;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h1,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h2,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h1,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h2 {
	font-size: 22px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h3,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h3 {
	font-size: 18px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item p,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item p {
	margin: 0 0 16px;
	color: #526174;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item a,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item a {
	color: #047857;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: #a7ddbf;
	text-underline-offset: 3px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item a:hover,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item a:hover {
	color: #065f46;
	text-decoration-color: currentColor;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item ul,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item ol,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item ul,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item ol {
	display: grid;
	gap: 8px;
	margin: 14px 0 20px;
	padding-inline-start: 24px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item li,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item li {
	padding-inline-start: 4px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item blockquote,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item blockquote {
	margin: 18px 0;
	padding: 12px 16px;
	border-inline-start: 3px solid #10b981;
	border-radius: 0 10px 10px 0;
	background: #f0faf5;
	color: #3f5b4d;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item img,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item iframe,
#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item iframe {
	display: block;
	width: 100%;
	max-width: 720px;
	aspect-ratio: 16 / 9;
	height: auto;
	margin: 18px auto;
	border: 0;
	border-radius: 12px;
	background: #f1f5f9;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item ul {
	padding: 0;
	list-style: none;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item li {
	padding: 12px 14px;
	border: 1px solid #e4efe8;
	border-radius: 10px;
	background: #f9fcfa;
}

#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item li a {
	display: inline-block;
	margin-inline-start: 6px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails {
	width: 100%;
	padding: 8px 0 28px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page {
	padding: 8px 0 28px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #17243c;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title>span {
	display: grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	place-items: center;
	margin: 0;
	border-radius: 12px;
	background: #dcf7e9;
	color: #047857;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title>b {
	flex: 1 1 auto;
	margin: 0;
	font-size: 22px;
	font-weight: 700;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title .pt-options {
	position: static;
	display: flex;
	width: auto;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title .pt-options a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid #cdebd9;
	border-radius: 10px;
	background: #fff;
	color: #047857;
	font-size: 13px;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-grid>.more {
	grid-column: 1 / -1;
	width: 100%;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	margin: 0;
	padding: 16px;
	border: 1px solid #e2eee8;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 24px #17392d0a;
	transition: box-shadow .18s ease, transform .18s ease;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px #17392d14;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-thumb {
	display: block;
	width: 84px;
	height: 84px;
	flex: 0 0 84px;
	overflow: hidden;
	border: 1px solid #e2eee8;
	border-radius: 13px;
	background: #f0faf5;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card h3 {
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #17243c;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card h3 a {
	color: inherit;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	color: #64748b;
	font-size: 11px;
	line-height: 1.5;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-meta>span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-meta .pt-icon {
	width: 14px;
	height: 14px;
	color: #0c9b70;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions a,
#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 34px;
	padding: 6px 10px;
	border: 1px solid #dcebe3;
	border-radius: 8px;
	background: #fff;
	color: #475569;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-view {
	border-color: #10b981;
	background: #10b981;
	color: #fff;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-view:hover {
	border-color: #059669;
	background: #059669;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-edit:hover {
	border-color: #b8e7d2;
	background: #ecf9f2;
	color: #047857;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-delete {
	color: #dc3545;
	border-color: #f3d8dc;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-family-card-delete:hover {
	background: #fff1f2;
}

#pt-tailwind .tree-workspace .tree-export-dropdown {
	position: relative;
}

#pt-tailwind .tree-workspace .tree-export-dropdown>summary {
	list-style: none;
	cursor: pointer;
}

#pt-tailwind .tree-workspace .tree-export-dropdown>summary::-webkit-details-marker {
	display: none;
}

#pt-tailwind .tree-workspace .tree-export-options {
	position: absolute;
	inset-inline-end: 0;
	top: calc(100% + 6px);
	min-width: 180px;
	padding: 6px;
	border: 1px solid #dcebe3;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 24px #244b3a18;
	z-index: 30;
}

#pt-tailwind .tree-workspace .tree-export-options .tree-action {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 8px;
	white-space: nowrap;
}

#pt-tailwind .tree-workspace .tree-export-options .tree-action:hover {
	background: #ecf9f2;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions .pt-icon {
	width: 15px;
	height: 15px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty {
	display: grid;
	min-height: 250px;
	place-content: center;
	justify-items: center;
	gap: 8px;
	padding: 32px 20px;
	border: 1px dashed #cfe5d8;
	border-radius: 16px;
	background: #fff;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty-icon {
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	margin-bottom: 6px;
	border-radius: 16px;
	background: #e7f8ee;
	color: #059669;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty-icon .pt-icon {
	width: 26px;
	height: 26px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty h2,
#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty p {
	margin: 0;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty h2 {
	color: #17243c;
	font-size: 18px;
	font-weight: 700;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-empty p {
	max-width: 380px;
	color: #64748b;
	font-size: 13px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-grid {
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-card {
	gap: 12px;
	padding: 12px;
	border-radius: 12px;
	box-shadow: 0 4px 14px #17392d09;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-card-thumb {
	width: 64px;
	height: 64px;
	flex-basis: 64px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-card-content {
	gap: 6px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-card h3 {
	font-size: 14px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-index-right .pt-family-card-actions a {
	min-height: 30px;
	padding: 5px 8px;
	font-size: 10px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails .pt-box {
	width: min(100%, 760px);
	margin: 18px auto 32px;
	padding: 30px 34px;
	border: 1px solid #e2eee8;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 36px #17392d0b;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails .pt-box>h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 24px;
	color: #17243c;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails .pt-box>h3 .badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details>.d-flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	min-height: 92px;
	margin: 0 0 10px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #thumbnails {
	display: grid;
	width: 92px;
	height: 92px;
	flex: 0 0 92px;
	margin: 0;
	padding: 4px;
	place-items: center;
	overflow: hidden;
	border: 1px solid #dcebe3;
	border-radius: 50%;
	background: #f4faf7;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #thumbnails img,
#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #thumbnails .nophoto {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details .file-upload {
	display: flex;
	align-items: center;
	text-align: start;
	font-family: inherit;
	font-size: 13px;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details .file-upload .file-select {
	display: flex;
	align-items: center;
	height: auto;
	min-height: 42px;
	border: 1px solid #d6e5dd;
	border-radius: 10px;
	background: #fff;
	line-height: 1.4;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details .file-select-button {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 8px 14px;
	background: #ecf8f1;
	color: #047857;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details .file-select-name {
	padding: 8px 12px;
	color: #64748b;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details hr {
	width: 100%;
	margin: 12px 0 4px;
	border: 0;
	border-top: 1px solid #e8f0eb;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details>button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 48px;
	margin: 4px 0 0;
	padding: 10px 18px;
	border: 0;
	border-radius: 12px;
	background: #10b981;
	box-shadow: 0 6px 16px #10b98124;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) #user-send-details>button[type="submit"]:hover {
	background: #059669;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading {
	width: min(100%, 780px);
	margin: 0 auto 24px;
	padding: 10px 18px 0;
	text-align: center;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading h3 {
	margin: 0 0 10px;
	color: #17243c;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 700;
	line-height: 1.2;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading p {
	margin: 0;
	color: #64748b;
	font-size: 15px;
	line-height: 1.7;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plans {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 0 28px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plantype {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 0 0 28px;
	color: #64748b;
	font-size: 14px;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch {
	position: relative;
	display: flex;
	width: 52px;
	height: 28px;
	flex: 0 0 52px;
	align-items: center;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch .tgl-btn {
	position: relative;
	display: block;
	width: 52px;
	height: 28px;
	margin: 0;
	border: 1px solid #a9dbc0;
	border-radius: 9999px;
	background: #dff4e8;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch .tgl-btn::after {
	content: "";
	position: absolute;
	top: 3px;
	inset-inline-start: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 4px #17392d2b;
	transition: transform .18s ease;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch input:checked+.tgl-btn {
	border-color: #059669;
	background: #10b981;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch input:checked+.tgl-btn::after {
	transform: translateX(24px);
}

#pt-tailwind[dir="rtl"].pt-frontend-layout .pt-pageplans .pt-billing-switch input:checked+.tgl-btn::after {
	transform: translateX(-24px);
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-billing-switch input:focus-visible+.tgl-btn {
	outline: 3px solid #6ee7b7;
	outline-offset: 3px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
	gap: 18px;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-grid::before,
#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-grid::after {
	display: none;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-column {
	width: auto;
	max-width: none;
	padding: 0;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan {
	position: relative;
	display: flex;
	height: 100%;
	min-width: 0;
	flex-direction: column;
	margin: 0;
	padding: 26px 22px 22px;
	border: 1px solid #e2eee8;
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 8px 24px #17392d0a;
	text-align: start;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan:hover {
	transform: translateY(-3px);
	border-color: #c5e7d3;
	box-shadow: 0 14px 30px #17392d12;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan.pt-plan-recommended {
	border-color: #74d3a2;
	box-shadow: 0 10px 28px #05966916;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan-badge {
	position: absolute;
	top: 14px;
	inset-inline-end: 16px;
	padding: 5px 9px;
	border: 1px solid #c5ecd5;
	border-radius: 9999px;
	background: #effaf3;
	color: #047857;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan h5 {
	margin: 0 0 18px;
	padding: 0;
	color: #17243c;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan-badge+h5 {
	padding-top: 20px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan h6 {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 0;
	color: #17243c;
	font-size: 31px;
	line-height: 1.2;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan h6 span {
	color: #64748b;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	vertical-align: baseline;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan h6 b {
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan .pt-per {
	min-height: 20px;
	margin: 6px 0 18px;
	color: #64748b;
	font-size: 12px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form {
	margin: 0 0 20px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form button {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid #10b981;
	border-radius: 10px;
	background: #10b981;
	box-shadow: none;
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form button:hover:not(:disabled) {
	border-color: #059669;
	background: #059669;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form button.pt-disabled,
#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form button:disabled {
	border-color: #dce8e1;
	background: #eef4f0;
	color: #94a3a0;
	cursor: not-allowed;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan form button .pt-icon {
	width: 17px;
	height: 17px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 18px 0 0;
	border-top: 1px solid #edf3ef;
	list-style: none;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #526174;
	font-size: 12px;
	line-height: 1.55;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul li.alert-success {
	color: #334155;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul li>span {
	display: grid;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	place-items: center;
	margin: 0;
	border-radius: 50%;
	background: #e9f8ef;
	color: #059669;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul li>span .pt-icon {
	width: 13px;
	height: 13px;
}

#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan ul li.pt-feature-unavailable>span {
	background: #f1f5f3;
	color: #94a3a0;
}

@media (max-width: 900px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		gap: 20px 0;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-column {
		padding-inline: 0;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro {
		max-width: 620px;
		padding: 28px 24px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-illustration img {
		width: min(100%, 240px);
		max-height: 180px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content {
		max-width: 620px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu {
		padding-inline: 18px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang,
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span {
		display: none;
	}
}

@media (max-width: 600px) {
	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading {
		margin-bottom: 18px;
		padding-inline: 8px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading h3 {
		font-size: 27px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-heading p {
		font-size: 13px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plantype {
		gap: 11px;
		margin-bottom: 20px;
		font-size: 13px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-pricing-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan {
		padding: 23px 18px 19px;
		border-radius: 14px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pageplans .pt-plan h6 {
		font-size: 29px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact {
		padding: 4px 0 20px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title {
		gap: 11px;
		margin-bottom: 12px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title>span,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title>span {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
		border-radius: 12px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-title>b,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-title>b {
		font-size: 21px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item {
		padding: 20px 16px;
		border-radius: 14px;
		font-size: 14px;
		line-height: 1.75;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h1,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h2,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h1,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h2 {
		font-size: 19px;
	}

	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page>.pt-list-item h3,
	#pt-tailwind.pt-frontend-layout .pt-pagepage.pt-cms-page-contact>.pt-list-item h3 {
		font-size: 16px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro {
		padding: 24px 20px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-intro h2 {
		font-size: 27px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-section-heading h2,
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-content> :is(h2, h3)>b {
		font-size: 21px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu {
		height: 66px;
		padding: 10px 14px;
		gap: 10px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo {
		display: block;
		flex: 0 0 120px;
		width: 120px;
		height: 42px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo img {
		max-width: 120px;
		max-height: 42px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search {
		flex: 1 1 auto;
		width: auto;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search input {
		height: 40px;
		font-size: 11px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu {
		gap: 8px;
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash,
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree {
		display: none;
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu {
		inset: auto 0 0;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		height: 68px;
		padding: 4px 8px;
		box-shadow: 0 -2px 10px #17243c0b;
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul {
		flex-direction: row;
		gap: 5px;
		width: max-content;
		min-width: 100%;
		justify-content: space-around;
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li {
		flex: 0 0 58px;
		width: 58px;
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a {
		min-height: 54px;
		padding: 6px 2px;
		gap: 3px;
		font-size: 17px;
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a b {
		font-size: 8px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-wrapper {
		min-height: calc(100vh - 134px);
		margin: 66px 0 68px;
		padding: 20px 14px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails .pt-box {
		margin: 0 auto 20px;
		padding: 22px 18px;
		border-radius: 14px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-list-page>.pt-title>b {
		font-size: 18px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card {
		gap: 12px;
		padding: 12px;
		border-radius: 13px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-thumb {
		width: 68px;
		height: 68px;
		flex-basis: 68px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-content {
		gap: 7px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card h3 {
		font-size: 14px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-family-card-actions a {
		min-height: 32px;
		padding: 5px 8px;
		font-size: 10px;
	}

	#pt-tailwind.pt-frontend-layout:not(.pt-tree-page) .pt-pagedetails .pt-box>h3 {
		font-size: 19px;
	}

}


#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(350px, .9fr);
	align-items: start;
	gap: 42px;
	max-width: 1450px;
	margin: 0 auto;
	padding: 20px 12px 38px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page>.pt-home-column {
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	padding: 0;
	flex: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-intro {
	position: relative;
	max-width: none;
	width: 100%;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	padding: 9px 17px;
	border-radius: 30px;
	background: #d5f3e6;
	color: #29483b;
	font-size: 12px;
	font-weight: 600;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-brand .pt-icon {
	width: 22px;
	height: 22px;
	color: #09a66e;
	flex-shrink: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
	margin: 24px 0 22px;
	font-size: clamp(34px, 3.5vw, 56px);
	line-height: 1.12;
	font-weight: 750;
	letter-spacing: -1.6px;
	color: #1e2d3a;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title>span {
	display: block;
	color: #00aa71;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title::after {
	content: '';
	display: block;
	width: 140px;
	height: 6px;
	margin-top: 22px;
	border-radius: 100% 70% 0 0;
	background: #0bb980;
	transform: rotate(-2deg);
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-summary {
	max-width: 490px;
	margin: 0;
	font-size: 15px;
	line-height: 1.85;
	color: #6d8190;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-lower {
	display: grid;
	grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
	align-items: center;
	gap: 5px;
	margin-top: 12px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features {
	display: grid;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	border-radius: 50%;
	background: #dbf5e9;
	color: #08a76f;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon .pt-icon {
	width: 24px;
	height: 24px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li:nth-child(2) .home-feature-icon {
	background: #ece7ff;
	color: #8270ce;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li:nth-child(3) .home-feature-icon {
	background: #fff0da;
	color: #e6a253;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features strong {
	display: block;
	color: #344a55;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 4px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li div>span {
	display: block;
	color: #748894;
	font-size: 12px;
	line-height: 1.65;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-family-art {
	display: block;
	width: 100%;
	height: auto;
	max-height: 365px;
	overflow: visible;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-art-portrait {
	filter: drop-shadow(0 5px 7px #6a9d8320);
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
	position: relative;
	max-width: none;
	margin: 0;
	padding: 30px;
	border: 1px solid #edf5ef;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 16px 55px #3666500d;
	text-align: start;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-section-heading {
	margin: 0 0 24px;
	padding: 0 0 20px;
	border-bottom: 1px solid #edf3ef;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-section-heading h2 {
	font-size: 26px;
	letter-spacing: -.7px;
	line-height: 1.25;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-section-heading p {
	margin-top: 10px;
	line-height: 1.8;
	color: #83918c;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-form-content {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-family-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	padding: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-family-card {
	border: 1px solid #e6efea;
	background: #fbfdfb;
	box-shadow: none;
	padding: 15px;
	border-radius: 14px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-family-card-thumb {
	width: 68px;
	height: 68px;
	flex-basis: 68px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-view-all {
	display: flex;
	justify-self: stretch;
	justify-content: center;
	padding: 12px;
	min-height: 42px;
	border: 1px solid #d8eee1;
	border-radius: 10px;
	background: #f0faf4;
	margin: 5px 0 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3) {
	margin: 0 0 22px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3)>b {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -.8px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3)>span {
	line-height: 1.8;
	font-size: 14px;
	color: #7a8a94;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) {
	gap: 0;
	margin-top: 18px;
	border-bottom: 1px solid #eaf0ed;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) a {
	padding: 12px 24px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #7b8a83;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content> :is(h2, h3)>div:not(.home-auth-tabs) a.active {
	background: transparent;
	border-bottom: 2px solid #0ab477;
	color: #09a971;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content form.pt-form {
	padding: 0;
	margin: 0;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content form.pt-form>label {
	display: block;
	font-size: 12px;
	font-weight: 550;
	color: #40534b;
	margin: 0 0 8px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-input {
	position: relative;
	margin: 0 0 20px;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-input>.pt-icon {
	position: absolute;
	inset-inline-start: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	color: #8a9e92;
	pointer-events: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-input input {
	display: block;
	width: 100%;
	min-width: 0;
	height: 46px;
	padding: 10px 14px;
	padding-inline-start: 43px;
	border: 1px solid #e5ece8;
	border-radius: 10px;
	background: #f7faf8;
	color: #344c3e;
	font-size: 12px;
	box-shadow: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .reset {
	font-size: 11px;
	text-align: end;
	margin: 2px 0 22px;
	color: #85938b;
	line-height: 1.8;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .reset a {
	color: #04a96f;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content form>hr {
	display: none;
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content form>button[type=submit] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: auto;
	min-height: 48px;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: #04af74;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	box-shadow: 0 5px 15px #0aa46e14;
}

@media(max-width:1150px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		gap: 26px;
		grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
		padding-inline: 0;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-lower {
		grid-template-columns: minmax(125px, .9fr) minmax(0, 1fr);
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
		padding: 24px;
	}
}

@media(max-width:900px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		grid-template-columns: minmax(0, 1fr);
		max-width: 680px;
		gap: 30px;
		padding-top: 10px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-intro {
		padding: 0;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
		font-size: 42px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-lower {
		grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr);
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-family-art {
		max-height: 330px;
	}
}

@media(max-width:480px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		gap: 24px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
		font-size: 35px;
		letter-spacing: -1px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-summary {
		font-size: 13px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-lower {
		grid-template-columns: minmax(115px, 1fr) minmax(0, 1.1fr);
		gap: 0;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features {
		gap: 18px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li {
		gap: 8px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon .pt-icon {
		width: 19px;
		height: 19px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features strong,
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li div>span {
		font-size: 10px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
		padding: 22px 18px;
		border-radius: 18px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-section-heading h2 {
		font-size: 23px;
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content .pt-family-card {
		padding: 11px;
	}
}


#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 5px;
	padding: 5px;
	border: 0;
	border-radius: 16px;
	background: #f1f4f5
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 14px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #687583;
	transition: background-color .2s, color .2s, box-shadow .2s
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a.active {
	border: 0;
	background: #00ad73;
	color: #fff;
	box-shadow: 0 3px 8px #009b6820
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a:only-child {
	grid-column: 1/-1
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a:focus-visible {
	outline: 2px solid #008b60;
	outline-offset: 2px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page form[hidden] {
	display: none
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-login-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 8px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-remember {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	color: #74818c;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-remember input {
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: #00ad73
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-login-options .reset {
	margin: 0;
	margin-inline-start: auto;
	text-align: end
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-remember-note {
	display: block;
	margin: 0 0 18px;
	color: #74818c;
	font-size: 11px
}


#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang>.pt-icon {
	width: 16px;
	height: 16px;
	margin-inline-start: 3px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.pt-icon {
	width: 18px;
	height: 18px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow>.pt-icon,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash a>.pt-icon {
	width: 18px;
	height: 18px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb img {
	border-radius: 50%
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb.pt-current-user::after {
	box-sizing: border-box;
	z-index: 1;
	content: '';
	position: absolute;
	inset-inline-end: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid white;
	border-radius: 50%;
	background: #06b581;
	pointer-events: none
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span>a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #263b4c
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span>a .pt-icon {
	width: 18px;
	height: 18px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-slang,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash a,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notyshow,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a {
	transition: background-color .18s ease, box-shadow .18s ease
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb {
		width: 36px;
		height: 36px
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow {
		width: 36px;
		height: 36px
	}
}


#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-nav-chevron {
	display: inline-block;
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-inline-start: 5px;
	margin-top: -3px;
	transition: transform .18s ease
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-slang[aria-expanded=true] .pt-nav-chevron {
	transform: rotate(225deg);
	margin-top: 3px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul a[aria-current=true] {
	background: #ecfaf3;
	color: #047857;
	font-weight: 600
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul a[aria-current=true]::after {
	content: '';
	width: 6px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-inline-start: auto
}






#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;
	list-style: none;
	margin: 26px 0 8px;
	padding: 0
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination>li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	box-shadow: none;
	font-size: 13px;
	line-height: 1;
	color: #526578
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #deebe4;
	border-radius: 10px;
	background: white;
	color: #526578;
	text-decoration: none;
	box-shadow: none
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination>li.pt-active {
	background: #0bb780;
	color: white;
	font-weight: 600
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination>li>a[href]:hover {
	background: #e7f8ef;
	color: #05875f;
	border-color: #9fd8bf
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination>li.pt-disabled,
#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-pagination a:not([href]) {
	opacity: .45;
	cursor: default
}

#pt-tailwind.pt-frontend-layout .pt-vpass {
	width: min(100%, 420px);
	margin: 0 auto;
	padding: 28px;
	border: 1px solid #dfebe5;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 32px #214f3a0a
}

#pt-tailwind.pt-frontend-layout .pt-vpass .tree-access-icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: #e2f8ed;
	color: #05a674;
	margin: 0 auto 16px
}

#pt-tailwind.pt-frontend-layout .pt-vpass h4 {
	margin: 0 0 10px;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	color: #17243c
}

#pt-tailwind.pt-frontend-layout .pt-vpass p {
	margin: 0 0 24px;
	text-align: center;
	font-size: 13px;
	line-height: 1.7;
	color: #6d7e8f
}

#pt-tailwind.pt-frontend-layout .pt-vpass form {
	padding: 0;
	margin: 0
}

#pt-tailwind.pt-frontend-layout .pt-vpass .pt-input {
	position: relative
}

#pt-tailwind.pt-frontend-layout .pt-vpass .pt-input>.pt-icon {
	position: absolute;
	inset-inline-start: 12px;
	top: 13px;
	width: 18px;
	height: 18px;
	color: #718096
}

#pt-tailwind.pt-frontend-layout .pt-vpass input[type=password] {
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 10px 12px;
	padding-inline-start: 38px;
	border: 1px solid #dce8e1;
	border-radius: 10px;
	font-size: 13px;
	background: #fff
}

#pt-tailwind.pt-frontend-layout .pt-vpass hr {
	display: none
}

#pt-tailwind.pt-frontend-layout .pt-vpass button[type=submit] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin-top: 16px;
	padding: 11px;
	border: 0;
	border-radius: 10px;
	background: #0bb780;
	color: #fff;
	font-size: 13px;
	box-shadow: none
}

#pt-tailwind.pt-frontend-layout .tree-access-page {
	display: grid;
	align-content: center;
	min-height: calc(100dvh - 150px);
	padding: 40px 18px;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .pt-vpass .tree-access-icon>.pt-icon {
	width: 23px;
	height: 23px
}

#pt-tailwind.pt-frontend-layout .pt-vpass .tree-access-label {
	display: block;
	margin: 0 0 8px;
	color: #34465b;
	font-size: 12px;
	font-weight: 600
}

#pt-tailwind.pt-frontend-layout .pt-vpass .tree-access-back {
	display: block;
	width: fit-content;
	margin: 20px auto 0;
	color: #708295;
	font-size: 12px;
	text-decoration: none
}

#pt-tailwind.pt-frontend-layout .pt-vpass .tree-access-back:hover {
	color: #059669
}

#pt-tailwind.pt-frontend-layout .pt-vpass input[type=password]:focus {
	outline: 2px solid #9ce1c7;
	outline-offset: 2px
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .tree-access-page {
		min-height: calc(100dvh - 150px);
		padding: 28px 16px
	}

	#pt-tailwind.pt-frontend-layout .pt-vpass {
		padding: 24px 20px
	}
}


#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb.pt-current-user {
	overflow: visible
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-thumb.pt-current-user>a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}


#pt-tailwind.pt-frontend-layout .profile-details-page {
	padding: 34px 24px;
	max-width: 100%;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .profile-details-card {
	position: relative;
	isolation: isolate;
	max-width: 760px;
	margin: 0 auto;
	padding: 32px;
	border: 1px solid #e6f0eb;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 12px 40px #1b624609
}

#pt-tailwind.pt-frontend-layout .profile-details-card::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	inset-inline-end: 0;
	width: 180px;
	height: 150px;
	pointer-events: none;
	border-start-end-radius: 22px;
	background: radial-gradient(ellipse at 85% 10%, #c9f0e187, transparent 65%)
}

#pt-tailwind.pt-frontend-layout .profile-details-heading {
	margin-bottom: 26px
}

#pt-tailwind.pt-frontend-layout .profile-details-heading h1 {
	margin: 0 0 7px;
	color: #14243c;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4
}

#pt-tailwind.pt-frontend-layout .profile-details-heading p {
	margin: 0;
	color: #7a8ba5;
	font-size: 13px;
	line-height: 1.6
}

#pt-tailwind.pt-frontend-layout .profile-details-card form {
	padding: 0;
	margin: 0
}

#pt-tailwind.pt-frontend-layout .profile-photo-row {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 28px;
	min-width: 0
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap {
	position: relative;
	flex: 0 0 112px;
	width: 112px;
	height: 112px;
	padding: 6px;
	border-radius: 50%;
	background: #ddf6eb
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap #thumbnails {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 50%
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap #thumbnails img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%
}

#pt-tailwind.pt-frontend-layout .profile-camera {
	position: absolute;
	inset-inline-end: 2px;
	bottom: 2px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 3px solid white;
	border-radius: 50%;
	background: #00a77a;
	color: white;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout .profile-camera .pt-icon {
	width: 16px;
	height: 16px
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls {
	min-width: 0
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls h2 {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #17243c
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #788aa3
}

#pt-tailwind.pt-frontend-layout .profile-photo-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 7px
}

#pt-tailwind.pt-frontend-layout .profile-photo-actions>* {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 10px 16px;
	border: 1px solid #b9e9d8;
	border-radius: 10px;
	background: #effbf6;
	color: #008b65;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout .profile-photo-actions .profile-remove {
	border-color: #ffdce1;
	background: #fff8f9;
	color: #df4c60
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls small {
	font-size: 10px;
	color: #8192ab
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls #chooseFile {
	position: absolute;
	width: 1px;
	height: 1px;
	min-height: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%)
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls:focus-within .profile-choose {
	outline: 2px solid #72d1b0;
	outline-offset: 2px
}

#pt-tailwind.pt-frontend-layout .profile-photo-controls .profile-photo-status {
	margin: 5px 0 0;
	font-size: 10px;
	overflow-wrap: anywhere
}

#pt-tailwind.pt-frontend-layout .profile-photo-status:empty {
	display: none
}

#pt-tailwind.pt-frontend-layout .profile-details-card form>label,
#pt-tailwind.pt-frontend-layout .profile-account-grid label {
	display: block;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 600;
	color: #3e5272
}

#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input {
	position: relative;
	margin: 0 0 20px
}

#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input>.pt-icon {
	position: absolute;
	inset-inline-start: 15px;
	top: 15px;
	width: 19px;
	height: 19px;
	color: #465975;
	pointer-events: none
}

#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input input,
#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input select {
	display: block;
	width: 100%;
	min-width: 0;
	height: 48px;
	padding: 12px 15px;
	padding-inline-start: 46px;
	border: 1px solid #e0e7f0;
	border-radius: 11px;
	background: #f8fafc;
	color: #1e304a;
	font-size: 13px;
	box-shadow: none;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input input:focus,
#pt-tailwind.pt-frontend-layout .profile-details-card select:focus {
	outline: 2px solid #b7e9d8;
	outline-offset: 1px;
	background: white
}

#pt-tailwind.pt-frontend-layout .profile-details-card .pt-input input[type=password],
#pt-tailwind.pt-frontend-layout .profile-details-card #profile-password {
	padding-inline-end: 65px
}

#pt-tailwind.pt-frontend-layout .profile-password-toggle {
	position: absolute;
	inset-inline-end: 10px;
	top: 10px;
	height: 28px;
	padding: 0 8px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #61748e;
	font-size: 10px;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout .profile-password-hint {
	display: block;
	margin: -12px 0 20px;
	font-size: 10px;
	color: #8192ab
}

#pt-tailwind.pt-frontend-layout .profile-account-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px
}

#pt-tailwind.pt-frontend-layout .profile-details-card button[type=submit] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin-top: 8px;
	padding: 14px 20px;
	border: 0;
	border-radius: 12px;
	background: #06b780;
	color: white;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 6px 18px #06b78017
}

#pt-tailwind.pt-frontend-layout .profile-details-card button[type=submit]:hover {
	background: #059c6f
}

#pt-tailwind.pt-frontend-layout .profile-current-plan {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #688095;
	margin-bottom: 20px
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .profile-details-page {
		padding: 22px 14px
	}

	#pt-tailwind.pt-frontend-layout .profile-details-card {
		padding: 24px 20px;
		border-radius: 17px
	}

	#pt-tailwind.pt-frontend-layout .profile-photo-row {
		gap: 16px;
		align-items: flex-start;
		flex-wrap: wrap
	}

	#pt-tailwind.pt-frontend-layout .profile-photo-wrap {
		width: 92px;
		height: 92px;
		flex-basis: 92px
	}

	#pt-tailwind.pt-frontend-layout .profile-account-grid {
		grid-template-columns: 1fr;
		gap: 0
	}
}


#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search .sresults {
	position: absolute;
	inset-block-start: calc(100% + 9px);
	inset-inline: 0;
	z-index: 2;
	width: 100%;
	max-height: min(420px, 60dvh);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 7px;
	margin: 0;
	border: 1px solid #e2ece6;
	border-radius: 14px;
	background: white;
	box-shadow: 0 12px 32px #183f2b16;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: #d1e0d7 transparent
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search .sresults[hidden] {
	display: none
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search .sresults ul,
#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search .sresults li {
	list-style: none;
	padding: 0;
	margin: 0
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-group+.header-search-group {
	border-top: 1px solid #edf3ef;
	margin-top: 6px;
	padding-top: 6px
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-group h3 {
	margin: 0;
	padding: 8px 11px;
	color: #8b9b91;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-group a {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 10px 11px;
	border-radius: 8px;
	font-size: 12px;
	color: #2e483b;
	text-decoration: none;
	overflow-wrap: anywhere;
	text-align: start;
	line-height: 1.5
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-group a:hover,
#pt-tailwind.pt-frontend-layout .pt-search .header-search-group a[aria-selected=true],
#pt-tailwind.pt-frontend-layout .pt-search .header-search-group a:focus-visible {
	background: #eaf8f0;
	color: #008b61;
	outline: 0
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-group small {
	font-size: 10px;
	color: #86998e
}

#pt-tailwind.pt-frontend-layout .pt-search .header-search-message {
	margin: 0;
	padding: 15px 12px;
	color: #81938a;
	font-size: 12px;
	line-height: 1.6
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search .sresults {
		position: fixed;
		inset-block-start: auto;
		inset-inline: 14px;
		width: auto;
		max-height: 50dvh
	}
}


#pt-tailwind.pt-frontend-layout .pt-pricing-page {
	padding: 24px 20px 32px;
	background: radial-gradient(ellipse at 50% 15%, #e4faf24d, transparent 65%)
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page>.container {
	width: 100%;
	max-width: 1120px;
	margin: auto;
	padding: 0
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-heading {
	margin-bottom: 16px;
	padding: 0;
	text-align: center
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 9px;
	margin-bottom: 12px;
	border-radius: 20px;
	background: #dff8ed;
	color: #00a571;
	font-size: 9px;
	font-weight: 600
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-eyebrow .pt-icon {
	width: 12px;
	height: 12px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-heading h3 {
	font-size: clamp(25px, 3vw, 36px);
	color: #142442;
	margin: 0 0 8px;
	line-height: 1.3
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-heading em {
	font-style: normal;
	color: #00b782
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-heading p {
	max-width: 560px;
	margin: auto;
	font-size: 12px;
	line-height: 1.6;
	color: #8292ad
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plantype {
	margin-bottom: 24px;
	gap: 12px;
	font-size: 11px;
	color: #405673;
	flex-wrap: wrap
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-saving {
	padding: 4px 7px;
	border-radius: 15px;
	background: #ddf8eb;
	color: #00a576;
	font-size: 9px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-grid {
	gap: 16px;
	align-items: stretch
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan {
	isolation: isolate;
	overflow: hidden;
	padding: 28px 22px 30px;
	border: 1px solid #edf3f4;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 24px #265d4805;
	--plan-accent: #3487ff;
	--plan-soft: #edf4ff
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan.pricing-tone-1 {
	--plan-accent: #00b782;
	--plan-soft: #ddf9ee
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan.pricing-tone-2 {
	--plan-accent: #7a45ff;
	--plan-soft: #f0e9ff
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan.pt-plan-recommended {
	border-color: #04c494;
	background: linear-gradient(130deg, #effbf5, #fff);
	box-shadow: 0 8px 20px #00b78018;
	transform: translateY(-4px);
	--plan-accent: #00b782;
	--plan-soft: #ddf9ee
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan::after {
	content: '';
	position: absolute;
	z-index: -1;
	inset-inline-end: 14px;
	bottom: 14px;
	width: 74px;
	height: 110px;
	border-radius: 90% 0 70% 0;
	background: var(--plan-soft);
	transform: rotate(12deg);
	pointer-events: none;
	opacity: .65
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	top: 0;
	inset-inline-end: 16px;
	padding: 6px 10px;
	border: 0;
	border-radius: 0 0 8px 8px;
	background: #00b782;
	color: white;
	font-size: 11px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan-badge .pt-icon {
	width: 13px;
	height: 13px;
	color: #ffde75
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-card-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 5px 0 18px;
	min-height: 48px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-plan-icon {
	display: grid;
	place-items: center;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: var(--plan-soft);
	color: var(--plan-accent)
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-plan-icon .pt-icon {
	width: 28px;
	height: 28px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan h5 {
	margin: 0 0 4px;
	font-size: 17px;
	line-height: 1.4;
	color: #162849
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-card-heading small {
	display: block;
	font-size: 12px;
	color: #8392ad;
	line-height: 1.5
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan h6 {
	margin: 0;
	gap: 5px;
	align-items: baseline
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan h6 b {
	font-size: 36px;
	line-height: 1.2;
	color: #122341
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan h6 span {
	font-size: 16px;
	color: #122341
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan .pt-per {
	margin: 3px 0 14px;
	color: #8292ad;
	font-size: 13px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan form {
	margin: 0 0 16px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan form button {
	min-height: 44px;
	padding: 9px;
	border-radius: 8px;
	border-color: var(--plan-accent);
	background: var(--plan-accent);
	color: white;
	font-size: 13px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan.pricing-tone-0:not(.pt-plan-recommended) form button {
	background: var(--plan-soft);
	color: var(--plan-accent)
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan form button:disabled {
	opacity: .65;
	cursor: not-allowed
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan ul {
	gap: 10px;
	padding: 0;
	border: 0
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan ul li {
	font-size: 13px;
	line-height: 1.5;
	color: #465e7c;
	gap: 10px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan ul li>span {
	width: 15px;
	height: 15px;
	flex-basis: 15px;
	background: #d4f7e6;
	color: #04b77d
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan ul li.pt-feature-unavailable>span {
	background: #ffe0e6;
	color: #f0748b
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 8px;
	padding: 18px 10px;
	border: 1px solid #edf3f2;
	border-radius: 14px;
	background: white;
	box-shadow: 0 5px 20px #265d4804
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 14px;
	min-width: 0
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div+div {
	border-inline-start: 1px solid #eaf0f4
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div>span {
	display: grid;
	place-items: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e7faf1;
	color: #00b782
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div:nth-child(2)>span {
	background: #eaf3ff;
	color: #3487ff
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div:nth-child(3)>span {
	background: #f0e9ff;
	color: #7a45ff
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div:nth-child(4)>span {
	background: #fff4df;
	color: #f4a425
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits strong {
	display: block;
	color: #233a5c;
	font-size: 12px
}

#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits small {
	display: block;
	margin-top: 3px;
	color: #8a9bb2;
	font-size: 11px;
	line-height: 1.5
}

@media(max-width:800px) {
	#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits {
		grid-template-columns: 1fr 1fr;
		gap: 16px
	}

	#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits>div+div {
		border: 0
	}
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .pt-pricing-page {
		padding: 22px 14px
	}

	#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-pricing-grid {
		grid-template-columns: 1fr
	}

	#pt-tailwind.pt-frontend-layout .pt-pricing-page .pt-plan.pt-plan-recommended {
		transform: none
	}

	#pt-tailwind.pt-frontend-layout .pt-pricing-page .pricing-benefits {
		grid-template-columns: 1fr;
		gap: 18px
	}
}


#pt-tailwind.pt-frontend-layout .profile-photo-wrap {
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap #thumbnails {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 50%
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap #thumbnails>div {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .profile-photo-wrap #thumbnails img {
	display: block !important;
	position: static !important;
	inset: auto !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	object-fit: cover;
	object-position: center;
	border: 0;
	border-radius: 50%;
	box-sizing: border-box
}


#pt-tailwind.pt-frontend-layout .profile-account-grid .pt-tom-control {
	width: 100%;
	min-width: 0;
	font-size: 12px
}

#pt-tailwind.pt-frontend-layout .profile-account-grid .pt-input>.pt-icon {
	z-index: 2;
	pointer-events: none
}

#pt-tailwind.pt-frontend-layout .profile-account-grid .pt-tom-control .ts-control {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 11px 36px 11px 44px;
	padding-inline-start: 44px;
	padding-inline-end: 36px;
	border: 1px solid #dfe9e4;
	border-radius: 11px;
	background: white;
	box-shadow: none;
	color: #294c3d;
	font-family: inherit;
	font-size: 12px
}

#pt-tailwind.pt-frontend-layout .profile-account-grid .pt-tom-control.focus .ts-control {
	border-color: #00b77e;
	box-shadow: 0 0 0 3px #00b77e12
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .ts-control>input,
#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .ts-control>input:focus {
	height: 20px !important;
	min-height: 20px !important;
	min-width: 2px;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	font: inherit;
	color: inherit
}


#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-tom-control .ts-control {
	height: 48px;
	min-height: 48px;
	border: 1px solid #e0e7f0;
	border-radius: 11px;
	background: #f8fafc;
	color: #1e304a;
	font-size: 13px;
	padding-block: 12px;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-tom-control {
	margin: 0;
	font-size: 13px
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-tom-control.focus .ts-control {
	outline: 2px solid #b7e9d8;
	outline-offset: 1px;
	box-shadow: none;
	background: #fff;
	border-color: #e0e7f0
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-tom-control .ts-control>.item {
	font: inherit;
	color: inherit;
	line-height: 22px
}


#pt-tailwind.pt-frontend-layout .profile-details-page>.profile-details-heading {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	max-width: 760px;
	margin: 0 auto 24px;
	padding: 0;
	box-sizing: border-box
}

#pt-tailwind.pt-frontend-layout .profile-heading-icon {
	display: grid;
	place-items: center;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border-radius: 17px;
	background: #e2f7ee;
	color: #00ab7a
}

#pt-tailwind.pt-frontend-layout .profile-heading-icon .pt-icon {
	width: 28px;
	height: 28px;
	stroke-width: 1.8
}

#pt-tailwind.pt-frontend-layout .profile-details-page>.profile-details-heading h1 {
	margin: 0 0 7px;
	font-size: 25px;
	line-height: 1.25;
	color: #17334e
}

#pt-tailwind.pt-frontend-layout .profile-details-page>.profile-details-heading p {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #7a8ba5
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .profile-details-page>.profile-details-heading {
		gap: 12px;
		margin-bottom: 18px
	}

	#pt-tailwind.pt-frontend-layout .profile-heading-icon {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
		border-radius: 14px
	}

	#pt-tailwind.pt-frontend-layout .profile-details-page>.profile-details-heading h1 {
		font-size: 21px
	}
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-field-error {
	margin: -12px 0 18px;
	color: #d64460;
	font-size: 11px;
	line-height: 1.6
}

#pt-tailwind.pt-frontend-layout #user-send-details .pt-input:has([aria-invalid=true]) input {
	border-color: #e47488
}

#pt-tailwind.pt-frontend-layout #user-send-details button[type=submit]:disabled {
	opacity: .6;
	cursor: wait
}

#pt-tailwind.pt-frontend-layout .pt-cms-page>.pt-list-item p+p {
	margin-top: 14px
}

#pt-tailwind.pt-frontend-layout .pt-cms-page>.pt-list-item ul {
	list-style: disc;
	padding-inline-start: 24px
}

#pt-tailwind.pt-frontend-layout .pt-cms-page>.pt-list-item ol {
	list-style: decimal;
	padding-inline-start: 24px
}

.pt-cms-page .pt-list-item img {
	max-width: 100%;
	height: auto
}

.pt-cms-page .pt-list-item iframe {
	display: block;
	width: 100%;
	max-width: 720px;
	aspect-ratio: 16/9;
	height: auto;
	border: 0;
	margin: 20px 0
}

.pt-cms-page .pt-list-item pre {
	overflow: auto;
	white-space: pre;
	padding: 16px;
	background: #f4f8f7;
	border-radius: 10px;
	text-align: start;
	direction: ltr
}

.pt-cms-page .pt-list-item h1,
.pt-cms-page .pt-list-item h2,
.pt-cms-page .pt-list-item h3,
.pt-cms-page .pt-list-item h4 {
	font-weight: 700;
	line-height: 1.4;
	margin: 1em 0 .5em
}

.pt-cms-page .pt-list-item h1 {
	font-size: 2em
}

.pt-cms-page .pt-list-item h2 {
	font-size: 1.6em
}

.pt-cms-page .pt-list-item h3 {
	font-size: 1.3em
}

.pt-cms-page .pt-list-item h4 {
	font-size: 1.1em
}

.pt-cms-page .pt-list-item hr {
	border: 0;
	border-top: 1px solid #dfeae6;
	margin: 24px 0
}


#pt-tailwind.pt-frontend-layout .pt-family-list-page .pt-title .pt-options {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle:not([hidden]) {
	display: inline-flex;
	gap: 3px;
	padding: 3px;
	border: 1px solid #dcece5;
	border-radius: 10px;
	background: #fff
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #78918a;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle button[aria-pressed=true] {
	background: #00b783;
	color: white;
	box-shadow: 0 2px 6px #00b78320
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle button:hover {
	background: #e5f8ef;
	color: #009c70
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle button:focus-visible {
	outline: 2px solid #008a64;
	outline-offset: 2px
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page .family-view-toggle svg {
	width: 17px;
	height: 17px
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-grid {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-card {
	padding: 14px 18px
}

#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-card-thumb {
	width: 64px;
	height: 64px;
	flex-basis: 64px
}

@media(min-width:850px) {
	#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-card-content {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 24px;
		row-gap: 7px
	}

	#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-card-actions {
		grid-column: 2;
		grid-row: 1 / 3
	}

	#pt-tailwind.pt-frontend-layout .pt-family-list-page[data-family-view=list] .pt-family-card-meta {
		grid-column: 1
	}
}


#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop {
	width: min(380px, calc(100vw - 24px));
	padding: 8px;
	border-radius: 18px;
	box-shadow: 0 14px 40px #17243c1c
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li.notification-heading {
	position: sticky;
	top: -8px;
	z-index: 1;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 10px;
	background: #fff;
	color: #172b42;
	font-size: 14px
}

#pt-tailwind.pt-frontend-layout .pt-notifi .notifications-read-all {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: auto;
	min-height: 32px;
	margin: 0;
	padding: 5px 8px;
	border: 0;
	border-radius: 8px;
	background: #eaf8f2;
	color: #008c64;
	font: inherit;
	font-size: 11px;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout .pt-notifi .notifications-read-all .pt-icon {
	width: 15px;
	height: 15px
}

#pt-tailwind.pt-frontend-layout .pt-notifi .notifications-read-all:disabled {
	opacity: .45;
	cursor: default
}

#pt-tailwind.pt-frontend-layout .pt-notifi .notifications-read-all:focus-visible {
	outline: 2px solid #00ad73;
	outline-offset: 2px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li[rel] {
	position: relative;
	margin: 4px 0;
	border: 0;
	border-radius: 12px;
	padding: 12px;
	transition: background .15s
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li.unread {
	background: #eefaf5;
	cursor: pointer;
	border-inline-start: 3px solid #00ad73
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li[rel]:hover {
	background: #f4f8f7
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop .pt-thumb img {
	width: 36px;
	height: 36px;
	object-fit: cover;
	border-radius: 50%
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li.notifications-status {
	padding: 8px 10px;
	border: 0;
	color: #60768a;
	font-size: 12px
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop li[hidden] {
	display: none
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop {
		position: fixed;
		inset-inline-end: 12px;
		inset-block-start: 82px;
		top: 82px;
		max-height: calc(100dvh - 100px)
	}
}


#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
	--home-green: #00ad73;
	--home-ink: #172b42;
	--home-muted: #596d79;
	max-width: 1680px;
	grid-template-columns: minmax(0, 1.5fr) minmax(390px, 1fr);
	gap: 30px;
	padding: 24px 16px 32px;
	align-items: start
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-intro {
	display: grid;
	grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
	padding: 20px 0 0;
	align-items: start
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-brand {
	grid-column: 1;
	justify-self: start;
	gap: 7px;
	padding: 7px 12px;
	font-size: 11px;
	letter-spacing: .5px;
	background: #e8f8f1;
	color: var(--home-muted);
	white-space: nowrap
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
	grid-column: 1;
	margin: 24px 0 16px;
	font-size: clamp(36px, 3.5vw, 61px);
	line-height: 1.13;
	color: var(--home-ink);
	letter-spacing: -1.8px;
	z-index: 1
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title>span {
	color: var(--home-green)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title::after {
	height: 7px;
	margin-top: 20px;
	width: 145px;
	background: var(--home-green);
	border-radius: 70% 100% 70% 60%
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-summary {
	grid-column: 1;
	margin: 0 0 18px;
	line-height: 1.5;
	font-size: 15px;
	color: var(--home-muted)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-lower {
	display: contents
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features {
	grid-column: 1;
	gap: 16px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li {
	gap: 20px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon {
	width: 62px;
	height: 62px;
	flex-basis: 62px;
	border-radius: 18px;
	background: #ddf7ed;
	color: var(--home-green)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon .pt-icon {
	width: 30px;
	height: 30px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features strong {
	font-size: 16px;
	color: var(--home-ink);
	margin-bottom: 3px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li div>span {
	font-size: 14px;
	color: var(--home-muted);
	line-height: 1.5
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-family-art {
	grid-column: 2;
	grid-row: 1/5;
	align-self: end;
	width: 100%;
	max-height: none;
	height: auto;
	overflow: hidden;
	aspect-ratio: 520/565;
	margin-bottom: 0
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 28px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats>div {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding-inline-end: 12px;
	border-inline-end: 1px solid #dcebe6
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats>div:last-child {
	border: 0;
	padding: 0
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats .pt-icon {
	width: 36px;
	height: 36px;
	color: var(--home-green);
	flex-shrink: 0
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats strong {
	display: block;
	font-size: 20px;
	color: var(--home-ink);
	line-height: 1.3
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats small {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: var(--home-muted)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
	padding: 34px;
	border-radius: 28px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-heading>b {
	display: block;
	font-size: 32px;
	color: var(--home-ink);
	line-height: 1.2
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-heading>span {
	display: block;
	margin-top: 8px;
	line-height: 1.5;
	font-size: 15px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs {
	margin-top: 24px;
	padding: 0;
	gap: 0;
	border-radius: 14px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a {
	min-height: 48px;
	font-size: 16px;
	font-weight: 600
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-tabs a.active {
	background: var(--home-green);
	color: #fff
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-guest form.pt-form>label {
	font-size: 13px;
	font-weight: 600;
	color: var(--home-ink)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-guest .pt-input input {
	height: 52px;
	border-radius: 13px;
	font-size: 13px;
	background: #f8faf9;
	padding-inline-end: 44px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-guest .pt-input {
	margin-bottom: 20px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-password-toggle {
	position: absolute;
	inset-inline-end: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	min-height: 0;
	padding: 5px;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--home-muted);
	border-radius: 7px;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-password-toggle .pt-icon {
	width: 21px;
	height: 21px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-password-toggle:focus-visible,
#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page [data-home-register]:focus-visible {
	outline: 2px solid var(--home-green);
	outline-offset: 2px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-login-options {
	margin: 0 0 20px;
	gap: 8px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-remember input {
	width: 19px;
	height: 19px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-guest form>button[type=submit] {
	min-height: 54px;
	font-size: 17px;
	background: var(--home-green)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-divider {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--home-muted);
	font-size: 12px;
	margin: 20px 0 16px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-divider::before,
#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-divider::after {
	content: '';
	height: 1px;
	flex: 1;
	background: #e6eeeb
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-create-account {
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 16px;
	padding: 16px;
	background: #eefaf5
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-create-account>.pt-icon {
	width: 30px;
	height: 30px;
	color: var(--home-green);
	flex-shrink: 0
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-create-account strong {
	font-size: 14px;
	color: var(--home-ink)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-create-account p {
	font-size: 11px;
	line-height: 1.5;
	margin: 3px 0 0;
	color: var(--home-muted)
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page [data-home-register] {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-shrink: 0;
	margin: 0;
	padding: 10px 13px;
	min-height: 40px;
	border: 1px solid var(--home-green);
	border-radius: 24px;
	background: transparent;
	color: var(--home-green);
	font-size: 11px;
	cursor: pointer
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-login-extra[hidden] {
	display: none
}

@media(max-width:1250px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		grid-template-columns: minmax(0, 1.2fr) minmax(350px, 1fr);
		gap: 24px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
		padding: 26px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
		font-size: 38px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-feature-icon {
		width: 48px;
		height: 48px;
		flex-basis: 48px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features li {
		gap: 12px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats {
		gap: 8px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats strong {
		font-size: 17px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats .pt-icon {
		width: 28px;
		height: 28px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-create-account {
		flex-wrap: wrap
	}
}

@media(max-width:1000px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		grid-template-columns: minmax(0, 1fr);
		max-width: 800px;
		gap: 30px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-family-art {
		align-self: center
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-title {
		font-size: clamp(34px, 6vw, 52px)
	}
}

@media(max-width:520px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page {
		padding: 12px 0 24px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-intro {
		grid-template-columns: 1fr
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-family-art {
		grid-column: 1;
		grid-row: 5;
		width: 85%;
		justify-self: center;
		margin-top: 18px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-features {
		gap: 12px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats>div {
		flex-direction: column;
		align-items: start;
		gap: 7px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats small {
		font-size: 10px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-story-stats strong {
		font-size: 15px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .pt-home-content {
		padding: 24px 18px
	}

	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-auth-heading>b {
		font-size: 28px
	}
}


#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 2px 0 22px;
	padding: 15px 16px;
	border: 1px solid #dcefe5;
	border-radius: 14px;
	background: #f0faf5;
	text-align: start
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-icon {
	display: grid;
	place-items: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: #ddf4e8;
	color: #008c64
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-icon .pt-icon {
	width: 19px;
	height: 19px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice p {
	min-width: 0;
	margin: 0;
	padding: 0;
	color: #60768a;
	font-size: 12px;
	line-height: 1.75;
	overflow-wrap: anywhere
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice a {
	color: #008c64;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice a:hover {
	color: #006849
}

#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice a:focus-visible {
	outline: 2px solid #00ad73;
	outline-offset: 3px;
	border-radius: 2px
}

@media(max-width:480px) {
	#pt-tailwind.pt-frontend-layout.pt-pageindex .pt-home-page .home-privacy-notice {
		gap: 9px;
		padding: 12px
	}
}


#pt-tailwind .pt-reset-modal .modal-dialog {
	width: calc(100% - 40px);
	max-width: 520px;
	margin: 30px auto;
	min-height: calc(100% - 60px);
	display: flex;
	align-items: center
}

#pt-tailwind .pt-reset-modal .modal-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	border: 0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 25px 100px #143f3529
}

#pt-tailwind .pt-reset-modal .reset-request-form {
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent
}

#pt-tailwind .pt-reset-modal .modal-header {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	position: relative;
	padding: 26px 24px 12px;
	border: 0
}

#pt-tailwind .pt-reset-modal .reset-heading-icon {
	display: grid;
	place-items: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #e6f6ef;
	color: #00ad73
}

#pt-tailwind .pt-reset-modal .reset-heading-icon .pt-icon {
	width: 25px;
	height: 25px
}

#pt-tailwind .pt-reset-modal .reset-heading-copy {
	min-width: 0;
	padding-inline-end: 22px;
	text-align: start
}

#pt-tailwind .pt-reset-modal #ResetMLabel {
	margin: 0 0 10px;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.25;
	color: #172b42;
	letter-spacing: -.7px
}

#pt-tailwind .pt-reset-modal #ResetMDescription {
	margin: 0;
	color: #7a8a94;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400
}

#pt-tailwind .pt-reset-modal .reset-close {
	position: absolute;
	inset-inline-end: 14px;
	top: 14px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	min-height: 0;
	margin: 0;
	padding: 7px;
	border: 0;
	border-radius: 50%;
	background: #edf6f2;
	color: #60768a;
	cursor: pointer
}

#pt-tailwind .pt-reset-modal .reset-close .pt-icon {
	width: 20px;
	height: 20px
}

#pt-tailwind .pt-reset-modal .modal-body {
	padding: 16px 24px 26px;
	text-align: start
}

#pt-tailwind .pt-reset-modal .modal-body>label {
	display: block;
	margin: 0 0 10px;
	color: #172b42;
	font-size: 14px;
	font-weight: 600
}

#pt-tailwind .pt-reset-modal .reset-email-field {
	position: relative;
	display: flex;
	align-items: center
}

#pt-tailwind .pt-reset-modal .reset-email-field>.pt-icon {
	position: absolute;
	inset-inline-start: 16px;
	width: 21px;
	height: 21px;
	color: #7a8a94;
	pointer-events: none
}

#pt-tailwind .pt-reset-modal #reset-request-email {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 12px 16px;
	padding-inline-start: 48px;
	border: 1px solid #d5eae2;
	border-radius: 13px;
	background: #f5faf8;
	color: #172b42;
	font: inherit;
	font-size: 14px;
	box-shadow: none
}

#pt-tailwind .pt-reset-modal #reset-request-email::placeholder {
	color: #8b969e;
	opacity: 1
}

#pt-tailwind .pt-reset-modal #reset-request-email:focus {
	outline: 2px solid #00ad73;
	outline-offset: 2px
}

#pt-tailwind .pt-reset-modal .modal-footer {
	position: relative;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 18px 24px;
	border-top: 1px solid #e9f0ed;
	isolation: isolate
}

#pt-tailwind .pt-reset-modal .reset-leaves {
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 130px;
	height: 80px;
	pointer-events: none;
	z-index: -1
}

#pt-tailwind .pt-reset-modal .modal-footer>button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 44px;
	margin: 0;
	padding: 10px 18px;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer
}

#pt-tailwind .pt-reset-modal .reset-cancel {
	background: #f0f4f6;
	color: #60768a
}

#pt-tailwind .pt-reset-modal .reset-submit {
	background: #00ad73;
	color: #fff
}

#pt-tailwind .pt-reset-modal .reset-submit .pt-icon {
	width: 20px;
	height: 20px
}

#pt-tailwind .pt-reset-modal button:focus-visible {
	outline: 2px solid #008b60;
	outline-offset: 3px
}

#pt-tailwind .pt-reset-modal button:disabled {
	opacity: .6;
	cursor: wait
}

@media(max-width:650px) {
	#pt-tailwind .pt-reset-modal .modal-dialog {
		width: calc(100% - 24px);
		margin: 12px auto;
		min-height: calc(100% - 24px)
	}

	#pt-tailwind .pt-reset-modal .modal-header {
		gap: 14px;
		padding: 30px 22px 12px
	}

	#pt-tailwind .pt-reset-modal .reset-heading-icon {
		width: 54px;
		height: 54px;
		flex-basis: 54px
	}

	#pt-tailwind .pt-reset-modal .reset-heading-icon .pt-icon {
		width: 27px;
		height: 27px
	}

	#pt-tailwind .pt-reset-modal .reset-close {
		width: 36px;
		height: 36px;
		top: 14px;
		inset-inline-end: 14px;
		padding: 8px
	}

	#pt-tailwind .pt-reset-modal .reset-close .pt-icon {
		width: 20px;
		height: 20px
	}

	#pt-tailwind .pt-reset-modal .reset-heading-copy {
		padding-inline-end: 14px
	}

	#pt-tailwind .pt-reset-modal #ResetMLabel {
		font-size: 23px
	}

	#pt-tailwind .pt-reset-modal #ResetMDescription {
		font-size: 14px
	}

	#pt-tailwind .pt-reset-modal .modal-body {
		padding: 20px 22px 30px
	}

	#pt-tailwind .pt-reset-modal .modal-body>label {
		font-size: 15px
	}

	#pt-tailwind .pt-reset-modal #reset-request-email {
		height: 56px;
		font-size: 14px;
		padding-inline-start: 52px
	}

	#pt-tailwind .pt-reset-modal .reset-email-field>.pt-icon {
		inset-inline-start: 17px;
		width: 22px;
		height: 22px
	}

	#pt-tailwind .pt-reset-modal .modal-footer {
		gap: 10px;
		padding: 20px
	}

	#pt-tailwind .pt-reset-modal .modal-footer>button {
		min-height: 48px;
		padding: 12px 16px;
		font-size: 14px
	}

	#pt-tailwind .pt-reset-modal .reset-leaves {
		width: 150px;
		height: 100px
	}
}

#pt-tailwind #myInvite .modal-dialog {
	width: calc(100% - 32px);
	max-width: 480px;
	margin: 24px auto
}

#pt-tailwind #myInvite .modal-content {
	border: 1px solid #e3ede7;
	border-radius: 18px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 22px 70px #183c3026
}

#pt-tailwind #myInvite .modal-header {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 24px 24px 18px;
	border: 0;
	background: #fff
}

#pt-tailwind #myInvite .member-email-icon {
	display: grid;
	place-items: center;
	flex: 0 0 48px;
	height: 48px;
	border-radius: 14px;
	color: #00aa79;
	background: #e6f8f0
}

#pt-tailwind #myInvite .member-email-icon .pt-icon {
	width: 24px;
	height: 24px
}

#pt-tailwind #myInvite .member-email-heading {
	flex: 1;
	min-width: 0
}

#pt-tailwind #myInvite .modal-title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #20384a
}

#pt-tailwind #myInvite .member-email-heading p {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #8394a4
}

#pt-tailwind #myInvite .modal-header .close {
	position: static;
	display: grid;
	place-items: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: #f1f6f3;
	color: #7d9188;
	font-size: 22px;
	line-height: 1
}

#pt-tailwind #myInvite .modal-body {
	padding: 4px 24px 24px
}

#pt-tailwind #myInvite label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #476257;
	margin: 0 0 9px
}

#pt-tailwind #myInvite .member-email-input {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #dce9e2;
	border-radius: 10px;
	padding: 0 13px;
	background: #f9fcfa
}

#pt-tailwind #myInvite .member-email-input>.pt-icon {
	width: 18px;
	height: 18px;
	color: #8ca59b;
	flex-shrink: 0
}

#pt-tailwind #myInvite .member-email-input input {
	width: 100%;
	min-width: 0;
	height: 46px;
	min-height: 46px;
	padding: 10px 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	outline: 0;
	box-shadow: none;
	background: transparent;
	font: inherit;
	font-size: 13px;
	color: #294b3e
}

#pt-tailwind #myInvite .member-email-input:focus-within {
	border-color: #00b883;
	box-shadow: 0 0 0 3px #00b88310
}

#pt-tailwind #myInvite .member-email-note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 14px;
	padding: 12px;
	border-radius: 9px;
	background: #eff9f4;
	color: #628375
}

#pt-tailwind #myInvite .member-email-note>.pt-icon {
	width: 15px;
	height: 15px;
	margin-top: 2px;
	flex-shrink: 0
}

#pt-tailwind #myInvite .member-email-note p {
	margin: 0;
	font-size: 11px;
	line-height: 1.7;
	color: inherit
}

#pt-tailwind #myInvite .modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 16px 24px;
	border-top: 1px solid #edf2ef;
	background: #fbfdfc
}

#pt-tailwind #myInvite .modal-footer button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 10px 16px;
	margin: 0;
	border: 0;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	box-shadow: none
}

#pt-tailwind #myInvite .modal-footer .btn-default {
	background: #eef4f0;
	color: #547267
}

#pt-tailwind #myInvite .modal-footer .btn-primary {
	background: #00b681;
	color: white
}

#pt-tailwind #myInvite .modal-footer .btn-primary:disabled {
	opacity: .6;
	cursor: wait
}

#pt-tailwind #myInvite button:focus-visible {
	outline: 2px solid #00ac7a;
	outline-offset: 3px
}

@media(max-width:480px) {
	#pt-tailwind #myInvite .modal-header {
		padding: 20px 18px 16px
	}

	#pt-tailwind #myInvite .modal-body {
		padding: 4px 18px 20px
	}

	#pt-tailwind #myInvite .modal-footer {
		padding: 14px 18px
	}

	#pt-tailwind #myInvite .modal-title {
		font-size: 18px
	}
}


#pt-tailwind.pt-frontend-layout .profile-details-page,
#pt-tailwind.pt-frontend-layout .profile-details-page * {
	font-family: Tahoma, "Segoe UI", Arial, sans-serif !important
}

#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-input>select,
#pt-tailwind.pt-frontend-layout #user-send-details .profile-account-grid .pt-tom-control .ts-control {
	padding-inline-start: 46px !important;
	padding-inline-end: 34px !important;
	text-align: start
}

#pt-tailwind.pt-frontend-layout .profile-account-grid .pt-input>.pt-icon {
	inset-inline-start: 15px;
	inset-inline-end: auto;
	top: 15px
}

#pt-tailwind.pt-frontend-layout .profile-details-card .profile-password-toggle {
	font: inherit;
	font-size: 11px
}

#pt-tailwind.pt-frontend-layout .profile-details-card .profile-photo-row {
	flex-wrap: wrap
}

#pt-tailwind.pt-frontend-layout .profile-details-card::before {
	background: none
}

#pt-tailwind.pt-frontend-layout .profile-subscription {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: none;
	margin: 0 0 24px;
	padding: 12px 16px;
	box-sizing: border-box;
	border: 1px solid #ccebdd;
	border-radius: 12px;
	background: #f5fcf8
}

#pt-tailwind.pt-frontend-layout .profile-subscription-name {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0
}

#pt-tailwind.pt-frontend-layout .profile-subscription-icon {
	display: grid;
	place-items: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: #dff6ea;
	color: #059669
}

#pt-tailwind.pt-frontend-layout .profile-subscription-icon svg {
	width: 19px;
	height: 19px
}

#pt-tailwind.pt-frontend-layout .profile-subscription-name small {
	display: block;
	color: #789286;
	font-size: 10px;
	margin-bottom: 2px
}

#pt-tailwind.pt-frontend-layout .profile-subscription h2 {
	margin: 0;
	color: #173e30;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere
}

#pt-tailwind.pt-frontend-layout .profile-subscription-dates {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin: 0;
	padding-inline-start: 16px;
	border-inline-start: 1px solid #d9ebe1
}

#pt-tailwind.pt-frontend-layout .profile-subscription-dates dt {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 400;
	color: #74897e;
	margin: 0 0 6px
}

#pt-tailwind.pt-frontend-layout .profile-subscription-dates dt svg {
	width: 14px;
	height: 14px
}

#pt-tailwind.pt-frontend-layout .profile-subscription-dates dd {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: #315743;
	direction: ltr;
	unicode-bidi: isolate;
	text-align: start
}

@media(max-width:700px) {
	#pt-tailwind.pt-frontend-layout .profile-subscription {
		flex-direction: column;
		align-items: stretch;
		padding: 12px;
		gap: 12px
	}

	#pt-tailwind.pt-frontend-layout .profile-subscription-dates {
		padding: 10px 0 0;
		border-inline-start: 0;
		border-top: 1px solid #d9ebe1
	}
}


#pt-tailwind #myInvite .member-email-input input.form-control,
#pt-tailwind #myInvite .member-email-input input.form-control:focus {
	border: 0;
	outline: 0;
	box-shadow: none;
	background: transparent
}


#pt-tailwind.pt-frontend-layout .ads1 {
	min-width: 0;
	max-width: 100%;
	overflow-x: auto
}

#pt-tailwind.pt-frontend-layout .ads1 img {
	max-width: 100%;
	height: auto !important;
	object-fit: contain
}

#pt-tailwind.pt-frontend-layout .ads1 iframe {
	max-width: 100%
}

@media(max-width:600px) {
	#pt-tailwind.pt-frontend-layout .pt-header-menu {
		gap: 6px;
		padding-inline: 10px;
		overflow: visible
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo {
		flex: 0 1 110px;
		min-width: 60px;
		width: 110px
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo img {
		max-width: 100%
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search {
		flex: 0 0 36px;
		width: 36px;
		margin-inline-start: auto
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search>input {
		display: none
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search>button {
		position: static;
		transform: none;
		display: grid;
		place-items: center;
		width: 36px;
		height: 36px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #f1f5f9
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search.is-search-open>input {
		display: block;
		position: fixed;
		top: 72px;
		inset-inline: 12px;
		width: calc(100% - 24px);
		height: 46px;
		padding: 10px 14px;
		font-size: 16px;
		background: white;
		border: 1px solid #dce8e3;
		box-shadow: 0 8px 24px #17243c18;
		z-index: 52
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu {
		flex: 0 0 auto;
		gap: 6px
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang,
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash {
		display: block
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
		width: 36px;
		height: 36px;
		padding: 4px;
		font-size: 0
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang .pt-nav-chevron {
		display: none
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash a {
		display: grid;
		place-items: center;
		width: 36px;
		height: 36px;
		padding: 0
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang>ul {
		position: absolute;
		top: calc(100% + 8px);
		inset-block-start: calc(100% + 8px);
		inset-inline-start: auto;
		inset-inline-end: 0;
		width: max-content;
		max-width: calc(100vw - 24px);
		max-height: 60dvh;
		overflow-y: auto
	}

	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop,
	#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi .pt-drop.open {
		position: fixed;
		top: 72px;
		inset-block-start: 72px;
		inset-inline: 12px;
		width: auto;
		max-height: calc(100dvh - 160px);
		z-index: 53
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu {
		height: auto;
		padding: 5px 6px calc(5px + env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
		overscroll-behavior-x: contain
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul {
		display: flex;
		width: 100%;
		min-width: 100%;
		gap: 0;
		justify-content: flex-start
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li {
		flex: 1 0 60px;
		min-width: 60px;
		width: auto;
		margin: 0
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a {
		width: 100%;
		min-height: 56px;
		padding: 5px 3px
	}

	#pt-tailwind.pt-frontend-layout .pt-nav-menu ul li a b {
		font-size: 10px;
		white-space: normal;
		line-height: 1.3;
		overflow-wrap: anywhere
	}

	#pt-tailwind.pt-frontend-layout>.pt-wrapper {
		padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px))
	}
}


#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-dialog {
	width: calc(100% - 28px);
	max-width: 440px;
	margin-inline: auto
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-content {
	border: 1px solid #e2eee8;
	border-radius: 18px;
	overflow: hidden;
	background: #fff
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 22px;
	border-bottom: 1px solid #edf2ef
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog h2 {
	margin: 0;
	font-size: 20px;
	color: #17243c
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .close {
	position: static;
	display: grid;
	place-items: center;
	padding: 7px;
	border: 0;
	border-radius: 50%;
	background: #f1f5f4;
	color: #64748b;
	opacity: 1
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-body {
	padding: 22px;
	color: #526779
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-body p {
	margin: 0;
	overflow-wrap: anywhere
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .plan-login-selection {
	margin-top: 10px;
	font-weight: 600;
	color: #17243c
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 16px 22px;
	border-top: 1px solid #edf2ef
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-footer>* {
	margin: 0;
	padding: 10px 15px;
	border: 0;
	border-radius: 10px;
	font: inherit;
	text-align: center
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .plan-login-cancel {
	background: #f1f5f4;
	color: #526779
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .plan-login-action {
	background: var(--pt-action);
	color: var(--pt-action-text)
}

#pt-tailwind.pt-frontend-layout .plan-login-dialog .plan-login-action:hover {
	background: var(--pt-action-hover);
	color: var(--pt-action-hover-text)
}

@media(max-width:420px) {
	#pt-tailwind.pt-frontend-layout .plan-login-dialog .modal-footer>* {
		flex: 1 1 120px
	}
}
/* Mobile membership actions live in the header, leaving the bottom nav for pages. */
#pt-tailwind.pt-frontend-layout .mobile-account { display: none; }
@media(max-width:767px) {
  #pt-tailwind.pt-frontend-layout .pt-header-menu { gap: 4px; padding-inline: 8px; overflow: visible; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo { flex: 0 1 90px; min-width: 50px; width: 90px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu { gap: 4px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-current-user,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-dash,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu>span,
  #pt-tailwind.pt-frontend-layout .pt-nav-menu .nav-account-item { display: none; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree { display: block; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a {
    display: flex; align-items: center; justify-content: center; width: 32px; height: 36px;
    padding: 0; font-size: 0; border-radius: 10px;
  }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.pt-icon { width: 19px; height: 19px; margin: 0; }
  #pt-tailwind.pt-frontend-layout .mobile-account { display: block; position: relative; flex-shrink: 0; }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle {
    display: flex; align-items: center; gap: 5px; padding: 0 2px; height: 36px;
    border: 0; background: transparent; color: #64748b; cursor: pointer;
  }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
  #pt-tailwind.pt-frontend-layout .mobile-account-chevron { width: 6px; height: 6px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle[aria-expanded=true] .mobile-account-chevron { transform: rotate(225deg); }
  #pt-tailwind.pt-frontend-layout .mobile-account-menu:not([hidden]) {
    display: grid; gap: 3px; position: absolute; top: calc(100% + 12px); inset-inline-end: 0;
    width: 210px; max-width: calc(100vw - 20px); padding: 8px; background: white;
    border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 10px 28px #17243c1a; z-index: 60;
  }
  #pt-tailwind.pt-frontend-layout .mobile-account-menu[hidden] { display: none; }
  #pt-tailwind.pt-frontend-layout .mobile-account-menu a { display: flex; align-items: center; gap: 9px; padding: 11px; min-height: 44px; color: #334155; text-decoration: none; border-radius: 8px; }
  #pt-tailwind.pt-frontend-layout .mobile-account-menu a:hover { background: #f0faf7; }
  #pt-tailwind.pt-frontend-layout .mobile-account-menu .pt-icon { width: 18px; height: 18px; }
}

/* Guest account access; scoped so the existing homepage forms stay unchanged. */
#pt-tailwind .header-auth-actions { display: flex; gap: 8px; }
#pt-tailwind .header-auth-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 9px 14px; border: 1px solid #dce8e3; border-radius: 12px; background: white; color: #334155; font: inherit; font-size: 12px; cursor: pointer; }
#pt-tailwind .header-auth-actions button[data-auth-open=register] { background: #10b981; border-color: #10b981; color: white; }
#pt-tailwind .header-auth-actions .pt-icon { width: 18px; height: 18px; }
#pt-tailwind #guestAuthModal .modal-dialog { width: calc(100% - 24px); max-width: 460px; margin-inline: auto; }
#pt-tailwind #guestAuthModal .modal-content { border: 1px solid #e1ece7; border-radius: 22px; background: white; box-shadow: 0 20px 65px #173b3026; max-height: calc(100dvh - 32px); overflow-y: auto; }
#pt-tailwind #guestAuthModal .modal-header { display: flex; align-items: center; gap: 12px; padding: 24px 24px 16px; border: 0; }
#pt-tailwind #guestAuthModal h2 { margin: 0; font-size: 22px; color: #173b30; }
#pt-tailwind #guestAuthModal .guest-auth-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #e6f8f1; color: #047857; }
#pt-tailwind #guestAuthModal .guest-auth-close { margin-inline-start: auto; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f1f5f4; color: #64748b; cursor: pointer; }
#pt-tailwind #guestAuthModal .modal-body { padding: 8px 24px 24px; }
#pt-tailwind #guestAuthModal .guest-auth-tabs { display: flex; gap: 5px; padding: 5px; margin-bottom: 20px; border-radius: 12px; background: #f1f5f9; }
#pt-tailwind #guestAuthModal .guest-auth-tabs button { flex: 1; padding: 11px; border: 0; border-radius: 9px; background: transparent; color: #64748b; font: inherit; cursor: pointer; }
#pt-tailwind #guestAuthModal .guest-auth-tabs button[aria-selected=true] { background: white; color: #047857; box-shadow: 0 2px 5px #173b300a; }
#pt-tailwind #guestAuthModal form[hidden] { display: none; }
#pt-tailwind #guestAuthModal label { display: block; margin: 14px 0 7px; font-size: 13px; color: #334155; }
#pt-tailwind #guestAuthModal input:not([type=hidden]) { display: block; width: 100%; min-height: 46px; border: 1px solid #dce7e2; border-radius: 11px; padding: 11px 13px; background: #fafcfb; color: #173b30; font: inherit; font-size: 16px; }
#pt-tailwind #guestAuthModal input:focus-visible { outline: 2px solid #6ee7b7; outline-offset: 2px; }
#pt-tailwind #guestAuthModal button[type=submit] { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; min-height: 46px; margin-top: 20px; border: 0; border-radius: 11px; background: #10b981; color: white; font: inherit; font-weight: 600; cursor: pointer; }
#pt-tailwind #guestAuthModal button:disabled { opacity: .6; cursor: wait; }
#pt-tailwind #guestAuthModal .guest-auth-reset { display: block; margin-top: 12px; color: #047857; font-size: 12px; }
#pt-tailwind #guestAuthModal .guest-auth-privacy { font-size: 12px; color: #64748b; margin-top: 14px; }
#pt-tailwind #guestAuthModal .guest-auth-status:not([hidden]) { display: block; padding: 12px; border-radius: 10px; background: #fff1f2; color: #9f1239; font-size: 13px; }
#pt-tailwind #guestAuthModal .guest-auth-status[data-success=true] { background: #ecfdf5; color: #047857; }
@media(max-width:767px) {
  #pt-tailwind .header-auth-actions { gap: 4px; }
  #pt-tailwind .header-auth-actions button { width: 34px; min-height: 36px; padding: 0; border-radius: 10px; }
  #pt-tailwind .header-auth-actions button span { display: none; }
  #pt-tailwind #guestAuthModal .modal-header { padding: 20px 18px 12px; }
  #pt-tailwind #guestAuthModal .modal-body { padding: 8px 18px 20px; }
}

/* One mobile header control scale: shared sizes, spacing and alignment. */
@media(max-width:767px) {
  #pt-tailwind.pt-frontend-layout .pt-header-menu { align-items: center; gap: 4px; padding-inline: 8px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu { display: flex; align-items: center; gap: 4px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-logo { flex: 0 1 90px; width: 90px; min-width: 50px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search { flex: 0 0 36px; width: 36px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search>button,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a,
  #pt-tailwind.pt-frontend-layout .header-auth-actions button {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
    flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 0;
    margin: 0; border: 0; border-radius: 11px; line-height: 1; box-shadow: none;
  }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search>button,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow { background: #f1f5f9; color: #64748b; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-lang .pt-slang img { width: 24px; height: 24px; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-search>button>.pt-icon,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-notifi>a.pt-notyshow>.pt-icon,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.pt-icon,
  #pt-tailwind.pt-frontend-layout .header-auth-actions .pt-icon { width: 18px; height: 18px; margin: 0; }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle { box-sizing: border-box; width: 46px; height: 36px; padding: 3px; gap: 5px; border-radius: 11px; background: #f1f5f9; }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle img { width: 28px; height: 28px; flex: 0 0 28px; }
  #pt-tailwind.pt-frontend-layout .mobile-account-chevron { flex: 0 0 6px; width: 6px; height: 6px; margin-top: -3px; }
  #pt-tailwind.pt-frontend-layout .mobile-account-toggle[aria-expanded=true] .mobile-account-chevron { margin-top: 3px; }
}

#pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.tree-create-mobile-icon { display: none; }
@media(max-width:767px) {
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a { display: grid; place-items: center; gap: 0; padding: 0; line-height: 0; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.tree-create-desktop-icon,
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree .tree-create-label { display: none; }
  #pt-tailwind.pt-frontend-layout .pt-header-menu .pt-list-menu .pt-new-tree a>.tree-create-mobile-icon { display: block; width: 20px; height: 20px; margin: 0; }
}

@media(max-width:767px) {
  #pt-tailwind.pt-frontend-layout .header-auth-actions button {
    display: grid;
    place-items: center;
    gap: 0;
    line-height: 0;
  }
  #pt-tailwind.pt-frontend-layout .header-auth-actions button[data-auth-open=login] {
    background: #f1f5f9;
    color: #64748b;
  }
  #pt-tailwind.pt-frontend-layout .header-auth-actions button[data-auth-open=login]:hover {
    background: #e2e8f0;
    color: #334155;
  }
  #pt-tailwind.pt-frontend-layout .header-auth-actions button:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
  }
  #pt-tailwind.pt-frontend-layout .header-auth-actions button>.pt-icon {
    display: block;
    margin: 0;
  }
}