/* GENERAL */
	:root {
		--promos-wrapper-columns: 1fr 1fr;

		--view-nanny-head-profile-photo-icon-size: 54px;
		--view-nanny-head-grid-template-columns: max-content auto;
		--view-nanny-head-grid-template-rows: auto;
		/* --view-nanny-head-grid-template-areas: 
			'profile_photo_area user_info_area'
			'nanny_rank_area nanny_rank_area'
			'hire_nanny_area hire_nanny_area'
		;
		--view-nanny-head-grid-template-areas-no-nanny-rank: 
			'profile_photo_area user_info_area'
			'hire_nanny_area hire_nanny_area'
		; */
		--view-nanny-head-grid-template-areas: 
			'profile_photo_area user_info_area'
			'nanny_rank_area nanny_rank_area'
		;
		--view-nanny-head-grid-template-areas-no-nanny-rank: 
			'profile_photo_area user_info_area'
		;
		--view-nanny-head-grid-auto-rows: auto;
		--view-nanny-head-text-align: left;
		--view-nanny-head-margin: 0 0;
		--user-name-text-icon-wrapper-justify-content: flex-start;

		--view-nanny-body-grid-template-columns: auto 340px;
		--view-nanny-body-grid-template-rows: 1fr;
		--view-nanny-body-grid-template-areas: 'account_body_container_left_side other_info_area';

		--portfolio-cards-wrapper-columns-mummy: 1fr 1fr 1fr;

		--view-mummy-head-grid-template-columns: max-content auto;
		--view-mummy-head-grid-template-rows: auto auto;
		--view-mummy-head-grid-template-areas: 
			'profile_photo_area user_info_area'
			'nanny_rank_area nanny_rank_area'
		;

		--area-lr-padding: 24px;
		--area-tb-padding: 24px;
		--area-top-padding: 24px;
		--area-bottom-padding: 30px;
		--cert-download-btn-width: 100%;
		--cert-download-btn-margin: 0 0;

		--portfolio-photos-grid-columns: 1fr 1fr;
		--portfolio-photos-grid-gap: 16px;
		--portfolio-photos-wrapper-padding-bottom: calc(var(--portfolio-photos-grid-gap)/2);
		--portfolio-photos-photo-display-constant: 140px;

		/* Default */
		--nanny-profile-hero-background-color: var(--color-15);
		--nanny-profile-hero-background-image-opacity: 1;
		--nanny-profile-rank-wrapper-background-color: var(--black-9);
		--nanny-profile-mummies-watching-wrapper-border-color: var(--color-16);
		--nanny-profile-mummies-watching-wrapper-background-color: var(--black-3);
		--nanny-profile-photo-image-wrapper-border-color: black;
		--nanny-profile-photo-image-wrapper-background-color: var(--color-14);
	}
	/* Trusted Nanny */
	[data-nanny-trusted="1"] {
		--nanny-profile-hero-background-color: var(--color-15);
		--nanny-profile-hero-background-image-opacity: 1;
		--nanny-profile-rank-wrapper-background-color: var(--black-9);
		--nanny-profile-mummies-watching-wrapper-border-color: var(--color-16);
		--nanny-profile-mummies-watching-wrapper-background-color: var(--black-3);
		--nanny-profile-photo-image-wrapper-border-color: black;
		--nanny-profile-photo-image-wrapper-background-color: var(--color-14);
	}
	/* Not Trusted Nanny */
	[data-nanny-trusted="0"] {
		--nanny-profile-hero-background-color: #343434;
		--nanny-profile-hero-background-image-opacity: 0;
		--nanny-profile-rank-wrapper-background-color: var(--black-8);
		--nanny-profile-mummies-watching-wrapper-border-color: var(--black-9);
		--nanny-profile-mummies-watching-wrapper-background-color: var(--black-4);
		--nanny-profile-photo-image-wrapper-border-color: var(--black-9);
		--nanny-profile-photo-image-wrapper-background-color: white;
	}

	.profile-photo-image-wrapper {
		border-color: var(--nanny-profile-photo-image-wrapper-border-color);
		background-color: var(--nanny-profile-photo-image-wrapper-background-color);
	}
/* --- */



