@charset "UTF-8";* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
*::before,
*::after {
	display: inline-block;
}
html,
body {
	height: 100%;
}
body {
	line-height: 1;
	scrollbar-gutter: stable;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input,
button,
textarea {
	font-family: inherit;
	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;
}
ul li {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}
@font-face {font-family: Roboto;font-display: swap;src: url("../fonts/Roboto-Regular.woff2") format("woff2");font-weight: 400;font-style: normal;}
@font-face {font-family: Roboto;font-display: swap;src: url("../fonts/Roboto-Medium.woff2") format("woff2");font-weight: 500;font-style: normal;}
@font-face { 
	font-family: "iconfont"; 
	font-display: swap;
	src: url("../fonts/iconfont.woff2?01646fad812097c898c42fd99b1d982f") format("woff2"); 
} 
[class*="--icon-"]::before{
	font-family: iconfont; 
}
	[class*="--icon-voice"]::before { 
		content: "\f101"; 
	} 
	[class*="--icon-vk"]::before { 
		content: "\f102"; 
	} 
	[class*="--icon-video-production"]::before { 
		content: "\f103"; 
	} 
	[class*="--icon-telegram"]::before { 
		content: "\f104"; 
	} 
	[class*="--icon-star"]::before { 
		content: "\f105"; 
	} 
	[class*="--icon-smile"]::before { 
		content: "\f106"; 
	} 
	[class*="--icon-separate"]::before { 
		content: "\f107"; 
	} 
	[class*="--icon-play"]::before { 
		content: "\f108"; 
	} 
	[class*="--icon-play-fill"]::before { 
		content: "\f109"; 
	} 
	[class*="--icon-personage-count"]::before { 
		content: "\f10a"; 
	} 
	[class*="--icon-person-calc"]::before { 
		content: "\f10b"; 
	} 
	[class*="--icon-payment-alert"]::before { 
		content: "\f10c"; 
	} 
	[class*="--icon-palette-calc"]::before { 
		content: "\f10d"; 
	} 
	[class*="--icon-mobile"]::before { 
		content: "\f10e"; 
	} 
	[class*="--icon-lightning-calc"]::before { 
		content: "\f10f"; 
	} 
	[class*="--icon-lapa"]::before { 
		content: "\f110"; 
	} 
	[class*="--icon-input-star"]::before { 
		content: "\f111"; 
	} 
	[class*="--icon-implementation"]::before { 
		content: "\f112"; 
	} 
	[class*="--icon-for-biznes"]::before { 
		content: "\f113"; 
	} 
	[class*="--icon-fire-calc"]::before { 
		content: "\f114"; 
	} 
	[class*="--icon-film-calc"]::before { 
		content: "\f115"; 
	} 
	[class*="--icon-duration"]::before { 
		content: "\f116"; 
	} 
	[class*="--icon-clip-files"]::before { 
		content: "\f117"; 
	} 
	[class*="--icon-check"]::before { 
		content: "\f118"; 
	} 
	[class*="--icon-check-confirm"]::before { 
		content: "\f119"; 
	} 
	[class*="--icon-card"]::before { 
		content: "\f11a"; 
	} 
	[class*="--icon-camera-calc"]::before { 
		content: "\f11b"; 
	} 
	[class*="--icon-calendar"]::before { 
		content: "\f11c"; 
	} 
	[class*="--icon-calendar-calc"]::before { 
		content: "\f11d"; 
	} 
	[class*="--icon-big-play"]::before { 
		content: "\f11e"; 
	} 
	[class*="--icon-big-camera"]::before { 
		content: "\f11f"; 
	} 
	[class*="--icon-arrow-top"]::before { 
		content: "\f120"; 
	} 
	[class*="--icon-arrow-slide"]::before { 
		content: "\f121"; 
	} 
	[class*="--icon-arrow-right"]::before { 
		content: "\f122"; 
	} 
	[class*="--icon-arrow-left"]::before { 
		content: "\f123"; 
	} 
	[class*="--icon-arrow-filter-bottom"]::before { 
		content: "\f124"; 
	} 
	[class*="--icon-arrow-bottom"]::before { 
		content: "\f125"; 
	} 
	[class*="--icon-arrow-bott"]::before { 
		content: "\f126"; 
	} 
	[class*="--icon-alert"]::before { 
		content: "\f127"; 
	} 
	[class*="--icon-ai-alert"]::before { 
		content: "\f128"; 
	} 

/* Generated by vite-plugin-svg-spritemap */
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}

.vjs-svg-icon:before {
  content: none !important;
}

