/* Home page all section */
.top-carousel-section {
  margin-top: -30px;
}

.top-carousel-section-border {
  border: 1px solid rgb(6, 167, 6);
}

.carousel-container .testimonial-image-wrapper {
  width: 100%;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: #fff;
  overflow: hidden;
}

.carousel-container .testimonial-slider-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s ease;
}

@media (max-width: 767.98px) {
  .carousel-container .testimonial-image-wrapper {
    height: 220px;
  }
}







/*** Single Page Hero Header Start ***/

@media (min-width: 992px) {
  .bg-breadcrumb {
    padding: 140px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .bg-breadcrumb {
    padding: 60px 0 60px 0;
  }
}

.bg-breadcrumb .breadcrumb {
  position: relative;
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
  color: var(--bs-white);
}


/* about our ofganization */
.organization-top-margin {
  margin-top: 75px;
}

.about-organization-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.about-organization-custom-gap>div {
  margin-right: 335px;
}

.about-organization-custom-gap>div:last-child {
  margin-right: 0;
}

/* .custom-letter-spacing {
  letter-spacing: 5px;
} */

@media (max-width: 768px) {
  .about-org-content {
    margin-top: 20px;
  }

  .about-org-content-h2 {
    margin-left: 0 !important;
    font-size: 23px;
  }
}

@media (max-width: 500px) {
  .about-org-content-h3 {
    margin-left: 0 !important;
    margin-top: 10px !important;
    font-size: 20px;
  }
}

/* contact us */
.employee-card-wrapper {
  position: relative;
  text-align: center;
  /* Add margin for the image that "pops out" on top */
  margin-top: 70px;
  margin-bottom: 2rem;
}

/* This is the green card itself */
.employee-card {
  background-color: #04A652;
  position: relative;
  width: 100%; /* KEY FIX: Let the card fill its Bootstrap column */
  border-radius: 0.5rem; /* Matches Bootstrap's .rounded-3 */

  /* Add padding:
    - 80px top padding to push content below the profile image
    - 1rem on the sides
    - 1.5rem on the bottom
  */
  padding: 80px 1rem 1.5rem 1rem;

  /* Set a min-height so cards in a row are the same height */
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* This is the container for the round profile image */
.employee-card-image {
  position: absolute;
  top: 0; /* Position at the top edge of the green card */
  left: 50%;
  /* Translate it -50% X and -50% Y.
    This centers it horizontally and pulls it up
    so it's half-in, half-out of the green card.
  */
  transform: translate(-50%, -50%);

  /* Set a fixed, responsive-friendly size for the image */
  width: 120px;
  height: 120px;
}

/* The <img> tag itself */
.employee-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%; /* Makes it a circle */
  border: 5px solid white;
}

/* The text content inside the card */
.employee-card-body h6 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
}

.employee-card-body h5 {
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  margin-bottom: 1rem;
}

.employee-card-body p {
  font-size: 0.875rem;
  color: #fff !important;
  margin-bottom: 0;

  /* Optional: Truncate text to a few lines to keep cards even */
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Show 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .employee-card-wrapper {
        margin-top: 50px;
    }
}






/* board of directory */
.boardofdirectory-margin-top {
  margin-top: 70px;
}

.about-boardofdirectory-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.about-boardofdirectory-custom-gap>div {
  margin-right: 350px;
}

.about-boardofdirectory-custom-gap>div:last-child {
  margin-right: 0;
}



.aboutus-image-container {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.aboutus-image-container img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5px solid #fff;
  object-fit: cover;
}

/* Text section inside card */
.text-content-sec {
  text-align: center;
  padding: 0 10px;
}

.text-content-sec h6 {
  font-weight: 700;
  font-size: 16px;
}

.text-content-sec h5 {
  font-weight: 600 !important;
  line-height: 1.4 !important;
  min-height: 2.8em !important; /* ensures 2-line space even if text is short */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.text-content-sec p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
}
.board-dicrescotry-sm-text {
  background-color: #04A652;
  width: 100%;
  max-width: 380px;
  height: 400px; /* fixed consistent height */
  position: relative !important;
  transition: all 0.3s ease;
  border-radius: 30px !important;
  margin: 90px auto 50px; /* spacing for image overlap */
  padding: 90px 20px 20px; /* space for image at top */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* keeps button at bottom */
  align-items: center;
}

