@media (min-width: 451px) {
  body {
    font-size: 1.4vw;
    width: 100vw;
  }

  /* Page */

  header {
    width: 100%;
    height: 8.2vw;
    padding: 8vw 0;
  }

  .logo {
    width: 6.173vw;
    height: 10.6vw;
    left: 6.1vw;
    top: 5.1vw;
  }
  

  .mail-to {
    position: absolute;
    width: 2.7000vw;
    height: 2.6000vw;
    top: 7.2000vw;
    right: 7.5000vw;
  }

  .nav {
    height: 3.4vw;
  }

  .nav__link {
    font-size: 1.142em;
    line-height: 125%;
    padding: 1vw 3vw;
  }
  .nav__link::after {
    height: 0.4vw;
  }

  header.fixed .logo {
    top: 2.5vw;
    left: 6.7vw;
    width: 3.8vw;
    height: 4.1vw;
  }

  header.fixed .mail-to {
    top: 3.4000vw;
    right: 7.4000vw;
  }

  .title-block {
    width: 100%;
    padding-top: 23.8vw;
  }

  .title-block .img_wrapper {
    height: 40vw;
  }
  .title-block .img_wrapper img {
    left: -7.4vw;
    width: 100%;
    height: 100%;
  }
  .title-block .text_wrapper {
    padding-right: 1vw;
  }

  .about-block {
    padding-top: 11.5vw;
    padding-bottom: 7vw;
  }

  .svg2 {
    top: 5.9vw;
    right: 0;
    width: 28.9vw;
    height: 15.5vw;
  }

  .about-block .title.big {
    margin-left: 4.1vw;
  }

  .about-block .text_wrapper {
    width: 53.5vw;
    margin-left: 9vw;
  }

  .air-block .container.flex .img_wrapper {
    height: 34.8vw;
  }

  .air-block .container.flex .img_wrapper img {
    left: -7.4vw;
    height: 34.8vw;
  }

  .air-block .container.flex .img_wrapper .mask {
    left: -7.4vw;
    width: 54.5vw;
    height: 34.9vw;
  }

  .air-block .container.flex .text_wrapper {
    width: 45.6vw;
    height: 34.8vw;
    padding-left: 6vw;
  }

  .air-block .container.flex:first-child {
    margin-bottom: 5.2vw;
  }

  .air-block .container.flex ul {
    margin: 0 3vw;
  }

  .services-block {
    padding-top: 9.5vw;
    padding-bottom: 0;
  }

  .services-block .text_wrapper .title.big {
    margin-left: 4.1vw;
  }
  .services-block .text_wrapper .roboto_400_20 {
    width: 33.5vw;
    margin-left: 9vw;
  }

  .services-block .img_wrapper {
    padding-left: 4.4vw;
  }
  .services-block .img_wrapper img {
    top: 9vw;
    left: 4.4vw;
    height: 24.2vw;
  }

  .services-block .img_wrapper .mask {
    top: 9.3vw;
    left: calc(4.4vw + 7.8vw);
    width: 37.6vw;
    height: 23.8vw;
  }

  .services-block .big_padding {
    margin-top: 4.5vw;
    padding-left: 41vw;
  }
  .services-block .big_padding ul {
    padding-left: 5vw;
  }

  .products-block {
    padding-top: 8vw;
    padding-bottom: 1vw;
  }


  .products-block .container:nth-child(2) {
    margin-bottom: 4vw;
  }

  .products-block .img_wrapper img {
    left: -7.4vw;
    height: 33.6vw;
  }

  .products-block .img_wrapper .mask {
    top: 0;
    left: -7.4vw;
    width: 46vw;
    height: 33.6vw;
  }

  footer {
    padding: 5.8vw 11.3vw 13vw 11.3vw;
  }

  footer .contacts_wrapper .roboto_400_18 {
    margin-left: 5vw;
  }

  footer .contacts_wrapper .links {
    margin-left: 10vw;
  }

  footer .contacts_wrapper .links a {
    font-size: 1em;
    line-height: 179%;

    margin-bottom: 2vw;
  }

  /* Components */

  .title.big {
    font-size: 5em;
    line-height: 71%;

    margin-bottom: 3.5vw;
  }

  .title {
    font-size: 1.428em;
    line-height: 130%;

    margin-bottom: 2vw;
  }

  .container {
    display: block;
    width: 100%;
    padding: 0 7.4vw;
  }

  .text_wrapper {
    width: 50%;
    padding: 0 7vw;
  }

  .icon {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 1.5vw;
  }

  .bg_fon .bg1 {
    height: 104.4vw;
  }
  .bg_fon .bg2 {
    height: 200vw;
  }
  .bg_fon .bg3 {
    height: 34.7vw;
  }
}

