.elementor-103 .elementor-element.elementor-element-9f52592{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6f7f1d5 *//* ==========================================
   KANHA MITRAA — LEGACY PROPORTION FIX
   Balanced Typography, Width and Spacing
========================================== */

/* MAIN CONTENT AREA */
#km-legacy-page .km-legacy-inner {
  width: min(1140px, calc(100% - 130px)) !important;
  max-width: 1140px !important;
  padding-top: 85px !important;
  padding-bottom: 110px !important;
}

/* BRAND LOGO */
#km-legacy-page .km-legacy-logo img {
  width: min(440px, 72%) !important;
  max-width: 100% !important;
  height: auto !important;
}

/* STORY CONTAINER */
#km-legacy-page .km-legacy-story {
  width: 92% !important;
  max-width: 1040px !important;
  margin: 75px auto 0 !important;
}

/* MAIN STORY HEADING */
#km-legacy-page .km-legacy-heading {
  font-family: "Tox Typewriter", "Courier New", monospace !important;
  font-size: 52px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  margin: 0 0 35px !important;
  text-transform: uppercase !important;
}

/* STORY PARAGRAPHS */
#km-legacy-page .km-legacy-copy,
#km-legacy-page .km-legacy-copy p {
  font-family: "Darker Grotesque", Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
}

#km-legacy-page .km-legacy-copy p {
  margin: 0 0 26px !important;
}

#km-legacy-page .km-legacy-copy p:last-child {
  margin-bottom: 0 !important;
}

/* HISTORICAL IMAGE COLLAGE */
#km-legacy-page .km-history-gallery {
  width: 80% !important;
  max-width: 880px !important;
  margin: 65px auto 0 !important;
}

#km-legacy-page .km-history-collage {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ==========================================
   TABLET
========================================== */
@media (max-width: 1050px) {

  #km-legacy-page .km-legacy-inner {
    width: calc(100% - 100px) !important;
    padding-top: 75px !important;
    padding-bottom: 90px !important;
  }

  #km-legacy-page .km-legacy-story {
    width: 94% !important;
    margin-top: 65px !important;
  }

  #km-legacy-page .km-legacy-heading {
    font-size: 43px !important;
    line-height: 41px !important;
    margin-bottom: 30px !important;
  }

  #km-legacy-page .km-legacy-copy,
  #km-legacy-page .km-legacy-copy p {
    font-size: 29px !important;
    line-height: 31px !important;
  }

  #km-legacy-page .km-history-gallery {
    width: 90% !important;
    margin-top: 55px !important;
  }
}

/* ==========================================
   MOBILE
========================================== */
@media (max-width: 767px) {

  #km-legacy-page .km-legacy-inner {
    width: calc(100% - 72px) !important;
    padding: 60px 0 75px !important;
  }

  #km-legacy-page .km-legacy-logo img {
    width: 280px !important;
    max-width: 88% !important;
  }

  #km-legacy-page .km-legacy-story {
    width: 100% !important;
    margin-top: 55px !important;
  }

  #km-legacy-page .km-legacy-heading {
    font-size: 32px !important;
    line-height: 32px !important;
    margin-bottom: 28px !important;
  }

  #km-legacy-page .km-legacy-copy,
  #km-legacy-page .km-legacy-copy p {
    font-size: 22px !important;
    line-height: 24px !important;
  }

  #km-legacy-page .km-legacy-copy p {
    margin-bottom: 23px !important;
  }

  #km-legacy-page .km-history-gallery {
    width: 100% !important;
    margin-top: 45px !important;
  }
}

/* SMALL MOBILE */
@media (max-width: 390px) {

  #km-legacy-page .km-legacy-heading {
    font-size: 28px !important;
    line-height: 29px !important;
  }

  #km-legacy-page .km-legacy-copy,
  #km-legacy-page .km-legacy-copy p {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}

/* ==========================================
   LEGACY SECTION — INCREASE CONTENT WIDTH
========================================== */

/* Main content container */
#km-legacy-page .km-legacy-inner {
  width: calc(100% - 110px) !important;
  max-width: 1420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Heading and paragraph area */
#km-legacy-page .km-legacy-story {
  width: 96% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Historical image collage */
#km-legacy-page .km-history-gallery {
  width: 92% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* TABLET */
@media (max-width: 1050px) {
  #km-legacy-page .km-legacy-inner {
    width: calc(100% - 90px) !important;
  }

  #km-legacy-page .km-legacy-story {
    width: 98% !important;
  }

  #km-legacy-page .km-history-gallery {
    width: 96% !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  #km-legacy-page .km-legacy-inner {
    width: calc(100% - 60px) !important;
  }

  #km-legacy-page .km-legacy-story {
    width: 100% !important;
  }

  #km-legacy-page .km-history-gallery {
    width: 100% !important;
  }
}


