/* =========================================================
   SANBAR MANAGEMENT — SAND / ENERGY FAMILY REFINISH
   Architecture is intentionally preserved. This layer changes
   only brand color, typography, surface finish, and readability.
   ========================================================= */

:root {
  --sb-green: #68ad49;
  --sb-green-dark: #4b8734;
  --sb-ink: #17191b;
  --sb-ink-soft: #24282b;
  --sb-ink-deep: #0f1214;
  --sb-ivory: #f1efe9;
  --sb-frame: #343432;
  --sb-frame-soft: #3a3a38;
  --sb-white: #ffffff;
  --sb-muted: #a8adaf;
}

/* The homepage remains one fixed presentation canvas. */
html.management-home-root,
html.management-home-root body.management-home {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}

body,
button,
input,
select,
textarea {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  background: var(--sb-frame);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------------- Original perimeter frame ---------------- */
.main-header,
.left-header,
.nav-footer {
  background: var(--sb-frame) !important;
}

.main-header {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Remove the divider beneath the top strip without touching its coordinates. */
.main-header::after {
  display: none !important;
}

.main-header::before {
  background: rgba(255,255,255,.075) !important;
  border: 0 !important;
}

/* The right pagination rail uses the same warm gray as the left and top frame. */
.hero-slider-wrap_pagination::before {
  background: var(--sb-frame) !important;
  border: 0 !important;
}

/* Exact supplied logo; only its display size changes so the full wordmark is readable. */
.logo-holder {
  top: 7px;
  left: 26px;
}

.logo-holder img {
  display: block;
  width: 214px;
  height: auto;
  max-width: none;
  filter: none !important;
}

/* ---------------- Top utility typography ---------------- */
.header-contacts,
.header-contacts li,
.header-contacts a,
.contacts-btn,
.menu-button-text,
.page-subtitle,
.share-btn span,
.nav-footer {
  font-family: Oswald, "Arial Narrow", sans-serif;
}

.header-contacts li,
.contacts-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2.6px;
  color: rgba(255,255,255,.66);
}

.header-contacts li span {
  color: rgba(255,255,255,.58);
}

.header-contacts li a,
.contacts-btn {
  color: var(--sb-green);
  font-weight: 600;
}

.header-contacts::after {
  background: rgba(255,255,255,.24);
}

.menu-button-text {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
}

.page-subtitle {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.8px;
}

.page-subtitle span {
  background: rgba(15,18,20,.12);
  border: 0 !important;
  box-shadow: none !important;
}

/* Explicitly remove the top-right line / seam while retaining the projecting block. */
.page-subtitle::before,
.hc_dec_color::before {
  display: none !important;
}

.hc_dec_color,
.hc_dec_color::after {
  background: var(--sb-green) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* ---------------- Original hamburger animation ---------------- */
.nav-button span {
  background: #ffffff;
}

.nav-button span.shimmer {
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 50%,
    var(--sb-green) 70%,
    var(--sb-green) 90%,
    #eeeeee 100%
  ) !important;
  background-size: 300% 100% !important;
  background-repeat: repeat !important;
  animation: shimmer 7s linear infinite !important;
}

.nav-button:hover span.shimmer {
  animation-duration: 4.5s !important;
}

/* The social icons are removed; the rail and Share architecture remain. */
.left-header_social {
  display: none !important;
}

.left-header::before,
.share-btn::before {
  background: rgba(255,255,255,.20);
}

.share-btn {
  background: var(--sb-green) !important;
}

.share-btn::after {
  background: var(--sb-frame-soft) !important;
}

/* ---------------- Media stage and video visibility ---------------- */
.hero-slider-wrap_halftwo,
.hero-conatiner {
  background: #292b2b;
}

.hero-slider-img video {
  filter: saturate(.90) contrast(1.03) brightness(.96);
}

/* Close to the original .50 wash: slightly moodier, never opaque enough to hide the video. */
.hero-slider-img .overlay {
  background: #000000 !important;
  opacity: .53 !important;
}

/* Preserve and lightly refinish the signature technical circle. */
.hc_dec {
  border-color: rgba(255,255,255,.20);
  border-left-color: var(--sb-green) !important;
  border-right-color: var(--sb-green) !important;
  background: rgba(23,25,27,.055);
  box-shadow: 0 0 0 52px rgba(255,255,255,.045);
}

.hc_dec::before {
  background: rgba(255,255,255,.22);
}

.hc_dec::after {
  background: var(--sb-green) !important;
}

/* ---------------- Sand-family typography, original placement ---------------- */
.half-hero-wrap h1,
.hhw-vis.half-hero-wrap h1,
.hhw_header,
.hs_counter,
.clone-counter,
.hero-decor-numb,
.start-btn,
.hsc,
.hsc_pp,
.ent_nav,
.play-pause_slider,
.btn,
.sliding-menu a,
.section-title h3,
.pr-subtitle,
.accordion a.toggle {
  font-family: Oswald, "Arial Narrow", sans-serif;
}

.half-hero-wrap h1,
.hhw-vis.half-hero-wrap h1 {
  color: var(--sb-white);
  font-weight: 700;
}

.half-hero-wrap h1 span,
.hhw-vis.half-hero-wrap h1 span {
  color: var(--sb-green) !important;
}

.half-hero-wrap h4,
.hhw-vis.half-hero-wrap h4 {
  color: rgba(255,255,255,.84);
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.58;
}

.hhw_header {
  color: rgba(255,255,255,.90);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
}

/* ---------------- Buttons and carousel controls ---------------- */
.btn {
  background: var(--sb-green) !important;
  border-color: var(--sb-green) !important;
  color: #fff;
  font-weight: 600;
}

.btn::before {
  background: var(--sb-green-dark) !important;
}

.hs_counter .current,
.clone-counter::before,
.start-btn i,
.hero-decor-numb::before {
  color: var(--sb-green);
}

.hero-decor-numb::before {
  background: var(--sb-green) !important;
}

.hsc {
  background: var(--sb-frame-soft);
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 0 0 2px rgba(15,18,20,.18);
}

.hsc:hover {
  background: var(--sb-green);
}

/* The only ivory surface on the fixed homepage. */
.hsc_pp {
  background: var(--sb-ivory) !important;
  color: var(--sb-green) !important;
}

.hsc_pp::after {
  background: rgba(58,58,56,.56);
  border-color: rgba(255,255,255,.25);
}

.hsc_pp.auto_actslider i::before,
.hsc_pp2.auto_actslider2 i::before {
  color: var(--sb-green);
  font-family: Oswald, "Arial Narrow", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.circ1 {
  stroke: var(--sb-green) !important;
}

.hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background: var(--sb-green) !important;
}

.hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: rgba(104,173,73,.82);
}

