body:not(.user-is-tabbing) a:focus {
	outline: none;
}

.sticky-wrapper.is-sticky {
	.breadcrumb-wpr {
		display: none !important;
	}

	h1 {
		display: none !important;
	}

	.nav-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.left-content {
		display: flex !important;
		align-items: center;
		gap: 24px;
		height: 2.0rem;
	}

	.right-content {
		display: block !important;
	}
}

section#hero-banner {
	background-image: url("/investments/_assets-custom/wis2027/images/banner-wis27.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	.section-inner {
		padding-top: 48px;
	}

	@media screen and (max-width: 639px) {
		/* background-image: none; */
	}
}

main>section.section-greyish {
	background-color: #FAFAFA;
}

.top-banner-bot {
	margin-top: 254px;
}

.offer-conditions {
	display: inline-block;
	position: relative;
	padding-left: 20px;

	&:before {
		content: "";
		position: absolute;
		width: 20px;
		height: 100%;
		top: 1px;
		left: 0;
		background-image: url("/investments/_assets-custom/wis2027/images/icons/stopwatch-icon-white.svg");
		background-repeat: no-repeat;
		background-position: center;
	}

	&.offer-conditions-black:before {
		background-image: url("/investments/_assets-custom/images/icons/stopwatch-icon-black.svg");
	}
}

.inter-medium {
	font-family: "Inter", Roboto;
	font-weight: 500;
}

.fs-52 {
	font-size: 5.2rem;
	line-height: 100%;
}

.fs-56 {
	font-size: 5.6rem;
	line-height: 110%;

	@media screen and (max-width: 639px) {
		font-size: 4.0rem;
	}
}

h4.h1 {
	font-size: max(min(calc(2.8rem + (40 - 28) * ((100vw - 639px) / (1200 - 639))), 2.8rem), 4.0rem) !important;
	line-height: max(min(calc(3.5rem + (48 - 35) * ((100vw - 639px) / (1200 - 639))), 3.5rem), 4.8rem) !important;
}

h4.fs-18 {
	font-size: max(min(calc(1.6rem + (18 - 16) * ((100vw - 639px) / (1200 - 639))), 1.8rem), 1.6rem) !important;
	line-height: max(min(calc(2.4rem + (27 - 24) * ((100vw - 639px) / (1200 - 639))), 2.7rem), 2.4rem) !important;
}

.mar-auto {
	margin: auto;
}

.mar-t-inner-dbl {
	margin-top: 40px;
}

.mar-b-inner-dbl {
	margin-bottom: 40px;
}

ol.upper-alpha-override {
	list-style-type: upper-alpha !important;

	>li {
		list-style-type: upper-alpha !important;
	}
}

ol.roman-override {
	list-style-type: lower-roman !important;

	>li {
		list-style-type: lower-roman !important;
	}
}

.block-wpr.bg-cooler-white {
	background-color: #F3F7F8;
}

section#steps_section:before {
	content: "";
	position: absolute;
	background-image: url("/investments/_assets-custom/wis2027/images/points-coins.svg");
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
	aspect-ratio: 16/21;
	height: calc(100% - 260px);
	margin-top: 200px;
	margin-bottom: 60px;
	pointer-events: none;
}

@media screen and (min-width: 1400px) {
	section#steps_section:before {
		margin-top: 0;
		margin-bottom: 0;
		height: 100%;
	}
}

ul.custom-tab-nav {
	display: flex;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	border-bottom: 1px solid #E0E0E0;

	li {
		flex: 1;
		width: fit-content;
		text-align: center;
		margin: 0;

		&:before {
			content: none !important;
		}

		a {
			display: inline-block;
			width: 100%;
			height: 100%;
			padding: 14px 24px 12px 24px;

			&.active {
				border-bottom: 2px solid #006AC3 !important;
			}
		}
	}

	li.active a {
		color: #006AC3;
	}

	li:not(.active) a {
		color: #6F6F6F;
	}

	li.active a:after {
		content: none;
	}
}

ul.custom-tab-nav+.tab-content {
	background-color: transparent;
}

