@import url("https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kalnia:wght@100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kalnia:wght@100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arya:wght@400;700&display=swap");
/* @import url("../css/swiper-bundle.min.css"); */
@import url("https://unpkg.com/swiper/swiper-bundle.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css");
@import url("../css/animate.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("../css/magnific-popup.css");

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html {
  color-scheme: light dark;
  color-gamut: sRGB;
}

html,
body {
  overflow-x: hidden;
}

:root {
  --light-green-color: #0d4d3e;
  --dark-green-color: #0a3d31;
  --primary-bg-gradient: linear-gradient(135deg, #0d4d3e, #0a3d31);
  /* --second-primary-bg-gradient: linear-gradient(
    90deg,
    #937f6e,
    #af9b8a,
    #9c8877
  ); */

  /* --second-primary-bg-gradient: #9b8877; */
  --second-primary-bg-gradient: #8c725c;
  /* --second-primary-bg-gradient: #a08066; */

  --font-robot: "Roboto", sans-serif;
  --font-size: 16px;
  --font-kalnia: "Kalnia", serif;
  --font-inter: "Inter", sans-serif;
  --font-arya: "Arya", sans-serif;
  --border-radius: 23px;
  --slide-height: 265px;
  --slide-count: 4;
  --size1: 0;
  --size2: 0;
  --border-radius: 23px;
}

/* @media screen and (-webkit-min-device-pixel-ratio: 1) {
  :root {
    --second-primary-bg-gradient: #b7a08b;
  }
} */

body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

/* @media (min-width: 1200px) {
  .custom-container {
    max-width: 1140px !important;
    margin: 0 auto !important;
  }
}

.custom-container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
} */

/* .custom-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
} */
.fs-16 {
  font-size: 16px;
}

.pt-pb-60 {
  padding: 60px 0px !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600 !important;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

.align-items-center-align {
  align-items: center;
}

.text-white {
  color: #fff;
}

.text-align-center {
  text-align: center;
}

.margin-top-5 {
  margin-top: 3rem;
}

.bg-green {
  background: var(--primary-bg-gradient);
}

.margin-top-5 {
  margin-top: 3rem;
}

.padding-start-5 {
  padding-left: 3rem;
}

.bg-copper {
  /* background: linear-gradient(to right, #877362 3%, #9b8877 99%); */
  background: var(--second-primary-bg-gradient);
}

a {
  text-decoration: none !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-90 {
  padding-bottom: 90px;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-mb-60 {
  margin: 60px 0px !important;
}

.paddingy-90 {
  padding: 90px 0px;
}

.heading-css {
  padding: 0px;
}

.py-5rem {
  padding: 5rem auto;
}

.paddingy-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.h-50vh {
  height: 35vh !important;
}

.paddingy-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.paddingy-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pb-70 {
  padding-bottom: 70px;
}

.paddingT-70 {
  padding-top: 70px;
}

.paddingT-200 {
  padding-top: 200px;
}

.paddingT-120 {
  padding-top: 120px;
}

.paddingT-75 {
  padding-top: 75px;
}

.paddingT-90 {
  padding-top: 90px;
}

.paddingY-90 {
  padding: 90px 0px;
}

.padding-top {
  padding-top: 35px !important;
}

.padding-bottom {
  padding-bottom: 35px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

/* .container {
  max-width: 1140px;
} */

.banner {
  font-family: var(--font-kalnia);
  background: var(--primary-bg-gradient);
  /* background: url(../imgs/Slider-31.png); */
  height: 90vh;
}

.banner .banner-title {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-top: 100px;
}

.banner .banner-descrp {
  font-family: var(--font-inter);
}

.banner .banner-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  /* Adjust the thickness of the full border */
  background-color: #ffffffd1;
  /* Border color */
}

.banner .banner-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  /* Spacing between the two borders */
  width: 50%;
  /* Half-width border */
  height: 1px;
  /* Adjust the thickness of the half border */
  background-color: #ffffffd1;
  /* Border color */
}

.banner .banner-btn {
  display: flex;
  gap: 20px;
}

.banner .banner-custom,
.custom-btn {
  background-color: transparent !important;
  color: white !important;
  border: 1px solid white !important;
  padding: 18px 0px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-family: var(--font-inter) !important;
  border-radius: 23px !important;
  transition: all 0.3s ease !important;
}

.banner .banner-custom span,
.custom-btn span {
  border: 1px solid !important;
  border-radius: 23px !important;
  padding: 7px 35px !important;
}

.custom-btn:hover {
  color: white !important;
  border: 1px solid transparent !important;
}

/* Main Header Container */
.mobile-nav .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background: var(--second-primary-bg-gradient);
  color: white;
  z-index: 999;
}

.mobile-nav .logo {
  width: 85px !important;
  height: 75px !important;
  /* font-size: 24px; */
}

.mobile-nav .logo {
  width: 100%;
  height: 100%;
}

.mobile-nav .toggle-icon {
  font-size: 24px;
  cursor: pointer;
}

.mobile-nav .sidebar {
  position: fixed;
  top: 0;
  right: -300px;
  /* Hide sidebar off the screen */
  width: 250px;
  height: 100%;
  background: var(--second-primary-bg-gradient);
  color: white;
  transition: right 0.3s ease;
  /* Animation for sliding in */
  padding: 20px;
  z-index: 9999;
}

.mobile-nav .sidebar.active {
  right: 0;
  /* Show sidebar */
}

.mobile-nav .close-btn {
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 20px;
  filter: brightness(0) invert(1);
}

.mobile-nav .nav-items {
  list-style-type: none;
  padding: 0;
}

.mobile-nav .nav-items li {
  margin: 15px 0;
}

.mobile-nav .nav-items a {
  color: white;
  text-decoration: none;
}

.mobile-nav .nav-items a:hover {
  text-decoration: underline;
}

/* mobile menu end */

.custom-header {
  display: flex;
  align-items: center;
  height: 124px;
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: 999;
}

.bg-dhanuka {
  background: var(--primary-bg-gradient) !important;
}

.bg-dhanuka.box:hover {
  scale: 1.1;
  box-shadow: 8px 8px #0005;
  transition: all 0.2s;
}

.bg-nav {
  background: var(--second-primary-bg-gradient);
}

.innovation-section {
  text-align: center;
  padding: 50px;
}

.innovation-section h2 {
  font-size: 36px;
  margin-bottom: 10px;
}

.innovation-section p {
  font-size: 14px;
  color: #666;
  margin-bottom: 50px;
}

.innovation-content {
  position: relative;
  width: 100%;
  height: 600px;
  margin: 0 auto;
}

.circle-box {
  width: 160px;
  height: 120px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  text-align: center;
  padding: 15px;
  color: #fff;
}

/* Positioning the boxes */
.herbicides {
  background-color: #14573f;
  top: 10%;
  left: 25%;
  transform: translate(-50%, -50%);
}

.insecticides {
  background-color: #d0b497;
  top: 40%;
  left: 5%;
  transform: translate(-50%, -50%);
}

.fungicides {
  background-color: #14573f;
  bottom: 10%;
  left: 25%;
  transform: translate(-50%, 50%);
}

.plant-growth {
  background-color: #14573f;
  bottom: 10%;
  right: 25%;
  transform: translate(50%, 50%);
}

.biologicals {
  background-color: #14573f;
  top: 10%;
  right: 25%;
  transform: translate(50%, -50%);
}

.crops {
  background-color: #d0b497;
  top: 40%;
  right: 5%;
  transform: translate(50%, -50%);
}

.circle-box i {
  font-size: 30px;
  margin-bottom: 10px;
}

/* Line connectors */
/* Line connectors */
.line {
  position: absolute;
  background-color: #14573f;
  height: 2px;
  z-index: 0;
}

.line.herbicides-line {
  top: 10%;
  left: 50%;
  width: 150px;
  transform: rotate(135deg);
  /* Adjust the angle for the correct connection */
}

.line.insecticides-line {
  top: 40%;
  left: 25%;
  width: 200px;
  transform: rotate(180deg);
  /* Adjust the angle */
}

.line.fungicides-line {
  bottom: 5%;
  left: 50%;
  width: 150px;
  transform: rotate(225deg);
  /* Adjust the angle */
}

.line.plant-growth-line {
  bottom: 5%;
  right: 50%;
  width: 150px;
  transform: rotate(-225deg);
  /* Adjust the angle */
}

.line.biologicals-line {
  top: 10%;
  right: 50%;
  width: 150px;
  transform: rotate(-135deg);
  /* Adjust the angle */
}

.line.crops-line {
  top: 40%;
  right: 25%;
  width: 200px;
  transform: rotate(0deg);
  /* Adjust the angle */
}

.glass-effect {
  background: rgba(255, 255, 255, 0.7);
  /* Semi-transparent background */
  backdrop-filter: blur(10px);
  /* Glassmorphism effect */
}

/* Logo Section */
/* .logo-section {
  background-color: #c5b09f;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 2px 20px;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 25%;
} */

.logo-section img {
  width: 100px;
  height: auto;
  /* margin-right: 16px; */
  /* margin-left: 16px; */
}

/* Horizontal Line Between Logo and Navigation */
.separator {
  width: 90px;
  height: 3px;
  background: var(--second-primary-bg-gradient);
}

/* Navigation Container */
.nav-container {
  background: var(--second-primary-bg-gradient);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 0px 30px;
  flex-grow: 1;
}

.nav-links ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
}

.nav-links a {
  color: #fff;
  font-size: 18px;
  font-family: var(--font-inter);
  text-decoration: none;
  /* text-transform: capitalize; */
}

.nav-links a:hover {
  color: #e5e5e5;
}

/* Hero Banner Section */
.banner {
  /* background: url("your-background-image.jpg") no-repeat center
    center/cover; */
  height: 100vh;
  /* Full viewport height */
  display: flex;
  align-items: center;
  /* Vertically center the content */
  color: white;
  text-align: left;
}

.our-innovation .row {
  height: 100%;
}

.right-images {
  display: flex;
  justify-content: center;

  align-items: center;

  height: 100%;

  position: absolute;
  right: 0px;
  bottom: 0px;
}

.right-images img {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  max-width: 100%;
  max-height: 90vh;

  object-fit: contain;
}

.carousel-indicators.carousel-dots-slider {
  /* margin-left: 0%; */
  /* margin-bottom: -45px; */
  /* justify-content: start !important; */
  /* margin-left: 0%; */
  /* margin-left: 10%; */
  /* margin-bottom: 150px; */
}

.carousel-indicators.carousel-dots-slider [data-bs-target] {
  height: 13px;
  width: 13px;
  border-radius: 100%;
}

.right-images img {
  position: relative !important;
}

.right-images {
  position: relative !important;
}

.btn-custom {
  background-color: transparent;
  color: white;
  border: 1px solid white;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-custom:hover {
  background-color: white;
  color: #004731;
}

/* our-innovation */
.our-innovation {
  position: relative;
  /* height: 380px; */
  height: 650px;
}

.our-marque-section h2 {
  font-family: var(--font-kalnia);
  color: var(--light-green-color);
  position: relative;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
}

.our-marque-section h2::before {
  content: "";
  position: absolute;
  /* left: 40%; */
  bottom: -4px;
  width: 100%;
  /* width: 20%; */
  height: 1px;
  background-color: var(--dark-green-color);
}

.our-marque-section h2::after {
  content: "";
  position: absolute;
  /* left: 43%; */
  left: 0%;
  bottom: -9px;
  /* width: 14%; */
  width: 75%;

  height: 1px;
  background-color: var(--dark-green-color);
}

.our-innovation-section {
  text-align: center;
}

.our-innovation-section h2 {
  font-family: var(--font-kalnia);
  color: var(--light-green-color);
  position: relative;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
}

.our-innovation-section h2::before {
  content: "";
  position: absolute;
  /* left: 40%; */
  bottom: -4px;
  width: 100%;
  /* width: 20%; */
  height: 1px;
  background-color: var(--dark-green-color);
}

.our-innovation-section h2::after {
  content: "";
  position: absolute;
  /* left: 43%; */
  left: 14%;
  bottom: -9px;
  /* width: 14%; */
  width: 75%;

  height: 1px;
  background-color: var(--dark-green-color);
}

.our-innovation-section p {
  font-family: var(--font-inter);
}

.our-innovation .box-colum {
  position: relative;
}

.our-innovation .box h3 {
  font-family: var(--font-robot);
  font-weight: 500;
  font-size: 14px;
}

.our-innovation .box {
  width: 175px;
  height: 115px;
  /* background-color: #fff; */
  position: absolute;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  text-align: center;
  padding: 15px;
  color: #fff;
  transition: all 0.4s;
  box-shadow: 0px 0px #0005;
}

.our-innovation .box img {
  width: 50px;
  margin-bottom: 5px;
}

.our-innovation .box.left-1 {
  top: 5%;
  right: 0px;
}

.our-innovation .box.left-2 {
  /* top: 36%; */
  top: 55%;
  right: 80px;
}

.our-innovation .box.left-3 {
  bottom: 30px;
  right: 0px;
}

/* .our-innovation .box.left-1,
.our-innovation .box.left-3 {
  background: linear-gradient(235deg, #0a3d31e3, #0a3d31) !important;
} */
.our-innovation .box.left-1 {
  background: linear-gradient(235deg, #0a3d31e3, #0a3d31) !important;
}

.connecting-line {
  position: absolute;
}

.connecting-line.line-lf-1 {
  position: absolute;
  right: -117px;
  /* top: 53px; */
  top: 90px;
  height: 87px;
}

.connecting-line.line-lf-2 {
  /* position: absolute;
  right: -69px;
  top: 50%;
  height: 4px;
  width: 112px; */

  position: absolute;
  left: 78%;
  top: 40%;
  height: 6px;
  width: 160px;
}

.connecting-line.line-lf-3 {
  transform: scaleY(-1);
  bottom: 84px;
  right: -117px;
  height: 96px;
}

/* .center-image {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #fff;
  /* background-image: url("/assets/images/Our-Innovation/Mask-group.png"); */
/* background-image: url("../imgs/Mask-group.png");
  background-size: cover;
  background-position: center;
  z-index: 2;
  position: relative;
  top: 16%;
  margin: 0 auto; 
  /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
} */

.center-image {
  width: 358px;
  /* height: 300px; */
  border-radius: 50%;

  z-index: 2;
  position: relative;
  /* top: 16%; */
  top: 22%;
  margin: 0 auto;
}

.bg-light-gradiant.box:hover {
  scale: 1.1;
  box-shadow: 8px 8px #0005;
  transition: all 0.2s;
}

.our-innovation .box.right-1 {
  left: 0px;
  top: 5%;
}

.our-innovation .box.right-2 {
  /* top: 36%; */
  top: 55%;
  left: 80px;
}

.bg-light-gradiant.box.right-5 {
  top: 30%;
  left: 80px;
}

.bg-nav.bg-light-gradiant.box.left-5 {
  right: 80px;
  top: 30%;
}

img.connecting-line.line-lf-5 {
  position: absolute;
  height: 8px;
  width: 198px;
  right: 0;
  top: 63%;
  right: -105px;
}

img.connecting-line.line-rs-5 {
  position: absolute;
  width: 198px;
  top: 63%;
  left: -105px;
  height: 8px;
}

.our-innovation .box.right-3 {
  bottom: 30px;
  left: 0px;
}

.connecting-line.line-rs-1 {
  transform: scaleX(-1);
  left: -117px;
  top: 90px;
  height: 87px;
}

.connecting-line.line-rs-2 {
  position: absolute;
  left: -85px;
  top: 40%;
  width: 179px;
  height: 6px;
  /* left: -70px;
  top: 50%;
  width: 112px;
  height: 4px; */
}

.connecting-line.line-rs-3 {
  left: -117px;
  transform: scaleY(-1) scaleX(-1);
  bottom: 84px;
  height: 96px;
}

/* counter banner  */

.counter-banner {
  /* height: 400px; */
  background: linear-gradient(235deg, #0a3d31e3, #0a3d31) !important;
  /* background-image: url("../imgs/counter-banner-1.png"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  text-align: center;
  /* padding: 15px; */
  color: #fff;
}

.counter-banner .counter-box,
.chairman-section-box {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border-top: 1px solid #ffffff5e;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: var(--border-radius);
  display: flex;
  align-items: flex-start;
  padding: 20px;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  text-align: center;
  color: white;
  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);
}

.counter-banner .counter-box {
  font-family: var(--font-robot);
  text-transform: uppercase;
  font-weight: 500;
}

.counter-banner .counter-box h3 {
  margin-bottom: 0px;
  font-size: 18px;
}

.counter-banner .counter-box p {
  margin-bottom: 0px;
  font-size: 45px;
}

/* Pseudo-element for the blur and lighting effect */

/* categories section */
.Categories .container {
  position: relative;
}

.Categories_banner {
  /* height: 200px; */
  height: 120px;
  /* background-image: url("../images/Categories_banner.png"); */
  background: var(--second-primary-bg-gradient);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* z-index: 1; */
  text-align: center;
  border-radius: 20px;
  padding: 15px;
  color: #fff;
}

/*   product section  */
.disease-list input[type="checkbox"] {
  display: none;
}

/* Label for custom checkbox */
.disease-list label {
  display: flex;
  align-items: center;
  cursor: pointer;
  /* padding-left: 24px; */
  position: relative;
}

/* Custom checkbox icon */
.disease-list .checkbox-icon {
  width: 20px;
  height: 20px;
  border: 2px solid #0a3d31;
  border-radius: 4px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

/* Font Awesome checkmark icon */
.disease-list .checkbox-icon i {
  color: transparent;
  /* Hide the checkmark initially */
  font-size: 14px;
}

/* When the checkbox is checked, change background and show the checkmark */
.disease-list input[type="checkbox"]:checked+label .checkbox-icon {
  background-color: #004236;
  /* Set background color for checked state */
}

.disease-list input[type="checkbox"]:checked+label .checkbox-icon i {
  color: white;
  /* Make checkmark white when checked */
}

.service-product {
  background: linear-gradient(to right,
      rgba(155, 136, 119, 1) 0%,
      /* #9B8877 at 0% */
      rgba(135, 115, 98, 1) 50%,
      /* #877362 at 50% */
      rgba(175, 155, 137, 1) 100%
      /* #AF9B89 at 100% */
    );
  height: 302px;
  border-radius: 24px;
}

.service-card-1 {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

.service-card-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.service-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

/* Set the size of the swiper container */
.swiper-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  rotate: -4deg;
  margin-top: -12px;
}

.swiper-slide.product-swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Set a fixed size for the images */
  overflow: hidden;
  /* Prevent images from overflowing */
}

.swiper-slide.product-swiper-slide img {
  width: auto;
  /* Keep aspect ratio */
  height: 100%;
  /* Make sure the image fills the slide height */
  object-fit: cover;
  /* Ensure the image covers the area */
}

/* .story-images .swiper-container {
  overflow: hidden;

  position: relative;
} */

.story-images .swiper-wrapper {
  display: flex;

  animation: marquee 20s linear infinite;
}

.story-images .swiper-slide.product-swiper-slide {
  min-width: 100%;

  transition: transform 0.6s ease;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

/* product css start*/

.product-display {
  height: 235px;
  border-radius: 15px;
  /* overflow: hidden; */
  background: #f5f5f5;
  position: relative;
  border: 1px solid #f1f1f1;
  margin-bottom: 70px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.product-display:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.title-bar {
  background-color: #c4b5a4;
  padding: 10px 20px;
  position: absolute;
  top: 60px;
  left: 0;
  width: 80%;
  /* Adjusted for smaller cards */
  z-index: 2;
}

/* .title-bar h2 {
  color: white;
  font-size: 20px;
  
  font-weight: 600;
} */

.product-content {
  height: 100%;
  padding: 15px;
}

.product-content img {
  height: 170px;
  width: 135px;
  object-fit: contain;
}

.product-bottle {
  /* height: 175px;
width: auto; */
  position: absolute;
  right: -5% !important;
  /* right: 10%; */
  top: 20% !important;
  transform: translateY(-50%);
  z-index: 3;
  transition: transform 0.3s ease;
}

.product-display:hover .product-bottle {
  transform: translateY(-50%) scale(1.05);
}

.info-box {
  background-color: #004236;
  color: white;
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 15px 15px;
}

.info-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.info-box p {
  font-size: 14px;
  margin-bottom: 0;
}

/* Responsive Styles */
@media (max-width: 1200px) {
  .product-display {
    height: 350px;
  }

  .product-bottle {
    height: 240px;
    right: 5%;
  }
}

@media (max-width: 991px) {
  .col-lg-3 {
    width: 50%;
    /* 2 cards per row on medium screens */
    margin-bottom: 20px;
  }

  .product-display {
    height: 380px;
  }

  .product-bottle {
    height: 260px;
  }

  .title-bar {
    width: 70%;
  }
}

@media (max-width: 575px) {
  .col-lg-3 {
    width: 100%;
    /* 1 card per row on mobile */
  }

  .product-display {
    height: 235px;
  }

  .product-bottle {
    height: 280px;
    right: 10%;
  }

  .title-bar {
    width: 60%;
    top: 50px;
  }

  .info-box h3 {
    font-size: 18px;
  }

  .info-box p {
    font-size: 14px;
  }
}

/* sidebar css */
.sidebar-product {
  border: 1px solid #0a3d31;
  padding: 10px;
  border-radius: 20px;
  /* height: 500px; */
}

.sidebar-product {
  background: #fff;
  border-radius: 15px;
  padding: 10px 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.search-title {
  color: #004236;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.search-container {
  position: relative;
}

.search-input {
  padding: 10px 35px 10px 15px;
  /* border: 1px solid #9B8877; */
  border: 1px solid #0a3d31;
  border-radius: 50px;
  width: 100%;
}

.search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
}

.disease-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}

.disease-tag {
  background: white;
  border: 1px solid #0a3d31;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  /* background: white;
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 8px 10px;
font-size: 9px;
color: #333;
cursor: pointer;
transition: all 0.3s ease; */
}

.disease-tag:hover {
  background: #004236;
  color: white;
  border-color: #004236;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .col-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .col-9 {
    width: 100%;
  }

  .disease-tags {
    gap: 8px;
  }

  .disease-tag {
    padding: 6px 12px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .sidebar-product {
    padding: 15px;
  }

  .search-title {
    font-size: 18px;
  }

  .disease-tag {
    padding: 5px 10px;
    font-size: 12px;
  }
}

/* .thumb-category-slide .active-big-slider .Categories_box {
  min-height: 200px !important;
  width: 280px;
} */

/* Active slide style */
.thumb-category-slide .swiper-slide-active .Categories_box {
  min-height: 225px !important;
  box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
  border: 1px solid #cdcdcd;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border 0.3s ease;
}

/* Extra css add here for slider*/

.thumb-category-slide .gallery-thumbs .swiper-slide.product-swiper-slide {
  width: 300px;
  height: 300px;
  text-align: center;
  overflow: hidden;
  opacity: 1;
}

/* .thumb-category-slide .active-big-slider .Categories_box {
min-height: 195px !important;
} */

/* .thumb-category-slide .swiper-slide-active .Categories_box {
min-height: 285px !important;
box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
border: 3px solid #cdcdcd;
transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
} */

.thumb-category-slide .thumb-product-slider {
  display: flex;
  align-items: baseline;
}

.thumb-category-slide .thumb-product-slider img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

.thumb-category-slide .swiper-slide-active .Categories_box .Categories_box_img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  padding: 20px;
}

.thumb-category-slide .Categories_box {
  padding: 10px !important;
}

.thumb-category-slide .Categories_banner {
  position: absolute;
  width: 100%;
  top: -13% !important;
}

.product-categoryies-btn .swiper-button-next {
  left: 96% !important;
  top: 52% !important;
  z-index: 999;
}

.product-categoryies-btn .swiper-button-prev {
  right: 96% !important;
  top: 52% !important;
}

.product-categoryies-btn .swiper-wrapper {
  padding-bottom: 0px !important;
}

.slide-button-prev.slide-button-prev-product {
  z-index: 9;
  position: absolute;
  top: 46%;
  left: 10%;
  color: #fff;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
}

.slide-button-next.slide-button-next-product {
  z-index: 9;
  position: absolute;
  top: 46%;
  right: 10%;
  color: #fff;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
}

.product-categoryies-btn .slide-button-next img {
  width: 85%;
  transform: scaleX(-1);
}

.slide-button-prev img {
  width: 85%;
}

/* list css */
.disease-list ul {
  list-style: none;
  padding-left: 10px;
}

.disease-list label {
  font-size: 14px;

  overflow-wrap: anywhere;
  /* Adjust as needed */
}

/* Increase the size of checkboxes */
.disease-list input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px;
}

.disease-list li {
  margin-bottom: 10px;
  /* Add space between items */
}

.disease-list input[type="checkbox"]:checked {
  background-color: #004236 !important;
}

/* blogs section start */

.blogs-cards {
  background: var(--second-primary-bg-gradient);
  padding: 20px;
  font-family: var(--font-inter);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 412px;
  transition: all 0.3s ease;
}

.blogs-cards:hover {
  transform: translateY(-10px);
}

.blogs-cards .time-btn {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.date-time {
  font-size: 14px;
  font-weight: 500;
}

.blogs-cards .blogs-card-descrip {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  /* max-height: 70px;
  overflow: hidden; */
}

/* .blogs-cards .blog-tags {
  padding: 2px 10px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  border: 1px solid #ffffff24;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 13px;
  width: fit-content;
} */
.blogs-cards .blog-tags {
  position: relative;
  padding: 2px 10px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  border-top: 1px solid #ffffff7a;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 13px;
  width: fit-content;
  overflow: hidden;
}

.blogs-cards .blogs-card-title {
  font-weight: 400;
  max-height: 80px;
  overflow: hidden;
  font-size: 20px;
}

.blogs-cards .blog-tags::before {
  content: "";
  position: absolute;
  top: -28px;
  left: -62px;
  width: 100%;
  min-height: 100%;
  background: rgb(255 255 255);
  border-radius: 30px;
  filter: blur(17px);
  z-index: 0;
  pointer-events: none;
}

/* footer */
.footer {
  background-color: #004d40;
  color: white;
}

.footer .container .inner-footer {
  padding: 40px 0px 0px 0px;
}

.footer a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.footer .list-unstyled li {
  padding: 5px 0px;
}

.footer .list-unstyled li i {
  font-size: 12px;
  margin-right: 5px;
}

.footer a:hover {
  color: white;
}

.footer-column {
  margin-bottom: 20px;
}

.footer .heading {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  position: relative;
  padding-bottom: 10px;
}

.footer .heading:after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.footer .heading i {
  margin-right: 8px;
  color: #b2dfdb;
}

.footer .copyright {
  text-align: center;
  /* margin-top: 20px; */
  border-top: 1px solid #fff;
  padding-top: 10px;
}

/* our gallery or portfolio*/
.our-gallery {
  background: var(--primary-bg-gradient);
}

.quote {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  color: #f3f3f3;
  margin-bottom: 2.4rem;
  font-family: var(--font-arya);
}

.quote i {
  /* color: var(--second-primary-bg-gradient); */
  color: #b2a091;
}

#slide-container {
  margin: auto;
  height: 78vh;
  /* border-radius: 15px; */
  background: #000000eb;
}

#slide-container .section {
  width: 100%;
  display: flex;
  position: relative;
  height: 100%;
}

#slide-container .first {
  width: 40%;
  display: block;
  padding: 100px 0px;
  margin: auto;
}

#slide-container .first:after {
  position: absolute;
  content: "";
  width: 2%;
  height: 50%;
  background: red;
  left: -100px;
  top: 50%;
  transform: translate(0%, -50%);
}

#slide-container .first:before {
  position: absolute;
  content: "";
  width: 2%;
  height: 50%;
  background: red;
  right: -100px;
  top: 50%;
  transform: translate(0%, -50%);
}

