.cgReports-container .custom-select.selectFYear {background: #fff url(../img/corporate-governance/arrow-down-g.svg) right .75rem center / 8px 10px no-repeat;border-radius: 0;border: none;color: #96ca50;min-width: 155px;-moz-box-shadow: 0 0 20px #00000021;-webkit-box-shadow: 0 0 20px #00000021;box-shadow: 0 0 20px #00000021;position: relative;}

.card{height: 385px;width: 100%;}
.card-custom { position: relative; height: 385px;
  width: 100%; border: none;border-radius: 12px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);position: relative;overflow: hidden;padding: 20px;}
.card-custom small {color: #4D4D4D; font-size: 14px;}
.card-custom h6 {color: #191919; font-size: 16px; font-weight: 500;}
.wave-img-1 { width: 100%; max-height: 100%; object-fit: cover; margin-top: auto;  transform: rotate(-99deg);    position: absolute;top: 44%;left: -14%;}
.wave-img-2 { width: 100%; max-height: 100%; object-fit: cover; margin-top: auto;  transform: rotate(96deg);    position: absolute;top: 43%;left: -8%;}
.wave-img-3 { width: 100%; max-height: 100%; object-fit: cover; margin-top: auto;  transform: rotate(-78deg);    position: absolute;top: 44%;left: 14%;}
.arrow-btn {background-color: #1968B3;color: #fff;padding: 6px 10px;border-radius: 4px;font-size: 14px;display: inline-flex;align-items: center;justify-content: center;height: 37px;width:48px;  position: absolute;bottom: 20px; left: 20px; z-index: 22;}
.arrow-btn i {margin: 0; font-size: 20px;}
.arrow-btn:hover {background-color: #3bbeec; color: black; transform: translateX(4px);}
.card-footer-content {display: flex;justify-content: space-between;align-items: flex-end;margin-top: auto;}
.cgReports-container .card:hover {box-shadow: 0 5px 20px  rgba(0, 0, 0, 0.5);transform: translateY(-10px);cursor: pointer;}
.cgReports-container .card {transition: transform 0.3s ease;}



/* Media Gallery css */

.media-gallery-section>.container {max-width: 1490;margin-right: -20px;}
.media-gallery-section .header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 2rem;}
.title {font-size: 1.875rem;font-weight: 700;color: #111827; margin-left: 20px;}
.controls {display: flex;align-items: center;gap: 1rem;}
.counter {font-size: 0.875rem;font-weight: 500;color: #6b7280;}
.nav-buttons { display: flex; gap: 0.5rem; padding-right: 84px;}
.nav-btn { width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #1968B3;display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; color:white; border: none;}
.nav-btn:hover:not(:disabled) {  background: #3bbeec; color: black;}
.nav-btn:disabled {  opacity: 0.4;  cursor: not-allowed;}
.nav-btn:disabled:hover { border-color: #d1d5db; color: #6b7280;}
/* Slider Styles */
.slider-container {  overflow: hidden;  position: relative;}
.slider-wrapper {  display: flex;  transition: transform 0.3s ease-in-out;}
.slide {  flex: 0 0 calc(100% / 3.5);  padding: 0 0.75rem;}
.Media-gallery-section  .card {  background: #1968B3;  border-radius: 1rem;  overflow: hidden;  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);  transition: all 0.3s ease;  position: relative;  height: 540px;  width: 422px;  border: none;}
.Media-gallery-section .card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);}
.category-badge {  background: rgba(255, 255, 255, 0.9);  backdrop-filter: blur(8px);  padding: 10px 24px;  font-size: 16px;  font-weight: 400;  color: #4D4D4D;  border-radius: 9999px;  width: 33%;  margin: 27px 10px 17px 10px;}
.Events-width{  width: 24%;}
.Conference-width{ width: 34%;}
.image-container {  position: relative;  height: 100%;  overflow: hidden;}
.image-container img {  width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.3s ease;  border-radius: 8px;}
.card:hover .image-container img {  transform: scale(1.05);}
.gradient-overlay {  position: absolute;  inset: 0;  opacity: 0.8;}
.content {  padding:6px 20px 50px 20px;}
.card-title { font-size: 16px; font-weight: 600; line-height: 1.3; margin-bottom: 8px; color: white;}
.content p {  font-size: 16px;  color: #ffffff;  margin-bottom: 0rem;  line-height: 1.5;  display: -webkit-box;    -webkit-box-orient: vertical;  overflow: hidden;}

.view-all-btn {  background: #1968B3;  border: 1px solid rgba(255, 255, 255, 0.3);  color: white;  padding: 6px 13px;  border-radius: 50px;  font-size: 14px;  font-weight: 500;  display: flex;  align-items: center;  gap: 16px;  cursor: pointer;  transition: all 0.3s ease;  backdrop-filter: blur(10px);  position: absolute;  top: 75%;  left: 3%;}
.view-all-btn:hover {  background: #3bbeec;  color: black;  transform: translateX(4px);}
.viewall-right-arrow {  font-weight: 900;  background: white;    padding: 6px;    border-radius: 50%;    color: #1968B3;}
.counter{padding: 10px 0px 10px 0px;}

/* Dots Indicator */
.dots-container {    display: flex;    justify-content: center;    gap: 0.5rem;    margin-top: 2rem;}
.dot { width: 11px;  height: 11px;  border-radius: 50%;  background-color: #D9D9D9;  cursor: pointer;  transition: all 0.2s ease;  border: none;}
.dot.active {  background-color: #1968B3;  width: 1.5rem;  border-radius: 0.25rem;}
.dot:hover:not(.active) {  background-color: #1968B3;}

/* Lightbox Modal Styles */
.lightbox-modal {  position: fixed;  inset: 0;  background: rgba(0, 0, 0, 0.85);  z-index: 9999;  display: flex;  align-items: center;  justify-content: center;}
.lightbox-modal.hidden {  display: none;}
.lightbox-content {  position: relative;  max-width: 90%;  max-height: 90%;  text-align: center;}
.lightbox-content img {  width: 190vh;  height: 92vh;  border-radius: 10px;}
.nav-btn.lightbox-prev,
.nav-btn.lightbox-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  background: rgba(255, 255, 255, 0.9);  color: black;  border: none;  font-size: 24px;  width: 40px;  height: 40px;  border-radius: 50%;  cursor: pointer;  z-index: 10000;}
.nav-btn.lightbox-prev {left: 0px;}
.nav-btn.lightbox-next {right: 0px;}
.close-btn {  position: absolute;  top: 0px;  right: 0px;  background: white;color: black;  font-size: 24px;  font-weight: bold;  border-radius: 50%;  width: 36px;  height: 36px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;}
.quickFeeds .happyFarmers-text::after {
    content: none !important; /* Removes the "million+" content */
}
/* Responsive Design */

@media (min-width: 1920px) {
.media-gallery-section>.container {max-width: 1571px;margin-right: -23px;}
}

@media (max-width: 1024px) {
.slide { flex: 0 0 calc(100% / 2.5);}
}

@media (max-width: 768px) {
.slide {flex: 0 0 calc(100% / 1.5);}
.header {
  /* flex-direction: column; */
  gap: 1rem;align-items: flex-start;}
.controls {align-self: flex-end; }
}

@media (max-width: 480px) {
.slide { flex: 0 0 100%;  }  
.container {padding: 0 20px;}
.media-gallery-section>.container{margin-right: 0px;}
.Media-gallery-section .card { width: 100%; }
.Events-width {width: 29%;}
.title{ margin-left: 0px;}
.nav-buttons {padding-right: 104px;}
.Conference-width {
    width: 38%;
}
.rallis-innerBannerContainer-degreebg:after {
     bottom: -29px !important;}
}