*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.fa-youtube {
    /* background-color: #bb0000; */
    background: none !important;
}
.fa-twitter{
    /* background-color: #bb0000; */
    background: none !important;
}

  /* Mobile screens par font size thoda chota karne ke liye */
  @media (max-width: 576px) {
    h1 {
      font-size: 1.5rem !important;
    }
    .hero h1 span {
      color: #ffc107;
      font-size:1.5rem !important;
    }
  }


 .hero{
 	font-family: 'Playfair Display', serif;
  font-style: italic;
}
    .hero {
    	 width: 100%;
  background: url('./img/banner-img.jpg') no-repeat center center;
  background-size: cover;
  height: 400px;
  color: white;
  display: flex;
  align-items: center;
    }
    .h1, h1 {
        font-size: 4.5rem;
    }
    .hero h1 span {
      color: #ffc107;
      font-size: 4.5rem;
    }
    .card img {
      height: 150px;
      object-fit: cover;
    }
    .footer {
      background: linear-gradient(to right, #4facfe, #00f2fe);
      color: white;
      padding: 40px 0;
    }
    /* Advertisement */
.ad-box {
  background: #2f3e52;
  color: #fff;
  padding: 12px;
  font-weight: 600;
  border-radius: 6px;
}

/* Newsletter */
.newsletter-box {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
}

.newsletter-box input {
  border-radius: 4px;
  height: 40px;
}

/* Gradient Button */
.subscribe-btn {
  background: linear-gradient(to right, #2a5aa8, #4a7bd0);
  color: #fff;
  border: none;
  height: 40px;
  font-weight: 500;
}

.subscribe-btn:hover {
  opacity: 0.9;
}

/* Popular Posts */
.popular-box {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 6px;
  background: #fff;
}

.popular-item {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.popular-item:last-child {
  border-bottom: none;
}

.popular-item img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 5px;
  margin-right: 10px;
}

.popular-item span {
  font-size: 14px;
}
.custom-footer {
            background: linear-gradient(to bottom, #a1c4fd 0%, #c2e9fb 100%); /* Image jaisa background gradient */
            color: #333;
            padding-top: 50px;
        }
        .footer-bottom {
            background-color: #2c3e50;
            color: white;
            padding: 10px 0;
        }
        .footer-heading {
            font-weight: bold;
            border-bottom: 1px solid #999;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }
        .footer-links {
            list-style: none;
            padding: 0;
        }
        .footer-links li {
            margin-bottom: 8px;
        }
        .footer-links a {
            text-decoration: none;
            color: #333;
        }
        .social-icons a {
            font-size: 24px;
            margin-right: 10px;
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
        }
        /* Specific colors for icons based on image */
        .fa-facebook { background-color: #3b5998; }
        .fa-twitter { background-color: #55acee; }
        .fa-youtube { background-color: #bb0000; }
        .fa-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
        
        .newsletter-card {
            background: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .custom-card {
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #fff;
            overflow: hidden;
            height: 100%;
        }
        
        /* Header styling with gradient-like background */
        .card-header-custom {
            padding: 10px 15px;
            font-weight: bold;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ddd;
        }
        .header-tech { background-color: #eef4ff; color: #1a4a8e; }
        .header-health { background-color: #fff0f3; color: #d63384; }
        .header-travel { background-color: #fff9e6; color: #856404; }

        .card-header-custom i {
            margin-right: 10px;
            font-size: 1.4rem;
        }

        .section-title {
            font-weight: 600;
            padding: 10px 15px;
            margin: 0;
            font-size: 1rem;
        }

        .sub-text {
            padding: 5px 15px;
            font-size: 0.9rem;
            color: #555;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .card-img-custom {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        /* Button Styling */
        .btn-view-more {
            border-radius: 5px;
            padding: 8px 0;
            font-weight: bold;
            color: white;
            border: none;
            width: 80%;
            margin: 15px auto;
            display: block;
        }
        .btn-blue { background-color: #1a4a8e; }
        .btn-orange { background-color: #f38a3a; }
        
        /* Spacing for sections */
        .img-container { padding: 10px; 
        }
        .fa-instagram {
    /* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
    background: none !important;
}