/* Profile image placement */
.aboutus-image-container {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.aboutus-image-container img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5px solid #fff;
  object-fit: cover;
}

/* Text Section */
.text-content-sec1 {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.text-content-sec1 h6 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}

.text-content-sec1 h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  min-height: 2.8em; /* ensures consistent 2-line designation area */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.text-content-sec1 p {
  line-height: 1.5;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  flex-grow: 1; /* fills available space, pushes button to bottom */
  overflow: hidden;
}

/* Read more button stays bottom */
.text-content-sec1 .py-3 {
  margin-top: auto;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
  .board-dicrescotry-sm-text {
    max-width: 320px;
    height: 500px;
    padding-top: 80px;
  }
  .aboutus-image-container img {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 991px) {
  .board-dicrescotry-sm-text {
    max-width: 280px;
    height: 500px;
    padding-top: 70px;
  }
  .aboutus-image-container img {
    width: 110px;
    height: 110px;
  }
}

@media (max-width: 767px) {
  .board-dicrescotry-sm-text {
    max-width: 90%;
    height: 420px;
    margin: 80px auto 40px;
    padding-top: 80px;
  }
}

@media (max-width: 480px) {
  .board-dicrescotry-sm-text {
    max-width: 100%;
    height: 500px;
    padding-top: 80px;
    margin: 70px auto 30px;
  }
  .aboutus-image-container img {
    width: 100px;
    height: 100px;
  }
}

.text-content-yo {
  padding-top: 80px;
  /* Space below the image */
  text-align: center;
  padding-top: 6rem !important;
}

.second-row-boardofdirectory {
  margin-top: 130px;
}

.first-row-boardofdirectory {
  margin-top: 130px !important;
}

.red-bg-boardofdirectory {
  margin-top: 30px;
  background-color: rgb(177, 11, 11);
  border-radius: 40px;
  width: auto;
  height: 497px;
  margin-bottom: -50px;

}

.combined-row-boardofdirectory {
  background-color: white;
  padding-bottom: 40px;
  border-radius: 40px;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: -450px;
}

.contact-row-boardofdirectory {
  padding-top: 20px;
  background-color: white;
  padding-bottom: 40px;
  border-radius: 40px;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: -450px;
}
/* .total-boarddirectory-content{
  z-index: 1;
  position: relative;
} */




/* our mission and vission */
.mission-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.mission-custom-gap>div {
  margin-right: 355px;
}

.mission-custom-gap>div:last-child {
  margin-right: -45px;
}

.mission-bg-color {
  background-color: #E6F6EE;
  padding: 40px;
  padding: 40px;
}


.our-mission-bg {
  background: url('/img/mission-background1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: auto;
  height: 460px;
  display: flex;
  /* Enables Flexbox for the section */
  flex-direction: column;
  /* Stacks child elements vertically */
  justify-content: center;
  /* Centers content vertically */
  align-items: center;
  /* Centers content horizontally */
  text-align: center;
  /* Ensures text alignment */
}

.vission-custom-gap {
  margin-bottom: -30px;
}

.vission-custom-gap>div {
  margin-right: 190px;
}

.vission-custom-gap>div:last-child {
  margin-right: 0;
}

.our-mission-bg {
  background: url('/web/img/mission-background 1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: auto;
  height: 460px;
  display: flex;
  /* Enables Flexbox for the section */
  flex-direction: column;
  /* Stacks child elements vertically */
  justify-content: center;
  /* Centers content vertically */
  align-items: center;
  /* Centers content horizontally */
  text-align: center;
  /* Ensures text alignment */
  padding: 20px;
  /* Adds some inner spacing */
}

.vission-custom-gap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  /* Adds a consistent gap between items */
}

.vission-custom-gap>div img {
  max-width: 80px;
  /* Ensure images resize on smaller screens */
  height: auto;
}

.row-cols-md-5 {
  row-gap: 20px;
  /* Adds vertical spacing for rows */
}


/* Media Query: Small Devices (Below 768px) */
@media (max-width: 767px) {
  .our-mission-bg {
    height: auto;
    /* Let the content define height */
    padding: 30px 10px;
    /* Reduce padding for smaller screens */
  }

  .vission-custom-gap>div img {
    max-width: 60px;
    /* Reduce image size */
  }

  h2.text-center {
    font-size: 24px;
    /* Smaller heading size */
  }

  .card-title {
    font-size: 16px;
    /* Adjusts font size for card titles */
  }

  .card-text {
    font-size: 14px;
    /* Adjusts font size for card text */
  }

  .row-cols-md-5 {
    display: flex;
    flex-wrap: wrap;
    /* Wrap cards to the next line */
    justify-content: center;
    /* Center cards on smaller screens */
    gap: 15px;
  }

  .row-cols-md-5>.col {
    flex: 1 0 100%;
    /* Makes cards full-width */
    max-width: 300px;
    /* Optional: Limit card width */
  }
}


/* Media Query: Extra Small Devices (Below 576px) */
@media (max-width: 576px) {
  .row-cols-md-5>.col {
    max-width: 100%;
    /* Cards occupy full width */
  }

  h2.text-center {
    font-size: 20px;
  }

  .card-text {
    font-size: 12px;
  }

  .vission-custom-gap {
    gap: 10px;
  }
}




/* about us history section start */
.about-history-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.about-history-custom-gap>div {
  margin-right: 300px;
}

.about-history-custom-gap>div:last-child {
  margin-right: 0;
}

/* our sister concern */
.sister-concern-bg {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 40px;
  display: flex;
  /* Enables Flexbox */
  justify-content: center;
  /* Centers image horizontally */
  align-items: center;
  /* Centers image vertically */
  height: 589px;
  /* Ensures the container has consistent height */
}

.about-history-sister-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.about-history-sister-custom-gap>div {
  margin-right: 350px;
}

.about-history-sister-custom-gap>div:last-child {
  margin-right: 0;
}

.bredcrumb-bottom-img-div {
  width: 100%;
  position: absolute;
  z-index: 99;
  bottom: -15px;
}
@media (max-width: 768px) {
    .bredcrumb-bottom-img-div {
        width: 100%;
      position: absolute;
      z-index: 99;
      bottom: -3px;
    }
    .bredcrumb-bg-image{
        height: 250px !important;
    }
    .bredcrumb-bg-img-text{
        margin-top: -100px;
    }
}





/* crops details page all section */

/* top image section */
.bg-breadcrumb-cropsdetails {
  position: relative;
  overflow: hidden;
  background: url('/web//img/Group 50.png');
  width: auto;
  height: 637px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 60px 0;
  transition: 0.5s;
}

@media (min-width: 992px) {
  .bg-breadcrumb-cropsdetails {
    padding: 140px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .bg-breadcrumb-cropsdetails {
    padding: 60px 0 60px 0;
  }
}

.bg-breadcrumb-cropsdetails .breadcrumb {
  position: relative;
}

.bg-breadcrumb-cropsdetails .breadcrumb .breadcrumb-item a {
  color: var(--bs-white);
}

/* pumpkins seed */
.pumpkins-seed-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.pumpkins-seed-custom-gap>div {
  margin-right: 270px;
}

.pumpkins-seed-custom-gap>div:last-child {
  margin-right: 0;
}

.pumpkins-text-section {
  background-color: #E6F6EE;
  border-radius: 15px;
}

.benefits-pumpkins-seed-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.benefits-pumpkins-seed-custom-gap>div {
  margin-right: 460px;
}

.benefits-pumpkins-seed-custom-gap>div:last-child {
  margin-right: 0;
}

.varities-pumpkins-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.varities-pumpkins-custom-gap>div {
  margin-right: 520px;
}

.varities-pumpkins-custom-gap>div:last-child {
  margin-right: 0;
}

/* Varieties Of pumpkins seed */
.pumpkins-sm-row-content {
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pumpkins-table {
  border-collapse: collapse;
  width: 100%;
}

.pumpkins-table td, th {
  text-align: left;
  padding: 8px;
}

.pumpkins-table tr:nth-child(odd) {
  background-color: #E6F6EE;
}

/* Frequently Asked Questions */
.faq-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.faq-custom-gap>div {
  margin-right: 430px;
}

.faq-custom-gap>div:last-child {
  margin-right: 0;
}

.faq-bg {
  background-color: #E6F6EE;
}

@media (max-width: 768px) {
  .full-faq-img {
    justify-content: center !important;
  }


}

/* ohter crops */
.other-crops-cropsdetails-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.other-crops-cropsdetails-custom-gap>div {
  margin-right: 210px;
}

.other-crops-cropsdetails-custom-gap>div:last-child {
  margin-right: 0;
}




/* Research And Development */

/* top image section */
/* .bg-breadcrumb-rd {
  position: relative;
  overflow: hidden;
  background: url('/web//img/Group 51.png');
  width: auto;
  height: 637px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 60px 0;
  transition: 0.5s;
} */

@media (min-width: 992px) {
  .bg-breadcrumb-rd {
    padding: 140px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .bg-breadcrumb-rd {
    padding: 60px 0 60px 0;
  }
}

.bg-breadcrumb-rd .breadcrumb {
  position: relative;
}

.bg-breadcrumb-rd .breadcrumb .breadcrumb-item a {
  color: var(--bs-white);
}

/* R & D AT LAL TEER SEED LIMITED, BASHON, GAZIPUR */
.rd-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.rd-custom-gap>div {
  margin-right: 690px;
}

.rd-custom-gap>div:last-child {
  margin-right: 0;
}

/* ESTABLISMENT OF R&D FARM AT MODHUPUR, TANGAIL */
.rd-establisment-custom-gap {
  display: flex;
  margin-bottom: -45px;
}

.rd-establisment-custom-gap>div {
  margin-right: 605px;
}

.rd-establisment-custom-gap>div:last-child {
  margin-right: 0;
}

/* ESTABLISHMENT OF SALINE R&D CENTER AT RAMPAL, BAGERHAT */
.rd-bagerhat-custom-gap {
  display: flex;
  margin-bottom: -45px;
}

.rd-bagerhat-custom-gap>div {
  margin-right: 710px;
}

.rd-bagerhat-custom-gap>div:last-child {
  margin-right: 0;
}






/* Research And Development details page*/

/* Research & Development Area */
.rd-research-img {
  transition: transform 0.4s ease;
}

.rd-research-img:hover {
  transform: scale(1.05);
}

/* Make both columns same height */
.row.align-items-center {
  align-items: stretch !important;
}

.rd-details-research-textcontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rd-details-research-textcontent h2 {
  font-size: 28px;
  font-weight: 700;
}

.rd-details-research-textcontent p {
  line-height: 1.8;
  font-size: 20px;
}

@media (max-width: 992px) {
  .row.align-items-center {
    align-items: flex-start !important;
  }

  .rd-details-research-textcontent {
    margin-top: 40px;
    text-align: center;
  }

  .rd-details-research-textcontent h2 {
    font-size: 24px;
  }

  .rd-details-research-textcontent p {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .rd-details-research-textcontent {
    padding: 0 15px;
  }

  .rd-details-research-textcontent h2 {
    font-size: 22px;
  }
}





/* Farmer`s Success Story */
/* 🌾 Farmer Story Styles */
.farmer-story {
  background-color: #f9f9f9;
  overflow: hidden;
}

.farmer-images-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  grid-gap: 15px;
  padding: 15px;
}

.farmer-image-item img {
  width: 100%;
  height: 230px;
  aspect-ratio: 4 / 3; /* keeps shape proportional */
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.farmer-image-item img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.farmer-text {
  padding: 25px;
}

.farmer-heading {
  position: relative;
}

.farmer-title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4;
}

.farmer-description {
  color: #000000;
  font-size: 1rem;
  text-align: justify;
  line-height: 1.8;
}

.small-icon {
  width: 40px;
  height: auto;
}

/* 🌱 Second Section */
.farmer-success h2 {
  color: #04A652;
  font-weight: 700;
  font-size: 1.75rem;
}

.farmer-success p {
  color: #333;
  line-height: 1.8;
  text-align: justify;
}

.farmer-main-img {
  border-radius: 30px;
  max-width: 90%;
  height: auto;
  transition: transform 0.3s ease;
}

.farmer-main-img:hover {
  transform: scale(1.03);
}

/* 📱 Responsive */
@media (max-width: 991px) {
  .farmer-story, .farmer-success {
    text-align: center;
  }

  .farmer-images-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  .farmer-description {
    font-size: 0.95rem;
  }

  .farmer-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 576px) {
  .farmer-images-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .farmer-main-img {
    border-radius: 20px;
  }
}


/* success story */
.success-story-rounded-pill-end {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
  margin-left: 12px;
  width: 600px;
}

@media (max-width: 1400px) {
  .success-story-rounded-pill-end {
    margin-left: 12px;
    width: 520px;
  }
}

@media (max-width: 1199px) {
  .success-story-rounded-pill-end {
    margin-left: 12px;
    width: 480px;
  }
}

@media (max-width: 991px) {
  .success-story-rounded-pill-end {
    margin-left: 12px;
    width: 400px;
  }
}





/* farmer`s success Story details */
.farmers-details-custom-gap {
  display: flex;
  margin-bottom: -30px;
}

.farmers-details-custom-gap>div {
  margin-right: 412px;
}

.farmers-details-custom-gap>div:last-child {
  margin-right: 0;
}

@media (max-width: 500px) {
  .farmers-second-part-sec {
    align-items: start;
  }
}


/* 🌍 Project Overview */
.project-story {
  background-color: #f9f9f9;
}

.project-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  justify-items: center;
  padding: 15px;
}

.project-image-item {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 4/3;
  border-radius: 20px;
  overflow: hidden;
}

.project-image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-image-item img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.project-text {
  padding: 25px;
}

.project-title {
  font-weight: 700;
  font-size: 1.9rem;
}

.project-description {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
  text-align: justify;
}

/* 🎯 Aims */
.project-aims h2 {
  font-size: 1.8rem;
  font-weight: 700;
}

.project-aims p {
  color: #444;
  line-height: 1.8;
  text-align: justify;
}

.project-aim-img {
  padding-top: 5%;
  border-radius: 30px;
  max-width: 90%;
  transition: transform 0.3s ease;
}

.project-aim-img:hover {
  transform: scale(1.03);
}

.project-aim-title-box {
  background-color: #206A22;
  padding: 10px 20px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 20px;
}

.project-objectives {
  padding-left: 20px;
  color: #333;
}

.project-objectives li {
  margin-bottom: 6px;
  list-style-type: disc;
}

/* 🤝 Extra Sections */
.project-extra {
  border-top: 2px solid #e8e8e8;
}

.project-block {
  padding: 15px 0;
}

.border-left-title {
  border-left: 4px solid #04A652;
  padding-left: 10px;
}

/* 📱 Responsive */
@media (max-width: 991px) {
  .project-story, .project-aims, .project-extra {
    text-align: center;
  }

  .project-title {
    font-size: 1.5rem;
  }

  .project-images-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

@media (max-width: 576px) {
  .project-image-item {
    max-width: 100%;
  }

  .project-aim-img {
    border-radius: 20px;
  }
}

/* Objective Cards - Full Width, One per line */
.objective-line-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: #f0fff5;
    border-left: 5px solid #04a652;
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.objective-line-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.objective-icon {
    color: #04a652;
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.objective-line-card p {
    margin: 0;
    color: #333;
    line-height: 1.6;
    font-size: 1rem;
}



/* galley */
/* Hover Content Styling */
.gallery-hover-content {
  opacity: 0;
  /* Initially hidden */
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  /* Smooth opacity and color transition */
  top: 0;
  /* Ensures it covers the image */
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: transparent;
  /* Initially hide text color */
}

/* Show hover content on hover */
.card-gallery-hover-content:hover .gallery-hover-content {
  opacity: 1;
  /* Shows content */
  color: white !important;
  /* Text color becomes white */
}

/* Hide bottom text on hover */
.card-gallery-hover-content:hover .gallry-bottom-text {
  visibility: hidden;
  /* Hide without disrupting layout */
  opacity: 0;
  /* Smooth fade-out effect */
  transition: opacity 0.3s ease-in-out;
}

/* Bottom text visibility and transition */
.gallry-bottom-text {
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  /* Smooth color transition */
  color: #333;
  /* Default color */
}

/* Change color of bottom text when hovering the entire card */
.card-gallery-hover-content:hover .gallry-bottom-text {
  color: white;
  /* Change to white when hovering */
}

/* Card image hover effect */
.card-gallery-image {
  transition: transform 0.3s ease;
}

.card-gallery-hover-content:hover .card-gallery-image {
  transform: scale(1.1);
  /* Slight zoom effect */
}

/* Ensure proper spacing and scaling for smaller screens */
@media (max-width: 768px) {
  .card-gallery-hover-content {
    padding: 10px;
  }
}









/* project details page */
.project-aims-text {
  position: absolute;
  /* Changed from absolute for proper flow */
  z-index: 1;
  margin-top: 0;
  padding: 20px;
  /* Add padding for better spacing */
}

.project-aims-call {
  background-color: #04A65278;
  /* Semi-transparent green background */
  border-radius: 8px;
  /* Optional: Rounded corners */
  padding: 20px;
  /* Add padding around the content */
  text-align: center;
  /* Center align the content inside */
}

.project-aims-call-img {
  display: block;
  /* Ensures it behaves like a block element */
  margin: 0 auto;
  /* Centers the image horizontally */
  max-width: 100px;
  /* Adjust the image size as needed */
  height: auto;
  /* Maintain aspect ratio */
  margin-bottom: 15px;
  /* Add space between the image and text */
}

.project-aims-call-text {
  margin: 0;
  /* Remove unnecessary margin */
}

.project-aims-call-text span {
  color: white;
  /* Makes text stand out */
  text-align: center;
  /* Center align the text */
  font-size: 14px;
  /* Adjust font size as needed */
  display: block;
  /* Ensure each span is on a new line */
  margin-bottom: 5px;
  /* Space between lines */
}

@media (max-width: 1400px) {
  .project-aims-text-title {
    margin-bottom: 210px !important;
    width: 90%;
  }

  .project-aims-call {
    margin-left: 25px;
    margin-right: -70px;
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .project-aims-text-title {
    margin-bottom: 210px !important;
    width: 80%;
  }

  .project-aims-text {
    padding: 10px;
    /* Reduce padding on smaller screens */
  }

  .project-aims-call {
    padding: 15px;
    width: 80%;
    margin-left: 36px;
  }

  .project-aims-call-img {
    max-width: 80px;
    /* Reduce image size */
  }

  .project-aims-call-text span {
    font-size: 14px;
    /* Smaller font size */
  }
}

@media (max-width: 576px) {
  .project-aims-call {
    text-align: center;
    /* Ensure content stays centered */
  }

  .project-aims-call-img {
    max-width: 70px;
    /* Further reduce image size */
  }

  .project-aims-call-text span {
    font-size: 12px;
    /* Smaller font size for extra small screens */
  }
}





/* OUR Catalogue */
.custom-gap-catalogue {
  display: flex;
  margin-bottom: -30px;
}

.custom-gap-catalogue>div {
  margin-right: 215px;
}

.custom-gap-catalogue>div:last-child {
  margin-right: 0;
}






.bg-breadcrumb-newsletter {
  position: relative;
  overflow: hidden;
  background: url('/web//img/newletter1.png');
  width: auto;
  height: 637px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 60px 0;
  transition: 0.5s;
}

@media (min-width: 992px) {
  .bg-breadcrumb-newsletter {
    padding: 140px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .bg-breadcrumb-newsletter {
    padding: 60px 0 60px 0;
  }
}

.bg-breadcrumb-newsletter .breadcrumb {
  position: relative;
}

.bg-breadcrumb-newsletter .breadcrumb .breadcrumb-item a {
  color: var(--bs-white);
}

@media (max-width: 500px) {
  .newsletter-responsive-links-flex {
    flex-direction: column;
    gap: 15px;
  }
}




/* newsletter */
.news-hover-card-bg {
  background-color: #054915;
}

.news-hover-date-margin {
  position: relative;
  margin-top: -20px;
  z-index: 2;
}

.news-hover-date-bg {
  padding: 5px 10px;
  background-color: rgb(12, 170, 12);
  border-radius: 5px;
  margin-top: -30px;
  font-size: 14px;
  position: relative;
  display: inline-block;
}

.news-read-bg-success {
  background-color: green;
}

.news-hover-card-bg {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.custom-hover-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: transparent;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-hover-button:hover {
  background-color: green;
  color: white;
  text-decoration: none;
}


.card {
  overflow: hidden;
  position: relative;
}

.news-hover-content {
  background-color: rgb(11, 80, 11);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  border-radius: 40px;
}

.card:hover .news-hover-content {
  opacity: 1;
}

.news-hover-date-bg {
  background-color: green;
  padding: 10px;
  border-radius: 5px;
}

.newsletter-bg-success-hover:hover {
  background-color: #28a745;
  padding: 10px;
  border-radius: 20px;
  color: white;
}






/* contact us page */
.custom-gap-contact-us {
  display: flex;
  margin-bottom: -30px;
}

.custom-gap-contact-us>div {
  margin-right: 350px;
}

.custom-gap-contact-us>div:last-child {
  margin-right: 0;
}


@media (max-width: 500px) {
  .contact-us-h1-title {
    font-size: 50px !important;
  }

  .contact-us-send-msg-button {
    align-items: center !important;
  }
  .chairman-img-img{
        width: 250px !important;
    }
    .home-chariman-message-full-section{
        padding-right: 0rem !important;
    }
    .about-text-section{
        padding-right: 0rem !important;
    }
    .rd-details-research-textcontent{
        padding-right: 0rem !important;
    }
}

.dropdown__grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding: 10px;
  min-width: 600px;
  left: -160px;
}





/*new css*/
.chairman-img-img{
    width: 400px;
}

.home-chariman-message-full-section{
    padding-right: 3rem;
}

.about-text-section{
    padding-right: 2rem;
}

.rd-details-research-textcontent{
    padding-right: 2rem;
}

.m-Leaves-responsiveness-rd{
    width: 70%;
}

.m-Leaves-responsiveness-farmerdetails{
    width: 80%;
}

.m-Leaves-responsiveness-aboutus{
    width:50%;
}

.m-Leaves-responsiveness-abouthistory{
    width: 55%;
}
.m-Leaves-responsiveness-aboutcompany-home{
    width:45%;
}
.m-Leaves-responsiveness-chairmanmsg-home{
    width:40%;
}



@media (max-width: 500px) {
    .m-Leaves-responsiveness-chairmanmsg-home{
        width:100%;
    }
    .m-Leaves-responsiveness-aboutcompany-home{
        width:100%;
    }
  .m-Leaves-responsiveness-rd{
        width: 100%;
    }
    .m-Leaves-responsiveness-farmerdetails{
        width: 100%;
    }
    .home-crops-card-desc{
        min-height: 36px;
    }
    .m-Leaves-responsiveness-aboutus{
        width:100%;
    }
    .m-title-responsiveness-aboutus{
        font-size: 19px !important;
    }
    .combined-row-boardofdirectory {
        padding-top: 20px;
    }
    .m-Leaves-responsiveness-abouthistory{
        width: 100%;
    }
    .m-title-responsiveness-sisterconcern{
        font-size: 19px;
    }
    .pcss3t>ul>li {
        padding: 462px 0px 0px;
    }
    .combined-row-boardofdirectory {
        margin-left: 50px !important;
    }
}