#slide-container .first .subtitle {
  color: #a6d5fd;
  font-size: 30px;
}

#slide-container .first .maintitle {
  color: #ffffff;
  font-size: 50px;
}

#slide-container .first .bodytext {
  color: #ffffff;
  font-size: 14px;
  padding-bottom: 30px;
}

#slide-container .primary-btn {
  background: #ed1c24;
  border: 1px solid #ed1c24;
  padding: 16px 24px;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 10px;
  transition: all 0.6s ease;
}

#slide-container .primary-btn:hover {
  background: #00427a;
  border: 1px solid #ed1c24;
  color: #ed1c24;
}

#slide-container .first img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 250px;
  width: auto;
  z-index: 0;
}

#slide-container .first .sec-icon {
  position: relative;
  left: 0px;
}

#slide-container .second {
  width: 100%;
  overflow: hidden;
}

#slide-container .sliders-cont {
  justify-content: center;
  display: flex;
  width: 100%;
}

#slide-container #slider {
  overflow: hidden;
  width: 100%;
}

#slide-container #slider ul li {
  padding: 0;
  /*   width:max-content; */
  max-height: 350px;
  max-width: 100%;
  width: 100%;
  height: 350px;
  margin: 30px 0px;
  /* background: red; */
  border-radius: 0px;
  background-size: cover;
  background-position: center;
}

#slide-container .col1 ul,
#slide-container .col3 ul {
  animation: scrollup 15s forwards linear infinite !important;
  list-style: none !important;
  transition: all 2500ms linear !important;
  padding: 0;
  /*   height:700px;
width:150px; */
}

#slide-container .col2 ul,
#slide-container .col4 ul {
  animation: scrolldown 15s forwards linear infinite !important;
  /* transform: translateY(
    calc(var(--slide-height) * var(--slide-count) * -1)
  ) !important; */
  list-style: none;
  /* margin: 0px 30px; */
  /* margin: 0px 15px; */
  transition: all 2500ms linear;
  padding: 0;
  /*   height:700px;
width:150px; */
}

/* #slide-container .slide-last-col ul {
  margin: 0px 0px 30px 30px !important;
} */

#slide-container #slider ul li img {
  border-radius: 10px;
}

@-webkit-keyframes scrollup {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(calc(var(--slide-height) * var(--slide-count) * -1));
  }
}

@keyframes scrollup {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(calc(var(--slide-height) * var(--slide-count) * -1));
  }
}

@-webkit-keyframes scrolldown {
  0% {
    transform: translateY(calc(var(--slide-height) * var(--slide-count) * -1));
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes scrolldown {
  0% {
    transform: translateY(calc(var(--slide-height) * var(--slide-count) * -1));
  }

  100% {
    transform: translateY(0);
  }
}

.Categories_box {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border-radius: 25px;
  border: 2px solid #e0e0e09c;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: var(--border-radius);
  padding: 20px;
  box-shadow: 3px 0px -1px rgb(0 0 0 / 25%);
  text-align: center;
  color: white;
  background: linear-gradient(135deg,
      rgb(255 255 255 / 0%) 6%,
      rgb(19 19 19 / 0%) 100%);
  width: 100%;
}

.Categories_banner {
  position: absolute;
  width: 100%;
  top: -30%;
}

.Categories .swiper {
  width: 90%;
  margin: auto;
  /* top: -9rem; */
}

.Categories .Categories_box_img {
  /* width: 80px;
  height: 80px; */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 12px;
}

.Categories .Categories_box_img {
  width: 80px;
  height: 80px;
  cursor: pointer;
  border-radius: 50%;
  padding: 18px;
  transition: all 0.4s;
  box-shadow: 0px 0px #0005;
}

.Categories .Categories_box_img.odd-img {
  background: var(--second-primary-bg-gradient);
}

.Categories .Categories_box_img.even-img {
  /* background: var(--primary-bg-gradient); */
  background: linear-gradient(135deg, #0d4d3e, #0a3d31);
}

.Categories .Categories_title {
  font-family: var(--font-robot);
  color: #000;
  /* font-size: 22px; */
  font-size: 14px;
  /* font-weight: normal; */
}

.Categories .swiper-button-next,
.Categories .swiper-rtl .swiper-button-prev {
  left: 100% !important;
  right: auto !important;
}

.Categories .swiper-wrapper {
  /* padding-bottom: 120px; */
}

.Categories .swiper-button-next,
.Categories .swiper-button-prev {
  bottom: 14px !important;
  top: auto !important;
  color: #fff !important;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  user-select: none;
}

.Categories .swiper-button-next img,
.Categories .swiper-button-prev img {
  width: 80%;
}

.Categories .swiper-button-prev,
.Categories .swiper-rtl .swiper-button-next {
  right: 100% !important;
  left: auto !important;
}

.Categories .swiper-button-prev:after,
.Categories .swiper-rtl .swiper-button-next:after {
  content: "" !important;
}

.Categories .swiper-button-next:after,
.Categories .swiper-rtl .swiper-button-prev:after {
  content: "" !important;
}

.Categories .swiper-button-next img {
  transform: scaleX(-1);
}

.Categories .swiper-button-next.swiper-button-disabled,
.Categories .swiper-button-prev.swiper-button-disabled {
  opacity: 0.8;
}

.swiper-button-next,
.swiper-button-prev {
  background-image: url() !important;
}

#slide-container .col2 ul,
#slide-container .col4 ul,
#slide-container .col1 ul,
#slide-container .col3 ul {
  width: 100%;
}

.canvas {
  display: block;
}

.story-images .our-story-img {
  height: 100%;
  width: 90%;
}

.story-images .our-story-img img {
  height: 100%;
  border-radius: 5px;
  width: 100%;
}

.our-story-section {
  /* Default background image */
  /* background-image: url("../imgs/our-story.jpg"); */
  /* background-image: url("../imgs/about-new-dhanuka-1.jpg"); */
  /* background-image: url("../imgs/about-dhanuka-men.jpg"); */
  /* background-image: url("../imgs/about-dhanuka-23.jpg"); */
  /* background-image: url("../imgs/about-agri.jpg"); */
  background-image: url("../imgs/renew-img.jpg");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  /* color: #fff; */
  /* padding: 20px; */
}

.circule-bg {
  position: absolute;
  background: #dddbdb;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  right: -18px;
  /* top: 12px; */
}

.story-content .story-title {
  position: relative;
  z-index: 999;
  padding: 15px 35px 0 0px;
  /* color: var(--dark-green-color); */
  font-family: var(--font-kalnia);
  top: 32px;
  text-align: end;
}

.story-content p {
  font-family: var(--font-inter);
  text-align: justify;
}

/* .story-content .story-title::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -29px;
  width: 245px;
  height: 2px;
  background-color: var(--dark-green-color);
  transform: translateX(-50%);
  font-size: var(--font-robot);
} */

/* history css */
/* .our-history {
  background: var(--dark-green-color);
  color: #fff;
  position: relative;
  top: -16px;
  padding: 0px 0px 50px;
}

.our-history .context .container {
  overflow: auto;
  padding-top: 50px;

}

.our-history .context .container .our-history-title {
  font-size: 2.2rem;
  margin-bottom: 20px;
  text-align: center;
  font-family: var(--font-kalnia);
  position: relative;
  display: inline-block;
}

.our-history .context .container .our-history-title::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: -4px;
  background-color: #ffffff;
}

.our-history .context .container .our-history-title::after {
  content: "";
  position: absolute;
  left: 15%;
  width: 75%;
  height: 1px;
  bottom: -10px;
  background-color: #ffffff;
}

.our-history .context .container .timeline {
  width: 100%;
  height: fit-content;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 10px;
  padding: 0px 0px 50px;
  position: relative;
}

.our-history .context .container .timeline::after {
  content: "";
  display: block;
  width: var(--size1);
  position: absolute;
  height: 2px;
  background: #fff;
  
  bottom: 23px;
}

.our-history .context .container .timeline .timeline-item {
  padding: 10px;
  height: auto;
  width: 200px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.our-history .context .container .timeline .timeline-item::before {
  display: block;
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  bottom: -65px;
  left: 50%;
  background: #fff;
  z-index: 1;
  border: 2px solid #039d58;
  transform: translate(-50%, -50%);
}

.our-history .context .container .timeline .timeline-item.active {
  color: var(--second-primary-bg-gradient);
}

.our-history .context .container .timeline .timeline-item.active p {
  color: #039d58;
}

.our-history .context .container .timeline .timeline-item p {
  font-family: var(--font-robot);
  font-weight: bold;
}

.our-history .context .container .timeline .timeline-item.active::before {
  background: #039d58;
  border-color: var(--dark-green-color);
}

.our-history .context .container .timeline .timeline-item.active::after {
  position: absolute;
  content: "";
  left: var(--size2);
  bottom: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

}

.our-history .context .container .timeline::-webkit-scrollbar {
  display: none;
}

.our-history .context .tabbed-content .tab {

  margin-bottom: 30px;
  width: 100%;
} */

.our-history {
  background: var(--dark-green-color);
  color: #fff;
  position: relative;
  /* top: -16px; */
  padding: 0px 0px 50px;
}

.our-history .context .container {
  padding-top: 50px;
}

.our-history .context .container .our-history-title {
  /* font-size: 2.2rem; */
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-family: var(--font-kalnia);
  position: relative;
  display: inline-block;
}

.our-history .context .container .our-history-title::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: -4px;
  background-color: #ffffff;
}

.our-history .context .container .our-history-title::after {
  content: "";
  position: absolute;
  left: 15%;
  width: 75%;
  height: 1px;
  bottom: -10px;
  background-color: #ffffff;
}

.our-history .context .container .timeline {
  width: 100%;
  height: auto;
  overflow-x: scroll;
  /* Enable horizontal scrolling */
  display: flex;
  /* Use flexbox for horizontal layout */
  gap: 10px;
  padding: 0px 0px 50px;
  position: relative;
  scroll-snap-type: x mandatory;
  /* Ensures the scroll snaps to each item */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile */
}

.our-history .context .container .timeline::after {
  content: "";
  display: block;
  /* width: var(--size1); */
  width: 5000px;
  position: absolute;
  height: 2px;
  background: #fff;
  bottom: 23px;
}

.our-history .context .container .timeline .timeline-item {
  padding: 10px;
  height: 50px;
  width: 200px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  /* Prevents the item from shrinking */
  scroll-snap-align: center;
  /* Centers the item during scrolling */
}

.our-history .context .container .timeline .timeline-item::before {
  display: block;
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  bottom: -65px;
  left: 50%;
  background: #fff;
  z-index: 1;
  border: 2px solid #039d58;
  transform: translate(-50%, -50%);
}

.our-history .context .container .timeline .timeline-item.active {
  color: var(--second-primary-bg-gradient);
}

.our-history .context .container .timeline .timeline-item.active p {
  color: #039d58;
}

.our-history .context .container .timeline .timeline-item p {
  font-family: var(--font-robot);
  font-weight: bold;
}

.our-history .context .container .timeline .timeline-item.active::before {
  background: #039d58;
  border-color: var(--dark-green-color);
}

.our-history .context .container .timeline .timeline-item.active::after {
  position: absolute;
  content: "";
  left: var(--size2);
  bottom: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.our-history .context .container .timeline::-webkit-scrollbar {
  display: none;
  /* Hide the scrollbar */
}

.our-history .context .tabbed-content .tab {
  margin-bottom: 30px;
  width: 100%;
}

.tab-box {
  display: flex;
  gap: 35px;
}

.tab-box .tab-box-img {
  width: 350px;
  height: 300px;
}

.tab-box-img-history img {
  width: 100% !important;
  height: 300px !important;
  border-radius: 20px;
  object-fit: cover;
}

.tab-box .tab-box-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
}

.tab-box .tab-box-content {
  position: relative;
}

.tab-box .tab-box-content .custom-btn {
  position: absolute;
  bottom: 0px;
}

.brand-logo-sectinon {
  background: var(--second-primary-bg-gradient);
  padding: 60px 0px;
  overflow: hidden;
  margin-top: -15px;
}

.brand-logo-img-box {
  background: #fff;
  border-radius: 15px;
  height: 110px;
  width: 100%;
}

.brand-logo-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chairman-section {
  background: var(--primary-bg-gradient);
  color: #fff;
}

.chairman-section .chairman-section-colum {
  position: relative;
  /* margin-left: auto; */
  margin: 0 auto;
}

.chairman-section .title-box img {
  width: 36px;
}

.chairman-section .title-box .right-icon img {
  rotate: 180deg;
}

.chairman-section .message-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffffd1;
}

.chairman-section .message-title {
  font-family: var(--font-kalnia);
  font-size: 30px;
  /* font-size: 2.5rem; */
  position: relative;
  display: inline-block;
  right: 0px;
  padding-bottom: 5px;
}

.chairman-section .message-title::after {
  content: "";
  position: absolute;
  /* left: 0; */
  left: 10%;
  bottom: -10px;
  /* width: 50%; */
  width: 80%;

  height: 1px;
  background-color: #ffffffd1;
}

.chairman-section-box {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 13px;
  margin-top: 50px;
  align-items: self-start;
  justify-content: start;
  padding: 20px 20px;
}

.chairman-section .chairman-img-overly {
  position: absolute;
  z-index: 99;
  /* left: -165px; */
  left: -15px;
  height: 350px;
}

.chairman-section .chairman-img-overly img {
  /* height: 100%; */
  /* width: 100%; */
  height: 340px;
  width: 330px;
  border-radius: 10px;
}

.chairman-section .message-text {
  width: 75%;
  text-align: justify;
  text-justify: inter-wod;
  /* margin: auto; */
  margin: 0px 208px;
}

.chairman-section .chairman-border {
  width: 70%;
  margin-left: auto;
  margin-right: 90px;
}

/* .chairman-name::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 50%;
  height: 1px;
  background-color: #ffffffd1;
} */
.chairman-section .chairman-name-box {
  width: 60%;
  margin: auto;
  text-align: start;
  position: relative;
}

.line-comma-icon {
  position: absolute;
  left: -104px;
  width: 70px;
  height: 60px;
}

.line-comma-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about-counter {
  background: var(--second-primary-bg-gradient);
  color: #fff;
  border-radius: 24px;
  padding: 50px 30px !important;
}

.counter-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.counter-box .content {
  text-align: start;
}

.counter-box h2 {
  font-weight: 800;
  font-size: 28px;
}

.counter-box h2,
.counter-box p {
  margin-bottom: 0px;
  font-family: var(--font-inter);
}

.counter-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
  border-bottom: 1px solid #50505059;
  border-top: 1px solid #ffffff5e;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: var(--border-radius);
  padding: 11px 13px;
  /* box-shadow: 0 4px 30px rgb(0 0 0 / 24%); */
  text-align: center;
  color: white;
  /* background: linear-gradient(135deg, rgb(255 255 255 / 30%) 6%, rgb(19 19 19 / 0%) 100%); */
}

.counter-img img {
  width: 20px;
}

.story-content .story-mb-title {
  display: none;
}