/* ---------------- Entity launcher and drawers ---------------- */
.start-btn {
  background: var(--sb-ink-soft);
  border-left-color: var(--sb-green) !important;
  color: rgba(255,255,255,.95);
  font-weight: 600;
}

.start-btn::before {
  background: rgba(104,173,73,.12) !important;
}

.nav-holder-wrap,
.nav-container {
  background: var(--sb-ink-soft);
}

.nav-overlay {
  background: rgba(5,8,9,.76);
}

.sliding-menu a {
  color: rgba(255,255,255,.88);
  font-weight: 500;
}

.sliding-menu a.act-link,
.sliding-menu a:hover {
  color: var(--sb-green);
}

.nav-footer {
  border-top: 1px solid rgba(255,255,255,.08);
}

.entities-nav-holder {
  background: rgba(36,40,43,.98);
  border: 1px solid rgba(255,255,255,.12);
  border-top: 2px solid var(--sb-green);
  border-radius: 0;
  box-shadow: 0 22px 58px rgba(0,0,0,.38);
}

.ent_nav li {
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.ent_nav li:last-child {
  border-bottom: 0;
}

.ent_nav li a {
  color: rgba(255,255,255,.76);
}

.ent_nav li a .focused,
.ent_nav li a:hover {
  color: var(--sb-green);
}

/* ---------------- About/details drawer: same architecture, dark family surface ---------------- */
.det-overlay {
  background: rgba(4,7,8,.80);
}

.fix-pr-det,
.pr-details-wrap {
  background: var(--sb-ink);
  color: rgba(255,255,255,.76);
}

.fix-pr-det {
  border-right: 1px solid rgba(104,173,73,.24);
  box-shadow: 28px 0 80px rgba(0,0,0,.35);
}

.fix-pr-det-dec {
  background: var(--sb-ink-soft);
}

.pr-details-wrap p {
  color: rgba(255,255,255,.70);
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.70;
}

.pr-details-wrap strong,
.pr-details-wrap em,
.section-title h3 {
  color: #fff;
}

.pr-subtitle {
  color: var(--sb-green);
}

.accordion a.toggle {
  background: rgba(255,255,255,.025);
  border-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.90);
}

