/* ----------------null ------------------ */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
*::before,
*::after {
	display: inline-block;
}

html,
body {
	height: 100%;
}
body {
	font-family:"Rubik", sans-serif;
	line-height: 1;
	transition: opacity 0.3s ease;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.loaded body {
	opacity: 1;
}
input,
button,
textarea {
	font-family: "Rubik", sans-serif;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent;
}

input,
textarea {
	width: 100%;
}

label {
	display: inline-block;
}

button,
select,
option {
	cursor: pointer;
}
a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
ul li {
	list-style: none;
}
img {
	vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}
/* ------------------------------------------------------- */

.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}
@supports (overflow:clip) {
	.wrapper {
		overflow: clip;
	}
}
.wrapper>main {
	flex: 1 1 auto;
}
.wrapper>* {
	min-width: 0;
}
/* ------------------------Burger -------------------------------------*/
.menu__list {
	display: flex;
	gap: clamp(20px, -1.3784px + 2.1551vw, 40px);
	align-items: center;
}
.menu__link {
	font-size: 1rem;
	line-height: 1.6;
	color: #58585A;
	transition: color	0.3s ease;
}
.menu__item._active .menu__link {
	color: #57BBD4;
	font-weight: 700;
}
.icon-menu {
	display: none;
}
/* ------------------------------Spollers--------------------------- */
.spollers {
	display: grid;
}
.spollers__title {
	width: 100%;
	background-color: #1E1E24;
	color: #57BBD4;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 16px;
	position: relative;
	list-style: none;
	font-family: "Big Shoulders", sans-serif;
	font-weight: 500;
	font-size: clamp(24px, 18.6669px + 0.6944vw, 32px);
	line-height: 1.2;
	display: flex;
	flex-direction: column;
}
.spollers__subtitle{
	font-family: "Rubik", sans-serif;
	font-size: clamp(12px, 6.6669px + 0.6944vw, 20px);
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
}
.spollers__title::marker,
.spollers__title::-webkit-details-marker {
	display: none;
}
._spoller-init .spollers__title {
	cursor: pointer;
}
._spoller-init .spollers__title::before,
._spoller-init .spollers__title::after {
	content: "";
	position: absolute;
	right: 32px;
	top: 50%;
	background-color: #57BBD4;
	height: 2px;
	width: 15px;
	transition: transform 0.5s ease 0s;
	cursor: pointer;
}
._spoller-init .spollers__title::before{
	transform: translate(-75%, -50%) rotate(40deg);
}
._spoller-init .spollers__title::after{
	transform: translate(0, -50%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::before{
	transform: translateX(-75%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::after{
	transform: rotate(40deg);
}
.spollers__body {
	margin-top: 10px;
}
/* ------Header------------------- */
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	background-color: #ffffff;
	transition: transform 0.3s ease;
}
.header._header-scroll{
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;
}
.header__container {
	min-height: clamp(60px, 50.0004px + 1.3021vw, 75px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	padding-left: clamp(15px, 11.6px + 1.0625vw, 32px);
	padding-right: clamp(15px, 11.6px + 1.0625vw, 32px);
	padding-top: 10px;
	padding-bottom: 10px;
}
.header__logo{
	width: 8rem;
	flex-shrink: 1;
	flex-grow: 0
}
.header__logo img{
	max-width: 100%;
}
/* ----------------- Footer ------------------------ */
.footer {
	background-color: #040505;
}
.footer__container {
	min-height: 111px;
	padding-left: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
	padding-right: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.9375rem;
	color: #f8f7f5;
	padding-top: 16px;
	padding-bottom: 16px;
}
.footer__logo {
	flex: 0 1 6rem;
	max-width: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer__logo img {
	max-width: 100%;
}
.footer__copy {
	line-height: 1.2;
}
.terms {
	display: flex;
	gap: 1.4375rem;
}
.terms__item {
	font-size: 14px;
}
/* --------Hero Block--------- */
.hero-block{
	background-color: #ffffff;
}
.hero-block:not(:last-child){
	margin-bottom: 25px;
}
.hero-block__container{
	padding-top: 140px;
	display: flex;
	gap: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.hero-block__calculator{
	flex-grow: 0;
	flex-shrink: 1;
	width: clamp(290px, -139.9813px + 55.9886vw, 935px);
	height: clamp(600px, 532.4px + 21.125vw, 938px);
}
.frame {
	width: clamp(275px, 245px + 9.375vw, 425px);
	margin: 0 auto;
	height: 100%;
}
.hero-block__calculator iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
	clip-path: inset(1px 1px 1px 1px round clamp(45px, 40.6px + 1.375vw, 67px));
}
/* --------------------------Shortcuts ------------------------------ */
.shortcuts{
	flex: 1 1 auto;
	position: relative;
}
/* -------------Стили для кнопок шорткодов----------------------------- */
.shortcuts__dropdown {
	padding: clamp(5px, 2px + 0.9375vw, 20px);
	background: #E3F9FE;
	border-radius: clamp(5px, 2.8px + 0.6875vw, 16px);
	overflow: hidden;
}
.header-dropdown {
	display: flex;
	gap: 15px;
	justify-content: space-between;
	align-items: center;
}
.header-dropdown:not(:last-child){
	margin-bottom: clamp(7px, 1.6669px + 0.6944vw, 15px);
}
.header-dropdown__button {
	flex: 0 1 20px;
	width: 20px;
	height: 20px;
	background: url('img/dropdown/Vector.svg') center no-repeat;
	cursor: default;
}
.dropdown__form{
	flex: 0 1 250px;
	padding: clamp(5px, 1.6668px + 0.434vw, 10px);
	border: #232B33 1.5px solid;
	border-radius: 8px;
	min-height: clamp(30px, 23.3336px + 0.868vw, 40px);
	display: flex;
	align-items: center;
	gap: 5px;
}
.dropdown__form input:focus {
	outline: none;
}
.options-dropdown {
	display: flex;
	align-items: center;
	gap: clamp(20px, 6.6672px + 1.7361vw, 40px);
}
.options-dropdown__item {
	cursor: pointer;
}
.options-dropdown__option {
	font-weight: 600;
	font-size: clamp(12px, 9.3334px + 0.3472vw, 16px);
	color: #1E1E24;
}
.options-dropdown__option.active {
	color: #57BBD4;
	border-bottom: 1px solid #57BBD4;
}
table{
	width: 100%;
	border-collapse: collapse;
}
thead th{
	padding: clamp(0px, -1px + 0.3125vw, 5px);
	font-size: clamp(12px, 11.2px + 0.25vw, 16px);
}
tr {
	border: 1px solid #505050;
}
td{
	text-align: center;
	width: 100px;
	padding: clamp(0px, -0.4px + 0.125vw, 2px);
	font-size: clamp(10px, 9.6px + 0.125vw, 12px);
}
td:not(:last-child),
th:not(:last-child){
	border-right: 1px solid #505050;
}
td:nth-child(odd) {
	background-color: #ffffff;
	font-family: monospace;
}
/* --------------------------- Preorder -------------------------------------------- */
.preorder-hero {
	background-color: #222222;
	min-height: clamp(220px, 164.7619px + 17.2619vw, 336px);
	position: relative;
	z-index: 1;
}
.preorder-hero__container,
.contact__container {
	padding-top: clamp(25px, 10.2381px + 4.6131vw, 56px);
	padding-bottom: clamp(25px, 10.2381px + 4.6131vw, 56px);
	padding-left: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
	padding-right: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
}
.preorder-hero__body {
	position: relative;
	z-index: 0;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 10.4762px + 2.9762vw, 40px);
	align-items: center;
}
.preorder-hero__title{
	font-family: "Big Shoulders", sans-serif;
	font-weight: 600;
	font-size: clamp(32px, 25.6px + 2vw, 64px);
	line-height: 1.2;
	color: #ffffff;
}
.preorder-hero__subtitle {
	max-width: 732px;
	font-size: clamp(18px, 13.7243px + 0.431vw, 22px);
	line-height: 1.2;
	color: #ffffff;
}
.preorder-hero__button {
	min-width: 207px;
	min-height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 0.625rem;
	color: #1E1E24;
	background-color: #57BBD4;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	border: 0.125rem solid #ffffff;
	padding-top: clamp(0.625rem, 1vw, 0.875rem);
	padding-bottom: clamp(0.625rem, 1vw, 0.875rem);
	padding-left: clamp(0.625rem, 2vw, 1.375rem);
	padding-right: clamp(0.625rem, 2vw, 1.375rem);
	transition: all 0.3s ease;
}
.preorder-hero__button span {
	display: flex;
	align-items: center;
	gap: 16px;
}
.preorder-hero__button span::before {
	content: "";
	width: 24px;
	height: 24px;
	background: url('img/book-svgrepo.svg') 0 0 no-repeat;
}
.preorder-hero__button::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 101%;
	height: 102%;
	top: 3px;
	left: 2px;
	background-color: #ffffff;
	border-radius: 0.625rem;
	transition: all 0.3s ease;
}
/* ------------------------- Features ---------------------------------------------- */
.features__container {
	padding-top: clamp(35px, 21px + 4.375vw, 105px);
	padding-bottom: clamp(70px, 54px + 5vw, 150px);
	padding-left: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
	padding-right: clamp(15px, calc(15px + (80 - 15) * ((100vw - 320px) / (991.98 - 320))), 80px);
}
.features__title {
	text-align: center;
	font-family: "Big Shoulders", sans-serif;
	font-weight: 800;
	font-size: clamp(32px, 22.4px + 3vw, 80px);
	line-height: 1.2;
	color: #1E1E24;
}
.features__title:not(:last-child){
	margin-bottom: clamp(28px, 21.4px + 2.0625vw, 61px);
}
.features__body {
	border-radius: 16px;
	overflow: hidden;
}
.features__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: clamp(30px, -12.7568px + 4.3103vw, 70px);
	row-gap: clamp(24px, 16.8px + 2.25vw, 60px);
}
.item-card {
	min-height: 284px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.item-card__image {
	flex: 0 1 100px;
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#animation-battery{
	width: 60px;
}
.item-card__image:not(:last-child){
	margin-bottom: 17px;
}
.item-card__title {
	color: #222222;
	font-family: "Big Shoulders", sans-serif;
	font-size: clamp(24px, 20.8px + 1vw, 40px);
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}
.item-card__title:not(:last-child){
	margin-bottom: 17px;
}
.item-card__text {
	color: #58585A;
	font-size: 1rem;
	line-height: 1.6;
	text-align: center;
}
/* ------------------------- Contact ------------------------------------------------- */
.contact {
	position: relative;
	background-color: #B7B7B7;
}
.contact:not(:last-child){
	margin-bottom: 107px;
}
.contact__container {
	padding-top: clamp(50px, 40px + 3.125vw, 100px);
	padding-bottom: clamp(50px, 40px + 3.125vw, 100px);
}
.contact__body:not(:last-child) {
	margin-bottom: clamp(30px, 21.6px + 2.625vw, 72px);
}
.contact__subtitle {
	font-size: clamp(18px, 15.6px + 0.75vw, 30px);
	font-weight: 500;
	line-height: 1.2;
	color: #222222;
}
.contact__subtitle:not(:last-child){
	margin-bottom: 12px;
}
.contact__title {
	font-family: "Big Shoulders", sans-serif;
	font-weight: 800;
	font-size: clamp(40px, 32px + 2.5vw, 80px);
	line-height: 1.2;
	color: #222222;
}
.form {
	position: relative;
	z-index: 0;
}
.form__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.form__body:not(:last-child) {
	margin-bottom: clamp(30px, 26px + 1.25vw, 50px);
}
.form__input {
	color: #222222;
	font-size: clamp(16px, 15.2px + 0.25vw, 20px);
	line-height: 1.5;
}
.form__input input {
	height: 49px;
	padding: 10px;
}
.form__input input,
.form__input textarea {
	border: 2px solid #222222;
	border-radius: 10px;
	overflow: hidden;
	outline: none;
}
.form__input label:not(:last-child){
	margin-bottom: 10px;
}
.form__input ::placeholder {
	color: #58585A;
}
.form-message {
	grid-column: span 2;
}
.form-message textarea{
	padding: 10px;
	height: 130px;
	resize: none;
}
.form__button {
	position: relative;
	min-width: 240px;
	border-radius: 0.625rem;
	color: #1E1E24;
	background-color: #57BBD4;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	border: 0.125rem solid #1E1E24;
	padding-top: clamp(0.625rem, 1vw, 0.875rem);
	padding-bottom: clamp(0.625rem, 1vw, 0.875rem);
	padding-left: clamp(0.625rem, 2vw, 1.375rem);
	padding-right: clamp(0.625rem, 2vw, 1.375rem);
	transition: all 0.3s ease;
}
.form__button::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 101%;
	height: 102%;
	top: 3px;
	left: 2px;
	background-color: #1E1E24;
	border-radius: 0.625rem;
	transition: all 0.3s ease;
}
/* -------------------------------- Tour ----------------------------------- */
.tour-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	background: rgba(0, 0, 0, 0.7);
}
.tour-highlight {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.tour-highlight.right {
	background: rgba(0, 0, 0, 0.7);
	border-radius: clamp(46px, 41.6px + 1.375vw, 68px);
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
	clip-path: polygon(0% 0%, 0% 100%, 11% 100%, 11% 6.5%, 90% 6.5%, 90% 35.5%, 11% 35.5%, 11% 101%, 101% 100%, 101% -1%);
}
.tour-highlight.bottom {
	clip-path: polygon(0% 0%, 0% 100%, 10% 100%, 10% 33.5%, 90% 33.5%, 90% 72.5%, 2% 72.5%, 10% 100%, 100% 100%, 100% 0%);
}
.tour-highlight.top {
	clip-path: none;
	background: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
.hole {
	display: none;
	position: absolute;
	border: 3px solid #D21A1A;
	border-radius: 10px;
	transition: all 0.3s ease;
	pointer-events: none;
	background-color: transparent;
}
.highlight-arrow {
	position: absolute;
	width: 100%;
	height: 25%;
	top: 10%;
	left: 35%;
	background: url('img/Arrow 1.svg') center no-repeat;
	transform: rotate(42deg);
}
.highlight-arrow.none {
	display: none;
}
.highlight-arrow.right {
	display: block;
}
.highlight-arrow.bottom {
	top: 30%;
	transform: rotate(17deg);
}
.highlight-arrow.top {
	width: 20%;
	height: 145%;
	top: 175%;
	left: auto;
	right: 340px;
	transform: rotate(140deg);
	z-index: 10000;
}
.tour-tooltip {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: clamp(24px, 13.3338px + 1.3889vw, 40px);
	background: #57BBD4;
	width: clamp(280px, 32.381px + 77.381vw, 800px);
	min-height: 260px;
	padding: clamp(5px, -7.6661px + 1.6493vw, 24px) clamp(10px, 0.6671px + 1.2153vw, 24px) clamp(10px, -9.9991px + 2.6041vw, 40px) clamp(10px, 0.6671px + 1.2153vw, 24px);
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	border: 2px solid #ffffff;
	overflow: hidden;
	z-index: 10000;
	text-align: center;
}
.tour-tooltip.center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.tour-tooltip.right {
	top: 222px;
	right: clamp(10px, -214.5244px + 20.8086vw, 185px);
	width: clamp(400px, 133.3449px + 34.7216vw, 800px);
}
.tour-tooltip.top {
	top: 25%;
	right: 15%;
	width: clamp(350px, 183.3406px + 21.701vw, 600px);
	min-height: clamp(270px, 222.6687px + 6.1631vw, 341px);
}
.tour-tooltip h2 {
	font-family: "Big Shoulders", sans-serif;
	font-weight: 700;
	font-size: clamp(24px, 19.2px + 1.5vw, 48px);
	line-height: 1.2;
}
.tour-tooltip h2:not(:last-child){
	margin-bottom: 24px;
}
.tour-tooltip p {
	font-weight: 500;
	font-size: clamp(14px, 12px + 0.625vw, 24px);
	color: #ffffff;
	line-height: 1.2;
}
.tour-tooltip p:not(:last-child){
	margin-bottom: 16px;
}
.tour-tooltip__content {
	margin-top: clamp(20px, -19.9983px + 5.2082vw, 80px);
}
.tour-buttons {
	display: flex;
	gap: clamp(20px, 8.5714px + 3.5714vw, 44px);
	justify-content: center;
	align-items: center;
}
.tour-buttons button {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: underline;
}
.primary {
	text-decoration: none;
	position: relative;
	border-radius: 0.625rem;
	color: #ffffff;
	background-color: #1E1E24;
	font-weight: 600;
	border: 0.125rem solid #ffffff;
	padding-top: clamp(0.625rem, 1vw, 0.875rem);
	padding-bottom: clamp(0.625rem, 1vw, 0.875rem);
	padding-left: clamp(0.625rem, 2vw, 1.375rem);
	padding-right: clamp(0.625rem, 2vw, 1.375rem);
	transition: all 0.3s ease;
}
.primary::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 102%;
	height: 107%;
	top: 5%;
	left: 2%;
	background-color: #ffffff;
	border-radius: 0.625rem;
	transition: all 0.3s ease;
}
/*------------------------- Media ---------------------------------------*/
@media (hover: hover) {
	.preorder-hero__button:hover::before {
		transform: translate(2px, 2px);
	}
	.form__button:hover::before {
		transform: translate(2px, 2px);
	}
	.primary:hover::before {
		transform: translate(2%, 3%);
	}
	.terms__item:hover .terms__link {
		border-bottom: .0625rem solid #ffffff;
	}
	.menu__item:hover .menu__link {
		color: #57BBD4;
	}
}
@media (any-hover: none) {
	.icon-menu {
		cursor: default;
	}
}
@media (max-width: 1298.98px) {
	.tour-tooltip.right .tour-tooltip__content {
		margin-top: 0px;
	}
}
@media (max-width: 991.98px) {
	.highlight-arrow {
		opacity: 0;
	}
	.tour-tooltip.right {
		padding: 5px;
		min-height: 0px;
		gap: 15px;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -60%);
	}
	.tour-tooltip.right .tour-tooltip__content {
		margin-top: 0;
	}
	.tour-tooltip.right .tour-tooltip__content h2 {
		font-size: 32px;
	}
	.tour-tooltip.right .tour-tooltip__content h2:not(:last-child){
		margin-bottom: 10px;
	}
	.tour-tooltip.right .tour-tooltip__content p {
		font-size: 18px;
	}
	.tour-tooltip.bottom {
		top: 0;
		transform: translate(-50%, 0);
	}
	.features__items{
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	.highlight-arrow.top {
		right: 8%;
		width: 40%;
		height: 160%;
	}
	.hero-block__container{
		flex-direction: column;
	}
	.hero-block__calculator {
		margin: 0 auto;
	}
	.spollers__title {
		padding-right: 62px;
	}
	th{
		font-size: 12px;
	}
	.menu__body {
		position: fixed;
		width: 100%;
		height: 100%;
		right: -100%;
		top: 0;
		overflow: auto;
		padding: 100px 15px 30px 15px;
		transition: right 0.3s;
		background-color: #ffffff;
	}
	.menu__body::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 70px;
		left: -100%;
		top: 0;
		transition: left 0.3s;
		z-index: 2;
	}
	.menu-open .menu__body {
		right: 0;
	}
	.menu-open .menu__body::before {
		left: 0;
	}
	.menu__list {
		flex-direction: column;
		gap: 40px;
	}
	.menu__link {
		font-size: 22px;
	}
	.icon-menu {
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		z-index: 5;
	}
	.icon-menu span,
	.icon-menu::before,
	.icon-menu::after {
		content: "";
		transition: all 0.3s ease 0s;
		right: 0;
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #000;
	}
	.icon-menu::before {
		top: 0;
	}
	.icon-menu::after {
		bottom: 0;
	}
	.icon-menu span {
		top: calc(50% - 1px);
	}
	.menu-open .icon-menu span {
		width: 0;
	}
	.menu-open .icon-menu::before {
		top: calc(50% - 1px);
		transform: rotate(-45deg);
	}
	.menu-open .icon-menu::after {
		bottom: calc(50% - 1px);
		transform: rotate(45deg);
	}
}
@media (max-width: 832.98px) {
	.footer__container {
		flex-direction: column;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.footer__logo {
		flex: 0 1 auto;
	}
	.tour-tooltip.top {
		right: 50%;
		transform: translateX(50%);
		width: clamp(290px, 68.5714px + 69.1964vw, 600px);
		min-height: 0px;
		padding: 5px;
	}
	.tour-tooltip.top .tour-tooltip__content {
		margin-top: 0;
	}
}
@media (max-width: 767.98px) {
	.form__body{
		grid-template-columns: 1fr;
	}
	.form-message {
		grid-column: auto;
	}
}
@media (max-width: 579.98px) {
	.highlight-arrow.top {
		top: 38%;
		left: 44%;
		background: url('img/Arrow 1.svg') center/60% no-repeat;
	}
}
@media (max-width: 479.98px) {
	.contact__form {
		width: 100%;
	}
	.tour-tooltip.right {
		width: inherit;
	}
	.highlight-arrow.top {
		top: 47%;
		left: 31%;
		transform: rotate(161deg);
	}
	.input::placeholder {
		font-size: 12px;
	}
	.header-dropdown__button {
		flex-basis: 15px;
		width: 15px;
		height: 15px;
		background: url('img/dropdown/Vector.svg') center / 59% no-repeat;
	}
}