/* ============================================================
   SHREE CONSULTING – GLOBAL BRAND SYSTEM (v2)
   Montserrat (headings) + Open Sans (body)
   ============================================================ */

/* =========
   BRAND TOKENS
   ========= */
:root{
  /* Core Brand Palette */
  --blue-royal: #003B73;     /* Primary trust blue */
  --blue-midnight: #000F20;  /* Premium dark blue */
  --blue-deep: #2C3E73;      /* Gradient top */
  --gold: #E6AE23;           /* Accent gold */
  --beige-soft: #F4E4B2;     /* Gradient bottom */
  --ink: #1A2733;            /* Body text */
  --ink-light: #4A5568;      /* Muted helper text */
  --ink-soft: #26415b;
  --white: #FFFFFF;
  --soft-blue: #e8f2fc;      /* soft blue */
  --bg-page: #f0f4fb;
  --bg-section-soft: #d9e9f4; 
  --bg-band-soft: #dbeef8;

/* Hero background colors */
  --bg-home-hero: #d9e9f4;   /* soft blue, matches cards */
  --bg-about-hero: #f4f6f9;
  --bg-services-hero: #f4f6f9;
  --bg-insights-hero: #f4f6f9;  
  --bg-contact-hero: #f4f6f9;   /* Soft neutral background for content pages */

 /* CTA background colors */
  --bg-home-cta: #d9e9f4;   
  --bg-about-cta: #e4f0fb; /* soft blue band, in family with other sections */
  --bg-services-cta: #f4f6f9;
  --bg-insights-cta: #ffffff;  
  --bg-contact-cta: #f4f6f9;  
    
 /* Additional Footer colors */
  --footer-text: #E6EDF7;
  --footer-muted: #9FB3CD;
  --footer-line: rgba(255,255,255,0.08);
    
  /* Neutrals / Backgrounds */
  --bg-light-1: #F4F9FC;     /* Soft blue tint */
  --bg-light-2: #E8F1F7;     /* Card / band background */
  --bg-neutral: #FAFBFC;
  --bg-neutral-2: #E8F1F7;  
  --border-grey: #D8DEE4;
 
  /* Shadows & Radius */
  --shadow-soft: 0 6px 18px rgba(0,0,0,0.06);
  --shadow-medium: 0 10px 26px rgba(0,0,0,0.12);
  --shadow-strong: 0 10px 30px rgba(0,0,0,0.18);
  --radius: 12px;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;

  /* Typography scale */
  --fs-h1: 2.5rem;   							/* 40px */
  --fs-h2: 2.25rem;                             /* section titles, 36px */
  --fs-h3: 1.5rem;                             /* card / subheads, 28px */
  --fs-h4: 1.375rem;                             /* card / subheads, 22px */
  --fs-h5: 1.25rem;  
  --fs-h6: 1.125rem;
    
  --fs-body: 1.1875rem;                            /* all text, 19px */
  --fs-small: 0.85rem;                           /* small notes */
  --fs-cta: 1rem;                                /* button text */

  --lh-tight: 1.2;
  --lh-body: 1.65;

  /* Typography families */
  --font-body: "Open Sans", "Segoe UI", Arial, sans-serif;
  --font-heading: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
}


/* ============================================================
   HEADINGS
   ============================================================ */

/* Headings – Montserrat */
h1, h2, h3, h4, h5, h6,
.zpelem-heading h1,
.zpelem-heading h2,
.zpelem-heading h3,
.zpelem-heading h4,
.zpelem-heading h5{
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  color: var(--blue-royal) !important;
}

/* Scale */
h1, .zpelem-heading h1{
  font-size: var(--fs-h1) !important;
  line-height: 1.4 !important;
}

h2, .zpelem-heading h2{
  font-size: var(--fs-h2) !important;
  line-height: 1.4 !important;
}

h3, .zpelem-heading h3{
  font-size: var(--fs-h3);
  line-height: 1.5 !important;
}

h4, .zpelem-heading h4{
  font-size: var(--fs-h4);
  line-height: 1.4 !important;
}

h5, .zpelem-heading h5{
  font-size: var(--fs-h5); /* 20px */
  line-height: 1.5 !important;  
}

h6, .zpelem-heading h6{
  font-size: var(--fs-h6); /* 18px */
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  color: var(--blue-royal) !important;
  line-height: 1.5 !important;
}


/* ============================================================
   BUTTONS
   ============================================================ */

/* All buttons */
.zpbutton-content{
  font-family: var(--font-heading) !important;
  font-size:  var(--fs-cta);
  line-height: 1.2;
  color: var(--blue-royal) !important;
  font-weight:500;
  letter-spacing:0.03em;
  /*text-transform:uppercase;*/
} 

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.85rem 1.4rem;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition: transform 0.06s ease, box-shadow 0.3s ease, background 0.25s, filter 0.25s;
}

.btn-hero-consult {
  padding: 0.75rem 2rem;
  border-radius: 999px;
  display: inline-block;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.12s ease;
}

.btn-scs-button a.zpbutton-wrapper.zpbutton-outline {
  background: transparent !important;
  border: 1px solid #003B73 !important;
  border-radius: 999px !important;
      text-decoration: none !important;
}

.btn-scs-button a.zpbutton-wrapper.zpbutton-outline .zpbutton-content {
  color: #003B73 !important;
}

/* Hover/focus/active fill */
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:hover,
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:focus,
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:active{
  background: #003B73 !important;
  border-color: #003B73 !important;
}

/* Hover/focus/active text color */
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:hover span.zpbutton-content,
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:focus span.zpbutton-content,
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:active span.zpbutton-content{
  color: #E6AE23 !important;   /* gold */
}

/* 
.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:hover{
  transform: translateY(-3px);
}*/

.btn-scs-button a.zpbutton-wrapper.zpbutton-outline:focus-visible{
  outline: 3px solid rgba(230, 174, 35, 0.55);  /* soft gold glow */
  outline-offset: 3px;
}




/* Primary (blue) */
.btn--primary{
 background: var(--blue-royal);
  color: var(--white);
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(255,255,255,0.12);
}
.btn--primary:hover{ filter: brightness(1.05); }

/* Secondary (gold) */
.btn--secondary{
  background: var(--gold);
  color: var(--blue-royal);
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: var(--shadow-strong);
}
.btn--secondary:hover{ filter: brightness(1.04); }

/* Ghost/outline secondary */
.btn--ghost{
  background: transparent;
  color: var(--blue-royal);
  border: 2px solid var(--blue-royal);
  box-shadow: none;
}
.btn--ghost:hover{
  background: rgba(0,59,115,0.06);
  color: var(--blue-midnight);
}



/* =========================================================================
   HERO – HOME PAGE, ABOUT PAGE, SERVICES PAGE, INSIGHTS PAGE, CONTACT PAGE
   ========================================================================= */

/* Outer band */
.scs-home-hero,
.scs-about-hero,
.scs-services-hero,
.scs-insights-hero,
.scs-contact-hero{
  padding: 4rem 1.5rem 4rem;
  text-align: center;
}

.scs-home-hero{
  background: var(--bg-home-hero);
}
.scs-about-hero{
  background: var(--bg-about-hero);
}
.scs-services-hero{
  background: var(--bg-services-hero);
}
.scs-insights-hero{
  background: var(--bg-insights-hero);
}
.scs-contact-hero{
  background: var(--bg-contact-hero);
}

