@media (max-width: 991px) {
/* HEADER START */
  header .navbar-expand-lg { padding: 1rem 0.75rem; }

  header .navbar-brand {
    margin-right: 0.5rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 1rem;
    z-index: 2;
  }

  header .navbar__menu-hh { z-index: 2; }

  header .navbar__menu-hh a {
    margin: 0;
    padding: 0.625rem 0.625rem 0.625rem 0.75rem;
    font-size: 0.625rem;
    border-radius: 1rem;
  }

  header .navbar__menu-hh a b {
    margin-left: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
  }

  header .navbar-toggler {
  	display: block;
  	position: relative;
  	width: 3.125rem;
  	height: 3.125rem;
  	background: rgba(255, 255, 255, 0.95);
  	border-radius: 1rem;
  	backdrop-filter: blur(1rem) saturate(180%);
    -webkit-backdrop-filter: blur(1rem) saturate(180%);
    pointer-events: auto;
  }

  header .navbar-toggler:focus { box-shadow: none; }

  header .navbar-toggler i {
  	display: block;
  	position: absolute;
  	left: 0.8125rem;
  	padding: 0;
  	height: 0.125rem;
  	background: #05330A;
  	border-radius: 1rem;
  	transition: 0.3s;
  }

  header .navbar-toggler i:nth-child(1) { top: 50%; width: 1.5rem; transform: translate(0, -50%) rotate(45deg); }
  header .navbar-toggler i:nth-child(2) { top: 50%; width: 1.5rem; transform: translate(0, -50%) rotate(-45deg); }
  header .navbar-toggler i:nth-child(3) { top: 50%; width: 1.5rem; transform: translate(0, -50%) rotate(45deg); }

  header .navbar-toggler.collapsed i:nth-child(1) { top: calc(50% - 0.375rem); width: 1.5rem; transform: translate(0, -50%); }
  header .navbar-toggler.collapsed i:nth-child(2) { top: calc(50% - 0rem); width: 1.5rem; transform: translate(0, -50%); }
  header .navbar-toggler.collapsed i:nth-child(3) { top: calc(50% + 0.375rem); width: 0.6875rem; transform: translate(0, -50%); }

  header .navbar-collapse {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
    pointer-events: none;
  }

  header .navbar-inner {
  	padding: 5.125rem 0.75rem 0;
  	height: 100vh;
  	height: 100svh;
  	/*background: #05330A url('../img/burger-bg.png') no-repeat 50% 100%/100% auto;*/
  }

  header .navbar-nav {
  	margin: 0;
  	padding: 1rem 0.75rem;
  	background: url('../img/burger-menu-bg.png') no-repeat 50%/cover;
  	border-radius: 1.3125rem;
    backdrop-filter: blur(1rem) saturate(180%);
    -webkit-backdrop-filter: blur(1rem) saturate(180%);
    box-shadow: inset -0.0625rem -0.0625rem 0.125rem rgba(255, 255, 255, 0.85), inset 0.0625rem 0.0625rem 0.125rem rgba(255, 255, 255, 0.85);
    pointer-events: auto;
  }

  header .navbar-nav .nav-item { margin-bottom: 0.625rem; }

  header .navbar-nav .nav-item:last-child { margin-bottom: 0; }

  header .navbar-nav .btn {
  	width: 100%;
  	height: 3.125rem;
  	font-size: 0.875rem;
  	border-radius: 1rem;
  }

  header .navbar-nav .btn s {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.75rem;
    padding-top: 0.125rem;
    width: 1.875rem;
    height: 1.875rem;
    color: #fff;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
    background: #CD9BF5;
    border-radius: 50%;
  }
/* HEADER END */

/* COMMON START */
  section { height: 100vh; height: 100svh; }

  .page-popup {
    bottom: 0.75rem;
    padding: 1.25rem;
    width: calc(100vw - (0.75rem * 2));
    border-radius: 1rem;
  }

  .popup-left { left: 0.75rem; }
  .popup-right { right: 0.75rem; }

  .page-popup h3 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.3;
  }

  .page-popup p { margin-bottom: 0.75rem; font-size: 0.875rem; }

  .page-popup .btns .btn { margin-right: 0.75rem; }

  .popup-random {
  	bottom: 0.75rem;
  	right: 0.75rem;
    padding: 0;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.75rem;
    box-shadow: inset -0.0625rem -0.0625rem 0.0625rem rgba(255, 255, 255, 0.85), inset 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 0.85);
    z-index: 1;
  }

  .popup-random p { display: none; }

  .popup-random img { margin: 0; width: 100%; }

  .popup-light { width: 3.125rem; height: 3.125rem; border-radius: 50%; }

  .popup-light img { width: 1.25rem; }