/* HEAD */

	#account_hero_section {
		background-color: var(--nanny-profile-hero-background-color);
	}
	#account_hero_section .bg-img-above {
		opacity: 0;
		/* SVG fallback for IE 9 */
		background-image: url('../images/stores/default/timeline-overlay.png');
		/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 1)));
		/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
		/* Firefox 3.6 - 15 */
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
		/* Opera 11.1 - 12 */
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
		/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
	}
	#account_hero_section .bg-img {
		opacity: var(--nanny-profile-hero-background-image-opacity);
	}

	.profile-photo-container img {
		width: var(--view-nanny-head-profile-photo-icon-size);
	}

	.profile-photo-image-wrapper .profile-photo-icon {
		width: var(--view-nanny-head-profile-photo-icon-size);
	}
	.profile-photo-image-wrapper .profile-photo-icon.trusted-nanny-icon {
		--view-nanny-head-profile-photo-icon-size: 40px;
	}
	@media only screen and (max-width: 990px) {
		.profile-photo-image-wrapper {
			margin: 0 0;
		}
		.profile-photo-image-wrapper .profile-photo-icon {
			width: var(--view-nanny-head-profile-photo-icon-size);
		}
		.profile-photo-image-wrapper .profile-photo-icon.trusted-nanny-icon {
			--view-nanny-head-profile-photo-icon-size: 30px;
		}
	}
	@media only screen and (max-width: 770px) {
		.profile-photo-image-wrapper {
			margin: 0 auto;
		}
	}


	.account-head-container {
		grid-template-columns: var(--view-nanny-head-grid-template-columns);
		grid-template-rows: var(--view-nanny-head-grid-template-rows);
		grid-template-areas: var(--view-nanny-head-grid-template-areas);
		grid-auto-rows: var(--view-nanny-head-grid-auto-rows);
		align-items: start;
		text-align: var(--view-nanny-head-text-align);
		color: white;
		margin: var(--view-nanny-head-margin);
	}
	.account-head-container.no-nanny-rank {
		grid-template-areas: var(--view-nanny-head-grid-template-areas-no-nanny-rank);
	}
	.account-head-container.mummy {
		grid-template-columns: var(--view-mummy-head-grid-template-columns);
		grid-template-rows: var(--view-mummy-head-grid-template-rows);
		grid-template-areas: var(--view-mummy-head-grid-template-areas);
	}

	#timeline_profile_photo_container {
		grid-area: profile_photo_area;
	}
	#view_nanny_user_info_container {
		grid-area: user_info_area;
	}
	#view_nanny_rank_container {
		grid-area: nanny_rank_area;
	}
	.account-head-container .nanny-rank-container {
		text-align: center;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		padding: 24px 16px;
		background-color: var(--nanny-profile-rank-wrapper-background-color);
		border-radius: 4px;
	}
	/* #view_nanny_hire_container {
		grid-area: hire_nanny_area;
	} */


	.user-info-container {
		padding: 18px 0px;
		width: 100%;
	}

	.user-name-text-icon-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: var(--user-name-text-icon-wrapper-justify-content);
		gap: 0.4em;
	}
	.user-name-text-icon-wrapper img.user-name-icon {
		height: 0.6em;
		width: auto;
	}

	.account-head-container .nanny-info-container {
		display: grid;
		grid-template-columns: max-content max-content max-content;
		grid-template-rows: 1fr;
		grid-row-gap: 6px;
		max-width: max-content;
		margin-top: 20px;
		font-size: 0.9rem;
		color: var(--black-4);
	}
	.account-head-container .nanny-info-container div {
		padding: 0 16px;
		border-right: 1px solid var(--black-7);
		text-align: center;
	}
	.account-head-container .nanny-info-container div:first-child {
		padding-left: 0;
		border-left: none;
	}
	.account-head-container .nanny-info-container div:last-child {
		padding-right: 0;
		border-right: none;
	}


	.nanny-mummies-watching-container {
		font-size: 0.9rem;
		padding: 6px 16px;
		border-radius: 4px;
		border: 1px solid var(--nanny-profile-mummies-watching-wrapper-border-color);
		color: var(--nanny-profile-mummies-watching-wrapper-border-color);
		background-color: var(--nanny-profile-mummies-watching-wrapper-background-color);
	}
	.account-head-container .nanny-mummies-watching-container {
		display: inline-block;
	}
	.secondary-page-title-container .nanny-mummies-watching-container {
		width: 100%;
		max-width: max-content;
	}
	.secondary-page-title-container * + .nanny-mummies-watching-container {
		margin-top: 24px;
	}
	.account-head-container .nanny-mummies-watching-container span,
	.secondary-page-title-container .nanny-mummies-watching-container span {
		font-weight: 700;
	}
	.account-head-container * > .nanny-mummies-watching-container {
		margin-top: 20px;
	}
	.nanny-mummies-watching-container img {
		height: 1.1em;
		width: auto;
	}


	.nanny-rank-container > .nanny-card-rank:last-child {
		border-left: 1px solid white;
	}
	.highlight-rank-wrapper {
		text-align: center;
	}
	.highlight-rank-text {
		font-size: 0.8rem;
		font-weight: 600;
		color: var(--black-1);
	}
	.highlight-rank-text + .highlight-rank {
		margin-top: 24px;
	}
	.highlight-rank {
		font-size: 2.6rem;
		font-weight: 700;
		color: var(--color-18);
	}

	.ranks-button {
		margin: 12px auto 0 auto;
		font-size: 1rem;
		font-weight: 600;
		color: var(--black-4);
		background-color: var(--black-1);
		border-radius: 2px;
		padding: 0 6px;
		width: max-content;
		cursor: pointer;
	}

	.ranks-and-button-wrapper {
		position: relative;
	}
	.ranks-wrapper {
		display: none;
		position: absolute;
		top: 32px;
		left: 0;
		width: 100%;
		z-index: 2;
		padding: 16px 6px;
		background-color: var(--color-18);
		border-radius: 4px;
	}
	.ranks-button:hover {
		color: var(--color-15);
		background-color: var(--color-18);
	}
	.ranks-button:hover + .ranks-wrapper {
		display: block;
	}
	.rank-wrapper + .rank-wrapper {
		margin-top: 8px;
	}
	.rank-wrapper .rank-title {
		text-align: center;
		font-size: 0.8rem;
		color: var(--color-15);
	}
	.rank-wrapper .rank-title + .rank {
		margin-top: 2px;
	}
	.rank-wrapper .rank {
		display: grid;
		grid-template-rows: 1fr;
		background-color: var(--black-1);
		border-radius: 80px;
	}

	.rank-wrapper .rank,
	.rank-wrapper .rank .highlight,
	.rank-wrapper .rank .background {
		height: 6px;
		width: 100%;
	}
	.rank-wrapper .rank .highlight {
		background-color: var(--color-12);
		border-radius: 80px;
		grid-area: rank_bar_highlight_area;
	}
	.rank-wrapper .rank .background {
		grid-area: rank_bar_background_area;
	}


	.hire-nanny-container .trifty-btn {
		background-color: var(--color-17);
		color: white;
		width: 100%;
	}
	.hire-nanny-container .trifty-btn:hover {
		background-color: #fa2b5b;
	}
	.hire-nanny-container .trifty-btn:active {
		transform: scale(0.99);
	}


	.user-staff-position {
		--nationality-flag-size: 26px;
	}
	.user-staff-position .nationality-flag {
		margin-left: 12px;
		width: var(--nationality-flag-size);
		height: var(--nationality-flag-size);
		border-radius: 50%;
		border: 1px solid var(--black-2);
		background-color: var(--black-1);
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
/* --- */



/* BODY */
	/* DEFAULT LAYOUT */
		.mummy.single-column .general-cards-wrapper.portfolio-cards {
			grid-template-columns: var(--portfolio-cards-wrapper-columns-mummy);
		}


		.account-body-container {
			display: grid;
			grid-template-columns: var(--view-nanny-body-grid-template-columns);
			grid-template-rows: var(--view-nanny-body-grid-template-rows);
			grid-template-areas: var(--view-nanny-body-grid-template-areas);
			grid-column-gap: var(--menu-details-gap);
			grid-row-gap: var(--account-details-container-row-gap);
			align-items: start;
			align-content: start;
		}
		.account-body-container.single-column {
			display: block;
		} 
		.account-body-container.single-column * + #other_info_area {
			margin-top: var(--account-details-container-row-gap);
		}
		.account-body-container-left-side .account-details-container + .account-details-container,
		.account-details-container + .more-nannies-button {
			margin-top: var(--account-details-container-row-gap);
		}
		#account_body_container_left_side {
			grid-area: account_body_container_left_side;
		}


		.body-container .more-details-area {
			padding: 10px 16px;
			border-radius: 4px;
			border: 1px dashed var(--black-6);
			background-color: var(--black-1);
			color: var(--black-6);
			font-weight: 400;
			font-size: 0.9rem;
		}
		.more-details-area .area-group + .area-group {
			margin-top: 24px;
		}
		.more-details-area .area-text {
			color: var(--black-8);
			font-size: 0.95rem;
			font-weight: 500;
		}
		.more-details-area .area-title + .area-text {
			margin-top: 2px;
		}
	/* --- */


	/* UNTRUSTWORTHY NANNY SECTION */
		#error_section {
			--error-section-title-font-size: 1.8rem;
			--error-section-list-font-size: 1.3rem;
		}
		#error_section .error-title {
            font-size: var(--error-section-title-font-size);
        }
		#error_section .error-list {
            font-size: var(--error-section-list-font-size);
		}
		@media only screen and (max-width: 990px) {
			#error_section {
				--error-section-title-font-size: 1.5rem;
			}
		}
		@media only screen and (max-width: 770px) {
			#error_section {
				--error-section-title-font-size: 1.4rem;
				--error-section-list-font-size: 1.275rem;
			}
		}
		@media only screen and (max-width: 574px) {
			#error_section {
				--error-section-title-font-size: 1.3rem;
				--error-section-list-font-size: 1.25rem;
			}
		}
		@media only screen and (max-width: 400px) {
			#error_section {
				--error-section-title-font-size: 1.2rem;
				--error-section-list-font-size: 1.15rem;
			}
		}

		.untrustworthy-nanny-details-wrapper {
			--untrustworthy-nanny-details-title-font-size: 2rem;
			--untrustworthy-nanny-details-title-border-width: 5px;
			display: flex;
			flex-direction: column;
			gap: 10px;
			text-align: center;
			align-items: center;
		}
		.untrustworthy-nanny-details-wrapper .profile-photo-image-wrapper {
			border: 1px solid var(--black-2);
			background-color: var(--color-24);
		}
		.untrustworthy-nanny-details-wrapper .untrustworthy-nanny-details-title {
			font-size: var(--untrustworthy-nanny-details-title-font-size);
			font-weight: 700;
			color: var(--color-24);
			padding: 8px 16px;
			background-color: white;
			border-width: var(--untrustworthy-nanny-details-title-border-width);
			border-style: solid;
			border-color: var(--color-24);
			transform-origin: center;
			transform: rotate(-0.5deg);
		}
		@media only screen and (max-width: 990px) {
			.untrustworthy-nanny-details-wrapper {
				--untrustworthy-nanny-details-title-font-size: 1.75rem;
				--untrustworthy-nanny-details-title-border-width: 4px;
			}
		}
		@media only screen and (max-width: 770px) {
			.untrustworthy-nanny-details-wrapper {
				--untrustworthy-nanny-details-title-font-size: 1.6rem;
			}
		}
		@media only screen and (max-width: 574px) {
			.untrustworthy-nanny-details-wrapper {
				--untrustworthy-nanny-details-title-font-size: 1.35rem;
			}
		}
		@media only screen and (max-width: 400px) {
			.untrustworthy-nanny-details-wrapper {
				--untrustworthy-nanny-details-title-font-size: 1.2rem;
			}
		}
	/* --- */


	/* SURVEYS SECTION */
		@media only screen and (max-width: 1200px) {
			.surveys-wrapper {
				display: flex;
				flex-direction: column;
			}
		}
	/* --- */