/* Inner content column */
.scs-home-hero-body,
.scs-about-hero-body,
.scs-services-hero-body,
.scs-insights-hero-body,
.scs-contact-hero-body{
  max-width: 1200px;
  margin: 0 auto 1rem;
}

/* Eyebrow label */
.scs-about-hero-eyebrow,
.scs-services-hero-eyebrow,
.scs-insights-hero-eyebrow,
.scs-contact-hero-eyebrow{
  text-align: left;  
  font-family: var(--font-heading) !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--blue-midnight) !important;
  margin: 0 0 0.9rem;
}

/* Main title */
.scs-home-hero-title .zpheading,
.scs-about-hero-title .zpheading,
.scs-services-hero-title .zpheading,
.scs-insights-hero-title .zpheading,
.scs-contact-hero-title .zpheading{
   text-align: center;  
    margin: 1rem auto 2rem;
}

/* HOME PAGE subheading */
.scs-home-hero-subhead{
       text-align: center;  
  margin: 0 0 2rem;
}

/* Supporting paragraph */
.scs-home-hero-copy .zptext,
.scs-about-hero-copy .zptext,
.scs-services-hero-copy .zptext,
.scs-insights-hero-copy .zptext,
.scs-contact-hero-copy .zptext{
  text-align: center;  
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: 1.8;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;  
}

/* CTA row */
.scs-about-hero-cta,
.scs-services-hero-cta,
.scs-insights-hero-cta,
.scs-contact-hero-cta{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

/* Buttons in hero */
.scs-about-hero-cta .btn,
.scs-services-hero-cta .btn,
.scs-insights-hero-cta .btn,
.scs-contact-hero-cta .btn{
  flex: 0 0 auto !important;
  white-space: nowrap;
  min-width: 210px;
}


/* ================================================================================
   CTA BAND – HOME PAGE, ABOUT PAGE, SERVICES PAGE, INSIGHTS PAGE, CONTACT PAGE
   ================================================================================ */

/* Section band */
.scs-home-cta,
.scs-about-cta,
.scs-services-cta,
.scs-insights-cta,
.scs-contact-cta{
  text-align: center;
  border-top: 1px solid rgba(0,0,0,0.06);
}

.scs-home-cta{
  background: var(--bg-light-1);
}
.scs-about-cta{
  background: var(--bg-about-cta);
}
.scs-services-cta{
  background: var(--bg-services-cta);
}
.scs-insights-cta{
  background: var(--bg-insights-cta);
}
.scs-contact-cta{
  background: var(--bg-insights-cta);
}

/* Inner content width + centering */
.scs-home-cta-inner,
.scs-about-cta-inner,
.scs-services-cta-inner,
.scs-insights-cta-inner,
.scs-contact-cta-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Heading is handled globally; just tweak spacing */
.scs-home-cta-title,
.scs-about-cta-title,
.scs-services-cta-title,
.scs-insights-cta-title,
.scs-contact-cta-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Supporting text */
.scs-home-cta-text .zptext,
.scs-about-cta-text .zptext,
.scs-services-cta-text .zptext,
.scs-insights-cta-text .zptext,
.scs-contact-cta-text .zptext{
       text-align: center;  
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 2.2rem;
  font-weight: 400 !important;  
}

/* Button row */
.scs-home-cta-actions,
.scs-about-cta-actions,
.scs-services-cta-actions,
.scs-insights-cta-actions,
.scs-contact-cta-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

/* Buttons inside this band */
.scs-home-cta .btn,
.scs-about-cta .btn,
.scs-services-cta .btn,
.scs-insights-cta .btn,
.scs-contact-cta .btn{
  flex: 0 0 auto !important;
  white-space: nowrap;
  min-width: 210px;
}


/* ============================================================
   SHREE – FOOTER
   ============================================================ */

/* Wrapper band */
.scs-common-footer{
  background-color: var(--blue-midnight);
}

/* 3-column top area */
.scs-common-footer-row{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start;
}

/* Generic footer columns */
.scs-common-footer-row-col{
  flex: 1 1 100px !important;
  min-width: 100px;
  max-width: 100px;
}

/* BRAND COLUMN SLIGHTLY WIDER */
.scs-common-footer-brand {
  flex: 1 1 700px !important;
  min-width: 700px;
  max-width: 700px;
}

/* QUICK LINKS COLUMN */
.scs-common-footer-qquicklinks {
  flex: 1 1 140px !important;
  min-width: 200px;
  max-width: 200px;
}

/* CONTACT COLUMN */
.scs-common-footer-contact {
  flex: 1 1 440px !important;
  min-width: 460px;
  max-width: 460px;
}

/* Strapline width control (col with logo + copy) */
.scs-common-footer-brand-imgtext .zpimage-text{
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  color: var(--white) !important;
  line-height: 1.8 !important;
  max-width: 34rem;
  margin: 0.25rem 0 0.45rem;
}

/* Column headings (“Quick Links”, “Contact”) */
.scs-common-footer-heading{
  letter-spacing: 0.08em;
  color: var(--white) !important;
  position: relative;
  display: inline-block;
}

.scs-common-footer-heading::after{
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 0.4rem;
  background: var(--gold);
}

/* Links inside footer */
.scs-common-footer a{
  color: var(--footer-text);
  text-decoration: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}
.scs-common-footer a:hover{
  color: var(--gold);
  text-decoration: underline;
}

/* “Quick Links” list */
.scs-common-footer-qlinks{
   margin-top: 0.7rem;
   margin-left: 0.5rem;
   gap: 0.1rem;
   line-height: 1.5 !important;
}

/* Contact column paragraphs */
.scs-common-footer-contact-list{
  margin: 1rem 0 1.8rem 0.5rem;
  color: var(--footer-text);
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
}

/* Bottom strip – copyright */
.scs-common-footer-bottom .zptext{
  border-top: 1px solid var(--footer-line);
  padding: 0.9rem 1.5rem 1.4rem;
  text-align: center;
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  color: var(--footer-text);
}

.scs-common-footer-bottom p{
  margin: 0;
}

.scs-common-footer-bottom a{
    color: var(--footer-text);
  text-decoration: none;
  margin: 0 0.4rem;
  white-space: nowrap;
}

.scs-common-footer-bottom a:hover{
  color: var(--gold);
  text-decoration: underline;
}


/* ============================================================
   HOME PAGE – CORE EXPERTISE
   ============================================================ */

/* Section band */
.scs-home-expertise{
  text-align:center;
  background: var(--white);
}

/* Inner content width + centering */
.scs-home-expertise-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Section heading */
.scs-home-expertise-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* intro under heading */
.scs-home-expertise-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 2.2rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-home-expertise-grid{
  display: flex;               
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* each column */
.scs-home-expertise-grid .zpelem-col {
  flex: 1 1 260px !important;
  max-width: 540px;
  padding: 0 !important; 
  display: flex !important;
  justify-content: space-between !important;
}

/* bullet list container */
.scs-home-expertise-list{
  max-width:32rem;
  margin: 0 auto;
  text-align:left;
}

/* each expertise item */
.scs-home-expertise-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon image inside item, if used */
.scs-home-expertise-item img{
  margin-right:1rem;
  position:relative;
}
.scs-home-expertise-item:hover{
  color:var(--blue-midnight);
}


/* ============================================================
   HOME PAGE – WHAT WE DO
   ============================================================ */

/* Section band */
.scs-home-whatwedo{
  text-align:center;
  background: var(--bg-light-2);
}

/* Inner content width + centering */
.scs-home-whatwedo-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* heading is handled globally; just tweak margin if needed */
.scs-home-whatwedo-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* intro paragraphs */
.scs-home-whatwedo-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

.scs-home-whatwedo-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* "WE HELP YOU:" label */
.scs-home-whatwedo-label{
  max-width:42rem;
  margin:0.5rem auto 0.75rem;
  /*text-transform:uppercase;
  letter-spacing:0.14em;*/
  font-weight:600;
  text-align:left;
      font-family: var(--font-heading) !important;
          font-size: var(--fs-h6) !important;
}

/* bullet list container column */
.scs-home-whatwedo-grid{
  justify-content: center !important;
  margin-left:5rem;
}

/* bullet list container */
.scs-home-whatwedo-list{
  max-width:42rem;
  margin:0 auto 0.1rem;
  text-align:left;
}

/* each bullet line */
.scs-home-whatwedo-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-home-whatwedo-item img{
  margin-right:1rem;
  position:relative;
}

.scs-home-whatwedo-item:hover{
  color:var(--blue-midnight);
}

/* outro sentence */
.scs-home-whatwedo-outro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin:1rem auto 2.2rem;
  font-weight: 400 !important;
}

/* button in this section */
.scs-home-whatwedo .bt{
  min-width: 210px;
}


/* ============================================================
   HOME PAGE – HOW WE HELP
   ============================================================ */

/* Section band */
.scs-home-howwehelp{
  text-align:center;
  /*background: var(--bg-light-1);*/
      background: var(--white);
}

/* Inner content width + centering */
.scs-home-howwehelp-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* heading is handled globally; just tweak margin if needed */
.scs-home-howwehelp-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro line under heading */
.scs-home-howwehelp-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-home-howwehelp-row{
  display: flex !important;               
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* flexible columns */
.scs-home-howwehelp-row .zpelem-col{
  flex:1 1 560px !important;
  max-width:560px;
  padding:12px !important;
  display:flex !important;
}

/* base card styling */
.scs-home-howwehelp-card{
  background-color: var(--bg-light-2);
  border-radius: var(--radius);
  padding: 24px 24px 24px 24px;
  box-shadow: var(--shadow-soft);
  border-top: 4px solid var(--gold);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.scs-home-howwehelp-card{
  cursor: pointer;
  transition: transform 0.20s ease, box-shadow 0.20s ease, background-color 0.20s ease;
}

/* Card hover for HOW WE HELP */
.scs-home-howwehelp-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-medium);
  background-color: var(--bg-light-1);
}

.scs-home-howwehelp-card:hover .scs-home-howwehelp-card-title a{
  color: var(--blue-midnight) !important;
  text-decoration: underline !important;
}

/* Titles inside How We Help cards */
.scs-home-howwehelp-card-title .zptext {
      font-family: var(--font-heading) !important;
      font-size: var(--fs-h3) !important;
      color: var(--blue-royal);
      line-height: 1.4 !important;
      font-weight: 600 !important;
      margin-bottom: 0.4rem;
}

/* If the title is a link */
.scs-home-howwehelp-card-title a{
  color: var(--blue-royal);
  text-decoration: none;
}

/* Body text inside cards */
.scs-home-howwehelp-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}