section#steps_section ul.custom-tab-nav {
	width: 100%;
	max-width: 960px;

	li {
		width: 50%;
	}
}

section#steps_section .tab-content {
	margin-bottom: max(min(calc((40px) + (120 - 40) * ((100vw - (639 * 1px))/ (1200 - 639))), 120px), 40px);

	.block-title {
		background-color: #FFBA00;
	}
}

section#steps_section .tab-content .block-steps>ol>li {
	position: relative;

	&:not(:last-child) {
		position: relative;
	}

	&:not(:first-child):before {
		content: "";
		position: absolute;
		width: 1px;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #E0E0E0;
	}

	@media screen and (max-width: 639px) {
		&:not(:first-child):before {
			content: "";
			position: absolute;
			width: 100%;
			height: 1px;
			top: 0;
			left: 0;
			background-color: #E0E0E0;
		}
	}
}

section#steps_section .tab-content .block-steps .step-continer-title {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 75px;
	height: fit-content;

	.step-container-title-num {
		position: absolute;
		display: inline-block;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 60px;
		height: 60px;
		line-height: 56px;
		text-align: center;
		border-radius: 100%;
		border: 3px solid #252525;
	}

	@media screen and (max-width: 769px) {
		padding-left: 56px;
		height: 46px;

		.step-container-title-num {
			width: 46px;
			height: 46px;
			line-height: 40px;
		}
	}
}

.modal.fit-content {
	width: fit-content;
}

section#avion-points_section table {
	border: 1px solid #DADADA;

	th,
	td {
		vertical-align: top;
		text-align: center;
	}
}

section#avion-points_section .more-toggle {
	&:before {
		z-index: 0;
	}

	button span {
		background-color: #FAFAFA;
	}
}

section#avion-points_section .more-content {
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}

section#ways-invest_section {
	position: relative;
	background: linear-gradient(112deg, #003168 11.55%, #002045 87.79%);

	.section-inner {
		padding-top: max(min(calc((60px) + (96 - 60) * ((100vw - (639 * 1px))/ (1200 - 639))), 96px), 60px);
		padding-bottom: max(min(calc((60px) + (96 - 60) * ((100vw - (639 * 1px))/ (1200 - 639))), 96px), 60px);
	}

	.grid-wpr>.grid-half {
		position: static;
	}

	#tabcontent-advice:before,
	#tabcontent-self:before {
		content: "";
		position: absolute;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: contain;
		pointer-events: none;
	}

	#tabcontent-advice:before {
		background-image: url("/investments/_assets-custom/wis2027/images/couple-investing-illustration.svg");
		aspect-ratio: 589/410;
		max-width: 500px;
		width: 30vw;
		left: 8px;
	}

	#tabcontent-self:before {
		background-image: url("/investments/_assets-custom/wis2027/images/laptop-illustration.webp");
		aspect-ratio: 832/367;
		max-width: 831px;
		width: calc(50vw - 61px - 86px);
		left: 61px;
	}

	.panel-tab-nav {
		display: flex;
		flex-direction: column;

		.panel {
			background-color: #FFF;
			width: 100%;
			max-width: 509px;
		}

		.panel a {
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 100%;
			min-height: 94px;
			padding-left: 24px;
			padding-right: 48px;
		}

		.panel a div:first-child {
			color: #919191;
		}

		.panel a div:last-child {
			color: #6F6F6F;
		}

		.panel.active {
			background-image: url("/investments/_assets-custom/wis2027/images/panel-checkmark.svg");
			background-repeat: no-repeat;
			background-size: 48px;
			background-position: top right;
			border: 2px solid #006AC3;
			background-color: #F3F7F8;
		}

		.panel.active div:first-child {
			color: #006AC3;
		}

		.panel.active div:last-child {
			color: #006AC3;
			font-weight: 400;
		}
	}

	.mid-page-tool-link:not([data-midpage=default]) {
		display: none;
	}

	.focus-client-links {
		display: flex;
		flex-direction: column;
		gap: 60px;
	}

	&.focus-existing-client .focus-client-links {
		flex-direction: column-reverse;
	}

	@media screen and (max-width: 768px) {
		.panel-tab-nav .panel {
			max-width: 100%;
		}

		.grid-wpr>.grid-half {
			width: 100%;
			margin-bottom: 15px;
		}

		#tabcontent-advice:before,
		#tabcontent-self:before {
			content: none;
		}
	}
}