.accordion a.toggle span {
  background: var(--sb-ink-soft);
  border-left-color: rgba(255,255,255,.10);
}

.accordion a.toggle.act-accordion {
  background: rgba(104,173,73,.12);
  border-color: var(--sb-green);
  color: #fff;
}

.accordion-inner {
  background: rgba(15,18,20,.68);
  border-color: rgba(255,255,255,.10);
}

.closedet_style,
.content-nav_holder,
.share-wrapper {
  background: var(--sb-ink-soft);
}

.closedet_style,
.close-share-btn {
  color: var(--sb-green);
}

/* ---------------- Loader ---------------- */
.loader,
.loader-anim {
  background: var(--sb-ink-deep);
}

.loader-anim2 {
  background: var(--sb-green) !important;
}

/* ---------------- Responsive safeguards, no desktop coordinate changes ---------------- */
@media only screen and (max-width: 1064px) {
  .logo-holder {
    top: 12px;
    left: 20px;
  }
  .logo-holder img {
    width: 178px;
    height: auto;
  }
  .contacts-btn {
    font-size: 11px;
  }
}

@media only screen and (max-width: 764px) {
  .logo-holder {
    top: 15px;
  }
  .logo-holder img {
    width: 160px;
  }
  .half-hero-wrap h1,
  .hhw-vis.half-hero-wrap h1 {
    text-align: left !important;
  }
}

/* Final readability and ivory-button verification after rendered review. */
.header-contacts li,
.contacts-btn,
.page-subtitle {
  font-size: 13px;
  letter-spacing: 2.35px;
}

.menu-button-text {
  font-size: 12px;
}

.hsc_pp::after {
  background: transparent !important;
  border: 10px solid rgba(58,58,56,.72) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18) !important;
}

/* Drawer readability without changing their original footprint or motion. */
.nav-inner a,
.nav-inner li a,
.sliding-menu a {
  color: rgba(255,255,255,.88) !important;
  font-family: Oswald, "Arial Narrow", sans-serif;
}

.nav-inner a.act-link,
.sliding-menu a.act-link,
.nav-inner a:hover,
.sliding-menu a:hover {
  color: var(--sb-green) !important;
}

.section-title::after {
  background: rgba(255,255,255,.14) !important;
}

.section-title h3::before {
  background: rgba(104,173,73,.10) !important;
}

.entities-nav-holder {
  z-index: 999998 !important;
}

/* Keep the larger desktop utility type without crowding medium desktops. */
@media only screen and (min-width: 1261px) and (max-width: 1440px) {
  .header-contacts li,
  .contacts-btn {
    font-size: 11px;
    letter-spacing: 1.8px;
  }
  .page-subtitle {
    font-size: 11.5px;
    letter-spacing: 2px;
  }
}

