body {
      font-family: Arial, sans-serif;
/*       background: #fff; */
      margin: 0;
/*       padding: 20px; */
    }
.see-all{
			font-size: 12px !important;
/*      	text-decoration: none !important; */
			float:left;
margin-bottom: 23px !important;
			color: #383838 !important;
    }

    .container {
/*       background: #22222200; */
      padding: 0px;
/*       border-radius: 12px; */
/*       box-shadow: 0px 2px 10px rgba(0,0,0,0.1); */

      column-count: 5;   /* 👈 Desktop per 3 column */
      column-gap: 70px;  /* columns ke beech gap */
    }

    .menu {
      display: inline-block;  /* column flow enable */
      width: 100%;
      margin: 0 0 8px;
      /*border-left: 4px solid #444;*/
      padding-left: 10px;
      break-inside: avoid; /* 👈 ek menu split na ho columns me */
    }

    .menu h3 {
      margin: 0 0 5px 0;
      font-size: 14px;
			text-align: start;
      color: #222;
			
    }
 .menu h3 a {
      text-decoration: none!important;
			color: #222 !important;
    }
.menu h3 a:hover{
      color: #fcb900  !important;
    }
    .menu ul {
      list-style: none;
      padding: 0;
      margin: 0 !important;
			padding-left:0px !important;
			text-align: start;
    }

    .menu ul li {
      font-size: 12px;
/*       margin: 5px 0; */
			line-height:15px;
      color: #333;
      cursor: pointer;
    }
		.menu ul li a {
			font-size: 12px;
     text-decoration: none !important;
			color: #383838 !important;
    }
	.menu ul li a i{
     font-size: 10px;
    }

    .menu ul li:hover {
      color: #007bff;
    }

    /* ✅ Responsive Design */
    @media (max-width: 1024px) {
      .container {
        column-count: 2; /* Tablet view */
      }
    }

    @media (max-width: 600px) {
      .container {
        column-count: 1; /* Mobile view */
      }
    }