:root {
    --primary-color: rgb(28, 26, 26);
    --start-color: rgb(52, 52, 152);
    --stop-color: rgb(11, 11, 77);
}

.uk-card-primary {
    background: var(--primary-color);
}
.myPrimary {
    color: var(--primary-color) !important;
}
.uk-label {
    background: var(--primary-color);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-2xlarge, .uk-heading-large,
.uk-heading-medium, .uk-heading-small,
.uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

.uk-text-primary {
    color: var(--primary-color) !important;
}
.uk-card-default {
    border: 1px solid var(--start-color);
    box-shadow: 0 0 10px rgb(153, 193, 216);
}



@media screen and (max-width: 740px) {
    .small-small {
        font-size: 12px;
    }
    .small-smaller {
        font-size: 10px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: var(--start-color);
}
.sec-title h2, b {
    color: var(--start-color) !important;
}
.sec-title h2, b {
  color: var(--start-color);
}
.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 46px;
  color: #222;
  font-weight: 700;
}

#content_block_three .content-box .inner-box .single-item h5 a {
    color: var(--start-color);
}
#content_block_three .content-box .inner-box .single-item h5 a:hover {
    color: var(--stop-color);
}

.btn-primary {
    color: var(--start-color);
}

.btn-primary:hover {
    color: var(--stop-color);
}
.info-section .title-inner .title h2 {
    color: var(--start-color);
}

.service-block-two .inner-box .icon-box::before {
    background-color: black;
}

.testimonial-style-two .testimonial-content .inner-box .text p {
    color: var(--stop-color);
}
.testimonial-style-two .testimonial-content .inner-box .text {
    border-top: 2px solid var(--start-color);
    border-left: 2px solid var(--start-color);
    border-right: 2px solid var(--start-color);
}
.text-primary {
    color: var(--stop-color) !important;
}

summary {
    background-color: var(--start-color) !important;
}

.pricing-block-one .pricing-table .table-header .price-box {
    background-color: var(--start-color);
}
.pricing-section, .pricing-section::before {
    background-color: white;
}

.sec-title.right h5::before {
  left: 0px;

}
.sec-title h5::before {
  position: absolute;

  content: '';

  width: 45px;

  height: 2px;

  top: 12px;

}
.sec-title h5::before {
  background: steelblue;

}

.sec-title.right h5 {
  padding-left: 55px;

}
.sec-title h5 {
  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 26px;

  color: #666666;

  text-transform: uppercase;

  font-weight: 400;

  margin-bottom: 10px;

}

.primary-color {
    color: var(--start-color) !important;
}
.border-blue {
    border: 1px solid var(--start-color);
    box-shadow: 0 0 10px rgb(153, 193, 216);
}

.crypto-stats {
    position: relative;
  }
  .crypto-stats .stats-card {
    background-color: #fff;
    border: 1px solid #000b88;
    border-radius: 30px;
    box-shadow: 10px 10px 2px 0 rgba(0, 0, 0, 0.1);
    margin: 2em auto -30vh;
    max-width: 1100px;
    padding: 1.5em;
    position: relative;
    width: 94%;
    z-index: 10;
  }
  @media (max-width: 750px) {
    .crypto-stats .stats-card {
      border-radius: 15px;
    }
  }
  .crypto-stats .stats-card .overflow-holder {
    overflow: auto;
  }
  .crypto-stats .stats-card .overflow-holder .stats-bar {
    display: grid;
    grid-template-columns: 70px 200px 150px auto 180px 160px;
  }
  .crypto-stats .stats-card .overflow-holder .stats-bar p {
    padding: 0 2em;
    text-align: left;
    white-space: nowrap;
  }
  .crypto-stats .stats-card .overflow-holder .stats-bar .price {
    min-width: 220px;
    text-align: left;
  }