@import url("https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Hind&family=Mukta&family=Nosifer&family=Noto+Sans&family=Poppins:wght@300;400&family=Roboto:wght@300&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Mukta;
}
.p{
  text-align: justify;
}

.section0102{
  width:450px;
  height:680px; 
  object-fit:cover;
}

.bar {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  flex-direction: column;
}
.logo img {
  cursor: pointer;
}
.show-bar {
  visibility: visible;
  transition: 1s linear;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.fix {
  position: fixed;
  top: 48px; /* Adjust this value to set the desired padding from the top */
  z-index: 999;
  /* Add any other styles you want for the sticky element */
}
.nav-link .active {
  color: blue; /* Change this to the desired blue color */
}
.tajaupdate {
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);

  /* top: -500px; */
}
.trend {
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);
  /* top: -500px; */
}
/* .slid {
  transform: translateY(500px);
  transition: 1s linear;
} */


.annaypage {
  display: none !important;
  -webkit-display: none !important;
}
.annay:hover .annaypage {
  display: flex !important;
  -webkit-display: block !important;
}
.tajaupdate.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Adjust as needed */
}
.trend.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Adjust as needed */
}


@media (max-width: 769px) {
  .bar {
    width: 70%;
  }
  .section0101 >img{
    width:100%;
    height:200px;
    overflow: hidden;
  }

  .section0102{
    width:100%;
    height:230px;
    
  }
  .section0102-txt{
    font-size: 15px;
  }
  .navbar .menu {
    display: none;
  }
  .navbar .dash {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .fa-bars {
    font-size: 30px !important;
  }
  .fa-user {
    font-size: 30px !important;
  }
  .logo p {
    display: none;
  }
  .logo img {
    margin: auto;
  }
  /* .menuitems {
    display: none !important;
  } */
  .desc {
    display: none !important;
  }
  .addbanner {
    display: none;
  }
  .thirdimg img {
    width: 375px !important;
    margin: auto;
  }
  .samacharcontent .cont {
    justify-content: center !important;
  }
  .padd {
    padding: 20px !important;
    text-align: justify;
  }
  .hello {
    justify-content: center !important;
    width: 100%;
  }
  .banners img {
    width: 375px !important;
    height: 180px;
  }
  .tranding {
    flex-wrap: wrap !important;
  }
  .infosection {
    flex-direction: column !important;
    align-items: start !important;
    gap: 5px !important;
  }
  .firstimg {
    height: 300px !important;
  }
  .ban {
    width: 370px !important;
  }
  .card {
    width: 21rem !important;
  }
  .card img {
    width: 21rem !important;
  }
  .grid {
    justify-content: center !important;
  }
  .logo {
    margin: auto;
  }
  .tajaupdate {
    transform: translateY(-5000px);
  }
  .trend {
    transform: translateY(-5000px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .navbar .menu {
    display: none;
  }
  .navbar .dash {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .logo p {
    display: none;
  }
  .logo img {
    margin: auto;
  }
  .search {
    margin-top: 10px;
  }
}