/* ============================================================
   HOME PAGE – WHY WORK WITH SHREE
   ============================================================ */

/* Section band */
.scs-home-whyshree{
  background: var(--bg-light-2);
  text-align: center;
}

/* Inner content width + centering */
.scs-home-whyshree-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Heading spacing */
.scs-home-whyshree-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro paragraph */
.scs-home-whyshree-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-home-whyshree-row{
  display: flex !important;               
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* flexible columns */
.scs-home-whyshree-row .zpelem-col{
  flex:1 1 560px !important;
  max-width:560px;
  display:flex !important;
        margin: 0 0 0;
      padding: 0 0 0;
}

/* Individual item */
.scs-home-whyshree-card{
  padding: 6px 24px 6px 24px;
  transition: transform 0.18s ease, box-shadow 0.25s ease;
}

/* Titles */
.scs-home-whyshree-card-title{
    position: relative;
    padding-bottom: 0.1rem;
}

/* Subtle accent underline on title */
.scs-home-whyshree-card-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 40px;
  height: 2px;
  background: var(--gold);
  opacity: 0.75;
}

/* Body copy */
.scs-home-whyshree-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Slight emphasis on hover */
.scs-home-whyshree-card:hover .scs-home-whyshree-card-title{
  color: var(--blue-midnight);
}
.scs-home-whyshree-card:hover .scs-home-whyshree-card-body{
  color: var(--ink);
}

.scs-home-whyshree-card:hover{
  box-shadow: var(--shadow-medium);
}

/* Button alignment */
.scs-home-whyshree .btn{
  margin-top: 2.5rem;
  min-width: 210px;
}

 
/* ============================================================
   HOME PAGE – WHO WE SERVE
   ============================================================ */

/* Section band */
.scs-home-whoweserve{
  background: var(--white);
  text-align: center;
}

/* Inner content width + centering */
.scs-home-whoweserve-inner{
  max-width: 1440px;
  margin: 0 auto;
}

/* Heading tweak */
.scs-home-whoweserve-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro */
.scs-home-whoweserve-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* Row with four audiences – behaves like a responsive flex row */
.scs-home-whoweserve-row{
  max-width: 1440px;
  margin: 0 auto;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* Each Zoho column */
.scs-home-whoweserve-row .zpelem-col{
  flex: 1 1 260px !important;  /* min width ~260px then wrap */
  max-width: 320px;
  display: flex !important;
  justify-content: center;
}

/* Individual audience block */
.scs-home-whoweserve-card{
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  padding: 0 24px 12px 24px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Titles */
.scs-home-whoweserve-card-title{
    position: relative;
    margin-bottom: 0.1rem;
}

/* Body text */
.scs-home-whoweserve-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 0.5rem;
  font-weight: 400 !important;
}

/* Hover: subtle lift */
.scs-home-whoweserve-card:hover{
  box-shadow: var(--shadow-strong);
}
.scs-home-whoweserve-card:hover .scs-home-whoweserve-card-title{
  color: var(--blue-midnight);
}


/* ============================================================
   HOME PAGE – ABOUT SHREE CONSULTING SERVICES
   ============================================================ */

/* Section band */
.scs-home-aboutshree{
background: var(--bg-light-2);
  text-align: center;
}

/* Inner content width + centering */
.scs-home-aboutshree-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Heading spacing */
.scs-home-aboutshree-title{
       text-align: center;  
  margin: 0 auto 4rem;
}

/* Two-column layout (image + text) */
.scs-home-aboutshree-row{
  max-width: 1150px;
  margin: 0 auto 1.5rem;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
  column-gap: 1rem;
}

/* Left column (image container) */
.scs-home-aboutshree-imagebox{
  flex: 1 1 380px !important;
  max-width: 440px;
  display: flex !important;
  justify-content: center;
}

/* Image styling */
.scs-home-aboutshree-image{
  width: 100%;
  max-width: 345px;
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.scs-home-aboutshree-image:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-medium);
}