/* --- */



/* OTHER INFO AREA */
	/* General Layout */
		#other_info_area {
			grid-area: other_info_area;
		}

		.other-info-area-section {
			padding: var(--area-top-padding) var(--area-lr-padding) var(--area-bottom-padding) var(--area-lr-padding);
			border: 1px solid var(--color-21);
			border-bottom: none;
			background-color: white;
			color: #5b5959;
			font-weight: 400;
		}
		.other-info-area-section:first-child {
			border-top-left-radius: var(--menu-border-radius);
			border-top-right-radius: var(--menu-border-radius);
		}
		.other-info-area-section:last-child,
		.other-info-area-section[data-last-child] {
			border-bottom-left-radius: var(--menu-border-radius);
			border-bottom-right-radius: var(--menu-border-radius);
			border-bottom: 1px solid var(--color-21);
		}
		.other-info-area-section-title,
		h2.other-info-area-section-title {
			--other-info-area-section-title-font-size: 1rem;
			font-size: var(--other-info-area-section-title-font-size);
			font-weight: 500;
			color: var(--black-7);
			display: flex;
			align-items: center;
			column-gap: 8px;
		}
		h2.other-info-area-section-title {
			text-transform: none;
			font-size: var(--other-info-area-section-title-font-size) !important;
			font-weight: 500 !important;
		}
		.other-info-area-section-title > img {
			height: 1.2em;
			width: auto;
			opacity: 0.5;
		}
		.other-info-area-section-subtitle {
			font-size: 0.95rem;
			font-weight: 400;
			line-height: 1.5em;
			color: var(--black-5);
		}
		.other-info-area-section-title + .other-info-area-section-subtitle {
			margin-top: var(--area-tb-padding);
		}
		.other-info-area-section-body {
			font-size: 0.9rem;
			color: var(--black-5);
		}
		.other-info-area-section-title + .other-info-area-section-body,
		.other-info-area-section-subtitle + .other-info-area-section-body {
			margin-top: var(--area-tb-padding);
		}
	/* --- */


	/* Other Info Area: Rank */
		.other-info-area-section-body .ranks-wrapper {
			display: block;
			position: static;
			padding: 0;
			background-color: transparent;
			border-radius: 0;
		}
		.other-info-area-section-body .rank-wrapper + .rank-wrapper {
			margin-top: 20px;
		}
		.other-info-area-section-body .rank-wrapper .rank-title {
			text-align: left;
			font-size: 0.9rem;
			color: var(--black-5);
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: flex-end;
		}
		.other-info-area-section-body .rank-wrapper .rank-title div:last-child {
			color: var(--color-15);
		}
		.other-info-area-section-body .rank-wrapper .rank,
		.other-info-area-section-body .rank-wrapper .rank .highlight,
		.other-info-area-section-body .rank-wrapper .rank .background {
			height: 8px;
		}
	/* --- */


	/* Other Info Area: Covid-19 vaccination certificate */
		.other-info-area-section .cert-icon-wrapper {
			text-align: center;
		}
		.other-info-area-section .cert-icon {
			width: 100px;
		}
		.other-info-area-section .cert-text-wrapper,
		.other-info-area-section .cert-button-wrapper {
			text-align: center;
		}
		.other-info-area-section div + .cert-text-wrapper,
		.other-info-area-section div + .cert-button-wrapper {
			margin-top: 16px;
		}
		.other-info-area-section .download-file-btn.trifty-btn {
			display: block;
			padding: 4px 30px;
			background-color: var(--color-17);
			font-weight: 500;
			width: var(--cert-download-btn-width);
			margin: var(--cert-download-btn-margin);
		}
	/* --- */

	/* Other Info Area: Special Features */

	/* Other Info Area: Languages */

	/* Other Info Area: Dream Nanny */
		.other-info-area-section .dream-nanny-text {
			line-height: 1.7em;
		}
	/* --- */

	/* Other Info Area: Business Card */
		.other-info-area-section .business-card-text-wrapper,
		.other-info-area-section .business-card-button-wrapper {
			text-align: center;
		}
		.other-info-area-section div + .business-card-text-wrapper,
		.other-info-area-section div + .business-card-button-wrapper {
			margin-top: 16px;
		}
		.other-info-area-section .get-business-card-btn.trifty-btn {
			display: block;
			padding: 4px 30px;
			background-color: var(--color-17);
			font-weight: 500;
			width: var(--cert-download-btn-width);
			margin: var(--cert-download-btn-margin);
		}
	/* --- */

	/* Other Info Area: Contact Me */
		.other-info-area-section .contact-me-btn.trifty-btn {
			display: block;
			padding: 4px 30px;
			background-color: var(--color-17);
			font-weight: 500;
			width: var(--cert-download-btn-width);
			margin: var(--cert-download-btn-margin);
			outline: none;
		}
	/* --- */

	/* Other Info Area: Shortlist */
		.other-info-area-section .add-to-shortlist.trifty-btn,
		.other-info-area-section .remove-from-shortlist.trifty-btn {
			display: block;
			padding: 4px 30px;
			background-color: var(--color-17);
			font-weight: 500;
			width: var(--cert-download-btn-width);
			margin: var(--cert-download-btn-margin);
			outline: none;
		}
		.other-info-area-section .add-to-shortlist.trifty-btn {
			background-color: var(--black-7);
		}
	/* --- */

	/* Other Info Area: Share */
		.other-info-area-section .share-icons-wrapper {
			display: flex;
			flex-wrap: wrap;
			column-gap: 34px;
			row-gap: 24px;
			justify-content: flex-start;
			align-items: center;
		}
		.other-info-area-section .share-icons-wrapper img {
			height: 30px;
			width: auto;
		}
		@media only screen and (max-width: 990px) {
			.other-info-area-section .share-icons-wrapper {
				justify-content: center;
			}
		}
		@media only screen and (max-width: 574px) {
			.other-info-area-section .share-icons-wrapper {
				justify-content: flex-start;
			}
		}
	/* --- */

	/* Other Info Area: General */
		/* Table */
		.other-info-area-section table,
		.account-section-empty table {
			border-collapse: collapse;
			width: 100%;
		}
		.other-info-area-section table tr td,
		.account-section-empty table tr td {
			vertical-align: top;
		}
		.other-info-area-section table.list-middle-align tr td,
		.account-section-empty table.list-middle-align tr td {
			vertical-align: middle;
		}
		.other-info-area-section table tr + tr td,
		.account-section-empty table tr + tr td {
			padding-top: 8px;
		}
		.other-info-area-section table tr td:first-child,
		.account-section-empty table tr td:first-child {
			padding-right: 8px;
			width: 1px;
		}
		.other-info-area-section table tr td .list-item-medium,
		.account-section-empty table tr td .list-item-medium {
			font-size: 1.2rem;
			font-weight: 700;
		}
		.other-info-area-section table tr td .list-item-highlight,
		.account-section-empty table tr td .list-item-highlight {
			font-weight: 600;
			color: var(--black-6);
		}
		.other-info-area-section table .list-bullet,
		.account-section-empty table .list-bullet {
			width: 20px;
			margin-top: -2px;
		}
		.other-info-area-section table .list-bullet.medium-bullet,
		.account-section-empty table .list-bullet.medium-bullet {
			width: 34px;
			margin-top: 4px;
		}
		.other-info-area-section table .contact-icon,
		.account-section-empty table .contact-icon {
			width: 24px;
			margin-top: -3px;
		}
		.other-info-area-section table .contact-link,
		.account-section-empty table .contact-link {
			color: var(--color-17);
		}
		.other-info-area-section table tr td * + .list-item-group,
		.account-section-empty table tr td * + .list-item-group {
			margin-top: 6px;
		}
		.other-info-area-section table tr td .list-item-group,
		.account-section-empty table tr td .list-item-group {
			padding: 6px 12px;
			border-radius: 4px;
			background-color: #faeee4;
			word-break: break-word;
		}
		.other-info-area-section table tr td .list-item-group.notice-list-item-group,
		.account-section-empty table tr td .list-item-group.notice-list-item-group {
			font-size: 0.9rem;
			font-weight: 500;
			background-color: var(--color-14);
			color: var(--color-15);
		}

		/* Button */
		.other-info-area-section * + .sign-up-in-button-wrapper {
			margin-top: 16px;
		}
		.other-info-area-section .sign-up-in-button-wrapper {
			display: flex;
			flex-wrap: nowrap;
			flex-direction: column;
			gap: 16px;
			text-align: center;
		}
		.other-info-area-section .sign-up-in-button {
			display: block;
			padding: 4px 30px;
			background-color: var(--color-17);
			font-weight: 500;
			width: var(--cert-download-btn-width);
			margin: var(--cert-download-btn-margin);
		}

		/* Text */
		.other-info-area-section .general-text-wrapper {
			text-align: center;
		}
		.other-info-area-section * + .general-text-wrapper {
			margin-top: 16px;
		}
		.other-info-area-section .general-text-wrapper a:hover {
			color: var(--color-17);
		}

		/* Copy text */
		.other-info-area-section * + .copy-text-icon-wrapper {
			margin-top: var(--area-tb-padding);
		}
		.other-info-area-section .copy-text-icon-wrapper {
			display: flex;
			flex-wrap: nowrap;
			flex-direction: column;
			gap: 8px;
			align-items: center;
			text-align: center;
		}
		.other-info-area-section .copy-text-icon-wrapper img.copy-icon {
			display: block;
			width: 26px;
			height: auto;
			margin: 0 auto;
		}

		/* Highlight */
		.other-info-area-section .highlight {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--black-6);
        }
        .other-info-area-section .highlight.large {
            font-size: 4rem;
        }
		.other-info-area-section .highlight.medium-large {
            font-size: 3rem;
        }
        .other-info-area-section .highlight.medium {
            font-size: 2rem;
        }
        .other-info-area-section .highlight.small {
            font-size: 1.2rem;
        }
        .other-info-area-section .highlight.very-small {
            font-size: 1rem;
        }
	/* --- */
