@charset "UTF-8";
@import "../fonts/roboto/stylesheet.css";
@import "../fonts/inter/stylesheet.css";
@import "./variables.css";
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
[data-base-animation-role="image-fade"],
[data-base-animation-role="fade-up"] {
	opacity: 0;
}

.text-underline {
	text-decoration: underline;
}

.js--hidden {
	display: none !important;
}

.color-text-brand-primary-600 {
	color: var(--color-text-brand-primary-600);
}

.color-text-primary {
	color: var(--color-text-primary);
}

.color-text-secondary {
	color: var(--color-text-secondary);
}

.color-alpha-white-50 {
	color: var(--color-alpha-white-50);
}

.color-wallking {
	color: var(--color-black);
}

.color-text-placeholder {
	color: var(--color-text-placeholder);
}

.color-fg-error-primary {
	color: var(--color-fg-error-primary);
}

.color-fg-brand-primary {
	color: var(--color-fg-brand-primary);
}

html {
	scrollbar-color: var(--color-bg-brand-primary) var(--color-bg-tertiary);
	scrollbar-width: thin;
	scroll-behavior: smooth;
	min-height: 100vh;
}

body {
	display: flex;
	flex-direction: column;
	color: var(--color-text-secondary);
	font-family: var(--font-family);
	font-weight: 400;
	font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
	background-color: var(--color-bg-primary);
	min-height: 100vh;
}

body.js--scrolled {
	overflow: hidden;
}

.main {
	position: relative;
}

.container {
	width: 100%;
	max-width: 84rem;
	padding: 0 1rem;
	margin: 0 auto;
}

.container.container--sm {
	max-width: 53.5rem;
}
.container.container--position-relative {
	position: relative;
}