.main-button-fill {
  background: linear-gradient(to right,
      var(--second-primary-bg-gradient) 3%,
      #b5a08e 99%) !important;
  background-origin: border-box !important;
  color: #fff !important;
  /* border: 1px solid #958170 !important; */
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
}

.main-button-fill-green {
  background-origin: border-box !important;
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  color: #fff !important;
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
}

.main-button-fill-red {
  background-origin: border-box !important;
  background: #dc3545 !important;
  color: #fff !important;
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
}

.main-button-border:hover {
  background: linear-gradient(to right, #0b3e32 0%, #1da484 100%) !important;
  background-size: 102% 100% !important;
  background-position: center !important;

  background-clip: border-box !important;
  background-origin: border-box !important;
  /* background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important; */
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
}

.main-button-border {
  background-origin: border-box !important;
  background-color: transparent;
  color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
}

.bg-brown {
  background-color: #9c8978;
}

.innovation-bg-border::before {
  background-color: #fff !important;
}

.innovation-bg-border::after {
  background-color: #fff !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.bg-light-gradiant {
  background: linear-gradient(135deg,
      rgb(255 255 255 / 63%) 6%,
      rgb(153 153 153 / 24%) 100%) !important;
}

.bg-light-gradiant {
  width: 175px;
  height: 115px;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  text-align: center;
  padding: 15px;
  color: #fff;
  /* background: linear-gradient(145deg, #716357, #b5a08e) !important; */
  /* border: 3px solid rgba(255, 255, 255, 0.514) !important; */
  /* background: linear-gradient(to right, #716357 3%, #fff 99%) !important; */
}

.pro-bg-box {
  min-height: 175px;
  /* background: linear-gradient(to right, #1da484 3%, #0b3e32 99%) !important; */
  background: linear-gradient(135deg, #0d4d3e, #0a3d31);
  border-radius: 25px;
  color: #fff;
  padding: 35px;
  text-align: center;
  border: 2px solid #af9b8a;
  box-shadow:
    rgba(0, 0, 0, 0.09) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
}

.pro-bg-box:hover .pro-icon-box {
  scale: 1.1;
  box-shadow: 8px 8px #0005;
  transition: all 0.2s;
}

/* .pro-bg-box {
  background: linear-gradient(135deg, #0d4d3e, #0a3d31);
  border-radius: 25px;
  color: #fff;
  padding: 25px;
  text-align: center;
} */

.pro-icon-box-position {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75%;
}

.pro-icon-box {
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 2px;
  /* background: #c90000 !important; */
  height: 90px;
  width: 90px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  background: linear-gradient(#8f8f8f3b 0%, #9797976b 100%) !important;
  transition: all 0.4s;
  box-shadow: 0px 0px #0005;
  /* background: linear-gradient(
    135deg,
    rgb(255 255 255 / 30%) 6%,
    rgb(19 19 19 / 0%) 100%
  ); */
}

.pro-icon-box img {
  height: 55px;
  width: 55px;
  object-fit: contain;
}

.main-box-product {
  background: #921111;
  /* background: #f2f2f2; */
  min-height: 200px;
  border-radius: 20px;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #666666 !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%) !important;
}

.swiper-container-bar {
  width: 100%;
  height: 100%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 14px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  /* width: 100%;
  height: 100%; */
  /* object-fit: cover; */
}

/* footer bottom */
.footer-bottom {
  list-style: none;
  justify-content: end;
}

/* Start Blog CSS */

/* End Blog CSS */

.disease-list input[type="checkbox"] {
  display: none;
}

/* Label for custom checkbox */
.disease-list label {
  display: flex;
  align-items: center;
  cursor: pointer;
  /* padding-left: 24px; */
  position: relative;
}

/* Custom checkbox icon */
.disease-list .checkbox-icon {
  width: 20px;
  height: 20px;
  border: 2px solid #0a3d31;
  border-radius: 4px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

/* Font Awesome checkmark icon */
.disease-list .checkbox-icon i {
  color: transparent;
  /* Hide the checkmark initially */
  font-size: 14px;
}

/* When the checkbox is checked, change background and show the checkmark */
.disease-list input[type="checkbox"]:checked+label .checkbox-icon {
  background-color: #004236;
  /* Set background color for checked state */
}

.disease-list input[type="checkbox"]:checked+label .checkbox-icon i {
  color: white;
  /* Make checkmark white when checked */
}

.sidebar-product {
  border: 1px solid #0a3d31;
  padding: 10px;
  border-radius: 20px;
  /* height: 500px; */
}

.sidebar-product {
  background: #fff;
  border-radius: 15px;
  padding: 10px 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.search-title {
  color: #004236;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.search-container {
  position: relative;
}

.search-input {
  padding: 10px 35px 10px 15px;
  /* border: 1px solid #9B8877; */
  border: 1px solid #0a3d31;
  border-radius: 50px;
  width: 100%;
}

.search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
}

.disease-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}

.disease-tag {
  background: white;
  border: 1px solid #0a3d31;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  /* background: white;
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 8px 10px;
font-size: 9px;
color: #333;
cursor: pointer;
transition: all 0.3s ease; */
}

.disease-tag:hover {
  background: #004236;
  color: white;
  border-color: #004236;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .col-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .col-9 {
    width: 100%;
  }

  .disease-tags {
    gap: 8px;
  }

  .disease-tag {
    padding: 6px 12px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .sidebar-product {
    padding: 15px;
  }

  .search-title {
    font-size: 18px;
  }

  .disease-tag {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.thumb-category-slide .active-big-slider .Categories_box {
  min-height: 200px !important;
  width: 220px;
  /* width: 189px; */
}

/* Active slide style */
.thumb-category-slide .swiper-slide-active .Categories_box {
  min-height: 225px !important;
  box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
  border: 1px solid #cdcdcd;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border 0.3s ease;
}

/* Extra css add here for slider*/

.thumb-category-slide .gallery-thumbs .swiper-slide {
  width: 300px;
  height: 300px;
  text-align: center;
  overflow: hidden;
  opacity: 1;
}

/* .thumb-category-slide .active-big-slider .Categories_box {
min-height: 195px !important;
} */

/* .thumb-category-slide .swiper-slide-active .Categories_box {
min-height: 285px !important;
box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
border: 3px solid #cdcdcd;
transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
} */

.thumb-category-slide .thumb-product-slider {
  display: flex;
  align-items: baseline;
}

.thumb-category-slide .thumb-product-slider img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

/* .thumb-category-slide .swiper-slide-active .Categories_box .Categories_box_img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  padding: 15px;
} */

.thumb-category-slide .Categories_box {
  padding: 10px !important;
}

.thumb-category-slide .Categories_banner {
  position: absolute;
  width: 100%;
  top: -13% !important;
}

/* list css */
.disease-list ul {
  list-style: none;
  padding-left: 10px;
}

.disease-list label {
  font-size: 14px;
  /* Adjust as needed */
}

/* Increase the size of checkboxes */
.disease-list input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px;
}

.disease-list li {
  margin-bottom: 10px;
  /* Add space between items */
}

.disease-list input[type="checkbox"]:checked {
  background-color: #004236 !important;
}

.story-images .swiper-wrapper {
  display: flex;

  animation: marquee 20s linear infinite;
}

.story-images .swiper-slide {
  min-width: 100%;

  transition: transform 0.6s ease;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

/* product css start*/

.product-display {
  height: 235px;
  border-radius: 15px;
  /* overflow: hidden; */
  background: #f5f5f5;
  position: relative;
  border: 1px solid #f1f1f1;
  margin-bottom: 70px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.product-display:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.title-bar {
  /* background-color: #c4b5a4; */
  background-color: var(--second-primary-bg-gradient);

  padding: 10px 20px;
  position: absolute;
  top: 60px;
  left: 0;
  width: 80%;
  /* Adjusted for smaller cards */
  z-index: 2;
}

.title-bar h2 {
  color: white;
  font-size: 15px;
  /* Smaller font for grid layout */
  font-weight: 600;
}

.product-content {
  height: 100%;
  padding: 15px;
}

.product-content img {
  height: 170px;
  width: 135px;
  object-fit: contain;
}

.product-bottle {
  /* height: 175px;
width: auto; */
  position: absolute;
  right: 5%;
  /* right: 10%; */
  top: 23%;
  transform: translateY(-50%);
  z-index: 3;
  transition: transform 0.3s ease;
}

.product-display:hover .product-bottle {
  transform: translateY(-50%) scale(1.05);
}

.info-box {
  background-color: #004236;
  color: white;
  /* padding: 15px 20px; */
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 15px 15px;
}

.info-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.info-box p {
  font-size: 14px;
  margin-bottom: 0;
}

/* Responsive Styles */
@media (max-width: 1200px) {
  .product-display {
    height: 350px;
  }

  .product-bottle {
    height: 240px;
    right: 5%;
  }
}

@media (max-width: 991px) {
  .col-lg-3 {
    width: 50%;
    /* 2 cards per row on medium screens */
    margin-bottom: 20px;
  }

  .product-display {
    height: 380px;
  }

  .product-bottle {
    height: 260px;
  }

  .title-bar {
    width: 70%;
  }
}

@media (max-width: 575px) {
  .col-lg-3 {
    width: 100%;
    /* 1 card per row on mobile */
  }

  .product-display {
    height: 235px;
  }

  .product-bottle {
    height: 280px;
    right: 10%;
  }

  .title-bar {
    width: 60%;
    top: 50px;
  }

  .info-box h3 {
    font-size: 18px;
  }

  .info-box p {
    font-size: 14px;
  }
}

.swiper-slide.product-swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Set a fixed size for the images */
  overflow: hidden;
  /* Prevent images from overflowing */
}

.swiper-slide.product-swiper-slide img {
  width: auto;
  /* Keep aspect ratio */
  height: 100%;
  /* Make sure the image fills the slide height */
  object-fit: cover;
  /* Ensure the image covers the area */
}

/* .story-images .swiper-container {
  overflow: hidden;

  position: relative;
} */

.story-images .swiper-wrapper {
  display: flex;

  animation: marquee 20s linear infinite;
}

.story-images .swiper-slide.product-swiper-slide {
  min-width: 100%;

  transition: transform 0.6s ease;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

.swiper-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  rotate: -4deg;
  margin-top: -12px;
}

.slide-button-prev.slide-button-prev-product {
  z-index: 9;
  position: absolute;
  top: 31%;
  left: 2%;
  color: #fff;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
}

.slide-button-next.slide-button-next-product {
  z-index: 9;
  position: absolute;
  top: 32%;
  right: 14%;
  color: #fff;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
}

.Categories .swiper-button-next.slide-button-next-product {
  left: 96% !important;
  top: 52% !important;
  z-index: 999;
}

.Categories .swiper-button-prev.slide-button-prev-product {
  right: 96% !important;
  top: 52% !important;
}

/* .thumb-category-slide .active-big-slider .Categories_box {
  min-height: 200px !important;
  width: 280px;
} */

/* Active slide style */
.thumb-category-slide .swiper-slide.product-swiper-slide-active .Categories_box {
  min-height: 225px !important;
  box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
  border: 1px solid #cdcdcd;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border 0.3s ease;
}

.thumb-category-slide .gallery-thumbs .swiper-slide.product-swiper-slide {
  width: 300px;
  height: 300px;
  text-align: center;
  overflow: hidden;
  opacity: 1;
}

/* /* .thumb-category-slide .active-big-slider .Categories_box {
min-height: 195px !important;
} */

.thumb-category-slide .swiper-slide.product-swiper-slide-active .Categories_box {
  min-height: 285px !important;
  box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
  border: 3px solid #cdcdcd;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border 0.3s ease;
}

.thumb-category-slide .thumb-product-slider {
  display: flex;
  align-items: baseline;
}

.thumb-category-slide .thumb-product-slider img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

/* 
.thumb-category-slide .swiper-slide-active .Categories_box .Categories_box_img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  padding: 15px;
} */

.thumb-category-slide .Categories_title {
  font-size: 16px !important;
}

.thumb-category-slide .Categories_box {
  padding: 10px !important;
}

.thumb-category-slide .Categories_banner {
  position: absolute;
  width: 100%;
  top: -13% !important;
}

.Categories .swiper-wrapper-product {
  padding-bottom: 0px !important;
}

.product-categoryies-btn .swiper-button-next {
  left: 96% !important;
  top: 52% !important;
  z-index: 999;
}

.product-categoryies-btn .swiper-button-prev {
  right: 96% !important;
  top: 52% !important;
}

.product-categoryies-btn .swiper-wrapper {
  padding-bottom: 0px !important;
}

/* .slide-button-prev.slide-button-prev-product {
      z-index: 9;
      position: absolute;
      top: 46%;
      left: 10%;
      color: #fff;
      background-color: var(--dark-green-color);
      border-radius: 50%;
      padding: 5px;
      width: 40px;
      height: 40px;
    }
  
    .slide-button-next.slide-button-next-product {
      z-index: 9;
      position: absolute;
      top: 46%;
      right: 10%;
      color: #fff;
      background-color: var(--dark-green-color);
      border-radius: 50%;
      padding: 5px;
      width: 40px;
      height: 40px;
    } */

.product-categoryies-btn .slide-button-next img {
  width: 85%;
  transform: scaleX(-1);
}

.slide-button-prev img {
  width: 85%;
}

/* ----------START BLOG CSS */

.section-blog {
  /* padding-top: 5em; */
  /* margin-top: 120px; */
}

.section-blog .blog-card-img {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 90px;
}

.section-blog .blog-card-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
  top: -50%;
}

/* .section-blog img.card-img-top {
  width: 85%;
} */
.section-blog img.card-img-top {
  width: 85%;
  height: 200px;
  border-radius: 20px;
  object-fit: cover;
}

.section-blog .blog-product-img {
  /* background: linear-gradient(160deg, #9b8877, #877362, #af9b89); */
  /* padding: 0px 40px 40px 40px; */
  padding: 120px 40px 0px 40px;
  border-radius: 10px;
  width: 100%;
  height: auto;
}

/* .banner {
  background: url("assets/images/Rectangle 213.png") no-repeat center
    center/cover;
  height: 100vh;

  display: flex;
  align-items: center;

  color: white;
  text-align: left;
} */

.section-blog .card.blog-card-box {
  border: none;
  border-radius: 15px;
  /* overflow: hidden; */
  background-color: #766b62;
  /* background: linear-gradient(
    135deg,
    rgb(255 255 255 / 30%) 6%,
    rgb(19 19 19 / 0%) 100%
  ); */
  /* background: linear-gradient(160deg, #9b8877, #877362, #af9b89); */
  background: var(--second-primary-bg-gradient);
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);

  margin-bottom: 150px;
  transition: transform 0.3s ease;
  min-height: 230px;
}

.section-blog .card-body.card-title-bar {
  padding: 20px 30px;
  color: white;
}

.section-blog .card-title.card-head-bar {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.4;
}

.section-blog .meta-info {
  font-size: 14px;
  /* color: rgba(255, 255, 255, 0.8); */
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  gap: 95px;
  /* justify-content: space-between; */
  align-items: center;
}

.section-blog .read-more {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.section-blog .read-more:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* .read-more::after {
  content: "→";
  margin-left: 5px;
} */
.section-blog .read-more img {
  width: 14px;
  margin-left: 10px;
}

/* ----------END BLOG CSS */

/* ----------------start -Blog Details  */
.blog-detail .latest-blog .swiper-container {
  width: 100%;
  height: auto;
}

/* For Media section */
.blog-detail .latest-media .swiper-container {
  width: 100%;
  height: auto;
}

/* Responsive adjustments */
@media (min-width: 768px) {

  .blog-detail .latest-blog .swiper-container,
  .blog-detail .latest-media .swiper-container {
    max-width: 600px;
    /* Adjust for larger screens */
  }
}

.blog-detail .latest-blog .d-flex.position-absolute {
  /* top: 0; Align to the top of the container */
  right: 0;
  /* Align to the right of the container */
  display: flex;
  /* Ensure the buttons are next to each other */
  gap: 10px;
  /* Add spacing between the buttons */
  align-items: center;
  /* Vertically center the buttons */
}

.blog-detail .latest-media .d-flex.position-absolute {
  /* top: 0; Align to the top of the container */
  right: 0;
  /* Align to the right of the container */
  display: flex;
  /* Ensure the buttons are next to each other */
  gap: 10px;
  /* Add spacing between the buttons */
  align-items: center;
  /* Vertically center the buttons */
}

.blog-detail .latest-blog {
  position: relative;
  /* Ensure the container is a reference for absolute positioning */
}

.blog-detail .latest-media {
  position: relative;
  /* Ensure the container is a reference for absolute positioning */
}

.blog-detail .swiper-button-next:after {
  font-size: 15px;
  color: #000;
  font-weight: 600;
}

.blog-detail .swiper-button-prev:after {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  padding-right: 134px;
}

.blog-detail .blog-detail-date {
  color: #d9d9d9;
}

.blog-detail .blog-deatil-hori {
  margin-top: 60px;
  margin-bottom: 60px;
  color: #d9d9d9;
}

.blog-detail .blog-detail-title {
  margin-top: 12px;
  text-align: left;
}

.blog-detail .blog-detail-title .innovative-detail {
  margin-top: 8px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
  text-align: left;
}

.blog-detail .blog-detail-title span {
  font-weight: 500;
}

.blog-detail-title a {
  color: #000;
  font-weight: 500;
}

.blog-detail .blog-detail-card img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 15px;
}

.blog-detail .blog-post {
  background-color: #fbfbfb;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  /* margin-top: 25%; */
  margin: 100px 2px 2px 2px;
  min-height: 320px;
}

.blog-detail .blog-media {
  background-color: #ffffff;
  /* background: linear-gradient(90deg, #6666661a 6%, #ffffffc9 100%); */
  background: #f9f9f9;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  /* margin-top: 25%; */
  margin: 120px 2px 2px 2px;
}

.blog-detail .blog-post img {
  max-width: 100%;
  /* height: 150px; */
  border-radius: 15px;
  margin-top: -25%;
  object-fit: cover;
}

.blog-detail .blog-post h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #333;
}

.blog-detail .blog-title-hin {
  font-size: 23px;
  font-weight: 500;
}

.blog-detail .blog-media-card-img img {
  width: 100%;
  margin-top: -30%;
  border-radius: 20px;
  height: 220px;
  object-fit: cover;
  object-position: top;
}

.blog-detail .blog-date {
  color: #747474;
}

.blog-detail .img-blog-post {
  width: 100%;
  height: 458px;
  border-radius: 25px;
}

.latestblogdate {
  font-size: 14px;
  color: #747474;
}

/* -----------------End Blog Details  */
.section-Investors-table tbody,
td,
tfoot,
th,
thead,
tr {
  border-top: 1px solid #fff !important;
  border-bottom: none !important;
}

/* shere card */
.share-widget {
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: inline-block;
  margin-right: 1rem;
  margin-top: 5px;
}

.list-wrap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}

.list-wrap li {
  display: inline-block;
}

.list-wrap a {
  font-size: 20px;
  color: #6e6e6e;
  transition:
    color 0.3s ease,
    transform 0.3s ease;
}

.list-wrap a:hover {
  color: var(--dark-green-color);
  transform: scale(1.1);
}

.list-wrap i {
  margin-top: -5px;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .list-wrap {
    justify-content: center;
    gap: 0.75rem;
  }

  .social-title {
    font-size: 0.9rem;
    margin-right: 0.75rem;
  }
}

@media (max-width: 480px) {
  .list-wrap a {
    font-size: 18px;
  }
}

/* sher card */

/*START OUR STORY   */

.swiper-container-bar {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  rotate: -4deg;
  margin-top: -12px;
}

.swiper-slide {
  text-align: center;
  font-size: 14px;

  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.chairman-section {
  position: relative;
  top: -16px;
}

.swiper-bar-prev,
.swiper-bar-next {
  /* color: green; */
  background-color: #937f6e;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.swiper-bar-next:after,
.swiper-bar-prev:after {
  content: "";
  font-size: 20px;
}

.swiper-bar-prev {
  left: 15px;
}

.swiper-bar-next {
  right: 15px;
}

.swiper-bar-prev:hover,
.swiper-bar-next:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.swiper-slide img {
  object-fit: cover;
  /* height: 339px ; */
}

.story-images .swiper-container {
  overflow: hidden;

  position: relative;
}

.story-images .swiper-wrapper {
  display: flex;

  animation: marquee 20s linear infinite;
}

.story-images .swiper-slide {
  min-width: 100%;

  transition: transform 0.6s ease;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

.aboutus-1img {
  position: relative;
}

/* .our-story-section {
  position: relative;
  height: 90vh;
  overflow: hidden;
} */

.film-strip {
  position: absolute;
  rotate: -4deg;
  top: -18px;
  left: -48px;
  width: 37%;
  /* left: -5px; */
  /* left: 170px;
width: 28%; */
  /* width: 38%; */
  height: 108%;
  /* background: url("../imgs//beeimgtmp-20241106-170901\ \(1\).png") repeat-y; */
  background: url("../imgs/bg-reel.jpg") repeat-y;

  /* Vertical repeat for the film strip effect */
  background-size: 100%;
  /* Ensures the background stretches to cover */
  animation: reel-animation 10s infinite linear;
  /* Optional: Animation to simulate reel movement */
}

@keyframes reel-animation {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 -500px;
    /* Adjust this value for the speed of the animation */
  }
}

/* -----------our value */
.ourvalues-section .banner-title {
  font-family: var(--font-kalnia);
  /* font-size: 3rem; */
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
}

.pro-content-box-about {
  border-radius: 25px;
  color: #fff;
  padding: 25px;
  text-align: center;
  min-height: 159px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border-top: 1px solid #ffffff5e;

  backdrop-filter: blur(8px);
  border-radius: var(--border-radius);
  padding: 20px;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  text-align: center;
  color: white;
  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);
  border: 2px solid var(--second-primary-bg-gradient);
}

.pro-icon-box-about {
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 2px;
  /* background: #c90000 !important; */
  height: 90px;
  width: 90px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  background: var(--second-primary-bg-gradient);
  /* background: linear-gradient(
135deg,
rgb(255 255 255 / 30%) 6%,
rgb(19 19 19 / 0%) 100%
); */
}

.ourvalues-section .banner-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  /* Adjust the thickness of the full border */
  background-color: #ffffffd1;
  /* Border color */
}

.ourvalues-section .banner-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  /* Spacing between the two borders */
  width: 50%;
  /* Half-width border */
  height: 1px;
  /* Adjust the thickness of the half border */
  background-color: #ffffffd1;
  /* Border color */
}

.our-values-section {
  /* background: url("assets/images/Rectangle 170.png") no-repeat center
    center/cover; */

  background: url("../imgs/ourvaluesbg.jpg") no-repeat center center/cover;
  /* height: 85vh; */
  /* Full viewport height */
  display: flex;
  top: -16px;
  align-items: center;
  /* Vertically center the content */
  justify-content: center;
  /* Horizontally center the content */
  color: white;
  position: relative;
  padding: 120px 0px;
  /* Position relative for absolute positioning of text */
}

.text-overlay {
  position: absolute;
  /* Position text overlay absolutely */
  top: 50%;
  /* Adjust as needed for vertical positioning */
  left: 50%;
  /* Center horizontally */
  transform: translate(-50%, -50%);
  /* Center text in the middle of the section */
  text-align: center;
  /* Center align text */
  padding: 20px;
  /* Optional padding around text */
}

/* END OurSTORYSWIPER  */

/* Gallery Page css start */
.gallery-card {
  color: #fff;
  /* margin-top: 45px; */
}

.gallery-card-img {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}

.distributor-network-north-card img {
  /* background: #fff;
  padding: px; */
  border: 3px solid #fff;
  border-radius: 25px;
  padding: 5px;
}

.distributor-network-south-card img {
  border: 3px solid #0c4739;
  border-radius: 25px;
  padding: 5px;
}

.gallery-card-img img {
  width: 100%;
  /* height: 287px; */
  object-fit: cover;
  position: relative;
  /* top: -50%; */
  /* border-top-right-radius: 26px;
  border-top-left-radius: 26px;
  border-bottom-right-radius: 26px; */
  border-radius: 23px;
}

img.card-img-top {
  width: 100%;
}

.card.gallery-card-box {
  min-height: 280px;
  border: none;
  border-radius: 25px;
  /* overflow: hidden; */
  background-color: #766b62;
  /* background: linear-gradient(
    135deg,
    rgb(255 255 255 / 30%) 6%,
    rgb(19 19 19 / 0%) 100%
  ); */
  border-bottom-left-radius: 0px;
  background: #0a3d31;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);

  margin-bottom: 50px;
  transition: transform 0.3s ease;
}

/* Basic styling */
.gallery-boxs-image {
  cursor: pointer;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.gallery-boxs-image:hover {
  transform: scale(1.05);
}

.swiper-slide.swiper-slide-gallery img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.swiper-container-gallery {
  overflow: hidden;
}

.modal-content.modal-gallery-content {
  background: none;
  border: none;
}

.swiper-button-prev.gallery-prev:after,
.swiper-rtl .swiper-button-next.gallery-next:after {
  content: "prev";
  font-size: 19px;
  color: #000;
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.swiper-button-next.gallery-next:after,
.swiper-rtl .swiper-button-prev.gallery-prev:after {
  content: "next";
  font-size: 19px;
  color: #000;
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

/* Gallery Page css end */

.sliding-card-item-brown {
  background-color: #9c8978;
  width: 200px;
  height: 150px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.sliding-card-item-green {
  background-color: #004d40;
  width: 200px;
  height: 150px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

#slide-container {
  overflow: hidden;
}

.swiper-slide .swiper-slide-gallery img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/*    Our Team Css  */

.board-header {
  background-color: #0f766e;
  border-radius: 6px;
  padding: 12px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.member-card {
  border: none;
  border-radius: 15px;
  /* overflow: hidden; */
  transition: transform 0.3s ease;
  height: 100%;
}

.member-card:hover {
  transform: translateY(-5px);
}

.member-card:focus {
  outline: 3px solid #0f766e;
  outline-offset: 2px;
}

.member-image {
  height: 330px !important;
  object-fit: cover;
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
}

.member-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background: linear-gradient(
    to bottom,
    transparent,
    rgba(15, 118, 110, 0.9)
  ); */
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%);
  padding: 15px;
  text-align: center;
  margin: -30px 15px;
  border-radius: 12px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ourteam-pills.nav-pills .nav-link.active {
  background: none;
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
}

.ourteam-pills.nav-pills .nav-link {
  color: #0b3e32;
}

.member-name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: white;
}

.member-position {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
  .member-image {
    height: 360px;
  }
}

.card-wrapper {
  margin-bottom: 20px;
}

.our-team-sec {
  margin-bottom: 40px;
}

.team-read {
  color: #c5b09f;
}

/* start contact Style */
.font-heading {
  font-family: var(--font-kalnia);
}

.north-copper {
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
  padding: 8px;
  color: #000;
  font-weight: 500;
}

.corp-contact-in {
  border: 1px solid #000;
  padding: 15px;
  margin-top: 12px;
}

.section-title {
  font-size: 24px;
  /* margin-bottom: 20px; */
}

.contact-inpt::placeholder {
  color: #999;
  /* Change to your desired color */
  opacity: 1;
  /* Ensure placeholder color is not faded */
}

.contact-info p {
  margin-bottom: 8px;
}

.chairam-office h5 {
  font-weight: 500;
}

.contact-inpt {
  border: 1px solid #000;
}

.corprate-office h3 {
  font-weight: 500;
}

.chairam-office h5 {
  font-weight: 600;
}

.bussiness-office h6 {
  font-weight: 600;
}

.icon {
  color: #28a745;
}

.form-container .form-control {
  /* margin-bottom: 15px; */
  border: 1px solid rgb(19, 19, 19);
}

.form-container .form-group {
  margin-bottom: 15px;
}

.btn-submit {
  background-color: #28a745;
  color: #fff;
}

.btn-submit:hover {
  background-color: #218838;
}

.contact-manuf-info {
  width: 450px;
  padding-bottom: 30px;
}

.corp-contact-info {
  width: 450px;
  margin-bottom: 12px;
}

.registered-office {
  width: 450px;
}

.north-zone {
  position: relative;
  /* padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
}

/* Styling the Swiper container */
.swiper-container-contact {
  width: 100%;
  height: 300px;
  /* Adjust height as per your needs */
  border-radius: 8px;
  overflow: hidden;
}

/* Styling individual slides */
.swiper-container-contact .swiper-slide {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #000;
  margin-top: 12px;
  height: 200px;
  text-align: left;
}

/* Styling for previous and next buttons */
.contact-swiper-container .swiper-button-prev,
.contact-swiper-container .swiper-button-next {
  position: relative;
  background: none;
  border: none;
  color: #000;
  display: inline;
}

.contact-swiper-container .swiper-button-next:after,
.contact-swiper-container .swiper-button-prev:after {
  font-size: 25px;
  line-height: 4.8;
  font-weight: 600;
}

.contact-address-icon img {
  height: 18px;
}

.contact-address-icon .details {
  /* font-size: 2.8vh; */
  font-size: 14px;
}

.form-container .error-message {
  color: rgb(250, 46, 46);
  font-size: 12px;
}

/* end constact style */

/* product  Details */

.productsocialicons {
  list-style: none;
}

/* .productdetailimg {
        background: var(--primary-bg-gradient);
        height: 575px;
        border-radius: 15px;
      }

      .productdetailimg img {
        height: 435px;
        width: 435px;
        z-index: 9;
      } */

.proddetailtable thead th {
  background-color: #0a3d31;
  color: white;
  font-weight: bold;
}

.proddetailtable {
  width: 100%;
  /* border-collapse: collapse; */
}

.proddetailtable td,
.proddetailtable th {
  padding: 15px;
  /* border: 1px solid #dee2e6; */
  text-align: left;
}

.crop-icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 22%;
  object-fit: cover;
}

tr.product-detail-tab {
  border-color: #b0b0b0;
}

ul.productsocialicons {
  font-size: 25px;
}

ul.prodbenefit li {
  padding-bottom: 10px;
}

/* .productimgbg {
    border-top: 1px solid #ffffff5e;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    border-radius: 9px;
    padding: 20px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
    text-align: center;
    color: white;
    background: linear-gradient(135deg, rgb(255 255 255 / 30%) 6%, rgb(19 19 19 / 0%) 100%);
    height: 250px;
    margin: -45% 29px 29px 29px;
} */
.productdetailimg {
  background: var(--primary-bg-gradient);
  padding: 20px;
  border-radius: 15px;
  position: relative;
  text-align: center;
  overflow: hidden;
  /* Ensures background doesn't exceed the container */
  width: 100%;
  height: 100%;
}

.productdetailimg img {
  position: relative;
  z-index: 2;
  /* Ensures the image appears above the background layer */
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.productimgbg {
  position: absolute;
  top: 50%;
  left: 20;
  right: 20;

  width: 90%;
  height: 45%;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);
  border-radius: 15px;
  z-index: 1;
  /* Positions it behind the image */
  backdrop-filter: blur(8px);
  /* Optional blur effect */
}

.modal.modal-pro-de {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content.modal-pro-content {
  margin: auto;
  display: block;
  width: 100%;
  width: 50%;
  height: 80%;
  background: none;
  object-fit: contain;
}

.close.product-cls {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}

.prod-long-content ul {
  padding: 0px 0px 0px 20px;
}

.prod-long-content h4 {
  padding: 0px 0px 0px 2px;
}

/* RD css */
.RD-title-1 h2 {
  position: relative;
}

.RD-title-1 h2::after {
  bottom: -30%;
  left: 45%;
  content: "";
  position: absolute;
  width: 285px;
  height: 1px;
  background-color: var(--dark-green-color);
  transform: translateX(-50%);
  font-size: var(--font-robot);
}

.RD-title-2 h2 {
  position: relative;
}

.RD-title-2 h2::after {
  bottom: -30%;
  left: 25%;
  content: "";
  position: absolute;
  width: 160px;
  height: 1px;
  background-color: var(--dark-green-color);
  transform: translateX(-50%);
  font-size: var(--font-robot);
}

.RD-title-3 h2 {
  position: relative;
}

.RD-title-3 h2::after {
  bottom: -30%;
  left: 12%;
  content: "";
  position: absolute;
  width: 160px;
  height: 1px;
  background-color: var(--dark-green-color);
  transform: translateX(-50%);
  font-size: var(--font-robot);
}

.RD-fourth-title h2::after {
  bottom: -30%;
  left: 14%;
  content: "";
  position: absolute;
  width: 160px;
  height: 1px;
  background-color: #fff;
  transform: translateX(-50%);
  font-size: var(--font-robot);
}

.RDfaq .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.RDfaq .accordion-button:focus {
  box-shadow: none !important;
}

.rounded-img-25 {
  border-radius: 25px;
}

.rounded-img-25 img {
  border-radius: 25px;
}

.RDfaq-bg {
  background: linear-gradient(135deg, #685646, #948170);
  padding: 30px;
  border-radius: 25px;
}

.RDfaq .accordion-item {
  background-color: transparent !important;
  border: none !important;
}

.RDfaq .accordion-button {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
}

.RDfaq .accordion-button:focus {
  box-shadow: none !important;
}

.RDfaq .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1) !important;
}

.RDfaq .accordion-button::after {
  filter: brightness(0) invert(1) !important;
}

.RD-center-img {
  height: 345px;
  object-fit: cover;
  border-radius: 25px;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

/* START CSR STYLE---------------- */
.environment-section {
  background-color: #ffffff;
  /* Background color */
}

.image-wrapper {
  position: relative;
  display: inline-block;
}

.section-image {
  height: 200px;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}

.section-title {
  font-size: 2rem;
  padding-bottom: 20px;
}

.section-text {
  font-size: 14px;

  /* Adjust text color */
  margin-bottom: 1.5rem;
}

.button-group .custom-button {
  font-size: 0.9rem;
  font-weight: 500;
  border: 1px solid #004d40;
  /* Dark greenish border */
  color: #004d40;
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  margin-right: 0.5rem;
}

.button-group .custom-button:hover {
  background-color: #004d40;
  color: #fff;
}

.div2 img {
  position: absolute;
  top: -10%;
  right: 6%;
  border-radius: 20px;
}

.padding-40 {
  padding: 40px;
}

.mt-90 {
  margin-top: 90px !important;
}

.env-circle img {
  position: absolute;
  top: 65%;
  right: -5%;
}

.env-big-circle {
  width: 50%;
  position: absolute;
  left: -318px;
  bottom: -200px;
}

.env-second-sec {
  overflow: hidden;
  background: linear-gradient(to right, #5e432c 3%, #dbc4af 99%) !important;
  padding-top: 45px;
  padding-bottom: 45px;
}

.env-rec-shape-small {
  position: absolute;
  bottom: 5%;
  left: -40px;
}

.env-big-circle-gradiant img {
  bottom: -250px;
  width: 33%;
  position: absolute;
  right: -185px;
}

.background-green {
  background: #0a3d31 !important;
}

.bg-green {
  background: #004d40 !important;
}

.rounded-25 {
  border-radius: 25px;
}

.csr-bottom-slider .image-text {
  border-radius: 15px;
  border-top: 1px solid #ffffff5e;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  padding: 10px;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  text-align: center;
  color: white;
  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);
  position: absolute;
  bottom: 10px;
  /* left: 10px; */
  font-size: 14px;
  font-weight: bold;
  margin: 0px 10px;
}

.csr-bottom-slider .swiper {
  width: 100%;
  height: 100%;
}

.csr-bottom-slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.csr-bottom-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.csr-employee-sec .env-big-circle {
  width: 50%;
  position: absolute !important;
  left: -45px;
  bottom: -560px;
}

.env-employee-big-circle {
  width: 50%;
  position: absolute;
  left: -286px;
  bottom: -200px;
}

.env-yagya-big-circle {
  width: 50%;
  position: absolute;
  left: -286px;
  bottom: -200px;
}

.env-sec-padding {
  overflow: hidden;
  padding-top: 82px !important;
  padding-bottom: 45px !important;
}

.env-sec-margin {
  margin-top: 125px;
  margin-bottom: 125px;
}

/* END CSR STYLE ------------------ */
.mt-5r {
  margin-top: 5rem;
}

/* manufacture */
.section-title-reg {
  font-family: var(--font-kalnia);
  font-size: 30px;
  font-weight: 600;
}

.manufacturing-section-one {
  padding-bottom: 75px;
}

.image-container-manufacture {
  position: relative;
  height: 400px;
  width: 100%;
}

.image-container-manufacture img {
  position: absolute;
  /* max-width: 85%; */
  height: auto;
  border-radius: 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  /* transition: transform 0.3s ease; */
}

.image-container-manufacture .manufacturing-image1 {
  width: 293px;
  height: 400px;
  object-fit: cover;
}

.image-container-manufacture .manufacturing-image2 {
  width: 350px;
  height: 500px;
  object-fit: cover;
  border-right: 10px solid #9b8877;
}

.image-container-manufacture img:first-child {
  /* top: 0;
        left: 0;
        z-index: 2; */
  top: 100px;
  /* bottom: 0; */
  left: 60px;
  z-index: 2;
}

.image-container-manufacture img:last-child {
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 1;
}

/* Hover effects */
/* .image-container-manufacture:hover img:first-child {
        transform: translate(-5px, -5px);
      }

      .image-container-manufacture:hover img:last-child {
        transform: translate(5px, 5px);
      } */

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .image-container-manufacture {
    height: 300px;
    margin-top: 2rem;
  }
}

@media (max-width: 767.98px) {
  .image-container-manufacture {
    height: 400px;
  }

  .image-container-manufacture img {
    position: relative;
    display: block;
    margin: 1rem auto;
    max-width: 100%;
  }
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* Hero Section */
.hero-section-manufacture {
  /* background: linear-gradient(
          135deg,
          var(--primary-blue) 0%,
          var(--primary-dark) 100%
        ); */
  background: url("../imgs/Infra\ Banner.png") no-repeat center center/cover;
  /* padding: 6rem 0 12rem; */
  height: 450px;
  position: relative;
  overflow: hidden;
}

.hero-section-manufacture::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E"); */
  pointer-events: none;
}

.hero-image-container-manufacture {
  position: relative;
  animation: float 6s ease-in-out infinite;
}

/* .swiper-button-prev.swiper-bar-prev.mnufac-rgt-icon {
  top: 50% !important;
  left: -4% !important;
} */

/* Services Section */
.services-section-manuf {
  /* margin-top: -6rem; */
  margin-top: -292px !important;
  position: relative;
  z-index: 2;
  /* padding: 0 1rem; */
  overflow: hidden;
  padding: 10px 10px;
}

.service-card-manuf {
  background: white;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  height: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: none;
  position: relative;
  overflow: hidden;
  min-height: 630px;
}

.service-card-manuf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  /* background: linear-gradient(
          90deg,
          var(--primary-blue),
          var(--accent-orange)
        ); */
  background: linear-gradient(90deg, #0d4d3e, #c28d60);
  transform: scaleX(0);
  transition: all 0.3s ease;
  transform-origin: left;
}

.service-card-manuf:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.service-card-manuf:hover::before {
  transform: scaleX(1);
}

.service-icon-manuf {
  /* width: 90px; */
  /* height: 90px; */
  /* border-radius: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 0 auto 2rem; */
  position: relative;
  transition: all 0.3s ease;
  margin-bottom: 25px;
}

/* .service-icon-manuf::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: inherit;
        opacity: 0.2;
        transform: scale(1.2);
        z-index: -1;
      } */
.service-icon-manuf img {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  object-fit: cover;
}

.service-icon-manuf .fas {
  /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #4caf50;
        font-size: 20px; */
  position: absolute;
  top: 95%;
  left: 50%;

  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  /* position: relative; */
  transition: all 0.3s ease;
  /* margin-bottom: 26px; */
  background: #0d4d3e;
}

.service-icon-manuf.holographic {
  /* background: linear-gradient(135deg, var(--primary-blue), #00c6fb); */
  /* background: #0d4d3e; */
}

.service-icon-manuf.consumer {
  /* background: linear-gradient(135deg, var(--accent-orange), #fab1a0); */
  /* background: #0d4d3e; */
}

.service-icon-manuf.regulation {
  /* background: linear-gradient(135deg, var(--accent-green), #55efc4); */
  /* background: #0d4d3e; */
}

.service-icon-manuf i {
  color: white;
  font-size: 2rem;
}

.service-title-manufac {
  font-size: 1.5rem;
  font-family: var(--font-kalnia);
  font-weight: 400;
  /* margin-bottom: 1rem; */
  text-align: center;
  color: #0d4d3e;
}

.service-text-manufac {
  color: var(--text-light);
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
}

/* Quality Section */
.quality-section-manufac {
  /* padding: 8rem 0; */
  /* background-color: var(--secondary-blue); */
  position: relative;
  padding-top: 35px;
  /* padding-bottom: 120px; */
  padding-bottom: 45px;
  /* overflow: hidden; */
}

.quality-content-manufac {
  position: relative;
  z-index: 1;
}

/* 
      .quality-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 2rem;
        position: relative;
        display: inline-block;
      }

      .quality-title::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 60px;
        height: 4px;
        background: var(--primary-blue);
        border-radius: 2px;
      } */

.quality-text {
  /* font-size: 1.1rem;> */
  color: var(--text-light);
  margin-bottom: 12px;
}

/* .quality-image-container-manufacture {
        position: relative;
        border-radius: var(--radius-lg);
        overflow: hidden;
        box-shadow: var(--shadow-lg);
      } */

.quality-image {
  transition: all 0.3s ease;
}

.quality-image:hover {
  transform: scale(1.05);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .services-section-manuf {
    margin-top: -4rem;
  }

  .quality-section-manufac {
    padding: 35px 0;
  }
}

@media (max-width: 767.98px) {
  .hero-section-manufacture {
    padding: 4rem 0 8rem;
  }

  .hero-image-container-manufacture {
    margin-top: 2rem;
  }

  .service-card-manuf {
    margin-bottom: 2rem;
  }
}

.quality-image-container-manufacture {
  position: relative;
  /* height: 550px; */
  /* width: 100%; */
  /* perspective: 1000px; */
}

.quality-image-container-manufacture img {
  /* position: absolute; */
  width: 85%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  /* transition: all 0.4s ease; */
}

.quality-image-container-manufacture img:first-child {
  /* top: 0;
        left: 0;
        z-index: 2; */
  bottom: -55px;
  right: 0;
  z-index: 2;
  /* transform: rotate(-5deg); */
}

img.quality-image-1 {
  width: 50%;
  position: absolute;
}

img.quality-image-2 {
  width: 100%;
}

.quality-image-container-manufacture img:last-child {
  bottom: 0;
  right: 0;
  z-index: 1;
  /* transform: rotate(5deg); */
}

/* Hover Effects */
.quality-image-container-manufacture:hover img:first-child {
  /* transform: rotate(-3deg) translateY(-10px); */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.quality-image-container-manufacture:hover img:last-child {
  /* transform: rotate(3deg) translateY(10px); */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Glass effect overlay */
.quality-image-container-manufacture::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  right: -20%;
  bottom: -20%;
  /* background: linear-gradient(45deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0)); */
  pointer-events: none;
  border-radius: 20px;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .quality-image-container-manufacture {
    /* height: 400px; */
    height: 100%;
    margin-top: 3rem;
  }

  .quality-content-manufac {
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .quality-image-container-manufacture {
    height: auto;
    padding: 1rem;
  }

  .quality-image-container-manufacture img {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    transform: none !important;
  }

  .quality-image-container-manufacture:hover img {
    transform: none !important;
  }
}

.swiper-bar-prev-manufac,
.swiper-bar-next-manufac {
  /* color: green; */
  background-color: #937f6e !important;
  padding: 2px 7px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.swiper-bar-prev-manufac img,
.swiper-bar-next-manufac img {
  width: 85%;
}

.swiper-bar-next-manufac:after,
.swiper-bar-prev-manufac:after {
  content: "";
  font-size: 20px;
}

.swiper-bar-prev-manufac {
  left: 15px;
}

.swiper-bar-next-manufac {
  right: 15px;
}

.swiper-bar-next-manufac img {
  transform: rotate(0deg) !important;
}

/* .swiper-button-next.swiper-bar-next.mnufac-lft-icon {
  top: 50% !important;
  left: 100% !important;
} */

/* .swiper-bar-prev-manufac:hover,
        .swiper-bar-next-manufac:hover {
            background-color: rgba(0, 0, 0, 0.3);
        } */

/* awards recognition */
.awards-grid {
  padding: 40px 0;
  background-color: #f8f9fa;
}

.award-card-recorgni {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  /* margin-bottom: 24px; */
  margin-bottom: 0px;
  height: 200px;
  /* height: 100%; */
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.award-img-reco {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.award-reg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); */
  padding: 20px;
  color: white;
  transition: opacity 0.3s ease;
}

.award-reg h5 {
  font-family: var(--font-kalnia);
}

.award-overlay-recog {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  /* background: linear-gradient(
                to bottom,
                rgba(0, 0, 0, 0) 0%,
                rgba(0, 0, 0, 0.7) 75%,
                rgba(0, 0, 0, 0.9) 100%
              ); */
  padding: 20px;
  color: white;
  transform: translateY(100px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
  justify-content: center;
}

.award-card-recorgni:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.award-card-recorgni:hover .award-img-reco {
  transform: scale(1.1);
}

.award-card-recorgni:hover .award-overlay-recog {
  transform: translateY(0);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.8) 75%,
      rgba(0, 0, 0, 0.9) 100%);
  /* background: linear-gradient(to bottom, #ffffff 100%, #b0b0b0 69%); */
}

.awrd-title-reco {
  font-family: var(--font-kalnia);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.award-description-reco {
  /* font-size: 0.9rem; */
  font-size: 11px;
  opacity: 0;
  /* margin-top: 5px; */
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.award-card-recorgni:hover .awrd-title-reco,
.award-card-recorgni:hover .award-description-reco {
  opacity: 1;
  transform: translateY(0);
}

.section-para-reg {
  margin-bottom: 40px;
}

/* Add subtle shine effect */
.award-card-recorgni::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg,
      transparent,
      rgba(255, 255, 255, 0.1),
      transparent);
  transform: rotate(45deg);
  transition: all 0.8s ease-in-out;
  opacity: 0;
}

.award-card-recorgni:hover::after {
  opacity: 1;
  transform: rotate(45deg) translate(50%, 50%);
}

.award-reg p {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.award-reg p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  /* width: 100%; */
  width: 60px;
  height: 2px;
  background: #0d4d3e;
  /* transform: scaleX(0); */
  transform-origin: right;
  transition: transform 0.5s ease;
}

.award-card-recorgni:hover .award-reg p::after {
  transform: scaleX(1);
  transform-origin: left;
}

.award-reg-btn {
  position: relative;
  background: #0d4d3e;
  width: 40%;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.award-card-recorgni:hover .award-reg-btn {
  opacity: 1;
  transform: translateY(0);
}

.award-reg-btn::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  /* width: 100%; */
  width: 60px;
  height: 2px;
  background: #0d4d3e;
  /* transform: scaleX(0); */
  transform-origin: right;
  transition: transform 0.5s ease;
}

/* sustanability */
.sustainablity-clr-sec {
  background: linear-gradient(to bottom,
      /* #9b8877 0%, */
      var(--second-primary-bg-gradient) 40%,
      #1a4734 40%,
      #1a4734 100%);
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 0px 0px 25px 25px;
}

.sustainablity-clr-sec .card {
  border-radius: 15px;
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 265px;
  min-height: 453px;
}

.sustainablity-clr-sec .circle-icon {
  background: #fff;
  /* width: 130px; */
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.sustainablity-clr-sec .circle-icon img {
  object-fit: cover;
  height: 148px;
  width: 148px;
  border-radius: 50%;
}

.sustainablity-clr-sec .card-title {
  font-family: var(--font-kalnia);
  font-size: 20px;
  padding-bottom: 5px;
  color: #004d40;
  margin: 10px 0px;
}

.sustainablity-clr-sec .card-text {
  font-size: 14px;
  color: #666;
}

.sustainablity-clr-sec .read-more-btn {
  color: #1a4734;
  cursor: pointer;
  font-weight: bolder;
}

.sustainablity-clr-sec .swiper-slide:hover {
  cursor: pointer;
}

.multi-colour-sec {
  background: linear-gradient(to bottom,
      #9b8877 0%,
      #877362 40%,
      #1a4734 40%,
      #1a4734 100%);
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 0px 0px 25px 25px;
}

.multi-colour-sec .card {
  border-radius: 15px;
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* transition: transform 0.3s ease; */
  width: 265px;
}

/* .multi-colour-sec .card:hover {
  transform: translateY(-5px);
} */

.multi-colour-sec .circle-icon {
  background: #fff;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.multi-colour-sec .circle-icon img {
  width: 130px;
  height: 130px;
}

.multi-colour-sec .card-title {
  font-family: var(--font-kalnia);
  font-size: 20px;
  padding-bottom: 5px;
  color: #004d40;
  margin: 10px 0px;
}

.multi-colour-sec .card-text {
  font-size: 14px;
  color: #666;
}

.multi-colour-sec .read-more-content {
  display: none;
}

.multi-colour-sec .read-more-btn {
  color: #1a4734;
  cursor: pointer;
  font-weight: bolder;
}

.ability-sec-div-2 img {
  position: absolute;
  top: -7%;
  left: 4%;
  /* height: 428px !important;
            width: 526px !important;
            object-position: top;
            object-fit: cover;
            border-radius: 25px; */
}

.section-title-sustain {
  font-family: var(--font-kalnia);
  font-size: 20px;
  padding-bottom: 5px;
  color: rgba(0, 0, 0, 1);
  margin: 10px 0px;
}

.section-title-sustain-bar {
  font-family: var(--font-kalnia);
  font-size: 30px;
  padding-bottom: 5px;
  color: rgba(0, 0, 0, 1);
  margin: 10px 0px;
}

.wheet-img-shape {
  position: absolute;
  bottom: -125px;
  z-index: 0;
}

.ability-sec-col1 {
  position: relative;
  z-index: 1;
}

.position-relative {
  position: relative;
}

/* .background-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        } */

.sustain-third-secrow {
  position: absolute;
  top: 20%;
}

.sustain-border-sec {
  /* background: linear-gradient(to bottom, #9b8877 0%, #877362 100%); */
  background: var(--second-primary-bg-gradient);
}

.sustain-border-sec .outer-container {
  border: 1px dashed #fff;
  border-radius: 15px;
  padding: 0px;
}

/* .sustain-border-sec .card-wrapper {
            position: relative;
            height: 100%;
        } */

/* .sustain-border-sec .card-wrapper:not(:last-child)::after {
            content: '';
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            border-right: 1px dashed #ccc;
        } */

.sustain-border-sec .row>.col-12:last-child .custom-card {
  border-right: none !important;
}

.sustain-border-sec .custom-card {
  margin-top: 17px;
  padding: 25px;
  height: 100%;
  text-align: center;
  border-right: 1px dashed #fff;
}

.sustain-border-sec .icon-container {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  background-color: #0d4d3e;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.sustain-border-sec .icon-container img {
  width: 40px;
  height: 40px;
}

.home-blog-btn {
  /* width: 65%;
  margin: 0 auto;
  right: 0; */
  position: absolute;
  left: 0;
  top: 50px;
}

/* macnufactiure_Details  */

.manufacture-banner {
  background-image: url("assets/images/manufacture/manufacturing-banner.png") !important;
  background-repeat: no-repeat;
}

.manufact-first-sec {
  /* background: linear-gradient(to right, #877362 3%, #9b8877 99%) !important; */
  background: var(--second-primary-bg-gradient);
  padding-top: 60px;
  padding-bottom: 100px;
}

.manufact-first-sec .section-title {
  font-family: var(--font-kalnia);
}

.manufact-first-div2 img {
  position: absolute;
  top: -4%;
  right: 6%;
}

.manufact-first-sec .content-card {
  position: absolute;
  left: 31%;
  bottom: -60px;
  padding: 50px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  color: #fff;
}

.manufact-second-sec {
  background-image: url("/assets/imgs/manufacture/green-design-bg.png");
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

.manufact-second-sec .inner-div {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  padding: 25px;
  color: #fff;
  border-radius: 15px;
  border: 0.2px solid #d1d1d129;
  min-height: 550px;
}

.manufact-second-sec .inner-div h4 {
  font-family: var(--font-kalnia);
  font-size: 20px;
}

.manufact-third-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.manufact-first-sec .section-title {
  font-weight: 600 !important;
  font-family: var(--font-kalnia);
  font-size: 30px;
}

.manufact-third-sec .first img {
  border-radius: 15px;
  height: 100%;
}

.line-brown-div::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  border: 2px solid #958271;
  display: inline-block;
  width: 100%;
  height: 100%;
  /* -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius); */
  border-radius: 15px;
  z-index: -1;
}

.manufact-second-sec .swiper {
  width: 100% !important;
}

.manufact-second-sec .swiper-button-next,
.manufact-second-sec .swiper-button-prev {
  bottom: 14px !important;
  top: 50% !important;
  color: #fff !important;
  /* background-color: #9b8877 !important; */
  background-color: var(--second-primary-bg-gradient) !important;

  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
}

.mt-100 {
  margin-top: 90px !important;
}

/*   Carrer details */

.career-detail-card-nub {
  font-size: 30px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.career-thumb-category-slide .swiper-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  rotate: -4deg;
  margin-top: -12px;
}

.career-thumb-category-slide .swiper-slide.product-swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.career-thumb-category-slide .swiper-slide.product-swiper-slide img {
  width: auto;
  height: 90%;
  /* height: 100%; */
  object-fit: cover;
}

.story-images .swiper-wrapper {
  display: flex;

  animation: marquee 20s linear infinite;
}

.story-images .swiper-slide.product-swiper-slide {
  min-width: 100%;

  transition: transform 0.6s ease;
}

.career-thumb-category-slide .active-big-slider .Categories_box {
  min-height: 200px !important;
  /* width: 220px; */
  width: 190px;
}

.career-thumb-category-slide .swiper-slide-active .Categories_box {
  min-height: 225px !important;
  box-shadow: 0px 4px 15px rgba(192, 192, 192, 0.2);
  border: 1px solid #cdcdcd;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border 0.3s ease;
}

.career-thumb-category-slide .gallery-thumbs-career .swiper-slide.product-swiper-slide {
  width: 300px;
  height: 300px;
  text-align: center;
  overflow: hidden;
  opacity: 1;
}

.career-thumb-category-slide .thumb-product-slider {
  display: flex;
  align-items: baseline;
}

.career-thumb-category-slide .thumb-product-slider img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

/* .career-thumb-category-slide .swiper-slide-active .Categories_box .Categories_box_img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  padding: 15px;
} */

.career-thumb-category-slide .swiper-slide-active .Categories_box .Categories_box_img {
  /* width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  padding: 15px; */
  width: 80px !important;
  height: 80px !important;
  border-radius: 50%;
  padding: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.career-thumb-category-slide .Categories_title {
  font-size: 18px !important;
}

.career-thumb-category-slide .Categories_box {
  padding: 10px !important;
}

.career-thumb-category-slide .Categories_banner {
  position: absolute;
  width: 100%;
  top: -13% !important;
}

.career-thumb-category-slide .swiper-wrapper {
  /* padding-bottom: 145px !important; */
}

.career-thumb-category-slide .Categories_banner {
  /* height: 360px; */
  height: 200px;
}

.career-thumb-category-slide .career-swiper {
  /* top: 9rem; */
  top: 0px;
}

.career-top-title::after {
  content: "";
  position: absolute;

  left: 14%;
  bottom: -9px;
  width: 75%;
  height: 1px;
  background-color: #ffffff;
}

.career-top-title::before {
  content: "";
  position: absolute;
  bottom: -4px;
  width: 100%;
  height: 1px;

  background-color: #ffffff;
}

.career-top-title {
  font-family: var(--font-kalnia);
  /* margin-top: 50px; */
  position: relative;
  display: inline-block;
  font-size: 30px;
  z-index: 99;
  color: #fff;
  font-size: 30px !important;
}

/* .career-top-title {
  font-family: var(--font-kalnia);
  margin-top: 50px;
  position: relative;
  z-index: 9;
  color: #fff;
  font-size: 36px !important;
  display: inline-block;
} */

/* .Categories .swiper-wrapper {
  padding-bottom: 200px;
} */

.career-thumb-category-slide .swiper-button-prev {
  right: 0 !important;
  bottom: 14px !important;
  top: 55% !important;
  color: #fff !important;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  transform: rotate(180deg);
}

.career-thumb-category-slide .swiper-button-next {
  right: 0% !important;
  left: 0 !important;
  bottom: 14px !important;
  top: 55% !important;
  color: #fff !important;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  transform: rotate(180deg);
}

.background-color {
  background-color: var(--dark-green-color);
}

.featured-award-sec .section-title {
  font-family: var(--font-kalnia);
  font-size: 20px;
  padding-bottom: 5px;
  color: #004d40;
  margin: 10px 0px;
  padding-bottom: 0px;
}

.featured-award-sec {
  background-image: url("/assets/imgs/career/hand-bg-big.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.featured-award-sec .card {
  border-radius: 18px;
  min-height: 440px;
}

.featured-award-sec .heading-line::after {
  content: "";
  position: absolute;
  left: 20%;
  width: 50%;
  height: 1px;
  bottom: -10px;
  background-color: #ffffff;
}

.featured-award-sec .heading-line::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background-color: #ffffff;
}

.featured-award-sec .heading-line {
  margin-bottom: 50px;
  margin-top: 0px;
  display: inline-block;
  position: relative;
}

.feature-award-boxes {
  background: #af9b8a;
  border-radius: 25px;
}

.feature-award-boxes .content {
  padding: 50px 25px;
  color: #fff;
}

.feature-award-boxes .content .inner-txt-box {
  font-family: var(--font-kalnia);
  background: #fff;
  color: #0d4d3e;
  padding: 10px 10px;
  border-radius: 5px;
  position: absolute;
  bottom: -8%;
}

.feature-award-boxes {
  margin-bottom: 25px;
}

.career-perscprective-sec .swiper-bar-next {
  right: 5px;
  transform: rotate(180deg);
}

.career-perscprective-sec .swiper-container {
  rotate: 0deg !important;
  width: 100% !important;
  overflow: hidden !important;
}

.career-perscprective-sec {
  padding-top: 35px !important;
  padding-bottom: 45px !important;
  background-image: url("/assets/imgs/career/career-perspective-bg.png");
  /* background-repeat: no-repeat; */
  width: 100%;
  object-fit: cover;
}

.career-perscprective-card {
  position: relative;
  border-radius: 25px;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  color: white;
  padding: 40px 40px 90px;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.075) 6%,
      rgba(172, 172, 172, 0.137) 100%);
  backdrop-filter: blur(8px);
}

.career-perscprective-card .swiper-icon {
  position: absolute;
  bottom: 45px;
  left: 15%;
}

.swiper-dhaej-prev,
.swiper-dhaej-next {
  user-select: none;
}

.welcome-prebtn,
.welcome-nextbtn {
  user-select: none;
}

.career-perscprective-card .swiper-bar-prev,
.career-perscprective-card .swiper-bar-next {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%) !important;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
  user-select: none;
}

.career-perscprective-card .swiper-bar-next:after,
.career-perscprective-card .swiper-bar-prev:after {
  content: "";
  font-size: 20px;
}

.career-perscprective-card .swiper-bar-prev {
  left: 5px;
  transform: rotate(180deg);
}

.career-perscprective-card .swiper-bar-next {
  right: 5px;
  transform: rotate(180deg);
}

.career-perscprective-card .swiper-bar-prev:hover,
.career-perscprective-card .swiper-bar-next:hover {
  background-color: var(--dark-green-color);
}

/* slider */
.career-life-slider .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  /* Ensure proper height based on content */
}

.career-life-slider .slide-box {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  width: 100%;
  height: 365px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
}

.career-life-slider .slide-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensure the image fits within the box */
  transition: transform 0.3s ease;
}

.slide-box:hover img {
  transform: scale(1.1);
  /* Zoom effect on hover */
}

.career-life-slider .content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #1a7a649f 3%, #0b3e32b2 99%) !important;
  color: #fff;
  display: flex;
  align-items: end;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 25px;
}

.career-life-slider .slide-box:hover .content-overlay {
  opacity: 1;
}

.head-life-dhanuka h2 {
  font-family: var(--font-kalnia);
  font-size: 28px;
  padding-bottom: 5px;
  color: #004d40;
  padding-bottom: 0px;
  margin-bottom: 45px;
  position: relative;
  display: inline-block;
}

.head-life-dhanuka h2::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 50%;
  height: 1px;
  bottom: -10px;
  background-color: #000000;
}

.head-life-dhanuka h2::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #000000;
}

.head-perscprective h2 {
  font-family: var(--font-kalnia);
  font-size: 28px;
  padding-bottom: 5px;
  color: #ffffff;
  padding-bottom: 0px;
  margin-bottom: 45px;
  position: relative;
  display: inline-block;
}

.head-perscprective h2::after {
  content: "";
  position: absolute;
  left: 23%;
  width: 50%;
  height: 1px;
  bottom: -10px;
  background-color: #ffffff;
}

.head-perscprective h2::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background-color: #ffffff;
}

.head-award-career h2 {
  font-family: var(--font-kalnia);
  font-size: 28px;
  padding-bottom: 5px;
  color: #004d40;
  padding-bottom: 0px;
  margin-bottom: 45px;
}

.head-award-career h2::after {
  content: "";
  position: absolute;
  left: 35%;
  width: 380px;
  height: 1px;
  bottom: 29px;
  background-color: #000000;
}

.head-award-career h2::before {
  content: "";
  position: absolute;
  left: 28%;
  width: 580px;
  height: 1px;
  bottom: 35px;
  background-color: #000000;
}

.margin-con {
  margin-top: 5rem !important;
}

/*  Job Hiring  */

.heading-hiring {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
  font-size: 30px;
}

.heading-hiring::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 2px;
  background-color: #333;
  margin: -2px;
}