@media (max-width: 450px) {
  .mobile { display: block !important; }
  .desctop { display: none !important; }

  body {
    font-size: 11px;
    width: 100vw;
  }

  /* Page */

  header {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    padding: 0 23px;

    background: transparent;
  }

  .logo {
    position: relative;
    top: 0;
    left: 0;
    width: 26.4px;
    height: 28.57px;
    background: url("../img/logo_min.svg") no-repeat center / contain;
  }


  .mail-to {
    display: none;
  }

  .nav {
    display: none;
  }

  .nav__link {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;

    color: #a3c8ff;
    cursor: pointer;
    padding: 0;
    margin-bottom: 30px;
  }


  header.fixed {
    position: relative;
  }
  .logo {
    position: relative;
    width: 26.4px;
    height: 28.57px;
    background: url("../img/logo_min.svg") no-repeat center / contain;
  }


  .menu_burger {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/menu.svg') no-repeat center / 100%;
    cursor: pointer;
  }
  .menu_burger.close {
    background: url('../img/close.svg') no-repeat center / 100%;
  }

  .menu_burger_block_wrapper {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 197px;
    height: 100vh;
    background: transparent;
    transition: .5s;
    z-index: 10;
  }
  .menu_burger_block_wrapper.active {
    right: 0;
  }

  .menu_burger_block_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 1;
  }
  .menu_burger_block {
    position: absolute;
    top: 0;
    right: 0;

    display: block;
    width: 197px;
    height: 100vh;
    background: rgba(12, 4, 33, 0.8);
    z-index: 2;
  }

  .menu_burger_block .menu_burger {
    position: absolute;
    top: 28px;
    left: 151px;
  }
  .menu_burger_block .menu_nav {
    margin-top: 105px;
    width: 100%;
    padding-left: 50px;
  }
  .menu_burger_block .menu_nav .nav__link {
    display: block;
  }


  main {
    position: relative;
    z-index: 2;
  }

  .title-block {
    width: 100%;
    padding-top: 0;
  }


  .title-block .img_wrapper {
    height: 100%;
    margin-bottom: 20px;
  }
  .title-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 100%;
  }
  .title-block .text_wrapper {
    padding: 0 30px;
  }

  .title-block .roboto_400_28 {
    font-size: 14px;
    line-height: 129%;
  }

  .about-block {
    position: relative;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .svg2 {
    display: none;
  }

  .about-block .title.big {
    margin-left: 30px;
  }

  .about-block .text_wrapper {
    width: 100%;
    padding: 0 30px;
    margin-left: 0;
    margin-bottom: 40px;
  }

  .air-block {
    position: relative;
  }
  .air-block .container.flex .img_wrapper {
    height: 100%;
  }

  .air-block .container.flex .img_wrapper img {
    position: static;
    width: 100%;
    height: auto;
    object-position: bottom;
  }

  .air-block .container.flex .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .air-block .container.flex .text_wrapper {
    position: relative;
    top: -3px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    padding: 22px 30px;
    background: linear-gradient(
      89.63deg,
      #297cf8 0.26%,
      rgba(4, 133, 226, 0) 104.77%
    );

    margin-bottom: 15px;
  }

  .air-block .roboto_400_28 {
    font-size: 18px;
    line-height: 133%;
  }

  .air-block .roboto_400_18 {
    font-size: 1em;
    line-height: 164%;
  }



  .air-block .container.flex:first-child {
    margin-bottom: 0;
  }

  .air-block .container.flex:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 44px;
  }
  .air-block .container.flex ul {
    display: inline;
    width: 25%;
    margin: 0;
    margin-right: 5%;
  }

  .services-block {
    padding-top: 35px;
    padding-bottom: 0;
  }

  .services-block .container.flex {
    display: flex;
    flex-wrap: wrap;
  }
  .services-block .container.flex .img_wrapper {
    order: 1;
  }
  .services-block .container.flex .text_wrapper {
    order: 2;
  }

  .services-block .text_wrapper {
    padding: 0 30px;
    margin-top: 0;
  }

  .services-block .text_wrapper .title.big {
    margin-left: 0;
  }
  .services-block .roboto_400_20 {
    width: 100%;
    margin-left: 0 !important;

    font-size: 1.2727em;
    line-height: 157%;
  }

  .services-block .roboto_400_14 {
    font-size: 1em;
    line-height: 125%;
  }

  .services-block .img_wrapper {
    height: 193px;
    padding-left: 0;
    margin-bottom: 37px;
  }
  .services-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 193px;
  }

  .services-block .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 71px;
    width: 100%;
    height: 193px;

    background-repeat: no-repeat;
    background-size: contain;
  }

  .services-block .big_padding {
    padding: 0 30px;
    margin: 0;
    margin-top: 30px;
  }
  .services-block .big_padding ul {
    width: 100%;
    padding-left: 1em;
  }

  .products-block {
    padding-top: 26px;
    padding-bottom: 0;
  }

  .products-block ul {
    padding-left: 1em;
  }


  .products-block .container:nth-child(2) {
    margin-bottom: 0;
  }

  .products-block .img_wrapper {
    margin-bottom: 28px;
  }

  .products-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 211px;
    
  }

  .products-block .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 102%;

    -webkit-mask: url('../img/polygon_4.svg') no-repeat left / 100% !important;
    mask: url('../img/polygon_4.svg') no-repeat left / 100% !important;

    background: linear-gradient(244.35deg, rgba(0, 163, 255, 0.44) 26.36%, #9E00FF 108.97%);
  }

  .products-block .text_wrapper {
    margin-bottom: 15px;
  }

  footer {
    position: relative;
    z-index: 2;

    padding: 15px 30px;
    padding-bottom: 88px;
  }

  footer .contacts_wrapper {
    display: block;
  }
  footer .contacts_wrapper .roboto_400_18 {
    display: block;
    margin: 0;
    margin-bottom: 22px;

    font-weight: normal;
    font-size: 1.2727em;
    line-height: 179%;
  }

  footer .contacts_wrapper .links {
    margin-left: 0;
  }

  footer .contacts_wrapper .links a {
    display: flex;
    align-items: center;

    font-size: 1em;
    line-height: 182%;

    margin-bottom: 15px;
  }

  footer .contacts_wrapper .links a:last-child {
    margin-bottom: 0;
  }

  /* Components */

  .title.big {
    font-family: "Cormorant", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 125%;

    margin-bottom: 10px;
  }

  .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 179%;

    margin-bottom: 1em;
  }

  .roboto_400_28,
  .roboto_400_20,
  .roboto_400_18,
  .roboto_400_14,
  .roboto_300_14 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
  }

  .roboto_400_28 {
    font-weight: normal;
    font-size: 28px;
    font-size: 2em;
    line-height: 130%;
  }

  .roboto_400_20 {
    font-weight: normal;
    font-size: 20px;
    font-size: 1.4285em;
    line-height: 150%;
  }

  .roboto_400_18 {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.2857em;
    line-height: 167%;
  }

  .roboto_400_14 {
    font-weight: normal;
    font-size: 14px;
    font-size: 1em;
    line-height: 180%;
  }

  .roboto_300_14 {
    font-weight: 300;
    font-size: 14px;
    font-size: 1em;
    line-height: 180%;
  }

  .container {
    width: 100%;
    padding: 0;
  }
  .container.flex {
    display: block;
/*     display: flex;
    flex-wrap: wrap; */
  }

  .text_wrapper {
    width: 100%;
    padding: 0 30px;
  }

  .img_wrapper {
    position: relative;
    width: 100%;
  }
  
  .icon {
    width: 10px;
    height: 15px;
    margin-right: 20px;
  }


  .bg_fon .bg1 {
    width: 100%;
    height: 468px;
    background: linear-gradient(
      29.73deg,
      #0c0421 32.63%,
      #1d0958 67.76%,
      #00a3ff 98.11%
    );
  }
  .bg_fon .bg2 {
    width: 100%;
    height: 2390px;
    background: #0c0421;
  }
  .bg_fon .bg3 {
    position: fixed;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 170px;
    background: linear-gradient(
      198deg,
      #0c0421 61.15%,
      #411997 78.2%,
      #00a3ff 98.78%
    );
  }

  .star {
    display: none;
  }
}