/* --- */



/* Empty Portfolio */
	.account-section-empty * + table {
		margin-top: 16px;
	}
	.account-section-empty table {
		--account-section-empty-table-tb-padding: 12px;
		--account-section-empty-table-lr-padding: 12px;
		max-width: max-content;
		margin-left: auto;
		margin-right: auto;
		background-color: var(--color-14);
		border-radius: 4px;
		color: var(--color-16);
		text-align: left;
	}
	.account-section-empty table.transparent-table {
		--account-section-empty-table-tb-padding: 0px;
		--account-section-empty-table-lr-padding: 0px;
		background-color: transparent;
	}
	.account-section-empty table tr:first-child td {
		padding-top: var(--account-section-empty-table-tb-padding);
	}
	.account-section-empty table tr:last-child td {
		padding-bottom: var(--account-section-empty-table-tb-padding);
	}
	.account-section-empty table tr td:first-child {
		padding-left: var(--account-section-empty-table-lr-padding);
	}
	.account-section-empty table tr td:last-child {
		padding-right: var(--account-section-empty-table-lr-padding);
	}
	.account-section-empty .no-portfolio-job-experiences-title {
		font-weight: 600;
		color: var(--black-8);
	}
	.account-section-empty * + .no-portfolio-job-experiences-title {
		margin-top: 12px;
	}
/* --- */