.heading-hiring::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #333;
}

.heading-hiring::before {
  bottom: -18px;
}

.heading-hiring::after {
  bottom: -10px;
  /* Position below the heading */
}

.hiring-contain {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
  /* background: var(--second-primary-bg-gradient); */

  border-radius: 25px;
}

.hiring-contain label {
  color: #ffff;
}

.hiring-form-control {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
  border: 2px solid #fff;
  color: #fff;
}

.hiring-form-control::placeholder {
  color: #fff;
  /* Change this to your desired color */
  opacity: 1;
  /* Ensures the color is not transparent */
}

.hire-icom {
  font-size: 22px;
  color: #fff;
}

.hiring-certifi {
  height: 136px;
  border: 2px solid #fff;
}

.resume-certifi {
  border: 2px solid #fff;
  height: 80%;
}

select#cityoption {
  color: #fff;
}

select#positionName {
  color: #fff;
}

.hiring-form-control:focus {
  border-color: #ffffff4d !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(147 127 110) !important;
}

.error-message {
  color: #ffcec8;
}

.ove_hiring {
  height: 140px;
  overflow-x: auto;
}

.btn-icon-del {
  background: white;
  border-radius: 50%;
  border: 1px solid white;
  color: red;
  width: 20px;
  height: 20px;

  justify-content: center;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
  font-size: 12px;
}

.virtual-sec {
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
  /* background: var(--second-primary-bg-gradient); */
}

.virtual-sec .card {
  border: none !important;
  padding: 10px !important;
  border-radius: 15px !important;
  background-color: #99887a !important;
}

.virtual-sec .card .card-body {
  /* padding-left: 5px !important; */
  /* padding-right: 5px !important; */
  /* padding-top: 25px; */
  color: #fff;
}

.virtual-sec .card .card-img-top {
  border-radius: 15px !important;
  height: 280px;
  object-fit: cover;
}

.virtual-sec .red-circle {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background-color: red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.img-virtual {
  filter: invert(1);
}

.virtual-sec .red-circle i {
  color: white;
  font-size: 20px;
}

.virtual-sec-mainhead::before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #ffffffd1;
}

.virtual-sec-mainhead::after {
  content: "";
  position: absolute;
  left: 20%;
  bottom: -5px;
  width: 60%;
  height: 1px;
  background-color: #ffffffd1;
}

.virtual-sec-mainhead {
  font-family: var(--font-kalnia);
  display: inline-block;
  position: relative;
}

.virtual-banner {
  background: url("assets/images/virtual-bnr.png") no-repeat center center / cover;
  height: 100vh;
  display: flex;
  align-items: center;
  color: white;
  text-align: left;
}

body.modal-open {
  overflow: hidden;
  /* Prevent scrolling */
}

body.modal-open {
  padding-right: 0 !important;
  /* Fix issues with scrollbars */
  overflow: hidden;
  /* Prevent body scroll */
}

/*    Investor   */
.heading-inv-doc {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 25px;

  position: relative;
  text-align: center;
  font-size: 30px;
}

.heading-inv-doc::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 2px;
  background-color: #333;
  margin: -2px;
}

.heading-inv-doc::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #333;
}

.heading-inv-doc::before {
  bottom: -18px;
}

.heading-inv-doc::after {
  bottom: -10px;
}

.page-title {
  color: #333;
  font-size: 24px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
}

.document-grid {
  /* background: linear-gradient(to right, #877362 3%, #9b8877 99%); */
  background: var(--second-primary-bg-gradient);
  padding: 35px;
  border-radius: 15px;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
  margin-bottom: 20px;
}

.doc-card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #eee;
  margin-bottom: 35px;
  width: 100%;
  height: 315px;
}

.doc-card:hover {
  background: linear-gradient(to right, #1a7a649f 3%, #0b3e32b2 99%) !important;
  border: 1px solid #004d40;
  background-image: url(assets/images/amitabh-event.jpg);
}

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

.doc-card:hover .doc-number {
  color: #fff;
}

.doc-card:hover .leafhovercolor {
  filter: invert(1) brightness(1000%);
}

.doc-number {
  font-family: var(--font-kalnia);
  /* position: absolute; */
  top: 15px;
  left: 15px;
  color: #92929263;
  font-size: 50px;
  font-weight: 500;
}

.doc-icon {
  position: relative;
}

.doc-icon img {
  width: 110px;
  height: 120px;
  left: 0;
  margin-left: 5px;
  margin-top: 5px;
}

.doc-pdf-bg {
  position: absolute;
  width: 110px;
  height: 120px;
  background: #004d40;
  border-radius: 12px;
}

.doc-card:hover .doc-pdf-bg {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
}

.plant-icon {
  width: 20px;
  height: 20px;
  margin-top: 10px;
}

.doc-title {
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 1.4;
}

.doc-card:hover .doc-title {
  color: #fff;
}

.bottom-section-container {
  margin-top: 40px;
}

.bottom-section-container .bottom-bar {
  background-color: #004d40;
  color: white;
  padding: 12px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.bottom-section-container .bottom-bar:hover {
  background-color: #004d40;
}

.bottom-section-container .bottom-bar .plus-icon {
  font-size: 20px;
  font-weight: bold;
}

.bottom-section-container .accordion-item {
  margin-bottom: 14px;
}

.bottom-section-container button.accordion-button.collapsed {
  background: #0e513d;
  color: #fff;
}

.bottom-section-container .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #004d40;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.bottom-section-container .accordion-button:focus {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.bottom-section-container .accordion-button::after {
  content: "";
  filter: invert(1);
}

.annual-text-doc {
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  color: white;
  padding: 5px 12px;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.075) 6%,
      rgba(172, 172, 172, 0.137) 100%);
  border-radius: 5px;
}

.nav-container-right {
  background: var(--second-primary-bg-gradient);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 0px 30px;
  flex-grow: 1;
}

.nav-links a {
  text-decoration: none;
  padding: 10px 15px;
  color: #333;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: #007bff;
}

