body {
    margin: 0;
    font-family: "Parkinsans";
  }
  
  ul{
    margin: 0;
    padding: 0;
  }
  
  li {
    list-style: none;
    padding: 0;
  }
  
  .hadding {
    border-bottom: 2px solid #000;
    width: max-content;
    line-height: 1.5;
    font-weight: 600;
  }
  
  .clickable-image {
    cursor: pointer;
    max-width: 100%;
    height: auto;
    transition: transform 0.2s ease;
  }
  
  .clickable-image:hover {
    transform: scale(1.02);
  }
  
  .title {
    color: #333;
    margin-bottom: 15px;
    font-size: 24px;
  }
  
  .description {
    color: #666;
    margin-bottom: 20px;
    font-size: 16px;
  }
  
  .click-hint {
    color: #007bff;
    margin-top: 15px;
    font-size: 14px;
    animation: pulse 2s infinite;
  }
  
  .btn-register {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    margin-top: 25px;
    text-decoration: none;
    transition: transform 0.2s ease;
  }
  
  .btn-register:hover {
    background-color: #429dff;
    transform: scale(1.02);
  }
  
  .text-para h3 {
    color: #00de01;
  }
  
  .text-box {
      padding: 100px 0;
    }
  
  
    .d9f6ff {
      background-color: #000;
    }
    
    .footer a{
      text-decoration: none;
      color: #00de01;
      font-weight: 600;
    }
    
    .footer a:hover{
      color: #fff;
    }
  
  @keyframes pulse {
    0% {
      opacity: 1;
    }
  
    50% {
      opacity: 0.6;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @media only screen and (max-width:800px) {
    .text-box {
      padding: 50px 0;
    }
  }