.betspino-navbar, .betspino-footer {
      background-color: #17A4A4;
    }
    .betspino-navbar .navbar-brand,
    .betspino-navbar .nav-link,
    .betspino-navbar .navbar-toggler-icon {
      color: #fff;
    }
    .betspino-navbar .nav-link:hover,
    .betspino-navbar .navbar-brand:hover {
      color: #e0f7f7;
    }
  .betspino-navbar .btn-success {
    background-color: #ffffff !important;
    color: #17A4A4 !important;
    border: none;
    border-radius: 0.5rem;
    box-shadow: none !important;
    transition: none !important;
    cursor: pointer;
  }

  .betspino-navbar .btn-success:hover,
  .betspino-navbar .btn-success:focus,
  .betspino-navbar .btn-success:active,
  .betspino-navbar .btn-success:focus-visible,
  .betspino-navbar .btn-success:not(:disabled):not(.disabled):active,
  .betspino-navbar .show > .btn-success.dropdown-toggle {
    background-color: #ffffff !important;
    color: #17A4A4 !important;
    box-shadow: none !important;
    outline: none !important;
  }


    .hero, .bg-betspino {
      background:  #3B5F67;
      color: #FFFFFF;
      text-align: center;
      font-size: 20px;
    }


    /*blogs template style only*/
    .content-h1 {
      font-weight: bold;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .content-h2 {
      font-weight: bold;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .content-h3 {
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .content-h4 {
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .content-h4 {
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .content-h5 {
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .content-h6 {
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .content-p {
      font-size: 20px;
    }

    .content-ol, .content-ul {
      margin-bottom: 1.5rem;
    }

    .content-ol li, .content-ul li {
      font-size: 20px;
    }