.link-text {
	color: var(--color-text-brand-primary-600);
	text-decoration: underline;
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.link-text:hover {
	opacity: 0.9;
}

.routes-panel__wrapper {
	margin-top: -7.875rem;
}
.routes-panel__wrapper.routes-panel__wrapper--page-routes-information {
	margin-top: calc(-1 * clamp(3.25rem, 2.37rem + 3.76vw, 5.75rem));
}
.routes-panel__wrapper--smol {
	width: 100%;
	max-width: 26.875rem;
	margin: 0 auto;
}

.routes-panel {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: clamp(1rem, 0.648rem + 1.5vw, 2rem);
	background-color: var(--color-bg-tertiary);
	border-radius: 1.5rem;
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
}

.routes-panel__search-results-short {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--color-text-primary);
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box_icon {
	width: 1.125rem;
	height: 1.125rem;
	color: var(--color-fg-tertiary);
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box_icon
	svg {
	width: 1.125rem;
	height: 1.125rem;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box_text {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	flex-wrap: wrap;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box_separator {
	width: 0.75rem;
	height: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_content-box_separator
	svg {
	width: 0.75rem;
	height: 0.75rem;
}
.routes-panel__search-results-short .routes-panel__search-results-short_button {
	cursor: pointer;
	border: none;
	padding: 0;
	color: var(--color-fg-brand-primary);
	width: 1.25rem;
	height: 1.25rem;
	background: transparent;
}
.routes-panel__search-results-short
	.routes-panel__search-results-short_button
	svg {
	width: 1.25rem;
	height: 1.25rem;
}

.routes-panel-tab__wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.routes-panel-tab__header {
	border-bottom: 1px solid var(--color-border-primary);
	display: flex;
	gap: 1rem;
}

.routes-panel-tab {
	padding-top: 0.1875rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-bottom: 0.8125rem;
	color: var(--color-text-placeholder);
	border-bottom: 2px solid transparent;
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
	cursor: pointer;
}
.routes-panel-tab:hover {
	color: var(--color-bg-brand-primary);
	border-bottom: 2px solid var(--color-bg-brand-primary);
}
.routes-panel-tab.js--active {
	color: var(--color-bg-brand-primary);
	border-bottom: 2px solid var(--color-bg-brand-primary);
}

[data-name="tab-content-item"] {
	display: none;
}
[data-name="tab-content-item"].js--active {
	display: block;
}

.journey-planner-form {
	width: 100%;
}

.journey-planner-form__inner {
	display: flex;
	align-items: end;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	row-gap: 1.75rem;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width: 991px) {
	.journey-planner-form__inner {
		flex-direction: column;
	}
}

.journey-planner-form__search-box {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	max-width: 61rem;
}
@media (max-width: 991px) {
	.journey-planner-form__search-box {
		flex-direction: column;
		gap: 1rem;
	}
}

.journey-planner-form__search-point {
	display: flex;
	align-items: end;
	gap: 0.5rem;
	width: 100%;
	max-width: 42.1875rem;
	position: relative;
}
.journey-planner-form__search-point .form-input_box {
	width: 100%;
}
@media (max-width: 991px) {
	.journey-planner-form__search-point {
		max-width: 100%;
	}
}
@media (max-width: 767px) {
	.journey-planner-form__search-point {
		flex-direction: column;
		gap: 1rem;
		padding-right: 3.75rem;
	}
}

.journey-planner-form__search-poin_button-revers {
	border: 1px solid transparent;
	cursor: pointer;
	padding: 0;
	color: var(--color-fg-tertiary);
	margin-bottom: 0.8125rem;
	background-color: transparent;
}
@media (max-width: 767px) {
	.journey-planner-form__search-poin_button-revers {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		color: var(--color-fg-primary);
		padding: 0.9375rem;
		border-radius: 9999px;
		background: var(--color-bg-primary);
	}
	.journey-planner-form__search-poin_button-revers svg {
		transform: rotate(90deg);
	}
}

.journey-planner-form__search-date {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	max-width: 18.5rem;
}
.journey-planner-form__search-date .form-input_box {
	width: 50%;
}
.journey-planner-form__search-date .form-input_box input {
	font-family: var(--font-family);
}
@media (max-width: 991px) {
	.journey-planner-form__search-date {
		max-width: 100%;
	}
}

.journey-planner-form__search-button-wrapper {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
@media (max-width: 991px) {
	.journey-planner-form__search-button-wrapper {
		width: 100%;
		max-width: 100%;
		flex-direction: row-reverse;
	}
	.journey-planner-form__search-button-wrapper .button.button--primary {
		width: 100%;
	}
}

.school-routes-form {
	width: 100%;
}

.school-routes-form__inner {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.routes-form__radio-grop {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-wrap: wrap;
	width: 100%;
	max-width: 66.8125rem;
}

.school-routes-form__radio-button_wrapper {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1.5rem;
}
.school-routes-form__radio-button_wrapper .button.button--primary {
	min-width: -moz-max-content;
	min-width: max-content;
}
@media (max-width: 991px) {
	.school-routes-form__radio-button_wrapper {
		flex-direction: column;
	}
	.school-routes-form__radio-button_wrapper .button.button--primary {
		min-width: 100%;
	}
}

.city-routes-form {
	width: 100%;
}

.city-routes-form__inner {
	display: flex;
	align-items: end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.city-routes-form__search-wrapper {
	display: flex;
	gap: 1rem;
	width: 100%;
	max-width: 67.3125rem;
}
@media (max-width: 991px) {
	.city-routes-form__search-wrapper {
		flex-direction: column;
	}
}

.city-routes-form__search-box {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.city-routes-form__radio-grop {
	display: flex;
	gap: 0.25rem;
	flex-wrap: wrap;
}

.news-ticker__wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	height: 2.25rem;
	position: relative;
	overflow: hidden;
}

.news-ticker__track {
	display: flex;
	gap: 1.625rem;
	animation: ticker-scroll 30s linear infinite;
}
.news-ticker__track.reverse {
	animation: ticker-scroll-reverse 10s linear infinite;
}
.news-ticker__track.fast {
	animation-duration: 10s;
}
.news-ticker__track:hover,
.news-ticker__track.paused {
	animation-play-state: paused;
}

.news-ticker__track {
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

.news-ticker__button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	background-color: var(--color-bg-brand-primary);
	color: var(--color-text-primary-on-brand);
	border-radius: 0.5rem 0 0 0.5rem;
	padding: 2px 12px;
}

.news-ticker-button--prev,
.news-ticker-button--next {
	touch-action: manipulation;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.news-ticker__buttons-controls_wrapper {
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	border-left: 1px solid var(--color-border-primary);
	background-color: var(--color-bg-tertiary);
}

.news-ticker__buttons-control {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border: none;
	background: transparent;
	height: 100%;
	width: 50%;
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.news-ticker__buttons-control:hover {
	background-color: var(--color-bg-primary_hover);
}

.news-ticker__list {
	display: flex;
	align-items: center;
	gap: 1.625rem;
}

.news-ticker__list-item_link {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--color-text-secondary);
	white-space: nowrap;
}
.news-ticker__list-item_link:hover {
	text-decoration: underline;
}

.news-ticker__list-item_icon {
	width: 1.25rem;
	height: 1.25rem;
}

@keyframes ticker-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	} /* -50% потому что у нас два списка */
}
@keyframes ticker-scroll-reverse {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}
.divider {
	background-color: var(--color-border-secondary);
}
.divider--horizon {
	width: 100%;
	height: 1px;
	min-height: 1px;
	margin: 2rem 0;
}
.divider--margin-s {
	margin: 1rem 0;
}
.divider--vertical {
	height: auto;
	min-height: 100%;
	width: 1px;
	min-width: 1px;
	margin: 0 2rem;
}
@media (max-width: 991px) {
	.divider--vertical {
		width: 100%;
		height: 1px;
		min-height: 1px;
		margin: 1rem 0;
	}
}

.section-hero.section-hero--main-page {
	padding-top: clamp(6rem, 5.296rem + 3vw, 8rem);
	padding-bottom: 10.5rem;
}
.section-hero.section-hero--bg-secondary {
	background-color: var(--color-bg-secondary);
	color: var(--color-text-primary-on-brand);
}
.section-hero.section-hero--overflow-hidden {
	overflow: hidden;
}
.section-hero.section-hero--secondary {
	padding-top: clamp(1.25rem, 0.898rem + 1.5vw, 2.25rem);
	padding-bottom: clamp(4rem, 2.592rem + 6.01vw, 8rem);
}
.section-hero.section-hero--no-overflow {
	padding-block: clamp(1.25rem, 0.898rem + 1.5vw, 2.25rem);
}
.section-hero.section-hero--with-button {
	padding-top: 2.25rem;
	padding-bottom: clamp(5rem, 4.648rem + 1.5vw, 6rem);
}

.hero-secondary__text-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: clamp(0.25rem, -0.014rem + 1.13vw, 1rem);
}
@media (max-width: 991px) {
	.hero-secondary__text-wrapper {
		flex-direction: column;
	}
}
.hero-secondary__text-wrapper .hero-secondary__text-box {
	width: 100%;
	max-width: 40.5rem;
}
.section-hero-bus-bg {
	position: absolute;
	top: calc(-1 * clamp(12.688rem, 8.836rem + 16.43vw, 23.625rem));
	right: calc(-1 * clamp(13.063rem, 6.989rem + 25.92vw, 30.313rem));
	width: clamp(22.938rem, 7.423rem + 66.2vw, 67rem);
	height: clamp(10.563rem, 3.718rem + 29.2vw, 30rem);
}

.hero__inner {
	align-items: flex-start;
}

.hero__inner.hero__inner--secondary {
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0.324rem + 0.75vw, 1rem);
}

.hero__inner-text-wrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: clamp(0.5rem, 0.324rem + 0.75vw, 1rem);
}
.hero__inner-text-wrapper--width-l {
	width: 100%;
	max-width: 55.1875rem;
}
.hero__inner-text-wrapper--width-xl {
	width: 100%;
	max-width: 65rem;
}
.breadcrumbs + .hero__inner-text-wrapper {
	margin-top: 0.5rem;
}
.hero__inner-button-wrapper {
	margin-top: 1rem;
}

.hero__inner-paragraph-wrapper {
	max-width: 51.5rem;

	&.hero__inner-paragraph-wrapper--sm {
		max-width: 38rem;
	}
}

.hero-secondary__text-box {
	width: 100%;
	max-width: 40.5rem;
}

.breadcrumbs {
	min-height: 17px;
}
.breadcrumbs .breadcrumbs__list {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}
.breadcrumbs .breadcrumbs__item {
	color: var(--color-text-disabled);
}
.breadcrumbs .breadcrumbs__item a {
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.breadcrumbs .breadcrumbs__item a:hover {
	color: var(--color-text-brand-primary-600);
}
.breadcrumbs .breadcrumbs__item.breadcrumbs__item--active {
	color: var(--color-text-brand-primary-600);
}

.section {
	padding: clamp(5rem, 4.648rem + 1.5vw, 6rem) 0;
}
.section.section--pading-top-none {
	padding-top: 0;
}
.section.section--pading-bottom-none {
	padding-bottom: 0;
}
.section.section--none-padding {
	padding: 0;
}

.section--position-relative {
	position: relative;
}

.section--overflow-hidden {
	overflow: hidden;
}

.section.section--bg-secondary {
	background-color: var(--color-bg-secondary);
	color: var(--color-text-primary-on-brand);
}

.section.section--bg-tertiary {
	background-color: var(--color-bg-tertiary);
}

.section__inner {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 1.648rem + 1.5vw, 3rem);
}

.section__header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.section__header--width-smol {
	max-width: 34.5rem;
	margin: 0 auto;
}

.section__text-wrapper {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;

	& *:last-child {
		margin-bottom: 0;
	}
}
.section__text-wrapper .paragraph {
	margin-bottom: 0.8em;
	&:last-child {
		margin-bottom: 0;
	}
}
.section__text-wrapper ul {
	margin-inline-start: 1.25em;
	list-style-type: disc;
	display: flex;
	flex-direction: column;

	.paragraph {
		margin-bottom: 0.25em;
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.section__button-wrraper {
	margin-top: clamp(2rem, 1.648rem + 1.5vw, 3rem);
	display: flex;
	gap: 0.5rem;
}
.section__button-wrraper--margin-top-m {
	margin-top: 2rem;
}
.section__button-wrraper--center {
	justify-content: center;
}

.status-screen {
	padding: clamp(5rem, 4.648rem + 1.5vw, 6rem) 1rem;
	position: relative;
	background: var(--color-bg-tertiary);
	margin-top: calc(-1 * clamp(3.25rem, 2.37rem + 3.76vw, 5.75rem));
	border-radius: 1.5rem;
	overflow: hidden;
}
.status-screen--failed {
	color: var(--color-text-disabled);
}
.status-screen--failed .status-screen__bg {
	color: var(--color-text-disabled);
}
.status-screen--failed .status-screen__icon-wrapper {
	color: var(--color-text-disabled);
}
.status-screen--failed .status-screen__content-text .heading {
	color: var(--color-text-disabled);
}
.status-screen--dark {
	margin-top: 0;
	background: var(--color-bg-secondary);
	color: var(--color-text-primary-on-brand);
}
.status-screen--dark .status-screen__inner {
	max-width: clamp(21.438rem, 10.59rem + 46.01vw, 56.25rem);
	gap: clamp(2.5rem, 1.972rem + 2.25vw, 4rem);
}
@media (max-width: 767px) {
	.status-screen--dark .status-screen__inner {
		row-gap: 1.75rem;
	}
}
.status-screen--dark .status-screen__content-text .heading {
	color: var(--color-text-primary-on-brand);
}
.status-screen--dark .status-screen__content-text .paragraph {
	color: var(--color-text-primary-on-brand);
}

.status-screen__bg {
	position: absolute;
}
.status-screen__bg--1 {
	top: 0;
	left: 0;
	bottom: auto;
	color: var(--color-fg-brand-primary);
}
.status-screen__bg--1 svg {
	width: clamp(4.25rem, -0.107rem + 18.59vw, 16.625rem);
	height: clamp(8.813rem, 1.264rem + 32.21vw, 30.25rem);
}
.status-screen__bg--2 {
	top: 0;
	right: 0;
	color: #fdc61b;
}
.status-screen__bg--2 svg {
	width: clamp(7.438rem, 2.178rem + 22.44vw, 22.375rem);
	height: clamp(5.688rem, 3.421rem + 9.67vw, 12.125rem);
}
.status-screen__bg--3 {
	right: 0;
	bottom: 0;
	color: #34b0dc;
}
.status-screen__bg--3 svg {
	width: clamp(5.25rem, 3.555rem + 7.23vw, 10.063rem);
	height: clamp(5.875rem, 4.819rem + 4.51vw, 8.875rem);
}

.status-screen__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 2.25rem;
	max-width: clamp(15.438rem, 10.662rem + 20.38vw, 29rem);
	margin: 0 auto;
}

.status-screen__icon-wrapper {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-fg-brand-primary);
	margin-bottom: 2rem;
}
.status-screen__icon-wrapper svg {
	width: 1.5rem;
	height: 1.5rem;
}

.status-screen__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.status-screen__content-text {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	text-align: center;
	width: 100%;
}
.status-screen__content-text .heading {
	color: var(--color-text-brand-primary-600);
}

.status-screen__content-text-wrapper {
	max-width: 30rem;
	margin: 0 auto;
}

.status-screen__button-wrapper {
	display: flex;
	gap: 0.5rem;
}
.status-screen__button-wrapper--column {
	width: 100%;
	flex-direction: column;
}

.status-screen__stats {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
@media (max-width: 767px) {
	.status-screen__stats {
		flex-direction: column;
	}
}

.status-screen__stats-item {
	max-width: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.5rem;
	padding: 0 clamp(0.75rem, 0.31rem + 1.88vw, 2rem);
}
.status-screen__stats-item:not(:first-child) {
	border-left: 1px solid var(--color-alpha-white-20);
}
.status-screen__stats-item .heading {
	color: var(--color-text-primary-on-brand);
}
.status-screen__stats-item .paragraph {
	color: var(--color-text-primary-on-brand);
}
@media (max-width: 767px) {
	.status-screen__stats-item {
		padding: 1rem 0;
	}
	.status-screen__stats-item:not(:first-child) {
		border-left: none;
		border-top: 1px solid var(--color-alpha-white-20);
	}
}

.top-up-card__report-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1rem;
	background: var(--color-bg-primary);
	height: 24.75rem;
	position: relative;
}
.top-up-card__report-wrapper .top-up-card__report-button_wrapper {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.top-up-card__report-wrapper .top-up-card__report-image {
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	max-height: 18.6875rem;
}

.top-up-card__box-preview_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1.5rem;
	height: 100%;
}
.top-up-card__box-preview_wrapper--content-bottom {
	justify-content: flex-end;
}
@media (max-width: 991px) {
	.top-up-card__box-preview_wrapper {
		align-items: flex-start;
	}
}

.top-up-card__box-preview_button-wrapper {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.top-up-card__box-preview_image-wrapper {
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	width: 326px;
	height: 134px;
}

.top-up-card__box-preview-info-box_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1rem 1rem 0.75rem;
	background-color: var(--color-bg-primary);
}

.top-up-card__box-preview-info-box_text {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.image-cover {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.image-contain {
	-o-object-fit: contain;
	object-fit: contain;
	height: 100%;
	width: 100%;
}

.subheading {
	padding: 0.15rem 0.75rem 0.3rem;
	border: 1px solid var(--transparent);
	border-radius: 9999px;
	margin-bottom: 1rem;
	display: inline-block;
}
.subheading--no-margin-bottom {
	margin-bottom: 0;
}
.subheading.subheading--secondary {
	color: var(--color-text-placeholder);
	border-color: var(--color-border-primary);
}
.subheading.subheading--light {
	color: var(--color-text-primary-on-brand);
	border-color: var(--color-border-primary);
}

.text-block {
	display: block;
}

.heading {
	font-family: var(--font-family);
	font-weight: 400;
	line-height: 125%;
	letter-spacing: -0.02em;
}
.heading.heading--italic {
	font-style: italic;
}

.heading.heading--2xl {
	font-size: clamp(2.5rem, 1.796rem + 3vw, 4.5rem);
	line-height: 90%;
}
.heading.heading--2xl.heading--2xl-medium {
	line-height: 110%;
	font-weight: 500;
}
.heading.heading--2xl.heading--2xl-semibold {
	line-height: 125%;
	font-weight: 600;
}
.heading.heading--2xl.heading--2xl-bold {
	line-height: 125%;
	font-weight: 700;
}

.heading.heading--xl {
	font-size: 3.75rem;
	line-height: 120%;
}
.heading.heading--xl.heading--xl-medium {
	line-height: 110%;
	font-weight: 500;
}
.heading.heading--xl.heading--xl-semibold {
	line-height: 110%;
	font-weight: 600;
}
.heading.heading--xl.heading--xl-bold {
	line-height: 120%;
	font-weight: 700;
}

.heading.heading--lg {
	font-weight: 400;
	font-size: clamp(1.75rem, 1.31rem + 1.88vw, 3rem);
	line-height: 125%;
}
.heading.heading--lg.heading--lg--medium {
	line-height: 120%;
	font-weight: 500;
}
.heading.heading--lg.heading--lg--semibold {
	line-height: 125%;
	font-weight: 600;
}
.heading.heading--lg.heading--lg--bold {
	line-height: 125%;
	font-weight: 700;
}

.heading.heading--md {
	font-weight: 400;
	font-size: clamp(1.25rem, 1.03rem + 0.94vw, 1.875rem);
	line-height: 122%;
}
.heading.heading--md.heading--md--medium {
	font-weight: 500;
}
.heading.heading--md.heading--md--semibold {
	font-weight: 600;
}
.heading.heading--md.heading--md--bold {
	font-weight: 700;
}

.heading.heading--sm {
	font-weight: 400;
	font-size: clamp(1.25rem, 1.098rem + 0.65vw, 1.875rem);
	line-height: 127%;
}
.heading.heading--sm.heading--sm--medium {
	font-weight: 500;
}
.heading.heading--sm.heading--sm--semibold {
	font-weight: 600;
}
.heading.heading--sm.heading--sm--bold {
	font-weight: 700;
}

.heading.heading--xs {
	font-weight: 400;
	font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
	line-height: 127%;
}
.heading.heading--xs.heading--xs--medium {
	font-weight: 500;
}
.heading.heading--xs.heading--xs--semibold {
	font-weight: 600;
}
.heading.heading--xs.heading--xs--bold {
	font-weight: 700;
}

.section__two-columns_content--motion-bus-card {
	max-width: 32rem;
	width: 100%;
}

.paragraph.paragraph--italic {
	font-style: italic;
}
.paragraph.paragraph--underlined {
	text-decoration: underline;
}

.paragraph--xl {
	font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
	font-weight: 400;
	line-height: 127%;
}
.paragraph--xl.paragraph--xl-medium {
	font-weight: 500;
	line-height: 150%;
}
.paragraph--xl.paragraph--xl-semibold {
	font-weight: 600;
	line-height: 120%;
}
.paragraph--xl.paragraph--xl-bold {
	font-weight: 700;
	line-height: 150%;
}

.paragraph--lg {
	font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
	font-weight: 400;
	line-height: 156%;
}
.paragraph--lg.paragraph--lg-medium {
	font-weight: 500;
}
.paragraph--lg.paragraph--lg-semibold {
	font-weight: 600;
}
.paragraph--lg.paragraph--lg-bold {
	font-weight: 700;
}

.paragraph--md {
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	font-weight: 400;
	line-height: 120%;
}
.paragraph--md.paragraph--md-medium {
	font-weight: 500;
}
.paragraph--md.paragraph--md-semibold {
	font-weight: 600;
	line-height: 125%;
}
.paragraph--md.paragraph--md-bold {
	font-weight: 700;
	line-height: 150%;
}

.paragraph--sm {
	font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
	font-weight: 400;
	line-height: 143%;
}
.paragraph--sm.paragraph--sm-medium {
	font-weight: 500;
	line-height: 120%;
}
.paragraph--sm.paragraph--sm-semibold {
	font-weight: 600;
}
.paragraph--sm.paragraph--sm-bold {
	font-weight: 700;
}

.paragraph--xs {
	font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
	font-weight: 400;
	line-height: 150%;
}
.paragraph--xs.paragraph--xs-medium {
	font-weight: 500;
}
.paragraph--xs.paragraph--xs-semibold {
	font-weight: 600;
}
.paragraph--xs.paragraph--xs-bold {
	font-weight: 700;
}

.button {
	font-family: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	border-radius: 0.375rem;
	padding: 0.875rem 0.9375rem;
	border-radius: 0.5rem;
	color: var(--transparent);
	background-color: var(--transparent);
	cursor: pointer;
	transition: 0.3s ease-in-out all;
	border: 1px solid var(--transparent);
	text-decoration: none;
	white-space: nowrap;
}
.button--sm {
	padding: 0.625rem 0.75rem;
}
.button--padding-block-smol {
	padding-block: 0.625rem;
}
.button svg {
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
}
@media (max-width: 767px) {
	.button.button--hiden-mobile-l {
		display: none;
	}
}
.button.button--primary {
	color: var(--color-text-primary-on-brand);
	background-color: var(--color-bg-brand-primary);
	border-color: var(--color-bg-brand-primary);
}
.button.button--primary:hover {
	background-color: #c95705;
	border-color: #c95705;
}
.button.button--primary:focus {
	background-color: #ee7203;
	border-color: #ee7203;
}
.button.button--primary[disabled] {
	color: var(--color-fg-disabled);
	background-color: var(--color-bg-disabled);
	border: 1px solid #e9eaeb;
	pointer-events: none;
}
.button.button--secondary {
	color: var(--color-text-secondary);
	background-color: var(--color-bg-primary);
	border-color: var(--color-border-secondary);
}
.button.button--secondary:hover {
	background-color: #fafafa;
	border-color: #d5d7da;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0196078431),
		inset 0 -2px 0 0 rgba(10, 13, 18, 0.0196078431);
}
.button.button--secondary:focus-visible {
	outline: 1px solid #ff900d;
	outline-offset: 2px;
	color: #414651;
}
.button.button--secondary[disabled] {
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0196078431);
	color: var(--color-fg-disabled);
	border: 1px solid #e9eaeb;
	pointer-events: none;
}
.button.button--secondary.button--transparent {
	background-color: transparent;
}
.button.button--secondary-light {
	color: var(--color-text-primary-on-brand);
	border-color: var(--color-border-secondary);
}
.button.button--secondary-light:hover {
	background-color: #fafafa;
	border-color: #d5d7da;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0196078431),
		inset 0 -2px 0 0 rgba(10, 13, 18, 0.0196078431);
	color: #00305f;
}
.button.button--secondary-light:focus-visible {
	outline: 1px solid #ff900d;
	outline-offset: 2px;
	color: #414651;
}
.button.button--secondary-light[disabled] {
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0196078431);
	color: var(--color-fg-disabled);
	border: 1px solid #e9eaeb;
	pointer-events: none;
}
.button.button--secondary-transparent {
	background-color: transparent;
}

.button-link {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: --color-text-primary;
	border-radius: 0.25rem;
	transition: all 0.3s ease-out;
}
.button-link svg {
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
}
.button-link:focus-visible {
	outline: 1px solid #ff900d;
	outline-offset: 2px;
	color: --color-text-primary;
}
.button-link[disabled] {
	color: var(--color-text-disabled);
	pointer-events: none;
}

.button-circle {
	border: 1px solid var(--color-border-primary);
	border-radius: 9999px;
	padding: 16px;
	width: 3.25rem;
	height: 3.25rem;
	min-width: 3.25rem;
	background: var(--color-bg-primary);
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.button-circle svg {
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
}
.button-circle:hover {
	border-color: var(--color-border-secondary);
	color: var(--color-fg-brand-primary);
	background-color: #fafafa;
}
.button-circle .button-circle__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	min-height: 1.25rem;
}
.button-circle[disabled] {
	color: var(--color-text-disabled);
	pointer-events: none;
}

.alert {
	width: 100%;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 0.75rem;
	background-color: var(--color-bg-primary);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.alert__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.25rem;
	min-width: 1.25rem;
	height: 1.25rem;
	color: var(--color-fg-warning-primary);
}
.alert__icon svg {
	width: 1.25rem;
	height: 1.25rem;
}
.alert__text-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	width: 100%;
}
.alert__buttun-close {
	cursor: pointer;
	width: 1.25rem;
	min-width: 1.25rem;
	height: 1.25rem;
	color: var(--color-fg-tertiary);
	transition: transform 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.alert__buttun-close svg {
	width: 1.25rem;
	height: 1.25rem;
}
.alert__buttun-close:hover {
	transform: rotate(180deg);
}

.blog-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;

	@media (max-width: 991px) {
		grid-template-columns: repeat(2, 1fr);
	}
	@media (max-width: 767px) {
		grid-template-columns: repeat(1, 1fr);
		gap: 0.25rem;
	}
}

.blog-card-grid-horizontal {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem;

	@media (max-width: 767px) {
		grid-template-columns: repeat(1, 1fr);
		gap: 0.25rem;
	}
}

.feature-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem 0.5rem;
}
@media (max-width: 991px) {
	.feature-card-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.feature-card-grid {
		grid-template-columns: 1fr;
		row-gap: 2rem;
	}
}
.feature-card {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding-left: 1.5rem;
	border-left: 2px solid var(--color-bg-brand-primary);
}
.feature-card .partners-section-contact__list-item_icon-wrapper {
	width: 3rem;
	height: 3rem;
}
.feature-card__number {
	color: var(--color-fg-4);
}
.feature-card__text {
	color: var(--color-text-primary);
	max-width: 70%;
}

.blog-card {
	border-radius: 1.5rem;
	overflow: hidden;
	background-color: var(--color-bg-primary);
	border: 1px solid var(--color-border-secondary);
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.blog-card:hover {
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
}
.blog-card:hover .blog-card__heading-wrapper {
	color: var(--color-text-brand-primary-600);
	transition: all 0.3s ease-in-out;
}
.blog-card:hover .blog-card__image-wrapper img {
	transform: scale(1.1);
}
.blog-card.blog-card--hover-none-shadow:hover {
	box-shadow: none;
}
.blog-card__image-wrapper {
	position: relative;
	height: 15rem;
	overflow: hidden;
	&.blog-card__image-wrapper--sm {
		height: 8rem;
	}

	& .blog-card__icon-wrapper {
		position: absolute;
		top: 1.5rem;
		left: 1.5rem;
		width: 68px;
		height: 68px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--color-bg-tertiary);
		border-radius: 100vmax;
		color: var(--color-text-brand-primary-600);
	}
}

.blog-card__image-wrapper img {
	transition: transform 0.4s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.blog-card__content {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);
}
.blog-card__content.blog-card__content--smol-card {
	gap: 0.75rem;
}
.blog-card__content-top {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.blog-card__heading-text_wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.blog-card__heading-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	color: var(--color-text-primary);
}
.blog-card__tetx-wrapper {
	height: clamp(2.375rem, 1.957rem + 1.78vw, 3.563rem);
}
.blog-card__tetx-wrapper .paragraph {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 767px) {
	.blog-card__tetx-wrapper {
		-webkit-line-clamp: 2;
	}
}
.blog-card__heading-icon {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	margin-top: 0.25rem;
}
.blog-card__author-info {
	display: flex;
	gap: 0.5rem;
}
.blog-card__author-info_photo-wrapper {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	border-radius: 9999px;
	border: 0.75px solid rgba(0, 0, 0, 0.08);
}

.blog-card-horizontal {
	border-radius: 1.5rem;
	overflow: hidden;
	background-color: var(--color-bg-primary);
	border: 1px solid var(--color-border-secondary);
	display: inline-flex;
	transition: all 0.3s ease-in-out;
	@media (max-width: 479px) {
		display: inline-block;
	}
}
.blog-card-horizontal:hover {
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
}
.blog-card-horizontal:hover .blog-card-horizontal__heading-wrapper {
	color: var(--color-text-brand-primary-600);
	transition: all 0.3s ease-in-out;
}
.blog-card-horizontal:hover .blog-card-horizontal__image-wrapper img {
	transform: scale(1.1);
}
.blog-card-horizontal.blog-card-horizontal--hover-none-shadow:hover {
	box-shadow: none;
}
.blog-card-horizontal__image-wrapper {
	width: 50%;
	position: relative;
	aspect-ratio: 322/240;
	overflow: hidden;
	@media (max-width: 479px) {
		width: 100%;
		aspect-ratio: 2/1;
	}
}
.blog-card-horizontal__image-wrapper.blog-card-horizontal__image-wrapper--sm {
	height: 8rem;
}
.blog-card-horizontal__image-wrapper .blog-card-horizontal__icon-wrapper {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	width: 68px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-bg-tertiary);
	border-radius: 100vmax;
	color: var(--color-text-brand-primary-600);
}
.blog-card-horizontal__image-wrapper img {
	transition: transform 0.4s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.blog-card-horizontal__content {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);
	@media (max-width: 479px) {
		width: 100%;
	}
}
.blog-card-horizontal__content.blog-card-horizontal__content--smol-card {
	gap: 0.75rem;
}
.blog-card-horizontal__content-top {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	height: 100%;
}
.blog-card-horizontal__heading-text_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.5rem;
	flex-grow: 1;
}
.blog-card-horizontal__heading-wrapper {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	color: var(--color-text-primary);
}
.blog-card-horizontal__tetx-wrapper {
	height: clamp(2.375rem, 1.957rem + 1.78vw, 3.563rem);
}
.blog-card-horizontal__tetx-wrapper .paragraph {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 767px) {
	.blog-card-horizontal__tetx-wrapper {
		height: auto;
	}
	.blog-card-horizontal__tetx-wrapper .paragraph {
		-webkit-line-clamp: 2;
	}
}
.blog-card-horizontal__heading-icon {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	margin-top: 0.25rem;
}
.blog-card-horizontal__author-info {
	display: flex;
	gap: 0.5rem;
}
.blog-card-horizontal__author-info_photo-wrapper {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	border-radius: 9999px;
	border: 0.75px solid rgba(0, 0, 0, 0.08);
}