/* Portfolio Photos */
	.portfolio-photos-wrapper {
		display: grid;
		grid-template-columns: var(--portfolio-photos-grid-columns);
		grid-template-rows: auto;
		grid-auto-rows: auto; 
		gap: var(--portfolio-photos-grid-gap);
		padding-bottom: var(--portfolio-photos-wrapper-padding-bottom);
	}
	.portfolio-photos-wrapper .photo-display {
		position: relative;
		width: 100%;
		border-radius: 8px;
		cursor: pointer;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/* 3:2 Aspect Ratio */
		padding-top: calc(100% * 2 / 3);

		-moz-box-shadow: 0px 1px 3px 1px rgb(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 1px 3px 1px rgb(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgb(0, 0, 0, 0.2);
	}
	.portfolio-photos-wrapper .photo-display.lazy-photo-display {
		background-image: none !important;
	}
	.portfolio-photos-wrapper .photo-display .view-photo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 60px;
		opacity: 0;
	}
	.portfolio-photos-wrapper .photo-display:hover .view-photo {
		opacity: 0.4;
	}

	.portfolio-photos-wrapper.horizontal-scroll {
		display: block;
		overflow: auto;
		white-space: nowrap;
		scroll-snap-type: x mandatory;
	}
	.portfolio-photos-wrapper.horizontal-scroll .photo-display {
		padding-top: 0;
		display: inline-block;
		width: calc(3 * var(--portfolio-photos-photo-display-constant));
		height: calc(2 * var(--portfolio-photos-photo-display-constant));
		scroll-snap-align: start;
	}
	.portfolio-photos-wrapper.horizontal-scroll .photo-display + .photo-display {
		margin-left: var(--portfolio-photos-grid-gap);
	}
/* --- */



/* Horizontal Scroll Wrapper */
	/* Firefox */
	.horizontal-scroll {
		scrollbar-color: var(--black-3);
		/* scrollbar-width: thin; */
	}
	/* Others */
	.horizontal-scroll::-webkit-scrollbar {
		height: 8px;
	}
	.horizontal-scroll::-webkit-scrollbar-track {
		/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
		background-color: transparent;
	}
	.horizontal-scroll::-webkit-scrollbar-thumb {
		background-color: var(--black-3);
		border-radius: 80px;
	}
	.horizontal-scroll::-webkit-scrollbar-thumb:hover {
		background-color: var(--black-5);
	}
/* --- */



/* Salary Structure */
	.fee-icons-wrapper {
		display: flex;
		gap: 12px;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.general-modal .fee-icons-wrapper {
		justify-content: center;
	}
	.fee-icons-wrapper > img {
		display: block;
		width: auto;
		height: 30px;
		filter: grayscale(100%);
		opacity: 0.3;
	}
	.fee-icons-wrapper > img.enabled-fee-icon {
		filter: grayscale(0%);
		opacity: 1;
	}
/* --- */



/* Payment Structure */
	.payment-structure-wrapper {
		--payment-structure-area-wrapper-tb-padding: 24px;
	}
	.payment-structure-area-wrapper {
		display: grid;
		grid-template-columns: max-content auto;
		grid-template-rows: max-content auto;
		column-gap: 12px;
		row-gap: 12px;
		align-items: center;
		padding-top: var(--payment-structure-area-wrapper-tb-padding);
		padding-bottom: var(--payment-structure-area-wrapper-tb-padding);
		border-bottom: 1px solid var(--black-2);
	}
	.payment-structure-area-wrapper:first-child {
		padding-top: 0px;
	}
	.payment-structure-area-wrapper:last-child {
		padding-bottom: 0px;
		border-bottom: none;
	}
	.payment-structure-area-bullet {
		display: block;
		width: 20px;
		height: auto;
		filter: grayscale(100%);
		opacity: 0.6;
	}
	.payment-structure-area-bullet.color-bullet {
		filter: grayscale(0%);
		opacity: 1;
	}
	.payment-structure-area-bodies {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.payment-structure-area-body {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.payment-structure-area-body .input-btn {
		padding: 6px 30px;
		background-color: var(--color-17);
	}
	.payment-structure-area-title {
		font-size: 0.9rem;
		font-weight: 500;
		color: var(--black-6);
	}
	.payment-structure-area-text {
		font-size: 1rem;
		font-weight: 700;
		color: var(--black-7);
	}
	.payment-structure-area-text > span {
		font-size: 0.9rem;
		font-weight: 400;
		color: var(--black-4);
	}
/* --- */



/* Nanny Reviews */
	.nanny-reviews-wrapper {
		--nanny-reviews-wrapper-gap: 40px;
		--nanny-reviews-wrapper-bg-color: #f3eae3;
		display: flex;
		flex-direction: column;
		gap: var(--nanny-reviews-wrapper-gap);
		font-size: 1rem;
		line-height: 1.2em;
	}
	.nanny-review-wrapper {
		--nanny-review-wrapper-gap: 0.5em;
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--nanny-review-wrapper-gap);

		border-radius: var(--menu-border-radius);
		border: 1px solid var(--color-21);
		background-color: var(--nanny-reviews-wrapper-bg-color);
		padding: var(--account-section-body-lr-padding-fixed);
		box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
	}
	/* .nanny-review-wrapper + .nanny-review-wrapper {
		padding-top: var(--nanny-reviews-wrapper-gap);
		border-top: 1px dashed var(--black-4);
	} */
	.nanny-review-wrapper .nanny-review-time-ago {
		font-size: 0.85rem;
		font-weight: 600;
		color: var(--black-4);
		text-align: right;
		position: absolute;
		top: calc(var(--account-section-body-lr-padding-fixed) / 2);
		right: var(--account-section-body-lr-padding-fixed);
	}
	.nanny-review-wrapper .nanny-review-names {
		font-size: 1.1rem;
		font-weight: 600;
		color: var(--color-15);
	}
	.nanny-review-wrapper .nanny-review-icon-text-outer-wrapper {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.nanny-review-wrapper .nanny-review-icon-text-wrapper {
		font-size: 0.9rem;
		font-weight: 400;
		color: var(--color-15);
		display: grid;
		grid-template-columns: 20px auto;
		grid-template-rows: 1fr;
		grid-column-gap: 0.5em;
		align-items: center;
		opacity: 0.5;
	}
	.nanny-review-wrapper .nanny-review-icon-text-wrapper img {
		height: 1em;
		width: auto;
		margin-top: 1.5px;
	}
	.input-container .nanny-review-comments,
	.nanny-review-wrapper .nanny-review-comments {
		display: flex;
		flex-direction: column;
		gap: 12px;
		line-height: 1.5em;
		color: var(--black-8);
	}
	.nanny-review-wrapper div + .nanny-review-comments {
		margin-top: 6px;
	}

	.nanny-review-nanny-reply-wrapper {
		display: none;
	}
	.nanny-review-comments + .nanny-review-nanny-reply-wrapper {
		display: flex;
		flex-direction: column;
		gap: 6px;
		position: relative;
		margin-top: 12px;
		margin-left: 12px;
	}
	.nanny-review-comments + .nanny-review-nanny-reply-wrapper::before {
		content: '';
		position: absolute;
		top: -12px;
		left: -12px;
		height: 24px;
		width: 6px;
		border-left: 2px solid var(--black-6);
		border-bottom: 2px solid var(--black-6);
		border-bottom-left-radius: 6px;
	}
	.nanny-review-nanny-reply-wrapper .nanny-review-nanny-reply {
		display: flex;
		flex-direction: column;
		gap: 6px;
		line-height: 1.5em;
		color: var(--black-8);
		font-size: 0.95rem;
	}
	.nanny-review-nanny-reply-wrapper .nanny-review-names {
		font-size: 1rem;
	}
	.nanny-review-nanny-reply-wrapper .nanny-review-nanny-reply + .button-wrapper {
		margin-top: 6px;
	}
	.nanny-review-nanny-reply-wrapper .input-btn {
		padding: 6px 28px;
	}

	.mn-comments-area-wrapper {
		margin-top: calc(var(--account-section-body-lr-padding-fixed) - var(--nanny-review-wrapper-gap));
		padding-top: var(--account-section-body-lr-padding-fixed);
		border-top: 1px dashed var(--black-4);
		display: flex;
		flex-direction: column;
		gap: var(--account-section-body-lr-padding-fixed);
	}
	.mn-comments-area-wrapper .mn-comments-counter {
		font-size: 1rem;
		font-weight: 600;
	}
	.mn-comments-area-wrapper .mn-comments-counter:empty,
	.mn-comments-area-wrapper .mn-comments-wrapper:empty {
		display: none;
	}
	.mn-comments-no-comment-text {
		font-size: 0.85rem;
		text-align: center;
	}
	.mn-comments-wrapper:empty + .mn-comments-button-wrapper {
		padding: 0;
		border-radius: 0;
		border: none;
	}

	@media only screen and (max-width: 574px) {
		.nanny-reviews-wrapper {
			font-size: 0.9rem;
		}
		.nanny-review-wrapper .nanny-review-names {
			font-size: 1rem;
		}
		.nanny-review-wrapper .nanny-review-icon-text-wrapper {
			font-size: 0.8rem;
		}
	}

	.nanny-review-wrapper .nanny-review-view-checkbox {
		display: none;
	}
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .nanny-review-comments,
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .nanny-review-nanny-reply-wrapper,
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .mn-comments-area-wrapper {
		display: none;
	}
	.nanny-review-wrapper .nanny-review-view-button-wrapper {
		margin-top: 24px;
	}
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .nanny-review-view-button-wrapper {
		margin-top: 12px;
	}
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .nanny-review-view-button-wrapper [data-state="unchecked"],
	.nanny-review-wrapper .nanny-review-view-checkbox:not(:checked) ~ .nanny-review-view-button-wrapper [data-state="checked"] {
		display: none;
	}
	.nanny-review-wrapper .nanny-review-view-checkbox ~ .nanny-review-view-button-wrapper .input-btn {
		background-color: var(--black-5);
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	.nanny-review-wrapper .nanny-review-view-checkbox:checked ~ .nanny-review-view-button-wrapper .input-btn {
		background-color: var(--black-8);
	}
/* --- */



/* Visas */
	.visa-cards-wrapper {
		--visa-cards-wrapper-columns: 1fr 1fr;
		--visa-card-gap: 20px;
		--visa-card-rows: 1fr;
		--visa-card-flex-direction: row;
		--visa-card-justify-content: flex-start;
		--visa-card-align-items: flex-start;
		--visa-card-photo-size: 36px;

		display: grid;
		grid-template-columns: var(--visa-cards-wrapper-columns);
		grid-template-rows: auto;
		grid-auto-rows: auto;
		grid-gap: 16px;
	}
	.visa-card {
		display: flex;
		flex-direction: var(--visa-card-flex-direction);
		justify-content: var(--visa-card-justify-content);
		align-items: var(--visa-card-align-items);
		gap: var(--visa-card-gap);
	}
	.visa-card .card-photo {
		width: var(--visa-card-photo-size);
		height: var(--visa-card-photo-size);
		border-radius: 6px;
		border: 1px solid var(--black-2);
		background-color: var(--black-1);
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.visa-card .card-title {
		font-weight: 600;
	}
	.visa-card .card-subtitle {
		font-size: 0.85rem;
		color: var(--black-5);
	}
	@media only screen and (max-width: 770px) {
		.visa-cards-wrapper {
			--visa-cards-wrapper-columns: 1fr;
		}
	}
/* --- */



/* Request eAgreement */
	#sample_e_agreement_button.input-btn {
		background-color: white;
		color: var(--color-17);
		border: 1px solid var(--color-17);
	}

	.e-agreement-list-wrapper {
		display: flex;
		flex-direction: column;
		row-gap: 0.5rem;
	}
	.e-agreement-list-wrapper.tight-e-agreement-list-wrapper {
		row-gap: 0px;
	}

	.e-agreement-list-item {
		display: flex;
		column-gap: 1rem;
		align-items: flex-start;
	}
	.e-agreement-bullet-wrapper {
		display: flex;
		align-items: center;
		width: 20px;
		height: 1rem;
	}
	.e-agreement-bullet-wrapper > span {
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: var(--black-6);
	}
	.e-agreement-bullet-wrapper.hide-bullet > span {
		opacity: 0;
	}
	.e-agreement-ellipsis-wrapper {
		display: flex;
		column-gap: 4px;
		align-items: center;
	}
	.e-agreement-ellipsis-wrapper > span {
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: var(--black-6);
	}
/* --- */



/* TOP NANNIES */
	#top_nannies_section {
		--promos-wrapper-columns: 1fr 1fr 1fr;	
	}
	@media only screen and (max-width: 1200px) {
		#top_nannies_section {
			--promos-wrapper-columns: 1fr 1fr;
		}
	}
	@media only screen and (max-width: 770px) {
		#top_nannies_section {
			--promos-wrapper-columns: 1fr;
		}
	}

	/* Horizontal Scroll */
	@media only screen and (max-width: 574px) {
		#top_nannies_section .promos-wrapper > .top-nannies-card .bottom-wrapper {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-names,
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-salary {
			text-overflow: ellipsis; 
			overflow: hidden; 
			white-space: nowrap;
		}
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-names-wrapper,
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-salary {
			max-width: calc( var(--horizontal-scroll-card-width) - calc(var(--top-nannies-card-lr-padding) * 2) );
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card .bottom-wrapper,
		#top_nannies_section .promos-wrapper .top-nannies-card .ranks-and-button-wrapper {
			position: static;
		}
		#top_nannies_section .promos-wrapper .top-nannies-card .ranks-wrapper {
			top: 0px;
		}
		/* Ranks Table */
		.ranks-table-wrapper table,
		.ranks-table-wrapper table tbody {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			column-gap: 24px;
			row-gap: 8px;
		}
		.ranks-table-wrapper table tr td:first-child,
		.ranks-table-wrapper table tr td:last-child,
		.ranks-table-wrapper table tr + tr td {
			padding-top: 0px;
		}
		.ranks-table-wrapper table tr td:first-child {
			width: max-content;
		}
		.ranks-table-wrapper table .list-bullet,
		.ranks-table-wrapper table .list-bullet.medium-bullet,
		.ranks-table-wrapper table .contact-icon {
			margin-top: 0px;
		}
	}
	@media only screen and (max-width: 350px) {
		#top_nannies_section .promos-wrapper > .top-nannies-card .bottom-wrapper {
			display: block;
		}
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-names,
		#top_nannies_section .promos-wrapper .top-wrapper .nannies-card-salary {
			text-overflow: clip;
			overflow: visible;
			white-space: normal;
			max-width: auto;
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card .bottom-wrapper,
		#top_nannies_section .promos-wrapper .top-nannies-card .ranks-and-button-wrapper {
			position: relative;
		}
		#top_nannies_section .promos-wrapper .top-nannies-card .ranks-wrapper {
			top: auto;
			bottom: 32px;
		}
	}

	/* Horizontal Scroll */
	@media only screen and (max-width: 574px) {
		#top_nannies_section .promos-wrapper,
		#top_nannies_section .promos-wrapper.one-column,
		#top_nannies_section .promos-wrapper.two-column {
			display: flex;
			gap: var(--horizontal-promos-wrapper-gap);
			max-width: auto;
			position: relative;
			overflow: auto;
			scroll-snap-type: x mandatory;
			/* -webkit-overflow-scrolling: touch; */
			/* white-space: nowrap; */
			padding-bottom: var(--horizontal-promos-wrapper-padding-bottom);
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card {
			--horizontal-scroll-card-width: calc( 0.8 * calc(100vw - calc(2 * var(--section-wrapper-lr-padding)) - var(--horizontal-promos-wrapper-gap)) );
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: max-content auto;
			width: var(--horizontal-scroll-card-width);
			min-width: var(--horizontal-scroll-card-width);
			scroll-snap-align: start;
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card + .top-nannies-card {
			margin-left: var(--horizontal-promos-wrapper-gap);
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card:hover {
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
		}

		/* Scrollbar */
		/* Firefox */
		#top_nannies_section .promos-wrapper {
			scrollbar-color: var(--black-3);
			/* scrollbar-width: thin; */
		}
		/* Others */
		#top_nannies_section .promos-wrapper::-webkit-scrollbar {
			height: 8px;
		}
		#top_nannies_section .promos-wrapper::-webkit-scrollbar-track {
			/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
			background-color: transparent;
		}
		#top_nannies_section .promos-wrapper::-webkit-scrollbar-thumb {
			background-color: var(--black-3);
			border-radius: 80px;
		}
		#top_nannies_section .promos-wrapper::-webkit-scrollbar-thumb:hover {
			background-color: var(--black-5);
		}
	}
	@media only screen and (max-width: 350px) {
		#top_nannies_section .promos-wrapper,
		#top_nannies_section .promos-wrapper.one-column,
		#top_nannies_section .promos-wrapper.two-column {
			display: grid;
			gap: var(--promos-grid-gap);
			position: static;
			overflow: visible;
			white-space: normal;
			padding-bottom: 0px;
		}
		#top_nannies_section .promos-wrapper.one-column {
			max-width: var(--promos-wrapper-columns-one-column-max-width);
		}
		#top_nannies_section .promos-wrapper.two-column {
			max-width: var(--promos-wrapper-columns-two-column-max-width);
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card {
			--horizontal-scroll-card-width: auto;
			display: block;
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card + .top-nannies-card {
			margin-left: 0px;
		}
		#top_nannies_section .promos-wrapper > .top-nannies-card:hover {
			box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.2);
		}
	}
