.elementor-14 .elementor-element.elementor-element-b6ea43d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;}.elementor-14 .elementor-element.elementor-element-b6ea43d:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-b6ea43d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(88deg, #1F4F7B 17%, #2A6598 100%);}.elementor-14 .elementor-element.elementor-element-b6ea43d::before, .elementor-14 .elementor-element.elementor-element-b6ea43d > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-b6ea43d > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-b6ea43d > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-b6ea43d > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-b6ea43d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-5f82d92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-d4aca5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-0e5d493{text-align:center;}.elementor-14 .elementor-element.elementor-element-0e5d493 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:47px;font-weight:600;color:#D32F2F;}.elementor-14 .elementor-element.elementor-element-c96d29e{text-align:center;}.elementor-14 .elementor-element.elementor-element-c96d29e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:#000000;}.elementor-14 .elementor-element.elementor-element-c70e545{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-722bd01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-722bd01:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-722bd01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F9FC;}.elementor-14 .elementor-element.elementor-element-d1b5817{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-d1b5817:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d1b5817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(97deg, #2C7930 20%, #1E6222 58%);}.elementor-14 .elementor-element.elementor-element-02d4028{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-496a663{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-496a663:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-496a663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1F4E79 0%, #1F4E79 100%);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-0e5d493{text-align:center;}.elementor-14 .elementor-element.elementor-element-0e5d493 .elementor-heading-title{font-size:34px;}.elementor-14 .elementor-element.elementor-element-c96d29e{text-align:center;}.elementor-14 .elementor-element.elementor-element-c96d29e .elementor-heading-title{font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-fac026f *//* ===== RESET & SAFETY ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Poppins', Arial, sans-serif;
}

/* ===== HERO SECTION ===== */
.hero {
  width: 100%;
  background: linear-gradient(135deg, #1f4e79, #2f6fa5);
  padding: 80px 0;
  color: #ffffff;
}

/* Inner container */
.hero-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

/* Content */
.hero-content {
  flex: 1;
}

.hero-content h1 {
  font-size: 56px;
  line-height: 1.15;
  margin-bottom: 20px;
  font-weight: 700;
}

.hero-content p {
  font-size: 18px;
  line-height: 1.6;
  max-width: 520px;
  margin-bottom: 32px;
  opacity: 0.95;
}

/* Buttons */
.hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.btn {
  padding: 14px 30px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
}

.btn-primary {
  background: #2e7d32;
  color: #ffffff;
}

.btn-primary:hover {
  background: #256428;
  transform: translateY(-2px);
}

.btn-outline {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn-outline:hover {
  background: #ffffff;
  color: #1f4e79;
  transform: translateY(-2px);
}

/* Image */
.hero-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.hero-image img {
  width: 100%;
  max-width: 520px;
  border-radius: 20px;
  background: #ffffff;
  padding: 12px;
  box-shadow: 0 20px 45px rgba(0,0,0,0.25);
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {
  .hero {
    padding: 60px 0;
  }

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

  .hero-content h1 {
    font-size: 36px;
  }

  .hero-content p {
    font-size: 16px;
    max-width: 100%;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }

  .btn {
    width: 100%;
    max-width: 280px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e067ee1 *//* ===== WHY KRISHNA DAIRY ===== */
.why-dairy {
  width: 100%;
  background: #ffffff;
  padding: 70px 0;
}

.why-inner {
  max-width: 1400px;
  margin: auto;
  padding: 0 20px;
}

/* Heading */
.why-heading {
  text-align: center;
  margin-bottom: 50px;
}

.why-heading h2 {
  font-size: 36px;
  color: #1f4e79;
  margin-bottom: 10px;
  font-weight: 700;
}

.why-heading p {
  font-size: 16px;
  color: #555;
  max-width: 520px;
  margin: auto;
}

/* Cards Grid */
.why-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* Card */
.why-card {
  background: #f9fbfd;
  border-radius: 16px;
  padding: 35px 25px;
  text-align: center;
  transition: all 0.35s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.06);
  position: relative;
  overflow: hidden;
}

/* Soft hover animation */
.why-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #1f4e79, #2f6fa5);
  opacity: 0;
  transition: 0.35s ease;
  z-index: 0;
}

.why-card:hover::before {
  opacity: 0.06;
}

.why-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}

/* Content inside card */
.why-card * {
  position: relative;
  z-index: 1;
}

.why-icon {
  font-size: 42px;
  margin-bottom: 18px;
}

.why-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #1f4e79;
}

.why-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
}

/* ===== RESPONSIVE ===== */

/* Tablet */
@media (max-width: 992px) {
  .why-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .why-dairy {
    padding: 55px 0;
  }

  .why-heading h2 {
    font-size: 28px;
  }

  .why-cards {
    grid-template-columns: 1fr;
  }

  .why-card {
    padding: 30px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5493c3 *//* ===== PRODUCTS SECTION ===== */
.kd-products {
  padding: 70px 0;
  background: #fff;
  text-align: center;
}

.kd-title {
  font-size: 32px;
  color: #1f4e79;
  margin-bottom: 35px;
}

/* Slider */
.kd-slider {
  overflow: hidden;
  width: 100%;
}

.kd-track {
  display: flex;
  gap: 20px;
  animation: scroll 18s linear infinite;
}

/* Card */
.kd-card {
  min-width: 260px;
  border-radius: 22px;
  padding: 30px 20px;
  color: #fff;
  flex-shrink: 0;
}

/* Image frame (IMPORTANT PART) */
.kd-img {
  width: 100%;
  height: 220px;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.kd-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;   /* 🔥 FIX */
}

/* Text */
.kd-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.kd-card a {
  display: inline-block;
  background: #fff;
  color: #333;
  padding: 10px 22px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

/* Colors */
.milk   { background: #d32f2f; }
.curd   { background: #7cb342; }
.paneer { background: #0288d1; }
.ghee   { background: #f57c00; }

/* Auto scroll animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Pause on hover */
.kd-slider:hover .kd-track {
  animation-play-state: paused;
}

/* ===== DESKTOP ===== */
@media (min-width: 1024px) {
  .kd-track {
    justify-content: center;
    animation: none;
  }

  .kd-card {
    min-width: 280px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-496a663 *//* ===== MOBILE FOOTER COMPACT FIX ===== */
@media (max-width: 600px) {

  .kd-footer {
    padding: 40px 0 15px;
  }

  .kd-footer-top {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 25px;
  }

  /* Brand text short & centered */
  .kd-footer-brand p {
    max-width: 100%;
    font-size: 13px;
  }

  /* Merge link sections visually */
  .kd-footer-col ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
    text-align: center;
  }

  .kd-footer-col h4 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .kd-footer-col li {
    margin-bottom: 6px;
  }

  .kd-footer-col a {
    font-size: 13px;
  }

  /* Contact compact */
  .kd-footer-contact p {
    font-size: 13px;
    margin-bottom: 6px;
    text-align: center;
  }

  /* Social inline & smaller */
  .kd-social {
    justify-content: center;
    margin-top: 8px;
  }

  .kd-social a {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  /* Bottom footer */
  .kd-footer-bottom {
    font-size: 12px;
    padding-top: 10px;
  }
}/* End custom CSS */