.cta-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
	border-radius: 1.5rem;
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
}
.cta-banner__content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-width: 48rem;
}
.cta-banner__buttons-wrapper {
	display: flex;
	gap: 0.5rem;
}
.cta-banner--border {
	border: 1px solid var(--color-border-secondary);
}
.cta-banner.cta-banner--light {
	background-color: var(--color-bg-primary);
	color: var(--color-text-primary);
}
.cta-banner.cta-banner--dark {
	background-color: var(--color-bg-secondary);
	color: var(--color-text-primary-on-brand);
}
@media (max-width: 991px) {
	.cta-banner {
		flex-direction: column;
	}
}
@media (max-width: 767px) {
	.cta-banner {
		flex-direction: column;
	}
	.cta-banner__content-wrapper {
		max-width: 100%;
		width: 100%;
	}
	.cta-banner__buttons-wrapper {
		flex-direction: column;
		width: 100%;
	}
	.cta-banner__buttons-wrapper.cta-banner__buttons-wrapper--none-column {
		flex-direction: row;
		justify-content: center;
	}
}

[data-name="dropdown"] {
	display: grid;
	transition: grid 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	grid-template-rows: max-content 0fr;
}
[data-name="dropdown"].js--active {
	grid-template-rows: max-content 1fr;
}
[data-name="dropdown"] [data-name="dropdown-intro"] {
	cursor: pointer;
}
[data-name="dropdown"] [data-name="dropdown-arrow"] {
	transition: all 0.5s ease-in-out;
}
[data-name="dropdown"] [data-name="dropdown-content"] {
	overflow: hidden;
}
[data-name="dropdown"].js--active [data-name="dropdown-arrow"] {
	transform: rotate(180deg);
}

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	cursor: pointer;
}

input[type="time"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* Firefox */
input[type="date"],
input[type="time"],
input[type="datetime-local"] {
	-moz-appearance: textfield;
}

/*IE/Edge*/
input[type="date"]::-ms-clear,
input[type="time"]::-ms-clear {
	display: none;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	height: 1.25rem;
	width: 1.25rem;
	background-image: url("../images/svg/x.svg");
	background-size: 1.25rem 1.25rem;
	cursor: pointer;
}

.form-input_box-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.form-input_box-and-button {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}
.form-input_box-and-button .form-input_box {
	width: 100%;
}

.form-input_box {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.label__wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 0.375rem;
}
.label__wrapper.label__wrapper--lg {
	margin-bottom: 0.5rem;
}
.label__wrapper .label {
	color: var(--color-text-secondary);
}
.label__wrapper .label .label__asterisk {
	color: var(--color-text-brand-primary-600);
}

.form-input__hit-text {
	margin-top: 0.375rem;
	color: var(--color-text-placeholder);
}
.form-input__hit-text label.error {
	color: var(--color-fg-error-primary);
}

.input__wrapper {
	position: relative;
}
.input__wrapper.input-padding__right input {
	padding-right: 2.375rem;
}
.input__wrapper.input-padding__left input {
	padding-left: 2.5rem;
}
.input__wrapper .input__icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	height: -moz-max-content;
	height: max-content;
	pointer-events: none;
}
.input__wrapper .input__icon svg {
	width: 1rem;
	height: 1rem;
}
.input__wrapper .input__icon.input__icon--left {
	left: 0.875rem;
}
.input__wrapper .input__icon.input__icon--right {
	right: 0.875rem;
}