/* --- */



/* TRUSTED NANNES */
	#trusted_nannies_area.account-details-container {
		display: block;
	}
	
	#trusted_nannies_wrapper > .top-nannies-card .bottom-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#trusted_nannies_wrapper .top-wrapper .nannies-card-names,
	#trusted_nannies_wrapper .top-wrapper .nannies-card-salary {
		text-overflow: ellipsis; 
		overflow: hidden; 
		white-space: nowrap;
	}
	#trusted_nannies_wrapper .top-wrapper .nannies-card-names-wrapper,
	#trusted_nannies_wrapper .top-wrapper .nannies-card-salary {
		max-width: calc( var(--horizontal-scroll-card-width) - calc(var(--top-nannies-card-lr-padding) * 2) );
	}
	#trusted_nannies_wrapper > .top-nannies-card .bottom-wrapper,
	#trusted_nannies_wrapper .top-nannies-card .ranks-and-button-wrapper {
		position: static;
	}
	#trusted_nannies_wrapper .top-nannies-card .ranks-wrapper {
		top: 0px;
	}
	/* Ranks Table */
		#trusted_nannies_wrapper .ranks-table-wrapper table,
		#trusted_nannies_wrapper .ranks-table-wrapper table tbody {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			column-gap: 24px;
			row-gap: 8px;
		}
		#trusted_nannies_wrapper .ranks-table-wrapper table tr td:first-child,
		#trusted_nannies_wrapper .ranks-table-wrapper table tr td:last-child,
		#trusted_nannies_wrapper .ranks-table-wrapper table tr + tr td {
			padding-top: 0px;
		}
		#trusted_nannies_wrapper .ranks-table-wrapper table tr td:first-child {
			width: max-content;
		}
		#trusted_nannies_wrapper .ranks-table-wrapper table .list-bullet,
		#trusted_nannies_wrapper .ranks-table-wrapper table .list-bullet.medium-bullet,
		#trusted_nannies_wrapper .ranks-table-wrapper table .contact-icon {
			margin-top: 0px;
		}

	/* Horizontal Scroll */
		#trusted_nannies_wrapper {
			display: flex;
			gap: var(--horizontal-promos-wrapper-gap);
			max-width: auto;
			position: relative;
			overflow: auto;
			scroll-snap-type: x mandatory;
			/* -webkit-overflow-scrolling: touch; */
			/* white-space: nowrap; */
			padding-bottom: var(--horizontal-promos-wrapper-padding-bottom);
		}

		#trusted_nannies_wrapper > .top-nannies-card {
			--horizontal-scroll-card-width-const: 0.22;
			--horizontal-scroll-card-width: calc( var(--horizontal-scroll-card-width-const) * calc(100vw - calc(2 * var(--section-wrapper-lr-padding)) - var(--horizontal-promos-wrapper-gap)) );
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: max-content auto;
			width: var(--horizontal-scroll-card-width);
			min-width: var(--horizontal-scroll-card-width);
			scroll-snap-align: start;
		}
		@media only screen and (max-width: 1200px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.28;
			}
		}
		@media only screen and (max-width: 990px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.33;
			}
		}
		@media only screen and (max-width: 770px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.5;
			}
		}
		@media only screen and (max-width: 574px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.7;
			}
		}
		@media only screen and (max-width: 460px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.8;
			}
		}
		@media only screen and (max-width: 350px) {
			#trusted_nannies_wrapper > .top-nannies-card {
				--horizontal-scroll-card-width-const: 0.85;
			}
		}
		
		#trusted_nannies_wrapper > .top-nannies-card + .top-nannies-card {
			margin-left: var(--horizontal-promos-wrapper-gap);
		}
		#trusted_nannies_wrapper > .top-nannies-card:hover {
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
		}

		/* Scrollbar */
			/* Firefox */
			#trusted_nannies_wrapper {
				scrollbar-color: var(--black-3);
			}
			/* Others */
			#trusted_nannies_wrapper::-webkit-scrollbar {
				height: 8px;
			}
			#trusted_nannies_wrapper::-webkit-scrollbar-track {
				background-color: transparent;
			}
			#trusted_nannies_wrapper::-webkit-scrollbar-thumb {
				background-color: var(--black-3);
				border-radius: 80px;
			}
			#trusted_nannies_wrapper::-webkit-scrollbar-thumb:hover {
				background-color: var(--black-5);
			}
