/* Home body canvas — Figma/Anima absolute layout (header & footer stay in site-chrome). */

body.lm-home {
  margin: 0;
  color: #000;
  background: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.home.home-body {
  background-color: #ffffff;
  overflow: hidden;
  width: 1440px;
  max-width: 100%;
  min-width: 0;
  /* Figma home 6456; footer starts at 5637 (header+body in frame). */
  min-height: 5637px;
  height: 5637px;
  position: relative;
  /*
    Figma frame includes the header height. Header is rendered separately
    (180px), so pull the home canvas up by that amount. The empty pink
    band (photo top:168) sits behind the header — sections attach flush.
  */
  margin: -180px auto 0;
  z-index: 1;
}

/* ===== Section canvas locks (Figma absolute tops) ===== */
.home.home-body .about-wrapper {
  position: absolute;
  top: 776px;
  left: 0;
  width: 1440px;
  height: 623px;
}

.home.home-body .services-wrapper {
  position: absolute;
  top: 1354px;
  left: 0;
  width: 1440px;
  height: 558px;
}

.home.home-body .community-2 {
  position: absolute;
  top: 1933px;
  left: -18px;
  width: 1480px;
  height: 253px;
}

.home.home-body .profile {
  position: absolute;
  top: 2246px;
  left: 0;
  width: 1440px;
  height: 988px;
  overflow: hidden;
}

/* ===== Centered section titles (Leadership / Network / News) ===== */
.home.home-body .profile .title-10,
.home.home-body .network .title-9,
.home.home-body .news .title-8 {
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 92%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.home.home-body .profile .title-10 {
  top: 87px;
}

.home.home-body .network .title-9 {
  top: 0;
}

.home.home-body .news .title-8 {
  top: 165px;
}

.home.home-body .profile .text-wrapper-27,
.home.home-body .network .text-wrapper-22,
.home.home-body .news .text-wrapper-19 {
  margin: 0;
  width: auto;
  color: rgba(54, 10, 52, 0.7);
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.home.home-body .profile .president-trustees,
.home.home-body .network .text-wrapper-23,
.home.home-body .news .news-updates {
  margin: 0;
  width: auto;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  color: #000;
  text-align: center;
  white-space: nowrap;
}

/* ===== Our Leadership — Figma cards + 4th peek ===== */
.home.home-body .profile .rectangle-11 {
  background-color: #fbfbfa;
}

.home.home-body .profile-2,
.home.home-body .profile-3,
.home.home-body .profile-4,
.home.home-body .profile-5 {
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #f2f5fc;
  border-radius: 25px;
  box-sizing: border-box;
  gap: 0;
}

.home.home-body .profile .leader-photo {
  width: 100%;
  height: 308.57px;
  background-color: #ece7eb;
  border-radius: 23px 23px 0 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.home.home-body .profile .mask-group-7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* Cutout PNG (director-4) sits cleanly on lavender photo panel */
.home.home-body .profile-5 .mask-group-7 {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.home.home-body .profile .group-14,
.home.home-body .profile .group-15,
.home.home-body .profile .group-16 {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100%;
  padding: 12px 16px 18px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: 1;
  justify-content: center;
}

.home.home-body .profile .nilesh-madhav-kotkar,
.home.home-body .profile .nitin-m-DAHIWELKAR,
.home.home-body .profile .prashant-a-sonje,
.home.home-body .profile .vishal-r-kothawade {
  margin: 0;
  width: 100%;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #7e1879;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
}

.home.home-body .profile .text-wrapper-24,
.home.home-body .profile .text-wrapper-25,
.home.home-body .profile .text-wrapper-26 {
  margin: 0;
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
  text-align: center;
}

.home.home-body .profile-5 {
  position: absolute;
  top: 205px;
  left: 1319px;
  width: 379px;
  height: 432px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.home.home-body .profile .pagination-2 {
  top: 667px;
  left: 662px;
}

.home.home-body .profile .community-building {
  opacity: 0.95;
  z-index: 0;
  pointer-events: none;
}

.home.home-body .network {
  position: absolute;
  top: 3086px;
  left: 50px;
  width: 1333px;
  height: 316px;
}

.home.home-body .network .network-viewport {
  position: absolute;
  top: 116px;
  left: 0;
  width: 1333px;
  height: 200px;
  overflow: hidden;
}

.home.home-body .network .network-track {
  display: flex;
  gap: 45px;
  height: 100%;
  will-change: transform;
}

.home.home-body .network .network-card {
  flex: 0 0 644px;
  width: 644px;
  height: 200px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 36px;
  background-color: #eef7ef;
  border-radius: 30px;
  border: 1px solid #8fbf8d;
  overflow: hidden;
}

/* ===== Our Network — centered title + flex cards ===== */
.home.home-body .network .box-wrapper,
.home.home-body .network .div-wrapper {
  align-items: center;
  box-sizing: border-box;
  padding: 0 36px;
  overflow: hidden;
}

.home.home-body .network .box {
  margin: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  gap: 28px;
}

.home.home-body .network .group-12 {
  flex: 0 0 122px;
  width: 122px;
  height: 122px;
}

.home.home-body .network .group-13 {
  margin: 0;
  position: static;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding-right: 8px;
}

.home.home-body .network .text-wrapper-21,
.home.home-body .network .text-wrapper-20 {
  position: static;
  top: auto;
  left: auto;
  margin: 0;
  width: auto;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}

.home.home-body .network .text-wrapper-21 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  color: #2b8145;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

html[data-lm-lang="mr"] .home.home-body .network .text-wrapper-21,
html[data-lm-lang="mr"] .home.home-body .network .text-wrapper-20 {
  font-family: "Noto Sans Devanagari", "Roboto", sans-serif;
}

.home.home-body .network .text-wrapper-20 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #000;
}

.home.home-body .network .down {
  position: static;
  top: auto;
  left: auto;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-left: auto;
  object-fit: contain;
  /* Match Figma green chevron */
  filter: invert(39%) sepia(42%) saturate(651%) hue-rotate(85deg) brightness(92%) contrast(88%);
}

.home.home-body .news {
  position: absolute;
  top: 3414px;
  left: 1px;
  width: 1440px;
  height: 855px;
}

/* ===== Latest Updates — keep body/link inside cards ===== */
.home.home-body .news .group-9,
.home.home-body .news .group-10,
.home.home-body .news .group-11 {
  height: auto;
  min-height: 133px;
  padding: 0 18px 8px;
  box-sizing: border-box;
  gap: 6px;
  overflow: hidden;
}

.home.home-body .news .text-wrapper-12,
.home.home-body .news .the-new-registration,
.home.home-body .news .text-wrapper-17 {
  width: 100%;
  height: auto;
  max-height: 54px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.home.home-body .news .text-wrapper-13,
.home.home-body .news .text-wrapper-16,
.home.home-body .news .text-wrapper-18 {
  width: 100%;
  height: auto;
  max-height: 60px;
  margin-top: 0;
  margin-left: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.home.home-body .news .read-more {
  margin-top: 4px;
  margin-left: 0;
  width: auto;
  height: auto;
  flex-shrink: 0;
}

.home.home-body .instagram {
  position: absolute;
  top: 4879px;
  left: 0;
  width: 1440px;
  height: 784px;
}

.home.home-body .instagram .group-6 {
  position: absolute;
  top: 199px;
  left: 0;
  width: 1440px;
  height: 410px;
  display: flex;
  align-items: stretch;
}

.home.home-body .instagram .mask-group-2 {
  width: 275px;
  height: 410px;
  margin: 0;
  border-radius: 0 15px 15px 0;
  object-fit: cover;
}

.home.home-body .instagram .mask-group-3 {
  width: 410px;
  height: 410px;
  margin-left: 24px;
  border-radius: 15px;
  object-fit: cover;
}

.home.home-body .instagram .mask-group-4 {
  width: 275px;
  height: 410px;
  margin-left: 24px;
  border-radius: 15px 0 0 15px;
  object-fit: cover;
}

/* Figma seal between 3rd & 4th Instagram photos */
.home.home-body .instagram .ig-seal {
  position: absolute;
  top: 8px;
  left: 1078px;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(54, 10, 52, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: none;
}

.home.home-body .instagram .ig-seal-text {
  margin: 0;
  font-family: "Noto Sans Devanagari", "Roboto", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: #2b8145;
}

/* ===== Community Highlights — flex cards, content stays inside ===== */
.home.home-body .services-wrapper {
  overflow: hidden;
}

.home.home-body .services-wrapper .group-18 {
  overflow: hidden;
  width: 1390px;
  align-items: stretch;
}

.home.home-body .services-wrapper .text-wrapper-35 {
  margin: 0;
  color: rgba(54, 10, 52, 0.7);
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
}

.home.home-body .services-wrapper .text-wrapper-34 {
  margin: 0;
  color: #000;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
}

.home.home-body .services-wrapper .row-4,
.home.home-body .services-wrapper .row-5,
.home.home-body .services-wrapper a.row-6 {
  margin-top: 9px;
  width: 520px;
  flex: 0 0 520px;
  height: 200px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
  border: 1px solid;
}

.home.home-body .services-wrapper .row-5,
.home.home-body .services-wrapper a.row-6 {
  margin-left: 45px;
}

.home.home-body .services-wrapper a.row-6 {
  background-color: #fefaed;
  border-color: #fdf3df;
}

.home.home-body .services-wrapper .box-3 {
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 24px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.home.home-body .services-wrapper .service-icon {
  position: relative;
  flex: 0 0 122px;
  width: 122px;
  height: 122px;
}

.home.home-body .services-wrapper .ellipse-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 122px;
  height: 122px;
}

.home.home-body .services-wrapper .group-20,
.home.home-body .services-wrapper .family,
.home.home-body .services-wrapper .propaganda {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  object-fit: contain;
}

.home.home-body .services-wrapper .group-19 {
  position: static;
  top: auto;
  left: auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.home.home-body .services-wrapper .text-wrapper-31,
.home.home-body .services-wrapper .text-wrapper-32,
.home.home-body .services-wrapper .text-wrapper-33,
.home.home-body .services-wrapper .text-wrapper-updates {
  position: static;
  top: auto;
  left: auto;
  margin: 0;
  width: auto;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}

.home.home-body .services-wrapper .text-wrapper-32,
.home.home-body .services-wrapper .text-wrapper-33,
.home.home-body .services-wrapper .text-wrapper-updates {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.home.home-body .services-wrapper .text-wrapper-31 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
}

.home.home-body .services-wrapper .text-wrapper-updates {
  color: #c07d0d;
}

.home.home-body .services-wrapper .service-arrow {
  position: relative;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-left: auto;
  align-self: center;
}

.home.home-body .services-wrapper .ellipse-11,
.home.home-body .services-wrapper .ellipse-12,
.home.home-body .services-wrapper .ellipse-13 {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.home.home-body .services-wrapper .ellipse-13 {
  background-color: #c07d0d;
}

.home.home-body .services-wrapper .down-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%);
  filter: brightness(0) invert(1);
}

.home.home-body .about-left {
  border-radius: 30px;
  overflow: hidden;
}

.home.home-body .community-3 {
  opacity: 0.95;
  z-index: 1;
  pointer-events: none;
}

/* About copy — Figma spacing + line-height (home margin:0 reset was collapsing this) */
.home.home-body .about-right .text-wrapper-37 {
  margin: 0;
  font-size: 20px;
  line-height: 23px;
  color: rgba(54, 10, 52, 0.7);
}

.home.home-body .about-right .text-wrapper-38 {
  margin: 10px 0 0;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  color: #2b8145;
  white-space: nowrap;
}

.home.home-body .about-right .text-wrapper-39 {
  margin: 27px 0 0;
  width: 651px;
  max-width: 100%;
  font-size: 20px;
  line-height: 36px; /* Figma 180% */
  font-weight: 400;
  color: #000;
  text-align: justify;
}

.home.home-body .about-right .about-button {
  margin-top: 30px;
}

/* Shield Anima/Figma body from later global style.css resets. */
.home.home-body h1,
.home.home-body h2,
.home.home-body h3,
.home.home-body p {
  margin: 0;
}

.home.home-body img {
  max-width: none;
}

.home.home-body .text-wrapper-38,
.home.home-body .p,
.home.home-body .text-wrapper-21,
.home.home-body .text-wrapper-33 {
  color: #2b8145;
}

.home.home-body .text-wrapper-34,
.home.home-body .president-trustees,
.home.home-body .text-wrapper-23,
.home.home-body .news-updates,
.home.home-body .text-wrapper-8 {
  color: #000000;
}

.home.home-body .text-wrapper-32,
.home.home-body .nilesh-madhav-kotkar,
.home.home-body .nitin-m-DAHIWELKAR,
.home.home-body .prashant-a-sonje,
.home.home-body .text-wrapper-41 {
  color: #7e1879;
}

.home.home-body .text-wrapper-12,
.home.home-body .the-new-registration,
.home.home-body .text-wrapper-17,
.home.home-body .read-more {
  color: #c07d0d;
}

.home.home-body .text-wrapper-30 {
  color: #433102;
}

.home.home-body .text-wrapper-7 {
  color: #7e1879;
}

/* Local Figma assets (no Anima CDN). */
.home.home-body .about-left {
  background-image: url("../images/anima/home/mask-group-14.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
}

/* ===== Hero (banner) — Figma exact (tucked under header via home margin) ===== */
.home.home-body .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 776px;
  overflow: hidden;
}

/* Rectangle 22 */
.home.home-body .banner .rectangle-22 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 776px;
  background: linear-gradient(180deg, #f9f0f5 0%, #fbfafc 100%);
  z-index: 0;
}

/* 4511 2 — hero photo */
.home.home-body .banner .hero-photo {
  position: absolute;
  width: 919px;
  height: 613px;
  left: 682px;
  top: 168px;
  background: url("../images/home/a6215.png") center / cover no-repeat;
  z-index: 1;
}

.home.home-body .banner .marble {
  position: absolute;
  top: 120px;
  left: -120px;
  width: 520px;
  height: 520px;
  opacity: 0.45;
  pointer-events: none;
  z-index: 2;
  object-fit: contain;
}

.home.home-body .banner .caption {
  position: absolute;
  top: 268px;
  left: 50px;
  width: 514px;
  height: 294px;
  z-index: 4;
}

.home.home-body .banner .connecting-our {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 37px;
  line-height: 50px;
  color: transparent;
}

.home.home-body .banner .text-wrapper-40 {
  font-weight: 500;
  color: #000;
}

.home.home-body .banner .text-wrapper-41 {
  font-weight: 900;
  font-size: 39px;
  color: #7e1879;
}

.home.home-body .banner .a-unified-digital {
  position: absolute;
  top: 122px;
  left: 0;
  margin: 0;
  width: 514px;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  color: #000;
}

.home.home-body .banner .register-button-2 {
  position: absolute;
  top: 252px;
  left: 0;
  width: 200px;
  height: 42px;
}

.home.home-body .banner .login-button {
  position: absolute;
  top: 251px;
  left: 216px;
  width: 177px;
  height: 42px;
  z-index: 5;
}

/* Emblem + leaves — bridges text and photo */
.home.home-body .banner .group-22 {
  position: absolute;
  top: 260px;
  left: 590px;
  width: 329px;
  height: 371px;
  object-fit: contain;
  z-index: 5;
  pointer-events: none;
}

/* Together We Grow — Figma exact */
.home.home-body .banner .together-we-grow {
  position: absolute;
  width: 274px;
  height: 150px;
  left: 998px;
  top: 490px;
  margin: 0;
  font-family: "Roboto", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 75px;
  text-align: center;
  color: #fbfafc;
  text-shadow: 0px 4px 24px #7e1879;
  transform: rotate(-7.7deg);
  z-index: 6;
  pointer-events: none;
}

/* Header stays above the tucked hero */
.page-sheet > .site-chrome.registration:first-child {
  position: relative;
  z-index: 30;
  margin: 0;
  padding: 0;
  background: transparent;
}

.home.home-body a.row-4,
.home.home-body a.row-5,
.home.home-body a.box-wrapper,
.home.home-body a.div-wrapper,
.home.home-body a.button,
.home.home-body a.button-2,
.home.home-body a.about-button,
.home.home-body a.register-button,
.home.home-body a.register-button-2,
.home.home-body a.login-button,
.home.home-body a.services-button {
  text-decoration: none;
  color: inherit;
}

.home.home-body .group-20,
.home.home-body .family,
.home.home-body .down-3,
.home.home-body .down-2,
.home.home-body .down,
.home.home-body .group-12 {
  object-fit: contain;
}

.home.home-body .mask-group-7,
.home.home-body .mask-group-6,
.home.home-body .mask-group-5,
.home.home-body .mask-group-2,
.home.home-body .mask-group-3,
.home.home-body .mask-group-4 {
  object-fit: cover;
}

.home.home-body .mask-group-9 {
  object-fit: cover;
  border-radius: 16px;
  opacity: 0.95;
}

.home.home-body .community-3,
.home.home-body .teamwork,
.home.home-body .community-building,
.home.home-body .globalization,
.home.home-body .social-media,
.home.home-body .leaves-design,
.home.home-body .leaves-design-2 {
  object-fit: contain;
  pointer-events: none;
}

/* ===== Heritage — Figma: full left leaves, soft fade, text clear of right leaf ===== */
.home.home-body .community {
  position: absolute;
  top: 4269px;
  left: -1px;
  width: 1441px;
  height: 620px;
  overflow: visible; /* don't clip top-left leaf tips */
  background: #fff;
}

.home.home-body .community .rectangle-5 {
  position: absolute;
  top: 80px;
  left: 1px;
  width: 1440px;
  height: 460px;
  background-color: #eef7ef;
  z-index: 0;
}

.home.home-body .community .mask-group-5 {
  position: absolute;
  top: -16px;
  left: 0;
  /* Native 612×520 — no cover-crop (that was cutting left leaf tips) */
  width: 1440px;
  height: 555px !important; /* keep PNG aspect ratio */
  max-width: none;
  object-fit: fill;
  object-position: left top;
  z-index: 1;
  /* Soft right fade into mint band */
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 58%,
    rgba(0, 0, 0, 0.75) 72%,
    rgba(0, 0, 0, 0.3) 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 58%,
    rgba(0, 0, 0, 0.75) 72%,
    rgba(0, 0, 0, 0.3) 88%,
    transparent 100%
  );
}

.home.home-body .community .title-7 {
  position: absolute;
  top: 168px;
  left: 560px;
  width: 480px; /* clear of right leaf watermark */
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  z-index: 4;
}

.home.home-body .community .text-wrapper-9 {
  margin: 0;
  width: auto;
  height: auto;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  color: rgba(53, 9, 51, 0.7);
  font-size: 20px;
  line-height: 23px;
  white-space: nowrap;
}

.home.home-body .community .p {
  margin: 10px 0 0;
  width: 100%;
  max-width: 480px;
  height: auto;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 700;
  color: #2b8145;
  font-size: 28px;
  line-height: 34px;
  white-space: normal;
}

.home.home-body .community .our-community-is {
  margin: 10px 0 0;
  width: 100%;
  max-width: 460px;
  height: auto;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
}

.home.home-body .community .button-2 {
  all: unset;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 40px 0 0;
  width: 218px;
  height: 46px;
  cursor: pointer;
}

.home.home-body .community .rectangle-6 {
  position: absolute;
  top: 2px;
  left: 0;
  width: 216px;
  height: 44px;
  background-color: rgba(43, 129, 69, 0.4);
  border-radius: 6px;
}

.home.home-body .community .rectangle-7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 216px;
  height: 44px;
  background-color: #2b8145;
  border-radius: 6px;
  border: 1px solid #2b8145;
}

.home.home-body .community .text-wrapper-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 216px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap;
}

.home.home-body .community .group-7 {
  position: absolute;
  top: 160px;
  left: auto;
  right: 10px;
  width: 300px;
  height: 300px;
  z-index: 2;
  pointer-events: none;
}

.home.home-body .community .leaf {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
  object-fit: contain;
  opacity: 0.5;
}

@media (max-width: 1024px) {
  .home.home-body {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: visible;
  }

  .home.home-body .banner,
  .home.home-body .about-wrapper,
  .home.home-body .services-wrapper,
  .home.home-body .community-2,
  .home.home-body .profile,
  .home.home-body .network,
  .home.home-body .news,
  .home.home-body .community,
  .home.home-body .instagram {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 32px 16px;
    overflow: hidden;
  }

  .home.home-body .community {
    background: #eef7ef !important;
    padding: 28px 16px 40px !important;
    overflow: hidden !important;
  }

  .home.home-body .community .rectangle-5 {
    display: none !important;
  }

  .home.home-body .community .mask-group-5 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 240px !important;
    margin: 0 0 22px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 16px;
    object-fit: cover;
    object-position: left center;
  }

  .home.home-body .community .title-7 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 2;
  }

  .home.home-body .community .our-community-is,
  .home.home-body .community .p {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .home.home-body .community .p {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .home.home-body .community .our-community-is {
    font-size: 16px !important;
    line-height: 28px !important;
    text-align: left !important;
  }

  .home.home-body .community .button-2 {
    margin-top: 24px !important;
  }

  .home.home-body .community .group-7 {
    position: absolute !important;
    top: auto !important;
    bottom: 8px !important;
    left: auto !important;
    right: -20px !important;
    width: 180px !important;
    height: 180px !important;
    margin: 0 !important;
    opacity: 0.55;
    z-index: 0;
  }

  .home.home-body .community .leaf {
    width: 180px !important;
    height: 180px !important;
  }

  .home.home-body .banner {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding: 0 0 28px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #f9f0f5 0%, #fbfafc 100%);
  }

  .home.home-body .banner .rectangle-22,
  .home.home-body .banner .marble {
    display: none !important;
  }

  .home.home-body .banner .hero-photo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    order: 1;
    width: 100% !important;
    height: 280px !important;
    background-position: 70% 40%;
  }

  .home.home-body .banner .group-22 {
    position: absolute !important;
    top: 150px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 180px !important;
    height: auto !important;
    margin: 0 !important;
    z-index: 3;
  }

  .home.home-body .banner .together-we-grow {
    position: absolute !important;
    top: 200px !important;
    left: auto !important;
    right: 16px !important;
    width: 160px !important;
    height: auto !important;
    font-size: 32px !important;
    line-height: 38px !important;
    z-index: 4;
  }

  .home.home-body .banner .caption {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    order: 2;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    padding: 28px 20px 8px;
  }

  .home.home-body .banner .connecting-our,
  .home.home-body .banner .a-unified-digital {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
    width: auto !important;
    margin: 0 0 16px;
  }

  .home.home-body .banner .register-button-2,
  .home.home-body .banner .login-button {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex;
    margin: 0 12px 12px 0;
    vertical-align: top;
  }

  .home.home-body .about-left,
  .home.home-body .about-right,
  .home.home-body .community-3,
  .home.home-body .title-11,
  .home.home-body .group-18,
  .home.home-body .teamwork,
  .home.home-body .box-2,
  .home.home-body .leaves-design,
  .home.home-body .leaves-design-2,
  .home.home-body .rectangle-12,
  .home.home-body .title-10,
  .home.home-body .profile-2,
  .home.home-body .profile-3,
  .home.home-body .profile-4,
  .home.home-body .profile-5,
  .home.home-body .pagination-2,
  .home.home-body .community-building,
  .home.home-body .title-9,
  .home.home-body .box-wrapper,
  .home.home-body .div-wrapper,
  .home.home-body .title-8,
  .home.home-body .group-8,
  .home.home-body .pagination,
  .home.home-body .globalization,
  .home.home-body .rectangle-8,
  .home.home-body .mask-group-5,
  .home.home-body .title-7,
  .home.home-body .group-7,
  .home.home-body .rectangle-5,
  .home.home-body .title-6,
  .home.home-body .group-6,
  .home.home-body .button,
  .home.home-body .social-media,
  .home.home-body .rectangle-2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 0 16px;
  }

  .home.home-body .about-left {
    width: 100% !important;
    height: 240px !important;
  }

  .home.home-body .group-18 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .home.home-body .row-4,
  .home.home-body .row-5,
  .home.home-body a.row-6 {
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
  }

  .home.home-body .network .title-9,
  .home.home-body .news .title-8 {
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    align-items: center;
    margin: 0 0 20px !important;
  }

  .home.home-body .network .text-wrapper-22,
  .home.home-body .network .text-wrapper-23,
  .home.home-body .news .text-wrapper-19,
  .home.home-body .news .news-updates {
    margin-left: 0 !important;
    width: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .home.home-body .network .network-viewport {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  .home.home-body .network .network-track {
    gap: 16px;
  }

  .home.home-body .network .network-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 160px;
    padding: 24px 20px !important;
  }

  .home.home-body .network .box-wrapper,
  .home.home-body .network .div-wrapper {
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
  }

  .home.home-body .network .box {
    gap: 16px !important;
  }

  .home.home-body .network .group-12 {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
  }

  .home.home-body .mask-group-9,
  .home.home-body .community-3,
  .home.home-body .teamwork,
  .home.home-body .community-building,
  .home.home-body .globalization,
  .home.home-body .social-media,
  .home.home-body .leaves-design,
  .home.home-body .leaves-design-2 {
    display: none;
  }

  .home.home-body .profile {
    overflow: visible !important;
    padding: 28px 16px 36px !important;
    background: #fbfbfa;
  }

  .home.home-body .profile .title-10 {
    width: 100% !important;
    margin: 0 0 20px !important;
    align-items: center;
  }

  .home.home-body .profile .text-wrapper-27,
  .home.home-body .profile .president-trustees {
    margin-left: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .home.home-body .profile-2,
  .home.home-body .profile-3,
  .home.home-body .profile-4,
  .home.home-body .profile-5 {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto 20px !important;
  }

  .home.home-body .profile .leader-photo {
    height: 280px !important;
  }

  .home.home-body .profile .mask-group-7 {
    width: 100% !important;
    height: 100% !important;
  }

  .home.home-body .profile-5 .mask-group-7 {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }

  .home.home-body .profile .pagination-2 {
    justify-content: center;
    margin: 8px auto 0 !important;
  }

  .home.home-body .group-8 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .home.home-body .news-2,
  .home.home-body .news-3,
  .home.home-body .news-4 {
    width: 100% !important;
    margin: 0 !important;
  }

  .home.home-body .group-6 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100% !important;
  }

  .home.home-body .group-6 img {
    width: 100% !important;
    height: 180px !important;
    margin: 0 !important;
    object-fit: cover;
    border-radius: 12px !important;
  }

  .home.home-body .instagram .ig-seal {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    width: 110px !important;
    height: 110px !important;
  }

  .home.home-body .instagram .ig-seal-text {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .home.home-body a.row-6 {
    width: 100% !important;
    margin: 12px 0 0 !important;
  }
}

.home.home-body a.is-soon {
  position: relative;
  cursor: default;
}

.home.home-body a.is-soon::after {
  content: attr(data-soon);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 6px;
  background: #2f3745;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  z-index: 5;
}

.home.home-body a.is-soon:hover::after,
.home.home-body a.is-soon:focus::after {
  opacity: 1;
}

/* Home uses the shared register/site-chrome footer (partials/site-footer) — no local overrides. */