* {
  font-family: "PT Sans", sans-serif;
  color: rgba(255, 255, 255, 0.766);
}

.white-text {
  color: rgba(255, 255, 255, 0.766) !important;
}

.green {
  color: #33AE6C !important;
}

.greenBack {
  background-color: #33AE6C !important;
}

.primary {
  color: #1BA5DF !important;
}

.secondary {
  color: #1BA5DF !important;
}

#contact {
  background-color: #33AE6C;
  color: white !important;
}

#contact:hover {
  background-color: #1BA5DF !important;
}

.blue-btn {
  background-color: #1BA5DF;
  color: white;
}

#content h5 {
  color: rgba(255, 255, 255, 0.766) !important;
}

.features h5 {
  color: #1BA5DF !important;
}

.accordion-button {
  color: rgba(255, 255, 255, 0.766) !important;
}

.blur {
  background-color: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}

.heroMask {
  background-image: linear-gradient(195deg, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 0.6196078431) 100%) !important;
}

.black-navbar {
  background-color: rgb(8, 27, 37) !important;
}

.navbar {
  -webkit-box-shadow: 0 !important;
  box-shadow: 0 !important;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.navbar-nav .nav-item a {
  color: white;
  /* Set the default color for navbar links */
}

.navbar-nav .nav-item.active a {
  color: #33AE6C !important;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.hoverMe:hover {
  background-color: #1BA5DF !important;
}

.arrowMove {
  color: #1BA5DF !important;
}

.arrowMove:hover {
  color: #33AE6C !important;
}

.logo {
  width: 7vw;
}

.fIcon {
  height: 2vw;
}

.logoFooter {
  width: 23vw;
}

@media (max-width: 769px) {
  .logo {
    width: 27vw;
  }
  .fIcon {
    height: 5vw !important;
  }
}
@media (max-width: 426px) {
  .logo {
    width: 17vw;
  }
  .fIcon {
    height: 8vw !important;
  }
}
@media (min-width: 1600px) {
  .bigfont {
    font-size: x-large !important;
  }
  p {
    font-size: x-large !important;
  }
  .bigcontainer {
    max-width: 90vw !important;
    width: 90vw !important;
  }
}
.custom-thing {
  width: 45vw;
}
@media (max-width: 768px) {
  .custom-thing {
    width: 100%;
  }
}