.vjs-control:focus .vjs-svg-icon, .vjs-svg-icon:hover {
  filter: drop-shadow(0 0 0.25em #fff);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
  content: "\f103";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
  content: "\f104";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
  content: "\f105";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
  content: "\f106";
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
  content: "\f107";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
  content: "\f108";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10a";
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
  content: "\f10b";
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f10d";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f115";
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "\f11a";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
  content: "\f11b";
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder, .vjs-icon-replay-5 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before, .vjs-icon-replay-5:before {
  content: "\f11c";
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder, .vjs-icon-replay-10 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before, .vjs-icon-replay-10:before {
  content: "\f11d";
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder, .vjs-icon-replay-30 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before, .vjs-icon-replay-30:before {
  content: "\f11e";
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder, .vjs-icon-forward-5 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before, .vjs-icon-forward-5:before {
  content: "\f11f";
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder, .vjs-icon-forward-10 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before, .vjs-icon-forward-10:before {
  content: "\f120";
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder, .vjs-icon-forward-30 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before, .vjs-icon-forward-30:before {
  content: "\f121";
}

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "\f126";
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
  content: "\f127";
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f12d";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: 0;
}

.video-js *, .video-js :after, .video-js :before {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window, body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text, .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a, .vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid #fff;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000;
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: 0 0;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-js :not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-description, .vjs-title-bar-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: 700;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0;
}

.video-js :focus:not(:focus-visible) {
  outline: 0;
}

body {
  min-width: 320px;
  color: #2b2b2b;
  font-family: "Roboto";
  font-size: 16px;
}
[data-fls-scrolllock] body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.wrapper > main {
  flex: 1 1 auto;
  z-index: 0;
}
.wrapper > * {
  min-width: 0;
}

[class*=__container] {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}

.inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.title {
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #2b2b2b;
}
.subtitle {
  line-height: 140%;
  letter-spacing: -0.01em;
  color: rgba(43, 43, 43, 0.7);
}
.title-desc {
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.01em;
}
.text-content {
  line-height: 150%;
  letter-spacing: -0.01em;
}
.text {
  line-height: 150%;
  letter-spacing: -0.01em;
}
.text-info {
  line-height: 150%;
  margin: 0;
}

.desc-item {
  border-radius: 100px;
  padding: 10px 14px;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: #bf341d;
}

.breadcrumb {
  padding: 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: nowrap;
}
.breadcrumb span {
  position: relative;
  font-size: 16px;
  white-space: nowrap;
  flex-shrink: 0;
}
.breadcrumb span:not(:last-child)::before {
  content: "/";
  position: absolute;
  font-size: 16px;
  right: -20px;
  color: #000;
}
.breadcrumb > span:first-child {
  color: rgba(43, 43, 43, 0.3);
}
.breadcrumb > span:last-child {
  pointer-events: none;
}
.breadcrumb > span:last-child .current-item::before {
  display: none;
}
.page--blog .breadcrumb {
  justify-content: center;
}

.video__play-btn {
  display: inline-flex;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.video__play-btn::before {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-53%, -50%);
  color: #e61b18;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.video__play-btn .play-btn {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
}
.video__play-btn .play-btn::before {
  font-size: 18px;
  color: #e61b18;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.btn-prev,
.btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.btn-prev::before,
.btn-next::before {
  font-size: 30px;
  color: #bf341d;
}
.btn-prev.swiper-button-disabled::before,
.btn-next.swiper-button-disabled::before {
  color: rgba(191, 52, 29, 0.46);
}

.btn-prev::before {
  transform: rotate(-180deg);
}
.num-big {
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #bf341d;
}

.sample {
  font-style: italic;
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #bf341d;
}

@media (max-width: 999.98px) {
  .sample {
    font-size: 20px;
  }
}

.form-item:has(.form-item__input.--form-error) {
  outline: 2px solid red !important;
}

.form-item-message-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.form-item__message-file {
  max-width: fit-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.4);
}
.form-item__message-file::before {
  font-size: 15px;
}

/* Скрытие неактивных шагов */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Адаптация кнопки "Назад" */
.popup-get-heading__action-btn-back {
  transition: opacity 0.2s ease, cursor 0.2s ease;
}
.popup-get-heading__action-btn-back:disabled {
  pointer-events: none;
}

/* Скрываем все шаги по умолчанию */
.quiz_block {
  display: none;
}

/* Активный шаг */
.quiz_block.active {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Подсветка невалидного поля */
.field-invalid {
  outline: 2px solid red !important;
}

/* Текст ошибки */
.popup__body .form-item-payment .form-inner-items {
  gap: 24px;
}
.popup__body .form-item-payment .form-item__label::before {
  top: 4px;
}
.popup__body .form-item-payment .form-item__input-checkbox::after {
  top: 10px;
}

.popup-get-heading-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.popup-get-heading-wrapper__action {
  width: 90px;
  height: 30px;
  display: flex;
  max-width: fit-content;
}

.popup-get-heading__action-btn-back {
  visibility: hidden;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: transparent;
  border: none;
  outline: none;
}
.popup-get-heading__action-btn-back::before {
  font-size: 20px;
}

.popup-get-main {
  max-width: 690px;
  width: 100%;
}
.popup-get-main__body {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 12px;
}
.popup-get-main__action {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 15px;
  right: 12px;
  display: flex;
  justify-content: flex-end;
  background-color: #D98577;
  border-radius: 50%;
}
.popup-get-main__close {
  position: relative;
  outline: none;
  cursor: pointer;
}
.popup-get-main__close::before, .popup-get-main__close::after {
  content: "";
  top: 9px;
  right: 17px;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #fff;
  width: 2px;
  height: 20px;
  z-index: 10;
}
.popup-get-main__close::before {
  transform: rotate(-45deg);
}
.popup-get-main__close::after {
  transform: rotate(45deg);
}
.popup-get-main__heading-content {
  display: flex;
  gap: 18px;
}
.popup-get-main__icon {
  width: 73px;
  height: 73px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #ff3f1f;
}
.popup-get-main__icon::before {
  font-size: 35px;
  color: #fff;
}
.popup-get-main__icon.--icon-big-camera::before {
  position: relative;
  top: -7px;
  font-size: 40px;
}
.popup-get-main__icon-wrapper {
  padding: 23px 20px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-shrink: 0;
  background: #ff3f1f;
}
.popup-get-main__icon-wrapper::before {
  font-size: 35px;
  color: #fff;
}
.popup-get-main__icon-text {
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: #fff;
}
.popup-get-main__status {
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 80px;
}
.popup-get-main .popup-get-main__status-item {
  position: relative;
}
.popup-get-main .popup-get-main__status-item .popup-get-main__status-icon::before {
  display: none;
}
.popup-get-main .popup-get-main__status-item.active .popup-get-main__status-icon::before, .popup-get-main .popup-get-main__status-item.completed .popup-get-main__status-icon::before {
  display: block !important;
}
.popup-get-main .popup-get-main__status-item:last-child.active .popup-get-main__status-number, .popup-get-main .popup-get-main__status-item:last-child.completed .popup-get-main__status-number {
  display: none;
}
.popup-get-main .popup-get-main__status-item:first-child {
  position: relative;
}
.popup-get-main .popup-get-main__status-item:first-child::before {
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 1px;
  background-color: #fff;
}
.popup-get-main__status-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.popup-get-main__status-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.popup-get-main__status-icon::before {
  position: relative;
  top: -1px;
  left: 1px;
  font-size: 20px;
  color: #bf341d;
}
.popup-get-main__status-text {
  font-size: 16px;
  color: #fff;
}
.popup-get-main__status-number {
  font-size: 20px;
  color: #bf341d;
}
.popup-get-main__form-wrapper {
  padding: 24px;
}

.popup-get-title {
  font-weight: 500;
}
.popup-get-title {
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #fff;
}
.popup-get-subtitle {
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}

.popup-get-heading {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.popup-get-heading-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.popup-get-heading-wrapper {
  border-radius: 12px 12px 0 0;
  padding: 24px 24px 28px 24px;
  background-color: #bf341d;
}

.form-upload__status {
  padding: 10px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  font-size: 14px;
}

.form-upload-desc {
  font-size: 16px;
  line-height: 150%;
}
.form-upload-desc span {
  color: rgba(43, 43, 43, 0.7);
}
.form-upload-desc a {
  text-decoration: underline;
  color: rgba(0, 14, 171, 0.7);
}

.form-upload {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-upload__area {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px 20px;
  border: 1px dashed #d3d3d3;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
}
.form-upload__area:hover {
  border-color: #e86c5a;
  background-color: rgba(232, 108, 90, 0.03);
}
.form-upload__area._drag-over {
  border-color: #e86c5a;
  background-color: rgba(232, 108, 90, 0.06);
}
.form-upload {
  /* ==================== УВЕДОМЛЕНИЕ В ЗОНЕ ЗАГРУЗКИ ==================== */
}
.form-upload__notify {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  color: #7a5800;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.form-upload__notify._visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.form-upload__notify._hiding {
  opacity: 0;
  transform: translateX(-50%) translateY(6px);
}
.form-upload__notify-icon {
  flex-shrink: 0;
  color: #e6a000;
}
.form-upload__icon {
  width: 48px;
  height: 48px;
}
.form-upload__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.form-upload__info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.form-upload__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: rgba(43, 43, 43, 0.7);
  text-align: center;
}
.form-upload__info {
  font-size: 16px;
  line-height: 140%;
  color: rgba(43, 43, 43, 0.7);
}
.form-upload__input, .form-upload__input-file {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.form-upload__files {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.form-upload__file {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  transition: border-color 0.3s;
}
.form-upload__file:hover {
  border-color: rgba(232, 108, 90, 0.5);
}
.form-upload__file-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-upload__file-icon svg {
  width: 24px;
  height: 24px;
}
.form-upload__file-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
  min-width: 0;
}
.form-upload__file-name {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-upload__file-meta {
  font-size: 13px;
  color: #999;
}
.form-upload__file-remove {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.3s;
  padding: 0;
}
.form-upload__file-remove:hover {
  background-color: #ff9393;
}
.form-upload__file-remove:hover svg path {
  stroke: rgba(0, 0, 0, 0.6);
}
.form-upload__file-remove svg {
  width: 20px;
  height: 20px;
}
.form-upload__file-remove svg path {
  transition: stroke 0.3s;
}

.form-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-items-subtitle {
  font-size: 16px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}

.form-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.form-actions {
  max-height: fit-content;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  z-index: 2;
}

.form-inner {
  display: grid;
  grid-template-columns: minmax(660px, 1.1fr) 0.9fr;
  gap: 24px;
}

.form-inner-items {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.form-wrapper-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-wrapper-alert {
  gap: 24px;
}

.form-attach {
  display: flex;
  align-items: center;
  gap: 4px;
}
.form-attach__notify {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  color: #7a5800;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.form-attach__notify._visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.form-attach__notify._hiding {
  opacity: 0;
  transform: translateX(-50%) translateY(6px);
}
.form-attach__notify-icon {
  flex-shrink: 0;
  color: #e6a000;
}

.form-items {
  padding-left: 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-items-desc {
  display: flex;
  align-items: center;
  gap: 12px;
}

.form-items-desc-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.form-items-desc-wrapper-text {
  width: 100%;
  padding: 12px;
  border: 1px solid #fee685;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 140%;
  color: #c14d00;
  background: #fffbeb;
}
.form-items-desc-wrapper-text::before {
  content: "\f105";
  font-family: iconfont;
  font-size: 24px;
  line-height: 140%;
  color: #DFBB38;
}

.form-item__box-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.form-item__box-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #545454;
}
.form-item__box-icon::before {
  font-size: 18px;
}

.form-item__text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.form-item__text {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
}

.form-text-recommended {
  padding: 4px 8px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #1d934e;
  background-color: #dbfce7;
}

.form-text-link {
  font-size: 14px;
  line-height: 120%;
  color: rgba(43, 43, 43, 0.7);
  transition: color 0.3s ease;
}

.form__important {
  border: 1px solid #ffc9c9;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  gap: 10px;
  background: #fef2f2;
}

.form__important-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.form__important-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #ffe2e2;
  color: #545454;
}
.form__important-icon::before {
  font-size: 28px;
  color: #E70611;
}

.form__important-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #9f0712;
}

.form__important-text {
  font-size: 14px;
  line-height: 150%;
  color: #9f0712;
}

.form-get-animation__moment-payment {
  border: 1px solid #bedbff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #eff6ff;
}

.form__moment-payment-icon {
  border-radius: 999px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #dbeafe;
}
.form__moment-payment-icon::before {
  font-size: 28px;
  color: #155DFC;
}

.form__moment-payment-text {
  font-size: 14px;
  line-height: 150%;
  color: #195fd1;
}

.form-text-note {
  font-size: 14px;
  line-height: 120%;
  color: rgba(43, 43, 43, 0.7);
}

.form-wrapper-items__desc-wrapper {
  display: inline-flex;
  position: relative;
}
/* .form-wrapper-items__desc-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(100% - 140px);
  height: 1px;
  background-color: #e8e8e8;
} */

.form-wrapper-items__desc {
  position: relative;
  display: inline-block;
  max-width: fit-content;
  border: 1px solid #e8e8e8;
  border-radius: 100px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.01em;
  z-index: 1;
}

.form-items-desc-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.form-items-num {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ff9393;
  color: #fff;
}

.form-items-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: -0.01em;
}

.form-btn-action {
  width: 100%;
}

.form-img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.form-img picture {
  aspect-ratio: 62/56;
}
.form-img img {
  aspect-ratio: 62/56;
}

.form-item__message {
  width: 100%;
  min-height: 160px;
  padding: 20px 12px 40px 12px;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  resize: none;
  font-size: 16px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
  outline: none;
}
.form-item__message::placeholder {
  max-width: 390px;
}
.form-item__message.--form-error {
  outline: 2px solid red;
}

.form-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  padding: 12px 12px 12px 48px;
  line-height: 150%;
}

.form-item-input__text {
  padding: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  outline: none;
}
.form-item-input__text.--form-error {
  outline: 2px solid red;
}

.form-item-input__star {
  padding: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  outline: none;
}
.form-item-input__star.--form-error {
  outline: 2px solid red;
}

.form-item-input__star-hide {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.form-item-input__star-hide:checked + .form-item__input-checkbox-star::after {
  transform: scale(1);
}

.form-item__input-checkbox-star::after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 4px;
  top: 4px;
  /* left: -35px;
  top: 12px; */
  transform: translate(35px, -12px);
  background-image: url("../../assets/img/other/checkbox-star.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 2;
}

.form-item__label {
  position: relative;
  cursor: pointer;
}
.form-item__label::before {
  content: "";
  display: inline-flex;
  position: absolute;
  left: -35px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #6B6B6B;
}

.form-item__label-star {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.form-item__label-star::before {
  font-family: iconfont;
  content: "\f111";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 22px;
  color: #dee0e6;
  background: #f3f4f6;
}

.form-item__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.form-item__input:checked + .form-item__input-checkbox::after {
  transform: scale(1);
}

.form-item__input-checkbox::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: -29px;
  top: 6px;
  transform: translate(29px, -6px);
  background-image: url("../../assets/img/other/checkbox-red.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 2;
}

.popup-policy-checkbox {
  display: flex;
  flex-direction: column;
  position: relative;
}
.popup-policy-checkbox__checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 30px;
}
.popup-policy-checkbox__label {
  position: relative;
  cursor: pointer;
}
.popup-policy-checkbox__label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: -28px;
  top: -14px;
  border-radius: 3px;
  border: 2px solid #6a6a6a;
  cursor: pointer;
}
.popup-policy-checkbox__label.--form-error::before {
  border: 2px solid red;
}
.popup-policy-checkbox__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.popup-policy-checkbox__input:checked + .popup-policy-checkbox__input-checkbox::after {
  transform: scale(1);
}
.popup-policy-checkbox__input-checkbox {
  position: relative;
}
.popup-policy-checkbox__input-checkbox::after {
  content: "";
  width: 10px;
  height: 8px;
  position: absolute;
  left: -24px;
  top: -9px;
  background-image: url("../../assets/img/other/checkbox-black.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 5;
}
.popup-policy-checkbox__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #a9a9a9;
}
.popup-policy-checkbox__text span,
.popup-policy-checkbox__text a {
  display: inline;
}
.popup-policy-checkbox__link {
  color: #bf341d;
  text-decoration-style: dotted;
  text-decoration-color: #bf341d;
  text-decoration-line: underline;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
.menu__list {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
}
.menu__item {
  transition: color 0.3s ease-in;
}
.menu__link {
  text-decoration: none;
}
.icon-menu {
  display: none;
}/* Generated by vite-plugin-svg-spritemap */
.header {
  background-color: #fff;
  z-index: 1;
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.header__logo-link {
  width: 143px;
  height: 132px;
  z-index: 6;
}/* Generated by vite-plugin-svg-spritemap */
.footer__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.footer__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__brand {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
}
.footer__logo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 240px;
}
.footer__logo-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
}
.footer__actions {
  padding-top: 50px;
  display: flex;
  gap: 70px;
}
.footer__wrapper {
  display: flex;
  gap: 30px;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.footer-menu__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 260px;
}

.footer-menu__item {
  transition: color 0.3s ease-in;
}
.footer-contacts__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-contacts__items .footer-contacts__item:first-child address {
  display: flex;
  flex-direction: column;
}
.footer-contacts__items .footer-contacts__item:first-child address {
  line-height: 150%;
  font-style: normal;
  color: #2b2b2b;
}
.footer-contacts__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.footer-contacts__item-desc {
  font-size: 18px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.footer-contacts__item-link {
  font-size: 20px;
  line-height: 150%;
}
.footer-contacts__socials-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer__bottom {
  border-top: 1px solid #efefef;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 500;
}
.footer__bottom {
  line-height: 150%;
  color: rgba(43, 43, 43, 0.5);
}

.footer-bottom__politics {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 28px;
}
.footer-bottom__link:not(:first-child) {
  position: relative;
}
.footer-bottom__link:not(:first-child)::before {
  pointer-events: none;
  content: "";
  width: 4px;
  height: 4px;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  position: absolute;
  background-color: rgba(43, 43, 43, 0.5);
}/* Generated by vite-plugin-svg-spritemap */
input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  border-radius: 0;
  width: 100%;
  display: block;
  padding: 10px;
  border: 1px solid #eee;
  caret-color: inherit;
}
.input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}

textarea.input {
  resize: vertical;
  padding: 0px 0px;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
.reasons-cartoon {
  background-color: #f5f5f5;
}
.reasons-cartoon__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.reasons-cartoon__inner {
  display: flex;
  flex-direction: column;
}
.reasons-cartoon__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reasons-cartoon__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 24px;
  column-gap: 30px;
}
.reasons-cartoon__items a {
  color: #bf341d;
  text-decoration: underline;
}
.reasons-cartoon__item {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
}
.reasons-cartoon__img {
  aspect-ratio: 67/28;
}
.reasons-cartoon__img img,
.reasons-cartoon__img picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reasons-cartoon__content {
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.reasons-cartoon__content {
  background-color: #fbfbfb;
}/* Generated by vite-plugin-svg-spritemap */
.order-cartoon {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}
.order-cartoon__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.order-cartoon__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-cartoon__form-inner-items .order-cartoon__form-wrapper-items:nth-child(2) .order-cartoon__form-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
}
.order-cartoon__form-inner-items .order-cartoon__form-wrapper-items:nth-child(2) .order-cartoon__form-items .order-cartoon__form-item:last-child {
  grid-column: span 2;
}/* Generated by vite-plugin-svg-spritemap */
.formats-cartoon {
  background-color: #f5f5f5;
}
.formats-cartoon__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.formats-cartoon__tabs {
  display: grid;
  grid-template-columns: 550px 1fr;
  gap: 50px;
}
.formats-cartoon__tabs-navigation {
  padding-left: 20px;
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.formats-cartoon__tabs-title-wrapper {
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.formats-cartoon__tabs-title-wrapper.--tab-active {
  color: #bf341d;
}
.formats-cartoon__tabs-title-wrapper.--tab-active .formats-cartoon__tabs-title-desc {
  display: block;
  max-width: 490px;
}
.formats-cartoon__tabs-title {
  position: relative;
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
}
.formats-cartoon__tabs-title {
  font-weight: 500;
  line-height: 150%;
  text-align: left;
}
.formats-cartoon__tabs-title::before {
  position: absolute;
  left: -20px;
  top: 0;
  font-size: 17px;
  display: none;
}
.--tab-active .formats-cartoon__tabs-title::before {
  display: block;
}
.formats-cartoon__tabs-title-desc {
  display: none;
  font-size: 20px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
  text-wrap: balance;
}
.formats-cartoon__tabs-body-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.formats-cartoon__tabs-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.formats-cartoon__tabs-info-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
.formats-cartoon__tabs-list {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.formats-cartoon__tabs-list-item {
  position: relative;
}
.formats-cartoon__tabs-list-item::before {
  content: "";
  position: absolute;
  top: 15px;
  left: -20px;
  width: 10px;
  height: 2px;
  background-color: #000;
}
.formats-cartoon__tabs-info-desc {
  /* font-weight: 500; */
  font-size: 20px;
  line-height: 130%;
}/* Generated by vite-plugin-svg-spritemap */
.faq {
  background-color: #f5f5f5;
}
.faq__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.faq-spollers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.faq-spollers__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  padding: 24px 60px 24px 24px;
  border-radius: 12px;
  position: relative;
  list-style: none;
  background-color: #fff;
  transition: border-radius 0.3s ease;
}
.faq-spollers__title::marker, .faq-spollers__title::-webkit-details-marker {
  display: none;
}
.--spoller-init .faq-spollers__title {
  cursor: pointer;
}
.--spoller-init .faq-spollers__title::before, .--spoller-init .faq-spollers__title::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 30px;
  background-color: #bf341d;
  height: 2px;
  width: 24px;
  transition: transform 0.5s ease 0s;
}
.--spoller-init .faq-spollers__title::before {
  transform: translate(0, -50%) rotate(0);
}
.--spoller-init .faq-spollers__title::after {
  transform: translate(0, -50%) rotate(-90deg);
}
.--spoller-init .faq-spollers__title.--spoller-active {
  border-radius: 12px 12px 0 0;
}
.--spoller-init .faq-spollers__title.--spoller-active::before, .--spoller-init .faq-spollers__title.--spoller-active::after {
  background-color: #bf341d;
}
.--spoller-init .faq-spollers__title.--spoller-active::before {
  transform: rotate(-45deg);
}
.--spoller-init .faq-spollers__title.--spoller-active::after {
  transform: rotate(-135deg);
  transition: all 0.3s ease 0s;
}
.faq-spollers__num {
  display: none;
}
.faq-spollers__body {
  padding: 0 24px 24px 24px;
  border-radius: 0 0 12px 12px;
  background-color: #fff;
}
.faq-spollers__body a {
  text-decoration: underline;
  color: #bf341d;
}/* Generated by vite-plugin-svg-spritemap */
.creation-cartoon {
  background-color: #f5f5f5;
}
.creation-cartoon__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.creation-cartoon__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.creation-cartoon__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
}
.creation-cartoon__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.creation-cartoon__item {
  display: flex;
  border-radius: 12px;
  padding: 24px;
  gap: 25px;
  background-color: #fff;
}
.creation-cartoon__item-num {
  font-weight: 500;
  font-size: 60px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.creation-cartoon__item-content {
  display: flex;
  flex-direction: column;
}
.creation-cartoon__image {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.creation-cartoon__image img,
.creation-cartoon__image picture {
  aspect-ratio: 67/54;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.creation-cartoon a {
  color: #bf341d;
  text-decoration: underline;
}/* Generated by vite-plugin-svg-spritemap */
.cartoon-drawings {
  background-color: #f5f5f5;
}
.cartoon-drawings__container {
  padding-top: 40px;
  padding-bottom: 50px;
}
.cartoon-drawings__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.cartoon-drawings__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.cartoon-drawings__heading {
  display: flex;
  flex-direction: column;
}
.cartoon-drawings__title {
  text-wrap: balance;
}
.cartoon-drawings__subtitle {
  max-width: 600px;
}
.cartoon-drawings__image {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 68/58;
}
.cartoon-drawings__image img,
.cartoon-drawings__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* Generated by vite-plugin-svg-spritemap */
.qs-datepicker-container {
  margin: 5px;
  font-size: 1rem;
  font-family: sans-serif;
  color: #000;
  position: absolute;
  width: 15.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  background: #000;
  -webkit-box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
  border-right: 1px solid #fff;
  border-left: 1px solid #f1ad70;
  padding: 5px;
}
.qs-datepicker-container:before, .qs-datepicker-container:after {
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  z-index: 2;
  position: absolute;
  background-image: linear-gradient(to right, #f1ad70 0%, #fffdf2 100%);
}
.qs-datepicker-container:before {
  top: 0;
}
.qs-datepicker-container:after {
  bottom: 0;
}

.qs-datepicker-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.qs-datepicker-container.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.qs-datepicker-container.qs-hidden {
  display: none;
}

.qs-datepicker .qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.qs-datepicker .qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}

.qs-datepicker .qs-overlay .qs-overlay-year {
  background: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.qs-datepicker .qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.qs-datepicker .qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: 0.26392em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: hsla(0, 0%, 50.2%, 0.4);
}

.qs-datepicker .qs-overlay .qs-submit.qs-disabled {
  color: grey;
  border-color: grey;
  cursor: not-allowed;
}

.qs-datepicker .qs-overlay .qs-overlay-month-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.qs-datepicker .qs-overlay .qs-overlay-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33.33333%;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.qs-datepicker .qs-overlay .qs-overlay-month.active,
.qs-datepicker .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-datepicker .qs-controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #000;
  color: #fff;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.qs-datepicker .qs-controls.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.qs-datepicker .qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.26392em;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}

.qs-datepicker .qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

.qs-datepicker .qs-arrow:hover.qs-left:after {
  border-right-color: #000;
}

.qs-datepicker .qs-arrow:hover.qs-right:after {
  border-left-color: #000;
}

.qs-datepicker .qs-arrow:after {
  content: "";
  border: 0.39062em solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}

.qs-datepicker .qs-arrow.qs-left:after {
  border-right-color: grey;
  right: 50%;
  -webkit-transform: translate(25%, -50%);
  -ms-transform: translate(25%, -50%);
  transform: translate(25%, -50%);
}

.qs-datepicker .qs-arrow.qs-right:after {
  border-left-color: grey;
  left: 50%;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
}

.qs-datepicker .qs-month-year {
  font-weight: 700;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}

.qs-datepicker .qs-month-year:hover {
  border-bottom: 1px solid grey;
}

.qs-datepicker .qs-month-year:active:focus,
.qs-datepicker .qs-month-year:focus {
  outline: none;
}

.qs-datepicker .qs-month {
  padding-right: 0.5ex;
}

.qs-datepicker .qs-year {
  padding-left: 0.5ex;
}

.qs-datepicker .qs-squares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.3125em;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.qs-datepicker .qs-squares.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.qs-datepicker .qs-square {
  width: 14.28571%;
  height: 1.5625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  border-radius: 0.26392em;
}

.qs-datepicker .qs-square.qs-current {
  font-weight: 700;
}

.qs-datepicker .qs-square.qs-current span {
  text-decoration: underline;
}

.qs-datepicker .qs-square.qs-active {
  background: #fff;
  color: #000;
}

.qs-datepicker .qs-square.qs-range-date-start:not(.qs-range-date-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-middle {
  background: #d4ebf2;
}

.qs-datepicker .qs-square.qs-range-date-middle:not(.qs-range-date-0):not(.qs-range-date-6) {
  border-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-end:not(.qs-range-date-0),
.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-datepicker .qs-square.qs-disabled span {
  opacity: 0.2;
}

.qs-datepicker .qs-square.qs-empty {
  cursor: default;
}

.qs-datepicker .qs-square.qs-disabled {
  cursor: not-allowed;
}

.qs-datepicker .qs-square.qs-day {
  cursor: default;
  font-weight: 700;
  color: grey;
}

.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-datepicker .qs-event {
  position: relative;
}

.qs-datepicker .qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

.qs-datepicker .qs-event.qs-disabled:after,
.qs-datepicker .qs-event.qs-empty:after {
  background: #cce4ff;
}/* Generated by vite-plugin-svg-spritemap */
.btn-social {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bf341d;
}
.btn-social::before {
  font-size: 20px;
  color: #fff;
}
.btn-social.--icon-vk {
  position: relative;
}
.btn-social.--icon-vk::before {
  position: relative;
  top: -3px;
}/* Generated by vite-plugin-svg-spritemap */
.btn-action {
  cursor: pointer;
  max-height: 50px;
  height: 100%;
  padding: 10px 10px 10px 18px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-direction: row-reverse;
  gap: 20px;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}
.btn-action::before {
  position: relative;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 30px;
  width: 30px;
  font-size: 30px;
}
.btn-action.btn-action-red {
  display: inline-flex;
  background-color: #bf341d;
  color: #fff;
}
.btn-action.btn-action-red::before {
  color: #fff;
}
.btn-action.btn-action-white.--icon-arrow-top {
  border: 1px solid #bf341d;
}
.btn-action.btn-action-white.--icon-arrow-top::before {
  color: #bf341d;
}
.btn-action.btn-action-red.--icon-arrow-top {
  background-color: #bf341d;
  color: #fff;
}
.btn-action.btn-action-red.--icon-arrow-top::before {
  color: #fff;
}
.btn-action.red-inner.btn-action-white {
  padding: 14px 18px;
  border: 1px solid #bf341d;
  background-color: #fff;
  color: #bf341d;
}
.btn-action.red-inner.btn-action-red {
  padding: 14px 30px;
  background-color: #bf341d;
  color: #fff;
}
.btn-action.white-inner.btn-inner-white {
  background-color: #fff;
  color: #bf341d;
}
.btn-action.black-inner.btn-action-black {
  background-color: #fff;
  color: #000;
}
.btn-action.black-inner.btn-action-black::before {
  color: #000;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.popup-calculator {
  max-width: 1440px;
  width: 100%;
}
.popup-calculator__body {
  padding: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
}
.popup-calculator__inner {
  width: 100%;
}
.popup-calculator__top {
  display: flex;
  justify-content: flex-end;
}
.popup-calculator__close {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #000000;
  outline: none;
  cursor: pointer;
}
.popup-calculator__close::before, .popup-calculator__close::after {
  content: "";
  top: 7px;
  right: 12px;
  position: absolute;
  background-color: #ffffff;
  width: 2px;
  height: 12px;
  z-index: 10;
}
.popup-calculator__close::before {
  transform: rotate(-45deg);
}
.popup-calculator__close::after {
  transform: rotate(45deg);
}
.popup-calculator__link-btn {
  border: 1px solid #ff7a64;
  padding: 12px 24px;
  flex-direction: row;
  gap: 10px;
}
.popup-calculator__link-btn::before {
  font-size: 26px;
  top: 0;
}
.popup-calculator__heading-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.popup-calculator__heading {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup-calculator__content {
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.popup-calculator__forms {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.calculator-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.calculator-form__inner {
  width: 100%;
  border: 1px solid #bf341d;
  border-radius: 28px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.calculator-form__heading {
  display: flex;
  align-items: center;
  gap: 12px;
}
.calculator-form__number {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background-color: #bf341d;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.calculator-form__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -0.01em;
}
.calculator-form__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calculator-form__item {
  border-radius: 12px;
}
.calculator-form__item:has(.calculator-form__input:checked) {
  outline: 1px solid #bf341d;
}
.calculator-form__item:has(.calculator-form__input:checked) .calculator-form__icon::before {
  color: #bf341d;
}
.calculator-form__item:has(.calculator-form__input:checked) .calculator-form__input-checkbox::before {
  color: #bf341d;
}
.calculator-form__item:has(.calculator-form__input:checked) .calculator-form__info-description {
  color: #2b2b2b;
}
.calculator-form__label-wrapper {
  display: flex;
  gap: 12px;
}
.calculator-form__icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
}
.calculator-form__icon.--icon-lightning-calc {
  font-size: 15px;
}
.calculator-form__info-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.calculator-form__label {
  cursor: pointer;
  width: 100%;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
  background: #fff4f3;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
.calculator-form__info-title {
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  transition: color 0.3s ease 0s;
  text-wrap: balance;
}
.calculator-form__info-description {
  display: flex;
  gap: 12px;
}
.calculator-form__info-description {
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.calculator-form__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.calculator-form__input:checked + .calculator-form__input-checkbox::after {
  transform: scale(1);
}
.calculator-form__input-checkbox {
  width: 20px;
  height: 20px;
  max-height: fit-content;
  position: relative;
  cursor: pointer;
}
.calculator-form__input-checkbox::before {
  content: "";
  display: inline-flex;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #DD6E5D;
}
.calculator-form__input-checkbox::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 6px;
  top: 6px;
  transform: translate(29px, -6px);
  background-image: url("../../assets/img/other/checkbox-red.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 2;
}

@keyframes choiceItemAppear {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.calculator-form__choice {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.calculator-form__choice-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calculator-form__choice-content {
  min-height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.calculator-form__choice-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.calculator-form__choice-item {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  padding: 12px 24px;
  background: #fff4f3;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.calculator-form__choice-item.--active {
  display: flex;
  animation: choiceItemAppear 0.5s ease forwards;
}
.calculator-form__choice-price {
  font-size: 18px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.calculator-form__choice-icon::before {
  font-size: 20px;
}
.calculator-form__result {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
}
.calculator-form__result-title {
  font-size: 18px;
  line-height: 150%;
}
.calculator-form__result-price {
  font-weight: 600;
  font-size: 58px;
}

.calculator-form__special {
  position: relative;
  padding: 44px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #f5f5f5;
  overflow: hidden;
}
.calculator-form__special-inner {
  max-width: fit-content;
  flex-basis: 80%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.calculator-form__special-icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calculator-form__special-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calculator-form__special-title {
  font-weight: 500;
  font-size: 28px;
  color: #bf341d;
}
.calculator-form__special-description {
  font-size: 18px;
  line-height: 120%;
}
.calculator-form__special-discount {
  font-weight: 600;
  color: #fe9a00;
}
.calculator-form__special-action {
  display: inline-flex;
}
.calculator-form__special-action-btn {
  max-width: 315px;
  width: 100%;
}
.calculator-form__special-badge {
  border-radius: 0 0 0 999px;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fe9a00;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
}Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
}Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-get-consultation {
  max-width: 690px;
  width: 100%;
}
.popup-get-consultation__body {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
}
.popup-get-consultation__inner {
  width: 100%;
}
.popup-get-consultation__action {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 6px;
  right: 8px;
  display: flex;
  justify-content: flex-end;
  background-color: #D98577;
  border-radius: 50%;
}
.popup-get-consultation__close {
  position: relative;
  outline: none;
  cursor: pointer;
}
.popup-get-consultation__close::before, .popup-get-consultation__close::after {
  content: "";
  top: 9px;
  right: 17px;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #ffffff;
  width: 2px;
  height: 20px;
  z-index: 10;
}
.popup-get-consultation__close::before {
  transform: rotate(-45deg);
}
.popup-get-consultation__close::after {
  transform: rotate(45deg);
}

.popup-get-consultation__inner {
  overflow: hidden;
}
.popup-get-consultation__content {
  overflow: hidden;
}
.popup-get-consultation__heading {
  border-radius: 12px 12px 0 0;
  padding: 24px 24px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background-color: #bf341d;
}
.popup-get-consultation__title {
  font-weight: 500;
}
.popup-get-consultation__title {
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #fff;
}
.popup-get-consultation__subtitle {
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}
.popup-get-consultation__form-wrapper {
  padding: 24px;
}
.popup-get-consultation__form-items {
  padding-left: 0;
}

.popup-get-consultation {
  display: flex;
  flex-direction: column;
  position: relative;
}
.popup-get-consultation__checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 30px;
}
.popup-get-consultation__label {
  position: relative;
  cursor: pointer;
}
.popup-get-consultation__label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: -28px;
  top: -13px;
  border-radius: 3px;
  border: 2px solid #6a6a6a;
  cursor: pointer;
}
.popup-get-consultation__label.--form-error::before {
  border: 2px solid red;
}
.popup-get-consultation__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.popup-get-consultation__input:checked + .popup-get-consultation__input-checkbox::after {
  transform: scale(1);
}
.popup-get-consultation__input-checkbox {
  position: relative;
}
.popup-get-consultation__input-checkbox::after {
  content: "";
  width: 10px;
  height: 8px;
  position: absolute;
  left: -24px;
  top: -8px;
  background-image: url("../../assets/img/other/checkbox-black.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 5;
}
.popup-get-consultation__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #a9a9a9;
}
.popup-get-consultation__text span,
.popup-get-consultation__text a {
  display: inline;
}
.popup-get-consultation__link {
  color: #bf341d;
  text-decoration-style: dotted;
  text-decoration-color: #bf341d;
  text-decoration-line: underline;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-get-employees__title {
  text-wrap: balance;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
}Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-get-employees__title {
  text-wrap: balance;
}

.datepicker-popup-lapa {
  max-width: 320px;
}
.datepicker-popup-lapa__label {
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  padding: 12px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.datepicker-popup-lapa__label::before {
  font-size: 24px;
  color: #3C3C3C;
}
.datepicker-popup-lapa__label:focus {
  outline: none;
}
.datepicker-popup-lapa__label.--form-error {
  outline: 2px solid red;
}
.datepicker-popup-lapa__input {
  pointer-events: none;
  width: 100%;
  border: none;
  outline: none;
}
.datepicker-popup-lapa__input:focus {
  outline: none;
  pointer-events: none;
}
.datepicker-popup-lapa__input:active {
  pointer-events: none;
}
.datepicker-popup-lapa .qs-datepicker-container {
  border-radius: 12px;
  right: 50%;
  top: 10px !important;
  transform: translateX(50%);
  left: auto !important;
  background: #F5F5F5 !important;
}
.datepicker-popup-lapa .qs-datepicker-container .qs-squares {
  color: #bf341d;
}
.datepicker-popup-lapa .qs-datepicker-container .qs-controls {
  background: #F5DFDB !important;
  color: #000;
}
.datepicker-popup-lapa .qs-datepicker .qs-disabled {
  cursor: default;
  pointer-events: none;
  color: #ccc;
  cursor: not-allowed;
  opacity: 0.4;
}
.datepicker-popup-lapa .qs-square.qs-active {
  background: #bf341d !important;
  color: #fff !important;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-get-video-business__heading-content.popup-get-main__heading-content {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.popup-get-video-business__heading-content.popup-get-main__heading-content .popup-get-heading-info {
  align-items: center;
}

.popup-get-video-business__status.popup-get-main__status {
  gap: 10px;
}
.popup-get-video-business__status.popup-get-main__status .popup-get-main__status-item,
.popup-get-video-business__status.popup-get-main__status .popup-get-main__status-text {
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.popup-get-video-business__status.popup-get-main__status .popup-get-main__status-item::before,
.popup-get-video-business__status.popup-get-main__status .popup-get-main__status-text::before {
  display: none;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-specialist {
  max-width: 780px;
  width: 100%;
}
.popup-specialist__body {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
}
.popup-specialist__inner {
  width: 100%;
}
.popup-specialist__action {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 6px;
  right: 8px;
  display: flex;
  justify-content: flex-end;
  background-color: #D98577;
  border-radius: 50%;
}
.popup-specialist__close {
  position: relative;
  outline: none;
  cursor: pointer;
}
.popup-specialist__close::before, .popup-specialist__close::after {
  content: "";
  top: 9px;
  right: 17px;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #ffffff;
  width: 2px;
  height: 20px;
  z-index: 10;
}
.popup-specialist__close::before {
  transform: rotate(-45deg);
}
.popup-specialist__close::after {
  transform: rotate(45deg);
}

.popup-specialist__inner {
  overflow: hidden;
}
.popup-specialist__content {
  overflow: hidden;
}
.popup-specialist__heading {
  border-radius: 12px 12px 0 0;
  padding: 24px 24px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background-color: #bf341d;
}
.popup-specialist__name {
  font-weight: 500;
}
.popup-specialist__name {
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #fff;
}
.popup-specialist__position {
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}
.popup-specialist__info {
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.popup-specialist__info {
  line-height: 135%;
  letter-spacing: -0.01em;
}
.popup-specialist__citation {
  font-style: italic;
  color: #bf341d;
}/* Generated by vite-plugin-svg-spritemap */
/* body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[data-fls-popup-open] body::after {
  opacity: 1;
}

[data-fls-popup] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
[data-fls-popup][data-fls-popup-active] {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

[data-fls-popup-active] [data-fls-popup-body] {
  visibility: visible;
  transform: scale(1);
}

[data-fls-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

[data-fls-popup-body] {
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
}

[data-fls-popup-youtube-place] iframe {
  width: 100%;
  aspect-ratio: 16/9;
} */

.popup-video {
  /* max-width: 1024px; --------------------  */
  width: 100%;
  max-width: 500px;
  /* max-height: 53.38542svh; */
}


/*.popup-video--16-9 для видео размерами  16:9 нвчало  */
.popup-video--16-9 {
  max-width: 990px;
  width: 100%;
}
/*.popup-video--16-9 для видео размерами  16:9 конец */
/* ------------ */
/* ------------ */
/* ------------ */
/* ------------ */
/* Возможные форматы форматы 3:4 и 4:3 начало  */
.popup-video--3-4 {
  max-width: 555px;
  width: 100%;
}
.popup-video--4-3 {
  max-width: 740px;
  width: 100%;
}
/* Возможные форматы форматы 3:4 и 4:3 конец  */
/* ------------ */
/* ------------ */
.popup-video__body {
  padding: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 16px;
}
.popup-video__inner {
  width: 100%;
}
.popup-video__top {
  display: flex;
  justify-content: flex-end;
}
.popup-video__close {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #000000;
  outline: none;
  cursor: pointer;
}
.popup-video__close::before, .popup-video__close::after {
  content: "";
  top: 7px;
  right: 12px;
  position: absolute;
  background-color: #ffffff;
  width: 2px;
  height: 12px;
  z-index: 10;
}
.popup-video__close::before {
  transform: rotate(-45deg);
}
.popup-video__close::after {
  transform: rotate(45deg);
}

.video-wrapper {
  max-width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #000;

  /*------ стили для формата видео 9:16------ */
  aspect-ratio: 9 / 16;
  max-height: 87svh;
  margin: 0 auto;
  width: 100%;
  /*------ стили для формата видео 9:16----- */
}

/*.video-wrapper для видео размерами  16:9 начало */
.video-wrapper--16-9 {
  aspect-ratio: 16 / 9;
  /* max-height: 60svh; */
}
/*.video-wrapper для видео размерами  16:9 конец */
/* ------------ */
/* ------------ */
/* ------------ */
/* ------------ */

/* Возможные форматы форматы 3:4 и 4:3 начало  */
.video-wrapper--3-4 {
  aspect-ratio: 3 / 4;
  /* max-height: 87svh; */
}
.video-wrapper--4-3 {
  aspect-ratio: 4 / 3;
  /* max-height: 87svh; */
}
/* Возможные форматы форматы 3:4 и 4:3 конец  */
/* ------------ */
/* ------------ */
/* ------------ */
/* ------------ */
.video-wrapper .vjs-poster {
  cursor: default;
  background-size: cover !important;
}
.video-wrapper .vjs-poster picture img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.video-wrapper .vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-wrapper .video-js {
  max-width: 100%;
  border-radius: 16px;
  cursor: default;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.video-wrapper .video-js .vjs-big-play-button {
  display: none !important;
}
.video-wrapper .video-js button:focus {
  outline: none;
}
.video-wrapper .video-js.video-js--playing {
  cursor: pointer;
}/* Generated by vite-plugin-svg-spritemap */
.friendly-company {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}
.friendly-company__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.friendly-company__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}/* Generated by vite-plugin-svg-spritemap */
.creation-company {
  background-color: #f5f5f5;
}
.creation-company__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.creation-company__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.creation-company__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
}
.creation-company__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.creation-company__item {
  display: flex;
  border-radius: 12px;
  padding: 24px;
  gap: 25px;
  background-color: #fff;
}
.creation-company__item-num {
  font-weight: 500;
  font-size: 60px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.creation-company__item-content {
  display: flex;
  flex-direction: column;
}
.creation-company__image {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.creation-company__image img,
.creation-company__image picture {
  border-radius: 12px;
  aspect-ratio: 67/54;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.creation-company a {
  color: #bf341d;
  text-decoration: underline;
}/* Generated by vite-plugin-svg-spritemap */
.page--friendly-company .cartoon-drawings__subtitle {
  max-width: 100%;
}
.page--friendly-company .cartoon-drawings__inner {
  gap: 13px;
}
.page--friendly-company .faq__container {
  padding-top: 90px;
  position: relative;
}
.page--friendly-company .faq__container .faq__img {
  aspect-ratio: 380/480;
  position: absolute;
  top: -50px;
  right: 0;
  width: 100%;
  max-width: 380px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 0;
}
.page--friendly-company .faq__inner {
  position: relative;
  z-index: 3;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
.steps-animation {
  background-color: #f5f5f5;
}
.steps-animation__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.steps-animation__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.steps-animation__items {
  display: grid;
  grid-template-columns: minmax(300px, 45%) 1fr;
  column-gap: 24px;
}
.steps-animation__items a {
  color: #bf341d;
  text-decoration: underline;
}
.steps-animation__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.steps-animation__item {
  display: flex;
  border-radius: 12px;
  padding: 24px;
  gap: 25px;
  background-color: #fff;
}
.steps-animation__item-num {
  font-weight: 500;
  font-size: 60px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.steps-animation__item-content {
  display: flex;
  flex-direction: column;
}
.steps-animation__image {
  height: 100%;
  max-height: 500px;
  max-width: 440px;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 44/50;
}
.steps-animation__image img,
.steps-animation__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Generated by vite-plugin-svg-spritemap */
.аnimation-hero {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}
.аnimation-hero__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.аnimation-hero__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.аnimation-hero__form-inner-items .order-cartoon__form-wrapper-items:nth-child(2) .order-cartoon__form-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
.article {
  background-color: #f5f5f5;
}
.article__container {
  padding-top: 40px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.article__inner {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.article__heading {
  display: flex;
  flex-direction: column;
}
.article__title {
  font-weight: 500;
}
.article__title {
  line-height: 100%;
  letter-spacing: -0.01em;
}
.article__date {
  line-height: 140%;
}
.article__content {
  display: flex;
  flex-direction: column;
}
.article__text {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.article__content p {
  line-height: 150%;
  text-wrap: balance;
  margin: 0;
}
.article__content b {
  font-weight: 500;
  color: #000;
}
.article__content span,
.article__content strong,
.article__content em {
  font-weight: 500;
  color: #000;
}
.article__content a {
  cursor: pointer;
  color: #29a4d5;
  transition: color 0.3s ease;
}
.article__content ul,
.article__content ol {
  list-style-type: disc;
  list-style-type: decimal;
  margin: 0;
  padding-left: 0;
}
.article__content ul li,
.article__content ol li {
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.article__content blockquote {
  border-radius: 12px;
  margin: 0;
  padding: 20px 30px;
  border-left: 4px solid #bf341d;
  background: #f5f5f5;
}
.article__content blockquote {
  line-height: 150%;
  text-wrap: balance;
  font-style: italic;
}
.article__img {
  border-radius: 12px;
  overflow: hidden;
}
.article__img picture {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.article__img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.advantages-ordering {
  background-color: #f5f5f5;
}
.advantages-ordering__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.advantages-ordering__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.advantages-ordering__list {
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.advantages-ordering__item {
  position: relative;
}
.advantages-ordering__item::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 15px;
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background-color: rgba(43, 43, 43, 0.7);
}
.animation-ordering {
  background-color: #f5f5f5;
}
.animation-ordering__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.animation-ordering__inner {
  display: flex;
  flex-direction: column;
}
.animation-ordering__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.animation-ordering__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-size: 22px;
  line-height: 140%;
}
.animation-ordering__item {
  display: flex;
  gap: 8px;
}
.animation-ordering__success {
  display: block;
  font-weight: 600;
  line-height: 140%;
  color: #bf341d;
}

.animation-ordering {
  background-color: #f5f5f5;
}
.animation-ordering__images {
  display: flex;
  align-items: center;
}
.animation-ordering__images .animation-ordering__img {
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 1;
}
.animation-ordering__images .animation-ordering__img picture {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.animation-ordering__images .animation-ordering__img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.animation-ordering__images .animation-ordering__img:first-child {
  flex: 553;
}
.animation-ordering__images .animation-ordering__img:first-child picture {
  aspect-ratio: 553/464;
}
.animation-ordering__images .animation-ordering__img:first-child img {
  aspect-ratio: 553/464;
}
.animation-ordering__images .animation-ordering__img:last-child {
  flex: 783;
}
.animation-ordering__images .animation-ordering__img:last-child picture {
  aspect-ratio: 783/464;
}
.animation-ordering__images .animation-ordering__img:last-child img {
  aspect-ratio: 783/464;
}

.timing-animation {
  background-color: #f5f5f5;
}
.timing-animation__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.timing-animation__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.timing-animation__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.timing-animation__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.types-of-animation {
  background-color: #f5f5f5;
}
.types-of-animation__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.types-of-animation__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.types-of-animation__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.types-of-animation__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.types-of-animation__stages {
  color: #bf341d;
}
.benefits-animation-toys {
  background-color: #f5f5f5;
}
.benefits-animation-toys__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.benefits-animation-toys__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.benefits-animation-toys__items {
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.benefits-animation-toys__item {
  position: relative;
}
.benefits-animation-toys__item::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 15px;
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background-color: rgba(43, 43, 43, 0.7);
}
.conclusion-article {
  background-color: #f5f5f5;
}
.conclusion-article__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.conclusion-article__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.conclusion-article__content strong {
  font-weight: 500;
  color: #bf341d;
}
.conclusion-article__content b {
  font-weight: 500;
  color: #000;
}
.conclusion-article__content p {
  line-height: 150%;
  text-wrap: balance;
  margin: 0;
}
.conclusion-article__content a {
  cursor: pointer;
  color: #29a4d5;
  transition: color 0.3s ease;
}
.conclusion-article__content ul,
.conclusion-article__content ol {
  list-style-type: disc;
  list-style-type: decimal;
  margin: 0;
  padding-left: 0;
}
.conclusion-article__content ul li,
.conclusion-article__content ol li {
  line-height: 1.6;
  margin-bottom: 10px;
}
.conclusion-article__content blockquote {
  border-radius: 12px;
  margin: 0;
  padding: 20px 30px;
  border-left: 4px solid #bf341d;
  background: #f5f5f5;
}
.conclusion-article__content blockquote {
  line-height: 150%;
  text-wrap: balance;
  font-style: italic;
}
.view-works {
  padding-top: 30px;
  padding-bottom: 90px;
  background-color: #f5f5f5;
}
.view-works__container {
  position: relative;
}
.view-works__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 72px;
  position: relative;
  padding: 72px 0;
  border-radius: 12px;
  background-color: #bf341d;
  overflow: hidden;
}
.view-works__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  z-index: 3;
}
.view-works__title {
  max-width: 652px;
  text-align: center;
  color: #fff;
}
.view-works__action {
  display: inline-flex;
}
.view-works__example {
  width: 100%;
  height: 100%;
  position: relative;
}
.view-works__example:first-child .view-works__example-img:nth-child(1) {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -90px;
  left: -125px;
  width: 167px;
  height: 167px;
}
.view-works__example:first-child .view-works__example-img:nth-child(2) {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -165px;
  left: 45px;
  width: 167px;
  height: 167px;
}
.view-works__example:first-child .view-works__example-img:nth-child(3) {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  bottom: -112px;
  left: 40px;
  width: 95px;
  height: 95px;
}
.view-works__example:last-child .view-works__example-img:nth-child(1) {
  position: absolute;
}
.view-works__example:last-child .view-works__example-img:nth-child(1) {
  border-radius: 50%;
  overflow: hidden;
  width: 99px;
  height: 99px;
}
.view-works__example:last-child .view-works__example-img:nth-child(2) {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  bottom: -135px;
  right: -90px;
  width: 216px;
  height: 216px;
}/* Generated by vite-plugin-svg-spritemap */
.select {
  min-width: 0;
  position: relative;
}
.select__body {
  position: relative;
}
.select__title {
  color: inherit;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
  width: 100%;
}
.select__value {
  display: flex;
  min-width: 0;
  align-items: center;
  height: 30px;
  gap: 10px;
}
.select__value > * {
  flex: 1 1 auto;
}
.select__value:after {
  content: "";
  align-self: stretch;
  flex: 0 0 10px;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.--select-open .select__value:after {
  transform: rotate(-180deg);
}
.select__value.--select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: 0.5;
}
.select__content {
  flex: 1 1 auto;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select__input {
  padding: 0 10px;
  width: 100%;
  background-color: transparent;
  height: 100%;
}
.--select-active .select__input::placeholder {
  color: #000;
}
.--select-focus .select__input::placeholder {
  opacity: 0.5;
}
.select__options {
  color: #000;
  position: absolute;
  top: calc(100% - 0.0625rem);
  border-radius: 0 0 4px 4px;
  min-width: 100%;
  left: 0;
  background-color: #fff;
  border-top: 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 10px 0px 5px 0px;
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 12.5rem;
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 5px 10px;
  color: inherit;
}
.select__option.--select-selected {
  background-color: #eee;
}
.select__row {
  display: inline-flex;
  align-items: center;
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - 0.0625rem);
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 5px 0px 10px 0px;
}
.--select-tag {
  cursor: pointer;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.qs-datepicker-container {
  margin: 5px;
  font-size: 1rem;
  font-family: sans-serif;
  color: #000;
  position: absolute;
  width: 15.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  background: #000;
  -webkit-box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
  border-right: 1px solid #fff;
  border-left: 1px solid #f1ad70;
  padding: 5px;
}
.qs-datepicker-container:before, .qs-datepicker-container:after {
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  z-index: 2;
  position: absolute;
  background-image: linear-gradient(to right, #f1ad70 0%, #fffdf2 100%);
}
.qs-datepicker-container:before {
  top: 0;
}
.qs-datepicker-container:after {
  bottom: 0;
}

.qs-datepicker-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.qs-datepicker-container.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.qs-datepicker-container.qs-hidden {
  display: none;
}

.qs-datepicker .qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.qs-datepicker .qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}

.qs-datepicker .qs-overlay .qs-overlay-year {
  background: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.qs-datepicker .qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.qs-datepicker .qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: 0.26392em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: hsla(0, 0%, 50.2%, 0.4);
}

.qs-datepicker .qs-overlay .qs-submit.qs-disabled {
  color: grey;
  border-color: grey;
  cursor: not-allowed;
}

.qs-datepicker .qs-overlay .qs-overlay-month-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.qs-datepicker .qs-overlay .qs-overlay-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33.33333%;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.qs-datepicker .qs-overlay .qs-overlay-month.active,
.qs-datepicker .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-datepicker .qs-controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #000;
  color: #fff;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.qs-datepicker .qs-controls.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.qs-datepicker .qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.26392em;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}

.qs-datepicker .qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

.qs-datepicker .qs-arrow:hover.qs-left:after {
  border-right-color: #000;
}

.qs-datepicker .qs-arrow:hover.qs-right:after {
  border-left-color: #000;
}

.qs-datepicker .qs-arrow:after {
  content: "";
  border: 0.39062em solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}

.qs-datepicker .qs-arrow.qs-left:after {
  border-right-color: grey;
  right: 50%;
  -webkit-transform: translate(25%, -50%);
  -ms-transform: translate(25%, -50%);
  transform: translate(25%, -50%);
}

.qs-datepicker .qs-arrow.qs-right:after {
  border-left-color: grey;
  left: 50%;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
}

.qs-datepicker .qs-month-year {
  font-weight: 700;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}

.qs-datepicker .qs-month-year:hover {
  border-bottom: 1px solid grey;
}

.qs-datepicker .qs-month-year:active:focus,
.qs-datepicker .qs-month-year:focus {
  outline: none;
}

.qs-datepicker .qs-month {
  padding-right: 0.5ex;
}

.qs-datepicker .qs-year {
  padding-left: 0.5ex;
}

.qs-datepicker .qs-squares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.3125em;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.qs-datepicker .qs-squares.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.qs-datepicker .qs-square {
  width: 14.28571%;
  height: 1.5625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  border-radius: 0.26392em;
}

.qs-datepicker .qs-square.qs-current {
  font-weight: 700;
}

.qs-datepicker .qs-square.qs-current span {
  text-decoration: underline;
}

.qs-datepicker .qs-square.qs-active {
  background: #fff;
  color: #000;
}

.qs-datepicker .qs-square.qs-range-date-start:not(.qs-range-date-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-middle {
  background: #d4ebf2;
}

.qs-datepicker .qs-square.qs-range-date-middle:not(.qs-range-date-0):not(.qs-range-date-6) {
  border-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-datepicker .qs-square.qs-range-date-end:not(.qs-range-date-0),
.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-datepicker .qs-square.qs-disabled span {
  opacity: 0.2;
}

.qs-datepicker .qs-square.qs-empty {
  cursor: default;
}

.qs-datepicker .qs-square.qs-disabled {
  cursor: not-allowed;
}

.qs-datepicker .qs-square.qs-day {
  cursor: default;
  font-weight: 700;
  color: grey;
}

.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-datepicker .qs-event {
  position: relative;
}

.qs-datepicker .qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

.qs-datepicker .qs-event.qs-disabled:after,
.qs-datepicker .qs-event.qs-empty:after {
  background: #cce4ff;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.studio-main {
  background-color: #f5f5f5;
}
.studio-main__container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.studio-main__wrapper {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.studio-main__inner {
  margin: 0 auto;
  max-width: 1045px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.studio-main__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.studio-main__images {
  padding: 0 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  gap: 50px;
}
.studio-main__images .studio-main__image:nth-child(2) {
  align-self: end;
}
.studio-main__images .studio-main__image:nth-child(4) {
  align-self: center;
}
.studio-main__images .studio-main__image:nth-child(1)::before {
  height: 90%;
}
.studio-main__images .studio-main__image:nth-child(3)::before {
  height: 90%;
}
.studio-main__image {
  position: relative;
  border-radius: 9999px;
  z-index: 1;
}
.studio-main__image::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  max-height: 561px;
  border: 1px solid rgba(191, 52, 29, 0.67);
  border-radius: 9999px;
  background-color: inherit;
  z-index: -1;
}
.studio-main__image img, .studio-main__image picture {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 269/561;
  object-fit: cover;
}

.studio-about {
  background-color: #f5f5f5;
}
.studio-about__container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.studio-about__inner {
  display: flex;
  flex-direction: column;
}
.studio-about__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 24px;
}
.studio-about__items .studio-about__item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
}
.studio-about__items .studio-about__item:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
.studio-about__items .studio-about__item:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/2;
}
.studio-about__items .studio-about__item:nth-child(4) {
  height: 100%;
  padding: 7px 24px;
  grid-column: 2/4;
  grid-row: 2/3;
  background-color: #bf341d;
  display: flex;
  gap: 20px;
}
.studio-about__items .studio-about__item:nth-child(4) {
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #fff;
}
.studio-about__items .studio-about__item:nth-child(4) .studio-about__item-text {
  line-height: 140%;
}
.studio-about__item {
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
}
.studio-about__item:not(:last-child) {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.studio-about__item-content {
  padding-top: 20px;
  max-height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.studio-about__item-box {
  display: inline-flex;
  align-self: flex-end;
}
.studio-about__item-image {
  position: relative;
  width: 217px;
  height: 217px;
  flex-shrink: 0;
}
.studio-about__item-image--full {
  max-width: 217px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  z-index: 2;
  clip-path: inset(0 0 0 0 round 0 0 50% 50%);
}
.studio-about__item-image--mask {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
}

.studio-meet__wrapper {
  padding-top: 120px;
  background-color: #f5f5f5;
  display: flex;
  padding-left: max(0px, (100% - 3920px) / 2);
  padding-right: max(0px, (100% - 3920px) / 2);
}
.studio-meet__inner {
  padding-bottom: 80px;
  display: flex;
  padding-left: max(40px, (100% - 1360px) / 2);
  padding-right: max(40px, (100% - 1360px) / 2);
  background: linear-gradient(to top, #fff 0%, #fff 85%, #F5F5F5 85%, #F5F5F5 100%);
}
.studio-meet__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
.studio-meet__item:first-child {
  flex-shrink: 0;
}
.studio-meet__item:last-child {
  padding-top: 120px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.studio-meet__image {
  position: relative;
  max-width: 551px;
  width: 100%;
}
.studio-meet__image img,
.studio-meet__image picture {
  aspect-ratio: 551/605;
  object-fit: cover;
}
.studio-meet__title {
  max-width: 370px;
}
.studio-meet__text {
  padding-right: 150px;
}
.studio-meet__text {
  color: rgba(43, 43, 43, 0.7);
}

.studio-lesson {
  background-color: #f5f5f5;
}
.studio-lesson__container {
  padding-top: 100px;
  padding-bottom: 50px;
}
.studio-lesson__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.studio-lesson__video {
  border-radius: 12px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  aspect-ratio: 1280/720;
  object-fit: cover;
}
.studio-lesson__btn {
  width: 96px;
  height: 96px;
  background-color: #bf341d;
}
.studio-lesson__btn::before {
  font-size: 34px;
  color: #fff;
}
.studio-lesson__btn .play-btn::before {
  font-size: 34px;
  color: #fff;
}

.studio-together {
  background-color: #f5f5f5;
}
.studio-together__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.studio-together__content {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 90px;
}
.studio-together__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}
.studio-together__image {
  max-width: 320px;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
.studio-together__image img,
.studio-together__image picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studio-together__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.studio-together__item {
  display: grid;
  grid-template-columns: 1fr minmax(60px, 120px);
  grid-template-rows: auto auto;
  row-gap: 12px;
  column-gap: 25px;
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
}
.studio-together__item-num {
  color: rgba(191, 52, 29, 0.16);
  grid-row: span 2;
  grid-column: 2/3;
  justify-self: end;
}
.studio-together__item-title {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: end;
}
.studio-together__item-text {
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}

.studio-schedule {
  background-color: #f5f5f5;
}
.studio-schedule__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.studio-schedule__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.studio-schedule__group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.studio-schedule__group-title {
  line-height: 100%;
  letter-spacing: -0.01em;
  color: rgba(43, 43, 43, 0.5);
}
.studio-schedule__group-item {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.studio-schedule__group-item-info {
  letter-spacing: -0.01em;
}
.studio-schedule__group-item-info:nth-child(1) {
  padding: 8px 16px;
  border: 1px solid #bf341d;
  border-radius: 999px;
}
.studio-schedule__group-item-info:nth-child(1) {
  line-height: 150%;
}
.studio-schedule__group-item-info:nth-child(2) {
  line-height: 100%;
}
.studio-schedule__group-item-info:nth-child(3) {
  line-height: 100%;
}
.studio-schedule__group-item-time {
  font-weight: 500;
}

.studio-location {
  background-color: #f5f5f5;
}
.studio-location__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.studio-location__inner {
  position: relative;
  border-radius: 12px;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  background-color: #bf341d;
  overflow: hidden;
}
.studio-location__inner::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -50px;
}
.studio-location__inner::before {
  background: url("../../assets/img/studio-location/studio-schedule-1.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.studio-location__inner::after {
  content: "";
  position: absolute;
}
.studio-location__inner::after {
  background: url("../../assets/img/studio-location/studio-schedule-2.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.studio-location__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  text-align: center;
  z-index: 2;
  text-wrap: balance;
}
.studio-location__title {
  color: #fff;
}
.studio-location__subtitle {
  color: #fff;
}
.studio-location__btn {
  padding-left: 50px;
  padding-right: 50px;
  display: inline-flex;
}

.sign-up {
  background-color: #f5f5f5;
}
.sign-up__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sign-up__inner {
  padding: 0 10px;
  display: flex;
  justify-content: space-around;
  gap: 30px;
  border-radius: 12px;
  background-color: #fff;
}
.sign-up__image {
  align-self: flex-end;
}
.sign-up__image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.sign-up__image:first-child {
  max-width: 340px;
}
.sign-up__image:first-child img {
  aspect-ratio: 340/310;
}
.sign-up__image:last-child {
  max-width: 340px;
}
.sign-up__image:last-child img {
  aspect-ratio: 308/262;
}
.sign-up__title {
  text-align: center;
  text-wrap: balance;
}
.sign-up__wrapper {
  max-width: 470px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.sign-up__btn {
  width: 100%;
}

.sign-up-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sign-up-form__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sign-up-form__input {
  padding: 16px 20px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  background-color: #f0f0f0;
}
.sign-up-form__input:focus {
  outline: none;
}
.sign-up-form__input.--form-error {
  outline: 2px solid red;
}
.sign-up-form__checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.datepicker-item {
  width: 100%;
}
.datepicker-item__label {
  position: relative;
  background-color: #f0f0f0;
  padding-right: 23px;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.datepicker-item__label::before {
  font-size: 24px;
  color: #3C3C3C;
}
.datepicker-item__label:focus {
  outline: none;
}
.datepicker-item__label.--form-error {
  outline: 2px solid red;
}
.datepicker-item__input {
  pointer-events: none;
  padding: 16px 0 16px 20px;
  width: 100%;
  border: none;
  outline: none;
}
.datepicker-item__input:focus {
  outline: none;
  pointer-events: none;
}
.datepicker-item__input:active {
  pointer-events: none;
}
.datepicker-item .qs-datepicker-container {
  border-radius: 12px;
  right: 50%;
  top: 10px !important;
  transform: translateX(50%);
  left: auto !important;
  background: #F5F5F5 !important;
}
.datepicker-item .qs-datepicker-container .qs-squares {
  color: #bf341d;
}
.datepicker-item .qs-datepicker-container .qs-controls {
  background: #F5DFDB !important;
  color: #000;
}
.datepicker-item .qs-datepicker .qs-disabled {
  cursor: default;
  pointer-events: none;
  color: #ccc;
  cursor: not-allowed;
  opacity: 0.4;
}
.datepicker-item .qs-square.qs-active {
  background: #bf341d !important;
  color: #fff !important;
}

.sign-up-checkbox {
  display: flex;
  flex-direction: column;
}
.sign-up-checkbox {
  position: relative;
  padding-left: 30px;
}
.sign-up-checkbox__label {
  position: relative;
  cursor: pointer;
}
.sign-up-checkbox__label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: -28px;
  top: -2px;
  border-radius: 3px;
  border: 2px solid #6a6a6a;
  cursor: pointer;
}
.sign-up-checkbox__label.--form-error::before {
  border: 2px solid red;
}
.sign-up-checkbox__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.sign-up-checkbox__input:checked + .sign-up-checkbox__input-checkbox::after {
  transform: scale(1);
}
.sign-up-checkbox__input-checkbox {
  position: relative;
}
.sign-up-checkbox__input-checkbox::after {
  content: "";
  width: 10px;
  height: 8px;
  position: absolute;
  left: -24px;
  top: 3px;
  background-image: url("../../assets/img/other/checkbox-black.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 5;
}

/* CF7 start  */
.popup-policy-checkbox__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}

.popup-policy-checkbox__input:checked + .sign-up-checkbox__input-checkbox::after {
  transform: scale(1);
}
/* CF7 end  */
.sign-up-checkbox__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #a9a9a9;
}
.sign-up-checkbox__text span,
.sign-up-checkbox__text a {
  display: inline;
}
.sign-up-checkbox__link {
  color: #bf341d;
  text-decoration-style: dotted;
  text-decoration-color: #bf341d;
  text-decoration-line: underline;
}

.sign-up-select-item {
  border-radius: 100px;
}
.sign-up-select-item .select__content {
  display: block;
  padding: 0 !important;
}
.sign-up-select-item .select__title {
  background-color: #f0f0f0;
  border-radius: 100px;
  border: 1px solid #d8d8d8;
  padding: 16px 20px 16px 20px;
}
.sign-up-select-item .select__value.--select-pseudo-label {
  height: auto;
}
.sign-up-select-item .select__value.--select-pseudo-label::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 40px;
  width: 2px;
  height: 14px;
  z-index: 2;
  background: #3C3C3C;
  transform: rotate(-45deg);
  opacity: 1;
}
.sign-up-select-item .select__value.--select-pseudo-label::after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 31px;
  transform: rotate(45deg);
  width: 2px;
  height: 14px;
  background: #3C3C3C;
}
.sign-up-select-item .select__options {
  background: #F0F0F0 !important;
  min-width: calc(100% - 40px) !important;
  left: 23px !important;
  border: 1px solid #d8d8d8 !important;
  border-top: none !important;
  padding: 10px 0 !important;
}

.studio-reviews {
  background-color: #f5f5f5;
}
.studio-reviews__container {
  padding-top: 50px;
  padding-bottom: 100px;
}
.studio-reviews__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.studio-reviews__heading-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-wrap: balance;
  gap: 40px;
  max-width: 620px;
}
.studio-reviews__heading-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.studio-reviews__heading-link {
  align-self: flex-end;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.studio-reviews__item {
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  height: 100%;
}
.studio-reviews__item-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.studio-reviews__user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.studio-reviews__user-link {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.studio-reviews__text {
  font-size: 16px;
  line-height: 150%;
}/* Generated by vite-plugin-svg-spritemap */
.recommendation {
  background-color: #f5f5f5;
}
.recommendation__container {
  padding-top: 60px;
  padding-bottom: 30px;
}
.recommendation__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
}
.recommendation__main {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 38px;
}
.recommendation__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recommendation__menu {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #bf341d;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.recommendation__menu-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.01em;
}
.recommendation__menu-list {
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.recommendation__menu-link {
  position: relative;
  text-decoration: underline;
}
.recommendation__menu-link::after {
  content: "";
  position: absolute;
  bottom: 50%;
  left: -15px;
  width: 5px;
  height: 5px;
  background-color: #bf341d;
  border-radius: 50%;
  transform: translateY(50%);
}
.recommendation__image {
  max-width: 558px;
  max-width: 100%;
  flex-shrink: 1;
  min-width: 0;
  border-radius: 12px;
  overflow: hidden;
}
.recommendation__image picture {
  border-radius: 12px;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 553/477;
  object-fit: cover;
}
.recommendation__image img {
  border-radius: 12px;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 553/477;
  object-fit: cover;
}

.recommendation-photo {
  background-color: #f5f5f5;
}
.recommendation-photo__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.recommendation-photo__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recommendation-photo__wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.recommendation-photo__content {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 32px;
}
.recommendation-photo__content .recommendation-photo__item:first-child {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.recommendation-photo__content .recommendation-photo__item:last-child {
  max-width: 550px;
}
.recommendation-photo__item-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.recommendation-photo__list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.recommendation-photo__images-wrapper {
  max-height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 22px;
  padding: 12px;
  background-color: #fff;
}
.recommendation-photo__images {
  display: grid;
  grid-template-columns: minmax(260px, 346px) minmax(260px, 346px);
  gap: 10px;
}
.recommendation-photo__images-item {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 260/350;
}
.recommendation-photo__images-item img,
.recommendation-photo__images-item picture {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommendation-photo__images-desc {
  display: inline-flex;
  justify-content: center;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.01em;
  font-style: italic;
  color: #bf341d;
}
.recommendation-photo__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.recommendation-photo__images-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.recommendation-photo__images-actions .recommendation-photo__actions {
  display: none;
}

.recommendation-drawings {
  background-color: #f5f5f5;
}
.recommendation-drawings__container {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.recommendation-drawings__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.recommendation-drawings__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recommendation-drawings__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.recommendation-drawings__info-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.recommendation-drawings__images {
  padding: 12px;
  background-color: #fff;
  display: grid;
  border-radius: 24px;
  gap: 12px;
  overflow: hidden;
}
.recommendation-drawings__images img,
.recommendation-drawings__images picture {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommendation-drawings__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  gap: 12px;
}
.recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
.recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) {
  grid-column: 1/3;
  grid-row: 2/3;
}
.recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/3;
}
.recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) {
  grid-column: 4/5;
  grid-row: 1/3;
}
.recommendation-drawings__images-item {
  height: 100%;
  position: relative;
}
.recommendation-drawings__images-desc-wrapper {
  display: inline-flex;
  gap: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
  z-index: 1;
}
.recommendation-drawings__image {
  height: 100%;
  width: 100%;
}
.recommendation-drawings__image img,
.recommendation-drawings__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommendation-drawings__desc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommendation-drawings__hero {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recommendation-drawings__hero-text {
  border-radius: 16px;
  padding: 25px 15px;
  font-weight: 500;
}
.recommendation-drawings__hero-text {
  line-height: 120%;
  letter-spacing: -0.01em;
  background: #f1e8e6;
}

.recommendation-hero__slider {
  display: grid;
  gap: 12px;
  padding: 12px;
  border-radius: 24px;
  background-color: #fff;
}
.recommendation-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.recommendation-hero__images-item {
  height: 100%;
  width: 100%;
}
.recommendation-hero__image {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.recommendation-hero__image img {
  border: 1px solid rgba(191, 52, 29, 0.25);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommendation-hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.recommendation-hero__buttons {
  display: none;
}/* Generated by vite-plugin-svg-spritemap */
.story-tell {
  background-color: #f5f5f5;
}
.story-tell__container {
  padding-top: 50px;
  padding-bottom: 100px;
}
.story-tell__inner {
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background-color: #fff;
  z-index: 2;
}
.story-tell__content {
  max-width: 670px;
  padding: 66px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.story-tell__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.story-tell__title {
  text-wrap: balance;
}
.story-tell__actions {
  display: flex;
  align-items: center;
  gap: 30px;
}
.story-tell__img {
  max-width: 418px;
  width: 100%;
}
.story-tell__img picture {
  aspect-ratio: 41/38;
}
.story-tell__img img {
  aspect-ratio: 41/38;
}/* Generated by vite-plugin-svg-spritemap */
.page--cost .breadcrumb {
  justify-content: center;
}

.top-cost {
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(43, 43, 43, 0.2);
}
.top-cost__container {
  position: relative;
  padding-top: 105px;
  padding-bottom: 105px;
}
.top-cost__container::after {
  content: "";
  position: absolute;
  top: -50px;
}
.top-cost__container::after {
  background-image: url("../../assets/img/cost/cost-counter.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.top-cost__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  z-index: 2;
}

.tariff__container {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.tariff__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tariff__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.tariff__item {
  border: 1px solid #bf341d;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 35px;
}
.tariff__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tariff__item-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.tariff__item-subtitle {
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.tariff__price {
  padding-top: 20px;
  border-top: 1px solid #e9e9ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.tariff__price-text {
  font-weight: 500;
  font-size: 34px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.tariff__price-btn {
  align-self: flex-end;
}
.tariff__price-wrapper {
  display: grid;
  gap: 4px;
}
.tariff__price-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: rgba(43, 43, 43, 0.7);
}
.tariff__price-box {
  max-width: fit-content;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 70px;
}
.tariff__price-box::before {
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 45px;
  background-color: #e9e9ec;
}

.cost-factors {
  background-color: #f5f5f5;
}
.cost-factors__container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.cost-factors__inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.cost-factors__content {
  flex-basis: 58%;
}
.cost-factors__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cost-factors__image {
  flex-basis: 42%;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.cost-factors__image img,
.cost-factors__image picture {
  aspect-ratio: 553/70;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.main-factors {
  background-color: #f5f5f5;
}
.main-factors__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.main-factors__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.main-factors__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 20px;
}
.main-factors__items .main-factors__item:last-child {
  grid-column: span 2;
}
.main-factors__item {
  padding: 16px;
  border: 1px solid #e9e9ec;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.main-factors__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-factors__heading-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main-factors__heading-icon {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.main-factors__heading-icon img,
.main-factors__heading-icon picture {
  width: 32px;
  height: 32px;
}
.main-factors__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.main-factors__heading-title {
  font-weight: 500;
}
.main-factors__heading-title {
  line-height: 100%;
  letter-spacing: -0.01em;
}
.main-factors__heading-subtitle {
  line-height: 140%;
  letter-spacing: -0.01em;
  color: rgba(43, 43, 43, 0.7);
}
.main-factors__info {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #e9e9ec;
  border-bottom: 1px solid #e9e9ec;
  display: flex;
  align-items: center;
  gap: 14px;
}
.main-factors__info::before {
  font-size: 19px;
  align-self: flex-start;
}
.main-factors__info-text {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
}
.main-factors__content-box {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.main-factors__btn {
  align-self: center;
}

.cost-now {
  background-color: #f5f5f5;
}
.cost-now__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.cost-now__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.cost-now__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  padding: 42px 25px;
  border-radius: 12px 0 0 12px;
  background-color: #bf341d;
}
.cost-now__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cost-now__title {
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #fff;
}
.cost-now__text {
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #fff;
}
.cost-now__image {
  border-radius: 0 12px 12px 0;
  overflow: hidden;
}
.cost-now__image img,
.cost-now__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* Generated by vite-plugin-svg-spritemap */
.page--contacts .breadcrumb {
  justify-content: center;
}

.top-contacts {
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(43, 43, 43, 0.2);
}
.top-contacts__container {
  position: relative;
  padding-top: 105px;
  padding-bottom: 105px;
  overflow: hidden;
}
.top-contacts__container::after {
  content: "";
  position: absolute;
}
.top-contacts__container::after {
  background-image: url("../../assets/img/contacts/contacts-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.top-contacts__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  z-index: 2;
}

.contacts-description__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts-description__items .contacts-description__item:first-child address {
  display: flex;
  flex-direction: column;
}
.contacts-description__items .contacts-description__item:first-child address {
  line-height: 150%;
  font-style: normal;
  color: #2b2b2b;
}
.contacts-description__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contacts-description__item-desc {
  font-size: 18px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.contacts-description__item-link {
  font-size: 20px;
  line-height: 150%;
}
.contacts-description__socials-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contacts__container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.contacts__inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.contacts__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contacts .contacts-form {
  flex-basis: 50%;
  padding-right: 50px;
}

.contacts-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.offer-form__wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.offer-form__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.offer-form__form-item textarea {
  max-height: 120px;
}

.contacts-map {
  background-color: #f5f5f5;
}
.contacts-map__container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.contacts-map__wrapper {
  position: relative;
}
.contacts-map__wrapper iframe {
  width: 100%;
  height: 650px;
}
.contacts-map .map-copyrights__block {
  display: none !important;
}/* Generated by vite-plugin-svg-spritemap */
.reaching {
  background-color: #f5f5f5;
}
.reaching__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.reaching__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 280px);
  gap: 25px;
}
.reaching__items .reaching__item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
  background-color: #bf341d;
  color: #fff;
}
.reaching__items .reaching__item:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/3;
}
.reaching__items .reaching__item:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/2;
}
.reaching__items .reaching__item:nth-child(4) {
  grid-column: 3/4;
  grid-row: 2/3;
}
.reaching__items .reaching__item:not(:first-child) {
  justify-content: flex-end;
}
.reaching__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  border-radius: 16px;
  color: #bf341d;
}
.reaching__item:not(:first-child) {
  border: 1px solid #bf341d;
}
.reaching__item-title {
  color: #fff;
}
.reaching__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reaching__info-num {
  font-weight: 500;
}
.reaching__info-num {
  line-height: 110%;
  letter-spacing: -0.01em;
}/* Generated by vite-plugin-svg-spritemap */
.business-form {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}
.business-form__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.business-form__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.business-form__form-items {
  gap: 12px;
}/* Generated by vite-plugin-svg-spritemap */
.business-animation {
  background-color: #f5f5f5;
}
.business-animation__container {
  padding-top: 40px;
  padding-bottom: 50px;
}
.business-animation__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.business-animation__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.business-animation__heading {
  display: flex;
  flex-direction: column;
}
.business-animation__title {
  text-wrap: balance;
}
.business-animation__subtitle {
  max-width: 600px;
}
.business-animation__image {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 68/58;
}
.business-animation__image img,
.business-animation__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* Generated by vite-plugin-svg-spritemap */
.business-services {
  background-color: #f5f5f5;
}
.business-services__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.business-services__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.business-services__item {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  overflow: hidden;
}
.business-services__content {
  height: 100%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-radius: 16px;
}
.business-services__img {
  aspect-ratio: 66/32;
}
.business-services__img img,
.business-services__img picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.business-services__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.why-business {
  background-color: #f5f5f5;
}
.why-business__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.why-business__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.why-business__items {
  display: grid;
  grid-template-columns: minmax(300px, 45%) 1fr;
  column-gap: 24px;
}
.why-business__items a {
  color: #bf341d;
  text-decoration: underline;
}
.why-business__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.why-business__item {
  display: flex;
  border-radius: 12px;
  padding: 24px;
  gap: 25px;
  background-color: #fff;
}
.why-business__item-icon {
  max-height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  font-size: 18px;
  color: #bf341d;
}
.why-business__item-content {
  display: flex;
  flex-direction: column;
}
.why-business__image {
  height: 100%;
  max-height: 500px;
  max-width: 440px;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 44/45;
}
.why-business__image img,
.why-business__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business-format {
  background-color: #f5f5f5;
}
.business-format__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.business-format__heading {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.business-format__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.business-format__item {
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
}
.business-format__item-num {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.business-format__item-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.business-form__form-items {
  padding-left: 13px;
}
.business-form__form-input::placeholder {
  max-width: 390px;
}/* Generated by vite-plugin-svg-spritemap */
.studio {
  background-color: #f5f5f5;
}
.studio__container {
  padding-top: 40px;
  padding-bottom: 50px;
}
.studio__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 20px;
}
.studio__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.studio__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.studio__title {
  font-size: 60px;
}
.studio__title {
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.01em;
}
.studio__img {
  justify-self: end;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 55/40;
}
.studio__img picture {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
}
.studio__img img {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
}

.animation {
  background-color: #f5f5f5;
}
.animation__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.animation__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
}
.animation__title {
  max-width: 590px;
  width: 100%;
}
.animation__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.animation__items .animation__item:first-child {
  position: relative;
}
.animation__items .animation__item:first-child::before {
  content: "";
  position: absolute;
  bottom: -20px;
  width: 88px;
  height: 2px;
  background-color: #bf341d;
}
.animation__item {
  text-wrap: auto;
}
.commands {
  background-color: #f5f5f5;
}
.commands__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.commands__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.commands__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.commands__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.commands__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.commands__item {
  height: 100%;
  padding: 8px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  background-color: #fff;
}
.commands__item-user {
  width: 100%;
  display: grid;
  gap: 22px;
}
.commands__img {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.commands__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.commands__item-info {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.commands__item-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.01em;
}
.commands__item-role {
  max-width: 155px;
  font-size: 20px;
  line-height: 115%;
  letter-spacing: -0.01em;
  text-align: right;
  color: rgba(43, 43, 43, 0.7);
}
.commands__actions {
  display: none;
}

.advantage {
  background-color: #f5f5f5;
}
.advantage__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.advantage__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.advantage__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.advantage__item {
  height: 100%;
  padding: 25px 15px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #fff;
}
.advantage__info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.advantage__info-num {
  font-size: 100px;
}
.advantage__info-title {
  max-width: 460px;
  text-wrap: balance;
}
.advantage__actions {
  display: none;
}/* Generated by vite-plugin-svg-spritemap */
.ideas {
  background-color: #f5f5f5;
}
.ideas__container {
  padding-top: 50px;
  padding-bottom: 65px;
}
.ideas__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
}
.ideas__action {
  max-height: fit-content;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  z-index: 2;
}
.ideas__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ideas__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ideas__type {
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.01em;
}
.ideas__img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ideas__img picture {
  aspect-ratio: 62/56;
}
.ideas__img img {
  aspect-ratio: 62/56;
}

.ideas-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ideas-form__item {
  display: flex;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  padding: 12px 12px 12px 48px;
}
.ideas-form__label {
  position: relative;
  cursor: pointer;
}
.ideas-form__label::before {
  content: "";
  display: inline-flex;
  position: absolute;
  left: -35px;
  top: -2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #6B6B6B;
}
.ideas-form__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.ideas-form__input:checked + .ideas-form__input-checkbox::after {
  transform: scale(1);
}
.ideas-form__input-checkbox::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: -29px;
  top: 4px;
  transform: translate(29px, -6px);
  background-image: url("../../assets/img/other/checkbox-red.svg");
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.3s ease 0s;
  cursor: pointer;
  z-index: 2;
}/* Generated by vite-plugin-svg-spritemap */
.main__inner {
  display: flex;
  justify-content: space-between;
}
.main__content {
  max-width: 780px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.main__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.main__title {
  font-weight: 500;
}
.main__title {
  line-height: 100%;
  letter-spacing: -0.01em;
}
.main__image {
  position: relative;
  max-width: 460px;
  width: 100%;
  min-height: 475px;
}
.main__image picture {
  max-width: 310px;
  border-radius: 12px;
  aspect-ratio: 30/30.9;
}
.main__image picture:first-child {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.main__image picture:last-child {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main__image img {
  max-width: 310px;
  width: 100%;
  border-radius: 12px;
  aspect-ratio: 30/30.9;
  object-fit: cover;
}

.services {
  background-color: #f5f5f5;
}
.services__container {
  padding-top: 100px;
  padding-bottom: 50px;
}
.services__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.services__items .services__item:last-child {
  align-items: center;
}
.services__items .services__item:last-child .services__content {
  align-items: center;
  height: 100%;
}
.services__items .services__item:last-child .services__content picture {
  object-fit: cover;
  aspect-ratio: 19/27;
}
.services__items .services__item:last-child .services__content img {
  object-fit: cover;
  aspect-ratio: 19/27;
}
.services__items .services__item:last-child .services__item-title {
  text-align: center;
  font-weight: 500;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: -0.03em;
}
.services__item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  border-radius: 12px;
  padding: 16px;
  background-color: #fff;
  transition: transform 0.5s, background-color 0.5s, color 0.5s;
}
.services__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.services__content img:not(:last-child) {
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 74/74;
}
.services__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.services__item-title {
  text-wrap: balance;
}
.services__item-text span {
  font-weight: 500;
}
.examples {
  background-color: #f5f5f5;
}
.examples__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.examples__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.examples__heading-wrapper {
  display: flex;
  align-items: center;
  text-wrap: balance;
  gap: 40px;
  max-width: 620px;
}
.examples__heading-action {
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: flex-end;
  gap: 10px;
}
.examples__heading-link {
  align-self: flex-end;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #bf341d;
}
.examples-slide__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.examples-slide__item-wrapper {
  border-radius: 12px;
  position: relative;
  min-height: 510px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.examples-slide__item-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.steps {
  background-color: #f5f5f5;
}
.steps__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.steps__content {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 40px;
}
.steps__image {
  position: relative;
}
.steps__items {
  display: flex;
  flex-direction: column;
  gap: 7px;
  background-color: #f5f5f5;
}
.steps__item {
  padding: 24px;
  border-radius: 12px;
  display: flex;
  gap: 25px;
  background-color: #fff;
}
.steps__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.studio-magic {
  background-color: #f5f5f5;
}
.studio-magic__container {
  padding-top: 65px;
  padding-bottom: 100px;
}
.studio-magic__inner {
  display: flex;
  gap: 55px;
}
.studio-magic__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.studio-magic__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.studio-magic__desc {
  text-wrap: balance;
}
.studio-magic__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.studio-magic__list {
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.studio-magic__list-item {
  position: relative;
}
.studio-magic__list-item::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 15px;
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background-color: rgba(43, 43, 43, 0.7);
}
.studio-magic__image {
  position: relative;
  flex-shrink: 0;
  max-width: 460px;
  width: 100%;
  max-height: 475px;
  aspect-ratio: 460/475;
}
.studio-magic__image picture {
  aspect-ratio: 31/32;
  max-width: 310px;
  border-radius: 12px;
}
.studio-magic__image picture:last-child {
  position: absolute;
  right: 0;
  bottom: 0;
}
.studio-magic__image img {
  max-width: 310px;
  border-radius: 12px;
  aspect-ratio: 31/32;
  object-fit: cover;
}/* Generated by vite-plugin-svg-spritemap */
.top {
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(43, 43, 43, 0.2);
}
.top__container {
  position: relative;
  padding-top: 105px;
  padding-bottom: 105px;
}
.top__container::before {
  content: "";
  position: absolute;
  top: 0;
}
.top__container::before {
  background-image: url("../../assets/img/blog/notion.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.top__container::after {
  content: "";
  position: absolute;
  top: -80px;
}
.top__container::after {
  background-image: url("../../assets/img/blog/pencil.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.top__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  z-index: 2;
}

.articles__container {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
}
.articles__inner {
  align-items: center;
}
.articles__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.articles__item {
  border: 1px solid rgba(43, 43, 43, 0.2);
  border-radius: 16px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.articles__item-img picture {
  border-radius: 12px;
  object-fit: cover;
}
.articles__item-img img {
  width: 100%;
  aspect-ratio: 306/188;
  object-fit: cover;
  border-radius: 12px;
}

.articles__item-img a {
  width: 100%;
}
.articles__item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.articles__item-desc {
  color: rgba(43, 43, 43, 0.7);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
}
.articles__item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.articles__item-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.subscribe {
  background-color: #f5f5f5;
}
.subscribe__container {
  border-top: 1px solid rgba(43, 43, 43, 0.2);
  padding-top: 70px;
  padding-bottom: 70px;
}

.subscribe__form {
  max-height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.subscribe__items {
  padding: 40px 20px;
  border-bottom: 1px solid rgba(43, 43, 43, 0.2);
  border-top: 1px solid rgba(43, 43, 43, 0.2);
  display: flex;
  justify-content: space-between;
}
.subscribe__items .hidden-fields-container {
  display: none;
}

.subscribe__items .subscribe__item:first-child {
  padding-right: 12px;
  max-width: 550px;
}

.subscribe__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.subscribe__title,
.subscribe .subscribe-item__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.subscribe__btn {
  border-radius: 0 100px 100px 0;
  flex-shrink: 1;
}

.subscribe-form__wrapper {
  display: flex;
  align-items: center;
}
.subscribe-form__box {
  width: 100%;
}
.subscribe-form__label {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.subscribe-form__input {
  max-width: 100%;
  width: 100%;
  padding: 14.5px;
  border: 1px solid #d3d3d3;
  border-radius: 999px 0 0 999px;
  background-color: #fff;
  outline: none;
}
.subscribe-form__input:focus {
  border: 1px solid #bf341d;
}
.subscribe-form__input.--form-error {
  border: 1px solid red;
}
.subscribe-form__input.--form-error.subscribe-form__input {
  background-color: #eea8a8;
}

.subscribe-item {
  border-left: 1px solid rgba(43, 43, 43, 0.2);
  padding-left: 16px;
  max-width: 295px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.subscribe-item__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.subscribe-item__content {
  font-size: 16px;
  line-height: 150%;
  color: rgba(43, 43, 43, 0.7);
}
.subscribe-item__socials {
  display: flex;
  align-items: center;
  gap: 12px;
}/* Generated by vite-plugin-svg-spritemap */
.unique__container {
  padding-top: 40px;
  padding-bottom: 70px;
}
.unique__inner {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.unique__images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.unique__images .unique__wrapper:first-child .unique__item {
  max-height: 122px;
  max-width: 122px;
  aspect-ratio: 1;
}
.unique__images .unique__wrapper:last-child .unique__item {
  max-height: 122px;
  max-width: 122px;
  aspect-ratio: 1;
}
.unique__images .unique-item--center {
  max-width: 210px;
  max-height: 340px;
  aspect-ratio: 21/34;
}
.unique__wrapper {
  display: flex;
  align-items: center;
  max-height: 250px;
  gap: 7px;
}
.unique__box {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.unique__item {
  border-radius: 13px;
  overflow: hidden;
}
.unique__item picture {
  border-radius: 13px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.unique__image {
  border-radius: 13px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.unique__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.unique__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.unique__heading {
  text-align: center;
}
.unique__title {
  font-weight: 500;
}
.unique__title {
  line-height: 100%;
  letter-spacing: -0.01em;
}
.choose {
  background-color: #f5f5f5;
}
.choose__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.choose__title {
  max-width: 470px;
}
.choose__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.choose__services--standard {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.choose__item {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  overflow: hidden;
}
.choose__content {
  height: 100%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-radius: 16px;
  overflow: hidden;
}
.choose__img {
  aspect-ratio: 67/48;
}
.choose__img img,
.choose__img picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.choose__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.choose__services--special {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.choose__services--special .choose__item:first-child .choose__img {
  height: 100%;
}
.choose__services--special .choose__item:first-child .choose__img picture {
  height: 100%;
  aspect-ratio: 67/42;
  object-fit: cover;
}
.choose__services--special .choose__item:first-child .choose__img img {
  height: 100%;
  aspect-ratio: 67/42;
  object-fit: cover;
}
.choose__services--special .choose__item:last-child {
  padding: 15px 20px;
  gap: 20px;
  justify-content: flex-end;
}

.choose-manager {
  background-color: #f5f5f5;
}
.choose-manager__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.choose-manager__wrapper {
  position: relative;
}
.choose-manager__inner {
  position: relative;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  overflow: hidden;
}
.choose-manager__inner::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -100px;
  width: 490px;
  height: 490px;
  background-color: #bf341d;
  border-radius: 50%;
}
.choose-manager__content {
  max-width: 670px;
  padding: 35px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.choose-manager__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.choose-manager__image {
  bottom: -20px;
  position: absolute;
  right: 100px;
}
.choose-manager__image img {
  object-fit: contain;
}

.history {
  background-color: #f5f5f5;
}
.history__container {
  padding-top: 100px;
  padding-bottom: 80px;
}
.history__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.history__items .history__item:first-child {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-wrap: auto;
}/* Generated by vite-plugin-svg-spritemap */
.portfolio__container {
  padding-top: 40px;
  padding-bottom: 60px;
}
.portfolio__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.portfolio__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 35px;
}
.portfolio__heading {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.portfolio__title {
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.01em;
}
.portfolio__subtitle {
  text-wrap: auto;
}
.portfolio__images {
  max-width: 558px;
  display: grid;
  grid-template-columns: minmax(170px, 348px) minmax(170px, 348px);
  justify-self: end;
  gap: 8px;
}
.portfolio__images .portfolio__img:nth-child(1) {
  aspect-ratio: 275/350;
  grid-column: 1/2;
}
.portfolio__images .portfolio__img:nth-child(2) {
  aspect-ratio: 275/350;
  grid-column: 1/2;
}
.portfolio__images .portfolio__img:nth-child(3) {
  aspect-ratio: 275/708;
  grid-column: 2/3;
  grid-row: 1/3;
}
.portfolio__img {
  border-radius: 13px;
  overflow: hidden;
  height: 100%;
}
.portfolio__img picture {
  border-radius: 13px;
  height: 100%;
  object-fit: cover;
}
.portfolio__img img {
  border-radius: 13px;
  height: 100%;
  object-fit: cover;
}

.case {
  position: relative;
  background-color: #f5f5f5;
}
.case__container {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.case__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.case__subtitle {
  max-width: 750px;
}
.case__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  z-index: 0;
}
.case__action {
  display: flex;
  justify-content: center;
}
.case__item {
  height: 100%;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  overflow: hidden;
}
.case__img {
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.case__img img {
  aspect-ratio: 437/388;
  width: 100%;
  object-fit: cover;
}
.case__img picture {
  aspect-ratio: 437/388;
  width: 100%;
  object-fit: cover;
}
.case__img-item {
  min-height: 170px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.case__info-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.case__genre {
  display: inline-flex;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
  z-index: 1;
}
.case__info {
  display: grid;
  gap: 20px;
}

.filter__actions {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: fit-content;
}
.filter .filter-client .filter-client__sub-list {
  top: 79px;
  left: 39px;
}
.filter .filter-service .filter-service__sub-list {
  top: 79px;
  left: 204px;
}
.filter-client__item {
  cursor: pointer;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  background-color: #EACECA;
  transition: background-color 0.3s ease-in;
}
.filter-client__trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  width: 100%;
}
.filter-client__title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.filter-client__sub-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  padding: 10px 14px;
  flex: 1 1 100%;
  border: 1px solid #e6e6e6;
  border-radius: 7px;
  line-height: 120%;
  background: #fff;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.filter-client__label {
  cursor: pointer;
}
.filter-client__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.filter-client__sub-item {
  transition: color 0.2s;
}
.filter-client [data-spoller-list]._spoller-list-active + ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.filter-service__item {
  cursor: pointer;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  background-color: #EACECA;
  transition: background-color 0.3s ease-in;
}
.filter-service__trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  width: 100%;
}
.filter-service__title {
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
.filter-service__sub-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  padding: 10px 14px;
  flex: 1 1 100%;
  border: 1px solid #e6e6e6;
  border-radius: 7px;
  line-height: 120%;
  background: #fff;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.filter-service__label {
  cursor: pointer;
}
.filter-service__input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
}
.filter-service__sub-item {
  transition: color 0.2s;
}
.filter-service [data-spoller-list]._spoller-list-active + ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.company-representative {
  background-color: #f5f5f5;
}
.company-representative__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.company-representative__inner {
  padding: 25px 15px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  background-color: #f1e8e6;
}
.company-representative__text {
  font-weight: 500;
}
.company-representative__text {
  line-height: 120%;
  letter-spacing: -0.01em;
}
.company-representative__link {
  color: #bf341d;
  font-style: italic;
}/* Generated by vite-plugin-svg-spritemap */

.error__container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.error__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 88.75em){
  .studio-main__images .studio-main__image:nth-child(1)::before {
    height: 70%;
  }
  .studio-main__images .studio-main__image:nth-child(3)::before {
    height: 70%;
  }
}
@media (max-width: 86.875em){
  .calculator-form__label-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
@media (max-width: 86.25em){
  .main__container {
    padding-top: 60px;
  }
  .main__container {
    padding-bottom: 15px;
  }
}
@media (max-width: 85em){
  .studio-about__items {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 82.5em){
  .articles__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (max-width: 80.625em){
  .tariff__price-box::before {
    display: none;
  }
  .tariff__price-box {
    flex-direction: column;
    gap: 20px;
  }
}

  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image picture {
    aspect-ratio: 660/240;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image picture {
    aspect-ratio: 660/240;
  }

  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image picture {
    aspect-ratio: 325/685;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image picture {
    aspect-ratio: 325/685;
  }

@media (max-width: 78.75em) and (max-width: 42.5em){
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image picture {
    aspect-ratio: 335/200;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image picture {
    aspect-ratio: 335/200;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image picture {
    aspect-ratio: 344/495;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image picture {
    aspect-ratio: 344/495;
  }
}
@media (max-width: 78.75em){
  .recommendation-drawings__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(1) .recommendation-drawings__image picture {
    aspect-ratio: 68/32;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(2) .recommendation-drawings__image picture {
    aspect-ratio: 68/32;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(3) .recommendation-drawings__image picture {
    aspect-ratio: 338/377;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image img,
  .recommendation-drawings__wrapper .recommendation-drawings__item:nth-child(4) .recommendation-drawings__image picture {
    aspect-ratio: 338/377;
  }
}
@media (max-width: 74.375em){
  .popup-calculator__content {
    gap: 24px;
  }
  .popup-calculator__forms {
    padding: 0;
  }
  .calculator-form {
    grid-template-columns: repeat(2, 1fr);
  }
  .calculator-form .calculator-form__inner:nth-child(3) {
    grid-column: span 2;
  }
}
@media (max-width: 73.75em) and (any-hover: none){
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 73.75em){
  [class*=__container] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .form-inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  .form-img picture {
    position: relative;
    top: 20px;
  }
  .form-img img {
    position: relative;
    top: 20px;
  }
  .form-img {
    flex-direction: row;
    justify-content: center;
  }
  .menu__body {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    position: fixed;
    width: 100%;
    height: 100%;
    right: -100%;
    overflow: auto;
    padding: 60px 15px 30px 15px;
    transition: right 0.4s;
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    transition: right 0.4s;
    background-color: #fff;
    z-index: -1;
  }
  [data-fls-menu-open] .menu__body {
    background-color: #fff;
    right: 0;
    z-index: 5;
  }
  [data-fls-menu-open] .menu__body::before {
    right: 0;
  }
  .menu__list {
    flex-direction: column;
    gap: 20px;
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    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);
  }
  [data-fls-menu-open] .icon-menu span {
    width: 0;
  }
  [data-fls-menu-open] .icon-menu::before {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
  [data-fls-menu-open] .icon-menu::after {
    bottom: calc(50% - 1px);
    transform: rotate(45deg);
  }
  .header__btn {
    display: none;
    visibility: hidden;
  }
  [data-fls-menu-open] .header__btn {
    visibility: visible;
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .formats-cartoon__tabs {
    padding-left: 30px;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .formats-cartoon__tabs-title-wrapper.--tab-active .formats-cartoon__tabs-title-desc {
    max-width: 100%;
  }
  .formats-cartoon__tabs-title-wrapper:not(:last-child) {
    margin-bottom: 15px;
  }
  .formats-cartoon__tabs-body-wrapper {
    padding: 30px 0;
  }
  .formats-cartoon__tabs-body-wrapper {
    padding: 20px 0;
  }
  .faq-spollers {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .faq-spollers__wrapper {
    gap: 12px;
  }
  .faq-spollers__title {
    padding-top: 20px;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .faq-spollers__num {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: rgba(43, 43, 43, 0.5);
  }
  .faq-spollers__body {
    padding-left: 58px;
  }
  .creation-cartoon__items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .creation-cartoon__wrapper {
    gap: 16px;
  }
  .creation-cartoon__image {
    order: -1;
  }
  .cartoon-drawings__inner {
    display: flex;
    flex-direction: column;
  }
  .cartoon-drawings__subtitle {
    max-width: 100%;
  }
  .calculator-form__info-description {
    font-size: 16px;
  }
  .creation-company__items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .creation-company__wrapper {
    gap: 16px;
  }
  .creation-company__image {
    order: 0;
  }
  .page--friendly-company .cartoon-drawings__inner {
    gap: 30px;
  }
  .page--friendly-company .faq__container {
    padding-top: 50px;
  }
  .page--friendly-company .faq__container .faq__img {
    display: none;
  }
  .steps-animation__items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .steps-animation__items .steps-animation__wrapper:first-child {
    flex-direction: column-reverse;
  }
  .steps-animation__wrapper {
    gap: 16px;
  }
  .steps-animation__image {
    order: -1;
    max-height: none;
    max-width: none;
    aspect-ratio: auto;
  }
  .studio-main__images {
    padding: 0;
  }
  .studio-main__images .studio-main__image:nth-child(1)::before {
    height: 81%;
  }
  .studio-main__images .studio-main__image:nth-child(3)::before {
    height: 81%;
  }
  .studio-meet__wrapper {
    padding-top: 0;
  }
  .studio-meet__inner {
    padding-left: max(16px, (100% - 1360px) / 2);
    padding-right: max(16px, (100% - 1360px) / 2);
  }
  .studio-meet__items {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .studio-meet__item:last-child {
    padding-top: 0;
  }
  .studio-together__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .studio-together__image {
    display: none;
  }
  .studio-together__items {
    gap: 15px;
  }
  .recommendation__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
  }
  .recommendation__main {
    padding-top: 0;
    gap: 24px;
  }
  .recommendation__heading {
    gap: 12px;
  }
  .recommendation-photo__wrapper {
    gap: 40px;
  }
  .recommendation-photo__content .recommendation-photo__item:last-child {
    max-width: 100%;
  }
  .recommendation-photo__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .recommendation-photo__list {
    gap: 12px;
  }
  .recommendation-photo__images {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .story-tell__wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .story-tell__content {
    padding: 35px 22px;
    max-width: 100%;
  }
  .story-tell__img {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .story-tell__img picture {
    aspect-ratio: 418/383;
  }
  .story-tell__img img {
    aspect-ratio: 418/383;
  }
  .tariff__items {
    gap: 16px;
  }
  .cost-factors__inner {
    display: flex;
    flex-direction: column-reverse;
  }
  .cost-factors__image img,
  .cost-factors__image picture {
    max-height: 720px;
    aspect-ratio: 1/1;
  }
  .main-factors__items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .main-factors__content-box {
    flex-direction: column;
  }
  .main-factors__btn {
    align-self: flex-start;
  }
  .cost-now__inner {
    display: flex;
    flex-direction: column-reverse;
  }
  .cost-now__info {
    border-radius: 0 0 12px 12px;
  }
  .cost-now__image {
    border-radius: 12px 12px 0 0;
  }
  .contacts .contacts-form {
    padding-right: 0;
  }
  .contacts-map__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contacts-map__wrapper iframe {
    height: 400px;
  }
  .reaching__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .reaching__items .reaching__item:nth-child(2) {
    grid-column: 2/4;
  }
  .reaching__items .reaching__item:nth-child(3) {
    grid-column: 1/4;
    grid-row: 3/4;
  }
  .reaching__items .reaching__item:nth-child(4) {
    grid-column: 1/4;
    grid-row: 4/5;
  }
  .business-animation__inner {
    display: flex;
    flex-direction: column;
  }
  .business-animation__subtitle {
    max-width: 100%;
  }
  .why-business__title {
    order: -1;
  }
  .why-business__items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .why-business__wrapper {
    gap: 20px;
  }
  .why-business__image {
    order: -1;
    max-height: none;
    max-width: none;
    aspect-ratio: auto;
  }
  .studio__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .studio__info {
    gap: 24px;
  }
  .studio__heading {
    gap: 12px;
  }
  .animation__inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .animation__items {
    gap: 24px;
  }
  .animation__items .animation__item:first-child::before {
    bottom: -12px;
  }
  .commands__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .advantage__items {
    display: flex;
    gap: 8px;
  }
  .advantage__item {
    gap: 12px;
  }
  .advantage__actions {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .main__inner {
    flex-direction: column;
    gap: 30px;
  }
  .main__content {
    gap: 24px;
  }
  .main__image picture:first-child {
    position: static;
  }
  .main__image picture:last-child {
    position: static;
  }
  .main__image picture {
    max-width: 100%;
    width: 100%;
    max-height: 360px;
    object-fit: cover;
  }
  .main__image img {
    max-width: 100%;
    width: 100%;
    max-height: 360px;
    object-fit: cover;
  }
  .main__image {
    max-width: 100%;
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .services__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .studio-magic__inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 20px;
  }
  .studio-magic__image picture {
    aspect-ratio: 460/475;
    max-width: 67.4%;
    width: 67.4%;
    height: auto;
    object-fit: cover;
  }
  .studio-magic__image img {
    aspect-ratio: 460/475;
    max-width: 67.4%;
    width: 67.4%;
    height: auto;
    object-fit: cover;
  }
  .studio-magic__image {
    max-width: 100%;
    max-height: none;
    aspect-ratio: 460/475;
    min-height: auto;
  }
  .studio-magic__image .studio-magic__image-item.--last {
    width: 100%;
    max-width: 100%;
  }
  .choose-manager__wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .choose-manager__inner {
    z-index: 2;
  }
  .choose-manager__inner::after {
    display: none;
  }
  .choose-manager__content {
    max-width: 100%;
  }
  .choose-manager__image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 10px;
    right: auto;
    max-width: 490px;
    width: 100%;
    max-height: 490px;
    aspect-ratio: 1/1;
    object-fit: cover;
    overflow: hidden;
    background-color: #bf341d;
    border-radius: 50%;
    z-index: 1;
  }
  .choose-manager__image img {
    max-width: 332px;
    width: 100%;
    max-height: 474px;
    top: auto;
    right: auto;
  }
  .choose-manager__image picture {
    max-width: 332px;
    width: 100%;
    max-height: 474px;
    top: auto;
    right: auto;
  }
  .history__items .history__item:first-child {
    gap: 12px;
  }
  .history__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .portfolio__container {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .portfolio__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .portfolio__images {
    max-width: 100%;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
  }
  /* .portfolio__images .portfolio__img img:nth-child(1) {
      aspect-ratio: 1/1;
  }
  .portfolio__images .portfolio__img img:nth-child(2) {
      aspect-ratio: 1/1;
  } */
  .case__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .filter .filter-client .filter-client__sub-list {
    left: 15px;
  }
  .filter .filter-service .filter-service__sub-list {
    left: 15px;
  }
  .filter-client__sub-list {
    left: 15px;
  }
  .filter-service__sub-list {
    left: 170px;
  }
}
@media (max-width: 71.25em){
  .footer__inner {
    padding-top: 36px;
  }
  .footer__top {
    flex-direction: column;
  }
  .footer__brand {
    width: 100%;
  }
  .footer__actions {
    width: 100%;
    justify-content: space-between;
  }
  .footer__wrapper {
    width: 100%;
    justify-content: space-between;
    gap: 20px;
  }
  .studio-meet__text {
    padding-right: 0.000001px;
  }
  .studio-together__content {
    gap: 10px;
  }
  .studio-together__item-text {
    font-size: 18px;
  }
  .main__inner {
    column-gap: 20px;
  }
  .main__title {
    font-size: 45px;
  }
  .unique__title {
    font-size: 45px;
  }
}
@media (max-width: 67.5em){
  .articles__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 62.49875em) and (min-width: 47.99875em){
  .steps__content {
    gap: 430px;
  }
  .steps__image picture {
    max-width: 380px;
  }
  .steps__image img {
    max-width: 380px;
  }
}
@media (max-width: 62.49875em) and (min-width: 45em){
  .commands__inner {
    gap: 24px;
  }
}
@media (max-width: 62.49875em) and (max-width: 26.25em){
  .commands__inner {
    gap: 14px;
  }
  .steps__content {
    gap: 250px;
  }
  .steps__image picture {
    max-width: 210px;
  }
  .steps__image img {
    max-width: 210px;
  }
}
@media (max-width: 62.49875em){
  .inner {
    gap: 20px;
  }
  .breadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .breadcrumb::-webkit-scrollbar {
    display: none;
  }
  .footer__bottom {
    flex-direction: column-reverse;
  }
  .reasons-cartoon__items {
    grid-template-columns: 1fr;
  }
  .faq__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .calculator-form__choice {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .calculator-form__special {
    padding: 38px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .page--friendly-company .faq__container {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .article__container {
    padding-bottom: 20px;
  }
  .advantages-ordering__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .animation-ordering__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .timing-animation__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .types-of-animation__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .benefits-animation-toys__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .conclusion-article__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .view-works {
    padding-top: 20px;
    padding-bottom: 45px;
  }
  .view-works__example {
    max-width: 100px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    top: -145px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    right: 80px;
  }
  .studio-main__container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .studio-about__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .studio-about__inner {
    gap: 20px;
  }
  .studio-about__items .studio-about__item:nth-child(4) {
    font-size: 20px;
  }
  .studio-meet__inner {
    padding-bottom: 24px;
  }
  .studio-lesson__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .studio-together__container {
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .studio-schedule__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .studio-schedule__inner {
    gap: 12px;
  }
  .studio-location__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .studio-location__heading {
    gap: 16px;
  }
  .sign-up__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sign-up__inner {
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 0;
    background-color: #f5f5f5;
  }
  .sign-up__image:first-child img {
    max-width: 220px;
    width: 100%;
    aspect-ratio: 220/180;
    margin: 0 auto;
  }
  .sign-up__image:first-child {
    background-color: #f5f5f5;
    max-width: 100%;
    width: 100%;
  }
  .sign-up__image:last-child {
    display: none;
  }
  .sign-up__box {
    width: 100%;
    border-radius: 12px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    background-color: #fff;
  }
  .studio-reviews__container {
    padding-top: 20px;
  }
  .studio-reviews__heading {
    flex-direction: column;
    gap: 20px;
  }
  .studio-reviews__heading-wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1.6fr 0.4fr;
  }
  .recommendation__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .recommendation-photo__container {
    padding-top: 20px;
  }
  .recommendation-drawings__container {
    gap: 30px;
  }
  .top-cost__container::after {
    top: -10px;
  }
  .top-cost__container::after {
    right: 10px;
  }
  .top-cost__container::after {
    width: 200px;
  }
  .top-cost__container::after {
    height: 170px;
  }
  .tariff__container {
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 40px;
  }
  .tariff__price {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .tariff__price-btn {
    align-self: flex-start;
  }
  .tariff__price-box::before {
    display: block;
  }
  .tariff__price-box {
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  .cost-factors__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .main-factors__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .cost-now__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .top-contacts__container::after {
    top: -10px;
  }
  .top-contacts__container::after {
    right: 40px;
  }
  .reaching__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .business-services__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .business-services__items {
    gap: 16px;
  }
  .business-format__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .studio__container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .animation__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .commands__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .advantage__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ideas__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ideas__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  .ideas__img picture {
    position: relative;
    top: 20px;
  }
  .ideas__img img {
    position: relative;
    top: 20px;
  }
  .ideas__img {
    flex-direction: row;
    justify-content: center;
  }
  .services__container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .examples__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .examples__heading {
    flex-direction: column;
    gap: 20px;
  }
  .examples__heading-wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1.6fr 0.4fr;
  }
  .steps__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .steps__content {
    display: flex;
    flex-direction: column;
  }
  .steps__image picture {
    aspect-ratio: 48/85;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  .steps__image img {
    aspect-ratio: 48/85;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  .steps__items {
    gap: 12px;
    z-index: 2;
  }
  .studio-magic__container {
    padding-top: 20px;
    padding-bottom: 90px;
  }
  .top__container::before {
    left: -30px;
  }
  .top__container::before {
    width: 180px;
  }
  .top__container::before {
    height: 160px;
  }
  .top__container::after {
    right: -150px;
  }
  .top__container::after {
    width: 352px;
  }
  .top__container::after {
    height: 260px;
  }
  .articles__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .subscribe-item__socials {
    justify-content: flex-end;
  }
  .unique__container {
    padding-top: 24px;
    padding-bottom: 20px;
  }
  .choose__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .choose__items {
    gap: 16px;
  }
  .choose__services--standard {
    gap: 16px;
  }
  .choose__services--special {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .choose-manager__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .history__container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .portfolio__info {
    gap: 24px;
  }
  .portfolio__heading {
    gap: 12px;
  }
  .portfolio__title {
    font-size: 45px;
  }
  .case__container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .filter .filter-client .filter-client__sub-list {
    top: 82px;
  }
  .filter .filter-service .filter-service__sub-list {
    top: 82px;
  }
  .filter-client__sub-list {
    top: 65px;
  }
  .filter-service__sub-list {
    top: 65px;
  }
  .company-representative__container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 52.5em){
  .calculator-form {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }
  .calculator-form .calculator-form__inner:nth-child(3) {
    grid-column: auto;
  }
  .calculator-form__label-wrapper {
    flex-direction: row;
  }
}
/* @media (max-width: 51.25em){
  .subscribe__items .subscribe__item:first-child {
    max-width: 400px;
  }
} */
@media (max-width: 47.99875em){
  .popup-get-main__heading-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .popup-get-main__status {
    max-width: 100%;
    justify-content: center;
  }
  .popup-get-heading-wrapper {
    padding: 16px 16px 16px 16px;
  }
  .popup-get-heading-wrapper.popup-get-cartoon__heading-wrapper, .popup-get-heading-wrapper.popup-get-video-business__heading-wrapper {
    padding: 16px;
  }
  .header__logo-link {
    width: 95px;
    height: 95px;
  }
  .cartoon-drawings__inner {
    gap: 24px;
  }
  .cartoon-drawings__content {
    gap: 24px;
  }
  .cartoon-drawings__heading {
    gap: 24px;
  }
  .calculator-form__result-price {
    font-size: 36px;
  }
  .calculator-form__special-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .calculator-form__special-action-btn {
    max-width: 100%;
  }
  .calculator-form__special-badge {
    font-size: 16px;
    padding: 10px 16px;
  }
  .popup-get-consultation__heading {
    padding: 16px 50px 16px 16px;
  }
  .popup-specialist__heading {
    padding: 16px 50px 16px 16px;
  }
  .popup-specialist__info {
    padding: 16px;
  }
  /* .video-wrapper {
    aspect-ratio: 300/320;
  } */
  .video-wrapper .vjs-poster {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .video-wrapper .vjs-tech {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .studio-lesson__btn::before {
    font-size: 12px;
  }
  .studio-lesson__btn .play-btn::before {
    font-size: 12px;
  }
  .studio-lesson__btn {
    width: 32px;
    height: 32px;
  }
  .recommendation-hero__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .recommendation-hero__slide {
    min-height: 535px;
  }

  @media (max-width: 620px){
    .recommendation-hero__slide {
      min-height: auto;
    }
  }
  .story-tell__actions {
    justify-content: center;
    gap: 16px;
  }
  .story-tell__actions {
    flex-direction: column;
    gap: 8px;
  }
  .story-tell__btn {
    width: 100%;
    flex-shrink: 1;
  }
  .cost-now__info {
    padding: 20px 25px;
  }
  .top-contacts__container::after {
    width: 180px;
  }
  .top-contacts__container::after {
    height: 160px;
  }
  .contacts__title {
    font-size: 34px;
  }
  .reaching__info-num {
    font-size: 80px;
  }
  .business-animation__inner {
    gap: 24px;
  }
  .business-animation__content {
    gap: 24px;
  }
  .business-animation__heading {
    gap: 24px;
  }
  .studio-magic__info {
    gap: 12px;
  }
}
@media (max-width: 46.25em) and (min-width: 46.25em){
  .main__title {
    font-size: 45px;
  }
  .unique__title {
    font-size: 45px;
  }
}
@media (max-width: 46.25em) and (max-width: 26.25em){
  .main__title {
    font-size: 36px;
  }
  .unique__title {
    font-size: 28px;
  }
}
@media (max-width: 46.25em){
  .tariff__items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 45.625em){
  .studio-main__images .studio-main__image:nth-child(1) {
    align-self: center;
  }
  .studio-main__images .studio-main__image:nth-child(2) {
    align-self: center;
  }
  .studio-main__images .studio-main__image:nth-child(1)::before {
    height: 100%;
  }
  .studio-main__images .studio-main__image:nth-child(3) {
    display: none;
  }
}
@media (max-width: 45em){
  .form-items {
    padding-left: 0;
  }
  .popup-get-main__form-wrapper input[type=tel],
  .popup-get-main__form-wrapper input[type=email],
  .popup-get-main__form-wrapper input[placeholder="Телеграм"],
  .popup-get-main__form-wrapper input[placeholder="Макс"] {
    padding-left: 45px;
  }
  .form-items-num {
    display: none;
  }
  .form-item__input-checkbox-star::after {
    left: 4px;
    top: 4px;
    /* left: 12px;
    top: 10px; */
  }
  .form-item__label-star::before {
    left: 8px;
  }
  .order-cartoon__form-inner-items .order-cartoon__form-wrapper-items:nth-child(2) .order-cartoon__form-items {
    display: flex;
    flex-direction: column;
  }
  .аnimation-hero__form-inner-items .order-cartoon__form-wrapper-items:nth-child(2) .order-cartoon__form-items {
    grid-template-columns: 1fr;
  }
  .view-works__inner {
    flex-direction: column;
    padding: 50px 20px;
  }
  .view-works__example {
    max-width: 100%;
    min-height: 100px;
  }
  .view-works__example:first-child .view-works__example-img:nth-child(1) {
    top: -90px;
    left: -65px;
  }
  .view-works__example:first-child .view-works__example-img:nth-child(2) {
    left: auto;
    right: -50px;
    top: -85px;
  }
  .view-works__example:first-child .view-works__example-img:nth-child(3) {
    bottom: -60px;
    left: 90px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    left: 0;
    top: -50px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(2) {
    bottom: -75px;
    right: -40px;
  }
  .studio-main__images {
    min-height: 450px;
  }
  .studio-main__images {
    gap: 2px;
  }
  .studio-main__images {
    display: flex;
    min-height: auto;
  }
  .studio-schedule__group-item-info:nth-child(1) {
    font-size: 16px;
  }
  .studio-schedule__group-item-info:nth-child(2) {
    font-size: 18px;
  }
  .studio-schedule__group-item-info:nth-child(3) {
    font-size: 16px;
  }
  .studio-location__inner::before {
    width: 118px;
  }
  .studio-location__inner::before {
    height: 118px;
  }
  .studio-location__inner::after {
    top: -220px;
  }
  .studio-location__inner::after {
    right: -220px;
  }
  .studio-location__inner::after {
    width: 440px;
  }
  .studio-location__inner::after {
    height: 440px;
  }
  .studio-reviews__heading-wrapper {
    max-width: 100%;
    align-self: flex-start;
  }
  .examples__heading-wrapper {
    max-width: 100%;
    align-self: flex-start;
  }
  .subscribe__items {
    flex-direction: column;
    gap: 16px;
  }
  .subscribe__item {
    gap: 16px;
  }
  .subscribe-item__socials {
    justify-content: flex-start;
  }
  .subscribe-item {
    max-width: 100%;
    border-top: 1px solid rgba(43, 43, 43, 0.2);
    padding-top: 16px;
    border-left: none;
    padding-left: 0;
  }
}
@media (max-width: 43.125em){
  .footer__actions {
    padding-top: 24px;
  }
  .footer__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .footer-menu__list {
    gap: 8px;
  }
  .footer-bottom__politics {
    row-gap: 2px;
  }
  .animation-ordering__images {
    gap: 16px;
  }
  .animation-ordering__images .animation-ordering__img {
    width: 100%;
  }
  .animation-ordering__images .animation-ordering__img:first-child, .animation-ordering__images .animation-ordering__img:last-child {
    flex: unset;
  }
  .animation-ordering__images {
    flex-direction: column;
    gap: 20px;
  }
  .studio-about__items .studio-about__item:nth-child(4) {
    padding: 16px;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .studio-about__item-content {
    padding-top: 0;
    gap: 16px;
  }
  .studio-about__item-box {
    align-self: center;
  }
  .studio-about__btn {
    align-self: center;
  }
  .services__items {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 42.5em){
  .faq-spollers__title {
    padding-left: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  .faq-spollers__body {
    padding-left: 16px;
  }
  .studio-together__item {
    padding: 16px;
    grid-template-columns: 1fr minmax(30px, 60px);
  }
  .studio-together__item-num {
    grid-row: 1/2;
  }
  .studio-together__item-text {
    grid-column: 1/3;
  }
  .recommendation-drawings__wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .recommendation-drawings__images-desc-wrapper {
    bottom: 10px;
    left: 10px;
    top: auto;
  }
  .contacts__inner {
    flex-direction: column;
  }
  .business-services__items {
    display: flex;
    flex-direction: column;
  }
  .articles__items {
    grid-template-columns: 1fr;
  }
  .choose__services--standard {
    display: flex;
    flex-direction: column;
  }
  .case__items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 39.375em){
  .studio-location__inner::before {
    width: 100px;
    height: 100px;
    top: -40px;
    left: -30px;
  }
  .studio-location__inner::after {
    width: 180px;
    height: 220px;
    top: -100px;
    right: -80px;
  }
}
@media (max-width: 38.75em){
  .footer__inner {
    gap: 40px;
  }
  .creation-cartoon__item {
    padding: 16px;
    flex-direction: column;
    gap: 16px;
  }
  .creation-company__item {
    padding: 16px;
    flex-direction: column;
    gap: 16px;
  }
  .steps-animation__item {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .studio-main__image img, .studio-main__image picture {
    aspect-ratio: 119/244;
  }
  .studio-schedule__group-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .recommendation-photo__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .recommendation-photo__images {
    display: flex;
  }
  .recommendation-photo__images-item {
    aspect-ratio: 1/1;
  }
  .recommendation-photo__images-actions .recommendation-photo__actions {
    display: flex;
    gap: 15px;
  }
  .recommendation-photo__images-actions {
    justify-content: space-between;
  }
  .recommendation-hero__slider {
    display: flex;
    flex-direction: column;
  }
  .recommendation-hero__wrapper {
    display: flex;
    gap: 8px;
  }
  .recommendation-hero__actions {
    justify-content: space-between;
  }
  .recommendation-hero__buttons {
    display: flex;
    gap: 15px;
  }
  .reaching__items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .reaching__info {
    padding-top: 95px;
  }
  .why-business__item {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .commands__items {
    display: flex;
    gap: 8px;
  }
  .commands__actions {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .steps__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .steps__info {
    gap: 8px;
  }
  .filter-service__sub-list {
    left: 15px;
  }
}
@media (max-width: 35em){
  .studio-reviews__heading-wrapper {
    display: inline-flex;
  }
  .studio-reviews__heading-action {
    align-self: center;
  }
  .studio-reviews__heading-link {
    align-self: flex-start;
  }
  .examples__heading-wrapper {
    display: inline-flex;
  }
  .examples__heading-action {
    align-self: center;
  }
  .examples__heading-link {
    align-self: flex-start;
  }
}
@media (max-width: 32.5em){
  .top-cost__container::after {
    right: 0;
    top: 100px;
    width: 95px;
    height: 85px;
  }
  .top-contacts__container::after {
    right: 0;
    top: 100px;
    width: 145px;
    height: 125px;
  }
  .top__container::before {
    width: 100px;
    height: 100px;
    left: 20px;
  }
  .top__container::after {
    right: -80px;
    top: 15px;
    width: 210px;
    height: 240px;
  }
  .choose-manager__image img {
    top: -10px;
    max-width: 190px;
    max-height: 316px;
  }
  .choose-manager__image picture {
    top: -10px;
    max-width: 190px;
    max-height: 316px;
  }
}
@media (max-width: 29.99875em){
  .popup-get-main__form-wrapper {
    padding: 8px;
  }
  .popup-get-main__btn {
    font-size: 16px;
  }
  .form-actions {
    padding: 16px;
  }
  .footer__inner {
    padding-top: 22px;
  }
  .footer__logo picture {
    width: 119px;
    height: 119px;
  }
  .footer__logo-img {
    width: 119px;
    height: 119px;
  }
  .calculator-form__label-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .calculator-form__choice-items {
    flex-direction: column;
  }
  .calculator-form__choice-item {
    font-size: 16px;
    padding: 12px 16px;
  }
  .popup-get-consultation__form-wrapper {
    padding: 8px;
  }
  .popup-get-consultation__btn {
    font-size: 16px;
  }
  .steps-animation__image {
    order: 0;
  }
  .studio-main__container {
    padding-top: 20px;
  }
  .studio-about__btn {
    width: 100%;
  }
  .studio-schedule__inner {
    gap: 8px;
  }
  .studio-schedule__group-item {
    padding: 12px 0;
  }
  .studio-schedule__group-item-info:nth-child(1) {
    padding: 4px 8px;
  }
  .recommendation-hero__image img {
    aspect-ratio: 220/390;
  }
  .story-tell__content {
    padding: 16px;
  }
  .why-business__image {
    order: 0;
  }
  .studio__container {
    padding-top: 20px;
  }
  .ideas__action {
    padding: 16px;
  }
  .main__image {
    gap: 11px;
  }
  .studio-magic__inner {
    gap: 40px;
  }
  .subscribe__container {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .subscribe__btn {
    border-radius: 100px;
    width: 100%;
  }
  .subscribe-form__wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .subscribe-form__input {
    border-radius: 999px;
  }
  .portfolio__inner {
    gap: 30px;
  }
  .portfolio {
    background-color: #f5f5f5;
  }
  .case__btn {
    width: 100%;
  }
  .filter__actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .filter .filter-service .filter-service__sub-list {
    top: 135px;
  }
}
@media (max-width: 26.25em){
  .title {
    font-size: 26px;
  }
  .subtitle {
    font-size: 16px;
  }
  .title-desc {
    font-size: 20px;
  }
  .text-content {
    font-size: 18px;
  }
  .text {
    font-size: 18px;
  }
  .text-info {
    font-size: 18px;
  }
  .num-big {
    font-size: 40px;
  }
  .footer-contacts__items .footer-contacts__item:first-child address {
    font-size: 18px;
  }
  .footer__bottom {
    font-size: 14px;
  }
  .reasons-cartoon__inner {
    gap: 16px;
  }
  .reasons-cartoon__subtitle {
    font-size: 18px;
  }
  .reasons-cartoon__img {
    aspect-ratio: 36/20;
  }
  .reasons-cartoon__content {
    gap: 8px;
  }
  .formats-cartoon__tabs-title {
    font-size: 24px;
  }
  .creation-cartoon__item-content {
    gap: 8px;
  }
  .cartoon-drawings__title {
    font-size: 36px;
  }
  .creation-company__item-content {
    gap: 8px;
  }
  .page--friendly-company .cartoon-drawings__title {
    font-size: 34px;
  }
  .steps-animation__item-content {
    gap: 8px;
  }
  .article__heading {
    gap: 10px;
  }
  .article__title {
    font-size: 25px;
  }
  .article__date {
    font-size: 16px;
  }
  .article__content {
    gap: 24px;
  }
  .article__content p {
    font-size: 18px;
  }
  .article__content blockquote {
    font-size: 18px;
  }
  .animation-ordering__inner {
    gap: 20px;
  }
  .conclusion-article__content p {
    font-size: 18px;
  }
  .conclusion-article__content ul li,
  .conclusion-article__content ol li {
    font-size: 18px;
  }
  .conclusion-article__content blockquote {
    font-size: 18px;
  }
  .studio-main__wrapper {
    gap: 50px;
  }
  .studio-main__title {
    font-size: 36px;
  }
  .studio-schedule__group-title {
    font-size: 16px;
  }
  .sign-up__wrapper {
    padding-top: 35px;
  }
  .sign-up__wrapper {
    padding-bottom: 35px;
  }
  .studio-reviews__container {
    padding-bottom: 30px;
  }
  .recommendation-drawings__hero-text {
    font-size: 18px;
  }
  .top-cost__title {
    font-size: 32px;
  }
  .main-factors__heading-title {
    font-size: 20px;
  }
  .cost-now__title {
    font-size: 24px;
  }
  .top-contacts__title {
    font-size: 32px;
  }
  .contacts-description__items .contacts-description__item:first-child address {
    font-size: 18px;
  }
  .contacts-map__wrapper iframe {
    height: 360px;
  }
  .reaching__info-desc {
    font-size: 16px;
  }
  .business-animation__title {
    font-size: 36px;
  }
  .why-business__item-content {
    gap: 8px;
  }
  .studio__title {
    font-size: 28px;
  }
  .advantage__info {
    gap: 10px;
  }
  .main__container {
    padding-top: 30px;
  }
  .studio-magic__container {
    padding-bottom: 60px;
  }
  .studio-magic__content {
    gap: 34px;
  }
  .top__title {
    font-size: 32px;
  }
  .unique__inner {
    gap: 20px;
  }
  .unique__heading {
    gap: 12px;
  }
  .company-representative__text {
    font-size: 18px;
  }
}
@media (max-width: 23.75em){
  .popup-calculator__body {
    padding: 16px;
  }
  .tariff__price-box::before {
    display: none;
  }
  .tariff__price-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .advantage__info {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 23.125em){
  .top-cost__container::after {
    top: 10px;
  }
  .top-contacts__container::after {
    top: -20px;
  }
}
@media (max-width: 22.5em){
  .popup-get-main .popup-get-main__status-item:first-child::before {
    display: none;
  }
  .footer__brand {
    flex-direction: column;
    gap: 24px;
  }
  .footer__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .btn-action {
    font-size: 16px;
    white-space: nowrap;
  }
  .popup-get-cartoon__status {
    gap: 20px;
  }
  .datepicker-popup-lapa__label::before {
    font-size: 20px;
  }
  .datepicker-popup-lapa__label {
    padding-right: 12px;
  }
  .studio-main__title {
    font-size: 26px;
  }
  .sign-up-form__items {
    font-size: 14px;
  }
  .datepicker-item__label::before {
    font-size: 20px;
  }
  .datepicker-item__label {
    padding-right: 12px;
  }
  .sign-up-select-item .select__value.--select-pseudo-label::before {
    right: 24px;
  }
  .sign-up-select-item .select__value.--select-pseudo-label::after {
    right: 14px;
  }
  .recommendation-drawings__desc {
    font-size: 14px;
  }
  .cost-now__info {
    padding: 10px;
  }
  .cost-now__btn {
    width: 100%;
  }
  .main__content .btn-action {
    width: 100%;
  }
  .main__title {
    font-size: 26px;
  }
  .unique__title {
    font-size: 26px;
  }
  .filter .filter-client .filter-client__sub-list {
    left: 0;
  }
  .filter .filter-service .filter-service__sub-list {
    left: 0;
  }
}
@media (max-width: 21.25em){
  .footer__bottom {
    font-size: 12px;
  }
}
@media (max-width: 20em){
  .popup-get-title {
    font-size: 24px;
  }
  .popup-get-subtitle {
    font-size: 16px;
  }
  .popup-get-consultation__title {
    font-size: 24px;
  }
  .popup-get-consultation__subtitle {
    font-size: 16px;
  }
  .popup-specialist__name {
    font-size: 24px;
  }
  .popup-specialist__position {
    font-size: 16px;
  }
  .popup-specialist__info {
    font-size: 16px;
  }
}
@media (max-width: 767.98){
  .reasons-cartoon__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .order-cartoon {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .order-cartoon__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .formats-cartoon__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .creation-cartoon__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .cartoon-drawings__container {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .video-wrapper .video-js.video-js--playing {
    cursor: pointer;
  }
  .friendly-company {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .friendly-company__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .creation-company__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .steps-animation__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .аnimation-hero {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .аnimation-hero__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .business-form {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .business-form__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .business-animation__container {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .why-business__container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 999.98){
  .video__play-btn {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 62.49875em) and (min-width: 26.25em) and (max-width: 45em){
  .commands__inner {
    gap: clamp( 14px , 0.000001px  +  3.3333333333vw , 24px );
  }
}
@media (max-width: 46.25em) and (min-width: 26.25em) and (max-width: 46.25em){
  .main__title {
    font-size: clamp( 36px , 24.1875px  +  2.8125vw , 45px );
  }
  .unique__title {
    font-size: clamp( 28px , 5.6875px  +  5.3125vw , 45px );
  }
}
@media (max-width: 62.49875em) and (min-width: 26.25em) and (max-width: 47.99875em){
  .steps__content {
    gap: clamp( 250px , 32.7461348353px  +  51.7271107535vw , 430px );
  }
  .steps__image picture {
    max-width: clamp( 210px , 4.8157940112px  +  48.8533823783vw , 380px );
  }
  .steps__image img {
    max-width: clamp( 210px , 4.8157940112px  +  48.8533823783vw , 380px );
  }
}
@media (min-width: 767.98){
  .video-wrapper .video-js.video-js--playing {
    cursor: default;
  }
}
@media (min-width: 20em) and (max-width: 38.75em){
  .popup-get-title {
    font-size: clamp( 24px , 13.3333333333px  +  3.3333333333vw , 34px );
  }
  .popup-get-subtitle {
    font-size: clamp( 16px , 11.7333333333px  +  1.3333333333vw , 20px );
  }
  .popup-get-consultation__title {
    font-size: clamp( 24px , 13.3333333333px  +  3.3333333333vw , 34px );
  }
  .popup-get-consultation__subtitle {
    font-size: clamp( 16px , 11.7333333333px  +  1.3333333333vw , 20px );
  }
  .popup-specialist__name {
    font-size: clamp( 24px , 13.3333333333px  +  3.3333333333vw , 34px );
  }
  .popup-specialist__position {
    font-size: clamp( 16px , 11.7333333333px  +  1.3333333333vw , 20px );
  }
  .popup-specialist__info {
    font-size: clamp( 16px , 7.4666666667px  +  2.6666666667vw , 24px );
  }
}
@media (min-width: 26.25em) and (max-width: 74.375em){
  .reaching__info-desc {
    font-size: clamp( 16px , 11.6363636364px  +  1.038961039vw , 24px );
  }
}
@media (min-width: 26.25em) and (max-width: 73.75em){
  .article__title {
    font-size: clamp( 25px , 7.8684210526px  +  4.0789473684vw , 56px );
  }
  .animation-ordering__inner {
    gap: clamp( 20px , -2.1052631579px  +  5.2631578947vw , 60px );
  }
  .studio-main__title {
    font-size: clamp( 36px , 19.4210526316px  +  3.9473684211vw , 66px );
  }
  .top-cost__title {
    font-size: clamp( 32px , 16.5263157895px  +  3.6842105263vw , 60px );
  }
  .cost-now__title {
    font-size: clamp( 24px , 15.1578947368px  +  2.1052631579vw , 40px );
  }
  .top-contacts__title {
    font-size: clamp( 32px , 16.5263157895px  +  3.6842105263vw , 60px );
  }
  .studio__title {
    font-size: clamp( 28px , 10.3157894737px  +  4.2105263158vw , 60px );
  }
  .top__title {
    font-size: clamp( 32px , 16.5263157895px  +  3.6842105263vw , 60px );
  }
}
@media (min-width: 26.25em) and (max-width: 71.25em){
  .company-representative__text {
    font-size: clamp( 18px , 13.3333333333px  +  1.1111111111vw , 26px );
  }
}
@media (min-width: 26.25em) and (max-width: 62.49875em){
  .title {
    font-size: clamp( 26px , 15.8617193696px  +  2.4138763406vw , 40px );
  }
  .reasons-cartoon__inner {
    gap: clamp( 16px , -5.0007241629px  +  5.0001724197vw , 45px );
  }
  .reasons-cartoon__subtitle {
    font-size: clamp( 18px , 13.655022587px  +  1.0345184317vw , 24px );
  }
  .reasons-cartoon__content {
    gap: clamp( 8px , 5.1033483913px  +  0.6896789544vw , 12px );
  }
  .creation-cartoon__item-content {
    gap: clamp( 8px , 5.1033483913px  +  0.6896789544vw , 12px );
  }
  .cartoon-drawings__title {
    font-size: clamp( 36px , 18.6200903479px  +  4.1380737267vw , 60px );
  }
  .creation-company__item-content {
    gap: clamp( 8px , 5.1033483913px  +  0.6896789544vw , 12px );
  }
  .page--friendly-company .cartoon-drawings__title {
    font-size: clamp( 34px , 18.7925790545px  +  3.6208145108vw , 55px );
  }
  .steps-animation__item-content {
    gap: clamp( 8px , 5.1033483913px  +  0.6896789544vw , 12px );
  }
  .article__content {
    gap: clamp( 24px , 12.4133935653px  +  2.7587158178vw , 40px );
  }
  .sign-up__wrapper {
    padding-top: clamp( 35px , 20.5167419566px  +  3.4483947722vw , 55px );
  }
  .sign-up__wrapper {
    padding-bottom: clamp( 35px , 20.5167419566px  +  3.4483947722vw , 55px );
  }
  .business-animation__title {
    font-size: clamp( 36px , 18.6200903479px  +  4.1380737267vw , 60px );
  }
  .why-business__item-content {
    gap: clamp( 8px , 5.1033483913px  +  0.6896789544vw , 12px );
  }
  .unique__inner {
    gap: clamp( 20px , 1.8959274458px  +  4.3104934653vw , 45px );
  }
  .unique__heading {
    gap: clamp( 12px , -1.034932239px  +  3.103555295vw , 30px );
  }
}
@media (min-width: 26.25em) and (max-width: 47.99875em){
  .title-desc {
    font-size: clamp( 20px , 15.1721363297px  +  1.1494913501vw , 24px );
  }
  .num-big {
    font-size: clamp( 40px , -32.4179550549px  +  17.2423702512vw , 100px );
  }
  .footer-contacts__items .footer-contacts__item:first-child address {
    font-size: clamp( 18px , 15.5860681648px  +  0.574745675vw , 20px );
  }
  .contacts-description__items .contacts-description__item:first-child address {
    font-size: clamp( 18px , 15.5860681648px  +  0.574745675vw , 20px );
  }
}
@media (min-width: 26.25em) and (max-width: 47.9375em){
  .formats-cartoon__tabs-title {
    font-size: clamp( 24px , 16.7377521614px  +  1.7291066282vw , 30px );
  }
}
@media (min-width: 26.25em) and (max-width: 46.25em){
  .subtitle {
    font-size: clamp( 16px , 5.5px  +  2.5vw , 24px );
  }
}
@media (min-width: 26.25em) and (max-width: 45em){
  .text-content {
    font-size: clamp( 18px , 9.6px  +  2vw , 24px );
  }
  .text {
    font-size: clamp( 18px , 15.2px  +  0.6666666667vw , 20px );
  }
  .text-info {
    font-size: clamp( 18px , 12.4px  +  1.3333333333vw , 22px );
  }
  .article__heading {
    gap: clamp( 10px , 4.4px  +  1.3333333333vw , 14px );
  }
  .article__date {
    font-size: clamp( 16px , 7.6px  +  2vw , 22px );
  }
  .article__content p {
    font-size: clamp( 18px , 12.4px  +  1.3333333333vw , 22px );
  }
  .article__content blockquote {
    font-size: clamp( 18px , 15.2px  +  0.6666666667vw , 20px );
  }
  .conclusion-article__content p {
    font-size: clamp( 18px , 9.6px  +  2vw , 24px );
  }
  .conclusion-article__content ul li,
  .conclusion-article__content ol li {
    font-size: clamp( 18px , 9.6px  +  2vw , 24px );
  }
  .conclusion-article__content blockquote {
    font-size: clamp( 18px , 15.2px  +  0.6666666667vw , 20px );
  }
  .studio-schedule__group-title {
    font-size: clamp( 16px , 10.4px  +  1.3333333333vw , 20px );
  }
  .recommendation-drawings__hero-text {
    font-size: clamp( 18px , 6.8px  +  2.6666666667vw , 26px );
  }
  .main-factors__heading-title {
    font-size: clamp( 20px , 3.2px  +  4vw , 32px );
  }
}
@media (min-width: 26.25em) and (max-width: 45.625em){
  .studio-main__wrapper {
    gap: clamp( 50px , 22.9032258065px  +  6.4516129032vw , 70px );
  }
}
@media (min-width: 26.25em) and (max-width: 43.125em){
  .footer__bottom {
    font-size: clamp( 14px , 10.8888888889px  +  0.7407407407vw , 16px );
  }
}
@media (min-width: 38.75em) and (max-width: 62.49875em){
  .footer__inner {
    gap: clamp( 40px , -25.2665929786px  +  10.5268698353vw , 80px );
  }
}
@media (min-width: 38.75em){
  .popup-get-title {
    font-size: 34px;
  }
  .popup-get-subtitle {
    font-size: 20px;
  }
  .popup-get-consultation__title {
    font-size: 34px;
  }
  .popup-get-consultation__subtitle {
    font-size: 20px;
  }
  .popup-specialist__name {
    font-size: 34px;
  }
  .popup-specialist__position {
    font-size: 20px;
  }
  .popup-specialist__info {
    font-size: 24px;
  }
}
@media (min-width: 43.125em) and (max-width: 73.75em){
  .animation-ordering__images {
    gap: clamp( 16px , 4.7346938776px  +  1.6326530612vw , 24px );
  }
}
@media (min-width: 43.125em){
  .footer__bottom {
    font-size: 16px;
  }
}
@media (min-width: 45em) and (max-width: 90em){
  .studio-main__images {
    min-height: clamp( 450px , 220px  +  31.9444444444vw , 680px );
  }
  .studio-schedule__group-item-info:nth-child(1) {
    font-size: clamp( 16px , 8px  +  1.1111111111vw , 24px );
  }
  .studio-schedule__group-item-info:nth-child(2) {
    font-size: clamp( 18px , 12px  +  0.8333333333vw , 24px );
  }
  .studio-schedule__group-item-info:nth-child(3) {
    font-size: clamp( 16px , 12px  +  0.5555555556vw , 20px );
  }
  .studio-location__inner::before {
    width: clamp( 118px , 26px  +  12.7777777778vw , 210px );
  }
  .studio-location__inner::before {
    height: clamp( 118px , 26px  +  12.7777777778vw , 210px );
  }
  .studio-location__inner::after {
    top: clamp( -310px , -130px  +  -12.5vw , -220px );
  }
  .studio-location__inner::after {
    right: clamp( -340px , -100px  +  -16.6666666667vw , -220px );
  }
  .studio-location__inner::after {
    width: clamp( 440px , 90px  +  48.6111111111vw , 790px );
  }
  .studio-location__inner::after {
    height: clamp( 440px , 90px  +  48.6111111111vw , 790px );
  }
}
@media (min-width: 45em) and (max-width: 73.75em){
  .studio-main__images {
    gap: clamp( 2px , -73.1304347826px  +  10.4347826087vw , 50px );
  }
}
@media (min-width: 45em){
  .text-content {
    font-size: 24px;
  }
  .text {
    font-size: 20px;
  }
  .text-info {
    font-size: 22px;
  }
  .article__heading {
    gap: 14px;
  }
  .article__date {
    font-size: 22px;
  }
  .article__content p {
    font-size: 22px;
  }
  .article__content blockquote {
    font-size: 20px;
  }
  .conclusion-article__content p {
    font-size: 24px;
  }
  .conclusion-article__content ul li,
  .conclusion-article__content ol li {
    font-size: 24px;
  }
  .conclusion-article__content blockquote {
    font-size: 20px;
  }
  .studio-schedule__group-title {
    font-size: 20px;
  }
  .recommendation-drawings__hero-text {
    font-size: 26px;
  }
  .main-factors__heading-title {
    font-size: 32px;
  }
}
@media (min-width: 45.625em){
  .studio-main__wrapper {
    gap: 70px;
  }
}
@media (min-width: 46.25em){
  .subtitle {
    font-size: 24px;
  }
}
@media (min-width: 47.9375em){
  .formats-cartoon__tabs-title {
    font-size: 30px;
  }
}
@media (min-width: 47.99875em) and (max-width: 73.75em){
  .top-contacts__container::after {
    width: clamp( 180px , -285.9846609388px  +  60.6766661813vw , 430px );
  }
  .top-contacts__container::after {
    height: clamp( 160px , -175.5089558759px  +  43.6871996505vw , 340px );
  }
  .contacts__title {
    font-size: clamp( 34px , 22.8163681375px  +  1.4562399884vw , 40px );
  }
}
@media (min-width: 47.99875em) and (max-width: 62.49875em){
  .cartoon-drawings__inner {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
  .cartoon-drawings__content {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
  .cartoon-drawings__heading {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
  .reaching__info-num {
    font-size: clamp( 80px , 13.7948275862px  +  8.6206896552vw , 100px );
  }
  .business-animation__inner {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
  .business-animation__content {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
  .business-animation__heading {
    gap: clamp( 24px , 4.1384482759px  +  2.5862068966vw , 30px );
  }
}
@media (min-width: 47.99875em){
  .title-desc {
    font-size: 24px;
  }
  .num-big {
    font-size: 100px;
  }
  .footer-contacts__items .footer-contacts__item:first-child address {
    font-size: 20px;
  }
  .contacts-description__items .contacts-description__item:first-child address {
    font-size: 20px;
  }
}
@media (min-width: 62.49875em) and (max-width: 90em){
  .view-works__example {
    max-width: clamp( 100px , -172.709422299px  +  27.2714876597vw , 220px );
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    top: clamp( -145px , -197.2693059406px  +  5.2270351348vw , -122px );
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    right: clamp( 80px , 11.8226444253px  +  6.8178719149vw , 110px );
  }
  .top-contacts__container::after {
    right: clamp( 40px , -437.2414890232px  +  47.7251034044vw , 250px );
  }
}
@media (min-width: 62.49875em) and (max-width: 73.75em){
  .studio-about__inner {
    gap: clamp( 20px , -35.5482724142px  +  5.5549383402vw , 30px );
  }
  .studio-about__items .studio-about__item:nth-child(4) {
    font-size: clamp( 20px , -2.2193089657px  +  2.2219753361vw , 24px );
  }
  .top-cost__container::after {
    top: clamp( -50px , 212.1930896567px  +  -22.2197533607vw , -10px );
  }
  .top-cost__container::after {
    right: clamp( 10px , -878.7723586268px  +  88.879013443vw , 170px );
  }
  .top-cost__container::after {
    width: clamp( 200px , -466.5792689701px  +  66.6592600822vw , 320px );
  }
  .top-cost__container::after {
    height: clamp( 170px , -413.2568603489px  +  58.3268525719vw , 275px );
  }
  .top-contacts__container::after {
    top: clamp( -10px , -232.1930896567px  +  22.2197533607vw , 30px );
  }
  .top__container::before {
    left: clamp( -30px , -196.6448227974px  +  16.664815576vw , 0.000001px );
  }
  .top__container::before {
    width: clamp( 180px , -408.8116875903px  +  58.882346406vw , 286px );
  }
  .top__container::before {
    height: clamp( 160px , -395.4827241418px  +  55.5493834018vw , 260px );
  }
  .top__container::after {
    right: clamp( -150px , -983.2240917675px  +  83.3240756583vw , 0.000001px );
  }
  .top__container::after {
    width: clamp( 352px , -203.4827241418px  +  55.5493834018vw , 452px );
  }
  .top__container::after {
    height: clamp( 260px , -195.4958337962px  +  45.5504943895vw , 342px );
  }
  .portfolio__title {
    font-size: clamp( 45px , -93.8706810354px  +  13.8873458505vw , 70px );
  }
}
@media (min-width: 62.49875em) and (max-width: 71.25em){
  .inner {
    gap: clamp( 20px , -122.8338808742px  +  14.2836737609vw , 40px );
  }
}
@media (min-width: 62.49875em){
  .title {
    font-size: 40px;
  }
  .footer__inner {
    gap: 80px;
  }
  .reasons-cartoon__inner {
    gap: 30px;
  }
  .reasons-cartoon__subtitle {
    font-size: 24px;
  }
  .reasons-cartoon__content {
    gap: 12px;
  }
  .creation-cartoon__item-content {
    gap: 12px;
  }
  .cartoon-drawings__inner {
    gap: 30px;
  }
  .cartoon-drawings__content {
    gap: 30px;
  }
  .cartoon-drawings__heading {
    gap: 30px;
  }
  .cartoon-drawings__title {
    font-size: 60px;
  }
  .creation-company__item-content {
    gap: 12px;
  }
  .page--friendly-company .cartoon-drawings__title {
    font-size: 60px;
  }
  .steps-animation__item-content {
    gap: 12px;
  }
  .article__content {
    gap: 40px;
  }
  .sign-up__wrapper {
    padding-top: 55px;
  }
  .sign-up__wrapper {
    padding-bottom: 55px;
  }
  .reaching__info-num {
    font-size: 100px;
  }
  .business-animation__inner {
    gap: 30px;
  }
  .business-animation__content {
    gap: 30px;
  }
  .business-animation__heading {
    gap: 30px;
  }
  .business-animation__title {
    font-size: 60px;
  }
  .why-business__item-content {
    gap: 12px;
  }
  .unique__inner {
    gap: 45px;
  }
  .unique__heading {
    gap: 30px;
  }
}
@media (min-width: 71.25em) and (max-width: 90em){
  .studio-meet__text {
    padding-right: clamp( 0.000001px , -569.9999952px  +  49.9999996667vw , 150px );
  }
  .studio-together__content {
    gap: clamp( 10px , -294px  +  26.6666666667vw , 90px );
  }
  .studio-together__item-text {
    font-size: clamp( 18px , 10.4px  +  0.6666666667vw , 20px );
  }
  .main__title {
    font-size: clamp( 45px , -34.8px  +  7vw , 66px );
  }
  .unique__title {
    font-size: clamp( 45px , -34.8px  +  7vw , 66px );
  }
}
@media (min-width: 71.25em) and (max-width: 80em){
  .main__inner {
    column-gap: clamp( 20px , -794.2857142857px  +  71.4285714286vw , 120px );
  }
}
@media (min-width: 71.25em){
  .inner {
    gap: 40px;
  }
  .company-representative__text {
    font-size: 26px;
  }
}
@media (min-width: 73.75em) and (max-width: 90em){
  .calculator-form__info-description {
    font-size: clamp( 16px , 6.9230769231px  +  0.7692307692vw , 18px );
  }
}
@media (min-width: 73.75em){
  .article__title {
    font-size: 56px;
  }
  .animation-ordering__inner {
    gap: 60px;
  }
  .animation-ordering__images {
    gap: 24px;
  }
  .studio-main__title {
    font-size: 66px;
  }
  .studio-main__images {
    gap: 50px;
  }
  .studio-about__inner {
    gap: 30px;
  }
  .studio-about__items .studio-about__item:nth-child(4) {
    font-size: 24px;
  }
  .top-cost__container::after {
    top: -50px;
  }
  .top-cost__container::after {
    right: 170px;
  }
  .top-cost__container::after {
    width: 320px;
  }
  .top-cost__container::after {
    height: 275px;
  }
  .top-cost__title {
    font-size: 60px;
  }
  .cost-now__title {
    font-size: 40px;
  }
  .top-contacts__container::after {
    top: 30px;
  }
  .top-contacts__container::after {
    width: 430px;
  }
  .top-contacts__container::after {
    height: 340px;
  }
  .top-contacts__title {
    font-size: 60px;
  }
  .contacts__title {
    font-size: 40px;
  }
  .studio__title {
    font-size: 60px;
  }
  .top__container::before {
    left: 0.000001px;
  }
  .top__container::before {
    width: 286px;
  }
  .top__container::before {
    height: 260px;
  }
  .top__container::after {
    right: 0.000001px;
  }
  .top__container::after {
    width: 452px;
  }
  .top__container::after {
    height: 342px;
  }
  .top__title {
    font-size: 60px;
  }
  .portfolio__title {
    font-size: 70px;
  }
}
@media (any-hover: hover) and (min-width: 1180px){
  .filter .filter-client__item:hover .filter-client__sub-list,
  .filter .filter-client__item:hover .filter-service__sub-list,
  .filter .filter-service__item:hover .filter-client__sub-list,
  .filter .filter-service__item:hover .filter-service__sub-list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}
@media (min-width: 74.375em){
  .reaching__info-desc {
    font-size: 24px;
  }
}
@media (min-width: 80em){
  .main__inner {
    column-gap: 120px;
  }
}
@media (min-width: 86.25em) and (max-width: 90em){
  .main__container {
    padding-top: clamp( 60px , -1550px  +  116.6666666667vw , 130px );
  }
  .main__container {
    padding-bottom: clamp( 15px , -4010px  +  291.6666666667vw , 190px );
  }
}
@media (min-width: 90em){
  .calculator-form__info-description {
    font-size: 18px;
  }
  .view-works__example {
    max-width: 220px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    top: -122px;
  }
  .view-works__example:last-child .view-works__example-img:nth-child(1) {
    right: 110px;
  }
  .studio-main__images {
    min-height: 680px;
  }
  .studio-meet__text {
    padding-right: 150px;
  }
  .studio-together__content {
    gap: 90px;
  }
  .studio-together__item-text {
    font-size: 20px;
  }
  .studio-schedule__group-item-info:nth-child(1) {
    font-size: 24px;
  }
  .studio-schedule__group-item-info:nth-child(2) {
    font-size: 24px;
  }
  .studio-schedule__group-item-info:nth-child(3) {
    font-size: 20px;
  }
  .studio-location__inner::before {
    width: 210px;
  }
  .studio-location__inner::before {
    height: 210px;
  }
  .studio-location__inner::after {
    top: -310px;
  }
  .studio-location__inner::after {
    right: -340px;
  }
  .studio-location__inner::after {
    width: 790px;
  }
  .studio-location__inner::after {
    height: 790px;
  }
  .top-contacts__container::after {
    right: 250px;
  }
  .main__container {
    padding-top: 130px;
  }
  .main__container {
    padding-bottom: 190px;
  }
  .main__title {
    font-size: 66px;
  }
  .unique__title {
    font-size: 66px;
  }
}
@media (any-hover: hover){
  .video__play-btn:hover::before {
    opacity: 0;
  }
  .video__play-btn:hover .play-btn::before {
    opacity: 1;
  }
  .form-text-link:hover {
    color: #bf341d;
  }
  .menu__item:hover {
    color: #bf341d;
  }
  .footer-menu__item:hover {
    color: #bf341d;
  }
  .article__content a:hover {
    color: #292dd5;
  }
  .conclusion-article__content a:hover {
    color: #292dd5;
  }
  .select__option:hover {
    background: #d9d9d9;
  }
  .services__item:hover {
    transform: rotate(-2deg);
    background-color: #bf341d;
    color: #fff;
  }
  .services__item:hover .services__btn {
    background-color: #fff;
    color: #000;
  }
  .services__item:hover .services__btn::before {
    color: #bf341d;
  }
  .filter-client__item:hover {
    background-color: #DA9489;
  }
  .filter-client__item:hover .filter-client__sub-list {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .filter-client__sub-item:hover {
    color: #bf341d;
  }
  .filter-service__item:hover {
    background-color: #DA9489;
  }
  .filter-service__item:hover .filter-service__sub-list {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
  }
  .filter-service__sub-item:hover {
    color: #bf341d;
  }
}
@media (any-hover: none){
  .filter .filter-client__item:has(._spoller-list-active),
  .filter .filter-service__item:has(._spoller-list-active) {
    background-color: #DA9489;
  }
  .filter-client__item:hover {
    background-color: #DA9489;
  }
  .filter-service__item:hover {
    background-color: #DA9489;
  }
}
@media print{
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.page--article [class*=__wysiwyg-content] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page--article a {
  color: #BF341D;
}
.page--article a:hover {
  color: #bf341d;
}

.page--article img{
  max-height: 465px;
  display: block;
  max-width: 100%;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  object-fit: cover;
}

.page--article p {
  font-family: Roboto;
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 150%;
}
@media (max-width: 420px) {
  .page--article p {
    font-size: 16px;
  }
}

.page--article h2 {
  font-size: clamp(1.5625rem, 1.375rem + 0.9375vw, 2.5rem);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.01em;
}

.page--article h3 {
  font-family: Roboto;
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  line-height: 110%;
  letter-spacing: -0.01em;
}
.page--article h4 {
  font-family: Roboto;
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 130%;
  letter-spacing: -0.01em;
}
.page--article h5 {
  font-family: Roboto;
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 120%;
  letter-spacing: -0.01em;
}

.page--article ul {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style-type: none;
}

.page--article ul li {
  font-weight: 400;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 150%;
}

.page--article ul li::marker {
  display: none !important;
}

.page--article ol li {
  font-weight: 400;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 150%;

}

.page--article blockquote {
  padding-left: 20px;
  position: relative;
}

.page--article blockquote p {
  font-weight: 400;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  line-height: 150%;
  position: relative;
  z-index: 5;
}

.page--article blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #D9D9D9;
}

.screen-reader-response {
  display: none;
}

.wpcf7-form-control.wpcf7-submit.btn-action.btn-action-red.--icon-arrow-top {
  flex-shrink: 1;
}

/* Скрываем реальную кнопку CF7 */
.wpcf7-real-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7-response-output {
  display: none !important;
}
/* Оплата в студию */
.payment-lapa {
  display: none;
}


@media (max-width: 720px) {
  .label-star {
    left: 9px !important;
  }

}

/* ------------------------- */
/* popup-send */
/* ------------------------- */
/* ------------------------- */

.popup-send__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.popup-send__wrapper {
  position: relative;
  border-radius: 15px;
  padding: 30px;
  background-color: #fff;
}
.popup-send__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #000;
}

.popup-send__title-text {
  font-weight: 500;
  font-size: 30px;
  line-height: 140%;
}

.popup-send__subtitle-text {
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}

.popup-content__close {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 15px;
  right: 15px;
  border-radius: 50%;

}
.popup-content__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 16px;
  height: 2px;
  background-color: #000;
}
.popup-content__close span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 16px;
  height: 2px;
  background-color: #000;
}

.popup-content__close {
  outline: none;
  z-index: 1;
}

/* ------------------------- */
/* Страница "Политика конфиденциальности" */

.privacy-policy__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 999.98px) {
  .privacy-policy__container {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
/* ------------------------- */
.privacy-policy h1 {
  
  
}
.privacy-policy h2 {
  font-size: 18px;
  font-weight: 500;
}
.privacy-policy h3 {
  
}
.privacy-policy h4 {
  
}

/* Политика конфиденциальности */
.page:has(> .privacy) {
  background-color: #f3f3f3;
}

.privacy-policyy__title {
  font-size: 24px;
  line-height: 120%;
  text-align: center;
}

.privacy-policy__container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.privacy-policy__content {
}

.privacy__content {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  line-height: 150%;

  
}

.privacy-policy__content h1 {
  font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
  text-align: center;
  line-height: 120%;
  
}

.privacy-policy__content a {
  color: #140CF3;
}

/* ------------------------- */
/* ------------------------- */
/* Cookies */
.cookie {
  /* display: none; */
}
.cookie__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cookie__info {
  max-width: 1300px;
  position: fixed;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  background: white;
  bottom: 20px;
  -webkit-box-shadow: 0px 0px 10px #a5a4a4;
          box-shadow: 0px 0px 10px #a5a4a4;
  padding: 25px;
  z-index: 5;

}

.cookie__text {
  text-align: left;
  font-size: 15px;
  color: #000;
  line-height: 120%;
}

.cookie__text-link {
  color: #031cfd;
}

.cookie__btn {
  padding: 15px 25px;
  background: #BF341D;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
}

@media (max-width: 47.99875em)  {

  .cookie__info {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
  }

  .cookie__text {
    text-align: center;
  }

}

@media (max-width: 29.99875em) {
  .cookie__btn {
    width: 100%;
  }
}

@media (any-hover: hover) {

  .cookie__text-link:hover {
    -webkit-text-decoration: underline 1px solid #031cfd;
            text-decoration: underline 1px solid #031cfd;
    text-underline-offset: 3px;
  }
}


/* ------------------------- */
/* ------------------------- */
/* Скрываем всё что генерирует плагин MultiLine */
#mfcf7_zl_multifilecontainer,
.mfcf7-zl-multiline-sample,
.mfcf7-zl-multifile-name,
.mfcf7_zl_delete_file,
#mfcf7_zl_add_file,
.zl-form-control-wrap > span,
p:has(#mfcf7_zl_add_file) {
    display: none !important;
}

.zl-form-control-wrap input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* ------------------------- */
/* Подсветка активных элементов фильтрации */
.filter-client__label:has(.filter-client__input:checked) {
  color: #BF341D !important;
  /* font-weight: 500; */
}

/* Подсветка заголовков спойлеров при выбранном фильтре внутри них */
.filter-client__item:has(.filter-client__input:checked) .filter-client__title {
  color: #BF341D !important;
}
.filter-service__item:has(.filter-client__input:checked) .filter-service__title {
  color: #BF341D !important;
}
/* ------------------------- */
/* ------------------------- */

/* ------------------------- */
/* Все документы */
/* ------------------------- */
.privacy-policy__title {
  font-size: 32px;
  text-align: center;
  line-height: 150%;
}
.privacy-policy__wrapper {
  min-height: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.privacy-policy__list {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
  counter-reset: item;        
  list-style: none;           
  padding-left: 0;
  line-height: 130%;
  text-align: center;
}

.privacy-policy__list-item a {
  color: #000;
  line-height: 130%;
  transition: color .3s ease-in;
}


.privacy-policy__list-link {
  @media (any-hover: hover){
    &:hover{
      color: #BF341D;
      
    }
  }
}
/* ------------------------- */
/* ==============================================
   Стили ТОЛЬКО для страницы "Обработка персональных данных"
   Бьют точно в .privacy-policy__content
   Все размеры в пикселях для удобства редактирования
   ============================================== */

/* ===== ЦЕНТРИРОВАНИЕ ВСЕЙ КОЛОНКИ ===== */
.page--privacy-policy .privacy-policy__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== БАЗОВЫЕ СТИЛИ ТЕКСТА ===== */
.page--privacy-policy .privacy-policy__content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 18px;
    line-height: 150%;
    color: #1c1c2c;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Отступы между блоками контента */
.page--privacy-policy .privacy-policy__content > * + * {
    margin-top: 0;
    margin-bottom: 20px;
}

/* ===== ЗАГОЛОВКИ ===== */
.page--privacy-policy .privacy-policy__content h1,
.page--privacy-policy .privacy-policy__content h2,
.page--privacy-policy .privacy-policy__content h3,
.page--privacy-policy .privacy-policy__content h4,
.page--privacy-policy .privacy-policy__content h5,
.page--privacy-policy .privacy-policy__content h6 {
    font-weight: 700;
    line-height: 130%;
    color: #0a0a18;
    margin-top: 34px;
    margin-bottom: 30px;
}

.page--privacy-policy .privacy-policy__content h1 { font-size: 32px; }
.page--privacy-policy .privacy-policy__content h2 { font-size: 26px; }
.page--privacy-policy .privacy-policy__content h3 { font-size: 22px; }
.page--privacy-policy .privacy-policy__content h4 { font-size: 19px; }
.page--privacy-policy .privacy-policy__content h5 { font-size: 16px; }
.page--privacy-policy .privacy-policy__content h6 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ===== ПАРАГРАФЫ И СПИСКИ ===== */
.page--privacy-policy .privacy-policy__content p {
    margin-bottom: 8px;
}

.page--privacy-policy .privacy-policy__content ul,
.page--privacy-policy .privacy-policy__content ol {
    margin: 0 0 20px 22px;
    padding: 0;
}

.page--privacy-policy .privacy-policy__content li {
    margin-bottom: 6px;
}

/* ===== ССЫЛКИ ===== */
.page--privacy-policy .privacy-policy__content a {
    color: #0052a3;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.page--privacy-policy .privacy-policy__content a:hover {
    color: #003470;
    text-decoration: none;
}

/* ===== ЖИРНЫЙ И КУРСИВ ===== */
.page--privacy-policy .privacy-policy__content strong,
.page--privacy-policy .privacy-policy__content b {
    font-weight: 700;
    color: #0a0a18;
}

.page--privacy-policy .privacy-policy__content em,
.page--privacy-policy .privacy-policy__content i {
    font-style: italic;
}

/* ============================================
   ТАБЛИЦЫ — без скролла, читаемые на всех экранах
   ============================================ */
.page--privacy-policy .privacy-policy__content table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    table-layout: auto;
    margin: 30px 0 40px;
    font-size: 15px;
    line-height: 130%;
    background-color: #ffffff;
    color: #1c1c2c;
    border: 1px solid #ccd1d9 !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* Все ячейки */
.page--privacy-policy .privacy-policy__content th,
.page--privacy-policy .privacy-policy__content td {
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e2e5ea;
    border-right: 1px solid #e2e5ea;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Убираем правую границу у последней ячейки */
.page--privacy-policy .privacy-policy__content tr th:last-child,
.page--privacy-policy .privacy-policy__content tr td:last-child {
    border-right: none;
}

/* У последней строки убираем нижнюю границу */
.page--privacy-policy .privacy-policy__content tbody tr:last-child td {
    border-bottom: none;
}

/* Шапка таблицы */
.page--privacy-policy .privacy-policy__content thead th,
.page--privacy-policy .privacy-policy__content th {
    background-color: #f2f4f8;
    font-weight: 700;
    color: #0f172a;
    font-size: 14px;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #cbd0d6;
}

/* Чересполосица */
.page--privacy-policy .privacy-policy__content tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

/* Подсветка строки при наведении */
.page--privacy-policy .privacy-policy__content tbody tr:hover {
    background-color: #eef2ff;
}

/* Адаптив для таблицы — уменьшаем размеры на мобильных */
@media screen and (max-width: 768px) {
    .page--privacy-policy .privacy-policy__content table {
        font-size: 14px;
    }

    .page--privacy-policy .privacy-policy__content th,
    .page--privacy-policy .privacy-policy__content td {
        padding: 10px 10px;
    }
}

/* На узких экранах первая колонка чуть уже */
@media screen and (max-width: 480px) {
    .page--privacy-policy .privacy-policy__content table col:first-child,
    .page--privacy-policy .privacy-policy__content tr > *:first-child {
        width: 35%;
    }
}

/* ===== ЦИТАТЫ ===== */
.page--privacy-policy .privacy-policy__content blockquote {
    margin: 24px 0;
    padding: 13px 19px;
    border-left: 4px solid #0052a3;
    background: #f7f9fc;
    color: #444;
    font-style: italic;
}

.page--privacy-policy .privacy-policy__content blockquote p:last-child {
    margin-bottom: 0;
}

/* ===== КОД ===== */
.page--privacy-policy .privacy-policy__content code {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 14px;
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 3px;
    color: #c7254e;
}

.page--privacy-policy .privacy-policy__content pre {
    background: #1e1e1e;
    color: #f8f8f2;
    padding: 16px 18px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 14px;
    line-height: 130%;
    margin: 24px 0;
}

.page--privacy-policy .privacy-policy__content pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}

/* ===== ГОРИЗОНТАЛЬНАЯ ЛИНИЯ ===== */
.page--privacy-policy .privacy-policy__content hr {
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 32px 0;
}

/* ===== ИЗОБРАЖЕНИЯ ===== */
.page--privacy-policy .privacy-policy__content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 24px auto;
    border-radius: 4px;
}

.page--privacy-policy .privacy-policy__content figcaption,
.page--privacy-policy .privacy-policy__content .wp-element-caption {
    font-size: 14px;
    color: #6a6a6a;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 24px;
}

/* ===== СКРЫВАЕМ ПУСТЫЕ ЭЛЕМЕНТЫ ОТ РЕДАКТОРА ===== */
.page--privacy-policy .privacy-policy__content > br,
.page--privacy-policy .privacy-policy__content p:empty {
    display: none;
}
/* ------------------------- */
/* ------------------------- */
/* ==============================================
   Стили для WYSIWYG контента статей (ACF редактор)
   Универсальные стили для всех секций
   Все размеры в пикселях для удобства редактирования
   ============================================== */
/* ===== ТАБЛИЦЫ ===== */
.mdl-card__supporting-text table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    table-layout: auto;
    margin: 24px 0;
    font-size: 15px;
    line-height: 130%;
    background-color: #ffffff;
    color: #1c1c2c;
    border: 1px solid #ccd1d9 !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.mdl-card__supporting-text th,
.mdl-card__supporting-text td {
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e2e5ea;
    border-right: 1px solid #e2e5ea;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.mdl-card__supporting-text tr th:last-child,
.mdl-card__supporting-text tr td:last-child {
    border-right: none;
}

.mdl-card__supporting-text tbody tr:last-child td {
    border-bottom: none;
}

.mdl-card__supporting-text thead th,
.mdl-card__supporting-text th {
    background-color: #f2f4f8;
    font-weight: 700;
    color: #0f172a;
    font-size: 14px;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #cbd0d6;
}

.mdl-card__supporting-text tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

.mdl-card__supporting-text tbody tr:hover {
    background-color: #eef2ff;
}

/* Адаптив для таблицы */
@media screen and (max-width: 768px) {
    .mdl-card__supporting-text table {
        font-size: 14px;
    }

    .mdl-card__supporting-text th,
    .mdl-card__supporting-text td {
        padding: 10px 10px;
    }
}
/* ------------------------- */
/* ------------------------- */

/* Виджет контактов в футере */
/* ------------------------- */
/* ------------------------- */
.messenger-widget {
  position: fixed;
  bottom: 30px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  z-index: 5;
}

.messenger-widget a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

.messenger-widget a:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.messenger-widget__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.messenger-widget__link.--icon-telegram {
  font-size: 24px;
  color: #29A9EA;
}

.messenger-widget__link._icon-whatsapp {
  font-size: 2.25rem;
  color: #29A71A;
}
/* ------------------------- */