@media (max-width: 450px) {
  .mobile { display: block !important; }
  .desctop { display: none !important; }

  body {
    font-size: 11px;
    width: 100vw;
  }

  /* Page */

  header {
    position: relative;
    z-index: 2;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 21.3333vw;
    padding: 0 6.1333vw;

    background: url('../img/header_fon.png') no-repeat center / cover;
  }

  .logo {
    position: relative;
    top: 0;
    left: 0;
    width: 7.0400vw;
    height: 7.6187vw;
    background: url("../img/logo_min.svg") no-repeat center / contain;
  }

  .nav {
    display: none;
  }

  .nav__link {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 4.2666vw;
    line-height: 125%;
    text-transform: uppercase;
    text-align: left;

    color: #a3c8ff;
    cursor: pointer;
    padding: 0;
    margin-bottom: 8.0000vw;
  }


  header.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .logo {
    position: relative;
    width: 7.0400vw;
    height: 7.6187vw;
    background: url("../img/logo_min.svg") no-repeat center / contain;
  }


  .menu_burger {
    display: block;
    width: 6.4000vw;
    height: 6.4000vw;
    background: url('../img/menu.svg') no-repeat center / 100%;
    cursor: pointer;
  }
  .menu_burger.close {
    background: url('../img/close.svg') no-repeat center / 100%;
  }

  .menu_burger_block_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100vw;
    width: 100vw;
    height: auto;
    background: transparent;
    transition: .5s;
    z-index: 10;

    overflow: hidden;
  }
  .menu_burger_block_wrapper.active {
    left: 0;
  }

  .menu_burger_block_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 1;
  }
  .menu_burger_block {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;

    display: block;
    width: 52.5333vw;
    /* height: 100%; */
    min-height: 100vh;
    background: rgba(12, 4, 33, 0.8);
    z-index: 2;
  }

  .menu_burger_block .menu_burger {
    position: absolute;
    top: 7.4667vw;
    left: 40.2667vw;
  }
  .menu_burger_block .menu_nav {
    padding-top: 28.0000vw;
    width: 100%;
    padding-left: 13.3333vw;
  }
  .menu_burger_block .menu_nav .nav__link {
    display: block;
  }


  main {
    position: relative;
    z-index: 2;
  }

  .title-block {
    width: 100%;
    padding-top: 0;
    padding-top: 21.3333vw;
  }


  .title-block .img_wrapper {
    height: 100%;
    margin-bottom: 5.3333vw;
  }
  .title-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 100%;
  }
  .title-block .text_wrapper {
    padding: 0 8.0000vw;
  }

  .title-block .roboto_400_28 {
    font-size: 1.2727em;
    line-height: 129%;
  }

  .about-block {
    position: relative;
    padding-top: 5.3333vw;
    padding-bottom: 0;
  }

  .svg2 {
    display: none;
  }

  .about-block .title.big {
    margin-left: 8.0000vw;
  }

  .about-block .text_wrapper {
    width: 100%;
    padding: 0 8.0000vw;
    margin-left: 0;
    margin-bottom: 10.6667vw;
  }

  .air-block {
    position: relative;
  }
  .air-block .container.flex .img_wrapper {
    height: 100%;
  }

  .air-block .container.flex .img_wrapper img {
    position: static;
    width: 100%;
    height: auto;
    object-position: bottom;
  }

  .air-block .container.flex .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .air-block .container.flex .text_wrapper {
    position: relative;
    top: -0.8000vw;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    padding: 5.8667vw 8.0000vw;
    background: linear-gradient(
      89.63deg,
      #297cf8 0.26%,
      rgba(4, 133, 226, 0) 104.77%
    );

    margin-bottom: 4.0000vw;
  }

  .air-block .roboto_400_28 {
    font-size: 1.6363em;
    line-height: 133%;
  }

  .air-block .roboto_400_18 {
    font-size: 1em;
    line-height: 164%;
  }



  .air-block .container.flex:first-child {
    margin-bottom: 0;
  }

  .air-block .container.flex:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 11.7333vw;
  }
  .air-block .container.flex ul {
    display: inline;
    width: 25%;
    margin: 0;
    margin-right: 5%;
  }

  .services-block {
    padding-top: 9.3333vw;
    padding-bottom: 0;
  }

  .services-block .container.flex {
    display: flex;
    flex-wrap: wrap;
  }
  .services-block .container.flex .img_wrapper {
    order: 1;
  }
  .services-block .container.flex .text_wrapper {
    order: 2;
  }

  .services-block .text_wrapper {
    padding: 0 8.0000vw;
    margin-top: 0;
  }

  .services-block .text_wrapper .title.big {
    margin-left: 0;
  }
  
  .services-block .text_wrapper .roboto_400_20 {
    width: 100%;
    margin-left: 0 !important;

    font-size: 1.2727em;
    line-height: 157%;
  }

  .services-block .roboto_400_14 {
    font-size: 1em;
    line-height: 125%;
  }

  .services-block .img_wrapper {
    height: 51.4667vw;
    padding-left: 0;
    margin-bottom: 9.8667vw;
  }
  .services-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 51.4667vw;
  }

  .services-block .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 18.9333vw;
    width: calc(100% - 18.9333vw);
    height: 51.4667vw;

    background-repeat: no-repeat;
    background-size: contain;
  }

  .services-block .big_padding {
    padding: 0 8.0000vw;
    margin: 0;
    margin-top: 8.0000vw;
  }
  .services-block .big_padding ul {
    width: 100%;
    padding-left: 1em;
  }

  .products-block {
    padding-top: 6.9333vw;
    padding-bottom: 0;
  }

  .products-block ul {
    padding-left: 1em;
  }


  .products-block .container:nth-child(2) {
    margin-bottom: 0;
  }

  .products-block .img_wrapper {
    margin-bottom: 7.4667vw;
  }

  .products-block .img_wrapper img {
    position: static;
    width: 100%;
    height: 56.2667vw;
  }

  .products-block .img_wrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 102%;

    -webkit-mask: url('../img/polygon_4.svg') no-repeat left / 100% !important;
    mask: url('../img/polygon_4.svg') no-repeat left / 100% !important;

    background: linear-gradient(244.35deg, rgba(0, 163, 255, 0.44) 26.36%, #9E00FF 108.97%);
  }

  .products-block .text_wrapper {
    margin-bottom: 4.0000vw;
  }

  footer {
    position: relative;
    z-index: 2;

    padding: 4.0000vw 8.0000vw;
    padding-bottom: 23.4667vw;
  }

  footer .contacts_wrapper {
    display: block;
  }
  footer .contacts_wrapper .roboto_400_18 {
    display: block;
    margin: 0;
    margin-bottom: 5.8667vw;

    font-weight: normal;
    font-size: 1.2727em;
    line-height: 179%;
  }

  footer .contacts_wrapper .links {
    margin-left: 0;
  }

  footer .contacts_wrapper .links a {
    display: flex;
    align-items: center;

    font-size: 1em;
    line-height: 182%;

    margin-bottom: 4.0000vw;
  }

  footer .contacts_wrapper .links a:last-child {
    margin-bottom: 0;
  }

  /* Components */

  .title.big {
    font-family: "Cormorant", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3.6363em;
    line-height: 125%;

    margin-bottom: 2.6667vw;
  }

  .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2727em;
    line-height: 179%;

    margin-bottom: 1em;
  }

  .roboto_400_28,
  .roboto_400_20,
  .roboto_400_18,
  .roboto_400_14,
  .roboto_300_14 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
  }

  .roboto_400_28 {
    font-weight: normal;
    font-size: 28px;
    font-size: 2.5454em;
    line-height: 130%;
  }

  .roboto_400_20 {
    font-weight: normal;
    font-size: 20px;
    font-size: 1.8181em;
    line-height: 150%;
  }

  .roboto_400_18 {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.6363em;
    line-height: 167%;
  }

  .roboto_400_14 {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.2727em;
    line-height: 180%;
  }

  .roboto_300_14 {
    font-weight: 300;
    font-size: 14px;
    font-size: 1.2727em;
    line-height: 180%;
  }

  .container {
    width: 100%;
    padding: 0;
  }
  .container.flex {
    display: block;
/*     display: flex;
    flex-wrap: wrap; */
  }

  .text_wrapper {
    width: 100%;
    padding: 0 8.0000vw;
  }

  .img_wrapper {
    position: relative;
    width: 100%;
  }
  
  .icon {
    width: 2.6667vw;
    height: 4.0000vw;
    margin-right: 5.3333vw;
  }


  .bg_fon .bg1 {
    width: 100%;
    height: 124.8000vw;
    background: linear-gradient(
      29.73deg,
      #0c0421 32.63%,
      #1d0958 67.76%,
      #00a3ff 98.11%
    );
  }
  .bg_fon .bg2 {
    width: 100%;
    height: 288vh;
    background: #0c0421;
  }
  .bg_fon .bg3 {
    width: 100%;
    height: 45.3333vw;
    background: linear-gradient(
      198deg,
      #0c0421 61.15%,
      #411997 78.2%,
      #00a3ff 98.78%
    );
  }

  .star {
    display: none;
  }
}