/* COMMON END */

/* MAIN START */
  .main { padding-top: 6rem; height: 100vh; height: 100svh; }

  .main picture { z-index: -1; }

  .main picture img { object-fit: contain; object-position: 50% 100%; }

  .main .kv__boy { bottom: 13.5rem; left: 3rem; width: 11.5625rem; animation: kv__boy 5s ease-in-out infinite; }
  .main .kv__girl { bottom: 11.625rem; left: 10.375rem; width: 10.625rem; animation: kv__girl 4.75s ease-in-out infinite; }
  .main .kv__galactika { bottom: 17%; width: 37.625rem; animation: kv__galactika 40s ease-in-out infinite; }

  @keyframes kv__boy { 0%, 100% { bottom: 13.5rem; } 50% { bottom: 14.75rem; } }
  @keyframes kv__girl { 0%, 100% { bottom: 11.625rem; } 50% { bottom: 10.375rem; } }

  .main p {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .main h1 { font-size: 4rem; }

  .main .btn {
    bottom: 7.5rem;
    left: calc(50% - 1.4375rem);
    width: 19.125rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

  .main .btn:hover::before { width: calc(100% + 2.875rem); }

  .main .btn b { right: -2.875rem; width: 8.75rem; }

  .main .btn i {
    right: -0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .main .page-popup {
    padding: 0.75rem;
    height: auto;
    border-radius: 1rem;
    box-shadow: inset -0.0625rem -0.0625rem 0.0625rem rgba(255, 255, 255, 0.85), inset 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 0.85);
  }

  .main .page-popup p { font-size: 0.875rem; }
/* MAIN END */

/* CHOOSE START */
	.choose { min-height: 100vh; min-height: 100svh; height: auto; }

	.choose__btns {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
    position: relative;
		top: 0;
		padding: 5.125rem 0.75rem 2rem;
	}

  .choose__btn {
    margin: 0 0 0.75rem;
    width: 21.9375rem;
    height: 17.5rem;
    border-radius: 1.5rem;
  }

  .choose__btn:last-child { margin-bottom: 0; }

  .choose__btn a {
    bottom: 1.25rem;
    left: 1.25rem;
    padding: 1rem;
    font-size: 0.875rem;
  }

  .choose-onboard { padding-bottom: 0; }

  .choose__steps { padding-top: 8.75rem; }

  .choose__steps-list {
    display: block;
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
  }

  .choose__steps-list .slick-dots {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  }

  .choose__steps-list .slick-dots li { display: flex; margin: 0 0.25rem; }

  .choose__steps-list .slick-dots li button {
  	display: block;
  	padding: 0;
  	width: 0.5rem;
  	height: 0.5rem;
  	color: rgba(0, 0, 0, 0);
  	font-size: 0;
  	line-height: 0;
  	background: #fff;
  	border: 0;
  	border-radius: 50%;
  	outline: 0;
  }

  .choose__steps-list .slick-dots .slick-active button { background: #CD9BF5; }

  .choose__steps-list .slide {
    margin: 0 0.375rem;
    width: 21.125rem;
    height: 29rem;
    border-radius: 0.875rem;
  }

  .choose__steps-list .slide h3 {
    margin-bottom: 0.625rem;
    padding: 2rem 2.75rem 0;
    font-size: 2rem;
    text-align: center;
  }

  .choose__steps-list .slide p { padding: 0 1.625rem 1.625rem; font-size: 1rem; text-align: center; }

  .choose__steps-list .slide picture {
    display: block;
    margin-top: auto;
    width: 100%;
    height: 18rem;
  }

  .choose__steps .btn {
  	left: 2.5rem;
    width: 7.625rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

 .choose__steps .btn:hover::before { width: calc(100% + 2.875rem); }

 .choose__steps .btn b { right: -2.875rem; width: 8.75rem; }

 .choose__steps .btn i { right: -0.625rem; width: 1.25rem; height: 1.25rem; }
/* CHOOSE END */

/* LOADING START */
	.loading { height: 100vh; height: 100svh; }

	.loading h3 { top: 15vh; font-size: 2rem; line-height: 1; }
/* LOADING END */

/* BUILDING START */
  .building { min-height: 0; height: 100vh !important; overflow: auto; }

  .building .page-popup { position: fixed; }

  .building__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }

  .building__hovers {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    pointer-events: none;
  }

  .building__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }

  .building__hover i {
    display: block;
    position: absolute;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1;
  }

  .building__hover img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .building__hover i:hover + img { display: block; }
  .building__hover i:hover + i + img { display: block; }
  .building__hover i + i:hover + img { display: block; }

  .x5-delivery i { top: 15.52vh; left: 103.51vh; width: 30.1vh; height: 12.71vh; clip-path: polygon(16% -1%, 98% 18%, 97% 100%, -14% 69%); }
  .x5-media i { top: 13.96vh; left: 135.79vh; width: 20.52vh; height: 14.27vh; clip-path: polygon(0% 23%, 100% 0%, 99% 65%, 0% 100%); }
  .x5-club i:nth-child(1) { top: 26.67vh; left: 104.25vh; width: 16.15vh; height: 35.31vh; clip-path: polygon(0% 0%, 100% 7%, 100% 95%, 0% 87%); }
  .x5-club i:nth-child(2) { top: 46.77vh; left: 120.21vh; width: 12.6vh; height: 15.63vh; clip-path: polygon(0% 0%, 100% 14%, 100% 100%, 0% 86%); }
  .x5-club i:nth-child(3) { top: 43.52vh; left: 136.4vh; width: 20.52vh; height: 18.54vh; clip-path: polygon(0% 30%, 81% 0%, 99% 14%, 100% 51%, 0% 100%); }
  .x5-post i { top: 54.69vh; left: 144.27vh; width: 12.5vh; height: 22.29vh; clip-path: polygon(0% 26%, 100% 0%, 100% 70%, 0% 100%); }
  .x5-pyaterochka i { top: 72.4vh; left: 136.35vh; width: 20.42vh; height: 22.08vh; clip-path: polygon(0% 49%, 100% 0%, 100% 49%, 0% 100%); }
  .x5-perekrestok i:nth-child(1) { top: 70.42vh; left: 103.71vh; width: 12.4vh; height: 21.04vh; clip-path: polygon(0% 0%, 100% 12%, 100% 100%, 13% 89%, 0% 79%) }
  .x5-perekrestok i:nth-child(2) { top: 80.21vh; left: 116.15vh; width: 17.29vh; height: 14.69vh; clip-path: polygon(0% 0%, 100% 24%, 100% 102%, 0% 77%); }
  .x5-podderzhka i { top: 10.83vh; left: 47.35vh; width: 19.58vh; height: 13.33vh; clip-path: polygon(0% 0%, 79% 10%, 100% 100%, 18% 89%); }
  .x5-tech i { top: 13.02vh; left: 76.63vh; width: 22.08vh; height: 14.17vh; clip-path: polygon(19% 0%, 100% 11%, 81% 100%, 0% 87%); }
  .x5-digital i { top: 26.15vh; left: 72.04vh; width: 22.4vh; height: 15.1vh; clip-path: polygon(18% 0%, 98% 13%, 79% 101%, -2% 84%); }
  .x5-eda i { top: 23.75vh; left: 51.21vh; width: 20.52vh; height: 15.1vh; clip-path: polygon(0% 0%, 78% 11%, 101% 100%, 18% 83%); }
  .x5-mnogo_lososya i { top: 38.13vh; left: 55.48vh; width: 33.85vh; height: 18.13vh; clip-path: polygon(0% 0%, 100% 26%, 92% 72%, 96% 100%, 2% 70%, 7% 47%); }
  .x5-transport i { top: 52.08vh; left: 51.73vh; width: 20.52vh; height: 14.38vh; clip-path: polygon(17% 0%, 99% 21%, 81% 100%, 0% 79%); }
  .x5-import i { top: 54.9vh; left: 71.42vh; width: 20.63vh; height: 16.88vh; clip-path: polygon(-5% -1%, 82% 19%, 100% 100%, 13% 79%) }
  .x5-chizhik i { top: 69.58vh; left: 74.54vh; width: 21.35vh; height: 16.46vh; clip-path: polygon(0% 0%, 83% 23%, 100% 102%, 16% 76%); }
  .x5-okolo i { top: 64.38vh; left: 47.15vh; width: 20.83vh; height: 15.42vh; clip-path: polygon(20% 0%, 100% 23%, 81% 100%, -1% 77%); }
/* BUILDING END */

/* BUILDING-NEW START */
  .building-new .building { min-height: 0; height: 100vh; }

  .building-new .building__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }

  .building-new .building__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }

  .building-new .building__hovers {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    pointer-events: none;
  }

  .building-new .building__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }

  .building-new .building__hover img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
