/*
Template Name:Farm House
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/********************* NEWS SECTION *********************/

#news {
  padding-top: 40px;
  padding-bottom: 20px;
}
.center_news {
  /* background-color: black;  */
              /* solid black background */
  /* background-image: url(../img/exclusive.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20%;               /* adjust until it looks perfect */
}

/* Each news item layout */
.news_home_1i {
  display: flex;
  align-items: center;      /* Vertically center image & text */
  gap: 20px;                /* Spacing between image and text */
  margin-bottom: 40px;      /* Space between each item */
  flex-wrap: wrap;          /* Responsive on smaller screens */
  position: relative;
}

/* Image container */
.news_img {
  flex: 0 0 35%;            /* Image takes 35% width */
  text-align: center;       /* Center image if smaller */
}

.news_img img {
  width: 100%;              /* Make image fill container */
  height: auto;
  border-radius: 8px;
  background-color: rgb(7, 7, 7);
}

/* Text container */
.news_text {
  flex: 1;                  /* Take remaining space */
}

.news_text h3 {
  margin-top: 0;
  color: #070707;
  font-weight: 700;
}

.news_text p {
  line-height: 1.6;
  margin-top: 10px;
  color: #333;
}

/* Right-side widgets and lists */
.news_l {
  margin-top: 40px;
}

.news_r1 {
  border: 1px solid #ddd;
  padding: 40px 15px;
  margin-top: 30px;
}

.news_r1 h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.news_r1 .form-control {
  margin-top: 20px;
  font-size: 20px;
  height: 60px;
}

.news_r1 ul {
  list-style: disc;
  margin-left: 15px;
}

.news_r1 ul li {
  margin-top: 5px;
  color: #0c0c0c;
}

.news_r1i {
  margin-top: 20px;
}

.news_r1i img {
  padding: 1px;
}

/* Pagination */
.center_product_1r4r {
  margin-top: 40px;
}

.center_product_1r4r ul li a {
  color: #333;
}

.center_product_1r4r ul li a:hover {
  background: #009a4e;
  color: #fff;
  border-color: #009a4e;
}



/********************* RESPONSIVE DESIGN *********************/

/* Small screens */
@media screen and (max-width: 767px) {
  #news {
    text-align: center;
  }

  .news_home_1i {
    flex-direction: column;
    text-align: center;
  }

  .news_img {
    flex: 0 0 100%;
  }

  .news_img img {
    width: 80%; /* Reduce image size slightly on mobile */
  }

  .news_r1 ul {
    list-style: none;
    margin-left: 0;
  }
}

/* Medium devices */
@media (min-width: 768px) and (max-width: 991px) {
  .news_img {
    flex: 0 0 45%;
  }

  .news_img img {
    width: 100%;
  }

  .news_r1 h3 {
    font-size: 24px;
  }

  .news_r1 .button {
    padding: 15px 20px !important;
  }
}

/* Large devices */
@media (min-width: 992px) and (max-width: 1200px) {
  .news_img {
    flex: 0 0 40%;
  }
}

/* Extra large screens (optional tweaks) */
@media (min-width: 1201px) and (max-width: 1350px) {
  /* Reserved for custom large screen adjustments */
}



@media screen and (max-width : 767px){
#news{
text-align:center; 
 }
.news_home_1ii{
top:0; 
 }
.news_home_1i h6{
width:45%; 
 }
.news_r1 ul {
    list-style: none;
    margin-left:0;
}
}

@media (min-width:768px) and (max-width:991px) {
.news_home_1i img{
min-height:500px; 
 }
.news_home_1i h6{
 width:25%;
 }
.news_r1 h3{
font-size:24px; 
 }
.news_r1 .button{
padding:15px 20px!important;
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.news_home_1i img{
min-height:500px; 
 }
.news_home_1i h6{
 width:25%;
 }
 }
@media (min-width:1201px) and (max-width:1350px) {

 }