.input,
.textarea {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	line-height: 120%;
	color: var(--color-text-gold);
	padding: 1rem 0.875rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	width: 100%;
	background: var(--color-bg-primary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.input[disabled],
.textarea[disabled] {
	background-color: var(--color-bg-disabled);
	pointer-events: none;
	color: var(--color-text-disabled);
}
.input.error,
.textarea.error {
	border-color: var(--color-fg-error-primary);
}

.input:focus,
.textarea:focus {
	border-color: var(--color-border-brand);
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
	color: var(--color-text-placeholder);
}

.input::placeholder,
.textarea::placeholder {
	color: var(--color-text-placeholder);
}

.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
	color: var(--color-text-disabled);
}

.input[disabled]::placeholder,
.textarea[disabled]::placeholder {
	color: var(--color-text-disabled);
}

.textarea {
	resize: none;
}

.file-upload {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}
.file-upload__input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.file-upload__label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	background: var(--color-bg-primary);
	position: relative;
}
.file-upload__inner {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	align-items: center;
}
.file-upload__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e9eaeb;
	border-radius: 0.5rem;
	width: 2.5rem;
	height: 2.5rem;
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
	background: var(--color-bg-primary);
	color: var(--color-fg-secondary);
}
.file-upload__icon svg {
	width: 1.25rem;
	height: 1.25rem;
}
.file-upload__content {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	text-align: center;
	color: #535862;
}
.file-upload__content-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
}
.file-upload__click-upload {
	color: #c95705;
}
.file-upload__loaded-inner {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}
.file-upload__loaded-icon_file {
	color: var(--color-fg-disabled);
	width: 1.25rem;
	height: 1.25rem;
}
.file-upload__loaded-icon_file svg {
	width: 1.25rem;
	height: 1.25rem;
}
.file-upload__loaded-content {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
}
.file-upload__loaded-content_info {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 1rem;
}
.file-upload__loaded-content_text {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.file-upload__loaded-content_text .paragraph {
	word-break: break-all;
}
.file-upload__loaded_progress-wrapper {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
}
.file-upload__loaded_progress {
	width: 100%;
	border-radius: 9999px;
	height: 0.5rem;
	overflow: hidden;
}
.file-upload__loaded_progress-bar {
	border-radius: 9999px;
	height: 100%;
	width: 0;
	background: var(--color-fg-brand-primary);
}
.file-upload__loaded_progres-number {
	min-width: 2.25rem;
}
.file-upload [data-role="input-loaded-box"] {
	display: none;
}
.file-upload [data-role="input-loaded-box"].js--active {
	display: block;
}
.file-upload
	[data-role="input-loaded-box"].js--active
	.file-upload__loaded_progress-bar {
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.file-upload [data-role="input-loaded-file-checkbox"].js--active {
	background-color: var(--color-bg-brand-primary);
}
.file-upload
	[data-role="input-loaded-file-checkbox"].js--active
	.radio-label__check-mark {
	opacity: 1;
}

select[data-value=""] + .nice-select .current {
	color: var(--color-text-placeholder);
}

.nice-select {
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	padding-left: 0.875rem;
	padding-right: 2.625rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	height: auto;
	background: var(--color-bg-primary);
	width: 100%;
}
.nice-select.open {
	border-color: var(--color-border-brand);
}
.nice-select.open::before {
	content: "";
	transform: translateY(-50%) rotate(180deg);
}
.nice-select.hidden-select {
	display: none;
}
.nice-select:after {
	content: none;
}
.nice-select::before {
	content: "";
	background-image: url("../images/svg/chevron-down.svg");
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.nice-select .current {
	display: flex;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	line-height: 120%;
	color: var(--color-text-primary);
}
.nice-select .nice-select-dropdown {
	z-index: 2;
	right: 0;
	max-height: 20rem;
	scrollbar-color: var(--color-alpha-black-20) transparent;
}
.nice-select:active,
.nice-select:focus {
	border-color: var(--color-border-primary);
}
.nice-select .list {
	padding-left: 0.375rem;
	padding-right: 0.375rem;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
}
.nice-select .option {
	display: flex;
	border-radius: 6px;
	padding: 0.625rem 2rem 0.625rem 0.625rem;
	font-weight: 500;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	line-height: 120%;
	color: var(--color-text-primary);
	position: relative;
}
.nice-select .option.selected.disabled {
	display: none;
}
.nice-select .option::before {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	right: 0.625rem;
	background-image: url(../images/svg/check-select.svg);
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.nice-select .option.selected {
	background-color: var(--color-bg-tertiary);
}
.nice-select .option.selected::before {
	opacity: 1;
}
.nice-select .option:hover,
.nice-select .nice-select .option.focus,
.nice-select .nice-select .option.selected.focus {
	background-color: var(--color-bg-tertiary);
}
.nice-select .option.selected {
	font-weight: 500;
}
.nice-select .list li:first-child {
	display: block;
}

.form-radio_box {
	position: relative;
}
.form-radio_box--checkbox-wrapper {
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 1.25rem 1rem;
	background: var(--color-bg-primary);
}

.radio {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.radio-label {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.radio-label__check-wrapper {
	width: 1.25rem;
	min-width: 1.25rem;
	height: 1.25rem;
	border-radius: 9999px;
	border: 1px solid var(--color-border-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.radio-label__check-wrapper--bg-white {
	background: var(--color-white);
}
.radio-label__check-wrapper.checkbox {
	border-radius: 0.375rem;
}

.radio-label__check {
	border-radius: 9999px;
	width: 0.5rem;
	height: 0.5rem;
	background-color: var(--color-fg-4);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
	opacity: 0;
}

.radio-label__check-mark {
	opacity: 0;
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
	display: flex;
	align-items: center;
	justify-content: center;
}
.radio-label__check-mark svg {
	width: 0.875rem;
	height: 0.875rem;
}

.radio:checked + .radio-label .radio-label__check-wrapper {
	background-color: var(--color-bg-brand-primary);
}
.radio:checked + .radio-label .radio-label__check {
	opacity: 1;
}
.radio:checked + .radio-label .radio-label__check-mark {
	opacity: 1;
}

.radio-label {
	cursor: pointer;
}
.radio-label input {
	display: none;
}
.radio-label .radio-custom {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.375rem;
	background: var(--color-bg-primary);
	color: var(--color-text-secondary);
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.radio-label .radio-custom__current {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 0.5rem;
	border-radius: 9999px;
	border: 1px solid var(--color-border-primary);
	min-width: 1.875rem;
	background-color: var(--color-bg-primary);
	color: var(--color-text-secondary);
}
.radio-label input:checked + .radio-custom {
	background-color: var(--color-bg-brand-primary);
	border-color: var(--color-border-primary);
	color: var(--color-text-primary-on-brand);
}
.radio-label input:checked + .radio-custom .radio-custom__current {
	border-color: transparent;
}

.radio-label-card {
	display: flex;
	width: 100%;
	position: relative;
	cursor: pointer;
}
.radio-label-card [type="radio"] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.radio-label-card .input {
	display: block;
}
.radio-label-card .radio-custom-card {
	border: 1px solid var(--color-border-secondary);
	border-radius: 1.5rem;
	padding: 1.25rem;
	background: var(--color-bg-primary);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
	cursor: pointer;
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.radio-label-card .radio-custom-card .paragraph {
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.radio-label-card .radio-custom-card--gap-xl {
	gap: 2rem;
}
.radio-label-card .radio-custom-card__value-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.radio-label-card.card-travel .radio-custom-card {
	padding: 1rem;
	border-radius: 1.25rem;
}
.radio-label-card.card-travel input:checked + .radio-custom-card {
	border-color: var(--color-border-brand);
	box-shadow: inset 0 0 2px var(--color-border-brand);
}
.radio-label-card.card-travel input:checked + .radio-custom-card .paragraph {
	color: inherit;
}
.radio-label-card
	input:checked
	+ .radio-custom-card
	.radio-label__check-wrapper {
	background-color: var(--color-bg-brand-primary);
}
.radio-label-card input:checked + .radio-custom-card .radio-label__check {
	opacity: 1;
}
.radio-label-card input:checked + .radio-custom-card .radio-label__check-mark {
	opacity: 1;
}
.radio-label-card input:checked + .radio-custom-card .paragraph {
	color: var(--color-text-brand-primary-600);
}

.switch-container {
	display: flex;
	align-items: center;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.5rem;
	padding: 0.625rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5),
		inset 0 -2px 0 0 rgba(10, 13, 18, 0.05) inset 0 0 0 1px rgba(10, 13, 18, 0.18);
	background: var(--color-bg-primary);
}

.switch-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.switch-input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-slider {
	position: relative;
	display: inline-block;
	width: 2.5rem;
	height: 1.25rem;
	background-color: #e0e0e0;
	border-radius: 9999px;
	transition: all 0.3s ease;
}

.switch-slider::before {
	content: "";
	position: absolute;
	height: 1.125rem;
	width: 1.125rem;
	left: 1px;
	bottom: 1px;
	background-color: var(--color-bg-primary);
	border-radius: 50%;
	transition: transform 0.3s ease;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.switch-input:checked + .switch-slider {
	background-color: var(--color-bg-brand-primary);
}

.switch-input:checked + .switch-slider::before {
	transform: translateX(1.25rem);
}

.switch-input:focus-visible + .switch-slider {
	outline: 2px solid var(--color-bg-primary);
	outline-offset: 2px;
}

.switch-input:disabled + .switch-slider {
	opacity: 0.5;
	cursor: not-allowed;
}

.switch-input:disabled + .switch-slider + .paragraph {
	opacity: 0.5;
	cursor: not-allowed;
}

.tooltip {
	position: relative;
}
.tooltip__inner {
	position: absolute;
	bottom: 100%;
	padding-bottom: 0.75rem;
	max-width: 31.0625rem;
	width: -moz-max-content;
	width: max-content;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.3s all;
	opacity: 0;
	pointer-events: none;
}
@media (max-width: 480px) {
	.tooltip__inner {
		max-width: 20rem;
	}
}
.tooltip-description__inner {
	border-radius: 0.375rem;
	box-shadow: 0 9px 26px 6px rgba(0, 0, 0, 0.1);
	background: #fffdfa;
	padding: 1.375rem;
	max-width: 100%;
}
@media (max-width: 480px) {
	.tooltip-description__inner {
		padding: 1rem;
	}
}
.tooltip-description__content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
@media (max-width: 767px) {
	.tooltip-description__content {
		gap: 0.5rem;
	}
}
.tooltip-description__text {
	font-weight: 500;
	font-size: 1.125rem;
	color: var(--color-main);
}
.tooltip-description__text span {
	font-weight: 400;
	font-style: italic;
}
@media (max-width: 480px) {
	.tooltip-description__text {
		font-size: 0.875rem;
	}
}
.tooltip__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.tooltip__icon svg circle {
	transition: 0.3s all;
}

.tooltip:hover .tooltip__inner {
	opacity: 1;
	pointer-events: visible;
}
.tooltip:hover .tooltip__icon svg circle {
	fill: var(--color-main);
}

.social__list {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: 2.125rem;
}
@media (max-width: 767px) {
	.social__list {
		margin-bottom: 1.625rem;
	}
}

.metric-list {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	border-radius: 1.5rem;
	padding: clamp(2rem, 1.736rem + 1.13vw, 2.75rem)
		clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
	background: var(--color-bg-secondary);
}
@media (max-width: 767px) {
	.metric-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		-moz-column-gap: 12px;
		column-gap: 12px;
		row-gap: 20px;
	}
}

.metric-list__item {
	display: flex;
	flex-direction: column;
	border-left: 2px solid var(--color-border-brand);
	padding-left: 1.375rem;
	max-width: 18.75rem;
	width: 100%;
}
@media (max-width: 767px) {
	.metric-list__item {
		border-top: 2px solid var(--color-border-brand);
		border-left: none;
		padding-left: 0;
		padding-top: 1rem;
	}
}

.section__two-columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(2.25rem, 1.634rem + 2.63vw, 4rem);
}
@media (max-width: 991px) {
	.section__two-columns {
		flex-direction: column;
	}
	.section__two-columns_image-wrapper {
		order: 1;
	}
}

.section__two-columns_image-wrapper {
	border-radius: 1.25rem;
	width: 100%;
	max-width: clamp(21.438rem, 15.254rem + 26.38vw, 39rem);
	height: clamp(19.5rem, 13.338rem + 26.29vw, 37rem);
	overflow: hidden;
}
@media (max-width: 991px) {
	.section__two-columns_image-wrapper {
		max-width: 100%;
	}
}

.section__two-columns_content-wrapper {
	width: 100%;
	max-width: clamp(21.438rem, 15.254rem + 26.38vw, 39rem);
}
@media (max-width: 991px) {
	.section__two-columns_content-wrapper {
		max-width: 100%;
	}
}

.section__two-columns_content-buttons {
	margin-top: clamp(2rem, 1.648rem + 1.5vw, 3rem);
	display: flex;
	gap: 0.5rem;
	justify-content: flex-start;
}

.section__announcements-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.5rem;
}
@media (max-width: 991px) {
	.section__announcements-wrapper {
		display: flex;
		overflow: auto;
		padding-bottom: 1.375rem;
		margin-right: -1rem;
		margin-left: -1rem;
		padding-right: 1rem;
		padding-left: 1rem;
		/* WebKit */
	}
	.section__announcements-wrapper::-webkit-scrollbar {
		height: 0;
		background: transparent;
	}
	.section__announcements-wrapper::-webkit-scrollbar-thumb {
		background: transparent;
	}
	.section__announcements-wrapper {
		/* Firefox */
		scrollbar-color: transparent transparent;
		scrollbar-width: thin;
	}
	.section__announcements-wrapper .blog-card {
		width: 20.9375rem;
		min-width: 20.9375rem;
		max-width: 20.9375rem;
	}
}

.section__inner-pame-app {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.section__inner-pame-app {
		gap: 4.25rem;
	}
}

.section__pame-app_bg {
	position: absolute;
}
.section__pame-app_bg img {
	width: 100%;
	height: 100%;
}
.section__pame-app_bg.section__pame-app_bg-orange {
	width: clamp(23.125rem, -0.643rem + 101.41vw, 90.625rem);
	height: clamp(13.125rem, 4.058rem + 38.69vw, 38.875rem);
	right: 80%;
	top: 50%;
	transform: translateY(-50%);

	@media (max-width: 767px) {
		right: 90%;
	}
	@media (max-width: 479px) {
		right: calc(100% - 1rem);
	}
}
.section__pame-app_bg.section__pame-app_bg-yellow {
	width: clamp(22.938rem, 14.245rem + 37.09vw, 47.625rem);
	height: clamp(10.625rem, 6.664rem + 16.9vw, 21.875rem);
	right: calc(-1 * clamp(13.25rem, 8.585rem + 19.91vw, 26.5rem));
	top: clamp(-12rem, -8.605rem - 3.29vw, -11.563rem);
}
.section__pame-app_bg.section__pame-app_bg-orange-alive {
	width: clamp(23.125rem, -0.643rem + 101.41vw, 90.625rem);
	height: clamp(13.125rem, 4.058rem + 38.69vw, 38.875rem);
	left: calc(-1 * clamp(16.25rem, -6.087rem + 95.31vw, 79.688rem));
	bottom: 295px;
}
@media (max-width: 767px) {
	.section__pame-app_bg.section__pame-app_bg-orange-alive {
		bottom: 498px;
	}
}
@media (max-width: 479px) {
	.section__pame-app_bg.section__pame-app_bg-orange-alive {
		bottom: 505px;
		width: 390px;
		min-width: 390px;
		height: 170px;
		left: -266px;
	}
}
.section__pame-app_bg.section__pame-app_bg-blue {
	width: clamp(8.063rem, -29.129rem + 158.69vw, 113.688rem);
	min-width: clamp(8.063rem, -29.129rem + 158.69vw, 113.688rem);
	height: clamp(10.625rem, -2.513rem + 56.06vw, 47.938rem);
	bottom: -352px;
	right: calc(-1 * clamp(6.875rem, -28.138rem + 149.39vw, 106.313rem));
}
@media (max-width: 767px) {
	.section__pame-app_bg.section__pame-app_bg-blue {
		width: 760px;
		min-width: 780px;
		height: 420px;
		bottom: -170px;
		right: -708px;
	}
}

.section__header-pame-app {
	width: 100%;
	max-width: 29rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1.25rem;
}

.section__pame-app_image {
	width: 6.8125rem;
	height: 1.9375rem;
	margin-bottom: clamp(0.063rem, -0.708rem + 3.29vw, 2.25rem);
}

.section__header-pame-app_button-wrapper {
	padding-top: 1rem;
}

.section__pame-app-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.section__pame-app_mockup-wrapper {
	max-width: clamp(16.25rem, 15.062rem + 5.07vw, 19.625rem);
	width: 100%;
	height: clamp(33rem, 30.535rem + 10.52vw, 40rem);
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
	margin-bottom: calc(-1 * clamp(5.706rem, 4.954rem + 3.21vw, 7.844rem));
	z-index: -1;
}

.section__pame-app_mockup-image {
	width: 100%;
	height: 100%;
}

.section__pame-app_mockup-video_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	padding: 0.75rem 0.8rem;
}

.section__pame-app_mockup-video {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 1.2rem;
	background-color: #1e1e20;
}

.section__pame-app_button-app {
	height: clamp(3.125rem, 2.905rem + 0.94vw, 3.75rem);
}

.section__pame-app_button-qr {
	width: clamp(3.125rem, 2.905rem + 0.94vw, 3.75rem);
	height: clamp(3.125rem, 2.905rem + 0.94vw, 3.75rem);
	min-width: clamp(3.125rem, 2.905rem + 0.94vw, 3.75rem);
}
@media (max-width: 991px) {
	.section__pame-app_button-qr {
		display: none;
	}
}

.section__pame-app_cta-banner {
	width: 100%;
}
@media (max-width: 991px) {
	.section__pame-app_cta-banner {
		text-align: center;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.section__insights-slider_wrapper {
		margin-right: -1rem;
	}
}

.section__insights-slider_list {
	display: flex;
}
.section__insights-slider_list .section__insights-slider_list-item {
	display: flex;
	height: auto;
}

.section__insights-slider_buttons {
	margin-top: clamp(2rem, 1.648rem + 1.5vw, 3rem);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
}
@media (max-width: 767px) {
	.section__insights-slider_buttons {
		display: none;
	}
}

.section-routes-information {
	padding-top: clamp(1rem, 0.296rem + 3vw, 3rem);
	padding-bottom: clamp(1rem, -0.056rem + 4.51vw, 4rem);
}
.section-routes-information__inner {
	display: flex;
	gap: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
	justify-content: space-between;
}
@media (max-width: 991px) {
	.section-routes-information__inner {
		flex-direction: column;
	}
}
.section-routes-information__box-journey {
	max-height: 42.75rem;
	width: 100%;
	max-width: 20.375rem;
	overflow-y: auto;
	scrollbar-color: #eaecf0 transparent;
	scrollbar-width: thin;
}
.section-routes-information__box-journey.section-routes-information__box-journey--school {
	max-width: 28.5rem;
}
@media (max-width: 991px) {
	.section-routes-information__box-journey.section-routes-information__box-journey--school {
		max-width: 100%;
	}
}
.section-routes-information__box-journey.section-routes-information__box-journey--regular {
	max-width: 40.375rem;
}
@media (max-width: 991px) {
	.section-routes-information__box-journey.section-routes-information__box-journey--regular {
		max-width: 100%;
	}
}
@media (max-width: 991px) {
	.section-routes-information__box-journey {
		max-width: 100%;
		overflow-y: inherit;
		max-height: inherit;
	}
}
.section-routes-information__box-map-wrapper {
	height: clamp(32.25rem, 29.169rem + 13.15vw, 41rem);
	border-radius: 1.5rem;
	overflow: hidden;
}
.section-routes-information__box-map-wrapper.section-routes-information__box-map-wrapper--journey {
	width: 100%;
	max-width: 60.375rem;
}
.section-routes-information__box-map-wrapper.section-routes-information__box-map-wrapper--school {
	width: 100%;
	max-width: 51.375rem;
}

.section-routes-information__journey-card {
	border: 1px solid var(--color-border-primary);
	border-radius: 1.5rem;
	padding: 1.5rem 1.5rem 2.5rem;
	width: 100%;
	overflow: hidden;
	background-color: var(--color-bg-primary_hover);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	height: 100%;
}
.section-routes-information__journey-card_top {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.section-routes-information__journey-card_icon-wrapper {
	border: 1px solid var(--color-border-primary);
	border-radius: 0.625rem;
	width: 3rem;
	height: 3rem;
	background-color: var(--color-bg-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-fg-brand-primary);
}
.section-routes-information__journey-card_icon-wrapper svg {
	width: 1.5rem;
	height: 1.5rem;
}
.section-routes-information__journey-card_text-content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.section-routes-information__journey-card_text-content .heading {
	color: var(--color-text-primary);
}
.section-routes-information__journey-card_list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.section-routes-information__journey-card_list-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var();
}
.section-routes-information__journey-card_list-item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-fg-tertiary);
}
.section-routes-information__journey-card_list-item_icon svg {
	width: 1.5rem;
	height: 1.5rem;
}

.section-routes-information__journey-result {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	max-width: 18.875rem;
	padding-bottom: 1rem;
}
@media (max-width: 991px) {
	.section-routes-information__journey-result {
		min-width: 100%;
		padding-bottom: 0;
	}
}
.section-routes-information__journey-result_list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
@media (max-width: 991px) {
	.section-routes-information__journey-result_list {
		min-width: 100%;
		flex-direction: row;
		overflow: auto;
		padding: 0 1rem;
		margin: 0 -1rem;
		padding-bottom: 0.4rem;
	}
}
.section-routes-information__journey-result_list-item {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.5rem;
	padding: 1rem;
	background: var(--color-bg-primary);
	width: 100%;
	min-width: 18.875rem;
	max-width: 18.875rem;
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
	cursor: pointer;
}
.section-routes-information__journey-result_list-item:hover {
	border-color: var(--color-border-brand);
	box-shadow: inset 0 0 2px var(--color-border-brand);
}
.section-routes-information__journey-result_list-item:hover
	.section-routes-information__journey-result_list-item_top-text {
	color: var(--color-text-brand-primary-600);
}
.section-routes-information__journey-result_list-item_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
}
.section-routes-information__journey-result_list-item_top-info {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	border: 0.5px solid var(--color-fg-disabled);
	border-radius: 9999px;
	padding: 0.25rem 0.375rem 0.25rem 0.5rem;
}
.section-routes-information__journey-result_list-item_top-info .paragraph {
	color: var(--color-text-placeholder);
	line-height: 110%;
}
.section-routes-information__journey-result_list-item_top-info svg {
	width: 0.875rem;
	height: 0.875rem;
	color: var(--color-fg-disabled);
}

.section-routes-information__journey-result_list-item_body {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.75rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--color-bg-primary_hover);
}

.section-routes-information__journey-result_list-item_body-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 7.4375rem;
	color: var(--color-text-primary);
}
.section-routes-information__journey-result_list-item_body-box p {
	color: var(--color-text-placeholder);
}

.section-routes-information__journey-result_list-item_top-text {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: var(--color-text-primary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}

.routes-information__journey-result_list-item_top-price {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.routes-information__journey-result_list-item_bottom {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-family: var(--second-family);
	flex-wrap: wrap;
}

.routes-information__journey-result_list-item_walking {
	display: flex;
	align-items: center;
	gap: 2px;
}
.routes-information__journey-result_list-item_walking span {
	font-weight: 600;
	font-size: 1rem;
	line-height: 96%;
	letter-spacing: -0.02em;
	color: var(--color-fg-secondary);
	display: inline-block;
}

.routes-information__journey-result_list-item_separator {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-fg-tertiary);
}
.routes-information__journey-result_list-item_separator svg {
	width: 1rem;
	height: 1rem;
}

.routes-information__journey-result_list-item_bus {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}
.routes-information__journey-result_list-item_bus svg {
	width: 0.875rem;
	height: 1.125rem;
}
.routes-information__journey-result_list-item_bus span {
	font-weight: 600;
	font-size: 1rem;
	line-height: 96%;
	letter-spacing: -0.02em;
	display: inline-block;
}

.section-routes-information__school-routes {
	padding-right: 0.5rem;
}
@media (max-width: 991px) {
	.section-routes-information__school-routes {
		padding-right: 0;
	}
}

.section-routes-information__school-routes_first {
	display: flex;
	flex-direction: column;
	gap: 1.125rem;
	padding-bottom: 0.375rem;
}

.section-routes-information__school-routes_list {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.section-routes-information__school-routes_list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 1rem;
	background: var(--background-bg-primary);
	cursor: pointer;
	transition: border-color 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.section-routes-information__school-routes_list-item:hover {
	border-color: var(--color-border-brand);
}
.section-routes-information__school-routes_list-item_number {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 3rem;
	color: var(--color-text-primary);
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	padding: 0.5rem 0.5rem;
	background: var(--color-bg-primary_hover);
}
.section-routes-information__school-routes_list-item_name {
	width: 100%;
	display: flex;
	flex-direction: column;
	color: var(--color-fg-primary);
}
.section-routes-information__school-routes_list-item_arrow {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--color-fg-tertiary);
}
.section-routes-information__school-routes_list-item_arrow svg {
	width: 1.25rem;
	height: 1.25rem;
}

.section-routes-information__school-routes_info-bus {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-bottom: 0.375rem;
}

.section-routes-information__school-routes_info-bus_header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 0.75rem;
}

.section-routes-information__school-routes_info-bus_name {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
}

.section-routes-information__school-routes_info-bus_heading {
	display: flex;
	gap: 0.25rem;
}

.section-routes-information__school-routes_info-bus-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
@media (max-width: 991px) {
	.section-routes-information__school-routes_info-bus-list {
		flex-direction: row;
		overflow: auto;
		margin: 0 -1rem;
		padding: 0 1rem;
		padding-bottom: 0.4rem;
	}
}

.section-routes-information__school-routes_info-bus_list-item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 1rem;
	background-color: var(--color-bg-primary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
	cursor: pointer;
}
.section-routes-information__school-routes_info-bus_list-item:hover {
	border-color: var(--color-border-brand);
	box-shadow: inset 0 0 2px var(--color-border-brand);
}
.section-routes-information__school-routes_info-bus_list-item:hover
	.section-routes-information__school-routes_info-bus_list-item_header {
	color: var(--color-text-brand-primary-600);
}
@media (max-width: 991px) {
	.section-routes-information__school-routes_info-bus_list-item {
		min-width: 343px;
		max-width: 343px;
	}
}

.section-routes-information__school-routes_info-bus_list-item_header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	color: var(--color-text-primary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
	margin-bottom: 0.5rem;
}

.route-shool__list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.route-shool__list-item {
	border: 1px solid var(--color-border-primary);
	border-radius: 0.75rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--color-bg-primary_hover);
}
.route-shool__list-item--flex {
	display: flex;
	justify-content: space-between;
	gap: 0.625rem;
}

.route-shool-points__wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 2.25rem;
	margin-bottom: 1rem;
}

.route-shool-points-list {
	display: flex;
	flex-direction: column;
}

.route-shool-points-list_item {
	display: flex;
	gap: 0.625rem;
}
.route-shool-points-list_item:last-child .route-shool-points-list_item-line {
	display: none;
}

.route-shool-points-list_item-marker {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 0.125rem;
	color: var(--color-fg-tertiary);
}

.route-shool-points-list_item-dot {
	width: 1rem;
	height: 1rem;
}
.route-shool-points-list_item-dot svg {
	width: 1rem;
	height: 1rem;
}

.route-shool-points-list_item-line {
	height: 100%;
	width: 0.125rem;
	background-color: var(--color-fg-tertiary);
}

.route-shool-points-list_item-text_wrapper {
	padding-bottom: 1rem;
}

.section-routes-information__city-routes {
	padding-right: 0.5rem;
}
@media (max-width: 991px) {
	.section-routes-information__city-routes {
		padding-right: 0;
	}
}

.section-routes-information__city-routes_first {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-bottom: 0.375rem;
}

.city-routes__form {
	display: flex;
	gap: 0.25rem;
	align-items: flex-end;
}
@media (max-width: 767px) {
	.city-routes__form {
		flex-direction: column;
		align-items: flex-start;
	}
}

.city-routes__form-input_wrappeer {
	width: 100%;
}

.city-routes__form_radio-group {
	display: flex;
	gap: 1.25rem;
	align-items: center;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	padding: 0.9375rem 0.875rem;
	background: var(--color-bg-primary_hover);
}

.section-routes-information__city-routes_list {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.section-routes-information__city-routes_list-item {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 20px;
	padding: 16px;
	background: var(--color-bg-primary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
	cursor: pointer;
}
.section-routes-information__city-routes_list-item:hover {
	border-color: var(--color-border-brand);
}
.section-routes-information__city-routes_list-item_bus {
	width: 100%;
}

.section-routes-information__city-routes_list-item_bage {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	padding: 0.5rem 0.25rem;
	min-width: 4.0625rem;
	background: var(--color-bg-tertiary);
}

.section-routes-information__city-routes_list-item_arrow {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--color-fg-tertiary);
}
.section-routes-information__city-routes_list-item_arrow svg {
	width: 1.25rem;
	height: 1.25rem;
}

.city-routes-form__regular-wrapper {
	display: flex;
	gap: 1.75rem;
	width: 100%;
	max-width: 49.3125rem;
}
@media (max-width: 767px) {
	.city-routes-form__regular-wrapper {
		flex-direction: column;
	}
}
.city-routes-form__regular-wrapper .form-input_box {
	width: 100%;
	max-width: 20rem;
	justify-content: flex-end;
}
.city-routes-form__regular-wrapper .form-input_box .nice-select {
	width: 100%;
	max-width: 20rem;
}

.section-routes-information__city-routes_info-bus {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding-bottom: 0.375rem;
}

.section-routes-information__city-routes_info-bus_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding-bottom: 0.75rem;
}

.section-routes-information__city-routes_info-bus_name {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	width: 100%;
}

.section-routes-information__city-routes_info-bus_stops {
	display: flex;
	gap: 0.25rem;
}
.section-routes-information__city-routes_info-bus_stops
	.section-routes-information__city-routes_list-item_bage {
	min-width: 3.25rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.section-routes-information__city-routes_info-bus-list {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.section-routes-information__city-routes_dropdown {
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 1rem;
	cursor: pointer;
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.section-routes-information__city-routes_dropdown.js--active {
	background-color: var(--color-bg-tertiary);
}
.section-routes-information__city-routes_dropdown.js--active
	.route-shool-points-list_item-marker {
	color: var(--color-fg-brand-primary);
}
.section-routes-information__city-routes_dropdown.js--active
	.route-shool-points-list_item-line {
	background-color: var(--color-fg-brand-primary);
}

.section-routes-information__city-routes_dropdown-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}
.section-routes-information__city-routes_dropdown-header
	.route-shool-points-list_item-marker {
	min-height: 1.75rem;
	color: var(--color-fg-tertiary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.section-routes-information__city-routes_dropdown-header
	.route-shool-points-list_item-marker
	.route-shool-points-list_item-line {
	height: 0.625rem;
	color: var(--color-fg-tertiary);
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}

.section-routes-information__city-routes_dropdown-header_name {
	width: 100%;
}

.section-routes-information__city-routes_dropdown-info_button {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.section-routes-information__city-routes_dropdown-info_button-icon svg {
	width: 1rem;
	height: 1rem;
}

.section-routes-information__city-routes_dropdown-details_inner {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding-top: 1rem;
}

.section-routes-information__city-routes_dropdown-details_box {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 0.75rem;
	padding: 0.75rem;
	background-color: var(--color-bg-primary);
}

.section-routes-information__city-routes_dropdown-bus_list {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-wrap: wrap;
}
.section-routes-information__city-routes_dropdown-bus_list
	.section-routes-information__city-routes_list-item_bage {
	cursor: pointer;
	transition: 0.5s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.section-routes-information__city-routes_dropdown-bus_list
	.section-routes-information__city-routes_list-item_bage.bage-active {
	background-color: #808000;
	cursor: auto;
}
.section-routes-information__city-routes_dropdown-bus_list
	.section-routes-information__city-routes_list-item_bage.bage-active
	.routes-information__journey-result_list-item_bus {
	color: var(--color-white) !important;
}

.personalised-card-tab__wrapper {
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
}

.personalised-card_inner {
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
}

.personalised-card-tab__header {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.75rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--color-border-primary);
}

.personalised-card-tab {
	border-top: 4px solid var(--color-border-secondary);
	padding-top: 0.5rem;
	color: var(--color-text-placeholder);
	transition: 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
	cursor: pointer;
}
.personalised-card-tab:hover,
.personalised-card-tab.js--active {
	border-color: var(--color-border-brand);
	color: var(--color-text-brand-primary-600);
}
.personalised-card-tab.step-completed {
	border-color: var(--color-border-brand);
}

.personalised-card-tab__list-item-card-travel-slider-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.personalised-card-tab__list-item-card-travel-slider-wrapper .swiper-wrapper {
	padding-top: 0.25rem;
}
.personalised-card-tab__list-item-card-travel-slider-wrapper .swiper-slide {
	height: auto;
}
.personalised-card-tab__list-item-card-travel-slider-wrapper
	.swiper-slide
	.card-travel {
	height: 100%;
}

.card-travel-slider {
	width: 100%;
}

.section__card-travel_buttons {
	display: flex;
	justify-content: center;
}

.personalised-card-tab__list-item_inner {
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
}
.personalised-card-tab__list-item_inner--gap-secondary {
	gap: 2rem;
}

.personalised-card-tab__list-item_box {
	padding-bottom: 2.25rem;
}
.personalised-card-tab__list-item_box--border-bottom {
	border-bottom: 1px solid var(--color-border-primary);
}
.personalised-card-tab__list-item_box--padding-bottom-none {
	padding-bottom: 0;
}
.personalised-card-tab__list-item_box--padding-bottom-secondary {
	padding-bottom: 2rem;
}

.personalised-card-tab__list-item_box-text_wrapper {
	margin-bottom: 2.25rem;
}

.personalised-card-tab__list-item_box-heading_wrapper {
	margin-bottom: 1.25rem;
}
.personalised-card-tab__list-item_box-heading_wrapper--margin-bottom-l {
	margin-bottom: 1.5rem;
}
.personalised-card-tab__list-item_box-heading_wrapper--margin-bottom-xl {
	margin-bottom: 2.25rem;
}

.personalised-card-tab__list-item_box-2-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box-2-col {
		grid-template-columns: 1fr;
	}
}

.personalised-card-tab__list-item_box-3-col {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.5rem;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box-3-col {
		grid-template-columns: 1fr;
	}
}

.personalised-card-tab__list-item_box_info-inner {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}

.personalised-card-tab__list-item_box_info {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
}
.personalised-card-tab__list-item_box_info.columns-6 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-6 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info.columns-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-4 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info.columns-3 {
	grid-template-columns: 25% 1fr 25%;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-3 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info.columns-2-left {
	grid-template-columns: 25% 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-2-left {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info.columns-2-right {
	grid-template-columns: 1fr 25%;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-2-right {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info.columns-half {
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info.columns-half {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info--via {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.personalised-card-tab__list-item_box_info-inner_group-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.personalised-card-tab__list-item_box_info-inner_group-wrapper--gap-x {
	gap: 0.75rem;
}

.personalised-card-tab__list-item_box_info-inner_group-inner {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.personalised-card-tab__list-item_box_info-inner_group-list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.personalised-card-tab__list-item_box_info-inner_group-additional {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.personalised-card-tab__list-item_box_info-inner_group-additional_search {
	display: flex;
	align-items: flex-end;
	gap: 0.5rem;
}

.personalised-card-tab__list-item_box_info-inner_group {
	display: grid;
	gap: 0.5rem;
}
.personalised-card-tab__list-item_box_info-inner_group.columns-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info-inner_group.columns-5 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info-inner_group.columns-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info-inner_group.columns-4 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info-inner_group.columns-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info-inner_group.columns-3 {
		grid-template-columns: 1fr;
	}
}
.personalised-card-tab__list-item_box_info-inner_group.columns-2 {
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
	.personalised-card-tab__list-item_box_info-inner_group.columns-2 {
		grid-template-columns: 1fr;
	}
}

.personalised-card-tab__list-item_box-confirmation_list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.personalised-card-tab__list-item_box-confirmation_list-item {
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	padding: 1.25rem 1rem;
	background: var(--color-bg-primary);
}

.personalised-card__footer {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.personalised-card__footer-button_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}
@media (max-width: 767px) {
	.personalised-card__footer-button_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
}

.personalised-card__footer-button_box {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.card-travel__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.625rem;
	height: 100%;
}

.card-travel__content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.card-travel__content-image_wrapper {
	border: 1px solid var(--color-border-primary);
	border-radius: 0.5rem;
	max-width: 13.1875rem;
	height: 8.375rem;
	overflow: hidden;
}

.card-travel__content-text_wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.personalised-card__two-column_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.personalised-card__two-column_wrapper label.file-upload__label {
	min-height: 12.6875rem;
}

.personalised-card__two-column {
	display: flex;
	justify-content: space-between;
}
.personalised-card__two-column--gap-s {
	gap: 0.5rem;
}
@media (max-width: 991px) {
	.personalised-card__two-column--gap-s {
		gap: 2rem;
	}
}
@media (max-width: 991px) {
	.personalised-card__two-column {
		flex-direction: column;
	}
}

.personalised-card__two-column_box {
	width: 100%;
	max-width: 37rem;
}
.personalised-card__two-column_box--box-xl {
	max-width: 38.75rem;
}
.personalised-card__two-column_box--box-l {
	max-width: 38rem;
}
.personalised-card__two-column_box .textarea {
	min-height: 9.625rem;
}
@media (max-width: 991px) {
	.personalised-card__two-column_box {
		max-width: 100%;
	}
}

.personalised-card__personal-detailis-list {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.personalised-card__personal-detailis-list-item {
	display: flex;
	justify-content: space-between;
	gap: 2.5rem;
	width: 100%;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--color-border-secondary);
}

.personalised-card__personal-detailis-list-item_name {
	width: 100%;
	max-width: 25.125rem;
}

.personalised-card__personal-detailis-list-item_current {
	width: 100%;
	max-width: 9.375rem;
	display: flex;
	justify-content: flex-start;
}

.personalised-card__personal-detailis-preview_list {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.personalised-card__personal-detailis-preview_list-item {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.personalised-card__personal-detailis-preview_list-item_button-wrapper {
	display: flex;
	gap: 0.5rem;
}

.personalised-card__personal-detailis-preview_upload {
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1rem;
	background: var(--color-bg-primary);
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.personalised-card__personal-detailis-preview_upload-icon {
	width: 1.25rem;
	height: 1.25rem;
}
.personalised-card__personal-detailis-preview_upload-icon svg {
	width: 1.25rem;
	height: 1.25rem;
}

.personalised-card__personal-detailis-preview_upload-text {
	display: flex;
	flex-direction: column;
}

.personalised-card__personal-detailis-preview {
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	background: var(--color-bg-primary);
	width: 100%;
	height: clamp(12.375rem, 9.602rem + 11.83vw, 20.25rem);
	overflow: hidden;
}
@media (max-width: 991px) {
	.personalised-card__personal-detailis-preview {
		height: auto;
	}
}

.order-summary-report {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	border-radius: 1.5rem;
	padding: 2rem;
	background: var(--color-bg-primary);
	box-shadow: 0 3px 3px -2px rgba(10, 13, 18, 0.04),
		0 8px 8px -4px rgba(10, 13, 18, 0.03),
		0 20px 24px -4px rgba(10, 13, 18, 0.08);
}
.order-summary-report .personalised-card__personal-detailis-list-item_current {
	max-width: -moz-max-content;
	max-width: max-content;
}

.order-summary-report__footer {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.order-summary-report__total-ammount {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0.75rem;
	padding: 1rem 1rem 0.75rem;
	background: var(--color-bg-primary_hover);
}

.personalised-card__photo-wrapper {
	display: flex;
	align-items: flex-start;
	border: 1px solid var(--border-border-secondary);
	border-radius: 0.75rem;
	padding: 1rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--color-bg-primary);
	min-height: 324px;
	position: relative;
}
.personalised-card__photo-wrapper--flex-end {
	align-items: flex-end;
}

.personalised-card__card-image-and-photo_wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
.personalised-card__card-image-and-photo_wrapper
	.personalised-card__card-image {
	width: 100%;
	height: 100%;
	border-radius: 0.75rem;
	border: 1px solid var(--color-black);
}
.personalised-card__card-image-and-photo_wrapper
	.personalised-card__card-photo {
	position: absolute;
	width: 160px;
	height: 160px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5%;
	border: 1px solid var(--color-black);
	right: 33px;
	top: 72px;
}
@media (max-width: 575px) {
	.personalised-card__card-image-and-photo_wrapper
		.personalised-card__card-photo {
		width: clamp(6.25rem, -0.781rem + 30vw, 10rem);
		height: clamp(6.25rem, -0.781rem + 30vw, 10rem);
		top: 22.5%;
		right: 6%;
	}
}

.personalised-card__card-crop_wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-68%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.personalised-card__card-crop_wrapper .personalised-card__photo-croppr {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.personalised-card__photo-button_wrapper {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	position: relative;
	z-index: 1;
}

.warning-alert__list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.top-up-card__email-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.top-up__verify-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1.5rem;
	background: var(--color-bg-primary);
}

.top-up__verify-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0.75rem;
}

.top-up__verify-header_text {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.top-up__verify-header_text .paragraph {
	width: 100%;
	max-width: 19.5rem;
}

.top-up-history_report-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.top-up-history_report-inner {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1.5rem;
	background: var(--color-bg-primary);
}

.top-up-history_report {
	border: 1px solid var(--color-border-secondary);
	border-radius: 0.75rem;
	padding: 1.5rem;
	background-color: var(--color-bg-primary);
}

.top-up-history_report-img {
	width: 100%;
}

.top-up-history_report-button_wrapper {
	display: flex;
	justify-content: flex-end;
}

.balance-check-card__step {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.balance-check-card__step .top-up-card__box-preview_image-wrapper {
	width: 100%;
	height: auto;
}

.balance-check-card__step-buttons_wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.balance-check-card__current-wrapper {
	border: 1px solid var(--border-border-secondary);
	border-radius: 12px;
	padding: 16px 16px 12px;
	background: var(--color-bg-primary);
}

.balance-check-card__current-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.balance-check-card__current-header .top-up-card__box-preview_image-wrapper {
	width: 124px;
	height: 51px;
}

.balance-check-card__current-text {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.balance-check-card__current-price {
	display: flex;
	flex-direction: column;
}

.section__announcements-slider_list {
	display: flex;
}

.section__announcements-slider {
	overflow: visible;
}

.section__announcements-slider_list-item {
	width: 20.125rem;
	height: auto;
	display: flex;
	flex: 0 0 auto;
}
.section__announcements-slider_list-item:hover {
	z-index: 1;
}

.section__announcements-slider.swiper {
	overflow: visible;
}

.section__announcements-slider_list-item.swiper-slide {
	width: 20.125rem;
	height: auto;
	display: flex;
}

.announcement-card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	border: 1px solid var(--color-border-secondary);
	border-radius: 1.5rem;
	padding: 1.5rem;
	background-color: var(--color-bg-primary);
	width: 100%;
	min-height: 100%;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	color: inherit;
}
.announcement-card--dark {
	background-color: var(--color-bg-secondary);
	border-color: var(--color-bg-secondary);
}
.announcement-card--dark .announcement-card__title {
	color: var(--color-text-primary-on-brand);
}
.announcement-card--dark .announcement-card__text .paragraph {
	color: var(--color-text-primary-on-brand);
}
.announcement-card--link {
	color: var(--color-text-primary);
}
.announcement-card--link .announcement-card__arrow {
	color: var(--color-text-primary);
}
.announcement-card--link:hover {
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.31372549),
		0 32px 64px -12px rgba(10, 13, 18, 0.568627451);
}
.announcement-card--link:hover .announcement-card__title {
	color: var(--color-text-brand-primary-600);
}
.announcement-card--link:hover .announcement-card__arrow {
	color: var(--color-text-brand-primary-600);
}
.announcement-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}
.announcement-card__icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	width: 1.5rem;
	height: 1.5rem;
	background-color: hsla(28, 98%, 47%, 0.2);
	flex-shrink: 0;
}
.announcement-card__icon {
	border-radius: 9999px;
	width: 0.5rem;
	height: 0.5rem;
	background: var(--color-fg-brand-primary);
}
.announcement-card__arrow {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	color: var(--color-text-primary);
	transition: color 0.3s ease-in-out;
}
.announcement-card__arrow svg {
	width: 100%;
	height: 100%;
}
.announcement-card__title {
	color: var(--color-text-primary);
	transition: color 0.3s ease-in-out;
}
.announcement-card__text {
	margin-top: auto;
	padding-top: 2.5rem;
}
.announcement-card__text .paragraph {
	color: var(--color-text-secondary);
}

.our-partners__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.5rem;
	padding: 2rem;
	box-shadow: 0 5px 5px -3px rgba(10, 13, 18, 0.0156862745),
		0 32px 64px -12px rgba(10, 13, 18, 0.0784313725);
	background: var(--color-bg-tertiary);
	overflow: hidden;
}

.our-partners__slider-wrapper {
	width: 100%;
}

.our-partners__track {
	display: flex;
	width: -moz-max-content;
	width: max-content;
	animation: scroll 35s linear infinite;
}

.our-partners__slider {
	display: flex;
}

.our-partners__slider-item {
	flex-shrink: 0;
	margin-right: 2.1rem;
}
.our-partners__slider-item img {
	height: 3rem;
	display: block;
}

.our-partners__logos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.5rem 2rem;
	width: 100%;
	list-style: none;
}

@media (max-width: 991px) {
	.our-partners__logos {
		justify-content: center;
	}
}
.our-partners__logos-item {
	width: calc((100% - 10rem) / 6);
	flex: 1 1 auto;
	display: flex;
	justify-content: center;

	@media (max-width: 991px) {
		width: calc((100% - 4rem) / 3);
	}
	@media (max-width: 767px) {
		width: calc((100% - 2rem) / 2);
	}
	@media (max-width: 479px) {
		width: 100%;
	}
}
.our-partners__logos-item img {
	height: 3rem;
	display: block;
}

@keyframes scroll {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}
.section__leadership-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	row-gap: 0.5rem;
	-moz-column-gap: 0.5rem;
	column-gap: 0.5rem;
}
@media (max-width: 1279px) {
	.section__leadership-wrapper {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 991px) {
	.section__leadership-wrapper {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767px) {
	.section__leadership-wrapper {
		grid-template-columns: 1fr;
	}
}

.partners-section-contact__list {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 0.5rem;
}
@media (max-width: 1279px) {
	.partners-section-contact__list {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767px) {
	.partners-section-contact__list {
		grid-template-columns: 1fr;
	}
}

.partners-section-contact__list-item {
	display: flex;
	flex-direction: column;
	gap: 5rem;
	padding: 1.5rem;
	border: 1px solid var(--color-border-secondary);
	border-radius: 1.5rem;
	background-color: var(--color-bg-primary_hover);
}

.partners-section-contact__list-item_icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	width: 4.25rem;
	height: 4.25rem;
	background-color: var(--color-bg-brand-primary);
}
.partners-section-contact__list-item_icon-wrapper svg {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-fg-4);
}

.partners-section-contact__list-item_content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.partners-section-contact__list-item_content-text {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.partners-section-contact__list-item_content-link {
	color: var(--color-text-brand-primary-600);
	text-decoration: underline;
}
.partners-section-contact__list-item_content-link:hover {
	text-decoration: none;
}

.contact-us-section__inner {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 36.9375rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.contact-us-section__form-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	padding-top: 2.5rem;
}
.contact-us-section__form-wrapper .textarea {
	height: 8.1875rem;
}

.contact-us-section__form-box-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
}

.contact-us-section__form-footer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.contact-us-page__box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;

	@media (max-width: 1279px) {
		grid-template-columns: 1fr;
	}
}

.contact-us-page__list {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;

	@media (max-width: 767px) {
		grid-template-columns: 1fr;
	}
}

.contact-us-page__map {
	overflow: hidden;
	border-radius: 1.5rem;
	border: 1px solid var(--color-border-secondary);
	min-height: 50vh;

	@media (max-width: 767px) {
		min-height: 100vw;
	}
}

.footer {
	background: var(--color-bg-secondary);
	padding-top: clamp(5rem, 4.78rem + 0.94vw, 5.625rem);
	padding-bottom: 2rem;
	color: var(--color-text-primary-on-brand);
}
.footer__inner {
	display: flex;
	flex-direction: column;
	gap: clamp(5rem, 4.78rem + 0.94vw, 5.625rem);
}

.footer__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
}
@media (max-width: 991px) {
	.footer__top {
		flex-direction: column;
		align-items: flex-start;
	}
}

.footer__top-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 52rem;
}

.footer__newsletter-form-wrapper {
	width: 100%;
	max-width: 30rem;
}
@media (max-width: 991px) {
	.footer__newsletter-form-wrapper {
		max-width: 100%;
	}
}

.footer__content-info_logo-text {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 0.986rem + 1.13vw, 2rem);
}

.footer__logo {
	width: 10.3125rem;
	height: 3rem;
	min-width: 10.3125rem;
	transition: opacity 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.footer__logo:hover {
	opacity: 0.6;
}

.footer__certification_wrapper {
	width: 4.6875rem;
	min-width: 4.6875rem;
	height: 4.6875rem;
	margin-top: clamp(1.25rem, 0.942rem + 1.31vw, 2.125rem);
}

.footer__newsletter-form-inner {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	justify-content: end;
}
.footer__newsletter-form-inner .form-input__hit-text {
	color: var(--color-text-primary-on-brand);
}
.footer__newsletter-form-inner .form-input__hit-text a {
	transition: color 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
	font-weight: 400;
	line-height: 143%;
}
.footer__newsletter-form-inner .form-input__hit-text a:hover {
	color: var(--color-alpha-white-40);
}
@media (max-width: 991px) {
	.footer__newsletter-form-inner {
		flex-direction: column;
		width: 100%;
		gap: 1.5rem;
	}
}

.footer__body {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 1.384rem + 2.63vw, 3.75rem);
}

.footer__content {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 1.648rem + 1.5vw, 3rem);
	padding-top: 3.75rem;
	border-top: 1px solid var(--color-alpha-white-30);
}

.footer__content-info {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
	row-gap: 2rem;
}
@media (max-width: 991px) {
	.footer__content-info {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767px) {
	.footer__content-info {
		grid-template-columns: 1fr;
	}
}

.footer__content-info_box-heading {
	color: var(--color-alpha-white-40);
	margin-bottom: 1rem;
}

.footer__list-nav {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
}

.footer__list-nav_item-link {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: var(--color-alpha-white-90);
	transition: color 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.footer__list-nav_item-link:hover {
	color: var(--color-alpha-white-40);
}

.footer__list-nav_item-link_icon-wrapper {
	width: 1.25rem;
	height: 1.25rem;
	min-width: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer__list-social {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
	margin-top: 1.25rem;
}

.footer__list-social_item .footer__list-social_item-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	color: var(--color-white);
	transition: color 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.footer__list-social_item .footer__list-social_item-link:hover {
	color: var(--color-alpha-white-40);
}
.footer__list-social_item svg {
	width: 1.5rem;
}

.footer__content-policy_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
	row-gap: 2rem;
}
@media (max-width: 991px) {
	.footer__content-policy_wrapper {
		grid-template-columns: 1fr 1fr;
		-moz-column-gap: 0.5rem;
		column-gap: 0.5rem;
	}
}

.footer__content-policy_list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.footer__content-policy_list-item_link {
	transition: color 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
	color: var(--color-alpha-white-40);
}
.footer__content-policy_list-item_link:hover {
	color: var(--color-alpha-white-90);
}

.footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--color-alpha-white-30);
	color: var(--color-alpha-white-40);
}
@media (max-width: 991px) {
	.footer__bottom {
		flex-direction: column;
	}
}

.footer__bottom-link {
	transition: color 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.footer__bottom-link:hover {
	color: var(--color-alpha-white-90);
}

@keyframes slide {
	0% {
		transform: translateY(6rem);
		opacity: 0;
	}
	50% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
[data-animation="slide"] {
	opacity: 0;
}

[data-animation="slide"].js--animate {
	animation: slide 0.95s ease-out forwards;
}

[data-animation="slide"][data-animation-delay].js--animate {
	animation-delay: 0.3s;
}

@media (max-width: 991px) {
	[data-animation="slide"][data-animation-delay].js--animate {
		animation-delay: 0s;
	}
}
[data-animation="fade"] {
	opacity: 0;
	transition: 0.75s all ease-out;
}

[data-animation="fade"].js--animate {
	opacity: 1;
}

[data-animation-delay] {
	transition-delay: 0.3s;
}

[data-animation="slide"],
[data-animation="fade"] {
	will-change: transform, opacity;
}

@keyframes popapShow {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		opacity: 1;
	}
}
@keyframes popapHidden {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		opacity: 0;
		transform: scale(0.8);
	}
}
.popup {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000000;
	display: flex;
	min-height: 100dvh;
	max-height: 100dvh;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	opacity: 0;
	padding: 0 0.5rem;
}
.popup.popup--big .popup__inner {
	max-width: 40.0625rem;
}
@media (max-width: 767px) {
	.popup.popup--big .popup__inner {
		max-width: 100%;
	}
}
.popup.popup--smoll .popup__content {
	min-height: 13.0625rem;
	padding: 1.5rem;
}
.popup.popup--smoll .popup__button-close {
	opacity: 0;
	pointer-events: none;
}
.popup.popup--smoll .popup__inner {
	max-width: 27.0625rem;
}
.popup__overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100vw;
	height: 100vh;
	background: rgba(10, 10, 10, 0.84);
	opacity: 0;
	transition: 300ms ease all;
	cursor: pointer;
}
.popup__inner {
	display: flex;
	flex-direction: column;
	max-height: 90vh;
	width: 100%;
	max-width: 35.5625rem;
}
.popup__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 2.75rem;
	border-radius: 1.75rem;
	border: 1px solid #eaeaea;
	background: var(--color-white);
	overflow: auto;
	min-height: 50vh;
}
.popup__content.popup__content--height-auto {
	min-height: auto;
}
.popup__content {
	scrollbar-width: none;
	scrollbar-color: var(--second-color) rgba(0, 0, 0, 0.4);
}
.popup__content::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
@media (max-width: 767px) {
	.popup__content {
		padding: clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
	}
}
.popup__header {
	width: 100%;
	max-width: 27.8125rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	color: var(--color-text-primary);
	margin-bottom: 1rem;
}
@media (max-width: 767px) {
	.popup__header {
		padding-right: 1.5rem;
		max-width: 100%;
	}
}
.popup__header.popup__header--margin-none {
	margin: 0;
}
.popup__description {
	margin-top: 0.625rem;
	color: var(--color-text-placeholder);
}
.popup__button-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.25rem;
}
@media (max-width: 767px) {
	.popup__button-wrapper {
		grid-template-columns: 1fr;
	}
}
.popup__bus-list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin-top: clamp(1.25rem, 0.81rem + 1.88vw, 2.5rem);
}
.popup__bus-list--margin-none {
	margin: 0;
}
.popup__bus-list_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 1.25rem;
	background: var(--color-bg-primary);
	cursor: pointer;
}
.popup__bus-list_item.js--active {
	background: var(--color-bg-brand-primary);
}
.popup__bus-list_item.js--active .popup__bus-list_item-text_route p {
	color: var(--color-text-primary-on-brand);
}
.popup__bus-list_item.js--active .popup__bus-list_item-info_icon .arrow-icon {
	display: none;
}
.popup__bus-list_item.js--active .popup__bus-list_item-info_icon .check-icon {
	display: block;
}
.popup__bus-list_item-text_route {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	width: 100%;
}
.popup__bus-list_item-info_icon {
	width: 1rem;
	height: 1rem;
	color: var(--color-fg-disabled);
}
.popup__bus-list_item-info_icon svg {
	width: 1rem;
	height: 1rem;
}
.popup__bus-list_item-info_icon .check-icon {
	display: none;
}
.popup__trip-details {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}
.popup__trip-details
	.section-routes-information__journey-result_list-item_body {
	width: 100%;
	max-width: 18.125rem;
}
@media (max-width: 767px) {
	.popup__trip-details
		.section-routes-information__journey-result_list-item_body {
		max-width: 100%;
		justify-content: flex-start;
	}
}
.popup__trip-details_box {
	border: 1px solid var(--color-border-primary);
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	background: var(--color-bg-primary_hover);
	display: flex;
	align-items: center;
}
.popup__trip-details_box.popup__trip-details_box--first {
	width: 100%;
	max-width: 11.375rem;
}
@media (max-width: 767px) {
	.popup__trip-details_box.popup__trip-details_box--first {
		max-width: 100%;
	}
}
.popup__trip-details_box.popup__trip-details_box--third {
	width: 100%;
}
.popup__trip-route_list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 2.25rem;
}
.popup__trip-route_list
	.popup__trip-route_list-item:last-child
	.popup__trip-route_list-item_marker {
	color: #f81b1b;
}
.popup__trip-route_list
	.popup__trip-route_list-item:last-child
	.popup__trip-route_list-item_marker
	.popup__trip-route_list-item_line {
	display: none;
}
.popup__trip-route_list-item_details-wrapper {
	display: flex;
	gap: 0.625rem;
}
.popup__trip-route_list-item {
	display: flex;
	gap: 0.5rem;
}
.popup__trip-route_list-item:first-child
	.popup__trip-route_list-item_marker-start {
	color: var(--color-fg-brand-primary);
}
.popup__trip-route_list-item_marker {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.popup__trip-route_list-item_dot {
	width: 1rem;
	height: 1rem;
}
.popup__trip-route_list-item_dot svg {
	width: 1rem;
	height: 1rem;
}
.popup__trip-route_list-item_line {
	height: 100%;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
}
.popup__trip-route_list-item_line.popup__trip-route_list-item_line-dashed {
	border-style: dashed;
}
.popup__trip-route_list-item_details {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.popup__trip-route_list-item_details-heading {
	color: #101828;
}
.popup__trip-route_list-item_details-way_icon-wallk {
	width: 1.0625rem;
	height: 1.0625rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-fg-secondary);
}
.popup__trip-route_list-item_details-way_icon-wallk svg {
	width: 1.0625rem;
	height: 1.0625rem;
}
.popup__trip-route_list-item_details-way {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding-bottom: 0.25rem;
}
.popup__trip-route_list-item_details-dropdown_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: -moz-max-content;
	width: max-content;
	gap: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--color-bg-disabled);
}
.popup__trip-route_list-item_details-dropdown_header-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	color: var(--color-fg-tertiary);
}
.popup__trip-route_list-item_details-dropdown_header-arrow svg {
	width: 1rem;
	height: 1rem;
}
.popup__trip-route_list-item_details-dropdown_info {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.popup__trip-route_list-item_details-dropdown_info-box {
	color: var(--color-text-placeholder);
}
.popup__trip-route_list-item_details-dropdown_info-box.time {
	color: var(--color-text-primary);
}
.popup__trip-route_list-item_details-dropdown_info-separator {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-fg-disabled);
}
.popup__trip-route_list-item_details-dropdown_list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin-top: 0.625rem;
}
.popup__trip-route_list-item_details-dropdown_list-item {
	padding-left: 1.375rem;
	position: relative;
}
.popup__trip-route_list-item_details-dropdown_list-item::before {
	content: "";
	position: absolute;
	top: 0.625rem;
	left: 0.5625rem;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 100%;
	background-color: var(--color-bg-secondary);
}
.popup__button-close {
	position: absolute;
	top: 2.75rem;
	right: 2.75rem;
	display: flex;
	width: 1.25rem;
	height: 1.25rem;
	opacity: 0.5;
	justify-content: center;
	align-items: center;
	transition: 300ms cubic-bezier(0.32, 0, 0.29, 0.99) all;
	cursor: pointer;
}
@media (max-width: 767px) {
	.popup__button-close {
		top: clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
		right: clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
	}
}
.popup__button-close:hover {
	opacity: 1;
	transform: rotate(90deg);
}
.popup-button-close__inner {
	transform: rotate(45deg);
	transition: 0.3s all ease;
}
.popup-button-close__inner {
	position: relative;
	transform: rotate(45deg);
	transition: 0.3s all ease;
}
.popup-button-close__inner::after,
.popup-button-close__inner::before {
	content: "";
	position: absolute;
	background-color: var(--color-fg-primary);
	top: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	width: 0.95rem;
	height: 2px;
	border-radius: 2px;
}
.popup-button-close__inner::before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.popup__smoll-content {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.popup__smoll-content_text {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	max-width: 18.75rem;
	margin: 0 auto;
	text-align: center;
}
.popup__smoll-content_buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.popup.js--active {
	pointer-events: visible;
	opacity: 1;
	display: flex;
}
.popup.js--active .popup__overlay {
	opacity: 1;
}
.popup.js--active .popup__content {
	animation: popapShow 0.8s cubic-bezier(0.32, 0, 0.29, 0.99) forwards;
}

.popup.js--hidden {
	display: flex;
	opacity: 1;
}
.popup.js--hidden .popup__content {
	animation: popapHidden 0.8s cubic-bezier(0.32, 0, 0.29, 0.99) forwards;
}

.popup__button-download {
	width: 1.25rem;
	height: 1.25rem;
	transition: all 0.3s cubic-bezier(0.32, 0, 0.29, 0.99);
}
.popup__button-download:hover {
	opacity: 0.5;
}

.bus-badge-routes {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-border-primary);
	border-radius: 0.5rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--color-bg-tertiary);
	min-width: 4.875rem;
}
.bus-badge-routes .routes-information__journey-result_list-item_bus svg {
	width: 1rem;
	height: 1.25rem;
} /*# sourceMappingURL=style.css.map */

