.navbar {
  z-index: 1;
  width: auto;
  background-color: transparent;
  box-shadow: none;
  color: #8B05FF !important;
}

.navbar a.navbar-brand {
  color: #8B05FF !important;
}

.navbar a.nav-link {
  color: #575756 !important;
}

.navbar a.btn {
  color: #FFF !important;
  background: #87FF21;
  border-radius: 10px;
}

.top-nav-collapse {
  background: #FFF;
  color: #575756 !important;
  -webkit-box-shadow: 0px 13px 6px -17px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 13px 6px -17px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 13px 6px -17px rgba(0, 0, 0, 0.75);
}

.top-nav-collapse a.navbar-brand {
  color: #8B05FF !important;
}

.top-nav-collapse a.nav-link {
  color: #575756 !important;
}

.top-nav-collapse a.btn {
  color: #FFF !important;
  background: #87FF21;
  border-radius: 10px;
}

footer {
  -webkit-box-shadow: 0px -4px 10px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -4px 10px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -4px 10px -10px rgba(0, 0, 0, 0.75);
}

.nav-tabs>.nav-link:focus {
  background-color: #8B05FF;
  color: #FFF;
}

.nav-tabs>.nav-link {
  color: #575756;
}

.nav-tabs>.nav-link:hover {
  background-color: #8B05FF;
  color: #FFF;
}

@media only screen and (max-width: 768px) {
  .navbar {
    background: #fff !important;
  }

  .top-nav-collapse button.btn {
    color: #FFF !important;
    background: transparent;
    border: 3px solid #FFF;
  }

  .top-nav-collapse a.nav-link {
    color: #FFF !important;
  }

  .top-nav-collapse a.navbar-brand {
    color: #FFF !important;
  }
}

html,
body,
header,
.view {
  height: 100px;
}

@media (max-width: 575.98px) {
  .intro-2 {
    background: none;
    background: #FFF;
  }
}

.scrolling-cards>.row {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;

}

.scrolling-cards>.row>.col-xs-4 {
  display: inline-block;
  flex: 0 0 auto;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

html {
  scroll-behavior: smooth;
}

.active-purple-2 input.form-control[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #8B05FF;
  box-shadow: 0 1px 0 0 #8B05FF;

}

.active-purple-2 input.form-control[type=number]:focus:not([readonly]) {
  border-bottom: 1px solid #8B05FF;
  box-shadow: 0 1px 0 0 #8B05FF;

}

.active-purple-2 input.form-control[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #8B05FF;
  box-shadow: 0 1px 0 0 #8B05FF;
}

.active-purple-2 input.form-control[type=email]:focus:not([readonly]) {
  border-bottom: 1px solid #8B05FF;
  box-shadow: 0 1px 0 0 #8B05FF;
}

.active-purple .fas,
.active-purple-2 .fas {
  color: #8B05FF;
}

.active-purple-2 input.form-control[type=password]:focus:not([readonly])+label,
.fas {
  color: #8B05FF !important;
}

.active-purple-2 input.form-control[type=text]:focus:not([readonly])+label,
.fas {
  color: #8B05FF !important;
}

.active-purple-2 input.form-control[type=number]:focus:not([readonly])+label,
.fas {
  color: #8B05FF !important;
}

.active-purple-2 input.form-control[type=email]:focus:not([readonly])+label,
.fas {
  color: #8B05FF !important;
}

.purple-2 {
  background-color: #8B05FF;
}

select:focus {
  outline-color: transparent !important;
  border-bottom: 2px solid #8B05FF !important;
}

.mdl-selectfield select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

select {
  font-family: inherit !important;
  background-color: transparent !important;
  width: 100% !important;
  padding: 4px 0 !important;
  font-size: 16px !important;
  color: #757575 !important;
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
}

.mdl-selectfield:after {
  position: absolute !important;
  top: 0.75em !important;
  right: 0.5em !important;
  /* Styling the down arrow */
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  content: '' !important;
  border-left: .25em solid transparent !important;
  border-right: .25em solid transparent !important;
  border-top: 0.375em solid rgba(0, 0, 0, 0.295) !important;
  pointer-events: none !important;
}

.no-shadow {
  box-shadow: none;
}

.purple-title {
  color: #8B05FF;
}

.no-shadow {
  box-shadow: none;
}

.text-grey {
  color: #575756;
}

.text-dark-grey {
  color: #3c3c3b;
}

.rounded-border {
  border-radius: 30px;
}

.light-green-text-2 {
  color: #87FF21;
}

.light-green-text-2:hover {
  color: #87FF21;
}

.purple-button {
  color: #FFF;
  background-color: #8B05FF;
  border-radius: 10px;
}

.purple-button:hover {
  color: #FFF;
  background-color: #8B05FF;
  border-radius: 10px;
}

.purple-title:hover {
  color: #8B05FF;
}