body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

  .header{
     background: #333;
    padding:15px;
    text-align:center;
}

.logo{
    width:70px;
    height:70px;
}

.site-name{
    display:block;
    color:#FFD700;
    font-size:32px;
    font-weight:800;
    text-shadow:0 0 2px #ffd700;
}
.logo-box{
	text-decoration: none;
}
    nav {
      display: flex;
      justify-content: center;
      background:linear-gradient(135deg,#111827,#1e3a8a);
    }

    nav a {
      color: white;
      padding: 14px 20px;
      text-decoration: none;
    }

    nav a:hover {
      background: #575757;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
    }

    .box {
      flex: 1 1 300px;
      margin: 5px;
      padding: 10px;
      background: #ffffff;
      border: 1px solid #ddd;
	  border-radius: 8px;
    }
	
	
.box h2 {
  margin: 0;
  background-color: #dbeafe;
  text-align:center;
  color: #0f4c81;
  border-radius: 8px;
  padding:10px;
}

.box ul {
  list-style-type: none;
  padding: 0;
}

.box li {
  margin: 8px 0;
}

.box li:nth-child(odd){
    background:#ffffff;
}

.box li:nth-child(even){
    background:#f8fafc;
}

.box a{
    color:#1e3a5f;
    text-decoration:none;
    display:block;
    padding:12px 15px;
    font-weight:500;
}

.box li:hover{
    background:#e8f0fe;
}

.box a:hover{
    color:#0d47a1;
}


    footer {
      background: #333;
      color: white;
      text-align: center;
      padding: 10px;
    }
	
	.privacy-controls a{
		text-decoration: none;
		color: white;
	}
	.privacy-controls2{
		margin: 18px;
	}
	.privacy-controls2 p{
		margin: 8px;
	}
	
     form{
		margin: auto;
		display: block;
		
	}

    /* Mobile view adjustments */
    @media (max-width: 600px) {
      nav {
        flex-direction: column;
      }
      .container {
        flex-direction: column;
      }
    }
	.privacy-controls a:hover{
		color: #e8f0fe;
	}
	
	
	.link-card{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    text-decoration:none;
    color:black;
    border:1px solid #ddd;
    border-radius:10px;
}

.link-card img{
    width:32px;
    height:32px;
}
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px;
    background:#fff;
    border-radius:12px;
    text-decoration:none;
    color:#222;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
}

.item img{
    width:40px;
    height:40px;
}h1{
    text-align:center;
    margin-bottom:20px;
}

.links-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:15px;
	margin: 8px;
}

.link-card{
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    padding:15px;
    border-radius:12px;
    text-decoration:none;
    color:#222;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    transition:.3s;
}

.link-card:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.link-card img{
    width:40px;
    height:40px;
}

.link-info{
    overflow:hidden;
}

.link-title{
    font-weight:bold;
}

.link-url{
    font-size:12px;
    color:#666;
    word-break:break-all;
}

/* header search  css style all code here*/
.search-container{
    max-width:800px;
    margin:20px auto;
    padding:10px;
}

#searchBox{
    width:100%;
    padding:15px;
    font-size:18px;
    border:1px solid #ccc;
    border-radius:8px;
}

#results{
    margin-top:5px;
    background:white;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 6px rgba(0,0,0,.1);
}

.result-item{
    display:block;
    padding:12px;
    text-decoration:none;
    color:#1e3a5f;
    border-bottom:1px solid #eee;
}

.result-item:hover{
    background:#e8f0fe;
}

.ad{
    height:100px;
    margin:20px;
    border:2px dashed #999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1f1f1;
    border-radius:10px;
}


.contact-container{
    width: auto;
    padding:20px;
}

.contact-form{

    max-width:450px;
    margin:auto;

    background:#ffffff;
    padding:30px;

    border-radius:20px;

    box-shadow:
    0 20px 40px rgba(0,0,0,.1);

    display:flex;
    flex-direction:column;
    gap:15px;
}

.contact-form h2{
    text-align:center;
    color:#0f4c81;
    margin-bottom:10px;
}
.contact-form input,
.contact-form textarea{

    width: 95%;

    padding:14px;

    border:2px solid #e5e7eb;

    border-radius:12px;

    font-size:16px;

    outline:none;

    transition:.3s;
	
}

.contact-form input:focus,
.contact-form textarea:focus{

    border-color:#0f4c81;

    box-shadow:
    0 0 10px rgba(15,76,129,.2);

}

.contact-form button{

    background:#0f4c81;

    color:white;

    border:none;

    padding:14px;

    border-radius:12px;

    cursor:pointer;

    font-size:16px;

    font-weight:bold;

    transition:.3s;
}

.contact-form button:hover{

    background:#145da0;

    transform:translateY(-2px);

}

.category{
margin:20px;
}

.category h2{
background:#e8f0fe;
color:#0f4c81;
padding:12px;
border-left:5px solid #0f4c81;
border-radius:5px;
margin-bottom:10px;
}

.grid{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));
gap:12px;
}

.card{
display:flex;
align-items:center;
gap:12px;

background:white;

padding:14px;

text-decoration:none;

color:#222;

border-radius:12px;

box-shadow:
0 2px 8px rgba(0,0,0,.08);
}

.card:hover{
background:#e8f0fe;
}

.card img{
width:40px;
height:40px;
}

.card-name{
font-weight:bold;
}