body {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  background-color: #fff; }
  body header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 120px; }
    body header .header-navigation ul {
      display: flex;
      gap: 50px; }
      body header .header-navigation ul li {
        font-size: 16px;
        list-style: none; }
        body header .header-navigation ul li a {
          color: #717070;
          text-decoration: none;
          position: relative;
          display: inline-block; }
          body header .header-navigation ul li a.hover-effect::before, body header .header-navigation ul li a.hover-effect::after {
            content: "";
            position: absolute;
            bottom: -5px;
            height: 2px;
            width: 50%;
            background-color: white;
            transition: width 0.3s, left 0.3s, right 0.3s; }
          body header .header-navigation ul li a.hover-effect::before {
            left: 0;
            width: 0; }
          body header .header-navigation ul li a.hover-effect::after {
            right: 0;
            width: 0; }
          body header .header-navigation ul li a.hover-effect:hover::before {
            width: 50%; }
          body header .header-navigation ul li a.hover-effect:hover::after {
            width: 50%; }
    body header .logo img {
      width: 150px; }
  body .general-container .image-with-text {
    display: flex;
    justify-content: center;
    justify-content: space-around;
    margin: 62px 124px; }
    body .general-container .image-with-text .image-with-text-title {
      font-size: 60px;
      color: #0C2739; }
    body .general-container .image-with-text .illustration-image {
      width: 446px; }
    body .general-container .image-with-text .coin-info-box {
      display: inline-flex;
      flex-direction: column;
      background-color: #fff;
      padding: 16px 32px;
      border-radius: 8px; }
      body .general-container .image-with-text .coin-info-box .info-box-item {
        display: flex;
        align-items: center;
        margin-top: 16px;
        font-size: 20px;
        gap: 10px;
        color: #717070; }
        body .general-container .image-with-text .coin-info-box .info-box-item img {
          width: 14px; }
  body .general-container .best-rewards .best-rewards-title {
    font-size: 12px;
    text-align: center; }
  body .general-container .best-rewards .best-rewards-big-title {
    font-weight: bold;
    font-size: 48px;
    text-align: center;
    color: #0C2739;
    padding-top: 32px;
    margin-top: 8px; }
  body .general-container .best-rewards .best-rewards-desc {
    color: #717070;
    font-size: 20px;
    text-align: center;
    margin-top: 8px; }
    body .general-container .best-rewards .best-rewards-desc .best-rewards-desktop {
      display: inline-block; }
    body .general-container .best-rewards .best-rewards-desc .best-rewards-mobile {
      display: none; }
  body .general-container .best-rewards .best-rewards-content {
    display: flex;
    justify-content: center;
    padding: 102px;
    gap: 60px; }
    body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box {
      margin-bottom: 42px; }
      body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box .best-rewards-info-img {
        width: 48px; }
      body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box .best-rewards-info-title {
        font-size: 20px;
        color: #0C2739; }
      body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box .best-rewards-info-desc {
        color: #717070;
        font-size: 16px; }
  body .general-container .best-experience {
    padding: 96px 0; }
    body .general-container .best-experience .best-experience-title {
      text-align: center;
      font-size: 12px; }
    body .general-container .best-experience .best-experience-big-title {
      font-size: 48px;
      text-align: center;
      color: #0C2739;
      margin: 8px 0; }
    body .general-container .best-experience .best-experience-desc {
      text-align: center;
      color: #717070; }
    body .general-container .best-experience .best-experience-content {
      display: flex;
      justify-content: center;
      gap: 90px;
      margin-top: 64px; }
      body .general-container .best-experience .best-experience-content .best-experience-item {
        display: flex;
        flex-direction: column;  
        text-align: center;
      }
      body .general-container .best-experience .best-experience-content .best-experience-item {
        display: flex;
        flex-direction: column;  
        text-align: center;
        gap: 20px;
      }
      body .general-container .best-experience .best-experience-content .best-experience-item .best-experience-title {
        color: #0C2739;
        font-size: 23px;
      }
      body .general-container .best-experience .best-experience-content .best-experience-item .best-experience-description {
        color: #0C2739;
        font-size: 18px;
      }
      body .general-container .best-experience .best-experience-content .best-experience-content-img {
        width: 550px; }
  body .general-container .safe-secure {
    margin: 64px; }
    body .general-container .safe-secure .safe-secure-title {
      font-size: 12px; }
    body .general-container .safe-secure .safe-secure-big-title {
      font-size: 48px;
      color: #0C2739;
      margin-top: 8px; }
    body .general-container .safe-secure .safe-secure-content {
      display: flex;
      justify-content: space-around; }
    body .general-container .safe-secure .safe-secure-info-box {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      body .general-container .safe-secure .safe-secure-info-box .safe-secure-info-item {
        display: flex;
        align-items: center;
        color: #0C2739; }
        body .general-container .safe-secure .safe-secure-info-box .safe-secure-info-item img {
          width: 34px; }
        body .general-container .safe-secure .safe-secure-info-box .safe-secure-info-item .safe-secure-item-desc {
          display: flex;
          flex-direction: column;
          margin-left: 30px;
          gap: 15px; }
          body .general-container .safe-secure .safe-secure-info-box .safe-secure-info-item .safe-secure-item-desc .safe-secure-item-title {
            font-size: 20px;
            color: #0C2739; }
          body .general-container .safe-secure .safe-secure-info-box .safe-secure-info-item .safe-secure-item-desc .safe-secure-item-desc-span {
            font-size: 16px;
            color: #717070; }
  body .general-container .asked-questions {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    body .general-container .asked-questions .asked-questions-title {
      color: #0C2739;
      font-size: 48px; }
    body .general-container .asked-questions .accordion-container {
      width: 800px; }
    body .general-container .asked-questions .accordion {
      background-color: transparent;
      color: #0C2739;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      text-align: left;
      border: none;
      outline: none;
      transition: 0.4s;
      border-bottom: 1px solid #424348;
      padding-top: 24px;
      padding-bottom: 32px;
      font-size: 18px; }
    body .general-container .asked-questions .panel {
      padding: 0 18px;
      background-color: transparent;
      display: none;
      overflow: hidden;
      text-align: left;
      color: #717070; }
    body .general-container .asked-questions .accordion:after {
      content: '\02795';
      font-size: 13px;
      color: #0C6EA9;
      float: right;
      margin-left: 5px;
      padding: 3px 6px;
      border-radius: 100%;
      border: 1px solid;
      padding-top: 5px; }
    body .general-container .asked-questions .active:after {
      content: "\2796"; }
  body .general-container .more-questions {
    text-align: center;
    margin: 64px 256px;
    border-radius: 5px; }
    body .general-container .more-questions .special-section-bg {
      padding: 30px 25px;
      border-radius: 5px; }
      body .general-container .more-questions .special-section-bg .telegram-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 25px;
        border-radius: 6px;
        padding: 16px;
        text-decoration: none;
        color: #0C2739;
        background-image: linear-gradient(214.67deg, #0C6EA9 0%, #0C6EA9 99.07%); }
        body .general-container .more-questions .special-section-bg .telegram-link .telegram-img {
          width: 28px; }
    body .general-container .more-questions span {
      color: #0C2739; }
    body .general-container .more-questions p {
      color: #0C2739; }
  body .general-container .view-more-accordion {
    display: block;
    margin-top: 30px;
    cursor: pointer; }
  body .general-container .mobil-image-with-text {
    display: none; }
  body footer {
    display: flex;
    justify-content: space-between;
    color: #0C2739;
    margin: 55px 128px;
    padding: 50px;
    border-top: 0.4px solid #e2e8f0;
    border-bottom: 0.4px solid #e2e8f0; }
    body footer .footer-social-logo {
      display: flex;
      gap: 100px; }
      body footer .footer-social-logo a img {
        height: 24px; }
  body .footer-top {
    display: flex;
    justify-content: center;
    justify-content: space-around; }
    body .footer-top .footer-logo {
      width: 250px;
      margin-bottom: 50px; }
    body .footer-top .footer-top-left-content {
      display: flex;
      gap: 30px; }
      body .footer-top .footer-top-left-content .footer-top-left-title {
        color: #717070; }
      body .footer-top .footer-top-left-content .footer-top-left-content-link a {
        display: inline-flex;
        margin-right: 20px;
        font-size: 14px;
        text-decoration: none;
        color: #0C2739; }
    body .footer-top .footer-top-right-content .footer-top-right-title {
      display: inline-block;
      margin-bottom: 30px;
      color: #717070; }
    body .footer-top .footer-top-right-content .footer-top-address {
      color: #717070; }
  body .special-color {
    color: #0C6EA9; }
  body .global-image-width {
    width: 576px;
  }  
  body .special-section-bg {
    background-color: #fff; }
  body .hidden {
    display: none; }
  body .mobile-store-image {
    display: none; }

.aboutus-header {
  visibility: hidden; }

.about-us-content {
  display: flex;
  justify-content: space-between;
  margin: 120px; }
  .about-us-content img {
    width: 700px; }
  .about-us-content .aboutus-title {
    font-size: 48px;
    color: #0C2739; }
  .about-us-content .aboutus-desc {
    font-size: 20px;
    color: #717070;
    line-height: 30px; }

.privacy-policy-content {
  display: flex;
  justify-content: center;
  color: #717070;
  line-height: 1.625; }

.privacy-width {
  width: 50%; }

@media (max-width: 800px) {
  body .general-container .image-with-text {
    display: none;
    margin: 10px 16px;
    flex-direction: column; }
    body .general-container .image-with-text .illustration-image {
      width: 100%; }
  body .general-container .best-rewards .best-rewards-content {
    padding: 20px;
    flex-direction: column; }
    body .general-container .best-rewards .best-rewards-content .best-rewards-svg {
      width: 100%;
      height: 100%;
      margin-top: 30px; }
    body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box {
      text-align: center; }
      body .general-container .best-rewards .best-rewards-content .best-rewards-content-info .best-rewards-content-info-box .best-rewards-info-title {
        margin: 5px; }
  body .general-container .best-rewards .best-rewards-big-title {
    font-size: 30px; }
  body .general-container .best-rewards .best-rewards-desc .best-rewards-desktop {
    display: none; }
  body .general-container .best-experience .best-experience-content {
    padding: 20px;
    flex-direction: column; }
    body .general-container .best-experience .best-experience-content .best-experience-content-img {
      width: 100%; }
  body .general-container .best-experience .best-experience-big-title {
    font-size: 30px; }
  body .general-container .safe-secure {
    margin: 20px; }
    body .general-container .safe-secure .safe-secure-content .safe-secure-img {
      display: none; }
    body .general-container .safe-secure .safe-secure-big-title {
      font-size: 28px; }
  body .general-container .asked-questions .accordion-container {
    width: 100%; }
  body .general-container .asked-questions .asked-questions-title {
    font-size: 30px; }
  body .general-container .asked-questions .accordion {
    font-size: 16px; }
  body .general-container .more-questions {
    margin: 0; }
  body .general-container .mobil-image-with-text {
    display: flex;
    padding: 20px;
    flex-direction: column; }
    body .general-container .mobil-image-with-text .mobil-store-img-content {
      display: flex;
      justify-content: space-between; }
      body .general-container .mobil-image-with-text .mobil-store-img-content .walletcoin-img {
        width: 150px; }
    body .general-container .mobil-image-with-text .store-img {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      body .general-container .mobil-image-with-text .store-img img {
        width: 135px; }
    body .general-container .mobil-image-with-text .mobil-image-with-text-title {
      color: #0C2739; }
  body .general-container .mobil-coin-info-box {
    color: #0C2739; }
    body .general-container .mobil-coin-info-box .info-box-item {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 20px 0; }
  body header {
    padding: 20px; }
    body header .header-navigation ul {
      display: none; }
  body footer {
    justify-content: center;
    align-items: center;
    padding: 30px;
    flex-direction: column-reverse;
    margin: 0;
    gap: 30px; }
    body footer .footer-social-logo {
      display: grid;
      grid-template-columns:  auto auto auto auto;
      gap: 60px;
    }
    body footer .footer-social-logo a {
      display: flex;
      justify-content: center;
    }
    body #medium-posts {
      flex-direction: column;
    }
  body .footer-top {
    flex-direction: column;
    padding: 55px; }
    body .footer-top .footer-top-left-content {
      flex-direction: column; }
    body .footer-top .footer-top-right-content {
      margin-top: 40px; }
  body .mobile-store-image {
    display: flex;
    justify-content: space-between;
    margin-top: 30px; }
    body .mobile-store-image img {
      width: 135px; }
  .about-us-content {
    display: flex;
    flex-direction: column;
    margin: 20px; }
    .about-us-content .aboutus-desc {
      text-align: justify;
      letter-spacing: 0.01em;
      font-size: 20px; }
    .about-us-content img {
      width: 100%; }
  .privacy-width {
    width: 90%; } }

.font-bold {
  font-size: 30px;
  font-weight: bold;
  color: #0C2739; }

  #medium-posts {
    display: flex;
    gap: 50px;
    margin-top: 80px;
  }
  .medium-post {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .medium-post-image {
    width: 250px;
  }
  .medium-link {
    color: #0C2739;
    text-decoration: none;
  }