/* BUILDING-NEW END */

/* GAME START */
  .game { min-height: 0; height: 100vh; overflow: auto; }

  .game__screen { width: auto; height: 100%; }

  .game__screen img { width: auto; }

  .screen--01 i { top: 41.04vh; left: 121.88vh; width: 8.33vh; height: 14.58vh; }
  .screen--02 i { top: 60vh; left: 144vh; width: 3.23vh; height: 11.67vh; }
  .screen--03 i { top: 26.04vh; left: 127.29vh; width: 5.1vh; height: 16.46vh; }
  .screen--04 i { top: 32.29vh; left: 126.77vh; width: 5.21vh; height: 13.33vh; }
  .screen--05 i { top: 50vh; left: 131.04vh; width: 5.42vh; height: 8.65vh; }
  .screen--06 i { top: 79.9vh; left: 115.21vh; width: 2.5vh; height: 11.88vh; }
  .screen--07 i { top: 23.96vh; left: 132.92vh; width: 5.63vh; height: 13.54vh; }
  .screen--08 i { top: 72.1vh; left: 125vh; width: 1.98vh; height: 10.94vh; }
  .screen--09 i { top: 24.69vh; left: 180.94vh; width: 4.27vh; height: 15.63vh; }
  .screen--10 i { top: 63.13vh; left: 130.83vh; width: 8.02vh; height: 21.88vh; }
  .screen--11 i { top: 77.08vh; left: 136.04vh; width: 5.21vh; height: 16.35vh; }
  .screen--12 i { top: 73.33vh; left: 111.46vh; width: 2.71vh; height: 9.69vh; }
  .screen--13 i { top: 50.31vh; left: 63.75vh; width: 8.33vh; height: 11.46vh; }
  .screen--14 i { top: 70.52vh; left: 156.15vh; width: 5.1vh; height: 11.67vh; }
  .screen--15 i { top: 44.75vh; left: 0; width: 5.21vh; height: 41.35vh; }

  .popup-game .btn-game {
    width: 11.4375rem;
    height: 3.8125rem;
    border-radius: 1rem;
  }

  .popup-game .btn-game:hover { opacity: 1; }

  .popup-game .btn-game p { font-size: 0.75rem; }

  .popup-game .btn-game .img {
    margin-left: 1.25rem;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 0.8125rem;
  }

  .popup-back {
  	bottom: 0.75rem;
  	right: 0.75rem;
  	padding: 0;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.75rem;
    box-shadow: inset -0.0625rem -0.0625rem 0.0625rem rgba(255, 255, 255, 0.85), inset 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 0.85);
    z-index: 1;
  }

  .popup-back .wrap p { display: none; }

  .popup-back .wrap img { margin: 0; width: 100%; }