/* Dropdown container */
/* Base styles for navbar links */
.navbar-link-head ul {
  list-style: none;
  margin: -15px;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

.navbar-link-head ul li {
  position: relative;
}

.navbar-link-head ul li a {
  color: #000;
  text-decoration: none;
  padding: 10px 25px 10px 25px;
  /* padding: 10px 10px; */
  display: block;
  transition: color 0.3s;
  font-size: 14px;
}

/* Dropdown menu styling */
.navbar-link-head .dropdown-menu {
  display: none;
  /* Hide by default */
  position: absolute;
  top: 100%;
  /* Position it below the parent link */
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border-radius: 4px;
  z-index: 1000;
  width: 220px;
}

.navbar-link-head .dropdown-menu li a {
  color: #000;
  padding: 10px 15px;
  text-decoration: none;
  /* width: 250px; */
  /* white-space: nowrap; */
  transition: background-color 0.3s;
  font-size: 14px;
}

/* Hover effect for dropdown links */
.navbar-link-head .dropdown-menu li a:hover {
  background-color: #f5f5f5;
}

/* Show dropdown on hover */
.navbar-link-head .dropdown:hover .dropdown-menu {
  display: block;
}

/* Optional: Adjust spacing for better visual appearance */
.navbar-link-head ul li a:hover {
  color: #f5f5f5;
}

.logo-section {
  width: 110px;
  height: 130px;
  border-radius: 0px 0px 12px 12px;
  background-color: #fff;
  /* box-shadow: -8px 2px 0px rgb(255 255 255 / 90%); */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0px 16px 0px 16px;
  border-bottom: 4px solid #009d57;
}

.navbar-link-head a:hover {
  color: #fff;
}

.navbar-link-head .dropdown-menu a:hover {
  color: #fff;
}

.dropdown-product {
  background-color: #a18d7c !important;
}

.dropdown-product a {
  color: #fff !important;
}

.pro-content-box-about:hover .pro-icon-box-about {
  /* scale: 1.1; */
  box-shadow: 8px 8px #0005;
  transition: all 0.2s;
}

.pro-content-box-about:hover {
  backdrop-filter: none !important;
}

.pro-icon-box-about {
  transition: all 0.4s;
}

.navbar-link-head .dropdown-menu li a:hover {
  background: #004236;
}

.navbar-link-head .dropdown-menu {
  padding: 0px;
}

@media (max-width: 480px) {
  .pro-icon-box-position {
    bottom: 63%;
  }

  .chairman-section .message-text {
    margin: 0 !important;
  }

  .our-values-section {
    /* height: 170vh; */
    height: 1040px;
  }

  .pt-4 {
    margin-top: 20px;
  }

  .our-history {
    top: -16px;
  }
}

.manufacsidebarimg {
  position: relative;
}

.manufacsidebarimg img {
  width: 100%;
  /* height: 520px; */
  height: 490px;
  object-fit: contain;
}

.videoicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.videoicon img {
  width: 50px;
  height: 50px;
}

.sliderbtn .carousel-control-next,
.sliderbtn .carousel-control-prev {
  width: 4% !important;
}

.swiper-chairam-prev,
.swiper-chairam-next {
  /* color: green; */
  background-color: var(--second-primary-bg-gradient);
  /* padding: 10px; */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
  cursor: pointer;
  user-select: none;
}

/* .swiper-chairam-next:after,
.swiper-chairam-prev:after {
  content: "";
  font-size: 20px;
} */

.swiper-chairam-prev {
  left: 15px;
}

.swiper-chairam-next {
  right: 15px;
}

/* .swiper-chairam-prev:hover,
.swiper-chairam-next:hover {
  background-color: rgba(0, 0, 0, 0.3);
} */
.chairman-imgprev,
.chairman-imgnext {
  width: 85%;
  position: absolute;
  top: 15px;
  left: 3px;
}

.chairam-commaright {
  position: absolute;
  right: -50px;
  top: 8px;
  transform: rotate(180deg);
}

.chairam-commaleft {
  position: absolute;
  left: -50px;
  top: 8px;
}

.swiper-slide.bigactive {
  height: 250px;
  opacity: 1;
  transform: scale(1.2);
  z-index: 10;
  /* Ensures it is on top */
}

.section-Investors {
  background-color: #004d40;
  border-bottom: 1px solid #fff;
}

.section-Investors-table {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
  border-radius: 10px;
  margin-top: 10px;
}

.section-Investors-table .table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.section-Investors-table .tbody td {
  text-align: left;
  padding: 10px;
  background-color: #004d40;
  color: #fff;
}

.section-Investors-table .thead th {
  text-align: left;
  padding: 10px;
  background: #004d40;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.section-Investors-table .thead th::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}

.section-Investors-table .thead th:first-child,
.section-Investors-table .tbody td:first-child {
  padding-left: 20px;
}

.section-Investors-table .tbody td:last-child {
  width: 50%;
}

.section-Investors-table .tbody tr td:last-child,
.section-Investors-table .thead tr th:last-child {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.section-Investors-table .thead tr th:first-child,
.section-Investors-table .tbody tr td:first-child {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.section-Investors-table.changes-among-directors {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%) !important;
  border-radius: 11px !important;
  padding: 10px !important;
}

.head-chnages-director {
  background: rgba(255, 255, 255, 0.2) !important;
  width: 241px !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 8px !important;
}

.accord.accordion-header {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%) !important;
  width: 92% !important;
  border-radius: 11px !important;
  padding: 12px !important;
}

.accord.accordion-button:not(.collapsed) {
  width: 6%;
  background: #004d40;
  box-shadow: none !important;
  background-repeat: no-repeat;

  background-size: 1rem;
}

.accord.accordion-button.collapsed {
  width: 6%;
  background: #004d40;
  color: white;
}

.accord.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon-active) !important;
}

.accord.accordion-item {
  border: none !important;
  background-color: #004d40 !important;
}

.accord.accordion-body {
  padding: 0px !important;
}

.accord.accordion-button:focus {
  box-shadow: none !important;
}

.accord.accordion-button {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M8 1v14M1 8h14'/%3e%3c/svg%3e") !important;
  /* White Plus Icon */
  --bs-accordion-btn-icon-active: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 2L14 14M14 2L2 14'/%3e%3c/svg%3e") !important;
  /* White Cross Icon */
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
}

.accord.accordion {
  --bs-accordion-btn-icon-transform: rotate(0deg);
}

.boardmainsec .transparent-img {
  position: absolute;
  bottom: -5%;
  right: -5%;
}

.heading-inv-finical {
  text-align: center;
  font-family: var(--font-kalnia);
  font-size: 30px;
}

ul.dropdown-menu.product-menu {
  border-radius: 0px 0px 12px 12px;
}

.card-border {
  border-radius: 12px !important;
}

.card-blogShComp {
  border-radius: 20px !important;
  margin: 0px 15px;
  margin-bottom: 120px;
}

.shimmer-cardShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  /* position:relative; */
}

.shimmer-thumbComp {
  width: 85%;
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 33px;
  margin-top: -130px;
  border-radius: 20px;
  position: absolute;
}

.shimmer-contentComp {
  width: 100%;
  max-width: 400px;
  /* Adjust content width */
}

.shimmer-titleComp {
  height: 22px;
  margin-top: 85px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.shimmer-textComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.shimmer-linkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-top: 26px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.jobshead-hire {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 30px;
}

.jobshead-hire::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 2px;
  background-color: #fff;
  margin: -2px;
}

.jobshead-hire::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #fff;
}

.jobshead-hire::before {
  bottom: -18px;
}

.jobshead-hire::after {
  bottom: -10px;
  /* Position below the heading */
}

.jobs-sec {
  /* background-color: #a39488; */
  background-color: var(--second-primary-bg-gradient);
}

.jobs-cardbar {
  border-radius: 25px;
  border-top: 1px solid #ffffff5e;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  /* border-radius: var(--border-radius); */

  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);

  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);

  padding: 20px;
  min-height: 340px;
  /* height: 100%; */
}

.jobs-cardbar h3 {
  font-family: var(--font-kalnia);
  font-size: 20px;
}

.job-info {
  color: white;
  font-size: 14px;
}

.salary-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.status-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.key-responsible ul li {
  padding-bottom: 18px;
}

.key-requirement ul li {
  padding-bottom: 18px;
}

.key-experience ul li {
  padding-bottom: 18px;
}

.heading-jobdetail {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
  color: #000;
  display: inline-block;
  font-size: 30px;
}

.heading-jobdetail::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
  /* margin: -2px; */
}

.heading-jobdetail::before {
  content: "";
  position: absolute;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 50%;
  height: 2px;
  background-color: #000;
}

.heading-jobdetail::before {
  bottom: -18px;
}

.heading-jobdetail::after {
  bottom: -10px;
  /* Position below the heading */
}

.career-head {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
}

.career-head::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 2px;
  background-color: #333;
  margin: -2px;
}

.career-head::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #333;
}

.career-head::before {
  bottom: -18px;
}

.career-head::after {
  bottom: -10px;
  /* Position below the heading */
}

.hiring-contain {
  background: linear-gradient(to right,
      #877362 3%,
      var(--second-primary-bg-gradient) 99%);
  /* background: var(--second-primary-bg-gradient); */
  border-radius: 25px;
}

.hiring-contain label {
  color: #ffff;
}

.hiring-form-control {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
  border: 2px solid #fff;
  color: #fff;
}

.hiring-form-control::placeholder {
  color: #fff !important;
  /* Change this to your desired color */
  opacity: 1;
  /* Ensures the color is not transparent */
}

.hire-icom {
  font-size: 22px;
  color: #fff;
}

.hiring-certifi {
  height: 136px;
  border: 2px solid #fff;
}

.resume-certifi {
  border: 2px solid #fff;
  height: 80%;
}

select#cityoption {
  color: #fff;
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
}

select#positionName {
  color: #fff;
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
}

.hiring-form-control:focus {
  border-color: #ffffff4d !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(147 127 110) !important;
}

/* css in dahejplant */
.banner-dhaejplant {
  background: url("assets/images/dhaej-planet.png") no-repeat center center/cover;
  height: 100vh;
  display: flex;
  align-items: center;
  color: white;
  text-align: left;
}

.dhaej-title {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.st-content-plant {
  padding: 20px 20px;
  /* height: 520px; */
  min-height: 65vh;
  max-height: 75vh;
}

.dhaej-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;

  background-color: #000;
}

.dhaej-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  /* Spacing between the two borders */
  width: 50%;
  /* Half-width border */
  height: 1px;
  /* Adjust the thickness of the half border */
  background-color: #000;
  /* Border color */
}

.Dhaej-title-experi {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.Dhaej-title-experi::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;

  background-color: #fff;
}

.Dhaej-title-experi::after {
  content: "";
  position: absolute;
  left: 120px;
  bottom: -10px;
  /* Spacing between the two borders */
  width: 50%;
  /* Half-width border */
  height: 1px;
  /* Adjust the thickness of the half border */
  background-color: #fff;
  /* Border color */
}

.Dhaej-title-about {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.Dhaej-title-about::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;

  background-color: #000;
}

.Dhaej-title-about::after {
  content: "";
  position: absolute;
  left: 90px;
  bottom: -10px;
  /* Spacing between the two borders */
  width: 50%;
  /* Half-width border */
  height: 1px;
  /* Adjust the thickness of the half border */
  background-color: #000;
  /* Border color */
}

.Experienced-Professionals {
  /* background: linear-gradient(to right, #877362 3%, #9b8877 99%); */
  background: var(--second-primary-bg-gradient);

  position: relative;
}

.loreum-dhaej-plant {
  font-family: var(--font-kalnia);
  font-size: 30px;
}

.padding-bottom-lg {
  padding-bottom: 90px;
}

.inner-div {
  /* background: rgba(255, 255, 255, 0.2); */
  background: #0a3d31;
  backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 15px;
  /* border: 0.2px solid #d1d1d129; */
  /* border: 0.2px solid #0A3D31; */
  /* min-height: 625px; */
}

.inner-div h4 {
  font-family: var(--font-kalnia);
}

.btn-dhaej {
  background: linear-gradient(to right, #0b3e32 0%, #1da484 100%) !important;
  background-size: 102% 100% !important;
  background-position: center !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
  /* background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important; */
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 23px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
}

.parent-swiper {
  width: 100%;
  padding: 20px 0;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination-bullet {
  background: #fff;
}

.swiper-container-dahej {
  /* overflow: hidden; */
  position: relative;
}

.about-head-dh {
  font-size: 30px;
  font-weight: 300;
  /* font-family: var(--font-kalnia); */
}

.trustedbyclient {
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
  padding: 15px;
  border-radius: 20px;
}

.trustbord {
  border: 1px dashed #fff;
  border-radius: 20px;
  padding: 15px;
  color: #fff;
}

.mordern-agri {
  background: #0a3d31;
  border-radius: 20px;
  padding: 15px;
}

.mordernagri-bord {
  border: 1px dashed #fff;
  border-radius: 20px;
  padding: 15px;
  color: #fff;
}

.mordern-agri-backdrop {
  border-radius: 20px;
  padding: 15px;
  border-bottom: 1px solid #50505059;
  border-top: 1px solid #ffffff5e;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
}

.leaf-morder {
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.high-qaulity-leaf {
  padding: 20px;
}

.img-dhanuka {
  height: 490px;
  object-fit: cover;
  border-radius: 20px;
}

.main-copper-btn {
  background-origin: border-box !important;
  background: linear-gradient(160deg, #9b8877, #877362, #af9b89);
  color: #fff !important;
  /* border: 1px solid #fff !important; */
  border-radius: 23px !important;
  padding: 10px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
  /* border: 1px solid #877362 !important; */
}

.swiper-prev-btn {
  position: absolute;
}

.swiper-container-collab {
  width: 100%;
  /* padding: 20px 0; */
  overflow-x: hidden;
}

.dhaejplant-img1 {
  margin-left: 20px;
  height: 100%;
}

.dahejplantsideimg {
  height: 475px;
}

.dhaejplant-img2 {
  position: absolute;
  bottom: 0;
  left: 0px;
  top: 70%;
}

.dhaej-plant-img3 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.sliding-card-item-brown {
  background-color: #9c8978;
  width: 200px;
  height: 150px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.sliding-card-item-green {
  background-color: #004d40;
  width: 200px;
  height: 150px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

#slide-container {
  overflow: hidden;
}

.banner-title-head {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  font-weight: 600;
}

.swiper-bar-prev,
.swiper-bar-next {
  /* color: green; */
  background-color: #937f6e;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.imgsanad {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 50%;
  height: 420px;
  object-fit: cover;
  border-radius: 20px;
}

.imgsanadgujrat {
  width: 100%;
  height: 500px;
  object-fit: contain;
}

.sanand-sec {
  font-family: var(--font-kalnia);
}

.sanand-brown-circle {
  width: 50%;
  position: absolute;
  left: -286px;
  bottom: -390px;
}

.sanad-section {
  overflow: hidden;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.sanad-div2 img {
  position: absolute;
  bottom: 0%;
  /* right: 35%; */
  width: 50%;
  object-fit: cover;
  height: 274px;
  border-radius: 20px;
  left: 0;
}

.sanad-section-title {
  font-family: var(--font-kalnia);
  font-size: 2rem;
  padding-bottom: 20px;
  /* color: #004d40; */
}

.sanad-section-text {
  font-size: 14px;
  /* color: #555; */
  /* Adjust text color */
  margin-bottom: 1.5rem;
}

.sanad-div1 img {
  position: relative;
  height: 400px;
  width: 70%;
  object-fit: cover;
  border-radius: 20px;
  left: 143px;
}

.sanad-backimg {
  position: absolute;
}

.totallandarea {
  /* background: linear-gradient(to right, #5e432c 3%, #dbc4af 99%) !important; */
  background: var(--second-primary-bg-gradient);

  color: #fff !important;
  padding-top: 45px;
  /* padding-bottom: 45px; */

  padding-bottom: 45px;
}

.totallandarea ul li {
  margin-bottom: 20px;
}

img.img-landarea2 {
  position: absolute;
  /* width: 90%;
  height: 680px; */
  width: 68%;
  height: 450px;
  object-fit: cover;
}

img.img-landarea1 {
  width: 100%;

  height: 250px;
  object-fit: cover;
  /* transform: translate(50px, 30px); */
}

.advanced-irrigation {
  /* background-color: #004d40; */
  padding: 45px 0px 100px 0px;
  position: relative !important;
}

img.advance-img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  border-radius: 20px;
}

.card-irrigation {
  /* width: 100% !important; */
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  position: absolute !important;
  left: 46% !important;
  border: 4px solid #004d40;
  /* top: 143px; */
  /* bottom: 0 !important; */
  width: 50% !important;
}

.research-sec {
  padding: 35px 0px;
}

.card-irrigation ul li {
  margin-bottom: 20px;
}

.research-sec ul li {
  margin-bottom: 15px;
}

.sanad-backimg1 {
  position: absolute;
  left: 60px;
  top: 50px;
}

.sect-lorem {
  font-weight: 500;
  font-size: 20px;
}

.img-sec-sanad {
  position: absolute;
  left: -90px;
  height: 250px;
  width: 40%;
  top: 350px;
}

.heading-sanand {
  font-size: 30px;
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
  color: #000;
  display: inline-block;
}

.heading-sanand::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
  /* margin: -2px; */
}

.heading-sanand::before {
  content: "";
  position: absolute;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 50%;
  height: 2px;
  background-color: #000;
}

.heading-sanand::before {
  bottom: 0px;
}

.heading-sanand::after {
  bottom: 5px;
  /* Position below the heading */
}

.heading-total-area {
  font-family: var(--font-kalnia);
  /* font-weight: 500; */
  margin-bottom: 20px;
  font-size: 30px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
  color: #fff;
  display: inline-block;
}

.heading-total-area::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
  /* margin: -2px; */
}

.advanced-irrigation-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #004d40 !important;
  /* margin: -2px; */
}

.advanced-irrigation-title::before {
  content: "";
  position: absolute;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 50%;
  height: 2px;
  background-color: #004d40 !important;
}

.heading-total-area::before {
  content: "";
  position: absolute;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 50%;
  height: 2px;
  background-color: #fff;
}

.heading-total-area::before {
  bottom: 0px;
}

.heading-total-area::after {
  bottom: 5px;
  /* Position below the heading */
}

.research-img {
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.contact-dhaej {
  background: url("/assets/imgs/dhaej-plantcontact.png") no-repeat center center fixed;
  background-size: cover;
}

.contact-container {
  background: rgba(255, 255, 255, 0.2);
  padding: 5px 15px 15px 15px;
  border-radius: 15px;
  backdrop-filter: blur(10px);
  border-top: 1px solid #ffffff5e;
  color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.contact-container input {
  background: transparent;
  border: 1px solid #ddd;
  color: white;
  height: 45px;
  font-size: 14px;
}

.contact-container textarea {
  background: transparent;
  border: 1px solid #ddd;
  color: white;
}

.contact-container input::placeholder,
.contact-container textarea::placeholder {
  color: #ddd;
}

.contact-container img {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* .submit-btn {
  background-color: #198754;
  color: white;
  border: none;
}

.submit-btn:hover {
  background-color: #145c32;
} */
.dhaej-contact-img {
  width: 100% !important;
  height: 200px;
  object-fit: cover;
  border-radius: 20px;
}

.info-box-contact {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-top: 1px solid #ffffff5e;
  border-radius: 20px;
  padding: 10px;
  color: white;
}

/* .info-box {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 1.5rem;
  color: white;
}

.info-box h5 {
  font-weight: bold;
} */
.info-box-bord-contact {
  border: 1px dashed #fff;
  border-radius: 20px;
  padding: 10px;
}

.contact-dhaej-head {
  font-family: var(--font-kalnia);
  font-size: 30px;
  font-weight: 400;
}

.contact-write-message {
  font-family: var(--font-kalnia);
  font-size: 20px;
}

.title-heading-center {
  font-family: var(--font-kalnia);
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.title-heading-center::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;

  background-color: #fff;
}

.title-heading-center::after {
  content: "";
  position: absolute;
  left: 120px;
  bottom: -10px;
  width: 50%;
  height: 1px;
  background-color: #fff;
  /* Border color */
}

/* .swiper-dhaej-prev,
.swiper-dhaej-next {
  color: #fff;
}
.swiper-dhaej-next:after {
  content: "" !important;
  position: absolute;
  left: 120px;
  background: #0a3d31;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.swiper-dhaej-prev img {
  position: absolute;
  left: 192px;
  z-index: 2;
}
.swiper-dhaej-next img {
  position: absolute;
  left: 124px;
  z-index: 2;
  transform: rotate(180deg);
}

.swiper-dhaej-prev:after {
  content: "" !important;
  position: absolute;
  left: 190px;
  background: #0a3d31;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  display: flex;
} */
.text-dahej {
  text-align: start;
}

.newsroomicon {
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  height: 30px;
  width: 30px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 100%;
  color: #fff;
}

.newsroomimg {
  position: absolute;
  border-radius: 16px;
  object-fit: cover;
  object-position: top;
  top: 10px;
  left: 10px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.newsroombg {
  background: var(--second-primary-bg-gradient);
  width: 255px;
  height: 128px;
  border-radius: 16px;
}

.newsroombg2 {
  background: #0a3d31 !important;
}

.media-elec-sec .circle-icon-box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 90px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #b38e67;
  z-index: 1;
  color: #fff;
  border-radius: 8px;
}

.media-elec-sec .red-circle {
  width: 50px;
  height: 50px;
  background-color: red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-elec-sec .card {
  background-color: #fff;
  padding: 10px;
}

.electronicboxyear {
  background: rgba(255, 255, 255, 0.2) !important;
}

.ourvalues-section .banner-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;

  background-color: #ffffffd1;
}

.ourvalues-section .banner-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;

  width: 50%;

  height: 1px;

  background-color: #ffffffd1;
}

.online-media-sec {
  display: flex;
  align-items: center;

  justify-content: center;

  color: white;
  position: relative;
}

.online-media-bg {
  background: var(--second-primary-bg-gradient);
}

.ourvalues-section .banner-title {
  font-family: var(--font-kalnia);
  /* font-size: 3.5rem; */
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
}

.online-bo-content {
  backdrop-filter: blur(8px);
  border-radius: var(--border-radius);
  padding: 15px;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  background: #14382f;
}

.media-elec-sec {
  background-image: url("/assets/imgs/manufacture/green-design-bg.png");
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
}

.online-box-content-about {
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 2px;

  height: 90px;
  width: 90px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid #ffffff5e;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  background: var(--second-primary-bg-gradient);
}

.online-box-content-about img {
  width: 100px;
}

.online-box-position {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75%;
}

.dotted-side-border {
  border-left: 2px dashed #0000004d;
  height: 100%;
}

.online-bg-sec {
  border-radius: var(--border-radius);
}

.onlineborderbox {
  border-radius: var(--border-radius);
  border: 1px dotted #fff;
  padding: 10px;
}

.media-event .section-title {
  font-family: var(--font-kalnia);
  font-size: 28px;
  color: #004d40;
  margin: 10px 0;
  padding-bottom: 0px;
}

.media-event {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.media-event .heading-line::after {
  content: "";
  position: absolute;
  left: 20%;
  width: 380px;
  height: 1px;
  bottom: 29px;
  background-color: #ffffff;
}

.media-event .heading-line::before {
  content: "";
  position: absolute;
  left: 4%;
  width: 585px;
  height: 1px;
  bottom: 35px;
  background-color: #ffffff;
}

.media-event-boxes {
  border-radius: var(--border-radius) !important;
  overflow: hidden;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
  height: 100%;
  position: relative;
}

.media-event-boxes img {
  object-fit: cover;
  height: 200px;
  padding: 10px;
  border-radius: var(--border-radius) !important;
}

.media-event-boxes .content {
  padding: 20px 15px;
  color: #fff;
  background-color: #0a3e32;
  height: 42%;
}

.media-event-boxes .year-badge {
  position: absolute;
  top: 51%;
  left: 39%;
  padding: 3px 18px;
  background-color: #fff;
  color: #0a3e32;
  font-size: 14px;
  font-weight: bold;

  border-radius: 23px;

  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.new-room-sec {
  position: relative;
}

.newsroombar {
  position: absolute;
}

.media-img-video {
  border-top: 10px solid #0a3e32;
  border-radius: 35px !important;
  border-left: 10px solid #0a3e32;
}

.newsmediaroombar {
  position: absolute;
  background: #0a3e32;
  width: 100%;
  height: 300px;
  border-radius: 20px;
}

.news-img-media {
  position: absolute;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 20px;
  margin-top: 9px;
  margin-left: 9px;
}

.farmer-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.farmer-img-cd {
  position: absolute;
  margin-top: 13px;
  margin-left: 13px;
  width: 97%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
}

.farmer-card-content {
  padding: 30px 10px 10px 0px;

  color: #000;
}

.farmer-voice-bg {
  background: #0a3d31;
  width: 95%;
  height: 300px;
  border-radius: 15px;
}

.youtube-icon {
  position: absolute;
  /* top: 68%; */
  /* left: 50%; */
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -150%); */
  transform: translate(-50%, -50%);
  background: red;
  border-radius: 50%;
  width: 60px;
  color: #fff;
  height: 60px;
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.youtubeiconfarm {
  top: 35% !important;
}

.farmervoice-sec {
  /* background: linear-gradient(160deg, #9b8877, #877362, #af9b89); */
  background: var(--second-primary-bg-gradient);
  position: relative;
}

.farmervoice-sec .card {
  border: none !important;
  padding: 20px !important;
  border-radius: var(--border-radius) !important;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8); */
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}

.inner-div img {
  /* min-height: 250px; */
  height: 250px;
  border-radius: 8px;
}

.sanad-div2 img:hover,
.sanad-div1 img:hover {
  transform: scale(1.05);
}

.sanad-div2 img,
.sanad-div1 img {
  transition: all 0.3s ease;
}

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

.img-landarea2 {
  transition: all 0.3s ease;
}

.dhahejvideosec {
  background-image: url("../imgs/dahejdhanukabgimg.png");
  height: 473px;
  width: 100%;
}

.swiper-dhaej-next {
  position: absolute;
  left: 80%;
  background: #0a3d31;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.swiper-dhaej-prev {
  position: absolute;
  left: 60px;
  background: #0a3d31;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: rotate(180deg);
}

.swiper-welcome-cont {
  overflow-x: hidden;
  position: relative;
}

/* .welcome-swiper{
   position: absolute;
 } */
.welcome-prebtn {
  position: absolute;
  left: 51%;
  background: #0a3d31;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: rotate(180deg);
  cursor: pointer;
}

.welcome-nextbtn {
  position: absolute;
  left: 43%;
  background: #0a3d31;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

img.dhaej-plant-img-comp {
  width: 100%;
}

.card-proShComp {
  border-radius: 20px !important;
  margin: 15px 0px;
  /* margin-bottom: 120px; */
}

.proshimmer-cardShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  padding: 15px;
  /* position:relative; */
  /* width: 230px; */
  height: 232px;
}

.proshimmer-thumbComp {
  width: 85%;
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 33px;
  margin-top: -130px;
  border-radius: 20px;
  position: absolute;
}

.proshimmer-contentComp {
  width: 100%;
  max-width: 400px;
  /* Adjust content width */
}

.proshimmer-titleComp {
  height: 35px;
  margin-top: 80px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.proshimmer-textComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.proshimmer-linkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-top: 26px;
}

.pro-shcomp {
  margin-top: 60px;
  padding: 12px 0px;
  border-top: 1px solid #dfdfdf;
}

.pdsh-cardShComp {
  background: #fff;
  border-radius: 30px;
  /* overflow: hidden; */
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* padding: 15px; */
  /* position:relative; */
  /* width: 230px; */
  height: 232px;
}

.pdsh-thumbComp {
  width: 100%;
  height: 720px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  /* margin-bottom: 33px; */
  /* margin-top: -130px; */
  border-radius: 20px;
  /* position: absolute; */
}

.pdsh-contentComp {
  width: 100%;
  /* max-width: 400px; */
}

.pdsh-titleComp {
  height: 35px;
  /* margin-top: 80px; */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.pdsh-textComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.pdsh-linkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  /* margin-top: 26px; */
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.animate-pulse {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.sidebar-shimmer {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 15px;
  /* position:relative; */
  /* width: 230px; */
  height: 420px;
}

.Sidebar-proShComp {
  border-radius: 20px !important;
  margin: 15px 0px;
  /* margin-bottom: 120px; */
}

.sideshimmer-textComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.sidebarshimmer-titleComp {
  width: 100%;
  height: 35px;
  /* margin-top: 80px; */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

/* .prod-shimmer{
  padding-top: 250px;
} */
.product-swiper-slide.swiper-slide-active .Categories_box {
  transform: translateY(0px) !important;
}

.blog-pd-space {
  margin-top: 90px !important;
}

.blog-post.blog-side-postimg img {
  width: 100%;
  height: 220px;
}

.card-blogdetailShComp {
  border-radius: 20px !important;
  margin: 0px 15px;
  margin-bottom: 120px;
}

.shimmer-blogdetailShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  /* position:relative; */
}

.shimmer-blogdetailthumbComp {
  width: 100%;
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 33px;
  margin-top: -130px;
  border-radius: 20px;
  position: absolute;
}

.shimmer-blogdetailcardthumbComp {
  width: 100%;
  height: 457px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 33px;
  /* margin-top: -130px; */
  border-radius: 20px;
}

.blogdetail-space {
  margin-top: 90px;
}

.shimmer-blogdetailcontentComp {
  width: 100%;
  /* max-width: 400px;  */
}

.shimmer-blogdetailtitleComp {
  height: 22px;
  margin-top: 85px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.shimmer-blogdetitleComp {
  height: 22px;
  /* margin-top: 85px; */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.shimmer-blogdetailtextComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.shimmer-blogdetaillinkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-top: 26px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.pointer-event-none {
  pointer-events: none;
}

@media (max-width: 767px) {
  .career-top-title {
    left: 5%;
    text-align: center;
  }

  /* .margin-con {
    margin-top: 27rem !important;
  } */
  .featured-award-sec {
    background-size: cover;
  }

  .bg-light-gradiant.box.right-5 {
    top: 5px;
    left: 0px;
  }
}

.mobile-logo {
  width: 100px !important;
}

.menu_toggle_icon {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.navbar-toggler {
  background: #0d4a3b !important;
  padding: 5px !important;
}

.navbar-toggler-icon {
  filter: brightness(10) !important;
}

/* Career Join CSS START ================================ */
.section-career .team-card:hover {
  transform: translateY(-5px);
}

.section-career .perspective-card {
  position: relative;
  border-radius: 25px;
  border-top: 1px solid #ffffff5e;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);

  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  /* text-align: center; */
  color: white;
  /* background: linear-gradient(135deg, rgb(255 255 255 / 30%) 6%, rgb(19 19 19 / 0%) 100%); */
  /* background: #e6e6e6; */
  /* border-radius: 15px; */
  padding: 40px 40px 110px 40px;
  /* margin-top: 4rem; */
  /* margin-bottom: 4rem; */
}

.section-career .swiper-icon {
  position: absolute;
  bottom: 50px;
  left: 174px;
}

.section-career .swiper-bar-prev,
.section-career .swiper-bar-next {
  /* color: green; */
  background-color: var(--dark-green-color);
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.section-career .swiper-bar-next:after,
.section-career .swiper-bar-prev:after {
  content: "";
  font-size: 20px;
}

.section-career .swiper-bar-prev {
  left: 5px;
  transform: rotate(180deg);
}

.section-career .swiper-bar-next {
  right: 5px;
  transform: rotate(180deg);
}

.section-career .swiper-bar-prev:hover,
.section-career .swiper-bar-next:hover {
  background-color: var(--dark-green-color);
}

.section-career .social-links a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #333;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 35px;
  margin-right: 10px;
  text-decoration: none;
}

.section-career .heading-container {
  text-align: center;
  position: relative;
  /* margin: 3rem 0; */
  margin: 6px 0px 30px 0;
  /* padding: 2rem 0; */
}

.section-career .heading-container::before {
  top: 0;
}

.section-career .heading-container::after {
  bottom: 0;
}

.section-career .heading-career {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  /* padding: 0 1rem; */
  position: relative;
  text-align: center;
}

.section-career .perscprective-heading {
  font-family: var(--font-kalnia);
  position: relative;
  font-weight: 500;
  margin-bottom: 40px;
  margin-top: 30px;
}

.section-career.perscprective-heading::before {
  content: "";
  position: absolute;
  left: 31%;
  bottom: -8px;
  width: 38%;
  height: 1px;
  background-color: #ffffffd1;
}

.section-career .perscprective-heading::after {
  content: "";
  position: absolute;
  left: 36%;
  bottom: -15px;
  width: 29%;
  height: 1px;
  background-color: #ffffffd1;
}

.section-career .heading-career::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 650px;
  height: 2px;
  background-color: #333;
  margin: -2px;
}

.section-career .heading-career::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  height: 2px;
  background-color: #333;
}

.section-career .heading-career::before {
  bottom: -18px;
}

.section-career .heading-career::after {
  bottom: -10px;
  /* Position below the heading */
}

.section-career .section-divider {
  height: 2px;
  background: #e0e0e0;
  margin: 3rem 0;
  position: relative;
}

.section-career .section-divider::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
}

.section-career .section-divider img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.section-career .cards-section {
  position: relative;
  padding-top: 2rem;
}

.perscprective-sec {
  background: linear-gradient(to right, #877362 3%, #9b8877 99%);
}

.section-career .perspective-slider {
  overflow: hidden;
}

/* TEST CSS END */

.table-shimmer {
  padding: 0px;
}

.table-shimmer .shimmer {
  animation: shimmer 1.5s infinite linear;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 100%;
}

.table-shimmer .shimmer-box {
  height: 20px;
  width: 100%;
  margin: 8px 0;
  border-radius: 4px;
}

.product-proShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px;
  height: 215px;
  width: 180px;
}

.shimmerproduct-space {
  margin-top: 50px !important;
}

.product-probigShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px;
  height: 260px;
  width: 220px;
}

.shimmer-circle {
  width: 85px !important;
  height: 400px !important;
  margin: 0px 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: shimmer 1.5s infinite linear;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 100%;
}

.line-comma-icon img {
  object-fit: contain !important;
}

.shimmer-bigcircle {
  width: 85px !important;
  height: 340px !important;
  margin: 0px 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: shimmer 1.5s infinite linear;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 100%;
}

.product-sh-bar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-sh {
  padding: 0px 40px;
}

.swiper-pagination-bullet-active {
  background: #0a4033 !important;
}

.hiringform .css-13cymwt-control {
  background: none !important;
}

.hiringform .hiring-form-control.mb-1.css-b62m3t-container {
  border-radius: 0.375rem;
}

.hiringform .css-1jqq78o-placeholder {
  color: #fff !important;
}

.hiringform .css-t3ipsp-control {
  background: none;
  box-shadow: 0 0 0 0.25rem rgb(147 127 110) !important;
  border-color: #ffffff4d !important;
}

.hiringform .select__menu {
  background-color: #877362 !important;
}

.hiringform .select__menu .css-1nmdiq5-menu {
  background-color: #877362 !important;
}

.hiringform .css-tj5bde-Svg {
  color: #fff !important;
}

.latest-blog-swiper .swiper-slide {
  border-radius: 15px;
}

.Categories_box_img .strengthimg {
  /* width: 55px; */
  width: 47px;
}

.chirman-mar {
  margin: 0px 0px 0px 60px;
}

.prespec-imgbox img {
  border-radius: 15px;
}

/* Common styles for both navigation buttons */
.swiper-related-produ-next,
.swiper-related-produ-prev {
  position: absolute;
  top: 50%;
  /* Vertically center the buttons */
  transform: translateY(-50%);
  width: 40px;
  /* Adjust width */
  height: 40px;
  /* Adjust height */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c4b5a4;
  /* White background */
  border: 2px solid #ddd;
  /* Border styling */
  border-radius: 50%;
  /* Make it circular */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  /* Smooth hover effect */
  user-select: none;
}

/* Left button */
.swiper-related-produ-prev {
  left: -40px;
  /* Adjust position from the container */
  /* transform: rotate(180deg); */
}

/* Right button */
.swiper-related-produ-next {
  right: -40px;
  /* Adjust position from the container */
  transform: rotate(180deg);
}

/* Icon inside navigation buttons */
.swiper-related-produ-next img,
.swiper-related-produ-prev img {
  width: 25px;
  height: auto;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  /* .swiper-related-produ-next,
  .swiper-related-produ-prev {
    width: 30px;
    height: 30px;
    left: -10px;
    right: -10px;
  } */

  .swiper-related-produ-prev {
    width: 30px;
    height: 30px;
    left: 0px;
    right: -10px;
    position: absolute;
    transform: translateY(0);
  }

  .swiper-related-produ-next {
    width: 30px;
    height: 30px;
    /* left: -10px; */
    right: 0px;
    position: absolute;
    transform: translateY(0);
  }

  .swiper-related-produ-next img,
  .swiper-related-produ-prev img {
    width: 15px;
    /* Smaller icon size */
  }
}

.Categories_box:hover .Categories_box_img {
  scale: 1.1;
  box-shadow: 8px 8px #0005;
  transition: all 0.2s;
}

.prespective-img-bar {
  border-radius: 20px;
}

.team-card {
  position: absolute;
  background: #ffffff;
  border-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  overflow: hidden;
  transition: transform 0.3s;
  margin: -60px 28px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2) !important;
}

.career-paddingy-bottom {
  padding-bottom: 90px !important;
}

.story-content .story-title h2::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  bottom: -4px;
  background-color: #00270c;
}

.story-content .story-title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 50%;
  height: 2px;
  bottom: -10px;
  background-color: #00270c;
}

.story-content .story-title h2 {
  position: relative;
  display: inline-block;
  color: #00270c;
  font-weight: 600;
  font-size: 30px;
}

.greengradientbtn {
  color: #00270c;
  text-decoration: underline;
}

.text-green {
  color: #0a3d31;
}

.mediavideopopup .modal-content {
  background: none;
  border: none !important;
  box-shadow: none !important;
}

.mediavideopopup .modal-header {
  border-bottom: none !important;
}

.mediavideopopup .modal-header .btn-close {
  background-color: transparent;
  color: #fff;
  /* Close button color */
  opacity: 1;
  /* Ensure visibility */
  border: none;
  /* Remove border */
}

.mediavideopopup .modal-header .btn-close:hover {
  color: #ddd;
  /* Change color on hover for better UX */
  opacity: 0.8;
}

.mediavideopopup .custom-close {
  position: absolute;
  top: -28px;
  right: 10px;
  font-size: 24px;
  color: #fff;
  /* White color */
  cursor: pointer;
  z-index: 1050;
}

.mediavideopopup .custom-close:hover {
  color: #ddd;
  /* Lighter color on hover */
}

.mediavideopopup .modal-header {
  border-bottom: none;
  /* Remove the default border in the header */
  padding: 0;
  /* Remove extra padding */
}

.tranparentbtnborder {
  border-top: 2px solid #fff;
  border-radius: 20px;
}

img.card-img-top.manu-event-box {
  width: 100%;
  height: 230px;
  object-fit: cover;
  border-radius: 20px;
  padding: 3px;
  border-top: 8px solid #0d4d3e;
  border-bottom: 8px solid #0d4d3e;
}

.kalnia {
  font-family: var(--font-kalnia);
}

.trustedleafimg {
  height: 45px;
  width: 45px;
  text-align: center;
  background: #00270c;
  border-radius: 100%;
}

.leaficon {
  height: 45px;
  width: 45px;
  background: linear-gradient(114.79deg,
      #9b8877 14.94%,
      #877362 57.45%,
      #af9b89 99.78%);
  text-align: center;
  border-radius: 100%;
}

/* Add these CSS styles to your stylesheet ------------------------*/
.selfie-img.card-item {
  position: relative;
  width: 95%;
  height: 550px;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

/* .selfie-img.card-item:hover {
  transform: translateY(-5px);
} */

/* .selfie-img.card-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.7) 30%,
    rgba(0, 0, 0, 0.1) 100%
  );
  opacity: 0.8;
  transition: opacity 0.3s ease;
} */

/* .selfie-img.card-item:hover::before {
  opacity: 1;
} */

/* .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: white;
  transform: translateY(10px);
  transition: transform 0.3s ease;
} */

.card-content {
  padding: 20px;
  color: white;
  /* transform: translateY(10px);
  transition: transform 0.3s ease; */
}

.selfie-img.card-item:hover .card-content {
  transform: translateY(0);
}

.card-content h3 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 8px;
  color: white;
}

.content-preview {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  opacity: 1;
  transform: translateY(10px);
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* .selfie-img.card-item:hover .content-preview {
  opacity: 1;
  transform: translateY(0);
} */

.previouspagibtn,
.nxtpagibtn {
  border: 2px solid #004d40 !important;
  border-radius: 6px !important;
}

.productpagination .active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #004d40 !important;
  border-color: #004d40 !important;
}

.paginationnumber {
  /* background-color: #c4b5a4 !important; */
  background-color: var(--second-primary-bg-gradient) !important;

  color: #fff !important;
  border-radius: 6px !important;
}

.previouspagibtn .page-link:focus {
  box-shadow: none !important;
}

/* Add these styles to your existing CSS */
.video-icon {
  position: absolute;
  /* top: 50%; */
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  /* background: rgba(255, 255, 255, 0.2); */
  /* background: rgba(252  ,97, 73, 0.5); */
  /* background-color: #6fbb34; */
  background-color: #0d4d3e;
  border: 2px solid #fff;
  backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease;
  cursor: pointer !important;
  color: #fff;
}

.video-icon::before {
  content: "";
  position: absolute;
  width: 64px;
  height: 64px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
  transition: all 0.3s ease;
}

.selfie-img.card-item:hover .video-icon:hover::before {
  opacity: 1;
  animation: ripple 2s linear infinite;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* .selfie-img.card-item:hover .video-icon {
  transform: translate(-50%, 0) scale(1.1);
} */

.video-icon svg {
  color: white;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* .selfie-img.card-item:hover .video-icon {
  background: rgba(255, 255, 255, 0.3); 
  background: rgba(252, 97, 73, 1);
  transform: translate(-50%, -50%) scale(1.1);
} */

.pagination .page-item .previouspagibtn {
  padding: 0.57rem 0.75rem;
  /* padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); */
}

/* 000000000000000000000000000000000000000000000000 */

.search-container {
  position: relative;
}

.search-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 12px;
  margin: 0px -15px 0px 10px;
  border-radius: 8px;
  color: #fff;
  transition: all 0.2s ease;
}

.search-button:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #fff;
}

.mobile_menu .search-button {
  background: #0d4a3b !important;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-top: 10vh; */
  z-index: 1000;
  animation: fadeIn 0.2s ease;
}

.modal-content {
  background: white;
  border-radius: 12px;
  /* width: 90%;
  max-width: 600px; */
  max-height: 80vh;
  position: relative;
  padding: 24px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  animation: slideIn 0.3s ease;
}

.search-modal {
  width: 90%;
  max-width: 600px;
}

.close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  color: #666;
  transition: all 0.2s ease;
}

.close-button:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}

.modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 24px;
  text-align: center;
  color: #333;
}

.search-input-container {
  position: relative;
  margin-bottom: 20px;
}

.search-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  border: 2px solid #0a3d31;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.search-input:focus {
  outline: none;
  border-color: #0a3d31;
  box-shadow: none !important;
}