.icon-string {
	position: relative;
	padding-left: 48px;

	img {
		position: absolute;
		width: 32px;
		height: 32px;
		top: 0;
		left: 0;
	}
}

.snipe.pill.grey-blue span {
	background: #456B86;
	color: #FFFFFF;
}

.callout-snipe {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	text-align: center;
	height: auto !important;
}

.standalone-link.standalone-link-reverse {
	width: fit-content;
	padding-left: 0;
	padding-right: 16px;

	&:before {
		left: initial;
		right: 0;
	}
}

.text-center a.standalone-link.standalone-link-reverse:before {
	position: absolute;
	top: .35em;
	margin-right: 0;
}

section#intro_section .block-wpr .block-inner.flex {
	@media screen and (max-width: 768px) {
		flex-direction: column-reverse;
		gap: 30px;
	}

	img {
		width: 100%;
		max-width: 386px;
		object-fit: cover;
	}
}

section#popular-products .tab-nav.chip-tabs {
	justify-content: center;

	@media screen and (max-width: 639px) {
		justify-content: flex-start;
	}
}

section#popular-products .tooltip-trigger>span {
	margin-left: 6px;
}

section#other-resources_section {
	.bento-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		grid-template-areas:
			"bento-1 bento-2"
			"bento-3 bento-2";

		.bento-1 {
			grid-area: bento-1;

			.block-wpr {
				background: url("/investments/_assets-custom/wis2027/images/woman-on-phone.webp") lightgray left bottom / cover no-repeat;
				
				@media screen and (max-width: 639px) {
					background: linear-gradient(180deg, #EBE0D6 37.89%, rgba(235, 224, 214, 0.80) 54.29%, rgba(235, 224, 214, 0.60) 65.22%, rgba(231, 219, 208, 0.00) 74.33%),url("/investments/_assets-custom/wis2027/images/woman-on-phone_mobile.webp") lightgray left bottom / cover no-repeat;
					padding-bottom: 250px !important;
				}
			}
		}

		.bento-2 {
			grid-area: bento-2;

			.block-wpr {
				border-radius: 7.653px;
				background: linear-gradient(178deg, #E8E8E7 58.71%, rgba(232, 231, 231, 0.00) 68.73%), url("/investments/_assets-custom/wis2027/images/man-on-laptop.webp") lightgray center bottom / cover no-repeat;
			}

			hr {
				border-top-color: #B3B3B3;
			}
		}

		.bento-3 {
			grid-area: bento-3;

			.block-wpr {
				background-color: #E1EBEF;
			}
		}

		.bento-cell .block-wpr {
			height: 100%;
		}
	}

	@media screen and (max-width: 768px) {
		.bento-box {
			grid-template-columns: 1fr;
			grid-template-areas: "bento-1" "bento-2" "bento-3";

			.bento-2 .block-inner {
				padding-bottom: 340px !important;
			}
		}
	}
}

ul.link-list>li:not(:first-child) {
	margin-top: 20px;
}

.accordion .accordion-panel.accordion-panel-ntb {
	border-top: none;
}

section.disclaimer .table-wpr {

	p,
	ol>li,
	ul>li {
		font-size: 1.4rem;
		line-height: 2rem;
		color: #585858;
	}

	p+p {
		margin-top: 8px;
	}
}

.ways-to-invest-container {

	&.eh-wpr {
		flex-wrap: nowrap;
	}

	.head {
		background-color: #eef7fc;
	}
}

.offer-open-block {
	max-width: 944px;
	margin-left: auto;
	margin-right: auto;
}

.offer-open-block .offer-open-block-link-wpr {
	a {
		min-width: 214px;
	}
}

a sup {
	text-decoration: none;
}

@media screen and (max-width: 639px) {
    .mob-text-center {
        text-align: center !important;
    }
}

#faqAvion_tabcontent .disc-list li sup>a {
    text-decoration: none !important;
}