a:focus,
  a:hover,
  .review-billet.card24:hover .title,
  .app-billet.card33:hover .title {
      color: var(--primary-color);
  }

  .sitemap_page .tabs_container .tabs-nav button,
  .editors-choice_section .btn:hover,
  .btn-section:hover,
  .footer_142699 .menu-list li a:hover,
  .blog-billet.card14:focus .concise-info .text-part .title,
  .blog-billet.card14:hover .concise-info .text-part .title,
  .blog-billet.card15 .concise-info .text-part .title:hover,
  .app-billet.card8.vertical .top-part .concise-info .title:hover,
  .site-block__title .text,
  .articles-block .site-block__title .block-subtitle,
  .our-advantages-section .new-container .text-block .title,
  .blog-billet .author-block,
  .blog-billet.card18.small:hover .title,
  .blog-billet.card1:hover .title,
  .app-billet.card2.vertical:hover .title,
  .app-billet .descr-block .app-name:hover,
  .title-container:hover .title-section {
      color: var(--primary-color);
  }

  .page-numbers:hover,
  .sitemap_page .tabs_container .tabs-nav button:hover,
  .sitemap_page .tabs_container .tabs-nav button.active {
      color: #fff !important;
  }

  a:hover,
  .footer_142699 .menu-list li a:hover,
  .btn-section:focus,
  .btn-section:hover,
  .footer_142699 .logo-site:hover {
      background: transparent !important;
  }

  .page-numbers.current {
      border: 1px solid var(--primary-color) !important;
      background: var(--primary-color) !important;
  }

  .page-numbers:hover,
  .page-numbers:focus,
  .row-info-h5 .tag,
  .app-billet.card8 .bottom-part .availability,
  .simple-btn.default-btn,
  #myModal .close,
  #modal-ask-accept .close,
  #modal-accept-download .close,
  .blog-billet.card28:focus .btn,
  .blog-billet.card28:hover .btn {
      background: var(--primary-color) !important;
      color: #fff;
  }

  .list-action li.active,
  .read-more-btn,
  .product_section .progress-bar-block .progressbar span,
  .read-more-btn,
  .sitemap_page .tabs_container .tabs-nav button.active,
  .sitemap_page .tabs_container .tabs-nav button:focus,
  .sitemap_page .tabs_container .tabs-nav button:hover,
  .list-action li:hover,
  .latest-posts_product-section,
  .blog-billet.card33 .category span,
  .product_section .product-plus li:after,
  .title-section.with-decor:after,
  .popular-reviewed_section,
  .access-btn,
  .recommended .blog-carousel .owl-nav button,
  .recommended .blog-carousel .owl-nav button,
  .welcome_section .form-search .sbmt-btn,
  .review-billet.card21 .btn {
      background: var(--primary-color) !important;
  }

  .list-action li.active,
  .list-action li:hover {
      border-top: 4px solid var(--primary-color) !important;
  }

  .list-action li:hover a {
      color: #fff !important;
      background: transparent !important;
  }

  .read-more-btn:hover,
  .simple-btn.default-btn:hover,
  .blog-billet.card28 .btn,
  .review-billet.card20 .category-list>li span,
  .review-billet.card24:hover {
      color: var(--primary-color);
      background: #fff !important;
      border: 1px solid var(--primary-color);
  }

  .sitemap_page .tabs_container .tabs-nav button {
      border: 2px solid var(--primary-color) !important;
  }

  .ready-app-icon img {
      width: 100%;
  }

  .footer_142699 .copyright {
      text-align: left !important;
  }

  .icon-container svg {
      fill: var(--primary-color);
  }

  .icon-container {
      border: 1px solid var(--primary-color);
  }

  .header_142699 .nav-list>li>a:hover {
      border-bottom-color: var(--primary-color) !important;
  }

  /*old css*/
  .preloader {

      position: fixed !important;
      top: 0% !important;
      left: 0% !important;
      margin: 0px !important;
      width: 100vw !important;
      height: 100vh !important;
      background: #fff;
      z-index: 1000;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .preloader .site-logo {
      margin-bottom: 25px;
  }

  .sidebar-load-bar--small {
      height: 4px;
  }

  .sidebar-load-bar {
      position: relative;
      max-width: 800px;
      width: 90vw;
      height: 20px;
      background-color: #263238;
      /* background-color: var(--primary-color); */
      border-radius: 20px;
  }

  .sidebar-bar:nth-child(1) {
      background-color: var(--primary-color);
      border-radius: 20px;
      -webkit-animation: sidebar-loading 4s linear infinite;
      animation: sidebar-loading 4s linear infinite;
  }

  .sidebar-bar {
      content: "";
      display: inline;
      position: absolute;
      width: 0;
      height: 100%;
      left: 50%;
      text-align: center;
      border-radius: 4px;
  }

  .preloader .site-logo img {
      max-width: 200px;
  }

  #preloader-tooltip-block {
      font-weight: 500;
      font-size: 24px;
      line-height: 55px;
      color: var(--primary-color);
  }

  @keyframes sidebar-loading {
      0% {
          left: 50%;
          width: 0;
          z-index: 100;
      }

      33.3333% {
          left: 0;
          width: 100%;
          z-index: 10;
      }

      100% {
          left: 0;
          width: 100%;
      }
  }

  /*end css loading*/

  .bottom-info_product .btn-section {
      border: 1px solid var(--primary-color);
  }

  .example_responsive_1 {
      width: 320px;
      height: 100px;
      max-width: 100%
  }

  @media (min-width:500px) {
      .example_responsive_1 {
          width: 468px;
          height: 60px
      }
  }

  @media (min-width:800px) {
      .example_responsive_1 {
          width: 728px;
          height: 90px
      }
  }

  .prel {
      position: fixed;
      z-index: 1500;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      background: #101829;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      align-items: center;
      transition: opacity 0.5s ease-out;
  }

  .preloader {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 60px;
      margin: -30px 0 0 -40px;
  }

  .preloader .lines {
      width: 80px;
      height: 40px;
      position: absolute;
  }

  .preloader .lines .line {
      width: 80px;
      height: 10px;
      background-color: #fff;
      position: absolute;
      clip: rect(0, 0, 20px, 0);
  }

  .preloader .lines .line.line-1 {
      top: 0;
      animation: slide 2s ease 0s infinite;
  }

  .preloader .lines .line.line-2 {
      top: 15px;
      animation: slide 2s ease 0.25s infinite;
  }

  .preloader .lines .line.line-3 {
      top: 30px;
      animation: slide 2s ease 0.5s infinite;
  }

  .preloader .loading-text {
      position: absolute;
      top: 50px;
      text-align: center;
      width: 100%;
      color: #fff;
      font-size: 13px;
      font-family: sans-serif;
      letter-spacing: 3px;
      line-height: 10px;
      height: 10px;
      animation: fade 1s ease 0s infinite;
  }

  @keyframes slide {
      0% {
          clip: rect(0, 0, 20px, 0);
      }

      30% {
          clip: rect(0, 80px, 20px, 0);
      }

      50% {
          clip: rect(0, 80px, 20px, 0);
      }

      80% {
          clip: rect(0, 80px, 20px, 80px);
      }

      100% {
          clip: rect(0, 80px, 20px, 80px);
      }
  }

  @keyframes fade {
      0% {
          opacity: 1;
      }

      50% {
          opacity: 0;
      }

      100% {
          opacity: 1;
      }
  }

  .gdpr-block-wrap {
      padding: 8px 0;
      background-color: #222;
      position: fixed;
      z-index: 31;
      left: 0;
      bottom: 0;
      width: 100%;
      height: auto;
      animation: slide-up 1s 1s ease-in-out forwards;
      backface-visibility: hidden;
      transform: translateY(100%);
  }

  .gdpr-block-wrap .message-block {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .gdpr-block-wrap .message-block .message-text br {
      display: none;
  }

  @media only screen and (max-width: 640px) {
      .gdpr-block-wrap .message-block .message-text {
          margin-right: 20px;
          font-size: 12px;
      }

      .gdpr-block-wrap .message-block .message-text br {
          display: none;
      }
  }

  .gdpr-block-wrap .message-block .message-text {
      font-size: 16px;
      color: #ffffff;
      margin-right: 25px;
  }

  .gdpr-block-wrap .btn {
      background-color: #01c583;
      border-color: #01c583;
  }

  .gdpr-block-wrap .btn:hover {
      background-color: #00b075;
      border-color: #00b075;
  }

  @media only screen and (max-width: 640px) {
      .gdpr-block-wrap .message-block .message-text {
          margin-right: 0;
          margin-bottom: 0px;
          font-size: 14px;
      }
  }

  @media only screen and (max-width: 640px) {
      .gdpr-block-wrap .message-block .message-text br {
          display: none;
      }
  }

  .gdpr-block-wrap .message-block .message-text a {
      color: #01c583;
      text-decoration: none;
  }

  .gdpr-block-wrap .message-block .message-text a:hover {
      text-decoration: underline;
  }

  .gdpr-block-wrap .message-block .btn-primary {
      color: #ffffff;
      margin-right: 50px;
  }

  @media only screen and (max-width: 640px) {
      .gdpr-block-wrap .message-block .btn-primary {
          margin-right: 0;
      }
  }

  @keyframes slide-up {
      from {
          transform: translateY(100%);
      }

      to {
          transform: translateY(0);
      }
  }

  main {
      padding-bottom: 70px;
  }

  .carousel-content {
      height: 260px;
      margin-bottom: 50px;
  }

  header #searchForm {
      margin-bottom: 2px !important;
  }

  .svg-icons {
      margin-left: 6px;
      margin-right: 6px;
      width: 16px;
      height: 16px;
  }

  .dropdown-btn img {
      width: 11px;
      height: 11px;
      margin-left: 5px;
      margin-top: 1px;
      /* transition: all .3s cubic-bezier(.2,.57,.36,.8); */
  }

  /* .dropdown-container:hover .dropdown-list {
    display: block; 
} */
  .dropdown-list {
      visibility: hidden;
      opacity: 0;
  }

  .dropdown-container.active .dropdown-list {
      visibility: visible;
      opacity: 1;
      display: block;
  }

  .dropdown-container.active .dropdown-list a:hover {
      color: #00bceb;
  }

  .header_142699 .dropdown-list>li {
      margin-bottom: 8px !important;
  }

  .header_142699 .dropdown-list {
      height: auto !important;
      max-height: fit-content !important;
      width: auto !important;
      min-width: 141px;
  }

  .header_142699 .dropdown-list>li>a {
      line-height: 1.2em;
  }

  .top-info_product,
  .mg-top-20 {
      margin-top: 20px;
  }

  .screen-block .item {
      opacity: 1;
  }

  .get-access-event img {
      width: 20px;
      height: 30px;
      margin-left: 5px;
  }

  .product-btns img {
      width: 20px;
      margin-right: 5px;
  }

  .latest-posts_product-section {
      padding: 37px 0 80px;
  }

  .concise-info {
      display: block;
      background: #fff;
      border-radius: 5px;
  }

  .page-list-game {}

  .advertise-container img {
      width: 100%;
  }

  .form_related_section .right-part {
      width: 100%;
  }

  .form_related_section .apps-list.for-vertical.full-width>li {
      width: 25%;
  }

  .form_related_section .apps-list.for-vertical.full-width>li:last-child {
      display: block;
  }

  .apps-list.for-vertical.full-width>li {
      /* width: 25%!important; */
  }

  .page-list-game .container {
      max-width: 1840px;
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto;
      padding: 0 15px;
      -webkit-tap-highlight-color: transparent;
      padding-top: 20px;
  }

  .container.main .gameBox {
      padding: 30px;
      margin-top: 10px;
      background: rgba(255, 255, 255, .6);
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
      border-radius: 20px;
      border: 3px solid #fff;
      grid-gap: 15px 15px;
      grid-template-columns: repeat(12, calc((100% - 180px) / 12));
      display: grid
  }

  .container.main .gameBox>li:nth-child(1) {
      grid-row: 1 / 3;
      grid-column: 1 / 3;
  }

  .container .gameBox>li {
      width: 100%;
      position: relative;
      transition: all .3s;
  }

  .container .gameBox>li>a {
      overflow: hidden;
      width: 100%;
      display: flex;
      padding-bottom: 100%;
      height: 0;
      position: relative;
      transition: all .3s;
      border-radius: 15%;
      box-shadow: 0px 4px 10px 0px #737885;
  }

  .container .gameBox>li .newIcon,
  .container .gameBox>li .hotIcon {
      left: -6px;
      top: 5px;
      width: 35px;
      height: 25px;
  }

  .container .gameBox>li .hotIcon,
  .container .gameBox>li .newIcon,
  .container .gameBox>li .gameIcon {
      position: absolute;
      top: 10px;
      left: -10px;
      display: block;
      background-image: url('https://miugameh5.com/images/hot.png');
      background-size: 100% 100%;
      width: 56px;
      height: 40px;
      z-index: 99;
  }

  .container .gameBox>li .newIcon {
      background-image: url('https://miugameh5.com/images/new.png');
  }

  .container .gameBox>li>a .thumb {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
  }

  .container .gameBox>li>a .thumb>img {
      transition: all .3s;
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
  }

  .container .gameBox>li:hover {
      transform: scale(1.1);
  }

  .container .gameBox>li {
      width: 100%;
      position: relative;
      transition: all .3s;
  }

  .container .gameBox>li:hover>a>p {
      bottom: -16px;
  }

  .container .gameBox>li>a>p {
      transition: all .3s;
      position: absolute;
      bottom: -50px;
      left: 0;
      color: #fff;
      width: 100%;
      padding: 4px 10px 4px 10px;
      text-align: center;
      font-family: Fredoka-Medium;
      background: linear-gradient(180deg, #182A3D 0%, #37485E 100%);
  }

  .container .gameBox>li>a>p>span {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }

  .container.main .gameBox>li:nth-child(2) {
      grid-row: 2 / 4;
      grid-column: 4 / 6;
  }

  .container.main .gameBox>li:nth-child(3) {
      grid-row: 1 / 3;
      grid-column: 7 / 9;
  }

  .container.main .gameBox>li:nth-child(4) {
      grid-row: 2 / 4;
      grid-column: 10 / 12;
  }

  .sitemap_page .title-section {
      margin-bottom: 30px !important;
      text-align: center;
      position: relative;
      padding-top: 15px;
      margin: 0;
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      color: #0b111f;
  }

  .sitemap_page .tabs_container .tabs-nav {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: calc(100% + 16px);
      margin: -8px;
      padding: 0;
      list-style: none;
  }

  .sitemap_page .tabs_container .tabs-nav>li {
      width: 25%;

      padding: 8px;
  }

  .sitemap_page .tabs_container .tabs-nav {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: calc(100% + 16px);
      margin: -8px;
      padding: 0;
      list-style: none;
  }

  .sitemap_page .tabs_container .tabs-nav button.active {
      cursor: default;
  }

  .sitemap_page .tabs_container .tabs-nav button.active,
  .sitemap_page .tabs_container .tabs-nav button:focus {
      color: #fff;
      background: #00bceb;
      outline: none;
  }

  .sitemap_page .tabs_container .tabs-nav button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 100%;
      padding: 0 10px;
      border: 2px solid #00bceb;
      border-radius: 6px;
      font-family: Poppins, sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #00bceb;
      background: #fff;
      cursor: pointer;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  .sitemap_page .tabs_container .tabs-nav button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 100%;
      padding: 0 10px;
      border: 2px solid #00bceb;
      border-radius: 6px;
      font-family: Poppins, sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #00bceb;
      background: #fff;
      cursor: pointer;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  #searchForm button.sbmt-btn img {
      width: 16px;
  }

  .tags_block .apps-info_list .app-btn img {
      width: 16px;
  }

  .app-btn.with-image .img-container img {
      width: 32px;
  }

  .laguna-comments-wrapper .custom-input.comment {
      border-radius: 6px;
  }

  .laguna-comments-wrapper .custom-input:hover,
  .laguna-comments-wrapper .custom-input:focus {
      border: 1px solid #00bceb;
  }

  .laguna-comments-wrapper .custom-input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 40px;
      padding: 0 15px;
      border-radius: 22px;
      border: 1px solid #dcdfe3;
      font-size: 16px;
      color: #526171;
  }

  .laguna-comments-wrapper .custom-textarea {
      width: 100%;
      height: 100px;
      padding: 10px 15px;
      border-radius: 22px;
      border: 1px solid #dcdfe3;
      resize: none;
      font-size: 16px;
      color: #526171;
  }

  .laguna-comments-wrapper .add-comment-form .union-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .laguna-comments-wrapper .form-group {
      margin-bottom: 20px;
  }

  .laguna-comments-wrapper .add-comment-form .feedback-and-agreement {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-top: -10px;
  }

  .laguna-comments-wrapper .add-comment-form .feedback-and-agreement .agreement-block input {
      padding: 0;
      margin: 0;
      display: none;
  }

  .laguna-comments-wrapper .add-comment-form .feedback-and-agreement .agreement-block .custom-checkbox-label {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0;
      padding-left: 20px;
      font-size: 14px;
      line-height: 1.43;
      cursor: pointer;
  }

  .laguna-comments-wrapper .add-comment-form .btn-container {
      margin-top: 20px;
      display: flex;
      width: 100%;
  }

  .laguna-comments-wrapper .simple-btn.submit-btn {
      width: auto;
      height: 40px;
      padding: 0 33px;
  }

  .laguna-comments-wrapper .simple-btn:hover,
  .laguna-comments-wrapper .simple-btn:focus {
      outline: none;
      background-color: #00aede;
      color: #fff;
  }

  .laguna-comments-wrapper .simple-btn {
      font-family: 'Poppins', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 180px;
      height: 46px;
      border-radius: 6px;
      background-color: #00bceb;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.6;
      border: none;
      color: #fff;
      transition: all 0.4s cubic-bezier(0.2, 0.57, 0.36, 0.8);
      cursor: pointer;
  }

  .laguna-comments-wrapper .comments-commun-block .comments-list-container .title {
      margin: 0 0 16px 0;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.6;
      color: #273a4e;
  }

  .laguna-comments-wrapper .comments-commun-block .comments-list-container .comments-list {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .laguna-comments-wrapper .comments-commun-block .comments-list-container .comments-list>li:last-child {
      margin: 0;
  }

  .laguna-comments-wrapper .comments-commun-block .comments-list-container .comments-list>li {
      width: 100%;
      margin-bottom: 20px;
      padding: 20px 30px 30px 30px;
      background: #fff;
      border: 1px solid #dcdfe3;
      border-radius: 6px;
  }

  .laguna-comments-wrapper .comment-item .title-part {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .laguna-comments-wrapper .comment-item .title-part .user-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 84px);
      padding-right: 20px;
  }

  .laguna-comments-wrapper .comment-item .title-part .user-info .avatar.has-avatar {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  .comments-section .laguna-comments-wrapper .comment-item .title-part .user-info .avatar {
      border-color: #00aede;
  }

  .laguna-comments-wrapper .comment-item .title-part .user-info .avatar {
      width: 36px;
      height: 36px;
      border: 2px solid #01c583;
      border-radius: 50%;
  }

  .laguna-comments-wrapper .comment-item .title-part .user-info .concise {
      width: calc(100% - 36px);
      padding-left: 15px;
      cursor: default;
  }

  .laguna-comments-wrapper .comment-item .body-part {
      position: relative;
      margin: 10px 0;
  }

  .laguna-comments-wrapper .comment-item .bottom-part {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .laguna-comments-wrapper .helpful-comment-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .laguna-comments-wrapper .helpful-comment-list li:first-child {
      margin-right: 30px;
  }

  .laguna-comments-wrapper .comment-item .bottom-part .reply-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 30px;
      font-size: 14px;
      color: #96a0a9;
  }

  .popular-reviewed_carousel .item {
      margin-top: 20px;
  }

  .laguna-comments-wrapper .custom-textarea.comment {
      border-radius: 6px;
  }

  .hide {
      display: none;
  }

  .owl-prev {
      width: 20px;
      height: 20px;
      left: -35px;
      background: #fff !important;
      border-radius: 50% !important;
  }

  .owl-next {
      width: 20px;
      height: 20px;
      right: -35px;
      background: #fff !important;
      border-radius: 50% !important;
  }

  .owl-prev span,
  .owl-next span {
      /* font-size: 25px;
    line-height: 11px; */
      font-size: 30px;
      line-height: 10px;
  }

  .owl-theme .owl-nav [class*=owl-]:hover {
      background: #869791 !important;
  }

  .latest-posts_product-section .latest-posts_carousel .blog-billet {
      display: contents;
  }

  .review-billet.card24 .title {
      text-wrap: wrap;
      margin-bottom: 24px;
  }

  .page-list-game .top-part {
      margin-bottom: 20px;
      text-align: center;
  }

  .page-list-game .top-part h1 {
      position: relative;
      padding-top: 15px;
      margin: 0;
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      color: #0b111f;
  }

  .page-list-game .top-part .text {
      max-width: 450px;
      margin: 0 auto;
      line-height: 24px;
  }

  .modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0, 0, 0);
      background-color: rgba(0, 0, 0, 0.4);
      padding-top: 60px;
      z-index: 1050;
  }

  .modal-content {
      background-color: #fefefe;
      margin: 5% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
      max-width: 400px;
      text-align: center;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0;
  }

  .modal-content p {
      margin: 20px 0;
  }

  #myModal .close,
  #modal-ask-accept .close,
  #modal-accept-download .close {
      background-color: #00c4ff;
      color: white;
      padding: 5px 30px;
      border: none;
      border-radius: 30px;
      font-size: 16px;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      /* max-width: 120px; */
      text-align: center;
      margin-right: 8px;

  }

  #myModal .unlock,
  #modal-ask-accept .unlock,
  #modal-accept-download .unlock {
      color: white;
      padding: 5px 30px;
      border: none;
      border-radius: 30px;
      font-size: 16px;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      background-color: #ec6057;
      text-align: center;
      margin-left: 8px;
  }

  #reward-button {
      border: none;
  }

  .action-modal {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin: auto;
  }

  .pagination {
      text-align: center;
      margin-top: 20px;
  }

  .page-numbers.current {
      border: 1px solid #00bceb;
      padding: 3px 10px;
      background: #00bceb;
      border-radius: 1px;
      color: #fff;
      font-weight: 500;
      width: 40px;
      height: 40px;
      margin: 0px 5px;
      border-radius: 6px;
      text-align: center;
      font-size: 15px;
      line-height: 26px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .page-numbers {
      margin: 3px;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      padding: 0;
      border: none;
      border-radius: 6px;
      text-align: center;
      font-size: 15px;
      line-height: 26px;
      color: #4f535d;
      background-color: #eff2f5;
      transition: all .3s cubic-bezier(.2, .57, .36, .8);
      cursor: pointer;
  }

  .page-numbers:hover,
  .page-numbers:focus {
      background: #00bceb;
      color: #fff;
  }

  .rating .rating-info {
      background-image: url('../images/all_stars.svg') !important;
  }

  .review-billet.card24 .text {
      width: 100%;
      text-align: justify;
  }

  .pagination-library.style2.center {
      margin: 20px auto;
  }

  .page-numbers {
      margin: 0px 3px 3px 3px !important;
  }

  #iframe iframe {
      width: 100% !important;
      height: 100%;
      margin: auto;
  }

  @media only screen and (min-width: 641px) {
      .laguna-comments-wrapper .add-comment-form .union-block .form-group:first-child {
          margin-right: 20px;
      }

      .laguna-comments-wrapper .add-comment-form .union-block .form-group {
          width: calc(50% - 10px);
      }
  }

  @media only screen and (max-width: 767px) {
      .play-game .t-left {
          display: contents;
      }

      .play-game .t-left span {
          display: contents;
          line-height: 20px;
      }

      .sitemap_page .tabs_container .tabs-nav>li {
          padding: 4px;
      }

      .sitemap_page .tabs_container .tabs-nav button {
          font-size: 14px;
          line-height: 16px;
      }

      .sitemap_page .tabs_container .tabs-nav button {
          padding: 0 5px;
      }

      .blog-billet.card33.vertical .img-container {
          width: 45%;
          height: 200px;
          /* margin-bottom: 16px; */
      }

      .concise-info {
          width: 100% !important;
      }

      .right-part .concise-info {
          width: calc(100% - 75px) !important;
      }

      .blog-billet.card33 .category {
          display: block;
          position: absolute !important;
          top: 20px;
          left: 15px;
          z-index: 1;
      }

      .form_related_section .apps-list.for-vertical.full-width>li {
          width: 100%;
      }

      .container.main .gameBox {
          grid-template-columns: repeat(3, calc((100% - 30px) / 3)) !important;
          padding: 10px;
      }

      .container.main .gameBox>li:nth-child(1),
      .container.main .gameBox>li:nth-child(2),
      .container.main .gameBox>li:nth-child(3),
      .container.main .gameBox>li:nth-child(4) {
          grid-row: auto;
          grid-column: auto;
      }

      .blog-billet.card33.vertical .ellipsis-multiply {
          -webkit-line-clamp: 6;
      }
  }

  .row-info-h5 .item {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      border-bottom: 1px solid rgba(43, 64, 115, 0.12);
      padding: 1rem 2.25rem;
      border-top: 1px solid rgba(43, 64, 115, 0.12);
  }

  .row-info-h5 .strong {
      font-weight: 600;
      color: #000;
  }

  .row-info-h5 .tag {
      --tw-bg-opacity: 1;
      background-color: #00bceb;
      color: white;
      padding: .75rem;
      font-size: .875rem;
      line-height: 1.25rem;
      font-weight: 600;
      --tw-text-opacity: 1;
      border-radius: 2px;
  }

  .row-info-h5 .tags {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
  }

  .product_section {
      margin-bottom: 50px;
  }

  .play-game {
      background: rgba(255, 255, 255, .6);
      border: 3px solid #fff;
      border-radius: 20px;
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
      overflow: hidden;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
      width: 100%;
  }

  .play-game .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
  }

  .play-game .video-game .iframe-img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
  }

  .playGame .videoG-game iframe {
      display: block;
      width: 1px;
      min-width: 100%;
      height: 1px;
      min-height: 100%;
      border: 0;
      overflow: hidden;
      z-index: 999;
  }

  .play-game .video-game {
      width: 100%;
      height: 530px;
      position: relative;
      overflow: hidden;
  }

  .play-game .video-game .bgc {
      width: calc(100% + 20px);
      height: calc(100% + 20px);
      position: absolute;
      top: -10px;
      left: -10px;
      background-color: rgba(0, 0, 0, .3);
      object-fit: cover;
      object-position: center;
      -webkit-filter: blur(8px);
      -moz-filter: blur(8px);
      -ms-filter: blur(8px);
      filter: blur(8px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
  }

  .play-game .video-game .iframe-img .bgc {
      width: calc(100% + 20px);
      height: calc(100% + 20px);
      position: absolute;
      top: -10px;
      left: -10px;
      background-color: rgba(0, 0, 0, .3);
      object-fit: cover;
      object-position: center;
      -webkit-filter: blur(8px);
      -moz-filter: blur(8px);
      -ms-filter: blur(8px);
      filter: blur(8px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
  }

  .play-game .video-game .bbc {
      padding-top: 45px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .3);
  }

  .play-game .video-game .bbc .thumb {
      width: 140px;
      height: 140px;
      border: 2px solid #fff;
      border-radius: 10px;
      overflow: hidden;
  }

  .play-game .video-game .iframe-img .bbc .thumb>img {
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
  }

  .play-game .video-game .bbc>a {
      margin-top: 10px;
      display: block;
      width: 140px;
      height: 40px;
      line-height: 40px;
      background: #fff;
      border-radius: 10px;
      text-align: center;
      font-size: 20px;
  }

  .video-game .back {
      display: none;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      /* position: fixed; */
      position: absolute;
      /* top: 10px;
    left: 10px; */
      top: 10px;
      left: 3px;
      border-radius: 25px;
      background: #2e455f;
      z-index: 999;
  }

  .video-game .back img {
      margin-top: 13px;
      margin-left: 13px;

  }

  /* .video-game.active iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%;
} */
  .play-game .video-game.active {
      position: fixed;
      height: 100vh;
      width: 100vw;
      top: 0px;
      z-index: 999;
      left: 0px;
  }

  .play-game .video-game.active iframe {
      width: 100%;
      height: 100%;
  }

  .game-iframe {
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      display: block;
      left: auto;
      margin: 0 auto;
      position: relative;
      top: auto;
      width: 100%;
      height: 100%;
  }

  .play-game .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
  }

  .title .t-left img {
      width: 40px;
      height: 40px;
      object-position: center;
      object-fit: cover;
      border-radius: 10px;
      margin-right: 10px;
  }

  .title .t-left {
      font-size: 18px;
      color: #30455d;
  }

  .title .t-left span {
      padding-top: 4px;
      position: absolute;
  }

  .play-game .title .all-screen {
      color: #2f455e;
      padding: 10px 15px;
      cursor: pointer;
      display: flex;
      align-items: center;
      border-radius: 10px;
      transition: all .3s;
      border: none;
      font-weight: 500;
      font-size: 18px;
  }

  .list-game {

      padding: 10px;
      /* margin-top: 10px; */
      background: rgba(255, 255, 255, .6);
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
      border-radius: 20px;
      border: 3px solid #fff;

  }

  .list-game .game-box {
      grid-gap: 15px 15px;
      grid-template-columns: repeat(3, calc((100% - 30px) / 3));
      display: grid;
  }

  .list-game .game-box>li:nth-child(1) {
      grid-row: 1 / 3;
      grid-column: 1 / 3;
  }

  .game-box>li {
      width: 100%;
      position: relative;
      transition: all .3s;
  }

  .game-box>li>a {
      overflow: hidden;
      width: 100%;
      display: flex;
      padding-bottom: 100%;
      height: 0;
      position: relative;
      transition: all .3s;
      border-radius: 15%;
      /* box-shadow: 0px 4px 10px 0px #64b4b2; */
      box-shadow: 0 4px 20px rgba(43, 64, 115, .32);
  }

  .game-box>li>a .thumb {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
  }

  .game-box>li>a .thumb img {
      transition: all .3s;
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
  }

  .title h2 {
      font-weight: 600;
      color: #0b111f;
      margin-bottom: 15px;
      font-size: 24px;
      line-height: 32px;
  }

  .left-model .list-game {
      padding: 20px 20px 20px 20px;
      margin-top: 0px;
      background: rgba(255, 255, 255, .6);
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
      border-radius: 20px;
      border: 3px solid #fff;
  }

  .left-model .list-game .game-box {
      grid-gap: 15px 15px;
      grid-template-columns: repeat(4, calc((100% - 45px) / 4));
  }

  .list-game .game-box>li:nth-child(1) {
      grid-row: 1 / 3;
      grid-column: 1 / 3;
  }

  .list-game .game-box>li:nth-child(2) {
      grid-row: 4 / 6;
      grid-column: 2 / 4;
  }

  .title-mg-bt {
      margin-bottom: 20px;
  }

  .title-mg-top {
      margin-top: 20px;
  }

  .center-top .left-model {
      width: 445px;
  }

  .left-box .center-top {
      display: flex;
      justify-content: space-between;
  }

  .h5-game-template-default .product_section.play-game .large-container {
      max-width: 1840px !important;
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto;
      padding: 0 15px;
      display: flex;
      justify-content: space-between;
  }

  .left-top .left-model {
      width: 445px;
  }

  .center-top {
      width: calc(100% - 455px);
      margin-top: 10px;
  }

  .product_section.play-game .left-part .row {
      display: flex;
      justify-content: space-between;
  }

  .product_section.play-game .center-top {
      /* padding: 20px; */
      padding: 10px;
  }

  .top-play-game {
      padding-right: 0px !important;
  }

  .product_section.play-game .left-part {
      padding-right: 0px !important;
  }

  .info-h5-game {
      padding: 20px 20px 20px 20px;
      margin-top: 0px;
      background: rgba(255, 255, 255, .6);
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
      border-radius: 20px;
      border: 3px solid #fff;
  }

  .product_section.play-game {
      border: 0px !important;
      border-radius: 0px !important;
      box-shadow: none !important;
      padding-bottom: 20px;
  }

  .center-bot .list-game .game-box {
      grid-gap: 15px 15px;
      grid-template-columns: repeat(10, calc((100% - 135px) / 10));
  }

  .center-bot .list-game .game-box>li:nth-child(3) {
      grid-row: 1 / 3;
      grid-column: 7 / 9;
  }

  .center-bot .list-game .game-box>li:nth-child(2) {
      grid-row: 2 / 4;
      grid-column: 4 / 6;
  }

  .play-game .title h2 {
      margin-bottom: 0px !important;
  }

  .product_section.play-game .left-part {
      width: calc(100% - 350px) !important;
  }

  .product_section.play-game .right-part {
      max-width: 350px !important;
  }

  .product_section.play-game .inner {
      width: 100%;
      margin: auto;
  }

  .no-result-search {
      margin: 20px;
      text-align: center;
  }

  .product_section .product-text-block .product-info h2 {
      margin-top: 25px !important;
  }

  .label-ads {
      width: 100%;
      margin-bottom: 5px;
      line-height: 1.33;
      font-size: 12px;
      text-align: right;
      color: #9fa0a6;

      display: none;
  }

  .main-content-post img {
      width: 100%;
      height: auto !important;
  }

  .chose-top-game {
      margin-bottom: 30px;
  }

  .chose-top-game img {
      border-radius: 4px;
      height: auto !important;
      margin-top: 0px;
      margin-bottom: 0px;
  }

  .app-btn.with-image .img-container img {
      width: 32px !important;
      height: auto !important;
      margin: 0px !important;
  }

  .apps-info_list li::after {
      display: none;
  }

  .btn-section,
  .header_142699 .nav-list>li>a:hover {
      background: var(--primary-color);
  }

  .blog-billet.card34 .count-container,
  .review-billet.card24 .btn,
  .anchor_section .anchor-list>li a.active,
  .app-btn.with-icon .icon-container,
  .header_142699 .nav-list>li>a:hover,
  .footer_142699 .menu-list li a:hover,
  .breadcrumbs .breadcrumbs-new .trail-items .trail-item a:hover,
  a:hover,
  .blog-billet.card34:focus .title,
  .blog-billet.card34:hover .title,
  .blog-billet.card33:focus .title,
  .blog-billet.card33:hover .title {
      color: var(--primary-color) !important;
      background: transparent !important;

  }

  .btn-section:focus,
  .btn-section:hover {
      border: 1px solid var(--primary-color);
  }

  .top-info_product.with-btn .btn-section:hover,
  .btn-section:hover {
      background: #fff !important;
  }

  .header_142699 .nav-list>li>a:hover {
      background: transparent !important;
  }

  @media only screen and (max-width:1024px) {
      .product_section.play-game .inner {
          display: contents;
      }

      .product_section.play-game .center-top {
          padding: 0px;
      }

      .product_section.play-game .large-container {
          padding-left: 0px !important;
          padding-right: 0px !important;
      }

      .left-model .list-game .game-box {
          grid-gap: 8px 8px !important;
          grid-template-columns: repeat(6, calc((100% - 40px) / 6)) !important;
      }

      .center-bot .list-game .game-box {
          grid-gap: 10px 10px !important;
          grid-template-columns: repeat(7, calc((100% - 60px) / 7)) !important;
      }

      .center-bot .list-game .game-box>li:nth-child(3) {
          grid-row: auto !important;
          grid-column: auto !important;
      }
  }

  @media only screen and (min-width: 768px) and (max-width:1023px) {
      .form_related_section .apps-list.for-vertical.full-width>li {
          width: 50%;
      }

      .container.main .gameBox {
          grid-gap: 8px 8px;
          grid-template-columns: repeat(6, calc((100% - 40px) / 6));
      }

      .container.main .gameBox>li:nth-child(3),
      .container.main .gameBox>li:nth-child(4) {
          grid-row: auto;
          grid-column: auto;
      }

      .product_section.play-game .left-part {
          width: calc(100%) !important;
      }
  }

  @media screen and (max-width: 1580px) {

      /* .play-game .left-part .row {
        width: 100%;
    } */
      .product_section.play-game .left-part .row {
          flex-direction: column-reverse;
      }

      /* .centerTop .left-model {
        width: 100%;
    } */
      .play-game .center-top {
          width: 100% !important;
      }

      .left-top .left-model {
          width: 100%;
      }

      .left-model .list-game .game-box {
          grid-gap: 15px 15px;
          grid-template-columns: repeat(10, calc((100% - 135px) / 10));
      }

      .left-model .list-game .game-box>li:nth-child(1),
      .left-model .list-game .game-box>li:nth-child(2) {
          grid-row: auto;
          grid-column: auto;
      }

      .product_section.play-game .center-top {
          width: 100%;
      }
  }

  @media screen and (max-width: 1680px) {
      .center-top .left-model {
          width: calc(100% - 890px);
      }
  }

  @media only screen and (max-width: 767px) {
      .product_section.play-game .left-part {
          width: calc(100%) !important;
      }

      .title .t-left {
          font-size: 14px;
      }

      .play-game .title .all-screen {

          padding: 5px 5px;

          border-radius: 4px;

          font-size: 14px;
      }

      .play-game .video-game {
          height: 400px;
      }

      .header_142699 .search-btn svg {
          fill: none !important;
      }
  }

  @media only screen and (min-width: 1024px) {
      .about_section .inner {
          margin-bottom: 70px !important;
      }
  }

  @media (max-width: 1130px) {
      .header_142699 .nav-menu {
          display: none;
          position: absolute !important;
          top: 0;
          right: 0;
          width: 320px;
          height: 100vh !important;
          box-shadow: 0 2px 4px 0 #737885;
          background: #fff;
      }
  }