/* Right column (text) */
.scs-home-aboutshree-content{
  flex: 1 1 520px !important;
  max-width: 800px;
  text-align: left;
      margin: 0 auto 0rem;
}

/* Text styling */
.scs-home-aboutshree-text .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 1rem 1rem 0rem;
  font-weight: 400 !important;
}
.scs-home-aboutshree-text span{
  display: block;
  margin-bottom: 1.1rem;
}

/* Button alignment */
.scs-home-aboutshree .btn{
  margin-top: 4.5rem;
      padding: 0.85rem 1.6rem;
      min-width: 210px;
}


/* ============================================================
   ABOUT PAGE – VISION / MISSION SECTION
   ============================================================ */

/* Section band */
.scs-about-vm-section{
  background: var(--bg-light-1);
  text-align: center;
}

/* Outer row containing the two columns */
.scs-about-vm-row{
  max-width: 1440px;
  margin: 0 auto 0;
  justify-content:center !important;
  text-align: center;
}

/* Make the two columns behave nicely and stay balanced */
.scs-about-vm-row .zpelem-col{
  flex: 1 1 340px !important;   
      justify-content:center !important;
  max-width: 800px;
  padding: 0rem 4.5rem 0.5rem 4.5rem;
}

/* Headings: Our Vision / Our Mission */
.scs-about-vm-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Paragraph copy under each heading */
.scs-about-vm-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 30rem;
  margin: 0 auto 0.5rem;
  font-weight: 400 !important;
}
.scs-about-vm-intro2 .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 30rem;
  margin: 0 auto 2rem;
  font-weight: 400 !important;
}


/* ============================================================
   ABOUT PAGE – WHAT WE BELIEVE
   ============================================================ */

/* Section band */
.scs-about-whatwebelieve{
  background: var(--bg-light-2);
  text-align:center;
}

/* Inner content width + centering */
.scs-about-whatwebelieve-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* heading tweak */
.scs-about-whatwebelieve-title{
       text-align: center !important;  
  margin: 0 auto 1.5rem;
}

/* intro paragraphs */
.scs-about-whatwebelieve-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

.scs-about-whatwebelieve-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* bullet list container column */
.scs-about-whatwebelieve-grid{
justify-content: center !important;
     margin-left:5rem;
}

/* bullet list container */
.scs-about-whatwebelieve-list{
  max-width:46rem;
    margin:0 auto 0.1rem;
  text-align:left;
}

/* each bullet line */
.scs-about-whatwebelieve-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-about-whatwebelieve-item img{
  margin-right:1rem;
  position:relative;
}

.scs-about-whatwebelieve-item:hover{
  color:var(--blue-midnight);
}

/* outro sentence */
.scs-about-whatwebelieve-outro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin:0.5rem auto 1.5rem;
  font-weight: 400 !important;
}

/* button in this section */
.scs-home-whatwedo .bt{
  min-width: 210px;
}


/* ============================================================
   ABOUT PAGE – OUR APPROACH
   ============================================================ */

/* Section band */
.scs-about-approach-section{
  background: var(--bg-light-1);
  text-align:center;
}

/* Heading already uses global h2; just adjust space */
.scs-about-approach-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro line under heading */
.scs-about-approach-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Row that holds the three columns */
.scs-about-approach-row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content:center !important;
  align-items: flex-start;
  gap: 3rem;                 
  max-width: 1440px;        
  margin: 0 auto;            
  padding: 1.5rem 2rem 0;
}

/* Columns */
.scs-about-approach-row .zpelem-col {
  flex: 1 1 0 !important;    
  min-width: 400px;          
  max-width: 400px;          
  margin-bottom: 0;
  padding: 12px 24px 12px 36px !important;
}

.scs-about-approach-row .zpelem-col:hover {
  box-shadow: var(--shadow-strong);
}

/* Column headings */
.scs-about-approach-card-title{
  margin-bottom: 1.5rem;
}

/* Intro paragraphs */
.scs-about-approach-card-intro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}
.scs-about-approach-card-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* closing paragraphs */
.scs-about-approach-card-outro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* bullet list container */
.scs-about-approach-list {
  margin:0.8rem 0 1.2rem;
  text-align:left;
}

/* each bullet line */
.scs-about-approach-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-about-approach-item img{
  margin-right:1rem;
  position:relative;
}

.scs-about-approach-item:hover{
  color:var(--blue-midnight);
}


/* ============================================================
   ABOUT PAGE– OUR STORY
   ============================================================ */

/* Section band */
.scs-about-ourstory {
  text-align:center;
  background: var(--bg-section-soft);
}

/* Centered content column */
.scs-about-ourstory-inner {
  max-width: 60rem;
  margin: 0 auto;
  text-align: center;
}

/* Section heading */
.scs-about-ourstory-title{
       text-align: center;  
  margin: 0 auto 0.5rem;
}

/* Story paragraphs */
.scs-about-ourstory-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

.scs-about-ourstory-intro span{
  display: block;
  margin-bottom: 1.1rem;
}


/* ============================================================
   ABOUT PAGE – WHAT SETS US APART (4-CARD GRID)
   ============================================================ */

/* Section band */
.scs-about-whatsetsapart {
  background: var(--bg-neutral);
  text-align:center;
}

/* Inner content width + centering */
.scs-about-whatsetsapart-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* heading is handled globally; just tweak margin if needed */
.scs-about-whatsetsapart-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* intro paragraphs */
.scs-about-whatsetsapart-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

.scs-about-whatsetsapart-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* row that holds the two columns */
.scs-about-whatsetsapart-row{
  display: flex !important;               
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* flexible columns */
.scs-about-whatsetsapart-row .zpelem-col{
  flex:1 1 560px !important;
  max-width:560px;
  display:flex !important;
  margin: 0 0 0;
  padding: 0 0 0;
}

/* Individual item */
.scs-about-whatsetsapart-card{
  padding: 0px 24px 12px 24px;
 transition: transform 0.18s ease, box-shadow 0.25s ease;
}

/* Titles */
.scs-about-whatsetsapart-card-title{
    position: relative;
    padding-bottom: 0.1rem;
}

/* Subtle accent underline on title */
.scs-about-whatsetsapart-card-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 40px;
  height: 2px;
  background: var(--gold);
  opacity: 0.75;
}

/* Body copy */
.scs-about-whatsetsapart-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Slight emphasis on hover */
.scs-about-whatsetsapart-card:hover .scs-about-whatsetsapart-card-title{
  color: var(--blue-midnight);
}
.scs-about-whatsetsapart-card:hover .scs-about-whatsetsapart-card-body{
  color: var(--ink);
}

.scs-about-whatsetsapart-card:hover{
  background-color: var(--bg-light-1);
      box-shadow: var(--shadow-medium);
}


/* ============================================================
   ABOUT PAGE – ABOUT THE FOUNDER SECTION
   ============================================================ */

/* Section band */
.scs-about-founder {
  text-align:center;
  background: var(--bg-home-cta); 
}

.scs-about-founder-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Section heading */
.scs-about-founder-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

.scs-about-founder-name .zptext{
       text-align: center;  
  font-family: var(--font-heading);
  font-size: var(--fs-h3) !important;
  color: var(--blue-midnight);
  margin: 0 0 0rem;
  font-weight: 600;
}