.clear-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #666;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.clear-button:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}

.results-container {
  overflow-y: auto;
  max-height: calc(80vh - 180px);
  /* padding-right: 4px; */
  overflow-y: auto;
  /* height: 330px; */
  padding-right: 14px;
  overflow-x: hidden;
}

.results-container::-webkit-scrollbar {
  width: 8px;
}

.results-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.results-container::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

.results-container::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.product-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.product-card:hover {
  background: rgba(0, 0, 0, 0.02);
}

.product-info {
  flex: 1;
}

.product-name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px;
}

.product-description {
  font-size: 0.9rem;
  color: #666;
  margin: 0 0 8px;
}

.results-container .product-category {
  display: inline-block;
  padding: 4px 8px;
  background: rgba(10, 61, 49, 0.2);
  color: #0a3d31 !important;
  border-radius: 16px;
  font-size: 0.8rem;
  font-weight: 500;
}

.product-category {
  display: inline-block;
  padding: 4px 8px;
  background: rgba(0, 122, 255, 0.1);
  color: #007aff;
  border-radius: 16px;
  font-size: 0.8rem;
  font-weight: 500;
}

.product-price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-left: 16px;
}

.no-results {
  text-align: center;
  color: #666;
  padding: 10px 10px;
}

.env-col {
  color: rgba(10, 61, 49, 1);
  font-size: 30px;
}

.gallerydate {
  font-size: 14px;
}

.productsocialicons i {
  color: #004236;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .modal-content {
    width: 95%;
    margin: 16px;
    padding: 16px;
  }

  .modal-title {
    font-size: 1.25rem;
    margin-bottom: 16px;
  }

  .product-card {
    flex-direction: column;
  }

  .product-price {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* rahul */
.hiring-form-control {
  color: #fff !important;
}

.experiencejob-sec {
  min-height: 225px;
}

.testimonials-one__item__thumb img {
  height: 300px !important;
  width: 300px !important;
}

.footericon i {
  /* background: linear-gradient(#8f8f8f3b 0%, #9797976b 100%) !important; */
  background: linear-gradient(#197c6c 0%, #877362 100%) !important;

  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.manueventicon {
  top: 38% !important;
}

.model-lifeat {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lifeatpostimg {
  height: 80px !important;
  object-fit: cover;
}

.model-lifeat .red-circle {
  background-color: red !important;
  cursor: pointer !important;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background-color: red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.lifeatdhanukavideoicon {
  background-color: red !important;
  color: #fff;
}

.Manu-eventbox p {
  margin-bottom: 0px;
}

.pagination .page-item .page-link:focus {
  box-shadow: none !important;
}

.swiper-slide {
  overflow: visible !important;
}

.nodta-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nodta-img img {
  width: 430px;
  height: 100%;
}

.product-swipper .swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  overflow: visible !important;
}

.nodta-pad {
  margin-top: 50px;
  margin-bottom: 80px;
}

.nodta-pad h2 {
  font-family: var(--font-kalnia);
}

.career-awards-height-radius {
  object-fit: cover;
  border-radius: 20px;
  object-position: top;
}

.swiper-strength-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0b4739;
  border-radius: 50%;
  user-select: none;
}

.swiper-strength-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0b4739;
  border-radius: 50%;
  transform: rotate(180deg);
  user-select: none;
}

/* lifeatdhanuka shimmer */

.card-lifeShComp {
  border-radius: 20px !important;
  /* margin: 0px 15px; */
  /* margin-bottom: 30px; */
}

.shimmer-lifeShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 30px; */
  padding: 15px;
  /* position:relative; */
}

.shimmer-lifethumbComp {
  width: 100%;
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  /* margin-bottom: 33px; */
  /* margin-top: -130px; */
  border-radius: 20px;
  /* position: absolute; */
}

.shimmer-lifecontentComp {
  width: 100%;
  max-width: 400px;
  /* Adjust content width */
}

.shimmer-lifetitleComp {
  height: 22px;
  /* margin-top: 85px; */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.shimmer-lifetextComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.shimmer-lifelinkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-top: 26px;
}

/* lifeatdhanukadetailshimmer */

.shimmer-lifedetailShComp {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  /* position:relative; */
}

.shimmer-lifedetailthumbComp {
  width: 100%;
  height: 90px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  /* margin-bottom: 33px; */
  /* margin-top: -130px; */
  border-radius: 15px;
  /* position: absolute; */
}

.shimmer-lifedetailcontentComp {
  width: 100%;
  /* max-width: 400px;  */
}

.shimmer-lifedetailtitleComp {
  height: 22px;
  /* margin-top: 85px; */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 5px;
}

.shimmer-lifedetailtextComp {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 8px;
}

.shimmer-lifedetaillinkComp {
  height: 16px;
  width: 30%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-top: 26px;
}

.life-at-dhanuka-slide-even-color {
  /* background: linear-gradient(135deg, #0a3d31, #0d4d3e); */
  background: #0b4336;
}

.life-at-dhanuka-slide-odd-color {
  /* background: var(--second-primary-bg-gradient); */
  /* background-color: #a08c7b; */
  background-color: var(--second-primary-bg-gradient);
}

.keshwanarajas .keshwana-img1 {
  position: absolute;
  z-index: 9;
  top: -40%;
  width: 370px;
  right: 0%;
}

.keshwanarajas .keshwana-img2 {
  position: absolute;
  bottom: -8%;
  left: 0px;
  z-index: 99;
  width: 250px;
}

.dahejdhanuka .dahejimg2 {
  height: 260px;
}

.dahejdhanuka .dahejimg3 {
  height: 175px;
}

.dahejdhanuka .dahejimg1 {
  height: 450px;
}

.innovationkeshwana-sec {
  background: var(--primary-bg-gradient);
}

.life-at-dhanuka-slide-third-color {
  background-color: #fff;
}

.green-ripple::before {
  border-color: rgba(0, 71, 49, 0.5) !important;
}

.green-ripple:hover::before {
  animation: ripple-green 2s linear infinite;
}

@keyframes ripple-green {
  0% {
    transform: scale(1);
    opacity: 1;
    border-color: rgba(0, 71, 49, 0.5);
  }

  100% {
    transform: scale(2);
    opacity: 0;
    border-color: rgba(0, 71, 49, 0.5);
  }
}

@media (max-width: 768px) {
  .chirman-mar {
    margin: 0px 0px 0px 0px;
  }

  .chairman-section .chairman-img-overly img {
    height: 190px;
  }

  .swiper-chairam-prev,
  .swiper-chairam-next {
    width: 35px;
    height: 35px;
  }
}

/* udhampur start */
.about-udhampur-facility {
  /* background: var(--second-primary-bg-gradient); */
  background: var(--second-primary-bg-gradient);
}

.heading-udhampur {
  font-family: var(--font-kalnia);
  font-weight: 500;
  margin-bottom: 40px;
  position: relative;
  text-align: left;
  color: #fff;
  display: inline-block;
  line-height: 45px;
  font-size: 30px;
}

.heading-udhampur::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
}

.heading-udhampur::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #fff;
}

.heading-udhampur::before {
  bottom: -24px;
}

.heading-udhampur::after {
  bottom: -15px;
}

.about-udhampur-para {
  color: #fff;
  font-size: 20px;
}

.advanced-manufacturing-udhampur {
  background: linear-gradient(135deg, #0a3d31, #0d4d3e);
}

.udhampur-manufacturing {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding-left: 101px;
  position: absolute;
  left: 44%;
  top: 20px;
  min-height: 490px;
  display: flex;
  align-items: center;
  /* width: 620px; */
}

.heading-udhampur-manufacturing {
  color: #fff;
  font-family: var(--font-kalnia);
  font-weight: 500;
  position: relative;
  font-size: 30px;
}

img.img-fluid.udamsafety {
  height: 278px;
  width: 100%;
  object-fit: cover;
}

p.text-light.mt-5.pl-2 {
  padding-right: 32px;
}

p.paraudamm.mt-5 {
  color: white;
  padding-left: 56px;
}

.heading-udhampur-manufacturing::after {
  content: "";
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background-color: #fff;
  bottom: -9px;
}

.heading-udhampur-manufacturing::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #fff;
  bottom: -19px;
}

.heading-research-development-udhampur {
  color: #000;
  font-family: var(--font-kalnia);
  font-weight: 500;
  position: relative;
  text-align: center;
  line-height: 45px;
  font-size: 30px;
}

.heading-research-development-udhampur::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom: -9px;
}

.heading-research-development-udhampur::before {
  content: "";
  position: absolute;
  width: 50%;
  left: 25%;
  height: 2px;
  background-color: #000;
  bottom: -19px;
}

p.mt-5.faculty {
  display: flex;
  justify-content: center;
}

.heading-safety-compliance-udhampur {
  position: relative;
}

img.img-fluid.udamcls {
  max-height: 335px;
  width: 100%;
  object-fit: cover;
}

/* .heading-safety-compliance-udhampur::after {
  content: "";
  position: absolute;
  left: 30%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background-color: #000;
  bottom: -11px;
} */

.heading-udhmapur-key-feature {
  color: #fff;
  position: relative;
  font-family: var(--font-kalnia);
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  font-size: 30px;
}

.heading-udhmapur-key-feature::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
  bottom: -11px;
}

.heading-udhmapur-key-feature::before {
  content: "";
  position: absolute;
  width: 70%;
  left: 15%;
  height: 2px;
  background-color: #fff;
  bottom: -19px;
}

.bg-udhampur-key-feature {
  height: 225px;
  display: flex;
  align-items: center;
}

/* udhampur end */
/* Crop sec */
.crop-item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  height: 380px;
}

.crop-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.crop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.7); */
  /* background: linear-gradient(to right,
#1a7a649f 3%,
#0b3e32b2 99%) !important; */
  background: rgba(13, 77, 62, 0.88);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding: 20px;
  text-align: center;
}

.crop-item:hover .crop-overlay {
  opacity: 1;
}

.crop-item:hover img {
  transform: scale(1.1);
}

.crop-overlay h3 {
  color: white;
  font-size: 24px;
  margin-bottom: 15px;
}

.crop-overlay p {
  color: #fff;

  margin-bottom: 15px;
}

.pb-122 {
  padding-bottom: 122px;
}

@media screen and (max-width: 768px) {
  .udhampur-manufacturing {
    position: static;
    padding: 20px;
    left: auto;
    top: auto;
    min-height: auto;
    flex-direction: column;
    margin-top: 20px;
  }

  .pb-122 {
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .keshwanarajas .keshwana-img2 {
    top: 10px;
  }

  .ability-sec-div-2 img {
    top: -27%;
  }

  .manufact-first-div2 img {
    right: 0px;
  }
}

@media (max-width: 768px) {
  .lifeatpostimg {
    height: 215px !important;
  }
}

@media (max-width: 768px) {
  .sanad-backimg {
    display: none;
  }

  .sanad-backimg1 {
    display: none;
  }

  .sanad-div1 img {
    height: 500px;
  }

  .sanad-div2 img {
    height: 300px;
  }

  .img-sec-sanad {
    display: none;
  }

  .sanand-brown-circle {
    display: none;
  }

  img.img-landarea2 {
    /* height: 550px; */
    height: 400px;
  }

  img.img-landarea1 {
    height: 300px;
  }

  /* keshwana */
  .keshwana-images-design {
    display: none;
  }

  /* dahejplant */
  .testimonials-one__carousel-thumb {
    margin: 0px auto !important;
  }

  .welcome-prebtn {
    margin-left: 5px;
  }

  .welcome-nextbtn {
    left: 35%;
  }

  .swiper-dhaej-prev {
    z-index: 9;
    /* bottom: 73px !important; */
    /* left: 241px !important; */
  }

  .swiper-dhaej-next {
    z-index: 9;
    /* bottom: 73px !important; */
    /* left: 191px !important; */
  }

  .swiper-slide img {
    width: 100%;
  }

  .RDfaq-bg {
    padding: 5px !important;
  }

  .RD-fourth-title h2::after {
    left: 95px !important;
  }

  .RD-title-3 h2::after {
    left: 80px !important;
  }
}

@media (max-width: 518px) {
  .heading-total-area::before {
    left: 25%;
  }
}

.crops-bar-bg {
  background-color: #9b8875;
  color: white;
  margin-top: 90px;
  padding: 50px 0px;
}

.crops-description {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 40px;
  padding-top: 28px;
  /* line-height: 1.6; */
  /* padding: 0 20px; */
}

.tabs-container-crop {
  /* background: rgba(47, 79, 79, 0.8); */
  background-color: #0a3d31;
  border-radius: 10px;
  /* padding: 15px; */
  margin-bottom: 20px;
}

.tab-crop-headers {
  background: rgba(255, 255, 255, 0.2);
  /* background: linear-gradient(135deg, rgb(255 255 255 / 30%) 6%, rgb(19 19 19 / 0%) 100%); */
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);

  border-top: 1px solid #ffffff5e;
  color: white;
  backdrop-filter: blur(8px);
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  /* border-bottom: 2px solid rgba(255, 255, 255, 0.2); */
}