/* GAME END */

/* GAME START */
  .main-test .game { min-height: 0; height: 100vh; overflow: auto; }

  .main-test .game__screen { width: auto; height: 100%; }

  .main-test .game__screen img { width: auto; }

  .main-test .screen--01 i { top: 41.04vh; left: 121.88vh; width: 8.33vh; height: 14.58vh; }
  .main-test .screen--02 i { top: 60vh; left: 144vh; width: 3.23vh; height: 11.67vh; }
  .main-test .screen--03 i { top: 26.04vh; left: 127.29vh; width: 5.1vh; height: 16.46vh; }
  .main-test .screen--04 i { top: 32.29vh; left: 126.77vh; width: 5.21vh; height: 13.33vh; }
  .main-test .screen--05 i { top: 50vh; left: 131.04vh; width: 5.42vh; height: 8.65vh; }
  .main-test .screen--06 i { top: 79.9vh; left: 115.21vh; width: 2.5vh; height: 11.88vh; }
  .main-test .screen--07 i { top: 23.96vh; left: 132.92vh; width: 5.63vh; height: 13.54vh; }
  .main-test .screen--08 i { top: 72.1vh; left: 125vh; width: 1.98vh; height: 10.94vh; }
  .main-test .screen--09 i { top: 24.69vh; left: 180.94vh; width: 4.27vh; height: 15.63vh; }
  .main-test .screen--10 i { top: 63.13vh; left: 130.83vh; width: 8.02vh; height: 21.88vh; }
  .main-test .screen--11 i { top: 77.08vh; left: 136.04vh; width: 5.21vh; height: 16.35vh; }
  .main-test .screen--12 i { top: 73.33vh; left: 111.46vh; width: 2.71vh; height: 9.69vh; }
  .main-test .screen--13 i { top: 50.31vh; left: 63.75vh; width: 8.33vh; height: 11.46vh; }
  .main-test .screen--14 i { top: 70.52vh; left: 156.15vh; width: 5.1vh; height: 11.67vh; }
  .main-test .screen--15 i { top: 44.75vh; left: 0; width: 5.21vh; height: 41.35vh; }
