*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-thumb {
  background-color: #377dff;
  border-radius: 15px;
  border: 3px solid #377dff;
}
*::-webkit-scrollbar-track {
  background: white;
}


body {
    margin: 0;
    padding: 0;
    font-family: "Quicksand", sans-serif !important;
  }
  
  .nav-container {
    justify-content: space-evenly;
    padding: 8px 0px;
  }

  nav.scrolled {
    background-color: white;
  }

  .navbar .navbar-nav .nav-link {
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
    color: #1d1d1d;
    opacity: 0.9;
  }
  
  .navbar .navbar-nav .nav-link:active,
  .navbar .navbar-nav .nav-link:hover {
    opacity: 1;
    font-weight: 700;
  }
  
  .navbar .navbar-nav .nav-item.active {
    opacity: 1;
    font-weight: 700;
  }
  
  .navbar .navbar-nav .nav-item {
    padding-left: 22px;
    padding-right: 22px;
  }
  
  .navbar .btn-nav {
    border: 1px solid #377dff;
    color: #377dff;
    font-size: 16px;
    border-radius: 28px;
    padding: 10px 28px;
    outline: #377dff;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    background: transparent;
  }
  
  .navbar .btn-nav:active,
  .navbar .btn-nav:hover,
  .navbar .btn-nav:focus {
    color: white;
    background: #377dff;
    opacity: 0.9;
  }
  
  .btn-custom-primary {
    color: white;
    font-size: 16px;
    border-radius: 28px;
    padding: 16px 35px;
    outline: #377dff;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    background: #377dff;
    border: none;
  }
  
  .btn-custom-secondary {
    color: #377dff;
    font-size: 16px;
    border-radius: 28px;
    padding: 12px 42px;
    outline: #377dff;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    background: transparent;
    border: 1px solid #377dff;
  }
  
  
  .free-consultation-btn {
    margin: 0;
  }
  
  .btn-nav {
    display: none;
  }
  
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    .btn-custom-primary,
    .btn-custom-secondary {
      font-size: 12px;
    }
  
    .navbar-nav {
      padding-top: 1rem;
    }
  
    .navbar-nav .nav-item .nav-link {
      font-size: 14px;
    }
  
    .footer-container h5 {
      padding-bottom: 0.5rem;
    }
  
    .footer-container .nav-item .nav-link {
      font-size: 14px;
      padding: 1rem 0rem;
    }
  
    .footer-container .copyright-text {
      font-size: 14px;
    }
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 780px) {
    .btn-custom-secondary {
      margin-top: 1rem;
    }
  }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .btn-nav {
      display: block;
    }
  }
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
  }
  
  .footer-container footer ul a {
    padding: 2px 0px !important;
  }