.titlemain{
  font-family: 'Nunito Sans', sans-serif; /* Font family */
font-weight: bold; /* Bold font weight */
font-size: 64px; /* Font size */
line-height: normal; /* Line height set to auto */
letter-spacing: 0; /* Letter spacing set to 0% */
padding: 3rem;
color: #F8F8F8;
}

.mainpart{
  padding: 4rem 8rem;
  background-color: #F2F2F2;
}

@media (max-width: 480px){
  .titlemain {

    font-size: 24px;
    padding: 0rem;
    padding-bottom: 1rem !important;
}
.mainpart{
  padding: 1rem 1rem;
  background-color: #F2F2F2;
}
}
@media (min-width: 769px) and (max-width: 1000px){

  .mainpart{
      padding: 4rem 3rem;
      background-color: #F2F2F2;
   }


}

@media (min-width: 481px) and (max-width: 768px){
  .titlemain {

    font-size: 36px;

}
.mainpart{
  padding: 1rem 3rem;
  background-color: #F2F2F2;
}
}


.sectionnews {
  font-family: 'Merriweather', serif;
  font-weight: bold;

  font-size:3rem;
}

.newstopimg{
  height: 10rem;

  overflow: hidden;
}
.newstopimg img {
  height: 100%; /* Set the image to fill the container's height */
  width: 100%; /* Maintain aspect ratio by adjusting width */
  object-fit: cover; /* Scale image nicely within the container */
}
.newscard{
  height: 25rem;
  overflow: hidden;
  border-radius: 0%;
  border-color: #F5E9E9;
}
.newstitle{
  font-size:1rem;
  font-weight: bold;
}
.newsdetails{
  font-size:0.75rem;
  color: #000000;
  font-weight: 400;
  text-align: justify;
}
.btn-customread {
  padding: 0.5rem 1rem;
  background-color: #A9A9A9;
  color: black;
  font-weight:600;
  font-size: 1.5rem;
  text-decoration: none;
  border-radius: 0%;
  border-left: 0.5rem solid #CBA135;

}
.btn-customread:hover {
  background-color:#CBA135;

}
.date-badge {
  background-color: #CBA135;
  color: #1C1C1C;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 0px;
  position: absolute;
  top: 1rem;
  left: 9rem;
}
.buttonright{
  text-align: right;
}

.news-header{
color: #000000;
padding-bottom: 2rem;
text-align: center;
}
.swiper{

padding: 2rem 0rem;
}
.slider-wrapper{

overflow: hidden;
max-width: 75%;
margin: auto;
margin-bottom: 3rem !important;

}
.card-list .card-item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}



.swiper-button-prev{
padding: 4rem;
padding-left: 0rem !important;
}
.swiper-button-next{
padding: 4rem;
padding-right: 0rem !important;
}
@media screen and (max-width: 480px){
.swiper {
    padding: 1rem 2rem;
}
.section-header {
    font-size: 2rem;

}
.swiper-button-next {
   padding-right: 2rem !important;
}
.swiper-button-prev {
    padding-left: 2rem !important;
}
.titlemain {
  font-size: 24px;
  padding-bottom: 1rem !important;
  padding: 0rem;
}
}
@media screen and (max-width: 400px){
  .date-badge{
    left: 7rem;
  }

}
@media (min-width: 481px) and (max-width: 768px) {
.swiper {

    padding: 2rem 3rem;
}
.swiper-button-next {
    padding-right: 4rem !important;
 }
 .swiper-button-prev {
     padding-left: 4rem !important;
 }
 .titlemain {
  font-size: 36px;

}

}
@media (min-width: 1000px) and (max-width: 1200px){
  .date-badge{
    left: 7rem;
  }

}
@media (min-width: 599px) and (max-width: 769px){
  .swiper-wrapper{
    width: 1%;
  }

}
@media (min-width: 481px) and (max-width: 600px){
  .swiper-wrapper{
    width: 58%;
  }

}
/* Styles for the news card */
.newscard {
  height: auto; /* Automatically adjusts height based on content */
  overflow: hidden; /* Prevents unnecessary overflow */
  border-radius: 0%; /* Rounded corners */
  border: 1px solid #F5E9E9; /* Border color */
}

/* Card content container */
.card-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Spaces out the content evenly */
  align-items: center;
  height: 100%; /* Ensures the card takes full height of the container */
}

/* Card body content */
.news-body {
  flex-grow: 1; /* Allows the body to grow and fill available space */
  padding: 1rem; /* Adds padding for better spacing */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Ensures proper spacing between elements */
}

/* Title styling */
.card-title.newstitle {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem; /* Adds spacing below the title */

}

/* Description styling */
.card-text.newsdetails {
  font-size: 0.75rem;
  color: #000000; /* Text color */
  font-weight: 400;
  text-align: justify; /* Justifies text for neat alignment */
  margin-bottom: 1rem; /* Adds spacing below the description */
}

/* Read More link styling */
.read-more1 {
  align-self: flex-start; /* Aligns "Read more" to the start */
  font-size: 0.75rem;
  color: #007BFF; /* Link color */
  text-decoration: none; /* Removes underline */
  margin-top: auto; /* Pushes it to the bottom of the container */
}

.read-more1:hover {
  text-decoration: underline; /* Adds underline on hover */
}

/* Image styling */
.news-image img {
  object-fit: cover; /* Ensures the image fills the container without distortion */
  width: 100%;
  height: 100%;
}

/* Swiper slide styling */
.swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Ensures no content overflows */
}

/* Optional styling for responsiveness */
@media (max-width: 768px) {
  .newscard {
    width: 100%; /* Makes cards responsive on smaller screens */
  }

  .card-title.newstitle {
    font-size: 0.9rem; /* Adjust font size for smaller screens */
  }

  .card-text.newsdetails {
    font-size: 0.7rem; /* Adjust description font size */
  }

  .read-more1 {
    font-size: 0.7rem; /* Adjust link font size */
  }
}