.useful-links-box {
      width: 360px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-family: Arial, sans-serif;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .useful-links-box .header {
      background-color: #004b87;
      color: white;
      padding: 10px 15px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      font-weight: bold;
      font-size: 16px;
    }

    .useful-links-box ul {
      list-style: none;
      margin: 0;
      padding: 10px 18px;
    }

    .useful-links-box ul li {
      margin: 10px 0;
      font-size: 14px;
      color: #333;
      position: relative;
      padding-left: 20px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .useful-links-box ul li::before {
      content: '›'; /* arrow */
      position: absolute;
      left: 0;
      top: 0;
      transition: transform 0.3s ease;
      color: #555;
    }

    .useful-links-box ul li:hover::before {
      transform: translateX(4px);
      color: #004b87;
    }

    .useful-links-box ul li a {
      color: #333;
      text-decoration: none;
      transition: color 0.3s;
    }

    .useful-links-box ul li a:hover {
      color: #004b87;
    }