.template__cta-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.template__cta-heading-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.tabs {
	width: 100%;
	display: flex;
	gap: 1.25rem;
	border-bottom: 1px solid var(--color-border-primary);

	& .tabs__list {
		display: flex;
		gap: 1.25rem;
	}
}

.tab {
	font-family: inherit;
	padding: 0.875rem 0.25rem;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	transition: 0.3s linear border-color;
	cursor: pointer;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	font-weight: 600;
	color: var(--color-text-placeholder);

	&:hover {
		color: var(--color-bg-brand-primary);
	}

	&.tab--active {
		color: var(--color-bg-brand-primary);
		border-color: var(--color-bg-brand-primary);
	}
}

.survey-wrapper {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);
}

.survey {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);

	& .survey__block {
		display: flex;
		flex-direction: column;
		gap: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);

		&.survey__block--date {
			max-width: 320px;
			align-items: flex-start;
		}

		&.survey__block--textarea {
			max-width: 480px;

			& textarea {
				height: 8rem;
			}
		}

		& .survey__label {
			font-weight: 600;
			font-style: SemiBold;
			line-height: 120%;
			letter-spacing: 0%;
		}

		& .survey__grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 0.5rem;

			@media (max-width: 1279px) {
				grid-template-columns: repeat(3, 1fr);
			}

			@media (max-width: 767px) {
				grid-template-columns: repeat(2, 1fr);
			}

			@media (max-width: 479px) {
				grid-template-columns: repeat(1, 1fr);
			}
		}
	}
}