/* --- */



/* BREAKPOINTS */
	@media only screen and (max-width: 1200px) {
		:root {
			--portfolio-cards-wrapper-columns-mummy: 1fr 1fr 1fr;

			--portfolio-photos-grid-columns: 1fr;
			--portfolio-photos-photo-display-constant: 120px;
		}
	}

	@media only screen and (max-width: 990px) {
		:root {
			--view-nanny-head-profile-photo-icon-size: 50px;
			--view-nanny-head-grid-template-columns: max-content auto;
			--view-nanny-head-grid-template-rows: auto;
			/* --view-nanny-head-grid-template-areas: 
				'profile_photo_area user_info_area'
				'nanny_rank_area nanny_rank_area'
				'hire_nanny_area hire_nanny_area'
			;
			--view-nanny-head-grid-template-areas-no-nanny-rank: 
				'profile_photo_area user_info_area'
				'hire_nanny_area hire_nanny_area'
			; */
			--view-nanny-head-grid-template-areas: 
				'profile_photo_area user_info_area'
				'nanny_rank_area nanny_rank_area'
			;
			--view-nanny-head-grid-template-areas-no-nanny-rank: 
				'profile_photo_area user_info_area'
			;
			--view-nanny-head-text-align: left;
			--view-nanny-head-margin: 0 0;
			--user-name-text-icon-wrapper-justify-content: flex-start;

			--view-nanny-body-grid-template-columns: 1fr;
			--view-nanny-body-grid-template-rows: max-content max-content;
			--view-nanny-body-grid-template-areas: 
				'account_body_container_left_side'
				'other_info_area'
			;

			--portfolio-cards-wrapper-columns-mummy: 1fr 1fr;

			--view-mummy-head-grid-template-columns: max-content auto;
			--view-mummy-head-grid-template-rows: auto auto;
			--view-mummy-head-grid-template-areas: 
				'profile_photo_area user_info_area'
				'nanny_rank_area nanny_rank_area'
			;

			--cert-download-btn-width: max-content;
			--cert-download-btn-margin: 0 auto;

			--portfolio-photos-grid-columns: 1fr 1fr;
		}

		.profile-photo-container {
			margin: 0 0;
		}

		.profile-photo-container img {
			width: var(--view-nanny-head-profile-photo-icon-size);
		}

		.user-info-container {
			margin: 0 auto;
		}

		.user-staff-position {
			justify-content: left;
		}
	}

	@media only screen and (max-width: 770px) {
		:root {
			--view-nanny-head-grid-template-columns: 1fr;
			--view-nanny-head-grid-template-rows: max-content;
			/* --view-nanny-head-grid-template-areas: 
				'profile_photo_area'
				'user_info_area'
				'nanny_rank_area'
				'hire_nanny_area'
			;
			--view-nanny-head-grid-template-areas-no-nanny-rank: 
				'profile_photo_area'
				'user_info_area'
				'hire_nanny_area'
			; */
			--view-nanny-head-grid-template-areas: 
				'profile_photo_area'
				'user_info_area'
				'nanny_rank_area'
			;
			--view-nanny-head-grid-template-areas-no-nanny-rank: 
				'profile_photo_area'
				'user_info_area'
			;
			--view-nanny-head-text-align: center;
			--view-nanny-head-margin: 0 0;
			--user-name-text-icon-wrapper-justify-content: center;


			--portfolio-cards-wrapper-columns-mummy: 1fr;

			--view-mummy-head-grid-template-columns: 1fr;
			--view-mummy-head-grid-template-rows: max-content max-content max-content;
			--view-mummy-head-grid-template-areas: 
				'profile_photo_area'
				'user_info_area'
				'nanny_rank_area'
			;

			--portfolio-photos-grid-columns: 1fr;
			--portfolio-photos-photo-display-constant: 110px;
		}

		.profile-photo-container {
			margin: 0 auto;
		}

		.user-info-container {
			max-width: max-content;
			margin: 0 auto;
		}

		.account-head-container .nanny-info-container {
			grid-template-columns: 1fr;
			grid-template-rows: max-content max-content max-content max-content;
			margin-left: auto;
			margin-right: auto;
		}
		.account-head-container .nanny-info-container div {
			padding: 0 0;
			border-right: none;
		}
		.account-head-container .nanny-info-container div:first-child {
			padding-left: 0;
			border-left: none;
		}
		.account-head-container .nanny-info-container div:last-child {
			padding-right: 0;
			border-right: none;
		}

		.account-head-container .nanny-rank-container {
			grid-template-columns: 1fr;
			grid-template-rows: max-content max-content;
		}
		.nanny-rank-container > .nanny-card-rank:first-child {
			padding-bottom: 24px;
		}
		.nanny-rank-container > .nanny-card-rank:last-child {
			border-left: none;
			border-top: 1px solid white;
			padding-top: 24px;
		}

		.hire-nanny-container .trifty-btn:active {
			transform: scale(0.98);
		}

		.user-staff-position {
			justify-content: center;
		}
	}

	@media only screen and (max-width: 500px) {
		:root {
			--portfolio-photos-photo-display-constant: 100px;
		}
	}

	@media only screen and (max-width: 574px) {
		.hire-nanny-container .trifty-btn:active {
			transform: scale(0.97);
		}
	}

	@media only screen and (max-width: 460px) {
		:root {
			--cert-download-btn-width: 100%;
			--cert-download-btn-margin: 0 0;

			--portfolio-photos-photo-display-constant: 80px;
		}
	}

	@media only screen and (max-width: 350px) {
		:root {
			--portfolio-photos-wrapper-padding-bottom: 0;
		}

		.hire-nanny-container .trifty-btn:active {
			transform: scale(0.95);
		}

		.portfolio-photos-wrapper.horizontal-scroll {
			display: grid;
		}
		.portfolio-photos-wrapper.horizontal-scroll .photo-display {
			display: block;
			width: 100%;
			height: auto;
			padding-top: calc(100% * 2 / 3);
		}
		.portfolio-photos-wrapper.horizontal-scroll .photo-display + .photo-display {
			margin-left: 0;
		}
	}
/* --- */