
      .hero-section{
    margin-top: 80px;
  }
  @media (max-width: 768px) and (min-width: 500px) {
  .hero-section {
    margin-top: 100px;
  }
}
@media (max-width: 500px) and (min-width: 0px) {
  .hero-section {
    margin-top: 120px;
  }
}

  @keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
  }
  @keyframes float-rev {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(15px); }
  }

    
    .text-gradient {
      background: linear-gradient(90deg, #015c8b, #66c6ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .btn-gradient {
      background: linear-gradient(to right, #0077c2, #00aaff);
      color: white;
      font-weight: 600;
      border: none;
      transition: all 0.3s ease;
      padding: 12px 18px;
    }

    .btn-gradient:hover {
      opacity: 0.95;
      transform: scale(1.02);
      box-shadow: 0 0 0 4px rgba(0, 119, 194, 0.1);
    }

    .glass-card {
      background: rgba(255, 255, 255, 0.97);
      backdrop-filter: blur(6px);
      border-radius: 20px;
      padding: 35px;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    }

    .result-box {
      background-color: #e1e1e1;
      border-radius: 20px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
      color: #fff;
      padding: 40px;
    }

    .result-box h2 {
      font-size: 3rem;
    }

    

    .glowing-label {
      font-weight: 600;
      font-size: 1rem;
      color: #003366;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      display: block;
      margin-bottom: 6px;
    }

    .custom-range {
      -webkit-appearance: none;
      width: 100%;
      height: 6px;
      background: linear-gradient(90deg, #0077c2, #66ccff);
      border-radius: 3px;
      outline: none;
      margin-top: 5px;
      padding: 8px;
    }

    .custom-range::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
    .custom-range::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 25px;
      width: 25px;
      background: white;
      border: 3px solid #0077c2;
      border-radius: 50%;
      cursor: pointer;
    }
 