/* GAME END */

/* GAME-NEW START */
  .game-new .game { min-height: 0; height: 100vh; overflow: auto; }

  .game-new .game__screen { width: auto; height: 100%; }

  .game-new .game__screen img { width: auto; }

  .game-new .screen--15 img { object-position: 0% 50%; }

  .game-new .game__screen svg { width: auto; }
/* GAME-NEW END */

/* GAME-POPUP START */
  .modal-dialog { max-width: 21.9375rem; }

  .modal-content { height: 21.9375rem; border-radius: 1.5rem; }

  .modal .btn-close { top: 1.25rem; right: 1.25rem; width: 1.875rem; height: 1.875rem; }

  .modal .btn-close:hover { opacity: 1; }

  .modal .modal-img { left: 48%; bottom: 2%; height: 19.875rem; }

  .modal p { bottom: 1.25rem; left: 1.25rem; font-size: 1rem; }
/* GAME-POPUP END */

/* DID-IT START */
  .did-it { padding-top: 16vh; height: 100vh; height: 100svh; }

  .did-it h2 { margin: 0 0 1.125rem; font-size: 2rem; }
  .did-it p { padding: 0 0.75rem; font-size: 0.875rem; }

  .did-it p br { display: none; }

  .did-it .btns {
  	flex-direction: column;
  	align-items: center;
    justify-content: flex-start;
    bottom: 1.875rem;
  }

  .did-it .btns .btn {
    margin: 0 0 0.5rem;
    padding: 0 1rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

  .did-it .btns .btn:last-child { margin-bottom: 0; }

  .did-it .btns .btn-hh { padding-left: 0.75rem; padding-right: 0.625rem; }

  .did-it .btns .btn-hh i {
    margin-left: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
  }

  .did-it .btns .btn-swipe { margin-right: 2.875rem; width: 14.375rem; white-space: nowrap; }

  .did-it .btns .btn-swipe:hover::before { width: calc(100% + 2.875rem); }

  .did-it .btns .btn-swipe b { right: -2.875rem; width: 8.75rem; }

  .did-it .btns .btn-swipe i { right: -0.625rem; width: 1.25rem; height: 1.25rem; }
/* DID-IT END */

/* ABOUT START */
  .about { padding: 5.375rem 0.75rem 1rem; }

  .about section { margin-bottom: 3.75rem; }

  .about h2 { margin-bottom: 2rem; font-size: 2rem; }
/* ABOUT END */

/* ABOUT-KV START */
  .about__kv { flex-direction: column; justify-content: flex-start; }

  .about__kv .block {
    margin-bottom: 1rem;
    padding: 1.25rem;
    width: 100%;
    min-height: 19rem;
    height: auto;
    border-radius: 1rem;
  }

  .about__kv .block:last-child { margin-bottom: 0; }

  .about__kv h1 { margin-bottom: 1.125rem; font-size: 2rem; }

  .about__kv p { margin-bottom: 1.5rem; font-size: 0.875rem; }

  .about__kv .btn {
    padding-left: 0.75rem;
    padding-right: 0.625rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

  .about__kv .btn i { margin-left: 0.625rem; width: 1.875rem; height: 1.875rem; }
/* ABOUT-KV END */

/* ABOUT-CAREER START */
  .about__career .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .about__career .list:last-child { margin-bottom: 0; }

  .about__career .block { padding: 1.25rem; border-radius: 1rem; }

  .about__career .block.big { height: auto; }
  .about__career .block.small { height: auto; }

  .about__career h3 {
    margin-bottom: 1.125rem;
    height: 1.375rem;
    font-size: 2rem;
  }

  .about__career p { font-size: 0.875rem; }
/* ABOUT-CAREER END */

/* ABOUT-WORK START */
  .about__work .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }

  .about__work .block {
    padding: 1.25rem;
    height: 12.4375rem;
    border-radius: 1.375rem;
  }

  .about__work img { margin-bottom: 0.75rem; height: 2.9375rem; }

  .about__work p { margin-bottom: 0.5rem; font-size: 0.875rem; }

  .about__work .btn {
    padding: 0.125rem 0 0;
    width: 9.8125rem;
    height: 2.125rem;
    font-size: 0.875rem;
  }
/* ABOUT-WORK END */

/* ABOUT-BANNER START */
  .about__banner .block { height: 21.9375rem; border-radius: 1rem; }

  .about__banner .btn {
    bottom: 1.875rem;
    left: calc(50% - 1.4375rem);
    width: 7.125rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

  .about__banner .btn:hover::before { width: calc(100% + 2.875rem); }

  .about__banner .btn b { right: -2.875rem; width: 8.75rem; }

  .about__banner .btn i {
    right: -0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
/* ABOUT-BANNER END */

/* 404 START */
  .page-404 {
    padding-top: 9.375rem;
    background-image: url('../img/404-bg-mob.png');
  }

  .page-404 h2 {
    margin: 0 0 8vh;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .page-404__title { width: 21.875rem; }

  .page-404 .btns {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    bottom: 1.875rem;
  }

  .page-404 .btns .btn {
    margin: 0 0 0.5rem;
    padding: 0 1rem;
    height: 3.125rem;
    font-size: 0.875rem;
  }

  .page-404 .btns .btn:last-child { margin-bottom: 0; }

  .page-404 .btns .btn-hh { padding-left: 0.75rem; padding-right: 0.625rem; }

  .page-404 .btns .btn-hh i {
    margin-left: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
  }
/* 404 END */
}