.scs-about-founder-role .zptext{
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
  opacity: 0.9;
}

.scs-about-founder-intro .zptext{
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-about-founder-grid{
  display: flex;               
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* each column */
.scs-about-founder-grid .zpelem-col {
  flex: 1 1 260px !important;
  max-width: 540px;
  padding: 0 !important;  
  display: flex !important;
      justify-content: space-between !important;
}

/* bullet list container */
.scs-about-founder-list{
  max-width:32rem;
    margin:0 auto 0.1rem;
  text-align:left;
}

/* each bullet line */
.scs-about-founder-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-about-founder-item img{
  margin-right:1rem;
  position:relative;
}

.scs-about-founder-item:hover{
  color:var(--blue-midnight);
}

.scs-about-founder-body .zptext{
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 65rem;
  margin: 0.5rem auto 0;
  font-weight: 400 !important;
}

.scs-about-founder-bottom .zptext{
  max-width: 65rem;
  margin: 0.5rem auto 1.5rem;
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: 600;
  color: var(--blue-midnight);
}


/* ============================================================
   ABOUT PAGE – OUR VALUES SECTION
   ============================================================ */

/* Outer band */
.scs-about-ourvalues{
  background: var(--bg-band-soft);
    text-align: center;
}

/* Inner content width + centering */
.scs-about-ourvalues-inner{
  max-width: 1100px;
  margin: 0 auto;
    justify-content: center !important;
}

/* Section heading */
.scs-about-ourvalues-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Small intro line under "Our Values" */
.scs-about-ourvalues-intro .zptext{
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 40rem;
  margin: 0 auto 0.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-about-ourvalues-row{
  display: flex;               
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Each Zoho column */
.scs-about-ourvalues-row .zpelem-col{
 /* flex: 1 1 calc(33.333% - 1.2rem);  */
      flex: 1 1 300px !important;
  max-width: 360px;
  padding: 0 0.5rem 0rem;
    margin: 0 0 0;
  display: flex !important;
  justify-content: space-between !important;
}

/* Individual block */
.scs-about-ourvalues-card{
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: 0.6rem;
  text-align: left;
  padding: 0 24px 12px 24px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Titles */
.scs-about-ourvalues-card-title{
    position: relative;
    margin-bottom: 0.1rem;
}

/* Subtle accent underline on title */
.scs-about-ourvalues-card-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 40px;
  height: 2px;
  background: var(--gold);
  opacity: 0.75;
}

/* Body text */
.scs-about-ourvalues-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* Slight emphasis on hover */
.scs-about-ourvalues-card:hover .scs-about-ourvalues-card-title{
  color: var(--blue-midnight);
}
.scs-about-ourvalues-card:hover .scs-about-ourvalues-card-body{
  color: var(--ink);
}
.scs-about-ourvalues-card:hover{
  box-shadow: var(--shadow-medium);
}



/* ============================================================
   SERVICES PAGE – HOW WE SUPPORT YOUR WORK
   ============================================================ */

/* Outer band */
.scs-services-howwesupport{
  background: var(--soft-blue); 
  text-align: center;
}

/* Inner width + centering */
.scs-services-howwesupport-inner{
  max-width: 1440px;
  margin: 0 auto 0;
}

/* Section heading */
.scs-services-howwesupport-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* First paragraph (slightly stronger lead) */
.scs-services-howwesupport-lead  .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-h5) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* Second paragraph (supporting copy) */
.scs-services-howwesupport-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 2.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-services-howwesupport-row{
  display: flex !important;               
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* flexible columns */
.scs-services-howwesupport-row .zpelem-col{
  flex: 1 1 calc(50% - 2rem); /* two per row */
  min-width: 360px; 
  display:flex !important;
  margin-bottom: 2.5rem;
}

/* Individual item */
.scs-services-howwesupport-card{
  /*padding: 24px 24px 24px 24px;*/
    padding: 36px 36px 36px 36px;
  background: var(--bg-light-1);
  border-radius: var(--radius);
  padding: 0 2rem;
  box-shadow: var(--shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.scs-services-howwesupport-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-strong);
}

/* Eyebrow (Service Category Label) */
.scs-services-howwesupport-card-eyebrow .zptext{
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: 0.85rem;
      font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--blue-midnight);
  margin-bottom: 0.1rem;
}

/* Title */
.scs-services-howwesupport-card-title{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* Subtitle */
.scs-services-howwesupport-card-subtitle {
  font-weight: 500;
  color: var(--blue-midnight);
        margin-top: 0.3rem;
  margin-bottom: 1rem;
}

/* Body */
/* Ideal For description */
.scs-services-howwesupport-card-intro {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* bullet list label */
/* Ideal For heading */
.scs-services-howwesupport-card-listlabel {
  text-align:left;
  font-family: var(--font-heading);
 font-size: var(--fs-h6) !important;
  font-weight: 600; 
  color: var(--blue-midnight);
  margin-top: 1rem;
  margin-bottom: 0.7rem;
}

/* each bullet line */
.scs-services-howwesupport-card-listitem{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-services-howwesupport-card-listitem img{
  margin-right:1rem;
  position:relative;
}
.scs-services-howwesupport-card-listitem:hover{
  color:var(--blue-midnight);
}


/* ============================================================
   SERVICES PAGE – WAYS WE WORK WITH CLIENTS 4-CARD LAYOUT
   ============================================================ */

/* Section band */
.scs-services-engagement{
  background: var(--bg-light-2);
  text-align:center;
}

/* Inner content width + centering */
.scs-services-engagement-inner{
  max-width: 1440px;
  margin: 0 auto;
}

/* Section heading */
.scs-services-engagement-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* intro paragraph */
.scs-services-engagement-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 40rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* row that holds the columns */
.scs-services-engagement-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  text-align: left;
}

/* flexible columns */
.scs-services-engagement-row .zpelem-col{
  flex:1 1 260px !important;
  max-width:320px;
  display:flex !important;
}

/* Individual card styling */
.scs-services-engagement-card{
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  padding: 0 24px 12px 24px;
  background-color: var(--bg-light-2);
  box-shadow: var(--shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.scs-services-engagement-card:hover{
  box-shadow: var(--shadow-medium);
}

/* card Titles */
.scs-services-engagement-card-title{
    position: relative;
    margin-bottom: 0.1rem;
}

/* Body text */
.scs-services-engagement-card-body .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}


/* ============================================================
   INSIGHTS PAGE – WHY WORK WITH A CONSULTING PARTNER SECTION
   ============================================================ */

/* Outer band */
.scs-insights-whyshree{
  background: var(--white); 
  text-align: center !important;
}

/* Inner width + centering */
.scs-insights-whyshree-inner{
  max-width: 1200px;
  margin: 0 auto 0;
}

/* Section heading */
.scs-insights-whyshree-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro paragraph */
.scs-insights-whyshree-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

.scs-insights-whyshree-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* Row that holds the two columns */
.scs-insights-whyshree-row2{
  display: flex;
  flex-wrap: wrap;
  justify-content:center !important;
  align-items: flex-start;
  gap: 3rem;
  padding: 1.5rem 0 0;
  margin: 0 auto; 
  box-sizing: border-box;
}

/* flexible columns */
.scs-insights-whyshree-row2 .zpelem-col {
  flex: 1 1 0; 
  min-width: 560px;
  max-width: 600px;
  padding: 12px 24px 12px 36px !important;
  margin-bottom: 0;
}

.scs-insights-whyshree-row2 .zpelem-col:hover {
  box-shadow: var(--shadow-strong);
}

/* Column headings */
.scs-insights-whyshree-card-title{
  margin-bottom: 1.5rem;
}

/* Body copy in each column */
.scs-insights-whyshree-card-intro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 0.5rem;
  font-weight: 400 !important;
}

.scs-insights-whyshree-card-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* bullet list label */
.scs-insights-whyshree-card-listlabel {
  text-align:left;
  font-family: var(--font-heading);
 font-size: var(--fs-h6) !important;
  font-weight: 600; 
  color: var(--blue-midnight);
  margin-top: 1rem;
  margin-bottom: 0.7rem;
}

/* bullet list container */
.scs-insights-why-list{
    margin:0.1rem 0 1.2rem;
  text-align:left;
}

/* each bullet line */
.scs-insights-why-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-insights-why-item img{
  margin-right:1rem;
  position:relative;
}

.scs-insights-why-item:hover{
  color:var(--blue-midnight);
}

/* Body copy in each column */
.scs-insights-whyshree-card-outro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}


/* ============================================================
   INSIGHTS PAGE – WHAT WE DO SECTION
   ============================================================ */

/* Outer band */
.scs-insights-whatwedo{
  background: var(--bg-page);   
  text-align: center !important;
}

/* Section heading */
.scs-insights-whatwedo-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

.scs-insights-whatwedo-intro  .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Shared row styling */
.scs-insights-whatwedo-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  gap: 3rem;
  max-width: 1440px;         
  margin: 0 auto;            
  padding: 1.5rem 2rem 0;
}
/* Columns */
.scs-insights-whatwedo-row .zpelem-col {
  flex: 1 1 0 !important;    
  min-width: 400px;          
  max-width: 400px;          
  margin-bottom: 0;
  padding: 12px 24px 12px 36px !important;
}

.scs-insights-whatwedo-row .zpelem-col:hover {
  box-shadow: var(--shadow-strong);
}

/* Column card base
.scs-insights-whatwedo-card{
      flex: 1 1 0 !important;    
  min-width: 400px;          
  max-width: 400px;      
    margin-bottom: 0;
    padding: 12px 24px 12px 36px !important;
}

.scs-insights-whatwedo-card:hover {
  box-shadow: var(--shadow-strong);
} */

/* 3-column row sizing 
.scs-insights-whatwedo-row3 .scs-insights-whatwedo-card{
  flex: 1 1 0 !important;    
  min-width: 400px;          
  max-width: 400px;         
}*/

/* 2-column row sizing
.scs-insights-whatwedo-row2 .scs-insights-whatwedo-card{
  flex: 1 1 0 !important;    
  min-width: 400px;          
  max-width: 400px;   
} */

/* Block headings */
.scs-insights-whatwedo-card-title{
  margin-bottom: 1.5rem;
}

/* Body copy in each column */
.scs-insights-whatwedo-card-intro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Body copy in each column */
.scs-insights-whatwedo-card-outro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* bullet list container */
.scs-insights-whatwedo-list{
  margin:0.8rem 0 1.2rem;
  text-align:left;
}

/* each bullet line */
.scs-insights-whatwedo-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-insights-whatwedo-item img{
  margin-right:1rem;
  position:relative;
}

.scs-insights-whatwedo-item:hover{
  color:var(--blue-midnight);
}


/* ============================================================
   INSIGHTS PAGE– MESSAGE FROM THE FOUNDER
   ============================================================ */

/* Section band */
.scs-insights-foundermessage {
  background: var(--bg-home-hero);
      text-align:center;
}

/* Section heading */
.scs-insights-foundermessage-titel{
       text-align: center;  
  margin: 0 auto 2rem;
}

/* Story paragraphs */
.scs-insights-foundermessage-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important; 
  max-width: 56rem;
  margin: 0 auto 1rem;
  font-weight: 400 !important;
}

/* Base styling – keep spans as block paragraphs */
.scs-insights-foundermessage-intro span{
  display: block;
  margin-bottom: 1.1rem;
}

/* Signature line */
.scs-insights-foundermessage-signoff .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important; 
  max-width: 56rem;
  margin: 0 auto 1.1rem;
  font-weight: 600 !important;
}


/* ============================================================
   CONTACT PAGE – INTRO + TWO-COLUMN CONTACT BLOCK
   ============================================================ */

/* Section wrapper */
.scs-contact-together{
  background: var(--white);
  text-align: center;
}

/* Inner body container */
.scs-contact-together-inner{
  max-width: 1100px;
  margin: 0 auto;
}

/* Section heading */
.scs-contact-together-title{
       text-align: center;  
  margin: 0 auto 1.5rem;
}

/* Intro text */
.scs-contact-together-intro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 58rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* row that holds the two columns */
.scs-contact-together-row{
  display: flex !important;               
  flex-wrap: wrap !important;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}

/* Each column (left + right) */
.scs-contact-together-left,
.scs-contact-together-right {
  flex: 1 1 480px;                 
  min-width: 420px;
}

/* Column headings */
.scs-contact-together-coltitle{
  margin: 0 0 1rem;   
}

/* bullet list label */
.scs-contact-together-listlabel {
  text-align:left;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 600; 
  color: var(--blue-midnight);
  margin-top: 1rem;
  margin-bottom: 0.7rem;
}

/* bullet list container */
.scs-contact-together-list{
  margin:0.1rem 0 1.2rem;
  text-align:left;
}

/* each bullet line */
.scs-contact-item{
  display:block;                 
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-contact-item img{
  margin-right:1rem;
  position:relative;
}

.scs-contact-item:hover{
  color:var(--blue-midnight);
}

/* Reach us column paragraphs */
.scs-contact-together-items .zptext{
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
      font-weight: 400 !important;
}

/* icon images */
.scs-contact-together-items img{
  margin-right:1rem;
  position:relative;
}

/* Footer note */
.scs-contact-together-outro .zptext {
  text-align:center;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 52rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}
    
    
/* =========================================================
   CONTACT PAGE — SCHEDULE A CONSULTATION
   ========================================================= */

/* Outer band */
.scs-contact-consult{
  background: var(--bg-light-2);
  text-align:center;
}

/* Inner content width + centering */
.scs-contact-consult-inner{
  max-width: 1200px;
  margin: 0 auto;
}

/* Section heading */
.scs-contact-consult-title{
       text-align: center;  
  margin: 0 auto 2rem;
}

/* Left intro column */
.scs-contact-consult-left{
     padding: 0rem 0rem 0rem 4.5rem;
}

.scs-contact-consult-intro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  margin: 0 auto 1.5rem 0;
  font-weight: 400 !important;
        max-width: 32rem;
}

/* Heading for lists */
.scs-contact-consult-list-label .zptext{
  text-align:left;
  font-family: var(--font-heading) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important; 
  color: var(--blue-midnight) !important;
  margin-top: 0;
  margin-bottom: 1rem;
        max-width: 32rem;
}

/* bullet list container */
.scs-contact-consult-list{
  margin:0.1rem auto 1.2rem 0;
  text-align:left;
    max-width: 32rem;
}

/* each bullet line */
.scs-contact-consult-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0 1rem 0;
  transition:color 0.15s ease;
}