.notice {
	display: flex;
	align-items: center;
	gap: clamp(1.75rem, 1.125rem + 2.08vw, 3rem);
	padding: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	background-color: var(--color-bg-primary);
	border: 1px solid var(--color-border-primary);
	border-radius: 1rem;
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	color: var(--color-fg-primary);
	line-height: 120%;
	font-weight: 600;

	@media screen and (max-width: 767px) {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	& .notice__start {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 1rem;
		flex-grow: 1;
	}

	& .notice__end {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 0.5rem;
		flex-grow: 1;
	}
}

.branding {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 1.636rem + 1.82vw, 3rem);
	& .branding__block {
		display: flex;
		flex-direction: column;
		gap: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
		text-align: flex-start;
	}
	& .branding__stack {
		display: flex;
		flex-direction: column;
	}
}

a.plate {
	text-decoration: none;
	transition: 0.3s linear color;
	&:hover {
		color: var(--color-text-brand-primary-600);
	}
}

.plate {
	padding: clamp(1rem, 0.909rem + 0.45vw, 1.25rem)
		clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	background-color: var(--color-bg-primary);
	border: 1px solid var(--color-border-primary);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;

	@media (max-width: 767px) {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 1rem;
	}

	&:first-child {
		border-radius: 0.75rem 0.75rem 0 0;
	}

	&:not(:first-child) {
		border-top: none;
	}

	&:last-child {
		border-radius: 0 0 0.75rem 0.75rem;
	}

	&:only-child {
		border-radius: 0.75rem;
	}

	& .plate__content {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		padding-inline-start: 1.25rem;
		position: relative;
		flex-grow: 1;

		&::before {
			content: "";
			position: absolute;
			inset-inline-start: 0;
			top: 0;
			width: 0.375rem;
			height: 100%;
			border-radius: 100vmax;
			background-color: var(--color-bg-brand-primary);
		}
	}
}