/* Keep the off-canvas About panel from increasing the mobile document height. */
@media only screen and (max-width: 764px) {
  .management-home .fix-pr-det {
    position: fixed !important;
    float: none !important;
    top: 80px !important;
    right: auto !important;
    bottom: 0 !important;
    left: -900px;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  .management-home .pr-det-container {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .management-home .pr-details-wrap {
    position: absolute !important;
    float: none !important;
    inset: 0 0 38px !important;
    width: 100% !important;
    height: auto !important;
    padding: 74px 28px 90px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .management-home .half-hero-wrap h1,
  .management-home .hhw-vis.half-hero-wrap h1,
  .management-home .half-hero-wrap h4,
  .management-home .hhw-vis.half-hero-wrap h4,
  .management-home .hhw_header {
    max-width: calc(100vw - 60px) !important;
  }
}


/* =========================================================
   FINAL SCALE / WEIGHT CORRECTION
   Restores the lighter, less enlarged feel of the original
   Management composition while retaining the Sand-family skin.
   ========================================================= */

/* The supplied logo is optically aligned to the original 80px rail:
   the center of its circular mark lands at x/y 40px, directly over
   the vertical line below it. */
.logo-holder {
  top: 13px !important;
  left: 13px !important;
}

.logo-holder img {
  width: 176px !important;
  height: auto !important;
  max-width: none !important;
}

/* Pull the utility typography back from the enlarged pass while
   keeping it slightly more legible than the original 10px setting. */
.header-contacts li,
.contacts-btn {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 2.35px !important;
}

.header-contacts li a,
.contacts-btn {
  font-weight: 500 !important;
}

.menu-button-text {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
}

.page-subtitle {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2.6px !important;
}

/* The original video treatment is the scale/brightness reference.
   No added contrast, brightness, saturation, or visual enlargement. */
.hero-slider-img video {
  filter: none !important;
}

.hero-slider-img .overlay {
  background: #000 !important;
  opacity: .50 !important;
}

/* Lighter typography throughout the fixed presentation. */
.half-hero-wrap h1,
.hhw-vis.half-hero-wrap h1 {
  font-weight: 500 !important;
}

.half-hero-wrap h4,
.hhw-vis.half-hero-wrap h4 {
  font-weight: 400 !important;
}

.hhw_header {
  font-weight: 500 !important;
}

.btn,
.start-btn,
.hsc_pp.auto_actslider i::before,
.hsc_pp2.auto_actslider2 i::before,
.nav-inner a,
.nav-inner li a,
.sliding-menu a,
.ent_nav li a,
.pr-subtitle,
.accordion a.toggle {
  font-weight: 500 !important;
}

.hs_counter .current,
.clone-counter,
.hero-decor-numb span,
.hero-decor-numb-tooltip {
  font-weight: 400 !important;
}

/* Medium and mobile sizes: remain smaller without shifting architecture. */
@media only screen and (max-width: 1064px) {
  .logo-holder {
    top: 15px !important;
    left: 13px !important;
  }

  .logo-holder img {
    width: 164px !important;
  }
}

@media only screen and (max-width: 764px) {
  .logo-holder {
    top: 17px !important;
    left: 12px !important;
  }

  .logo-holder img {
    width: 150px !important;
  }
}

/* =========================================================
   HEADER ALIGNMENT / BREATHING-ROOM CORRECTION
   Restores the original Management utility rhythm and positions
   while retaining the approved Sand-family color treatment.
   ========================================================= */

/* The emblem center lands on the 40px rail axis, but the smaller
   lockup restores comfortable top/left breathing room. */
.logo-holder {
  top: 18px !important;
  left: 18px !important;
}

.logo-holder img {
  width: 145px !important;
  height: auto !important;
  max-width: none !important;
}

/* The condensed replacement type made the contact cluster too narrow,
   which pushed it visibly to the right. Restore the original utility
   face, tracking, and weights so the group returns to its old alignment. */
.header-contacts,
.header-contacts li,
.header-contacts a,
.contacts-btn,
.menu-button-text,
.page-subtitle,
.hero-decor-numb,
.hero-decor-numb span,
.hero-decor-numb-tooltip {
  font-family: "Mukta Vaani", sans-serif !important;
}

.header-contacts li,
.contacts-btn {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 4px !important;
  color: rgba(255,255,255,.56) !important;
}

.header-contacts li span {
  color: rgba(255,255,255,.52) !important;
}

.header-contacts li a,
.contacts-btn {
  font-weight: 500 !important;
}

.menu-button-text {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
}

.page-subtitle {
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 4px !important;
}

.page-subtitle span {
  padding: 10px 20px !important;
  background: rgba(15,18,20,.10) !important;
}

/* Restore the original coordinate-label width and visual weight. */
.hero-decor-numb span,
.hero-decor-numb-tooltip {
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 10px !important;
}

/* Keep the existing architecture but give edge-bound controls a little
   more optical air without moving the fixed 80px frame or slide stage. */
.page-subtitle {
  right: 84px !important;
}

@media only screen and (max-width: 1064px) {
  .logo-holder {
    top: 19px !important;
    left: 17px !important;
  }
  .logo-holder img {
    width: 140px !important;
  }
}

@media only screen and (max-width: 764px) {
  .logo-holder {
    top: 20px !important;
    left: 16px !important;
  }
  .logo-holder img {
    width: 134px !important;
  }
}

/* Restore the original darker pagination rail on the lower-right edge. */
.hero-slider-wrap_pagination::before {
  background: #313131 !important;
}


/* --- latest palette/layout refinements --- */
:root {
  --sb-frame: #2d3234;
  --sb-frame-soft: #2d3234;
}
.main-header,
.left-header,
.nav-footer,
.hero-slider-wrap_pagination .swiper-pagination-bullet {
  background: transparent;
}
.main-header,
.left-header,
.nav-footer {
  background: #2d3234 !important;
}
/* menu block behind hamburger */
.main-header::before {
  background: #25292c !important;
}
/* restore the small dash to the left of the green title block */
.page-subtitle::before {
  display: block !important;
  background: rgba(255,255,255,.38) !important;
}
/* darker background behind slider dot rail / frame-count area */
.hero-slider-wrap_pagination::before {
  background: #24282b !important;
}
/* replace top-right square that covers slides */
.hero-corner-dec2 {
  background: #24282b !important;
}
/* keep its guide lines subtle */
.hero-corner-dec2::before,
.hero-corner-dec {
  border-color: rgba(255,255,255,.28) !important;
}
/* slider controls/count chip surfaces */
.hsc,
.hs_counter,
.clone-counter {
  background-color: transparent;
}
/* retain darker chip tone where the circle/frame count sits */
.play-pause_slider,
.hero-slider_control-wrap {
  background-color: transparent;
}

/* --- hero fallback poster (never a black stage before/without video) --- */
.hero-slider-img, .hero-conatiner, .hero-slider-wrap_halftwo {
  background-image: url(../images/hero-fallback.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #2d3234;
}

/* =========================================================
   COHESION + LINE CLEANUP (2026-09-10)
   Remove construction lines the original template did not show
   and resolve color collisions toward the Sand/Energy family.
   ========================================================= */
/* Top-right corner: the dark box exposed white guide-lines + a diagonal that
   the original solid-green block hid. Drop the wireframe lines; let the corner
   read as one clean dark panel with a single green edge (brand accent). */
.hero-corner-dec2::before,
.hero-corner-dec,
.hero-corner-dec::before,
.hero-corner-dec::after {
  border-color: transparent !important;
  background: transparent !important;
}
.hero-corner-dec2 {
  background: #24282b !important;
  border-left: 2px solid var(--sb-green) !important;
}
/* Technical circle: remove the 52px halo ring (not in the original). */
.hc_dec {
  box-shadow: none !important;
}
/* Pre-title dash: brand green, not white, so it matches the family accent. */
.page-subtitle::before {
  background: var(--sb-green) !important;
}

/* --- entity drawer ("Explore Our Entities"): even vertical rhythm, dividers centered --- */
.entities-nav-holder-wrap { padding: 14px 22px !important; }
.ent_nav ul { margin: 0 !important; padding: 0 !important; }
.ent_nav li { margin: 0 !important; }
.ent_nav li a { display: block !important; padding: 12px 0 !important; line-height: 1.15 !important; }