.tab-crop-header {
  color: white;
  font-size: 20px;
  padding: 10px 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.content-crop-sec {
  display: flex;
  padding: 30px;
  gap: 30px;
}

/* Swiper styles */
.swiper-crop-container {
  width: 100%;
  height: 400px;
}

.crops-main-swiper {
  width: 40%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

.crop-thumbnail-swiper {
  width: 120px;
  height: 400px;
  padding: 30px;
}

.crop-thumbnail-swiper .swiper-slide {
  width: 100px;
  height: 100px;
  opacity: 0.4;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}

.crop-thumbnail-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.Solution-crop-container {
  width: 50%;
  background: linear-gradient(to right,
      /* Gradient direction (left to right) */
      rgba(137, 119, 119, 1),
      rgba(49, 88, 67, 0.4));
  backdrop-filter: blur(8px);
  border: 1px solid #ffffff5e;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  /* background: rgba(255, 255, 255, 0.1); */
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.crops-product-card {
  /* background: white; */
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.tabs-container-crop {
  background-color: rgb(10, 61, 49);
  border-radius: 10px;
}

.crops-product-card img {
  max-width: 150px;
  height: 248px;
  margin: 0 auto;
  object-fit: cover;
}

.swiper-slide.crops-detail-img.swiper-slide-active .crop-img-slider {
  width: 450px;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}

@media (max-width: 992px) {
  .content-crop-sec {
    flex-direction: column;
  }

  .crops-main-swiper,
  .Solution-crop-container {
    width: 100%;
  }

  .crop-thumbnail-swiper {
    width: 100%;
    height: 120px;
    margin-top: 20px;
  }

  .crop-thumbnail-swiper .swiper-slide {
    width: 100px;
    height: 100px;
  }

  .blog-detail .swiper-button-prev:after {
    font-size: 15px !important;
  }

  .blog-detail .swiper-button-next::after {
    font-size: 15px !important;
  }
}

.gallery-card-img img {
  height: 230px;
}

.csr-btm-text {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  backdrop-filter: blur(8px);
  border-top: 1px solid #ffffff5e;
  box-shadow: 0 4px 30px rgb(0 0 0 / 24%);
  padding: 4px;
  border-radius: 5px;
  margin: 20px;
}

.thumbnail-swiper-button-prev,
.thumbnail-swiper-button-next {
  position: absolute;
  left: 15%;
  transform: translateX(-50%);
  z-index: 10;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color: #0a3d31;
  color: #fff;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.thumbnail-swiper-button-prev {
  top: 0px;
  /* Position above the thumbnail swiper */
}

.thumbnail-swiper-button-next {
  bottom: 10px;
  /* Position below the thumbnail swiper */
}

.thumbnail-swiper-button-prev:hover,
.thumbnail-swiper-button-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.thumbnail-swiper-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  /* Adjust based on your design */
}

.css-1dimb5e-singleValue {
  color: #fff !important;
}

.search-job-dropdown option {
  background-color: #877362;
  color: #fff;
  padding: 40px;
}

.search-job-dropdown option {
  padding: 10px;
}

.hiring-form-control.mb-1.css-b62m3t-container {
  border-radius: 0.375rem;
}

.singlevaluecolor .select__single-value.css-1dimb5e-singleValue {
  color: #004d40 !important;
}

/* home blog shimmer */
.container-home-blog {
  background: #fff;
  overflow: hidden;
  /* display: flex; */
  align-items: center;
  padding: 30px;
  margin-bottom: 50px;
  /* position: relative; */
}

.shimmer-home-blog-card {
  width: 100%;
  height: 400px;
  background-size: 200% 100%;
  margin-bottom: 33px;
  /* position: absolute; */
  border: 1px solid #f0f0f0;
  padding: 10px;
  background-color: #fff;
}

.shimmer-home-blog-date {
  width: 30%;
  height: 26px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

.shimmer-home-blog-head {
  width: 100%;
  height: 32px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  margin-top: 15px;
}

.shimmer-home-blog-btn {
  width: 40%;
  height: 30px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  margin-top: 10px;
  text-align: center;
}

.slider-img-height {
  height: 100vh;
  position: relative;
}

.caption-content-bar {
  position: absolute;
  top: 28%;
  left: 150px;
  z-index: 9;
}

.our-presence-shimmer {
  background: none !important;
}

.our-presence-shimmer .shimmer-circle {
  height: 87px !important;
}

.our-presence-shimmer .shimmer-bigcircle {
  height: 107px !important;
  width: 107px !important;
}

.singlevaluecolor .select__single-value.css-1dimb5e-singleValue {
  color: #fff !important;
}

/* job shimmer */
.shimmer-job-card {
  height: 320px;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  padding: 20px;
  margin: 20px 0px;
}

.shimmer-jobs-content {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

/* job form shimmer */
.shimmer-container-jobform {
  width: 100%;
  padding: 24px;
}

.shimmer-job-form {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  background-size: 200% 100%;
  animation: shimmerAnimation 1.5s infinite linear;
  border-radius: 4px;
}

@keyframes shimmerAnimation {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* Specific shimmer elements */
.shimmer-box-jobform {
  height: 40px;
  width: 100%;
  margin-bottom: 35px;
}

.shimmer-text-jobform {
  height: 16px;
  width: 50%;
  margin-bottom: 8px;
}

/* Form container */
.form-container-jobform {
  background: rgba(139, 115, 85, 0.9);
  padding: 30px 24px;
  border-radius: 25px;
}

.grid-jobform {
  display: grid;
  gap: 16px;
}

.grid-2-jobform {
  grid-template-columns: repeat(2, 1fr);
}

.grid-3-jobform {
  grid-template-columns: repeat(3, 1fr);
}

.resume-box-jobform {
  height: 128px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  width: 50%;
}

.circle-jobform {
  height: 32px;
  width: 32px;
  border-radius: 48%;
}

.submit-btn-jobform {
  height: 40px;
  width: 100px;
  margin-left: 50%;
}

.submit-btn-jobform.shimmer-job-form {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmerAnimation 1.5s infinite linear;
  border-radius: 29px;
}

/* job form shimmer end */
/* News Rooms shimmer */
.shimmer-news-rooms {
  height: 220px;
  /* border-top: 1px solid #f0f0f0; */
  border-bottom: 1px solid #f0f0f0;
  /* border-radius: 25px; */
  /* padding: 20px; */
  margin: 20px 0px;
}

.shimmer-news-content {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
}

.shimmer-corporate-content {
  padding: 1rem 1.25rem;
  border: 1px solid #f0f0f0;
  height: 140px;
}

.shimmer-corporate-inside-content {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  height: 105px;
}

.shimmer-corporate-table {
  height: 60px;
  border: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  background: linear-gradient(90deg, #ffffff 25%, #f7f5f5 50%, #fff 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

.shimmer-corporate-table-content {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
}

.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 2s infinite linear;
}

.skeleton-title {
  width: 200px;
  height: 24px;
  margin: 0 auto 40px;
}

.skeleton-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0 20px;
  z-index: 2;
}

.skeleton-card {
  /* width: 200px; */
  border: 1px solid #f0f0f0;
  /* border-radius: 15px; */
  height: 250px;
  border-radius: 23px;
  /* background-color: #f0f0f0; */
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 2;
}

.skeleton-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 20px auto -50px;
}

.skeleton-text {
  width: 80%;
  height: 25px;
  margin: 10px auto;
}

/* virtual shimmer */
.shimmer-virtual-card {
  height: 370px;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  padding: 12px;
  border-radius: 15px !important;
  margin: 20px 0px;
}

.shimmer-virtual-content {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border-radius: 15px !important;
}

.shimmer-virtual-contentt {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

/* awards and recogition shimmer */
.shimmer-award-container {
  height: 300px;
  /* background: linear-gradient(90deg, #ffffff 25%, #f7f5f5 50%, #fff 75%); */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 18px;
}

.shimmer-award-content {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  background: linear-gradient(90deg,
      #7d767624 25%,
      #f7f5f56b 50%,
      #ffffff3b 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  margin-top: 192px;
  height: 35px;
  width: 60%;
}

img.img-fluid.prespective-img-bar {
  height: 339px;
}

/* history shimmer */
.shimmer-history-container {
  height: 340px;
  border-radius: 20px;
  padding: 18px;
}

.shimmer-history-animation {
  background: linear-gradient(90deg,
      #c1b8b8eb 25%,
      #b5b5b5db 50%,
      #bfbfbfe0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #8b8888;
}

.shimmer-history-text {
  width: 100% !important;
  margin-top: 10px;
}

.prod-long-content ul li span {
  font-size: 14px !important;
}

.life-dhanuka-bottom {
  border-bottom: 1px solid #e9e4ed;
}

/* .life-dhanuka-bottom:last-child {
  border-bottom: none !important;
} */
.product-packsize span {
  border: 1px solid #0c4538;
  border-radius: 5px;
  font-size: 13px;
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 8px;
  background: #004236;
  color: #fff;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  /* bottom: 60%; */
  bottom: 169px;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -124px;
  padding: 10px;
  width: 254px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  /* background-color: hsla(0, 0%, 20%, 0.9); */
  background-color: #9c8877;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 10px;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 169px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  /* transform: rotate(180deg); */
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.product-name-heading {
  font-family: var(--font-kalnia);
  font-weight: 400;
  position: relative;
  display: inline-block;
}

.product-name-heading::after {
  content: "";
  position: absolute;
  /* left: 43%; */
  left: 14%;
  bottom: -9px;
  /* width: 14%; */
  width: 75%;
  height: 1px;
  background-color: #111;
}

.product-name-heading::before {
  content: "";
  position: absolute;
  /* left: 40%; */
  bottom: -4px;
  width: 100%;
  /* width: 20%; */
  height: 1px;
  background-color: #111;
}

.award-cards-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 3 columns */
  gap: 20px;
  /* Space between the cards */
}

.red-circle.cursor-pointer a {
  color: #fff;
}

.prod-long-content div ul li {
  font-size: 14px !important;
}

.prod-long-content p span {
  font-size: 18px !important;
}

.prod-long-content div p {
  font-size: 18px !important;
}

.media-electronic-img {
  height: 440px;
  object-fit: cover;
}

.online-img-bar {
  border-radius: 50%;
  height: 90px;
  width: 90px !important;
  border: 4px solid #fff;
}

.online-img-container {
  margin-bottom: 90px;
}

.shimmer-gallery-container {
  height: 360px;
  /* background: linear-gradient(90deg, #ffffff 25%, #f7f5f5 50%, #fff 75%); */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  border-radius: 23px;
  /* margin-bottom: 24px; */
  padding: 18px;
}

.shimmer-gallery-content {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  background: linear-gradient(90deg,
      #7d767624 25%,
      #f7f5f56b 50%,
      #ffffff3b 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  /* border: 1px solid #f0f0f0; */
  /* margin-top: 192px; */
  height: 35px;
  width: 60%;
}

.shimmer-gallery-date {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  background: linear-gradient(90deg,
      #7d767624 25%,
      #f7f5f56b 50%,
      #ffffff3b 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  /* border: 1px solid #f0f0f0; */
  /* margin-top: 192px; */
  height: 35px;
  width: 30%;
}

.shimmer-gallery-sh {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  border-radius: 23px 23px 23px 0px;
  margin-bottom: 24px;
}

.skeleton-dhaej {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  /* min-height: 100vh; */
  /* background-color: #f4f4f4; */
}

.dhaejShimmer-card {
  /* background-color: #ddd; */
  border-radius: 10px;
  overflow: hidden;
  width: 270px;
  /* width: 300px; */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #cfc1c1;
}

.shimmer-dhaej {
  height: 259px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f6f6f6 50%, #e0e0e0 75%);
  background-size: 400px 100%;
  animation: shimmer 1.5s infinite;
}

.dhaej-card-content {
  padding: 20px;
}

.dhaej-text-line {
  height: 14px;
  background-color: #e0e0e0;
  margin: 10px 0;
  border-radius: 5px;
  background-size: 400px 100%;
  animation: shimmer 1.5s infinite;
}

.dhaej-text-line.short {
  width: 50%;
}

.dhaej-text-line.medium {
  width: 70%;
}

.dhaej-text-line.long {
  width: 100%;
}

.dhaej-button-placeholder {
  width: 100px;
  height: 30px;
  background-color: #e0e0e0;
  border-radius: 5px;
  margin: 20px auto 0;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.shadow a:last-child .life-dhanuka-bottom {
  border: 0;
}

/* manufacturing-shimmer */
.manufacturing-container-shimmer {
  min-height: 680px;
  border: 1px solid #f0f0f0;
  padding: 25px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.2);
}

.manufacturing-shimmering {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);

  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  width: 100%;
}

.perspec-shimmer-effect {
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  animation: shimmer 2s infinite;
  background: linear-gradient(to right, #e7e5e4, #f5f5f4, #e7e5e4);
  opacity: 0.6;
}

.perspec-shimmer-image {
  width: 100%;
  height: 339px;
  /* background-color: #e5e5e5; */
  border-radius: 23px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 400% 100%;
  animation: shimmer 1.5s infinite;
}

.perspec-shimmer-name {
  width: 192px;
  height: 32px;
  background-color: #e5e5e5;
  border-radius: 6px;
  /* position: relative; */
  /* overflow: hidden; */
}

/* .perspec-shimmer-text-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
} */

.perspec-shimmer-text {
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 400% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
  /* position: relative; */
  /* overflow: hidden; */
}

.perspec-shimmer-text:nth-child(1) {
  width: 75%;
}

.perspec-shimmer-text:nth-child(2) {
  width: 85%;
}

.perspec-shimmer-text:nth-child(3) {
  width: 65%;
}

/* tds investor shimmer */
.tdsinvestor-container-shimmer {
  background: linear-gradient(90deg, #f2f2f2 25%, #ffffff 50%, #fbfafa 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  height: 315px;
  border-radius: 12px;
  padding: 20px;
}

.shimmer-main-box-tds {
  border: 1px solid #f0f0f0;
  padding: 35px;
  border-radius: 15px;
}

.shimmer-tds-small-box {
  width: 110px;
  height: 120px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}

.shimmer-tds-circle {
  width: 80px;
  height: 80px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border: 1px solid #f0f0f0;
  border-radius: 50%;
}

.shimmer-tds-text {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border: 1px solid #f0f0f0;
}

.onlineshimmer-card {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border: 1px dashed white;
}

/* Lifeatdhanuka and career shimmer */
.shimmer-lifeatdhanuka-container {
  height: 365px;
  /* background: linear-gradient(90deg, #ffffff 25%, #f7f5f5 50%, #fff 75%); */
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 18px;
}

.shimmer-lifeatdhanuka-content {
  /* background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); */
  background: linear-gradient(90deg,
      #7d767624 25%,
      #f7f5f56b 50%,
      #ffffff3b 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border: 1px solid #f0f0f0;
  margin-top: 270px;
  height: 35px;
  width: 100%;
}

/* online shimmer */
.online-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 2s infinite linear;
}

.online-skeleton-title {
  width: 200px;
  height: 24px;
  margin: 0 auto 40px;
}

.online-skeleton-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0 20px;
  z-index: 2;
}

.online-skeleton-card {
  border: 1px solid #f0f0f0;
  /* border-radius: 15px; */
  height: 250px;
  border-radius: 23px;
  /* background-color: #f0f0f0; */
  flex-wrap: wrap;
  /* align-items: center;
  justify-content: center;
  display: flex; */
  z-index: 2;
  padding: 15px;
}

.online-skeleton-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: -90px auto -50px;
}

.online-skeleton-text {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  width: 80%;
  height: 18px;
  margin: 10px auto;
}

.online-skeleton-text1 {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  width: 40%;
  height: 18px;
  margin: 10px auto;
}

.online-shimmer-borderbox {
  border: 1px dashed;
}

/* virtual shimmer */
.shimmer-awardcareer-card {
  /* height: 370px; */
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  padding: 12px;
  border-radius: 15px !important;
  margin: 20px 0px;
}

.shimmer-awardcareer-content {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border-radius: 15px !important;
}

.shimmer-awardcareer-title {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

.card-award-hr-shimmer {
  border: 1px solid #f0f0f0;
}

.online-btn-bar {
  height: 35px;
  width: 35%;
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  margin: 0 auto;
  border-radius: 30px;
}

/* electronicshimmer */
.shimmer-electronic-card {
  height: 440px;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  padding: 12px;
  border-radius: 15px !important;
  margin: 10px;
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border-radius: 15px !important;
}

.shimmer-electronic-contentt {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

/* farmervoive */
.shimmer-farmervoice-card {
  /* height: 370px; */
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  padding: 12px;
  border-radius: 15px !important;
  margin: 20px 0px;
}

.shimmer-farmervoice-content {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border-radius: 15px !important;
}

.shimmer-farmervoice-contentt {
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
}

.shimmer-farmervoicebtn {
  width: 40%;
  height: 32px;
  background: linear-gradient(90deg,
      #f0f0f0c9 25%,
      #e0e0e0ab 50%,
      #f0f0f0cc 75%);
  animation: shimmer 1.5s infinite;
  background-size: 200% 100%;
  border-radius: 23px;
}

.latest-room-img {
  width: 100%;
  height: 80px;
  object-fit: cover;
}

.mediaonlineborder:last-child {
  display: none !important;
}

.item-rooms:last-child hr {
  display: none;
}

.items-room hr {
  color: #d9d9d9;
}

.online-bottom:last-child .online-img-container {
  margin-bottom: 0px;
}

.latest-room-para p {
  margin-bottom: 4px;
}

button.main-button-fill-green.btn-green-button-border {
  border: none;
}

.multi-range-slider {
  margin-top: 0px;
  display: flex;
  position: relative;
  top: 16px;
  border: 0px !important;
  box-shadow: none !important;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0px !important;
}

.multi-range-slider .bar-inner {
  background-color: #e2dede;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: space-between;
  position: relative;
  justify-content: space-between;
  border: 0px !important;
  box-shadow: none !important;
}

.multi-range-slider .thumb::before {
  content: "";
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  position: absolute;
  width: 17px;
  height: 17px;
  border: 0px !important;
  box-shadow: none !important;
  border-radius: 50%;
  z-index: 1;
  margin: -6px -12px;
  cursor: pointer;
}

/* headerclass */
.header-content-bar {
  position: fixed;
  width: 100%;
  z-index: 1000;
  transition: background 0.3s ease;
}

.nav-link.nav-link-bar i {
  font-size: 12px;
}

.header-top-bar {
  /* background-color: rgba(0, 0, 0, 0.5); */
  padding: 12px 0;
}

.header-top-bar-content {
  /* max-width: 1200px; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 0 20px; */
}

.stock-info-bar {
  display: flex;
  gap: 20px;
  color: #fff;
  font-size: 14px;
}

.stock-info-bar span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.stock-up-bar {
  color: #4caf50;
}

.stock-down-bar {
  color: #ed3d3d;
}

.stock-neutral-bar {
  color: #ffbc00;
}

.header-top-bar-right {
  display: flex;
  gap: 20px;
}

.header-top-bar-right a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.main-header-bar {
  /* background-color: rgba(0, 0, 0, 0.3); */
  padding: 30px 0;
}

.header-content-bar.sticky .main-header-bar {
  /* background-color: rgba(0, 0, 0, 0.9); */
  background: var(--second-primary-bg-gradient);
  /* padding: 5px 2px; */
  padding: 4px 2px 8px 2px;
}

.main-header-bar-content {
  /* max-width: 1200px; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  /* padding: 0 20px; */
}

.logos-bar {
  display: flex;
  align-items: center;
  gap: 15px;
}

.logos-bar img {
  height: 80px;
}

.logos-bar-text {
  color: #fff;
}

.logos-bar-text div:first-child {
  font-size: 28px;
  font-weight: bold;
}

.logos-bar-text div:last-child {
  font-size: 18px;
}

/* Navigation Styles */
.nav-menu.nav-menus-bar {
  display: flex;
  gap: 50px;
}

.nav-item.navs-items-bar {
  position: relative;
  display: flex;
  align-items: center;
  /* padding: 15px 0; */
}

.nav-link.nav-link-bar {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  /* padding: 10px 15px; */
  padding: 5px 15px 8px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.nav-link.nav-link-bar:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.3s;
}

.nav-item.navs-items-bar:hover .nav-link.nav-link-bar:after {
  width: 100%;
}

/* Submenu Styles */
.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  background: white;
  min-width: max-content;
  /* box-shadow: 0 4px 6px rgba(0,0,0,0.1); */
  /* border: 1px solid #eee; */
  border-radius: 4px;
  z-index: 1000;
  background: #fff;
  /* border: 1px solid rgba(0, 0, 0, .09); */
  box-shadow: 0 2px 21px -9px rgba(0, 0, 0, 0.15);
  /* display: flex */

  flex-wrap: wrap;
  /* margin: 0 15px 15px; */
}

.nav-item.navs-items-bar::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  bottom: -10px;
  left: 0;
}

.submenu::before {
  content: "";
  position: absolute;
  top: -7px;
  /* Position above the dropdown */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  z-index: 2;
}

/* Border arrow using ::after pseudo-element */
.submenu::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid rgba(0, 0, 0, 0.09);
  z-index: 1;
}

.nav-item.navs-items-bar:hover .submenu {
  display: block;
}

.submenu ul {
  list-style: none;
  /* padding: 10px 0; */
  margin: 0;
}

.submenu li a {
  display: block;
  padding: 8px 20px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.submenu li a:hover {
  /* background: #004236; */
  color: darkgreen !important;
  /* font-weight: 600; */
}

.submenu-link {
  color: #000;
  text-decoration: none;
  padding: 5px 5px;
  display: block;
  transition: background 0.3s;
}

.submenu-link:hover {
  background: rgba(255, 255, 255, 0.1);
}

.banner-slider-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Adjust transparency here */
  z-index: 1;
}

.nav-item.navs-items-bar:hover {
  /* align-items: center; */
  justify-content: center;
  /* display: flex; */
  /* padding: 0px 0px 12px 0px; */
}

.banner-slider-bar.active {
  opacity: 1;
}

.nav-link.nav-link-bar:hover {
  color: #fff;
}

.list-colour {
  color: darkgreen !important;
  font-weight: 500;
  pointer-events: none;
}

.banner-line {
  color: #fff;
  opacity: 1;
}

.inve-col ul li a {
  color: #000;
}

.sticky .header-top-bar,
.sticky .banner-line {
  display: none;
}

.sticky .logos-bar img {
  height: 50px;
  object-fit: contain;
}

.callobrationhome {
  background: #0a3d31;
}

/* .marquee-cards {
  height: 200px;
 
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
 
}

.marquee-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: marquee 10s linear infinite;
}

.marquee-card {
  background-color: #f0f0f0;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}

.marquee-card a {
  text-decoration: none;
  color: #333;
  display: block;
  padding: 5px;
}


@keyframes marquee {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}

.marquee-cards:hover .marquee-cards-wrapper {
  animation-play-state: paused;
} */

#slide-container .col1 ul:hover,
#slide-container .col3 ul:hover,
#slide-container .col2 ul:hover,
#slide-container .col4 ul:hover {
  animation-play-state: paused !important;
}

h1.mb-4.banner-title.banner-top-headbar {
  margin-top: 0px;
}

.tab-box-content.mt-4.mt-md-0 p h4 {
  font-size: 20px;
}

.sustain-bar-heading {
  font-size: 20px;
}

.csrbrowncomp {
  font-size: 30px;
}

.sustaincompsecn {
  padding-top: 60px;
  padding-bottom: 120px;
}

h2.blog-detail-head {
  font-size: 30px;
}

.fs-20px {
  font-size: 20px;
}

.marqueelink {
  color: #333 !important;
}

.marquefullcard {
  border-bottom: 1px solid #a1a1a1;
  padding: 10px;
}

.independent-director-table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}

.independent-director-header,
.independent-director-subheader {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: center;
  background-color: #004d40;
  font-weight: bold;
}

.independent-director-subheader {
  background-color: #004d40;
  font-weight: normal;
  color: #fff;
}

.independent-director-cell {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #ddd !important;
}

.independent-director-header {
  background-color: #004d40;
  font-weight: bold;
  color: #fff;
}

.independent-director-boxes {
  padding: 15px;
  background-color: #004d40;
  border-radius: 10px;
}

.our-team-arrow {
  position: absolute;
  right: -13px;
  /* top: 18px; */
  /* background: green; */
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
}

.membermodal-img {
  width: 250px;
  height: 300px;
  object-fit: cover;
  border-radius: 8px;
}

.history-arrow {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.history-arrow-right {
  position: absolute;
  right: -5%;
  top: 60%;
}

.history-arrow-left {
  position: absolute;
  left: -5%;
  top: 60%;
}

.multi-colour-sec .swiper-wrapper {
  transform: none !important;
}

.bg-brown {
  background: linear-gradient(52deg, #716357, #bfa996) !important;
}

/* @media (max-width: 480px) {
  .our-history .context .container .timeline {
    padding: 0px 15px !important;
  }
} */

.nodatafoundimg {
  width: 35%;
}

.boardcomittee-table th,
.boardcomittee-table td {
  border-bottom: 1px solid #dee2e6 !important;
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
  box-shadow: none !important;
}

.board-accordian .accordion-header .accordion-button:not(.collapsed) {
  color: #0b3e32 !important;
  font-weight: bold;
}

/* financial css */
.financialfilter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
  align-items: flex-end;
}

.financial-financial-custom-select-wrapper {
  position: relative;
  width: 220px;
}

.fianancecustom-select {
  width: 100%;
  padding: 8px 0;
  border: none;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
  cursor: pointer;
  outline: none;
}

.custom-select-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.financialfilter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
  align-items: flex-end;
}

.financial-custom-select-wrapper {
  position: relative;
  width: 220px;
}

.custom-select-arrow::after {
  content: "";
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #666 transparent transparent transparent;
  display: inline-block;
}

.show-results-btn {
  padding: 10px 25px;
  border: 1px solid #000;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

.show-results-btn:hover {
  background-color: #f9f9f9;
}

.financial-doc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}

.financial-title {
  font-weight: 500;
}

.financial-download-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  /* color: #0055aa; */
  color: #705239;

  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.financial-download-icn,
.audio-icon {
  width: 18px;
  height: 18px;
}

.audio-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  /* color: #0055aa; */
  color: #705239;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

@media (max-width: 768px) {
  .financialfilter-container {
    /* flex-direction: column;/ */
    align-items: flex-start;
    gap: 20px;
  }

  .financial-custom-select-wrapper {
    width: 100%;
  }

  .show-results-btn {
    width: 100%;
  }
}

.custom-select-arrow::after {
  content: "";
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #666 transparent transparent transparent;
  display: inline-block;
}

.show-results-btn {
  padding: 10px 25px;
  border: 1px solid #000;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

.show-results-btn:hover {
  background-color: #f9f9f9;
}

.financial-period {
  color: #0d4d3e;
  font-size: 18px;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  font-weight: 600;
}

.documents-list {
  list-style: none;
}

.chairman-emiretur-background {
  background-image: url("../imgs/renew-img.jpg");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 100vh; */
}

.not-found-btn {
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
}

.investor-contact-bar {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  color: var(--dark-green-color);
  font-weight: 600;
}

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

.investorcontact-name {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #857e85ee;
}

.investorcontact-info {
  padding-top: 15px;
  padding-bottom: 15px;
  /* border-bottom: 1px solid #857e85ee; */
}

.investorcontact-info-bar {
  /* padding-top: 15px; */
  padding-bottom: 15px;
}

.credit-btn {
  background: none !important;
  color: var(--dark-green-color) !important;
  border-bottom: 1px solid #000;
}

.accordion-item.credit-item {
  border: none;
}

.credit-table-rate {
  /* color: #0a3d31 !important; */
  border-bottom: 1px solid #e3e3e3 !important;
}

.downloadpdf-credit {
  color: #705239;
}

.policies-shimmer {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

/* sitemap */
.sitemap-container {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
  gap: 30px;
}

.section-sitemap {
  background-color: white;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.section-sitemap:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.section-sitemap h2 {
  color: #0a3d31;
  font-size: 24px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
  position: relative;
}

.section-sitemap h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 50px;
  height: 2px;
  background-color: #1a5d1a;
}

.sitemap-link {
  display: flex;
  /* flex-direction: column;
  gap: 12px; */
  gap: 2rem;
  flex-wrap: wrap;
}

.sitemap-link a {
  color: #444;
  text-decoration: none;
  padding: 8px 0;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
  display: flex;
  align-items: center;
}

.sitemap-link a:hover {
  color: #0a3d31;
  transform: translateX(5px);
}

.sitemap-link a::before {
  content: "→";
  margin-right: 10px;
  color: #0a3d31;
  font-weight: bold;
}

@media (max-width: 768px) {
  .sitemap-container {
    grid-template-columns: 1fr;
  }
}

.css-17inysh-control {
  font-size: 14px !important;
}

.investor-contacticon {
  background: #0a3f33;
  padding: 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  margin-right: 7px;
}

.manufacturing-udampur-img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 460px;
}

.mobile-submenu-head {
  color: #004236;
  font-weight: 600;
  border-radius: 0px;
  border-bottom: 1px solid #004236;
}

@media (max-width: 767px) {
  .our-innovation .box {
    width: 100%;
    height: 80px;
  }

  .bg-nav.bg-light-gradiant.box.left-5 {
    right: 0px;
    top: 5px;
  }
}

/* Global scrollbar style for WebKit browsers */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.submenu-investorbar {
  list-style: none;
  padding: 0;
  margin: 0;
  /* background-color: #f9f9f9;  */
  border-radius: 6px;
  overflow: hidden;
}

.submenu-list {
  padding: 12px 16px;
  border-bottom: 1px solid #000;
}

.submenu-list a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: block;
  transition: color 0.3s ease;
}

.submenu-list a:hover {
  color: var(--dark-green-color);
}

/* Remove bottom border on last item */
.submenu-investorbar .submenu-list:last-child {
  border-bottom: none;
}

.submenu-list:hover {
  /* background-color: #f0f0f0; */
  color: var(--dark-green-color);
}

.activemenu {
  /* background: #004236; */
  color: darkgreen !important;
  /* font-weight: 600; */
}

.modal-title-bar.modal-title.h4 {
  color: #fff;
  margin-bottom: 0px;
}

.team-modal-content {
  /* height: 500px; */
  overflow-y: auto;
  gap: 20px;
  /* margin-top: 10px; */
}

.modal-image-container {
  flex: 1;
  max-width: 50%;
}

.team-modal-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 8px;
}

.modal-text-container {
  flex: 2;
  max-width: 100%;
}

.modal-text-container {
  height: 328px;
  overflow-y: overlay;
}

.modal-headerbar.modal-header {
  padding: 0px 10px 5px 10px;
}

@media (max-width: 768px) {

  .modal-image-container,
  .modal-text-container {
    max-width: 100%;
  }

  .team-modal-content {
    flex-direction: column;
    height: auto;
  }
}

.designation-modalbar {
  background: linear-gradient(to right, #0b3e32 3%, #1da484 99%) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 7px 25px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-inter) !important;
  font-size: 14px;
  width: fit-content;
  text-align: center;
}

.submenu .list-colour {
  white-space: normal;
  /* Allow text wrapping */
  display: inline-block !important;
  /* Ensure inline-block context */
  max-width: 250px;
  /* Adjust this width to control wrapping */
  line-height: 1.3;
  word-break: break-word;
  /* Optional: help break long words */
}

.submenu ul li a {
  white-space: normal;
  max-width: 200px;
  /* max-width: 250px; */
  /* same width as heading for alignment */
  display: inline-block;
  word-break: break-word;
  line-height: 1.4;
  /* padding: 8px 20px 8px 20px; */
  padding: 8px 8px 8px 8px;
}

.inve-col ul li .inve-col-div {
  padding-top: 10px !important;
}

.hiring-form-focus:focus {
  background: #877362 !important;
}

.product-packsize {
  background: rgba(255, 255, 255, 0.2);
  padding: 2px;
  border-radius: 4px;
}

.card.ourpresence-card {
  background-color: white;
  border-radius: 24px;
  /* padding: 30px; */
  width: 200px;
  /* box-shadow: 0px 4px 5px rgb(0 0 0 / 22%); */
  box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 22%);

  display: flex;
  flex-direction: column;
  border: none;
  /* gap: 20px; */
}

.card-header.card-header-prsence {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border-bottom: none;
}

.image-containerpresence {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.image-containerpresence img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ourpresenceicon-container {
  width: 52px;
  height: 52px;
  background-color: #f0f0f0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ourpresenceicon-container svg {
  width: 32px;
  height: 32px;
}

.card-content.our-presencecontent {
  margin-top: 0px;
  padding: 3px 20px 20px 20px;
}

.ourpresence-number {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
  color: #000;
}

.ourpresence-text {
  font-size: 12px;
  margin: 0;
  color: #333;
}

.our-presence-slider .swiper {
  padding-bottom: 50px;
}

.our-presence-slider-swiper {
  position: relative;
}

.our-presence-slider-swiper .swiper-button-next {
  right: -4% !important;
  /* left: 0 !important; */
  bottom: 14px !important;
  top: 65% !important;
  color: #fff !important;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  transform: rotate(180deg);
}

.our-presence-slider-swiper .swiper-button-prev {
  right: 0 !important;
  left: -4%;
  bottom: 14px !important;
  top: 65% !important;
  color: #fff !important;
  background-color: var(--dark-green-color);
  border-radius: 50%;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  /* transform: rotate(180deg); */
}

.our-presence-slider-swiper .swiper-button-prev:after {
  display: none;
}

.our-presence-slider-swiper .swiper-button-next:after {
  display: none;
}

.our-presence-slider .swiper .swiper-slide {
  /* margin-right: 13px !important; */
}

.our-presence-slider-swiper .swiper-button-prev img {
  width: 80%;
}

.our-presence-slider-swiper .swiper-button-next img {
  width: 80%;
}

.our-portfolio-section {
  background: var(--second-primary-bg-gradient);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
}

.our-portfolio__header {
  text-align: center;
  margin-bottom: 42px;
  position: relative;
}

.our-portfolio__header h1 {
  color: white;
  font-size: 42px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}

.our-portfolio__cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.card-container {
  position: relative;
  width: 130px;
  height: 230px;
  transition: all 0.5s ease;
  margin-bottom: 25px;
}

.card-container:hover {
  transform: translateY(-5px);
}

.ourportfolio_bar {
  width: 130px;
  height: 230px;
  border-radius: 100px;
  border: 1px solid #000;
  position: absolute;
  z-index: 1;
  transition: all 0.5s ease;
  /* transform: translate(15px, 15px); */
  transform: translate(5px, -10px);
}

.card-container:hover .ourportfolio_bar {
  transform: translate(0, 0);
  border-color: #3a3a3a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.our-portfolio__card {
  width: 130px;
  height: 230px;
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  background: linear-gradient(to bottom, #ffffff, #a19284);
  backdrop-filter: blur(5px);
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.5s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.card-container:hover .our-portfolio__card {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.our-portfolio__card-title {
  margin-top: 45px;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  letter-spacing: 0px;
  transition: all 0.3s ease;
  padding: 0px 20px 0px 20px;
}

.card-container:hover .our-portfolio__card-title {
  letter-spacing: 0px;
}

.our-portfolio__icon {
  width: 70px;
  height: 70px;
  background: #1c1c1c;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 40px;
  transition: all 0.5s ease;
}

.card-container:hover .our-portfolio__icon {
  transform: scale(1.05);
}

.our-portfolio__icon img {
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
}

.card-container:hover .our-portfolio__icon img {
  transform: scale(1.1);
  animation-play-state: paused;
}

.presence-leaf-image img {
  height: 8vh !important;
  object-fit: contain;
}

/* .our-portfolio-swiper {
  position: relative;
}

.our-portfolio-swiper .swiper-button-next,
.our-portfolio-swiper .swiper-button-prev {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  padding: 10px;
  width: 40px;
  height: 40px;
  top: 35%;
  transform: translateY(-50%);
  z-index: 10;
}

.our-portfolio-swiper .swiper-button-next {
  right: 0;
}

.our-portfolio-swiper .swiper-button-prev {
  left: 0;
}

@media (max-width: 767px) {
  .our-portfolio-swiper .swiper-button-next,
  .our-portfolio-swiper .swiper-button-prev {
    display: none;
  }
} */
/* @media (min-width: 1024px) and (max-width: 1366px) {
  .banner {
    height: 40vh;
  }
  .slider-img-height {
    height: 45vh;
  }
} */
@media (min-width: 820px) and (max-width: 1180px) {
  /* .banner {
    height: 40vh;
  } */
  /* .slider-img-height {
    height: 40vh;
  } */
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner {
    height: 520px !important;
  }

  .carousel-inner.slider-img-height {
    height: 520px !important;
  }
}

@media (min-width: 375px) and (max-width: 768px) {
  .banner {
    height: 250px;
  }

  .carousel-inner.slider-img-height {
    height: 250px;
  }
}

@media (min-width: 340px) and (max-width: 700px) {
  .banner {
    height: 250px;
  }

  .carousel-inner.slider-img-height {
    height: 250px;
  }
}

.distributor-network-one img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  border: 2px solid #0a3d31;
}

@media (min-width: 426px) and (max-width: 768px) {
  .gallery-card {
    min-height: 100px;
  }
}

@media (max-width: 768px) {
  .our-presence-slider-swiper .swiper-button-next {
    right: 0% !important;
  }

  .our-presence-slider-swiper .swiper-button-prev {
    left: 0% !important;
  }
}

@media (max-width: 425px) {
  .sustainablity-mobile-view {
    display: flex;
    justify-content: center;
  }

  .ability-sec-div-2 img {
    top: -17%;
    left: 0%;
  }

  .sustain-comp-mobile-view {
    margin-top: 50px;
    padding-left: 10px !important;
  }

  .sustain-border-sec .custom-card {
    border-bottom: 1px dashed #fff;
    border-right: none !important;
  }

  .sustain-border-sec .row>.col-12.col-md-6.col-lg-3:last-child .custom-card {
    border-bottom: none !important;
  }

  .sustain-border-sec .custom-card {
    /* margin-top: 0px !important; */
    padding-top: 0px !important;
  }

  .sustain-wrapper>div:last-child {
    border-bottom: none;
  }
}

/* our parfolio shimmer */
/* Shimmer keyframes */
@keyframes portfolio-home-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

/* Shimmer wrapper for the card */
.portfolio-home-shimmer-card {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  width: 180px;
  height: 320px;
  background: #f0f0f0;
}

/* Shimmer animation overlay */
.portfolio-home-shimmer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: portfolio-home-shimmer 1.5s infinite;
}

#experience option:checked {
  background-color: var(--dark-green-color);
  /* Change to your desired color */
}

#experience option:hover {
  background-color: var(--dark-green-color) !important;
}

@media (max-width: 768px) {
  .manufact-first-sec {
    padding-bottom: 40px;
  }

  .manufact-first-sec .content-card {
    bottom: -20px;
  }

  .dahej-dhanuka-btns .swiper-button-prev {
    left: 88% !important;
  }

  .dahej-dhanuka-btns .swiper-button-next {
    left: 0% !important;
  }

  .topbarnav {
    background: #0d4a3b;
    display: flex;
    justify-content: space-between;
    padding: 10px 8px;
    color: #fff;
    font-size: 12px;
  }

  .topbarnav div.stock-info-bar {
    gap: 10px;
    font-size: 12px;
  }
}

.dahej-dhanuka-btns .swiper-button-prev {
  position: absolute;
  left: 100%;
  background: #0a3d31;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: rotate(180deg);
  cursor: pointer;
}

.dahej-dhanuka-btns .swiper-button-next {
  position: absolute;
  left: -4%;
  background: #0a3d31;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.dahej-dhanuka-btns .swiper-button-next:after {
  display: none;
}

.dahej-dhanuka-btns .swiper-button-prev:after {
  display: none;
}

.dahej-dhanuka-btns .swiper-button-next img {
  width: 70%;
}

.dahej-dhanuka-btns .swiper-button-prev img {
  width: 70%;
}

.distributor-network-north {
  background: var(--second-primary-bg-gradient);
}

.distributor-network-east {
  background: linear-gradient(135deg, #0d4d3e, #0a3d31);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer !important;
}

.collab-firstsec {
  background: var(--second-primary-bg-gradient);
}

.research-section-one {
  background: var(--second-primary-bg-gradient);
}

.research-section-two {
  background: linear-gradient(135deg, #0d4d3e, #0a3d31);
}

.numbering-research {
  font-family: var(--font-kalnia);
  background: var(--second-primary-bg-gradient);
  color: #fff;
  height: 63px;
  width: 63px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

#Investors .submenu {
  /* left: 70% !important;
  transform: translateX(-70%) !important; */
  left: 20% !important;
  transform: translateX(-72%) !important;
}

#Investors .submenu:before {
  /* left: 68% !important;
  transform: translateX(-68%) !important; */
  left: 76% !important;
  transform: translateX(-68%) !important;
}

.collab-secondSec {
  background: var(--primary-bg-gradient);
}

.collab-sec-imgbar {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 20px;
}

.collab-thirdtransp {
  /* background: rgba(255, 255, 255, 0.2) !important; */
  background: rgb(255 255 255 / 47%) !important;
  padding: 10px;
  border-radius: 10px;
}

.collab-thirdsechead {
  font-weight: 600;
}

.blog-product-card>.col-lg-4:nth-last-child(-n + 3) .card.blog-card-box {
  margin-bottom: 10px !important;
}

@media (max-width: 480px) {
  .social-icon-footer {
    flex-wrap: wrap;
  }
}

.z-3.paddingT-90.position-relative.text-md-end.mb-pt-0.ps-0.ps-md-3.ourstory-bar p {
  text-align: justify;
}

.contact-container .form-control:focus {
  background: transparent;
  color: #ccc;
  box-shadow: 0 0 0 0.12rem rgb(255 255 255 / 25%) !important;
  border: 0 !important;
}

.map-container {
  height: 490px;
}

/* contact */
.corporate-office-comp {
  border: 2px solid var(--second-primary-bg-gradient);
  padding: 15px;
  border-radius: 5px;
  /* min-height: 350px; */
  display: flex;
  height: 420px;
  /* align-items: center; */
}

.corporate-office-title {
  /* display: inline-block; */
  position: relative;
  padding-bottom: 8px;
  margin: 0 auto;
  text-align: center;
}

.corporate-office-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 75%;
  height: 2px;
  background-color: #0a3d31;
  border-radius: 2px;
  margin-bottom: 7px;
}

.contact-query-container {
  border: 2px solid var(--second-primary-bg-gradient);
  padding: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.north-zone-container {
  border: 2px solid var(--second-primary-bg-gradient);
  padding: 10px;
  border-radius: 5px;
  min-height: 275px;
  max-height: 275px;
}

.north-zone-title {
  background: #0a3d31;
  color: #fff;
  padding: 12px;
  border-radius: 5px;
}

/* .min-height-445 .corporate-office-comp {
  min-height: 400px;
} */
.min-height-445 .our-innovation-section h2::before {
  width: 85% !important;
}

.hover-tooltip-wrapper {
  position: relative;
  cursor: pointer;
}

.custom-tooltip-box {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  width: 205px;
  /* background-color: #0a3d31; */
  /* background-color: #a79485; */
  background-color: var(--second-primary-bg-gradient);

  color: white;
  padding: 12px 16px;
  border-radius: 23px;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  z-index: 10;
  min-height: 235px;
  border: 2px solid #e1bfa1;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.custom-tooltip-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}

.hover-tooltip-wrapper:hover .custom-tooltip-box {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  padding-top: 50px;
}

.hover-tooltip-wrapper:hover .pro-icon-box-position {
  z-index: 20;
}

/* .hover-tooltip-wrapper {
  position: relative;
  cursor: pointer;
}

.custom-tooltip-box {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  width: 300px;
  background-color: #0a3d31;
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  z-index: 50;
  min-height: 140px;

}
.custom-tooltip-box::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent rgba(10, 61, 49, 0.85) transparent;
}

.hover-tooltip-wrapper:hover .custom-tooltip-box {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.hover-tooltip-wrapper:hover .pro-icon-box-position {
  z-index: 20;
} */

.contact-query-container h6 {
  margin-bottom: 0px;
}

.contact-query-children {
  display: flex;
  justify-content: center;
}

.zone-container-arrows {
  position: absolute;
  top: 8%;
  right: 8%;
}

.zone-container-arrows i {
  color: var(--second-primary-bg-gradient);
  font-size: 1rem;
  cursor: pointer;
}

@media screen and (min-width: 1079px) and (max-width: 1380px) {

  /* .ourstory-bar div p:nth-child(3) {
    display: none !important;
  } */
  .film-strip {
    left: -28px !important;
    height: 108%;
  }

  .story-images .swiper-container {
    height: 100%;
  }

  .story-images .swiper-wrapper {
    height: 100vh;
  }

  .our-story-section {
    height: 100% !important;
  }
}

.collab-image {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 9px;
}

@media (min-width: 320px) and (max-width: 736px) {
  .sustainablity-horizontal-mobile-view {
    display: flex;
    justify-content: center;
  }

  .ability-sec-div-2 img {
    top: -14%;
  }

  .section-title-sustain-bar {
    margin-top: 55px;
  }

  .modal-content {
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .blog-product-card>.col-lg-4:nth-last-child(-n + 3) .card.blog-card-box {
    margin-bottom: 150px !important;
  }

  .blog-product-card>.col-lg-4:last-child .card.blog-card-box {
    margin-bottom: 20px !important;
  }

  .latest-room-img {
    height: 185px;
  }

  .team-modal-img {
    object-fit: initial;
    height: 100%;
  }

  .gallery-card-img-detail {
    width: 492px !important;
  }

  .env-col {
    margin-top: 20px;
  }

  .pro-bg-box.position-relative.d-lg-flex.align-items-center.justify-content-center.mt-lg-0.mt-md-0.mt-3 {
    margin-bottom: 16px !important;
  }
}

@media (min-width: 520px) and (max-width: 633px) {
  .product-landscape-view {
    width: 50% !important;
  }
}

@media (max-width: 768px) {
  .sustainablity-horizontal-mobile-view {
    display: flex;
    justify-content: center;
  }
}

.irrigation-bar li {
  margin-left: -32px;
  /* list-style: none; */
  text-align: justify;
}

.st-content-plant {
  height: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .paddingY-90 {
    padding-top: 0px;
  }

  .message-text p {
    margin-top: 20px;
  }

  .swiper-chairam-prev,
  .swiper-chairam-next {
    top: 35%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .our-values-section {
    padding: 40px 0px;
  }

  .chairman-section .message-text {
    margin: 0px 0px;
    margin-top: 12px;
  }

  .product-display {
    height: 210px;
  }

  .gallery-card {
    min-height: 40px;
  }

  .award-cards-container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .r-objectives {
    height: 400px;
    object-fit: cover;
    border-radius: 30px;
  }

  img.img-landarea2 {
    object-fit: cover;
  }

  img.advance-img {
    display: none !important;
  }

  .card-irrigation {
    width: 100% !important;
    position: static !important;
  }

  .keshwanarajas .keshwana-img1 {
    top: 0% !important;
  }

  .keshwanarajas .keshwana-img1 {
    width: 290px !important;
  }

  .col-lg-3.col-3.column.col-sm-12.text-white {
    width: 100%;
  }

  .our-innovation-section h2::before {
    left: 3% !important;
  }
}

@media (max-width: 480px) {
  .selfie-img.card-item {
    height: 375px !important;
    border-radius: 0px;
  }

  .mobile-view-slider-life-at-dhanuka {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .banner .banner-title {
    font-size: 15px;
  }

  .caption-content-bar {
    position: absolute;
    top: 15%;
    left: 35px;
    z-index: 9;
  }

  .sliderbannerbtn .main-button-fill {
    padding: 7px 15px !important;
  }

  .sliderbannerbtn {
    display: flex !important;
    justify-content: flex-start;
    gap: 20px !important;
  }

  .sliderbannerbtn .main-button-border {
    padding: 7px 10px !important;
  }
}

.mobileviewcontainer {
  background-color: #f8f9fa;
  margin: 0;
  /* padding: 15px; */
}

.navigationmobile-container {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 0;
  box-shadow: none;
}

/* Accordion Headers */

.accordion-header-btn {
  background: #f6f6f6;
  padding: 20px 15px;
  border: none;
  border-bottom: 1px solid #f1ebeb !important;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  color: #0d4a3b;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s;
  box-shadow: none;
}

.accordion-header-btn:hover {
  background-color: #f8f9fa;
}

.accordion-header-btn:focus {
  box-shadow: none;
  background-color: #f6f6f6;
}

.accordion-header-btn[aria-expanded="true"] {
  background-color: #f6f6f6;
}

/* 
         .accordion-header-btn::after {
            content: '';
            font-size: 14px;
           color: #6c757d;
            transition: transform 0.3s ease;
            background: none;
          border: none;
            width: auto;
            height: auto;
         } */

.accordion-header-btn[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/* Accordion Content */
.accordion-contentbar {
  padding: 15px 15px 20px 15px;
  background: #fff;
  gap: 8px;
  display: flex;
  flex-flow: wrap;
  /* margin-bottom: 4px; */
}

/* Navigation Buttons */
.accordion-navbutton {
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px; */
  gap: 8px;
  display: flex;
  flex-flow: wrap;
}

.accordion-navbutton.single-row {
  grid-template-columns: 1fr;
}

.nav-btn-mobileview {
  background: white;
  border: 1.5px solid #0d4a3b;
  color: #0d4a3b;
  padding: 12px 15px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-btn-mobileview:hover {
  background-color: #0d4a3b;
  color: white;
  text-decoration: none;
}

/* Section Labels */
.accordion-sectionlabel {
  color: #0d4a3b;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0 10px 0;
}

/* .collapse {
            transition: none;
        }

        .collapsing {
            transition: height 0.35s ease;
        } */

/* Responsive */
@media (max-width: 350px) {
  .accordion-navbutton {
    grid-template-columns: 1fr;
  }
}

/* Touch feedback */
/* .nav-btn-mobileview:active,
.accordion-header-btn:active,
.arrow-section:active {
  opacity: 0.7;
} */
span.accordian-linkbar a {
  color: #004d40;
}

button.accordion-toggle-btn {
  border: none;
  background: none;
}

.sticky .nav-link.nav-link-bar {
  padding: 15px 19px 8px 12px;
}

.sticky .search-icon-btn {
  padding: 15px 0px 6px 15px !important;
}

.heading4 {
  font-size: 23px;
}

.searchbtnbar {
  width: 100%;
  height: 60px;
  object-fit: cover;
  border: 1px solid #eddbdb;
  padding: 5px;
  border-radius: 8px;
  /* box-shadow: 2px 1px 0px 1px #fbf6f6; */
}

.searchcategoryimg {
  background: #004236;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.searchcategoryimg img {
  width: 44px;
  height: 44px;
  border: none;
}

.collab-five-section .heading-research-development-udhampur::after {
  width: 80%;
}

.dividend-table {
  border-collapse: collapse;
  /* width: 100%; */
  font-size: 14px;
}

.dividend-table th,
.dividend-table td {
  border: none;
  border-bottom: 1px solid #dee2e6;
  padding: 12px 16px;
}

.dividend-table th {
  font-weight: 600;
  border-bottom: 1px solid #dee2e6 !important;
  /* // background-color: #f8f9fa; */
}

.dividend-table td {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 15px !important;
}

.dividend-table td:first-child {
  color: #0c4639;
  font-weight: 500;
}

.dividend-table tr:last-child td {
  border-bottom: none;
}

.ouroffering-ul-li ul li {
  margin-bottom: 15px;
}

.dahej-tags {
  border: 2px solid #00493a;
  padding: 2px 10px;
  border-radius: 15px;
  margin-right: 8px;
  font-size: 18px;
}

input.search-input.searchfullbarinput {
  background: #fff;
  color: #000;
}

.custom_navigation a:hover {
  color: darkgreen !important;
}

.currentlyposition {
  background: #ffffff78;
  padding: 2px 10px;
  border-radius: 5px;
}

.scrollable-list {
  max-height: 500px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.scrollable-list::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

.scrollable-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

.scrollable-list::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
  transition: background 0.3s ease;
}

/* Show scrollbar on hover */
.scrollable-list:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollable-list:hover::-webkit-scrollbar-thumb {
  background: #888;
}

.scrollable-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.scrollable-list li:last-child {
  position: sticky;
  bottom: 0;
  background: white;
  padding: 10px 0;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 0px;
}

.filter-icon-total-product {
  background-color: #f8f9fa;
  height: 47px;
  width: 45px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 2px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.filter-icon-total-product i {
  font-size: 1.2rem;
}

.total-product-count .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.total-product-count .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  display: none;
}

.full-screen-modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  /* same as Bootstrap modal */
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.full-screen-modal .modal-dialog {
  max-width: 100%;
  height: 100%;
}

.full-screen-modal .modal-content {
  height: 100%;
  border-radius: 0;
}

.total-product-count-text {
  background: #f8f9fa;
  width: 82%;
  padding: 12px;
  border-radius: 9px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}

.contact-form-container input:-internal-autofill-selected {
  background-color: #fff !important;
}

.productdetail-categroy {
  background: linear-gradient(135deg,
      rgb(255 255 255 / 30%) 6%,
      rgb(19 19 19 / 0%) 100%);
  position: absolute;
  top: 12px;
  left: 14px;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.jobareas {
  background: #8c725c;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.manufacturingbgbar {
  background: var(--second-primary-bg-gradient);
}

.facilitiesdartslider {
  background: var(--second-primary-bg-gradient);
  color: #fff;
}

ul.dartfacilities li {
  margin-bottom: 10px;
}

.productregistersign {
  /* position: absolute; */
  /* top: 10px; */
  /* right: -28px; */
  position: absolute;
  top: -5px;
  right: -20px;
}

span.productregistersign {
  font-size: 25px;
}

.scientific_name {
  color: #8f8888;
  font-size: 14px;
}

span.register_sign {
  position: relative;
  top: -3px;
  left: -2px;
}

.disclosure_list a {
  border: 0;
  border-bottom: 1px solid #b3b1b1;
  font-size: 14px;
  padding-left: 0;
}

.disclosure_list a:hover {
  background: none;
}

.disclosure_list .list-group-item:last-child {
  border-radius: 0;
}

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

.table-bordered th,
.table-bordered td {
  border: 1px solid #ccc;
  /* or any color you want */
  padding: 8px;
  text-align: left;
}

.rotate-icon {
  color: #0d4a3b;
}