/* ==========================================
   LEGACY COLLAGE - SIZE CONTROL
   ALWAYS CENTERED
========================================== */

/* CHANGE IMAGE SIZE HERE */

#km-legacy-page {
  --collage-desktop-size: 950px;
  --collage-tablet-size: 450px;
  --collage-mobile-size: 200px;
}

/* GALLERY - ALWAYS FULL WIDTH AND CENTERED */

body #km-legacy-page .km-history-gallery {
  width: 100% !important;
  max-width: 100% !important;

  margin: 65px auto 0 !important;
  padding: 0 !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* IMAGE - CONTROL WIDTH HERE */

body #km-legacy-page .km-history-collage {
  display: block !important;

  width: var(--collage-desktop-size) !important;
  max-width: 100% !important;
  height: auto !important;

  margin-left: auto !important;
  margin-right: auto !important;

  object-fit: contain !important;
}

/* TABLET */

@media (min-width: 601px) and (max-width: 1050px) {
  body #km-legacy-page .km-history-collage {
    width: var(--collage-tablet-size) !important;
  }
}

/* MOBILE */

@media (max-width: 600px) {
  body #km-legacy-page .km-history-gallery {
    margin-top: 32px !important;
  }

  body #km-legacy-page .km-history-collage {
    width: var(--collage-mobile-size) !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2552705 *//* =========================================
   BEFORE PUSHKAR ARTWORK — EDGE TO EDGE
========================================= */

#km-before-pushkar-v3 .kmbp-heading-artwork-wrap {
  position: relative !important;
  left: 50% !important;

  width: 100vw !important;
  max-width: none !important;

  margin: 0 !important;

  transform: translateX(-50%) !important;
  overflow: hidden !important;
}

#km-before-pushkar-v3 .kmbp-heading-artwork {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;

  object-fit: fill !important;
  object-position: center !important;

  /*
   Removes the transparent space built into
   the left and right sides of the PNG.
  */
  transform: scaleX(1.115) !important;
  transform-origin: center center !important;
}

/* Keep the global rulers above the artwork */
body::before,
body::after {
  z-index: 99999 !important;
}

/* Tablet */
@media (max-width: 1000px) {
  #km-before-pushkar-v3 .kmbp-heading-artwork {
    transform: scaleX(1.12) !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #km-before-pushkar-v3 .kmbp-heading-artwork-wrap {
    width: 100vw !important;
  }

  #km-before-pushkar-v3 .kmbp-heading-artwork {
    width: 100% !important;
    transform: scaleX(1.13) !important;
  }
}


/* =========================================
   BEFORE PUSHKAR — TEXT SIZE FIX
   Match Himanshu Section typography
========================================= */

/* DESKTOP */
#km-before-pushkar-v3 .kmbp-copy {
  font-family: "Darker Grotesque", Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
}

#km-before-pushkar-v3 .kmbp-subheading {
  font-family: "Tox Typewriter", "Courier New", monospace !important;
  font-size: 52px !important;
  font-weight: 400 !important;
  line-height: 50px !important;
  letter-spacing: 0 !important;
}

/* TABLET */
@media (max-width: 1050px) {
  #km-before-pushkar-v3 .kmbp-copy {
    font-size: 29px !important;
    line-height: 31px !important;
  }

  #km-before-pushkar-v3 .kmbp-subheading {
    font-size: 43px !important;
    line-height: 41px !important;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  #km-before-pushkar-v3 .kmbp-copy {
    font-size: 22px !important;
    line-height: 24px !important;
  }

  #km-before-pushkar-v3 .kmbp-subheading {
    font-size: 32px !important;
    line-height: 32px !important;
  }
}

/* SMALL MOBILE */
@media (max-width: 390px) {
  #km-before-pushkar-v3 .kmbp-copy {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e568497 *//* =========================================
   HIMANSHU SECTION — SIZE CORRECTIONS
   Add after the existing Himanshu CSS
========================================= */

/* Keep the image and text columns equal in height */
#km-himanshu-section-v2 .kmhi-story-grid {
  align-items: stretch !important;
}

/* Divide the image column into two equal-height rows */
#km-himanshu-section-v2 .kmhi-images {
  display: grid !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 46px !important;

  align-self: stretch !important;
  height: 100% !important;
}

/* Make each photograph fill its available row */
#km-himanshu-section-v2 .kmhi-image-wrap {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#km-himanshu-section-v2 .kmhi-image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;

  object-fit: cover !important;
  object-position: center !important;

  transform: none !important;
}

/* =========================================
   ENLARGED "FROM ONE PIECE TO MANY" PANEL
========================================= */

