@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body {
    font-family: 'Poppins' !important;
}

.logo{
  width: 35%;
}
@media (max-width: 767px) { /* Targets screens smaller than 768px (tablets & phones) */
  .logo-flex {
    display: block !important;
  }
  .logo{
    width: 70%;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
      white-space: nowrap; /* Prevents wrapping */
      flex-wrap: nowrap !important; /* Ensures items stay in one line */
      justify-content: space-between; /* Adjusts spacing */
  }
}
.header{
    background-image: url('./blogimages/blogheader.webp');
    background-size: cover; /* Ensure the background covers the section */
background-position: center; /* Center the background */
background-repeat: no-repeat; /* Prevent the image from repeating */
min-height: 100vh; /* Make sure the section spans the full viewport height */
}
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .card-content p{
    font-size: 14px;
  }
  .card-content h5{
    font-size: 18px;
    font-weight: 800;
  }
  .card-time{
    font-weight: 700;
    font-size: 16px !important;
  }
  
  
  .blog-content{
    color: white;
  }
  .blog-content h1{
    font-size: 50px;
    font-weight: 700;
  }
  .blog-content p{
    font-size: 20px;
  }

  /*subscribe*/
  .newsletter-form {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 15px 10px;
    position: relative;
    border: 1px solid #00B000;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    transition: 0.3s;
    border-radius: 50px;
  }
  .newsletter-form:focus-within {
    border-color: #00B000;
  }
  .newsletter-form input[type=email] {
    border: 0;
    padding: 4px;
    width: 100%;
    background-color: color-mix(in srgb, var(--background-color), transparent 50%);
    color:white;
  }
 
  .newsletter-form input[type=submit] {
    width: 55%;
    border: 0;
    font-size: 16px;
    padding: 10px 20px;
    margin: -15px -11px -16px 0;
    background: #00B000;
    color: var(--contrast-color);
    transition: 0.3s;
    border-radius: 50px;
  }
  .newsletter-form input[type=submit]:hover {
    background: #00B000;
  }
  .stories{
    font-size: 23px !important;
    font-weight:900;
  }
  .blogposts{
    font-size: 16px !important;
  }
.blog-deepseek{
  text-decoration: none;
}





/*blog*/
.para1{
font-size: 18px;
font-weight: 600;
padding-top: 2%;
padding-left: 4%;
} 
.para2{
font-size: 14px;
}
.filter{
    border: 1px solid gray;
    padding: 5px;
    margin: 10px;
    background-color: white;
    font-weight: 500;
    border-radius: 3px;
    font-size: 14px;
    min-width: 8%;
}
.filter:hover{
    background-color: black;
    color: white;
}
.feature{
    font-size: 20px;
    font-weight: 600;
}
.trends-feature{
  font-size: 14px;
}
.author{
    font-size: 14px !important;
    font-weight: 600;
}
.btn-success1{
    background-color: #00B000;
    border: #00B000;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;
}
.btn-success{
    background-color:#AAF6AA;
    border: #00B000;
    border-radius: 5px;
    color: #00B000;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;

}
.featured-posts{
    background-color: #EEF9F7;
    padding: 5%;
}
.featured-posts .card {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensures all cards have equal height */
}

.featured-posts .card img {
  height: 200px; /* Adjust height as needed */
  object-fit: cover; /* Ensures the image fills the space without distortion */
  width: 100%;
}

.featured-posts .card .feature,
.featured-posts .card .trends-feature {
  flex-grow: 1; /* Allows the content to fill available space */
}

.featured-posts .card .d-flex.align-items-center.justify-content-between {
  margin-top: auto; /* Pushes author and button section to the bottom */
}

.blogtabs{
    padding-top: 5%;
    background-color: #EEF9F7;
}

.shorting-menu input::placeholder{
    font-size: 14px;

}


.shorting-menu input{
    margin-top: 7px;
}

.d-flex .icon-bg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent; /* Default border is transparent */
  border-radius: 50%; /* Makes it a perfect circle */
  width: 100%;
  height: 5vh;
}

.d-flex .icon-bg:hover {
  background-color: black; /* Black background on hover */
  color: white; /* White icons on hover */
  border-color: white; /* Circle border color changes to white */
}
.blog-cards img{
  border-radius: 10px;
}
.blog-cards {
  height: 400px; /* Set the desired uniform height for all cards */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-cards img {
  max-height: 282px; /* Set a maximum height for images to maintain proportion */
  object-fit: cover;
  width: 100%;
}

.blogpara {
  flex-grow: 1; /* Ensures the paragraph section adjusts to fill available space */
  overflow: hidden; /* Prevents content from overflowing */
}

.blog-cards button {
  align-self: flex-start; /* Ensures buttons align consistently */
}

.card {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional for better visuals */
  border-radius: 8px; /* Optional: Rounded corners */
}