/* arrow icon images */
.scs-contact-consult-item img{
  margin-right:1rem;
  position:relative;
}

.scs-contact-consult-item:hover{
  color:var(--blue-midnight);
}

/* Form column sizing (right) */
.scs-contact-consult-right{
  margin-bottom: 0.5rem;
}

/* Zoho form container width */
.scs-contact-consult .zpform-container{
  max-width: 38rem;
  margin-left: auto;
}

/* Form layout tightening */
.scs-contact-consult .zpform-container ul{
  margin: 0 auto;
  padding: 0;
}

.scs-contact-consult .zpform-container li{
  margin-bottom: 12px;       
}

/* Labels */
.scs-contact-consult .zpform-label-container,
.scs-contact-consult .zpform-label-container label,
.scs-contact-consult label {
  font-weight: 600;
  font-size: 0.9375rem;
  color: rgba(0,0,0,0.78);
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Inputs/select/textarea */
.scs-contact-consult .zpform-container input[type="text"],
.scs-contact-consult .zpform-container input[type="email"],
.scs-contact-consult .zpform-container input[type="tel"],
.scs-contact-consult .zpform-container select,
.scs-contact-consult .zpform-container textarea{
  width: 100% !important;
  max-width: 100%;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 0.98rem;
    height: 34px !important; 
    line-height: 34px !important;     
  box-sizing: border-box;
  background: #fff;
}

.scs-contact-consult select {
  height: 34px !important;          
  min-height: 34px !important;
  line-height: 34px !important;     
  padding: 0 12px !important;
  font-size: 0.98rem;
  box-sizing: border-box;
}

/* Ensure option text is readable */
.scs-contact-consult select option {
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Textarea height */
.scs-contact-consult .zpform-container textarea{
  min-height: 140px;
  resize: vertical;
}

/* Help text / examples under fields */
.scs-contact-consult .zpform-container small,
.scs-contact-consult .zpform-container .zpform-hint,
.scs-contact-consult .zpform-container .zpform-field-desc,
.scs-contact-consult .zpform-container .zpform-help-text{
  display: block;
  margin-top: 6px;
  color: rgba(0,0,0,0.55);
  font-size: 0.9rem;
  line-height: 1.45;
}

/* Focus state */
.scs-contact-section .zpform-container input:focus,
.scs-contact-section .zpform-container select:focus,
.scs-contact-section .zpform-container textarea:focus{
  outline: none;
  border-color: rgba(0,59,115,0.55);
  box-shadow: 0 0 0 3px rgba(0,59,115,0.12);
}

/* Submit button */
.scs-contact-consult .zpform-container button,
.scs-contact-consult .zpform-container input[type="submit"]{
  margin-top: 18px;
  padding: 12px 26px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Subtle hover lift (safe) */
.scs-contact-section .zpform-container button:hover,
.scs-contact-section .zpform-container input[type="submit"]:hover{
  transform: translateY(-1px);
}


/* =========================================================
   CONTACT PAGE — "What to Expect" + "Our Commitment" SECTION
   ========================================================= */

/* Outer band */
.scs-contact-expectations{
  background: var(--bg-light-1);
  text-align: center;
}

/* Outer row containing the two columns */
.scs-contact-expectations .zpcontainer,
.scs-contact-expectations .zpcnt{
  max-width: 1440px;
  margin: 0 auto;
}

/* Two-column layout */
.scs-contact-expectations-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;     
  align-items: flex-start;
  gap: 12rem;                   
  margin: 0 auto;
  width: 100%;
}

/* Columns */
.scs-contact-expectations-col{
  flex: 1 1 0;
  min-width: 0;                
    margin-bottom: 1.5rem;
}

/* Optional: keep column widths visually balanced */
.scs-contact-expectations-left{  max-width: 500px; }
.scs-contact-expectations-right{ max-width: 500px; }

/* Headings */
.scs-contact-expectations-title{
  margin: 0 0 1.5rem;
}

/* Subheads */
.scs-contact-expectations-subtitle{
  margin: 0 0 1.5rem;
}

/* 7) Body text tightening */
.scs-contact-expectations-intro .zptext {
  text-align:left;
  font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--ink) !important;
  max-width: 60rem;
  margin: 0 auto 1.5rem;
  font-weight: 400 !important;
}

/* bullet list container */
.scs-contact-expectations-list{
  max-width:57rem;
  margin:0.1rem auto 1.2rem 0;
  text-align:left;
}

/* each bullet line */
.scs-contact-expectations-item{
  display:block;
  align-items:flex-start;
  gap:0.5rem;
  margin:0.25rem 0 0;
  transition:color 0.15s ease;
}
/* each bullet line */
.scs-contact-expectations-item2 .zptext{
  display:block;
  align-items:flex-start;
  margin:0 0 1rem;
  transition:color 0.15s ease;
      font-family: var(--font-body) !important;
  font-size: var(--fs-body) !important;
  color: var(--ink) !important;
      font-weight: 400 !important;
      line-height: var(--lh-body) !important;
    padding:0 0 0 0;
    margin-top: 0 !important;
}
/* Reduce gap between expectation heading and description */
.scs-contact-expectations-item h6{
  margin-bottom: 0 !important;
}

.scs-contact-expectations-item2 p{
  margin-top: 0 !important;
}

/* arrow icon images */
.scs-contact-expectations-item img{
  margin-right:1rem;
  position:relative;
}

.scs-contact-expectations-item:hover{
  color:var(--blue-midnight);
}










/* ============================================================
   RESPONSIVE OVERRIDES (Tablet + Mobile)
   Add this at the VERY END of the stylesheet
   ============================================================ */

/* -----------------------------
   <= 1024px (Tablet landscape)
   ----------------------------- */
@media (max-width: 1024px){

  /* Typography scale down (keeps hierarchy consistent) */
  :root{
    --fs-h1: 2.15rem;   /* ~34px */
    --fs-h2: 1.95rem;   /* ~31px */
    --fs-h3: 1.3rem;   /* ~25px */
    --fs-h4: 1.25rem;   /* ~20px */
    --fs-h5: 1.125rem;
    --fs-h6: 1.0625rem;
    --fs-body: 1.0625rem; /* ~17px */
  }

  /* Reduce hero padding */
  .scs-home-hero,
  .scs-about-hero,
  .scs-services-hero,
  .scs-insights-hero,
  .scs-contact-hero{
    padding: 3rem 1.25rem 3rem;
  }

  /* Long “3-card rows” should wrap on tablet */
  .scs-about-approach-row,
  .scs-insights-whatwedo-row{
    flex-wrap: wrap !important;
    gap: 1.5rem;
    padding: 1rem 1.25rem 0;
  }
  .scs-about-approach-row .zpelem-col,
  .scs-insights-whatwedo-row .zpelem-col{
    max-width: 680px;
    padding: 12px 18px !important;
  }

  /* Insights rows (avoid cramped columns) */
  .scs-insights-whyshree-row2,
  .scs-insights-whatwedo-row{
    gap: 1.5rem;
    padding: 1rem 1.25rem 0;
  }

  /* Remove large left offsets that will look “off-center” */
  .scs-home-whatwedo-grid,
  .scs-about-whatwebelieve-grid{
    margin-left: 0 !important;
  }

  /* Footer: stop forcing huge fixed widths on tablet */
  .scs-common-footer-brand{
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 320px !important;
  }
      .scs-common-footer-qquicklinks{
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 150px !important;

  }
  
  .scs-common-footer-contact{
 flex: 1 1 100% !important;
  }
}


/* -----------------------------
   <= 768px (Tablet portrait / large phones)
   ----------------------------- */
@media (max-width: 768px){

  :root{
    --fs-h1: 1.95rem;     /* ~31px */
    --fs-h2: 1.75rem;     /* ~28px */
    --fs-h3: 1.3rem;     /* ~22px */
    --fs-h4: 1.125rem;   /* ~20px */
    --fs-h5: 1.0625rem;
    --fs-h6: 1.0rem;
    --fs-body: 1.0rem;    /* 16px */
    --lh-body: 1.6;
  }

  /* CTA buttons: allow full width on smaller screens */
  .btn{
    padding: .8rem 1.1rem;
    white-space: normal;
  }
  .scs-home-cta .btn,
  .scs-about-cta .btn,
  .scs-services-cta .btn,
  .scs-insights-cta .btn,
  .scs-contact-cta .btn,
  .scs-about-hero-cta .btn,
  .scs-services-hero-cta .btn,
  .scs-insights-hero-cta .btn,
  .scs-contact-hero-cta .btn{
    min-width: 0 !important;
    width: 100%;
    max-width: 420px;
  }

  /* Home Expertise: force clean single-column stacking */
  .scs-home-expertise-grid .zpelem-col{
    flex: 1 1 100% !important;
    max-width: 680px;
  }

  /* Home How We Help cards: single column */
  .scs-home-howwehelp-row .zpelem-col{
    flex: 1 1 100% !important;
    max-width: 680px;
    padding: 10px !important;
  }

  /* Why Shree: single column */
  .scs-home-whyshree-row .zpelem-col{
    flex: 1 1 100% !important;
    max-width: 680px;
  }

  /* Who We Serve: reduce card padding */
  .scs-home-whoweserve-card{
    padding: 0 16px 12px 16px;
  }

  /* Home About: stack image + text cleanly */
  .scs-home-aboutshree-row{
    row-gap: 1.25rem;
  }
  .scs-home-aboutshree-imagebox{
    flex: 1 1 100% !important;
    max-width: 245px;
    text-align: center;
    }
    
  .scs-home-aboutshree-content{
    flex: 1 1 100% !important;
    max-width: 680px;
    text-align: center;
  }
  .scs-home-aboutshree-text .zptext{
    text-align: center !important;
    margin: 0 0 1rem 0;
  }
  .scs-home-aboutshree .btn{
    margin-top: 1.5rem;
  }

  /* About VM columns: remove heavy side padding */
  .scs-about-vm-row .zpelem-col{
    padding: 0rem 1.25rem 0.5rem 1.25rem;
    max-width: 680px;
    margin: 0 auto;
  }

  /* About Values: 3-across -> 2-across */
  .scs-about-ourvalues-row .zpelem-col{
    flex: 1 1 calc(50% - 1.2rem);
    max-width: 520px;
  }

  /* Services “How we support”: remove hard min widths (prevents overflow) */
  .scs-services-howwesupport-row .zpelem-col,
    .scs-insights-whyshree-row2 .zpelem-col{
    flex: 1 1 100%;
    min-width: 0;
    max-width: 680px;
    margin-bottom: 1.5rem;
  }
  .scs-services-howwesupport-card{
    padding: 0 1.25rem;
  }

  /* Contact page: kill min-widths that break phone layouts */
  .scs-contact-together-left,
  .scs-contact-together-right{
    flex: 1 1 100%;
    min-width: 0;
  }

  /* Contact expectations: tighten massive gap */
  .scs-contact-expectations-row{
    gap: 2rem;
  }

  /* Footer: stack to two rows gracefully */
  .scs-common-footer-row{
    gap: 1.25rem;
  }
  .scs-common-footer-brand{
    flex: 1 1 100% !important;
  }
      .scs-common-footer-qquicklinks{
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 150px !important;

  }
  .scs-common-footer-contact{
 flex: 1 1 100% !important;
  }
}


/* -----------------------------
   <= 480px (Phones)
   ----------------------------- */
@media (max-width: 480px){

  :root{
    --fs-h1: 1.75rem;   /* ~28px */
    --fs-h2: 1.55rem;   /* ~25px */
    --fs-h3: 1.25rem;   /* ~20px */
    --fs-h4: 1.125rem;   /* ~20px */
    --fs-h5: 1.0625rem;
    --fs-h6: 1.0rem;
    --fs-body: 1.0rem;  /* 16px */
    --lh-body: 1.6;
  }
   
  /* Global padding tightening */
  .scs-home-hero,
  .scs-about-hero,
  .scs-services-hero,
  .scs-insights-hero,
  .scs-contact-hero{
    padding: 2.25rem 1rem 2.25rem;
  }

  /* Reduce heavy card paddings */
  .scs-home-howwehelp-card{
    padding: 18px;
  }
  .scs-home-whyshree-card{
    padding: 10px 14px;
  }

  /* Lists: ensure icons don’t push lines awkwardly */
  .scs-home-whatwedo-item img,
  .scs-about-whatwebelieve-item img,
  .scs-about-approach-item img,
  .scs-contact-item img,
  .scs-contact-consult-item img{
    margin-right: .65rem;
  }

  /* Form: ensure container does not overflow */
  .scs-contact-consult .zpform-container{
    max-width: 100%;
    margin-left: 0;
  }
}





/* ---------- Small phone (<= 480px) ---------- */
@media (max-width: 480px){

  /* Tighten bottom legal line spacing */
  .scs-common-footer-bottom{
    margin-top: 1.25rem !important;
    padding-top: 1rem !important;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: center;
  }
}



.scs-home-hero .zphero-slide .zpslider-img{
  opacity: 0.4;
  z-index: 0;             
    filter: saturate(0.85) contrast(0.95);
);

}
.scs-home-hero .zphero-slide .zphero-slider-container{
  position: relative;
  z-index: 2;
}

.scs-about-hero .zphero-slide .zpslider-img{
  opacity: 0.4;
  z-index: 0;             
}
.scs-about-hero .zphero-slide .zphero-slider-container{
  position: relative;
  z-index: 2;
}

.scs-services-hero .zphero-slide .zpslider-img{
  opacity: 0.1;
  z-index: 0;             
}
.scs-services-hero .zphero-slide .zphero-slider-container{
  position: relative;
  z-index: 2;
}

.scs-insights-hero .zphero-slide .zpslider-img{
  opacity: 0.4;
  z-index: 0;             
}
.scs-insights-hero .zphero-slide .zphero-slider-container{
  position: relative;
  z-index: 2;
}

.scs-contact-hero .zphero-slide .zpslider-img{
  opacity: 0.4;
  z-index: 0;             
}
.scs-contact-hero .zphero-slide .zphero-slider-container{
  position: relative;
  z-index: 2;
}

.zpslider-img{
  opacity: 0.4;
  z-index: 0;             
}



/*1A2733*/