#km-himanshu-section-v2 .kmhi-piece-message {
  position: relative !important;

  width: min(680px, 72vw) !important;
  max-width: 680px !important;
  min-height: 0 !important;
  aspect-ratio: 525 / 296 !important;

  margin: 145px auto 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  transform: none !important;
}

/* Paper background */
#km-himanshu-section-v2 .kmhi-piece-paper {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: fill !important;
  opacity: 0.82 !important;
}

/* Remove spacing that may come from the old layout */
#km-himanshu-section-v2 .kmhi-piece-content {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Text position and size */
#km-himanshu-section-v2 .kmhi-piece-heading {
  position: absolute !important;
  top: 27% !important;
  left: 27% !important;

  width: 52% !important;
  margin: 0 !important;

  color: #1d1b19 !important;
  font-family: "Tox Typewriter", monospace !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

/* Blue clamp */
#km-himanshu-section-v2 .kmhi-piece-clamp {
  position: absolute !important;
  top: 43% !important;
  left: 42% !important;

  display: block !important;
  width: 31% !important;
  max-width: none !important;
  height: auto !important;

  filter: none !important;
  transform: none !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
  #km-himanshu-section-v2 .kmhi-images {
    gap: 34px !important;
  }

  #km-himanshu-section-v2 .kmhi-piece-message {
    width: min(590px, 80vw) !important;
    margin-top: 105px !important;
  }

  #km-himanshu-section-v2 .kmhi-piece-heading {
    font-size: 33px !important;
    line-height: 32px !important;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  /* Images stack normally on mobile */
  #km-himanshu-section-v2 .kmhi-images {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    gap: 28px !important;
  }

  #km-himanshu-section-v2 .kmhi-image-wrap {
    height: auto !important;
  }

  #km-himanshu-section-v2 .kmhi-image {
    height: auto !important;
    aspect-ratio: 1600 / 955 !important;
  }

  #km-himanshu-section-v2 .kmhi-piece-message {
    width: min(430px, 94vw) !important;
    margin-top: 75px !important;
  }

  #km-himanshu-section-v2 .kmhi-piece-heading {
    font-size: 25px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 390px) {
  #km-himanshu-section-v2 .kmhi-piece-heading {
    font-size: 22px !important;
    line-height: 21px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9de4d24 *//* =========================================
   LEGACY FINAL — LARGER TEXT AND IMAGE
========================================= */

#km-legacy-final-v2 {
  --km-frame: 1600px !important;
  --km-copy-width: 1140px !important;
  --km-photo-width: 1260px !important;
}

/* Wider section frame */
#km-legacy-final-v2 .kmlf-inner {
  width: min(1600px, 100%) !important;
  padding-top: 105px !important;
  padding-bottom: 145px !important;
}

/* Larger and wider text */
#km-legacy-final-v2 .kmlf-copy {
  width: min(76vw, 1140px) !important;
  max-width: 1140px !important;

  margin: 0 auto 95px !important;

  font-size: 40px !important;
  line-height: 42px !important;
  letter-spacing: 0 !important;
}

#km-legacy-final-v2 .kmlf-copy p {
  margin-bottom: 38px !important;
}

/* Larger photograph */
#km-legacy-final-v2 .kmlf-image-wrap {
  width: min(84vw, 1260px) !important;
  max-width: 1260px !important;
}

#km-legacy-final-v2 .kmlf-image {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 1600 / 936 !important;

  object-fit: cover !important;
  object-position: center !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
  #km-legacy-final-v2 .kmlf-inner {
    padding: 80px 25px 110px !important;
  }

  #km-legacy-final-v2 .kmlf-copy {
    width: 88% !important;
    margin-bottom: 75px !important;

    font-size: 32px !important;
    line-height: 34px !important;
  }

  #km-legacy-final-v2 .kmlf-copy p {
    margin-bottom: 30px !important;
  }

  #km-legacy-final-v2 .kmlf-image-wrap {
    width: 94% !important;
    max-width: none !important;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {
  #km-legacy-final-v2 .kmlf-inner {
    padding: 55px 14px 85px !important;
  }

  #km-legacy-final-v2 .kmlf-copy {
    width: 94% !important;
    margin-bottom: 58px !important;

    font-size: 24px !important;
    line-height: 26px !important;
  }

  #km-legacy-final-v2 .kmlf-copy p {
    margin-bottom: 26px !important;
  }

  /* Full viewport-width image */
  #km-legacy-final-v2 .kmlf-image-wrap {
    position: relative !important;
    left: 50% !important;

    width: 100vw !important;
    max-width: none !important;

    margin: 0 !important;

    transform: translateX(-50%) !important;
  }

  #km-legacy-final-v2 .kmlf-image {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
  }
}/* End custom CSS */