:root {
	/** figma variables **/
	--Button-Secondary-Default: #0F2042;
	--Button-Secondary-Hover: #384662;
	--Green-Button-Secondary-Hover: #6F952F;

	--Foundation-Midnight-Blue-M0: #FFFFFF;
	--Foundation-Midnight-Blue-M50: #E7E9EC;
	--Foundation-Midnight-Blue-M75: #9DA4B2;
	--Foundation-Midnight-Blue-M100: #747E91;
	--Foundation-Midnight-Blue-M200: #384662;
	--Foundation-Midnight-Blue-M300: #0F2042;
	--Foundation-Green-G50: #F5FBEC;
	--Foundation-Green-G75: #D7EEB2;
	--Foundation-Green-G100: #C7E792;
	--Foundation-Green-G200: #AEDC63;
	--Foundation-Green-G300: #9ED543;
	--Foundation-Green-G400: #6F952F;
	--Foundation-Blue-B50: #E6F9FB;
	--Foundation-Blue-B300: #00C6D3;
	--Foundation-Blue-B400: #008B94;


	--Gradient-Sunset: linear-gradient(239deg, #EA3073 4.59%, #FF8125 66.89%);
	--Gradient-Btn: linear-gradient(to left, #00C6D3 0%, #9ED543 100%);
	--Gradient-Soft-BG: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 78.7%, #FFF 100%), linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%);
	--Gradient-Btn-hover: linear-gradient(239deg, #9ED543 4.59%, #00C6D3 66.89%);

	--Space-between-icon: 16px;
	--Padding: 20px;
	--Smaller-Space-between-icon: 8px;
	/** / figma variables **/

	--yellow: #F0B621;

	--light-yellow-gradient: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%), #FFF;
	--soft-bg-gradient: var(--Gradient-Soft-BG);
	--soft-centered-bg-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 61.88%, #FFF 100%), linear-gradient(0deg, #FFF 1.1%, rgba(255, 255, 255, 0.00) 25.05%), linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%);

	--text-color: var(--Foundation-Midnight-Blue-M300);
	--lighter-text-color: var(--Foundation-Midnight-Blue-M200);
	--lightest-text-color: var(--Foundation-Midnight-Blue-M100);
	--green-text-color: var(--Foundation-Green-G400);
	/*--light-text-color: #4F4F4F;*/

	--blue-bg: var(--Foundation-Midnight-Blue-M300);
	--light-bg: var(--Foundation-Midnight-Blue-M50);
	--border-color: var(--Foundation-Midnight-Blue-M50);
	--light-line-color: #E5EDE1;

	--gap: 20px;
	--border-radius: var(--Space-between-icon);
	--small-padding: 8px;

	--in-text-link-color: var(--Foundation-Green-G400);
	--heading-bottom-space: 12px;
	--text-block-bottom-space: 16px;
	--text-in-block-bottom-space: 8px;

	--text-size: 16px;
	--text-line-height: 140%;

	--after-section-space: 32px;

	--h1-bottom-space: 12px;
	--h1-text-size: 32px;
	--h1-line-height: 100%;
	--h2-bottom-space: 16px;
	--h2-text-size: 32px;
	--h2-line-height: 100%;
	--h3-bottom-space: 16px;
	--h3-text-size: 24px;
	--h3-line-height: 100%;

	--font-barlow: 'Barlow', sans-serif;

	--anim-duration: 200ms;

	--container-max-width: 1260px;
	--smaller-container-max-width: 1030px;
	--container-padding: 10px;
}

html, body {scroll-behavior: smooth;}
html:has(.ProofNumbersBox), body:has(.ProofNumbersBox) {overflow-x: hidden;}

*, *::before, *::after {box-sizing: border-box;}

body {color: var(--text-color); font-size: var(--text-size); margin: 0; background-color: white;}

body, input, a, button {font-family: var(--font-barlow);}

.Center {margin-left: auto; margin-right: auto;}
.TextCenter {text-align: center;}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {margin-top: 0;}

h1 {margin-bottom: var(--h1-bottom-space); font-weight: bold; font-size: var(--h1-text-size); line-height: var(--h1-line-height);}
h2 {margin-bottom: var(--h2-bottom-space); font-weight: bold; font-size: var(--h2-text-size); line-height: var(--h2-line-height);}
h2 p {font-size: inherit; line-height: inherit;}
h3 {margin-bottom: var(--h3-bottom-space); font-weight: bold; font-size: var(--h3-text-size); line-height: var(--h3-line-height);}
a {text-decoration: underline; color: var(--text-color);}
.BoldText {font-weight: bold;}
p, li {line-height: var(--text-line-height); font-size: var(--text-size);}

.FullBgGradient {background-image: var(--soft-bg-gradient);}
.CenteredBgGradient {background-image: var(--soft-centered-bg-gradient);}

body:has(.ProofNumbersBox) #Header {position: fixed; left: 0; width: 100%; top: 0;}
html {
	--tip-notification-height: 0px;
}
@media (max-width: 1024px) {
	body, html { scroll-padding-top: calc(72px + var(--tip-notification-height));}
	body:has(.ProofNumbersBox) {padding-top: calc(62px + var(--tip-notification-height));}

	.DesktopOnly {display: none !important;}

	.FullBgGradientMobile {background-image: var(--soft-bg-gradient);}
	.CenteredBgGradientMobile {background-image: var(--soft-centered-bg-gradient);}
}
@media (min-width: 1024px) {
	body, html { scroll-padding-top: calc(90px + var(--tip-notification-height));}
	body:has(.ProofNumbersBox) {padding-top: calc(90px + var(--tip-notification-height));}

	.MobileOnly {display: none !important;}
}

.Container {padding-left: var(--container-padding); padding-right: var(--container-padding); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.SmallerContainer {padding-left: var(--container-padding); padding-right: var(--container-padding); max-width: var(--smaller-container-max-width); margin-left: auto; margin-right: auto;}
.SmallerContainer.PlusPadding {max-width: calc(var(--smaller-container-max-width) + var(--container-padding) * 2);}

.SmallerContainer .LeftSided {max-width: 610px;}

.RemoveScrollbar {scrollbar-width: none; }
.RemoveScrollbar::-webkit-scrollbar {width: 0; background: transparent;}

[data-link] {cursor: pointer;}@media (min-width: 1024px) {
	:root {
		--h1-text-size: 48px;
		--h1-bottom-space: 24px;
		--h2-text-size: 36px;
		--h3-text-size: 32px;

		--text-size: 18px;
		--text-line-height: 170%;
	}

	.Text {
		--text-size: 16px;
	}

	.FullBgGradientDesktop {background-image: var(--soft-bg-gradient);}
	.CenteredBgGradientDesktop {background-image: var(--soft-centered-bg-gradient);}

	body.MenuOpened, html:has(body.MenuOpened) {overflow: hidden;}
	body.MenuOpened #Header {width: 100%; position: fixed;}
}.Ad {text-align: center;}
.AdHalfpage {position: relative;}
.Ad > [id] {/*background-color: #00000010; */margin-left: auto; margin-right: auto; min-width: 300px; min-height: 60px;}
.Ad > [id]:has(:empty) {background: none;}
.NoAd .Ad {display: none !important;}
.Ad.Full {display: none;}
.AdText {color: #727880; line-height: 23px; font-size: 14px; margin-top: 4px; text-align: left;}

@media (min-width: 1024px) {
	.SideAdContainer .Ad {position: absolute; margin-left: 655px; width: 300px;}

	#adform_leaderboard {min-height: 210px;}

	.Ad.Full {display: block; text-align: center; min-height: 225px; height: 225px; overflow: hidden;}
	.Ad.Full > div {margin-left: auto; margin-right: auto;}

	hyponamiru-insurance-widget {margin-left: auto; margin-right: auto; padding-bottom: 40px;}
}

.AdHalfpage > :is([id], ins) {min-height: 600px;}

.AdInterscroller {min-height: 600px; margin-bottom: 40px; margin-top: 40px;}

@media (max-width: 1024px) {
	.MortgageFormBlock {padding-left: 10px; padding-right: 10px;}
}.Banner {width: 100%; margin-bottom: 24px; display: grid;}
.Banner img {max-width: 100%; border-radius: 12px;}
.BasicSectionHeader .Text p {color: var(--lighter-text-color);}

.BasicSectionHeader a.TagLabel {color: var(--text-color);}

.BasicSectionHeader h2 a {text-decoration: none; color: inherit;}

@media (max-width: 1024px) {
	.BasicSectionHeader h2 {
		--h2-text-size: 24px;
	}
	.BasicSectionHeader .Text {
		--text-line-height: 120%;
	}

	.BasicSectionHeader .TagLabel {margin-left: auto; margin-right: auto; margin-bottom: 12px;}
	.BasicSectionHeader h2 {margin-bottom: 12px; text-align: center;}
	.BasicSectionHeader .Text {text-align: center; margin-bottom: 24px;}
}

@media (min-width: 1024px) {
	.BasicSectionHeader h2 {
		--h2-text-size: 24px;
	}
	.BasicSectionHeader .Text {
		--text-size: 16px;
	}

	.BasicSectionHeader {display: flex; align-items: flex-start; gap: 40px;}
	.BasicSectionHeader .Text {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px;}
	.BasicSectionHeader .TagLabel {order: 2;}
	.BasicSectionHeader .Text p {flex: 0 0 100%; order: 3; margin-top: 8.5px;}
	.BasicSectionHeader h2 {width: max-content; margin-right: 12px; margin-bottom: 0;}
}
.BorderButton {
	--text-size: 16px;
	--border-radius: 4px;
	--width: max-content;
}
.BorderButton {display: inline-flex; background-image: var(--gradient, var(--Gradient-Btn)); padding: var(--border-width, 1px); border-radius: var(--border-radius); text-decoration: none; border: none; width: var(--width);}
.BorderButton .In {display: flex; width: 100%; align-items: center; justify-content: center; gap: var(--gap, 16px); background: var(--bg, white); padding: var(--padding, var(--Padding)); font-size: var(--text-size); font-weight: bold; letter-spacing: var(--letter-spacing, 0.5px); border-radius: var(--border-radius); transition-duration: var(--anim-duration); transition-property: opacity;}
.BorderButton:hover .In {opacity: 90%;}

.FullButton {
	--text-size: 16px;
	--border-radius: 4px;
	--text-color: #ffffff;
	--bg: var(--blue-bg);
	--gap: 16px;
	--width: max-content;
	--padding: 20px;
}
.SunsetButton, .Text .Button {
	--text-size: 16px;
	--border-radius: 4px;
	--text-color: #ffffff;
	--bg: #FF8125;
	/*--bg: var(--Gradient-Sunset);*/
	--gap: 16px;
	--width: max-content;
	--padding: 20px;

	box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
}
.SunsetButton, .FullButton, .Text .SunsetButton, .Text .FullButton, .Text .Button {display: inline-flex; justify-content: center; align-items: center; width: var(--width); gap: var(--gap); border-radius: var(--border-radius); font-size: var(--text-size); color: var(--text-color); font-weight: bold; background: var(--bg); text-decoration: none; padding: var(--padding); letter-spacing: 0.5px; border: none; cursor: pointer; line-height: 100%; white-space: wrap; max-width: 100%; text-align: center;}
:is(.SunsetButton, .FullButton) .RightIcon img {max-width: 16px; height: auto;}
.SunsetButton .Icon {display: grid;}

.WhiteButton {width: 295px; padding: 1px; flex-shrink: 0; border-radius: 6px; font-size: 16px; background: var(--Foundation-Midnight-Blue-M50);}
.WhiteButton .In {height: 76px; display: grid; padding: 20px; align-items: center; gap: 20px; border-radius: 5px; grid-template-columns: 1fr 20px; background: #FFFFFF; font-size: var(--text-size); line-height: 120%; position: relative;}
.WhiteButton .In:has(.Icon) {grid-template-columns: 32px 1fr 20px;}
.WhiteButton .Icon {display: grid; place-content: center;}
.WhiteButton img {object-fit: contain; object-position: center; width: 100%; height: 100%;}
.WhiteButton .In::after {width: 20px; height: 20px; content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.904029 1.02903C1.02607 0.90699 1.22393 0.90699 1.34597 1.02903L5.09597 4.77903C5.21801 4.90107 5.21801 5.09893 5.09597 5.22097L1.34597 8.97097C1.22393 9.09301 1.02607 9.09301 0.904029 8.97097C0.78199 8.84893 0.78199 8.65107 0.904029 8.52903L4.43306 5L0.904029 1.47097C0.78199 1.34893 0.78199 1.15107 0.904029 1.02903Z" fill="%230F2042"/></svg>'); border-radius: 100px; background: var(--Foundation-Midnight-Blue-M50); display: grid; place-content: center; line-height: 0;}

.WhiteButton:hover {background: var(--Gradient-Btn-hover);}
.WhiteButton:hover .In::after {background-image: var(--Gradient-Btn-hover); content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.904029 1.02903C1.02607 0.90699 1.22393 0.90699 1.34597 1.02903L5.09597 4.77903C5.21801 4.90107 5.21801 5.09893 5.09597 5.22097L1.34597 8.97097C1.22393 9.09301 1.02607 9.09301 0.904029 8.97097C0.78199 8.84893 0.78199 8.65107 0.904029 8.52903L4.43306 5L0.904029 1.47097C0.78199 1.34893 0.78199 1.15107 0.904029 1.02903Z" fill="%23ffffff"/></svg>');}

@media (max-width: 1024px) {
	.WhiteButton .In {min-height: 76px; height: 100%;}
}

@media (max-width: 400px) {
	.WhiteButton {width: 100%;}
}

.LinkToAll {color: var(--in-text-link-color); font-size: 14px; line-height: 120%;}.CatsAndBtn {
	--gap: 8px;
}
.CatsAndBtn .Heading {
	--text-size: 20px;
	--bottom-space: 16px;
}

.CatsAndBtn .Cats {display: flex; gap: var(--gap); align-items: center; flex-wrap: wrap;}
.CatsAndBtn .Heading {flex: 0 0 100%; font-size: var(--text-size); font-weight: bold; margin-bottom: calc(var(--bottom-space) - var(--gap));}
.CatsAndBtn .BorderButton {text-wrap: nowrap;}

@media (max-width: 1024px) {
	.CatsAndBtn .Cats {justify-content: center; margin-bottom: 24px;}
	.CatsAndBtn .Heading {text-align: center;}
	.CatsAndBtn .BtnBox {display: flex; justify-content: center;}
}

@media (min-width: 1024px) {
	.CatsAndBtn {display: flex; gap: 40px; align-items: center; justify-content: space-between;}
}[data-ccat] {--text-color: #ffffff;}
[data-ccat="1"] {--bg-color: #2360D9;}
[data-ccat="2"] {--bg-color: #00C6D3;}
[data-ccat="3"] {--bg-color: #007981;}
[data-ccat="4"] {--bg-color: #3C970A;}
[data-ccat="5"] {--bg-color: #0F2042;}
[data-ccat="6"] {--bg-color: #0FA2E6;}
[data-ccat="7"] {--bg-color: #ED5A26;}
[data-ccat="8"] {--bg-color: #8C98B0;}
[data-ccat="9"] {--bg-color: #842B92;}
[data-ccat="10"] {--bg-color: #000000;}
[data-ccat="11"] {--bg-color: #D0AE15;}
[data-ccat="12"] {--bg-color: #C90F2E;}
[data-ccat="13"] {--bg-color: #F4769E;}
[data-ccat="14"] {--bg-color: #8F8B70;}
[data-ccat="15"] {--bg-color: #7321ED;}.ConsultingItem {
	--border-radius: 12px;
	--padding: 32px;
	--answer-padding: 10px 20px;
	--overlap-gap: -16px;
	--item-width: 280px;
	--text-line-height: 120%;
}
.ConsultingItem .QAuthor {
	--font-size: 14px;
}
.ConsultingItem .FullButton {
	--padding: 20px;
	--width: 100%;
}

.ConsultingItem {position: relative; display: flex; flex-direction: column; gap: var(--overlap-gap); border-radius: var(--border-radius); border: 1px solid var(--border-color); min-width: var(--item-width); max-width: var(--item-width);}
.ConsultingItem .QuestionBlock {background: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%); padding: var(--padding) var(--padding) 32px var(--padding); display: flex; flex-direction: column; flex: 1;}
.ConsultingItem .QuestionBlock h3 {flex: 1;}
.ConsultingItem .Text {height: 58px; overflow: hidden;}
.ConsultingItem .AnswerBlock {padding: 0 var(--padding) var(--padding) var(--padding);}
.ConsultingItem .WhiteBox {padding: var(--answer-padding); margin-top: var(--overlap-gap); margin-bottom: 16px;}

.ConsultingItem .TagLabel {margin-bottom: 16px;}

.ConsultingItem .QAuthor {color: var(--lightest-text-color); line-height: 120%; display: flex; align-items: center; font-size: var(--text-size);}
.ConsultingItem .QAuthor div {background: white; width: 32px; height: 32px; display: grid; place-content: center; margin-right: 12px; border-radius: 999px;}
.ConsultingItem .QAuthor strong {color: var(--text-color); margin-right: 8px;}

.ConsultingItem .Author {
	--text-size: 14px;
}
.ConsultingItem .Author {display: flex; align-items: flex-start; gap: 12px;}
.ConsultingItem .Author .Image {border-radius: 999px; width: 32px; height: 32px; overflow: hidden;}
.ConsultingItem .Author img {width: 100%; height: 100%; object-position: center; object-fit: cover;}
.ConsultingItem .Author .Info {color: var(--lightest-text-color); font-size: var(--text-size);}
.ConsultingItem .Author strong {display: block; color: var(--text-color); margin-bottom: 2px;}

.ConsultingItem .Bg {position: absolute; right: 16px; top: 16px; width: 48px; height: 48px; pointer-events: none;}

@media (max-width: 1024px) {
	.ConsultingItem {
		--padding: 20px;
		--item-width: 280px;
		--h3-text-size: 16px;
		--h3-bottom-space: 8px;
		--text-size: 14px;
	}

	.ConsultingItem .Text {height: 51px;}
}
@media (min-width: 1024px) {
	.ConsultingItem {
		--h3-text-size: 20px;
		--h3-bottom-space: 16px;
		--text-size: 16px;
	}
}.Crumbs {font-size: 14px;}
.Crumbs > span {color: var(--Foundation-Midnight-Blue-M100);}

@media (max-width: 1024px) {
	.Crumbs {padding-top: 16px;}
	.Crumbs > span {display: none;}
	.Crumbs a:has(+ a) {display: none;}
	.Crumbs a:has(+ span) {display: grid; grid-template-columns: 16px 1fr; align-items: center; font-size: 14px;}
	.Crumbs a:has(+ span) span {order: 1;}
	.Crumbs a:has(+ span) span::before {content: 'Zpět na ';}
	.Crumbs a:has(+ span)::after {content: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.35355 12.8536C7.54882 12.6583 7.54882 12.3417 7.35355 12.1464L1.70711 6.5L7.35355 0.853554C7.54882 0.658291 7.54882 0.341709 7.35355 0.146446C7.15829 -0.0488157 6.84171 -0.0488158 6.64645 0.146446L0.646447 6.14645C0.451185 6.34171 0.451185 6.65829 0.646447 6.85355L6.64645 12.8536C6.84171 13.0488 7.15829 13.0488 7.35355 12.8536Z" fill="%23747E91"/></svg>'); display: grid; height: 16px; order: 0;}
}

@media (min-width: 1024px) {
	.Crumbs {padding-top: 20px; display: flex; align-items: center; gap: 12px;}
	.Crumbs a {color: var(--Foundation-Midnight-Blue-M200);}
	.Crumbs a {display: inline-grid; align-items: center; grid-template-columns: 1fr 10px; gap: 12px;}
	.Crumbs a::after {width: 10px; height: 10px; display: grid; place-content: center; content: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 3.5C0.75 3.29289 0.917893 3.125 1.125 3.125L9.96967 3.125L7.60983 0.765165C7.46339 0.618719 7.46339 0.381281 7.60983 0.234835C7.75628 0.0883878 7.99372 0.0883878 8.14017 0.234835L11.1402 3.23483C11.2866 3.38128 11.2866 3.61872 11.1402 3.76516L8.14017 6.76517C7.99372 6.91161 7.75628 6.91161 7.60983 6.76517C7.46339 6.61872 7.46339 6.38128 7.60983 6.23483L9.96967 3.875L1.125 3.875C0.917893 3.875 0.75 3.70711 0.75 3.5Z" fill="%23384662"/></svg>');}
}.TagLabel {
	--text-size: 13px;
	--text-line-height: 100%;
}
.TagLabel {display: flex; font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); padding: var(--small-padding); background-color: var(--bg-color, var(--light-bg)); border-radius: 100px; box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20); width: max-content;}
a.TagLabel {text-decoration: none; transition-property: box-shadow; transition-duration: var(--anim-duration);}
a.TagLabel:hover {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.50);}

.WhiteBox {display: block; border-radius: var(--border-radius); background: #FFF; box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20);}
a.WhiteBox {transition-property: box-shadow; transition-duration: var(--anim-duration);}
a.WhiteBox:hover {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.70);}
@media (max-width: 1024px) {
	.WhiteBoxMobile {display: block; border-radius: var(--border-radius); background: #FFF; box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20);}
	a.WhiteBoxMobile {transition-property: box-shadow; transition-duration: var(--anim-duration);}
	a.WhiteBoxMobile:hover {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.70);}
}
@media (min-width: 1024px) {
	.WhiteBoxDesktop {display: block; border-radius: var(--border-radius); background: #FFF; box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20);}
	a.WhiteBoxDesktop {transition-property: box-shadow; transition-duration: var(--anim-duration);}
	a.WhiteBoxDesktop:hover {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.70);}
}


.GreenBg {background: var(--Foundation-Green-G200);}

@media (max-width: 1024px) {
	.Crumbs {margin-bottom: 20px;}
}
@media (min-width: 1024px) {
	.DefaultAdPage .Crumbs {height: 57px; padding-left: 20px; padding-top: 0; padding-right: 20px; display: flex;  align-items: center;}
}

.BoolParam {display: inline-flex; align-items: center; gap: 10px;}

.TagsDictDuo + .TopPointsNoMargin {margin-top: 40px;}.StandardForm {background: var(--Foundation-Midnight-Blue-M50); position: relative;}
.StandardForm :is([type="text"], [type="email"], textarea, [type="checkbox"]) {border-radius: 4px; border: 1px solid var(--Foundation-Midnight-Blue-M75); background: #FFFFFF; box-shadow: 0px 1px 2px 0px rgba(15, 32, 66, 0.20); margin: 0; font-family: var(--font-barlow); font-size: 16px; letter-spacing: 0.5px; line-height: 100%;}
.StandardForm :is([type="text"], [type="email"], textarea) {width: 100%;}
.StandardForm :is([type="text"], [type="email"]) {height: 56px; padding: 0 20px;}
.StandardForm [type="checkbox"] {width: 20px; height: 20px;}
.StandardForm textarea {height: 111px; padding: 20px;}

.StandardForm label {display: block;}
.StandardForm .Checks label {display: grid; gap: 12px; grid-template-columns: 20px 1fr; align-items: start;}

.StandardForm .Heading {font-size: 20px; font-weight: bold;}

.DialogContent:has(.StandardForm) {/*background: var(--Foundation-Midnight-Blue-M50);*/ position: relative;}

.DialogContent .StandardForm {position: static; background: none;}
.StandardFormOverlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0; backdrop-filter: blur(6px); display: grid; place-content: center;}
.SavingAnimation {animation-name: SavingAnimation; animation-duration: 500ms; animation-iteration-count: infinite;}
.DialogContent .StandardFormOverlay {border-radius: var(--border-radius);}
.StandardForm .FormSuccess {display: grid; place-content: center; text-align: center; font-size: 20px; padding: 32px 0;}
@keyframes SavingAnimation {
	0% {transform: scale(100%);}
	50% {transform: scale(130%);}
	100% {transform: scale(100%);}
}

.StandardForm .Checks {letter-spacing: 0.5px; line-height: 16px; font-size: 16px;}

@media (max-width: 1024px) {
	.StandardForm button {
		--width: 100%;
	}

	.StandardForm .Heading {margin-bottom: 16px;}
	.StandardForm label + label {margin-top: 10px;}
	.StandardForm .Checks {padding: 32px 0;}
}

@media (min-width: 1024px) {
	.StandardForm .Heading, .StandardForm .FormSuccess {grid-column: span 4;}
	.StandardForm {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
	.StandardForm label:has([type="text"], [type="email"]) {grid-column: span 2;}
	.StandardForm label:has(textarea) {grid-column: span 4;}
	.StandardForm .Checks {grid-column: span 3; padding-right: 55px; font-size: 16px; line-height: 100%;}
	.StandardForm .Checks label + label {margin-top: 16px;}
}.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) {padding-top: 0; padding-bottom: 45px;}
.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) :is(.Container, .SmallerContainer) {border-radius: 20px; padding: 0;}

.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) {background: none;}

@media (max-width: 1024px) {
	.MortgageFormBlock {margin-bottom: 40px;}

	.GreenBg:has(hyponamiru-widget) :is(.Container, .SmallerContainer) {min-height: 1221px;}
}
@media (max-width: 360px) {
	.MortgageFormBlock {padding-left: 0; padding-right: 0;}
	.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) {margin-top: 40px; background: none; padding-bottom: 0; margin-left: calc(var(--container-padding) * -1); width: calc(100% + var(--container-padding) * 2);}
	.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) :is(.Container, .SmallerContainer) {transform: none; margin-bottom: 0;}
	.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) :is(.Container, .SmallerContainer) {padding: 0 !important; background: none; box-shadow: none;}
}

@media (min-width: 1024px) {
	.MortgageFormBlock {margin-bottom: 64px;}
	.GreenBg:has(:is(hyponamiru-widget, hyponamiru-insurance-widget)) :is(.Container, .SmallerContainer) {max-width: calc(var(--container-max-width) - var(--container-padding) * 2);}
	.GreenBg:has(hyponamiru-widget) :is(.Container, .SmallerContainer) {min-height: 631px;}
}

html.cdk-global-scrollblock {position: static;}
.InPageSearch {border-radius: 4px; border: 1px solid #9DA4B2; background: white; box-shadow: 0px 1px 2px 0px rgba(15, 32, 66, 0.20); display: grid; grid-template-columns: 1fr 16px; padding-right: 20px; align-items: center; max-width: 590px;}
.InPageSearch input {width: 100%; padding: 20px; font-size: 16px; background: none; border: none;}
.InPageSearch img {width: 16px; height: 16px;}

@media (max-width: 1024px) {
	.InPageSearch {margin-bottom: 12px;}
}
@media (min-width: 1024px) {
	.InPageSearch {margin-bottom: 24px;}
}.GreenBg:has(.LoanForm) {margin-top: 137px; padding-bottom: 45px;}
.GreenBg:has(.LoanForm) :is(.Container, .SmallerContainer) {background: white; border-radius: 20px;}
.GreenBg:has(.LoanForm) .Container {transform: translateY(-137px); margin-bottom: -137px; box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20);}

.LoanForm .Inputs {display: grid; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 36px;}
.LoanForm .ButtonBox {margin-bottom: 36px;}

.LoanForm :is([type="text"], [type="email"]) {border-radius: 4px; border: 1px solid var(--Foundation-Midnight-Blue-M75); background: #FFFFFF; box-shadow: 0px 1px 2px 0px rgba(15, 32, 66, 0.20); margin: 0; font-size: 18px; letter-spacing: 0.5px; line-height: 100%; width: 200px; height: 46px; padding: 0 20px; text-align: center;}

.LoanForm .FormNumberInput {display: grid; grid-template-columns: 40px 1fr 40px; align-items: stretch;}
.LoanForm .FormNumberInput :is(.FormNumberInputMinus, .FormNumberInputPlus) {display: grid; place-content: center; cursor: pointer;}
.LoanForm .FormNumberInput path {stroke: var(--in-text-link-color);}
.LoanForm .FormLabel {margin-bottom: 5px;}
.LoanForm h2 {margin-bottom: 36px;}

@media (max-width: 1024px) {
	.GreenBg:has(.LoanForm) {margin-bottom: 40px;}
	.GreenBg:has(.LoanForm):has(:is(.Container, .SmallerContainer)) {padding: 0 24px 20px 24px;}
	.GreenBg:has(.LoanForm) :is(.Container, .SmallerContainer) {padding: 24px 20px !important;}

	.LoanForm .Inputs {display: grid; gap: 20px;}
}

@media (min-width: 1024px) {
	.GreenBg:has(.LoanForm) {margin-bottom: 64px;}
	.GreenBg:has(.LoanForm) :is(.Container, .SmallerContainer) {padding: 40px !important; max-width: calc(var(--container-max-width) - var(--container-padding) * 2);}
	.GreenBg:has(.LoanForm):has(:is(.Container, .SmallerContainer)) {padding: 0 40px 40px 40px;}

	.LoanForm .Inputs {display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
}.ReviewOverview .PlusMinusListBlock {padding: 0;}
.ReviewOverview .PlusMinusListBlock.WhiteBox {background: none; box-shadow: none; border-radius: 0;}

@media (min-width: 1024px) {
	.ReviewOverview {padding: 24px 24px 40px 24px; display: grid; grid-template-columns: 100px 145px 1fr; align-items: start; gap: 36px 40px;}
	.ReviewOverview .Info {grid-row: span 2;}
	.ReviewOverview .Params {grid-column: span 2;}

	.ReviewOverview .Image img {width: 100%; height: 100%; object-position: center; object-fit: contain;}

	.ReviewOverview .Params .Heading {font-size: 20px; font-weight: bold; margin-bottom: 20px;}

	.ReviewOverview .ReviewSmallIntro span {font-size: 14px;}
	.ReviewOverview .ReviewSmallIntro .Heading, .ReviewOverview :is(.Pros, .Cons) .Heading {font-size: 14px; font-weight: bold; margin-bottom: 8px;}
	.ReviewOverview .ReviewSmallIntro .Percentage {font-size: 20px;}

	.ReviewOverview :is(.Pros, .Cons) {margin-bottom: 20px;}
	.ReviewOverview :is(.Pros, .Cons) li {font-size: 13px;}
	.ReviewOverview :is(.Pros, .Cons) li + li {margin-top: 4px;}
}@media (min-width: 800px) {
	.ReviewOverviewParams {grid-column: span 2;}
}
.ReviewOverviewParams .Param {display: flex; gap: 5px; flex-wrap: wrap; border-bottom: 1px solid var(--border-color);}
.ReviewOverviewParams .Param > * {flex: 1; padding: 10px 0; font-size: 14px;}

.ReviewOverviewParams .Heading {font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 24px;}.ReviewSmallIntro .Heading {font-weight: bold; font-size: 20px; line-height: 100%; margin-bottom: 12px;}
.ReviewSmallIntro a {font-size: 16px;}

.ReviewSmallIntro .RatingInfo {display: flex; align-items: center; gap: 7px; font-size: 16px; margin-bottom: 8px; color: var(--Foundation-Midnight-Blue-M200);}
.ReviewSmallIntro span {display: block; margin-bottom: 4px; font-size: 16px;}
.ReviewSmallIntro img {width: 80px; height: auto;}
.ReviewSmallIntro .Percentage {color: #ffffff; font-weight: bold; font-size: 32px; line-height: 100%; padding: 8px; border-radius: 8px; white-space: nowrap;}

.ReviewSmallIntro[data-status="perfect"] .Percentage {background-color: #6FB200;}
.ReviewSmallIntro[data-status="good"] .Percentage {background-color: #D27F02;}
.ReviewSmallIntro[data-status="poor"] .Percentage {background-color: #C72135;}.ListLink {
	--text-size: 16px;
}

.ListLink {font-weight: normal; font-size: var(--text-size); line-height: 120%; display: grid; grid-template-columns: max-content 1fr; gap: 12px; padding: 6px 0; color: var(--text-color) !important;}
.ListLink::before {width: 20px; height: 20px; border-radius: 100px; background: var(--Foundation-Midnight-Blue-M50);}

.ListLink:hover::before {background-image: var(--Gradient-Btn-hover);}

.ListLink::before, .OpenerLink::after {display: grid; place-content: center; content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.904029 1.02903C1.02607 0.90699 1.22393 0.90699 1.34597 1.02903L5.09597 4.77903C5.21801 4.90107 5.21801 5.09893 5.09597 5.22097L1.34597 8.97097C1.22393 9.09301 1.02607 9.09301 0.904029 8.97097C0.78199 8.84893 0.78199 8.65107 0.904029 8.52903L4.43306 5L0.904029 1.47097C0.78199 1.34893 0.78199 1.15107 0.904029 1.02903Z" fill="%230F2042"/></svg>'); width: 16px; height: 16px;}

.ListLink:hover::before {content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.904029 1.02903C1.02607 0.90699 1.22393 0.90699 1.34597 1.02903L5.09597 4.77903C5.21801 4.90107 5.21801 5.09893 5.09597 5.22097L1.34597 8.97097C1.22393 9.09301 1.02607 9.09301 0.904029 8.97097C0.78199 8.84893 0.78199 8.65107 0.904029 8.52903L4.43306 5L0.904029 1.47097C0.78199 1.34893 0.78199 1.15107 0.904029 1.02903Z" fill="%23ffffff"/></svg>');}

.OpenerLink {display: grid; grid-template-columns: 1fr 16px; align-items: center;}
.OpenerLink::after {content: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3536 0.646447C13.5488 0.841709 13.5488 1.15829 13.3536 1.35355L7.35355 7.35355C7.15829 7.54882 6.84171 7.54882 6.64645 7.35355L0.646446 1.35355C0.451184 1.15829 0.451184 0.841708 0.646446 0.646446C0.841709 0.451184 1.15829 0.451184 1.35355 0.646446L7 6.29289L12.6464 0.646447C12.8417 0.451184 13.1583 0.451184 13.3536 0.646447Z" fill="%2300C6D3"/></svg>'); transition-property: transform; transition-duration: var(--anim-duration);}.Pros ul, ul.Pros, .Cons ul, ul.Cons, .InShort ul, ul.InShort {padding-left: 0; list-style: none; margin-bottom: 0;}
.Pros ul li, ul.Pros li, .Cons ul li, ul.Cons li, .InShort ul li, ul.InShort li {position: relative; padding-left: 32px;}
.Pros ul li + li, ul.Pros li + li, .Cons ul li + li, ul.Cons li + li, .InShort ul li + li, ul.InShort li + li {margin-top: 12px;}
.Pros ul li::before, ul.Pros li::before, .Cons ul li::before, ul.Cons li::before, .InShort ul li::before, ul.InShort li::before {position: absolute; left: 0; top: 0;}
.Pros ul li::before, ul.Pros li::before {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.5C10.3452 2.5 10.625 2.77982 10.625 3.125V9.375H16.875C17.2202 9.375 17.5 9.65482 17.5 10C17.5 10.3452 17.2202 10.625 16.875 10.625H10.625V16.875C10.625 17.2202 10.3452 17.5 10 17.5C9.65482 17.5 9.375 17.2202 9.375 16.875V10.625H3.125C2.77982 10.625 2.5 10.3452 2.5 10C2.5 9.65482 2.77982 9.375 3.125 9.375H9.375V3.125C9.375 2.77982 9.65482 2.5 10 2.5Z" fill="%2304AF06"/></svg>'); line-height: 0;}
.Cons ul li::before, ul.Cons li::before {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8327 10.8334H4.16602V9.16675H15.8327V10.8334Z" fill="%23DC243A"/></svg>'); line-height: 0;}
.InShort ul li::before, ul.InShort li::before {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.125 10C3.125 6.20304 6.20304 3.125 10 3.125C11.2533 3.125 12.4265 3.45978 13.437 4.04437C13.7358 4.21721 14.1182 4.11511 14.291 3.81632C14.4638 3.51753 14.3617 3.1352 14.063 2.96236C12.8672 2.27068 11.4789 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 9.65482 17.8452 9.375 17.5 9.375C17.1548 9.375 16.875 9.65482 16.875 10C16.875 13.797 13.797 16.875 10 16.875C6.20304 16.875 3.125 13.797 3.125 10Z" fill="%2300C6D3"/><path d="M19.1919 4.19194C19.436 3.94786 19.436 3.55214 19.1919 3.30806C18.9479 3.06398 18.5521 3.06398 18.3081 3.30806L10 11.6161L6.69194 8.30806C6.44786 8.06398 6.05214 8.06398 5.80806 8.30806C5.56398 8.55214 5.56398 8.94786 5.80806 9.19194L9.55806 12.9419C9.80214 13.186 10.1979 13.186 10.4419 12.9419L19.1919 4.19194Z" fill="%2300C6D3"/></svg>'); line-height: 0;}.PlusMinusListBlock {padding: 32px;}
.PlusMinusListBlock .Heading {font-weight: bold; font-size: 20px; margin-bottom: 16px;}

.Text .PlusMinusListBlock:not(:last-child) {margin-bottom: 24px;}

.PlusList, .MinusList {padding-left: 0;}
.PlusList li, .MinusList li {padding-left: 30px; position: relative; line-height: 120%; margin-bottom: 0 !important;}
.PlusList li + li, .MinusList li + li {margin-top: 12px;}
.PlusList li::before, .MinusList li::before {left: 0; position: absolute;}
.PlusList, .PlusList li, .MinusList, .MinusList li {list-style: none;}
.PlusList li::before {content: url("data:image/svg+xml;utf8,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='7' width='16' height='2' rx='1' fill='%2347AC26'/%3E%3Crect x='7' y='16' width='16' height='2' rx='1' transform='rotate(-90 7 16)' fill='%2347AC26'/%3E%3C/svg%3E"); top: 2px;}
.MinusList li::before {content: url("data:image/svg+xml;utf8,%3Csvg width='12' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='2' rx='1' fill='%23DA0022'/%3E%3C/svg%3E"); top: -2px;}.Text {
	--h2-text-size: 36px;
	--h2-bottom-space: 32px;
	--h3-text-size: 24px;
	--h3-bottom-space: 24px;
	--text-block-bottom-space: 24px;
}
:is(.Text, p, li, table) a, .GreenLink {color: var(--in-text-link-color);}
.Text.LighterText {color: var(--lighter-text-color);}
.Text :is(p, ul, ol, table, .MediaGallery, .TableContainer, .PlusMinusListBlock):not(:last-child) {margin-bottom: var(--text-block-bottom-space);}
.Text :is(p, ul, ol, table, .MediaGallery):last-child {margin-bottom: 0;}
.Text :is(li) {margin-bottom: var(--text-in-block-bottom-space);}
.Text img {max-width: 100%; width: auto; height: auto; display: block; margin-left: auto; margin-right: auto; border-radius: 12px;}

.Text p:has(.Button) {text-align: center;}

.Text .Quote {padding: 10px 15px; background: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%); border-radius: 12px;}
.Text .GrabMail {margin-bottom: var(--text-block-bottom-space);}.Tooltip {position: relative; vertical-align: middle;  -webkit-touch-callout: none;
	touch-action: none;
	user-select: none;}
.Tooltip img {width: 16px; height: auto;}

.TooltipBox {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 32px);
	transform: translateX(-50%);
	z-index: 2;
	width: 300px;
	pointer-events: none;
}

.TooltipBoxInner {
	background: rgba(15, 32, 66, 0.6);
	border-radius: 8px;
	color: white;
	padding: 8px 16px;
	pointer-events: auto;
	position: relative;
}

.TooltipBoxArrow {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid rgba(15, 32, 66, 0.6);
}
@font-face {
	font-family: 'Barlow';
	src: url(/Grace/Projects/Bankycz/Design/Fonts/Barlow-ExtraLight.ttf) format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Barlow';
	src: url(/Grace/Projects/Bankycz/Design/Fonts/Barlow-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Barlow';
	src: url(/Grace/Projects/Bankycz/Design/Fonts/Barlow-Bold.ttf) format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

:root {
}#Header {position: sticky; top: 0; z-index: 4; background: white; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);}
#Header .MainHeaderPart {display: grid; grid-template-columns: 54px 1fr max-content; grid-template-rows: 62px; align-items: center; margin-left: auto; margin-right: auto;}
#Header .Burger {text-align: center; display: grid; place-content: center; background: var(--Gradient-Btn-hover); cursor: pointer; font-size: 14px; font-weight: bold; color: white; height: 100%;}
#Header .Burger svg {margin: auto;}
#Header .Logo {text-align: center;}
#Header .Logo a {display: block;}
#Header .SearchOpener {font-size: 14px; color: var(--lighter-text-color); text-align: center; padding: 0 7px;}
#Header .SearchOpener svg {margin: auto;}

#Header .UpperHeader {display: none;}

.SearchBox {display: none;}

@media (max-width: 1024px) {
	#Header .UpperHeader {display: none;}
	#Header .CentralNav {display: none;}
	#Header .Logo {padding-left: 25px; padding-right: 25px;}

	.MobileMenu {display: grid; grid-template-rows: var(--top-level-height) 1fr; transition: grid-template-rows 150ms; position: fixed; left: 0; top: -100%; height: 100%; right: 0; z-index: 2; overflow: auto; background: white;}
	.MobileMenuOpened .MobileMenu {top: 0; overflow: hidden;}

	.MobileMenu {
		--top-level-height: 100%;
	}
	.MobileMenu:has(.TopLevel a.Active) {
		--top-level-height: 141px;
	}

	.MobileMenu .TopLevel {overflow: auto;}

	.MobileMenu:has(.TopLevel a.Active) .TopLevel {overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 78.7%, #FFF 100%), linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%), #FFF;}
	.MobileMenu:has(.TopLevel a.Active) .TopLevel a:not(.Active) {height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0;}
	.MobileMenu:has(.TopLevel a.Active) .TopLevel a::after {display: none;}

	.MobileMenu a[data-menu="1"]::after {content: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.646447 13.3536C0.451184 13.1583 0.451184 12.8417 0.646447 12.6464L6.29289 7L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L7.35355 6.64645C7.54882 6.84171 7.54882 7.15829 7.35355 7.35355L1.35355 13.3536C1.15829 13.5488 0.841709 13.5488 0.646447 13.3536Z" fill="%23747E91"/></svg>'); display: flex;}
	.MobileMenu .TopLevel > a, .MobileMenu .NextLevels > div > a {display: flex; justify-content: space-between; align-items: center; padding: 16px; text-decoration: none; line-height: 100%; overflow: hidden; transition-property: height, padding-top, padding-bottom; transition-duration: 150ms;}

	.MobileMenu .TopLevel {min-height: 100%; background: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%); padding-top: 52px;}
	.MobileMenu .TopLevel a span {font-weight: bold; font-size: 20px; transition: font-size 150ms; line-height: 100%;}
	.MobileMenu .TopLevel a.Active {padding-top: 48px;}
	.MobileMenu .TopLevel a.Active span {font-size: 24px;}

}

@media (min-width: 1024px) {
	#Header .UpperHeader {height: 34px; background: #EAF9FD;}
	#Header .UpperHeader nav {display: flex; align-items: center; height: 100%; gap: 40px;}
	#Header .UpperHeader a {font-size: 14px; text-decoration: none;}
	#Header .UpperHeader a:hover {text-decoration: underline;}

	#Header .Burger {display: none;}
	#Header .MainHeaderPart {grid-template-columns: max-content 1fr max-content; grid-template-rows: 90px; max-width: var(--container-max-width); padding-left: var(--container-padding); padding-right: var(--container-padding); margin-left: auto; margin-right: auto;}
	#Header .Logo img {width: 125px;}

	#Header .SearchOpener div {display: none;}

	#Header .CentralNav {display: flex; align-items: center; height: 100%; padding-left: 24px;}
	#Header .CentralNav > a {text-decoration: none; font-size: 14px; padding: 0 12px; height: 100%; display: flex; gap: 4px; align-items: center; position: relative;}
	#Header .CentralNav a[data-menu="1"]::after {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.23483 3.48483C1.38128 3.33839 1.61872 3.33839 1.76517 3.48483L6 7.71967L10.2348 3.48483C10.3813 3.33839 10.6187 3.33839 10.7652 3.48483C10.9116 3.63128 10.9116 3.86872 10.7652 4.01517L6.26516 8.51516C6.11872 8.66161 5.88128 8.66161 5.73484 8.51516L1.23483 4.01517C1.08839 3.86872 1.08839 3.63128 1.23483 3.48483Z" fill="%230F2042"/></svg>'); display: flex;}
	#Header .CentralNav a[data-nav="1"] {font-weight: bold; font-size: 16px; padding: 0 16px;}

	#Header .CentralNav a[data-nav="1"] + a[data-nav="3"] {margin-left: 20px;}

	#Header .Menu {position: fixed; top: 124px; left: 0; right: 0; background: white; height: 0; overflow: hidden; transition-duration: 500ms; transition-property: top;}
	.ShowTipNotification #Header .Menu {top: calc(124px + var(--tip-notification-height, 0px));}
	.MenuOpened #Header .Menu {bottom: 0; border-top: 1px solid var(--border-color); height: auto; overflow: auto; display: grid; grid-template-columns: 20.8% 1fr 32.26%; padding-top: 40px; padding-bottom: 40px; gap: 3%;}
	.MenuOpened #Header .Menu .Category:nth-child(1n + 4) {grid-column: span 2;}

	#Header .CentralNav a[data-menu="1"]:is(:hover, .Active) {background: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%), #FFF;}
	#Header .CentralNav a[data-menu="1"]:is(:hover, .Active)::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-image: var(--Gradient-Sunset);}
}.PageTop {padding: 16px 0 40px 0; margin-bottom: -10px; background-image: var(--soft-bg-gradient);}
.PageTop .Crumbs {margin-bottom: 20px;}

.DefaultAdPage, .PageBg {background: white; position: relative;}

.NoMarginDown {margin-bottom: 0 !important;}

@media (min-width: 1024px) {
	.PageTop {padding-top: 0; margin-bottom: 0;}
	.PageTop .Crumbs {margin-bottom: 32px;}
}

@media (max-width: 1024px) {
	.DefaultAdPage.SizeIt, .PageBg.SizeIt {padding-left: var(--container-padding); padding-right: var(--container-padding);}
	.DefaultAdPage {margin-bottom: 40px;}

	.PageBg.SizeIt > .SmallerContainer {
		--container-padding: 0px;
	}

	.MobileHeaderGradient {position: relative;}
	.MobileHeaderGradient::before {position: absolute; left: 0; top: 0; right: 0; height: 247px; content: ''; background: linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%);}
	.MobileHeaderGradient > * {position: relative;}
	.MobileHeaderGradient .DefaultAdPage {background: transparent;}
}

@media (min-width: 1024px) {
	.PageBg.SizeIt > .SmallerContainer {
		--container-padding: 40px;
	}

	.DefaultAdPage {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20); border-radius: 12px; background: white; position: relative; padding-left: 0; padding-right: 0; margin-bottom: 40px;}
	.PageBg:has(.DefaultAdPage) {border-radius: 12px 12px 0 0;}
	.DefaultAdPage.SizeIt, .PageBg.SizeIt {max-width: var(--smaller-container-max-width); margin-left: auto; margin-right: auto; padding-bottom: 40px;}
	.DefaultAdPage .MainPagePart {margin-top: 32px; margin-left: 40px; margin-right: 40px; position: relative;}
	.DefaultAdPage .MainContentBoxIn, body:has(.DefaultAdPage) .MainContentBoxIn {padding-left: 40px; padding-right: 40px;}
	.DefaultAdPage :is(.MainPagePart) .MainContentBoxIn, body:has(.DefaultAdPage) :is(.MainPagePart) .MainContentBoxIn {padding-left: 0; padding-right: 0;}
	.DefaultAdPage .MainContentBox {box-shadow: 0px 0px 10px 0px rgba(116, 126, 145, 0.20); border-radius: 12px; background: white;}

	.DefaultAdPage > .GradientBg {position: absolute; left: 0; right: 0; top: 57px; height: 374px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 78.7%, #FFF 100%), linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%); z-index: 0;}

	.DefaultAdPage .NarrowPagePart {max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px;}

	.DefaultAdPage .PageButtonsBox {margin-bottom: 0;}
	.DefaultAdPage :is(.PageButtonsBoxIn, .OnlyButtons) {gap: 10px; padding-bottom: 20px; margin-bottom: 0;}
	.DefaultAdPage :is(.PageButtonsBoxIn, .OnlyButtons) .WhiteButton {width: 310px;}
}

@media (min-width: 1024px) {
	.DualColWithSideAd {display: grid; grid-template-columns: 1fr 300px; gap: 40px; margin-bottom: 40px;}
	.DualColWithSideAd > * {overflow: hidden;}

	.DualColWithSideOnLeft {display: grid; grid-template-columns: 300px 1fr; gap: 40px;}
	.NarrowPagePart .DualColWithSideOnLeft, .NarrowPagePart.DualColWithSideOnLeft {grid-template-columns: 280px 1fr; gap: 35px;}
}

@media (max-width: 1024px) {
	.DefaultAdPage {margin-bottom: 40px;}
	.TopProducts, .LastConsulting, .Tips, .DualColWithSideAd, .PageButtonsBox, .TopCategories, .LastReviews {padding-bottom: 40px;}

	.PageHeaderWithSideArticles {margin-bottom: 80px;}
}
@media (min-width: 1024px) {
	.DefaultAdPage {margin-bottom: 48px;}
	.Tips {margin-bottom: 48px;}
	.PageButtonsBox {margin-bottom: 64px;}
	.DualColWithSideAd {padding-bottom: 64px;}
	.TopProducts, .LastArticles, .TopCategories, .LastReviews {margin-bottom: 48px;}
	.LastConsulting {padding-bottom: 48px; margin-bottom: 48px; border-bottom: 1px solid var(--border-color);}

	.PageText {padding-bottom: 40px;}
}

@media (min-width: 1024px) {
	.PageHeaderWithSideArticles {padding-bottom: 40px;}
	.PageHeaderWithSideArticles .Crumbs {grid-column: span 2;}


	/** UPDATE 423 */
	/*.PageHeaderWithSideArticles :is(h1, .Text) {max-width: 598px;}*/
	/*.PageHeaderWithSideArticles .Container {display: grid; grid-template-columns: 1fr 40%; gap: 40px; position: relative;}*/
	/*.PageHeaderWithSideArticles .PageHeaderRight {grid-row: span 2;}*/


	.PageText {padding-bottom: 40px;}
}

/** UPDATE 423 */
.PageHeaderWithSideArticles .PageHeaderRight {display: none;}.VeryLazyPicture {opacity: 0; transition-property: opacity; transition-duration: 300ms;}
.VeryLazyPicture:not(.Loaded) {transform: translateX(-100000px);}
.VeryLazyPicture.Loaded {opacity: 1;}.TopCategoriesGrid {padding-bottom: var(--after-section-space);}
.HPPageTopText {color: var(--lighter-text-color);}

.Consulting {padding-top: 48px;}

@media (max-width: 1024px) {
	.HPPageTopText {
		--text-size: 18px;
	}

	.HP h1 {padding-top: 32px; margin-bottom: 20px;}
	.HP h1, .HPPageTopText {text-align: center;}
	.HPPageTopText {margin-bottom: 32px;}
	.IntroPicture {display: none;}

	.Articles {padding-top: 32px;}

}

@media (min-width: 1024px) {
	.HPPageTopText {
		--text-size: 20px;
	}

	.HPTopSection {position: relative;}
	.IntroPicture {position: absolute; right: 12%; top: -140px; width: 35%; z-index: -1;}

	.HP h1 {text-align: left; width: 40%; padding-top: 64px; margin-bottom: 24px;}
	.HPPageTopText {margin-bottom: 64px; max-width: 40%;}
	.HPPageTopText p {line-height: 140%;}

	.Articles {padding-top: 24px; padding-bottom: 48px; border-bottom: 1px solid var(--border-color);}
	.Consulting {padding-bottom: 40px;}

}.TopPoints {
	--text-size: 14px;
	--text-line-height: 120%;

	--img-width: 32px;
	--gap: var(--Space-between-icon);
}
.TopPoints strong {
	--text-size: 16px;
}

.TopPoints {list-style: none; padding: 0; display: grid; gap: 20px; font-size: var(--text-size); border-bottom: 1px solid var(--light-line-color);}
.TopPoints li {display: grid; grid-template-columns: var(--img-width) 1fr; gap: var(--gap); line-height: var(--text-line-height);}
.TopPoints strong {display: block; font-size: var(--text-size); margin-bottom: 4px;}
.TopPoints img {width: 100%;}

.TopPointsNoMargin .TopPoints {margin-bottom: 0; border-bottom: 0;}

@media (max-width: 1024px) {
	.TopPoints {padding-bottom: 40px; margin-bottom: 40px;}
}

@media (min-width: 1024px) {
	.TopPoints {padding-bottom: 48px; margin-bottom: 48px; grid-template-columns: 1fr 1fr 1fr 1fr;}
	.TopPoints strong {margin-bottom: 8px;}
}.PageButtonsBox, .OnlyButtons {
	--bg: var(--Foundation-Blue-B50);
	--padding-vertical-desktop: 56px;
	--padding-vertical-mobile: 24px;
	--text-size: 16px;
}

.PageButtonsBox {background: var(--bg);}
.PageButtonsBoxIn, .OnlyButtons {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: stretch;}
.OnlyButtons {padding-bottom: 48px;}

@media (max-width: 1024px) {
	.PageButtonsBox {padding-top: var(--padding-vertical-mobile); padding-bottom: var(--padding-vertical-mobile);}

	.OnlyButtons {padding-bottom: 40px;}
	.OnlyButtons .WhiteButton {width: min(295px, calc(50% - 10px));}

	.OnlyButtons + .MaxHeightShowMoreBtn {margin-top: 0;}
	.OnlyButtons.MaxHeightApplied + .MaxHeightShowMoreBtn {margin-bottom: 32px;}
}
@media (min-width: 1024px) {
	.PageButtonsBox {padding-top: var(--padding-vertical-desktop); padding-bottom: var(--padding-vertical-desktop);}
	.PageButtonsBoxIn {gap: 20px;}
}

@media (min-width: 1260px) {
	.PageButtonsBoxIn, .OnlyButtons {gap: 20px;}
	:is(.SmallerContainer, .DefaultAdPage .OnlyButtons, .ButtonsTighter) .WhiteButton {width: 232px;}
}
.DialogContent:has(.DetailTop) .SunsetButton {
	--width: 100%;
}

.DetailTop .Image {padding: 10px; width: 120px; height: 60px;}
.DetailTop .Image img {width: 100%; height: 100%; object-position: center; object-fit: contain;}
.DetailTop .Info a {color: var(--in-text-link-color); font-size: 16px; line-height: 120%;}
.DetailTop .ProductTopLabel {margin-bottom: 8px;}

.Dialog .Property {display: grid; grid-template-columns: 60% 1fr; padding: 12px 0; border-bottom: 1px solid var(--border-color); font-size: 16px; line-height: 120%;}
.Dialog .Property strong {padding-left: 20px;}

.Dialog :is(.Pros, .Cons) {margin-bottom: 34px;}
.Dialog :is(.Pros, .Cons) .Heading {font-size: 20px; line-height: 100%; margin-bottom: 6px; font-weight: bold;}

@media (max-width: 1024px) {
	.DetailTop {text-align: center; padding-bottom: var(--content-padding);}
	.DetailTop h2 {font-size: 20px; margin-bottom: 4px;}
	.DetailTop .Image {margin-left: auto; margin-right: auto; margin-bottom: 7px;}

	.DetailTop .ProductTopLabel {position: absolute; left: 8px; top: 8px;}
}

@media (min-width: 1024px) {
	.DialogContent:has(.DetailTop) {padding: 0; width: 820px;}
	.DetailTop {display: grid; grid-template-columns: 120px 1fr; gap: 24px; padding: var(--content-padding); border-bottom: 1px solid var(--border-color);}
	.DetailTop h2 {font-size: 24px; line-height: 100%; margin-bottom: 8px;}

	.Dialog .Body {padding: var(--content-padding); display: grid; grid-template-columns: 55% 1fr; gap: 40px;}
}
.ComparisonItems .SunsetButton {
	--padding: 12px;
	--text-size: 14px;
}

.ProductTopLabel {
	--bg-color: var(--Foundation-Blue-B400);
	--text-color: #ffffff;
}
.ComparisonItems .RecommendationTag {
	--bg-color: var(--Foundation-Blue-B400);
	--text-color: #ffffff;
}

.ComparisonCategories {display: flex; justify-content: start; gap: 12px; margin-bottom: 16px; padding-bottom: 16px; overflow-x: auto; width: max-content; margin-left: auto; margin-right: auto; max-width: 100%;}
.ComparisonCategories a {padding: 12px; display: block; border-radius: 4px; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(116, 126, 145, 0.20); text-decoration: none; font-size: 16px; line-height: 120%; white-space: nowrap; color: var(--text-color);}
.ComparisonCategories a.Active {color: white; background-color: var(--Foundation-Midnight-Blue-M300);}
.ComparisonCategoriesContainer {position: relative;}
.ComparisonCategoriesContainer::before, .ComparisonCategoriesContainer::after {position: absolute; top: 0; height: 100%; width: 42px; content: ''; pointer-events: none; opacity: 1; transition-property: opacity; transition-duration: var(--anim-duration);}
.ComparisonCategoriesContainer::before {left: 0; background: linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.ComparisonCategoriesContainer::after {right: 0; background: linear-gradient(to left, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.ComparisonCategoriesContainer.ScrollLeft0::before {opacity: 0;}
.ComparisonCategoriesContainer.ScrollRight0::after {opacity: 0;}

.ComparisonItems {overflow: auto;}
.ComparisonItems table {width: 1240px; border-collapse: collapse;}

.ComparisonItems th {padding: 24px 20px; text-align: left; font-size: 14px; line-height: 120%; font-weight: bold;}
.ComparisonItems td {padding: 20px; vertical-align: middle;}
.ComparisonItems td:has(.Image) {padding-left: 0; padding-right: 0;}
.ComparisonItems .ProductNameCell {padding-left: 0; padding-right: 0;}

.ComparisonItems tr {background-color: white; border-bottom: 1px solid var(--border-color);}
.ComparisonItems .TopProducts {background: var(--Foundation-Green-G50); border-bottom: 1px solid var(--Foundation-Green-G75); position: relative;}
.ComparisonItems .TopProducts td {height: 116px; position: relative;}
.ComparisonItems .TopProducts .RecommendationTag {top: 8px; left: 8px; position: absolute;}

/*.ComparisonItems:not(.ComparisonItemsAlt) td:last-child {position: sticky; right: 0;}
.ComparisonContainer:not(.ScrollRight0) .ComparisonItems:not(.ComparisonItemsAlt) td:last-child {background: white; box-shadow: inset 1px 0 0px var(--border-color);}
.ComparisonContainer:not(.ScrollRight0) .ComparisonItems:not(.ComparisonItemsAlt) .TopProducts td:last-child {background: var(--Foundation-Green-G50);}*/

.ProductNameCell strong {display: block; font-size: 14px; line-height: 120%; margin-bottom: 2px;}
.ProductNameCell .LinkLike {display: block; font-size: 14px; line-height: 120%; text-decoration: underline; color: var(--in-text-link-color); cursor: pointer; white-space: nowrap;}

.ComparisonItems .Image {width: 100px; height: 50px; display: block; margin-right: 10px; margin-left: 20px; background-color: #ffffff; text-align: center; padding: 5px;}
.ComparisonItems .Image img {width: 100%; height: 100%; object-fit: contain; object-position: center;}

.ComparisonItems .SunsetButton {color: #ffffff; max-width: 150px; line-height: 125%;}

.ComparisonItems .RatingSmallIntro .Percentage {font-size: 20px; padding: 8px;}
.ComparisonItems .RatingSmallIntro .Heading {display: none;}
.ComparisonItems .RatingSmallIntro span {font-size: 14px; margin-bottom: 2px;}
.ComparisonItems :is(.Pros, .Cons) li {font-size: 12px; gap: 4px; padding-left: 16px; line-height: 120%;}
.ComparisonItems :is(.Pros, .Cons) li + li {margin-top: 4px;}
.ComparisonItems :is(.Pros, .Cons) li::before {width: 12px; height: 12px; display: grid; place-content: center; top: 2px;}
.ComparisonItems .Pros li::before {content: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0.5C5.20711 0.5 5.375 0.667893 5.375 0.875V4.625H9.125C9.33211 4.625 9.5 4.79289 9.5 5C9.5 5.20711 9.33211 5.375 9.125 5.375H5.375V9.125C5.375 9.33211 5.20711 9.5 5 9.5C4.79289 9.5 4.625 9.33211 4.625 9.125V5.375H0.875C0.667893 5.375 0.5 5.20711 0.5 5C0.5 4.79289 0.667893 4.625 0.875 4.625H4.625V0.875C4.625 0.667893 4.79289 0.5 5 0.5Z" fill="%2304AF06"/></svg>');}
.ComparisonItems .Cons li::before {content: url('data:image/svg+xml,<svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 1.5H0.5V0.5H7.5V1.5Z" fill="%23DC243A"/></svg>');}
.ComparisonItems .RatingSmallIntro a {color: var(--text-color); font-size: 14px; line-height: 120%; display: flex;}

/** UPDATE 425 */
.ComparisonItems .RatingSmallIntro a {display: none;}
.ComparisonItems .RatingSmallIntro .Percentage {background: none !important;}
.ComparisonItems .RatingSmallIntro[data-status="perfect"] .Percentage {color: #6FB200;}
.ComparisonItems .RatingSmallIntro[data-status="good"] .Percentage {color: #D27F02;}
.ComparisonItems .RatingSmallIntro[data-status="poor"] .Percentage {color: #C72135;}

.ComparisonContainer {position: relative;}
.ComparisonContainer::before, .ComparisonContainer::after {content: ''; position: absolute; top: 0; bottom: 0; width: 10px; z-index: 2; pointer-events: none; opacity: 1; transition-duration: var(--anim-duration); transition-property: opacity;}
.ComparisonContainer::before {left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.00) 100%);}
.ComparisonContainer::after {right: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.00) 100%);}
.ComparisonContainer:not(.ScrollLeft0) {--border-radius-left: 0;}
.ComparisonContainer:not(.ScrollRight0) {--border-radius-right: 0;}
.ComparisonContainer.ScrollLeft0::before {opacity: 0;}
.ComparisonContainer.ScrollRight0::after {opacity: 0;}



.Text .ComparisonContainer {
	--border-radius-left: 12px;
	--border-radius-right: 12px;
}


.Text .ComparisonItems {border: 1px solid var(--border-color); border-radius: var(--border-radius-left) var(--border-radius-right) var(--border-radius-right) var(--border-radius-left); position: relative; box-shadow: none;}

@media (max-width: 1024px) {
	.ComparisonItems {overflow-x: auto;}
}

@media (min-width: 1024px) {
	.ComparisonContainer {margin-bottom: 64px;}
	.ComparisonContainer::before, .ComparisonContainer::after {height: calc(100% - 64px);}
}.ComparisonItems .TopProducts {margin-bottom: 0;}
.ComparisonItem {padding: 15px;}
.ComparisonItem.TopProducts .NameNLogo {padding-top: 30px;}
.ComparisonItem:not(.TopProducts) {border-bottom: 1px solid var(--border-color);}
.ComparisonItem .NameNLogo {display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding-bottom: 15px;}
.ComparisonItem .NameNLogo .Image {text-align: left; margin-left: 0; margin-right: 0; padding: 0;}
.ComparisonItem .NameNLogo .Image img {object-position: left center;}
.ComparisonItem .MoreNBtn {display: flex; justify-content: space-between; align-items: center; padding-top: 15px; gap: 10px; flex-wrap: wrap;}
.ComparisonItem .ParamItem {display: flex; justify-content: space-between; padding: 5px 0; gap: 10px; flex-wrap: wrap;}
.ComparisonItem .LinkLike {color: var(--in-text-link-color);}

.ComparisonItem :is(.Pros, .Cons, .Rate) {padding: 10px 0;}

.ComparisonContainer::before, .ComparisonContainer::after {display: none;}

.ComparisonCategories {scroll-behavior: smooth;}
.ComparisonCategoriesContainer .Arrow {position: absolute; top: calc(50% - 20px); display: grid; place-content: center; border-radius: 100%; z-index: 3; cursor: pointer; opacity: 1; transition-property: opacity; transition-duration: var(--anim-duration);}
.ComparisonCategoriesContainer .Next {right: 0;}

.ComparisonCategoriesContainer.ScrollLeft0 .Prev {opacity: 0; pointer-events: none;}
.ComparisonCategoriesContainer.ScrollRight0 .Next {opacity: 0; pointer-events: none;}

@media (min-width: 1024px) {
	.ComparisonCategoriesContainer .Arrow {display: none;}
}.RatingSmallIntro .Heading {font-weight: bold; font-size: 20px; line-height: 100%; margin-bottom: 12px;}
.RatingSmallIntro a {font-size: 16px;}

.RatingSmallIntro .RatingInfo {display: flex; align-items: center; gap: 7px; font-size: 16px; color: var(--Foundation-Midnight-Blue-M200);}
.RatingSmallIntro .RatingInfo:not(:last-child) {margin-bottom: 10px;}
.RatingSmallIntro span {display: block; margin-bottom: 4px; font-size: 16px;}
.RatingSmallIntro img {width: 80px; height: auto;}
.RatingSmallIntro .Percentage {color: #ffffff; font-weight: bold; font-size: 32px; line-height: 100%; padding: 8px; border-radius: 8px; white-space: nowrap;}

.RatingSmallIntro[data-status="perfect"] .Percentage {background-color: #6FB200;}
.RatingSmallIntro[data-status="good"] .Percentage {background-color: #D27F02;}
.RatingSmallIntro[data-status="poor"] .Percentage {background-color: #C72135;}.TopCategoriesGrid {display: grid;}
.TopCategoriesGrid a {text-decoration: none;}
.TopCategoriesGrid .Tag {width: max-content; border-radius: 100px; background: var(--Gradient-Sunset); padding: 1px;}
.TopCategoriesGrid .Name {text-decoration: underline;}
.TopCategoriesGrid .Tag .In {background: white; border-radius: 100px; padding: 3px 7px; font-size: 14px; font-weight: bold;}
.TopCategoriesGrid picture {display: flex; justify-content: center;}

.TopCategoriesGrid .LeadButton {
	--icon-size: 40px;
}

.TopCategoriesGrid .LeadButton {display: grid; border-radius: var(--border-radius); /*background: var(--Gradient-Sunset);*/}
.TopCategoriesGrid .LeadButton .LinkText {/*color: white; font-weight: bold;*/ line-height: 120%; font-size: 18px; text-decoration: underline;}
.TopCategoriesGrid .LeadButton .Icon {border-radius: 100px; background: white; width: var(--icon-size); height: var(--icon-size); display: grid; place-content: center;}

.TopCategoriesGrid .SunsetButton {
	--padding: 10px;
}
.TopCategoriesGrid > a:first-child .SunsetButton {margin-left: auto; margin-right: auto;}

@media (max-width: 1024px) {
	.TopCategoriesGrid {grid-template-columns: 1fr 1fr; gap: 10px;}
	.TopCategoriesGrid > a:first-child {grid-column: span 2;}

	.TopCategoriesGrid a {text-align: center;}
	.TopCategoriesGrid > a:not(:first-child) {display: block; padding: 18px 10px 20px 10px;}

	.TopCategoriesGrid .Name {font-size: 18px; margin-bottom: 12px;}
	.TopCategoriesGrid .Tag {text-decoration: none; margin-left: auto; margin-right: auto;}
	.TopCategoriesGrid .Button {display: none;}
	.TopCategoriesGrid > a:not(:first-child) .Name {margin-top: 14px;}
	.TopCategoriesGrid > a:not(:first-child) img {width: auto; height: 62px;}

	.TopCategoriesGrid > a:first-child {display: flex; text-align: left; align-items: center; justify-content: center; gap: 25px;}
	.TopCategoriesGrid > a:first-child .Name {font-size: 24px;}
	.TopCategoriesGrid > a:first-child .Tag {margin-left: 0;}
	.TopCategoriesGrid > a:first-child img {height: 117px; width: auto; margin-top: 8px;}
	.TopCategoriesGrid > a:first-child :is(img, .Info) {transform: translateX(-15px);}

	.TopCategoriesGrid .LeadButton {place-content: center;}
	.TopCategoriesGrid .LeadButton .LinkText {margin-bottom: 12px;}
	.TopCategoriesGrid .LeadButton .Icon {margin-left: auto; margin-right: auto;}
}@media (min-width: 1024px) {
	.TopCategoriesGrid {grid-template-columns: 1.22fr 1.66fr 1fr 1fr; grid-template-rows: 138px 138px; gap: 20px;}
	.TopCategoriesGrid a:nth-child(1) {grid-row: span 2;}

	.TopCategoriesGrid a:nth-child(1) {order: 1;}
	.TopCategoriesGrid a:nth-child(2) {order: 2;}
	.TopCategoriesGrid a:nth-child(4) {order: 3;}
	.TopCategoriesGrid a:nth-child(6) {order: 4;}
	.TopCategoriesGrid a:nth-child(3) {order: 5;}
	.TopCategoriesGrid a:nth-child(5) {order: 6;}
	.TopCategoriesGrid a:nth-child(7) {order: 7;}

	.TopCategoriesGrid a:not(:first-child) {display: grid; grid-template-columns: 40% 1fr;}
	.TopCategoriesGrid picture {position: relative;}
	.TopCategoriesGrid a:not(:first-child) img {position: absolute; left: 0; bottom: 0;}

	.TopCategoriesGrid a:nth-child(1) {padding-top: 23px;}
	.TopCategoriesGrid a:nth-child(1) img {height: 160px; margin-bottom: 20px;}
	.TopCategoriesGrid a:nth-child(2) img {height: 120px;}
	.TopCategoriesGrid a:nth-child(3) img {height: 114px;}
	.TopCategoriesGrid a:nth-child(4) img {height: 94px; bottom: 28px;}
	.TopCategoriesGrid a:nth-child(5) img {height: 121px;}
	.TopCategoriesGrid a:nth-child(6) img {height: 81px; bottom: 28px;}

	.TopCategoriesGrid a:nth-child(1) .Info {text-align: center;}
	.TopCategoriesGrid a:nth-child(1) .Tag {margin-left: auto; margin-right: auto;}

	.TopCategoriesGrid a:is(:nth-child(1), :nth-child(2), :nth-child(3)) .Name {font-size: 24px;}
	.TopCategoriesGrid .Name {margin-bottom: 12px;}
	.TopCategoriesGrid .Info {display: flex; justify-content: center; flex-direction: column;}

	.TopCategoriesGrid a:nth-child(7) {display: grid; grid-template-columns: 1fr max-content; align-items: center; padding: 10px 19px 10px 26px; gap: 19px;}

	.SmallerContainer .TopCategoriesGrid {gap: 10px; font-size: 16px;}
	.SmallerContainer .TopCategoriesGrid a:nth-child(2) img {height: 100px;}
	.SmallerContainer .TopCategoriesGrid a:nth-child(3) img {height: 90px;}
	.SmallerContainer .TopCategoriesGrid .Info {position: relative;}
}.ProofNumbers {
	--border-radius: 12px;
}
.ProofNumbers {text-align: center; gap: 10px; display: flex; align-items: stretch;}
.ProofNumbers .Image {margin-bottom: 16px; display: flex; justify-content: center;}
.ProofNumbers img {width: 32px; height: 32px;}
.ProofNumbers .No {font-size: 24px; font-weight: bold; margin-bottom: 4px; line-height: 100%;}
.ProofNumbers .Item {flex: 1; padding: 20px 10px; background: white; border-radius: var(--border-radius);}
.ProofNumbers .Label {font-size: 14px; line-height: 120%;}
.ProofNumbers a {color: var(--green-text-color);}

.ProofNumbersBox .PlantDecoration, .ProofNumbersBox .DogDecoration {position: absolute; pointer-events: none;}

.ProofNumbersBox .Heading {text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 24px; line-height: 100%;}

.ProofNumbersBox {position: relative; padding-top: 40px;}
.ProofNumbersBox .Bg {pointer-events: none; z-index: -1; position: absolute; left: 0; right: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 61.88%, #FFF 100%), linear-gradient(0deg, #FFF 1.1%, rgba(255, 255, 255, 0.00) 25.05%), linear-gradient(210deg, rgba(35, 191, 240, 0.10) 11.46%, rgba(158, 213, 67, 0.10) 99.09%);}

@media (max-width: 1024px) {
	.ProofNumbers {flex-wrap: wrap; padding-bottom: 158px;}
	.ProofNumbers .Item {min-width: 145px;}

	.ProofNumbersBox .Bg {bottom: 0; top: -170px;}
	.ProofNumbersBox .PlantDecoration {bottom: 0; left: 40px; width: 148px; height: auto;}
	.ProofNumbersBox .DogDecoration {bottom: 0; right: 25px; width: 110px; height: auto;}
}

@media (min-width: 1024px) {
	.ProofNumbersBox {padding-top: 72px;}
	.ProofNumbersBox .Heading {margin-bottom: 32px;}
	.ProofNumbersBox .Container {position: relative;}

	.ProofNumbers {gap: 20px; padding-bottom: 56px;}
	.ProofNumbers .No {font-size: 36px;}
	.ProofNumbers .Label {font-size: 16px;}
	.ProofNumbers .Item {padding: 40px 20px;}

	.ProofNumbersBox .Bg {bottom: -48px; top: -124px;}

	.ProofNumbersBox .PlantDecoration {z-index: -1; bottom: 0; left: calc(-172px + var(--container-padding)); width: 192px; height: auto;}
	.ProofNumbersBox .DogDecoration {bottom: -17px; right: calc(-99px + var(--container-padding)); width: 238px; height: auto;}
}.ReviewsList img {width: 100%; height: 100%; object-position: center; object-fit: cover;}

.ReviewAuthor {display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: center; text-decoration: none; font-size: 14px; color: var(--Foundation-Midnight-Blue-M200);}
.ReviewAuthor .Image {width: 32px; height: 32px; border-radius: 100px; overflow: hidden;}
.ReviewAuthor img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.ReviewAuthor strong {display: block; color: var(--text-color);}

.ReviewsList article {border-radius: 12px; border: 1px solid var(--border-color); padding-bottom: 24px;}
.ReviewsList article > :not(.Image) {padding-left: 24px; padding-right: 24px;}

.ReviewsList .RevImage {position: relative; border-radius: 12px 12px 0 0; overflow: hidden; display: flex; margin-bottom: 16px;}
.ReviewsList .InstituteImage {position: absolute; left: 20px; width: 100px; height: 50px;}
.ReviewsList .InstituteImage:has(img) {background: #ffffff; border-radius: 8px; padding: 5px;}
.ReviewsList .InstituteImage img {width: 100%; height: 100%; object-position: center; object-fit: contain;}
.ReviewsList .Image .TagLabel {position: absolute; left: 8px; top: 8px; background: #ffffff;}
.ReviewsList h3 {font-weight: normal; font-size: 18px;  line-height: 120%; margin-bottom: 24px;}

.ReviewsList .ReviewSmallIntro {margin-bottom: 24px;}
.ReviewsList .ReviewSmallIntro a {display: none;}
.ReviewsList .ReviewSmallIntro .Percentage {font-size: 20px;}
.ReviewsList .ReviewSmallIntro .Heading {font-size: 14px; margin-bottom: 8px;}
.ReviewsList .ReviewSmallIntro span {font-size: 14px;}
.ReviewsList .ReviewSmallIntro img {width: 80px; height: auto;}

.ReviewsListSection header h2 {margin-bottom: 0; font-size: 24px;}
.ReviewsListSection header {margin-bottom: 32px;}
.ReviewsListSection header a {color: var(--in-text-link-color); font-size: 14px; text-decoration: underline;}

@media (max-width: 1024px) {
	.ReviewsList {display: flex; gap: 10px; overflow: auto; scroll-snap-type: x mandatory;}
	.ReviewsList article {min-width: 280px; scroll-snap-align: start;}
	.ReviewsList .InstituteImage {bottom: 12px;}

	.ReviewsListSection header a {display: none;}
	.ReviewsListSection header h2 {text-align: center;}
}

@media (min-width: 1024px) {
	.ReviewsList {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
	.ReviewsList .InstituteImage {bottom: 20px;}

	.ReviewsListSection header {display: flex; justify-content: space-between; align-items: center;}
}