.pagination {
	padding-top: 1.25rem;
	border-top: 1px solid var(--color-border-primary);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;

	& .pagination__list {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	& .pagination__item {
		font-family: inherit;
		color: var(--color-text-secondary);
		width: auto;
		min-width: 2.5rem;
		height: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		gap: 0.375rem;
		line-height: 150%;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: 0.3s linear background-color, color;
		&:hover {
			color: var(--color-text-brand-primary-600);
		}
		&.js--active {
			color: var(--color-text-primary-on-brand);
			background-color: var(--color-bg-brand-primary);
			cursor: auto;
		}

		&:disabled {
			cursor: auto;
			opacity: 0.5;
		}
	}
}

.branding__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;

	& .branding__start {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		flex-grow: 1;
	}

	& .branding__end {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}
}

.navigation-plate {
	display: grid;
	grid-template-columns: 452fr 156fr 135fr 436fr;
	gap: 1rem;

	@media (max-width: 1279px) {
		grid-template-columns: 1fr 1fr;
	}

	& .navigation-plate__start {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;

		@media (max-width: 1279px) {
			grid-column: span 2;
		}

		& .navigation-plate__heading-wrapepr {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 0.5rem;
		}

		& .navigation-plate__map-marker {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 0.25rem;
			text-decoration: none;
			color: var(--color-text-brand-primary-600);
		}
	}

	& .navigation-plate__ref {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
		align-items: flex-start;
		justify-content: center;

		& .navigation-plate__ref-heading-wrapper {
			color: var(--color-text-placeholder);
		}
	}

	& .navigation-plate__times {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
		align-items: flex-start;
		justify-content: center;
		& .navigation-plate__times-item {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 0.25rem;
			text-decoration: none;

			& svg {
				color: var(--color-text-brand-primary-600);
			}
		}
	}

	& .navigation-plate__end {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: 0.5rem;

		@media (max-width: 1279px) {
			grid-column: span 2;
		}
	}
}

