/*================================  Color CSS Start =============================*/
/*------------------ Color Variables ----------------*/
/*------------------ Global Color css ----------------*/
.primary-bg {
  background-color: #1c3ca8; }

.primary-bg-dark {
  background-color: #193697; }

.primary-bg-light {
  background-color: #1f42b9; }

.secondary-bg {
  background-color: #87238c; }

.secondary-bg-dark {
  background-color: #771f7c; }

.secondary-bg-light {
  background-color: #97279c; }

.gradient-bg, .sticky-header {
  background: -webkit-linear-gradient(45deg, #1c3ca8 0%, #87238c 100%);
  background: linear-gradient(45deg, #1c3ca8 0%, #87238c 100%); }

.alt-color {
  color: #dcb945; }
  .alt-color:hover {
    color: #d9b334; }

/*------------------ Button Color css ----------------*/
.btn-alpha {
  background-color: #dcb945; }
  .btn-alpha:hover {
    background-color: #87238c; }

.section-heading {
  border-left: 4px solid #dcb945; }

/*------------------ Nav bar Color css ----------------*/
.navbar .nav-item .active {
  color: #dcb945 !important; }

.navbar-toggler.collapsed span {
  background-color: #dcb945; }
.navbar-toggler.collapsed span:nth-child(2) {
  background: #dcb945; }

/*------------------ Banner section Color css ----------------*/
.banner {
  background: url(../images/common-bg1.png) center center/cover, -webkit-linear-gradient(45deg, #1c3ca8 0%, #87238c 100%);
  background: url(../images/common-bg1.png) center center/cover, linear-gradient(45deg, #1c3ca8 0%, #87238c 100%); }

.timer-box {
  background: -webkit-linear-gradient(45deg, rgba(28, 60, 168, 0.7) 0%, rgba(135, 35, 140, 0.8) 100%);
  background: linear-gradient(45deg, rgba(28, 60, 168, 0.7) 0%, rgba(135, 35, 140, 0.8) 100%); }
  .timer-box h2:after {
    background: #dcb945; }

.timer-box-inner {
  background: -webkit-linear-gradient(45deg, #1c3ca8 0%, #87238c 100%);
  background: linear-gradient(45deg, #1c3ca8 0%, #87238c 100%); }

.timer-text i {
  border: 2px solid #dcb945; }

div.timer span {
  color: #dcb945; }

/*------------------ Problem / Solution section Color css ----------------*/
.linear-gradient-bg {
  background-image: url(../images/common-bg.png), -webkit-linear-gradient(0deg, rgba(28, 60, 168, 0.8) 50%, rgba(135, 35, 140, 0.8) 50%);
  background-image: url(../images/common-bg.png), linear-gradient(90deg, rgba(28, 60, 168, 0.8) 50%, rgba(135, 35, 140, 0.8) 50%);
  background-size: cover; }

/*------------------ Team Color css ----------------*/
.team-image {
  background: -webkit-linear-gradient(45deg, rgba(28, 60, 168, 0.7) 0%, rgba(135, 35, 140, 0.7) 100%);
  background: linear-gradient(45deg, rgba(28, 60, 168, 0.7) 0%, rgba(135, 35, 140, 0.7) 100%);
  box-shadow: 0 0 4px 0 #1c3ca8; }
  .team-image:before {
    background-image: -webkit-linear-gradient(bottom right, rgba(28, 60, 168, 0.3) 0%, rgba(135, 35, 140, 0.3) 100%);
    background-image: linear-gradient(to top left, rgba(28, 60, 168, 0.3) 0%, rgba(135, 35, 140, 0.3) 100%); }
  .team-image:hover {
    background: -webkit-linear-gradient(45deg, #87238c 0%, #1c3ca8 100%);
    background: linear-gradient(45deg, #87238c 0%, #1c3ca8 100%);
    box-shadow: 0 0 4px 0 #87238c; }

ul.social {
  border-top: 1px solid rgba(135, 35, 140, 0.1); }
  ul.social a {
    color: #1c3ca8; }
    ul.social a:hover {
      color: #87238c; }

/*------------------ FAQ Color css ----------------*/
.bullets:before {
  background: #dcb945; }
.bullets i {
  color: #dcb945; }

.faq-cta a {
  color: #dcb945; }

/*------------------ App section Color css ----------------*/
.store span {
  color: #1c3ca8; }

/*------------------ Road Map Color css ----------------*/
.timeline-marker:before {
  background: #1c3ca8; }

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #1c3ca8; }

.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #1c3ca8; }
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #1c3ca8; }

/*------------------ Form Color css ----------------*/
.form-control {
  border-color: #1c3ca8; }
  .form-control:focus {
    border-color: #dcb945; }

/*------------------ Footer Color css ----------------*/
.footer {
  background: url(../images/common-bg.png), -webkit-linear-gradient(135deg, #87238c 0%, #1c3ca8 100%);
  background: url(../images/common-bg.png), linear-gradient(315deg, #87238c 0%, #1c3ca8 100%);
  background-size: cover; }

/*------------------ Preloader Color css ----------------*/
.loader-dots .circle-1 {
  background-color: #1c3ca8; }

.loader-dots .circle-2 {
  background-color: #87238c; }

@media (max-width: 767px) {
  .linear-gradient-bg {
    background: -webkit-linear-gradient(45deg, #1c3ca8 0%, #87238c 100%);
    background: linear-gradient(45deg, #1c3ca8 0%, #87238c 100%); } }
/*------------------ Gear box Color css ----------------*/
.gear-box span {
  background-color: #1c3ca8; }
  .gear-box span:before {
    background-color: #87238c; }