:root {
  ::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}
  }
  .va {
    display: flex;
    align-items: center;
  }

  .hero,
  .cta {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20height%3D%22512%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22noise%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.875%22%20result%3D%22noise%22%20%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4296875%200%22%20%2F%3E%3C%2Ffilter%3E%3Crect%20filter%3D%22url%28%23noise%29%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22transparent%22%20opacity%3D%221%22%20%2F%3E%3C%2Fsvg%3E), linear-gradient(52deg, #42475C 0%, #20222E 71%);
  }

  .cta {
    height: 500px;
    border-top: 10px solid turquoise;
  }

  footer {
    color: white;
    background: rgb(14, 14, 14) !important;
  }

  footer strong {
    color: turquoise;
  }

  footer a {
    color: turquoise;
  }

  .title {
    color: white;
    font-weight: 800;
    font-size: 4rem;
    font-family: 'Nunito Sans', sans-serif;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0, 0, 3);
  }

  .subtitle {
    color: white;
    font-size: 1.2rem;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0, 0, 3);
  }

  hr.content-divider {
    max-width: 75px;
    height: 5px;
  }

  /* Back to top button */
  #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: turquoise;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  }

  #back-to-top:hover {
    background-color: #40e0d0;
    transform: scale(1.1);
  }

  /* Breadcrumb styling */
  .breadcrumb {
    background-color: transparent;
    padding: 0.5rem 0;
  }

  .breadcrumb a {
    color: turquoise;
  }

  .breadcrumb .is-active a {
    color: white;
  }

  /* Enhanced mobile responsiveness */
  @media screen and (max-width: 768px) {
    .title {
      font-size: 2.5rem !important;
    }
    
    .subtitle {
      font-size: 1rem !important;
    }
    
    .hero-body {
      padding: 2rem 1.5rem !important;
    }
    
    .card {
      margin-bottom: 1rem;
    }
    
    .columns {
      display: block !important;
    }
    
    .column {
      width: 100% !important;
      margin-bottom: 1rem;
    }
    
    /* Adjust back to top button for mobile */
    #back-to-top {
      width: 45px;
      height: 45px;
      font-size: 18px;
      bottom: 15px;
      right: 15px;
    }
    
    /* Footer improvements for mobile */
    footer .columns {
      display: block !important;
    }
    
    footer .column {
      margin-bottom: 1rem;
    }
  }

  @media screen and (max-width: 480px) {
    .title {
      font-size: 2rem !important;
    }
    
    .hero-body {
      padding: 1.5rem 1rem !important;
    }
  }

  #parallax-1 {
    background: url(https://source.unsplash.com/featured/?nature);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 10px solid coral;
  }

  #parallax-1 hr {
    background: coral;
  }

  #parallax-2 {
    background: url(https://source.unsplash.com/featured/?computers);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 10px solid yellow;
  }

  #parallax-2 hr {
    background: yellow;
  }

  #parallax-3 {
    background: url(https://source.unsplash.com/featured/?city);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 10px solid hotpink;
  }

  #parallax-3 hr {
    background: hotpink;
  }

  .label {
    color: white;
  }

  input {
    background: transparent !important;
    border: 1px solid turquoise !important;
    color: white !important;
  }

  input::placeholder {
    color: white !important;
  }