.maps {
	display: flex;
	flex-direction: column;
	gap: clamp(1.75rem, 1.114rem + 3.18vw, 3.5rem);

	& .maps__block {
		display: flex;
		flex-direction: column;
		gap: 1.75rem;
	}
}

.article {
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	line-height: 160%;
	font-weight: 400;
	letter-spacing: 0em;
	& *:first-child {
		margin-top: 0 !important;
	}
	& *:last-child {
		margin-bottom: 0 !important;
	}
	& h2,
	& h3,
	& h4,
	& h5,
	& h6 {
		margin-top: 1em;
		margin-bottom: 0.625em;
		font-weight: 600;
		letter-spacing: -0.02em;
	}
	& h1,
	& h2 {
		font-size: 1.8em;
	}
	& h3 {
		font-size: 1.5em;
	}
	& h4 {
		font-size: 1.2em;
	}
	& h5,
	& h6 {
		font-size: 1em;
	}
	& p {
		margin-bottom: 1em;
	}
	& blockquote {
		font-size: 1.2em;
		line-height: 1.5;
		font-weight: 500;
		font-style: italic;
		margin-bottom: 2em;
		margin-top: 2em;
		padding-block: 0.25em;
		padding-inline-start: 0.8em;
		border-inline-start: 0.125rem solid var(--color-border-brand);
		& p {
			margin: 0;
		}
		& .blockquote__author {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 0.6em;
			margin-block-start: 1.6em;
			& img {
				width: 2.4em;
				height: 2.4em;
				border-radius: 100vmax;
				object-fit: cover;
			}
			& .blockquote__author-info {
				display: flex;
				flex-direction: column;
				font-style: normal;
				& .blockquote__author-info-name {
					font-size: 0.8em;
					font-weight: 600;
					color: var(--color-text-primary);
				}
				& .blockquote__author-info-title {
					font-size: 0.8em;
					font-weight: 400;
					line-height: 120%;
					color: var(--color-text-placeholder);
				}
			}
		}
	}
	& hr {
		margin-block: 2.4em;
	}
	& ul,
	& ol {
		margin-block: 1em;
		padding-inline-start: 1.5em;
	}
	& ul {
		list-style-type: disc;
	}
	& ol {
		list-style-type: decimal;
	}
	& figure {
		margin-block: 2.4em;
		& img {
			border-radius: 1.2em;
			max-width: 100%;
			height: auto;
		}
		& figcaption {
			font-size: 0.75em;
			color: var(--color-text-placeholder);
			@media (max-width: 767px) {
				font-size: 1em;
			}
		}
	}
	& * a {
		color: var(--color-text-brand-primary-600);
		text-decoration: underline;
		transition: 0.3s linear color;
		&:hover {
			color: var(--color-text-brand-primary-800);
		}
	}
	& .article__conclusion {
		padding: 1.6em;
		border-radius: 0.8em;
		background-color: var(--color-bg-fourth);
	}
}

.video-player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 1.25rem;
	overflow: hidden;
	background-color: #1e1e20;
	box-shadow: 0 0.25rem 1.75rem rgba(16, 24, 40, 0.12);

	@media (max-width: 767px) {
		aspect-ratio: 1/1;
	}
}

.video-player--playing .video-player__preview {
	display: none;
}

.video-player--playing .video-player__player {
	display: block;
}

.video-player__preview {
	position: absolute;
	inset: 0;
}

.video-player__preview-video,
.video-player__main-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.video-player__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
	margin: 0;
	padding: 1rem;
	border: none;
	background: rgba(16, 24, 40, 0.12);
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.video-player__overlay:hover {
	background: rgba(16, 24, 40, 0.2);
}

.video-player__overlay:focus-visible {
	outline: 2px solid var(--color-bg-brand-primary);
	outline-offset: -0.25rem;
}

.video-player__title {
	color: var(--color-text-primary-on-brand);
	text-align: center;
}

.video-player__play-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.5rem, 3.148rem + 1.5vw, 4.5rem);
	height: clamp(3.5rem, 3.148rem + 1.5vw, 4.5rem);
	border-radius: 50%;
	background-color: var(--color-bg-primary);
	color: var(--color-bg-brand-primary);
	transition: transform 0.3s ease-in-out;
}

.video-player__play-icon svg {
	width: 1.25rem;
	height: 1.375rem;
	margin-left: 0.125rem;
}

.video-player__overlay:hover .video-player__play-icon {
	transform: scale(1.05);
}

.video-player__player {
	position: absolute;
	inset: 0;
	display: none;
	background-color: #000;
}

.video-player__main-video {
	object-fit: contain;
}

.animated-stack-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1rem, 0.273rem + 3.64vw, 3rem);
	width: 100%;
}

.animated-stack-grid__item {
	border-radius: 1.5rem;
	padding: clamp(2rem, 1.648rem + 1.5vw, 3rem);
	background-color: var(--color-bg-secondary);
	overflow: hidden;
	transform-origin: center top;
	box-shadow: 0px -48px 64px -12px hsla(220, 29%, 5%, 0.14);
}
@media (min-width: 768px) {
	.animated-stack-grid__item {
		position: sticky;
		top: 0;
		will-change: transform;
	}
}

.animated-stack-grid__item .section__two-columns {
	align-items: center;
}

.animated-stack-grid__item .subheading.subheading--secondary {
	color: var(--color-text-primary-on-brand);
	border-color: rgba(255, 255, 255, 0.2);
}

.animated-stack-grid__item .heading,
.animated-stack-grid__item .paragraph.paragraph--xl,
.animated-stack-grid__item .section__text-wrapper li {
	color: var(--color-text-primary-on-brand);
}

.animated-stack-grid__item .section__two-columns_image-wrapper--placeholder {
	background-color: var(--color-bg-secondary_hover);
}