/*common style start*/
@font-face {
  font-family: Montserrat-Regular;
  src: url(/wp-content/themes/technorhythms/assets/fonts/Montserrat/static/Montserrat-Regular.ttf);
}

@font-face {
  font-family: Montserrat;
  src: url(/wp-content/themes/technorhythms/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}


@font-face {
  font-family: DMSans-Regular;
  src: url(/wp-content/themes/technorhythms/assets/fonts/DM_Sans/static/DMSans-Regular.ttf);
}

@font-face {
  font-family: DMSans;
  src: url(/wp-content/themes/technorhythms/assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf);
}

@font-face {
  font-family: Be-Vietnam-Pro;
  src: url(/wp-content/themes/technorhythms/assets/fonts/be_vietnam_pro/ttf/BeVietnamPro-Medium.ttf);
}

/* ---------- Global Tokens ---------- */
:root {
  --bg: #ffffff;
  --fg: #0b0b0b;
  --muted: #6b737d;
  --accent: #0066ff;
  --line: #eaeaea;
  --soft: #f7f8f9;
  --radius: 18px;
  --shadow: 0 12px 36px rgba(0,0,0,.08);
  --pad: clamp(16px, 3vw, 28px);
  --sectionY: clamp(60px, 9vw, 110px);
}

/* ---------- Base ---------- */
* { box-sizing: border-box; }
body {
  font: 400 16px/1.65 "Inter", system-ui, -apple-system, sans-serif;
  color: var(--fg);
  margin: 0;
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
  font-family: "Montserrat", "Inter", system-ui, sans-serif;
  font-weight: 800;
  margin: 0 0 20px;
}

a { color: inherit; text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--accent); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--pad); }

a:hover{
    color: #0718a1 !important;
}
a.btn.btn--ghost:hover {
    color: #fff !important;
}
a.btn.btn-primary:hover {
    color: #000 !important;
}


.container {
    max-width: 1320px !important;
    margin: 0px auto;
}
.full-width-row {
  width: 100vw  !important;
}
img {
    width: 100%;
    height: auto;
}

/* ---------- Sections ---------- */
section {
  padding: var(--sectionY) 0;
  border-top: 1px solid var(--line);
  background: var(--bg);
}
.sec--soft { background: var(--soft); }
.sec--white { background: #fff; }








/* =========================================================
   TECHNORHYTHMS — HEADER & NAVBAR FINAL
   ========================================================= */

/* ---------------- Base Navbar ---------------- */

.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ---------------- Brand Logo ---------------- */
.navbar-brand img {
  height: 42px;
  width: auto;
  filter: brightness(0) saturate(100%) invert(0) contrast(120%);
  transition: filter 0.25s ease-in-out, transform 0.25s ease;
}

.navbar-brand img:hover {
  filter: brightness(0) saturate(100%) invert(20%) contrast(140%);
  transform: scale(1.04);
}

/* ---------------- Nav Links ---------------- */
.navbar-nav .nav-link {
  color: #2d2d2d;
  font-weight: 500;
  padding: 0.75rem 1rem;
  font-size: 0.96rem;
  transition: color 0.2s ease, background 0.2s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active > .nav-link {
  color: #0b5fff;
}

/* ---------------- Dropdown ---------------- */
.navbar .dropdown-menu {
  border-radius: 12px;
  border: 1px solid #e6e9f0;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  padding: 8px;
  background: #fff;
  min-width: 220px;
}

.navbar .dropdown-item {
  border-radius: 8px;
  padding: 10px 14px;
  color: #333;
  font-size: 0.95rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.navbar .dropdown-item:hover {
  background-color: #f3f5ff;
  color: #0b5fff;
}

/* ---------------- Search Bar ---------------- */
.search-form .input-group {
  display: flex;
  align-items: center;
}

.search-form input[type="text"] {
  border: 1px solid #d8dbe2;
  border-right: none;
  border-radius: 20px 0 0 20px;
  padding: 8px 14px;
  height: 38px;
  font-size: 0.95rem;
  outline: none;
}

.search-form input::placeholder {
  color: #aaa;
}

.search-form .btn {
  background: #0b5fff;
  color: #fff;
  border-radius: 0 20px 20px 0;
  border: none;
  height: 38px;
  font-weight: 600;
  padding: 0 16px;
  transition: background 0.2s ease;
}

.search-form .btn:hover {
  background: #0849cc;
}

/* ---------------- Sticky Navbar ---------------- */
.navbar.fixed-top {
  background: #fff !important;
  border-bottom: 1px solid #eaecef;
  box-shadow: none;
  transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

.navbar.fixed-top.nav-scrolled {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: transparent;
  backdrop-filter: saturate(160%) blur(6px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
}

.navbar.fixed-top.nav-scrolled .navbar-brand img {
  filter: brightness(0) saturate(100%) invert(10%) contrast(140%);
}

/* Maintain layout stability */
body.has-fixed-nav {
  padding-top: var(--nav-h, 72px);
}

/* ---------------- Responsive ---------------- */
@media (max-width: 992px) {
  .navbar {
    padding: 0.6rem 0;
  }

  .navbar-nav {
    margin-top: 0.75rem;
  }

  .navbar-nav .nav-link {
    padding: 0.6rem 1rem;
  }

  .search-form {
    margin-top: 0.75rem;
  }
}








/* =========================================================
   HERO
   ========================================================= */
.home-highlight {
  color: #0066FF;
}

.hero--split {
  min-height: 90vh;
  display: flex;
  align-items: center;
  position: relative;
  background-image: url("../assets/images/hero-bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.hero-copy h1 { margin-bottom: 10px; }
.hero-copy .lead {
  color: #4e5560;
  max-width: 600px;
  margin-bottom: 20px;
}
.hero .actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.hero-features {
  list-style: none;
  padding: 0;
  margin: 16px 0 20px;
  display: grid;
  gap: 10px;
}
.hero-features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.hero-features strong { display: block; }
.hero-features small { color: #6b737d; }
.hero-device img {
  max-width: 100%;
  filter: drop-shadow(0 22px 40px rgba(0,0,0,.15));
}
ul.hbanner {
    list-style-type: none !important;
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
ul.hbanner li {
    display: inline;
    float: left;
    font-size: 18px;
}
ul.hbanner li i {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #448c74ff;
}
ul.hbanner li span {
    margin-right: 20%;
    float: left;
    font-size: 15px;
    line-height: 19px;
    margin-top: 10px;
}
/* Buttons */
.btn {
  border-radius: 999px;
  font-weight: 600;
  padding: .8rem 1.3rem;
  border: 1px solid #000;
}
.btn-primary { background: #111; color: #fff; }
.btn-primary:hover { opacity: .9; }
.btn--ghost {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}
.btn--ghost:hover { background: #111; color: #fff; }

/* =========================================================
   GRID UTILITIES
   ========================================================= */
.tr-grid { display: grid; gap: 18px; }
.tr-3 { grid-template-columns: repeat(3, 1fr); }
.tr-4 { grid-template-columns: repeat(4, 1fr); margin-top: 40px; }
@media (max-width: 992px) {
  .tr-3, .tr-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .tr-3, .tr-4 { grid-template-columns: 1fr; }
}



/*header start*/

body.home nav#header{
	background: #f0f9ff !important;
    border-bottom: 0px solid #eaecef;
}
nav#header{
    padding: 12px 0px 12px;
    z-index: 999 !important;
	background: #ffffff !important;
    border-bottom: 1px solid #eaecef;
}
div#navbar {
    display: flex; 
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
ul#menu-main-menu {
    float: right;
    margin-right: 0px !important;
}
ul#menu-main-menu li.menu-item {
    margin: 0px 15px;
}
ul#menu-main-menu li a{
    font-family: Be-Vietnam-Pro;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
}
ul#menu-main-menu li.menu-item.current-menu-item a {
    font-weight: 800;
}
.cuslogo{
    text-align: center;
}
.navbar-brand img {
    height:42px !important;
}
ul#menu-main-menu li.menu-item-76 a {
    color: #000000;
    border-radius: 999px;
    font-weight: 500;
    padding: .8rem 1.3rem;
    border: 1px solid #000;
}
ul#menu-main-menu li.menu-item-76 a:hover {
    color: #fff !important;
}
ul#menu-main-menu li.menu-item-76 a:hover {
    background: #111;
    color: #fff;
}

/*header end*/

.gbg{
	background-color:#EAE7E8;
}
.textwhite{
	color: #fff !important;
}
.maroonbg{
	background-color: #2B1017 !important;
}

p,ul li{
	font-family: 'DMSans';
	font-weight: 400;
	font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #474752;
}
p{
    margin-bottom: 20px;
}
h1 {
    font-size: 48px !important;
    line-height: 52.8px !important;
    letter-spacing: -1.62px;
}
h1, h2, h3, h4, h5, h6{
    /* font-family: Montserrat; */
    font-family: 'DMSans';	
	font-weight: 800;
}
h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}
h3{
	font-size: 18px !important;
    line-height: 28px !important;
}
.btn:hover, .wp-block-button .wp-block-button__link:hover, a.btn.btn-primary:active {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
	box-shadow: none;
}
a.btn.btn--ghost:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
/*Home page start*/
/*Home page theme css start*/

/* =========================================================
   PROBLEM SECTION
   ========================================================= */
#problem h2 {
  font-size: clamp(28px, 4vw, 40px);
  color: #0b0b0b;
}
#problem .sub {
  max-width: 740px;
  color: var(--muted);
}

/* =========================================================
   APPROACH SECTION
   ========================================================= */
#approach .card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  padding: 0px 20px;
  transition: box-shadow .2s ease, transform .2s ease;
}
#approach .card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}

/* =========================================================
   PROOF SECTION
   ========================================================= */
.tr-stats .card {
  text-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}
.tr-stats h3 { font-size: 28px; color: #111; margin-bottom: 5px; }

/* =========================================================
   SERVICES SECTION
   ========================================================= */
.services .services-wrap {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr;
  gap: clamp(24px, 3vw, 40px);
  align-items: start;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.service-card {
  border-radius: var(--radius);
  padding: 22px;
  border: 1px solid var(--line);
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.service-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.service-card h3 a {
  font-weight: 700;
  color: #000;
}
.service-card p { color: var(--muted); }
.is-green { background: #e9f7ef; }
.is-yellow { background: #f7f5e6; }
.is-blue { background: #e7f0fb; }
.is-red { background: #faeaea; }

@media (max-width: 960px) {
  .services .services-wrap { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   CASE STUDIES (Dynamic Grid)
   ========================================================= */
.cases .cases-head {
  text-align: center;
  margin-bottom: 30px;
}
.cases .kicker {
  display: inline-block;
  font-size: .78rem;
  text-transform: uppercase;
  padding: .35rem .6rem;
  border: 1px solid #e1e5eb;
  border-radius: 999px;
  color: #59606a;
  background: #fff;
}
.cases-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.case-card {
  border: 1px solid #e3e6eb;
  border-radius: 24px;
  padding: 18px;
  background: #fff;
  transition: all .2s ease;
}
.case-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.case-body {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 10px;
}
.case-media img {
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,.1);
  width: 100%;
  height: auto;
}
.cases-grid article.case-card figure.case-media {
    /* background: #fff; */
    /* border-radius: 14px; */
    /* box-shadow: 0 12px 28px rgba(0, 0, 0, .1); */
    padding: 37px;
}
.cases-grid article.case-card figure.case-media img{
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 0px !important;
}
.case--dark {
  background: #111;
  color: #fff;
}
.case--dark .case-copy p { color: #c8cfd6; }
.case-arrow {
  position: unset;
  right: 20px;
  bottom: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  color: #111;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
}

/* =========================================================
   INDUSTRIES SECTION
   ========================================================= */
.industries {
  background: #f9fafc;
  text-align: center;
}

.industries-head .sub, section#insights .sub{
  color: #1c1c1c;
  max-width: 720px;
  margin: 0 auto 36px;
}

.industries-grid {
  gap: clamp(18px, 2vw, 26px);
  margin-top: 20px;
}

.industry-card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #e4e7ed;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  padding: 28px 24px;
  transition: all 0.25s ease;
}

.industry-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
}

.industry-card .icon {
  width: 85px;
  height: 70px;
  border-radius: 12px;
  background: #eef2ff;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
}

.industry-card h3 {
  font-weight: 700;
  margin-bottom: 8px;
}

.industry-card p {
  color: #666c73;
  font-size: 0.96rem;
  line-height: 1.55;
  margin-bottom: 0px;
}

.industry-card .link {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  color:#000000;
  transition: color .2s;
}

.industry-card .link:hover {
  color: #6e55ff;
}

/* =========================================================
   DESIGN THINKING SECTION
   ========================================================= */
.design-thinking { text-align: center; }
.design-thinking .dt-title h2 {
    width: 65%;
    margin: 0px auto 10px;
}
.design-thinking .dt-accent { color: #0066ff; }
.design-thinking .dt-loop img {
  max-width: 620px;
  margin: 20px auto;
}
.dt-block {
    padding: 15px 30px;
}

.design-thinking .dt-block h3 { color: #111; }
.design-thinking .dt-block p { color: var(--muted); }
.dt-top, .dt-bottom {
  display: grid;
  gap: 20px;
}
.dt-top { grid-template-columns: 1fr 1fr; margin-bottom: 10px; }
.dt-bottom { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) {
  .dt-top, .dt-bottom { grid-template-columns: 1fr; }
}

/* =========================================================
   TESTIMONIALS
   ========================================================= */
.quote {
  font-size: 1rem;
  line-height: 1.55;
  color: #111;
  background: #f8f9fa;
  border-radius: var(--radius);
  padding: 20px;
}
.quote footer {
  margin-top: 12px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
}
.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ccc;
}

/* =========================================================
   INSIGHTS (Blog)
   ========================================================= */
.insights--soft { background: var(--soft); }
.post-card {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  transition: box-shadow .2s ease, transform .2s ease;
}
.post-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.post-meta { color: var(--muted); margin-bottom: 10px; display: flex; gap: 10px; }
.post-title { font-weight: 800; color: #111; }
.post-excerpt { color: var(--muted); }
.post-author { display: flex; align-items: center; gap: 10px; margin-top: 10px; }

/* =========================================================
   FINAL CTA
   ========================================================= */
.final-cta .cta-card {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: center;
  border-radius: 24px;
  padding: 40px;
  background-image: url("../images/hero-bg.svg");
  background-size: cover;
  background-position: center;
  color: #000;
}
.final-cta .cta-copy h2 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
}
.final-cta .cta-pill {
  display: inline-block;
  background: #e7ebff;
  color: #111;
  border-radius: 10px;
  padding: .5rem .8rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.final-cta .cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.final-cta .cta-media img {
  border-radius: 16px;
  max-width: 400px;
  filter: drop-shadow(0 18px 36px rgba(0,0,0,.2));
}
@media (max-width: 992px) {
  .final-cta .cta-card { grid-template-columns: 1fr; text-align: center; }
  .final-cta .cta-media { justify-content: center; }
}


/*Home page theme css end*/

#main {
    margin-top: 0rem;
}

section.homebanner{
    display: flex;
    align-items: center;
    position: relative;
    /* background-image: url(/wp-content/themes/technorhythms/assets/images/hero-bg.svg); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
	/* background-color: #e7f0fb; */
	background-image: linear-gradient(to bottom, #f0f9ff, #ffffff);
	padding: 150px 0px 60px;
}

ul.hero-features {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.hero-features li {
    width: 49%;
    display: flex;
    align-items: center;
    padding: 8px 8px;
    box-sizing: border-box;
    border-left: 2px solid #959595;
    box-shadow: 2px 2px 7px #ddd;
    margin: 5px 0px;
	background-color: #fff;
}
.actions {
    margin-top: 25px;
}
span.kicker {
    display: inline-block;
    font-size: .78rem;
    text-transform: uppercase;
    padding: .35rem .6rem;
    border: 1px solid #e1e5eb;
    border-radius: 999px;
}
section {
    padding: 60px 0;
    border-top: 0px solid #ddd;
    background: none;
}
article.service-card.is-yellow, article.service-card.is-red{
    margin-bottom: -35px;
    margin-top: 35px;
}
.tr-stats .card p{
    font-size: 15px;
    line-height: 23px;    
	margin-bottom: 0px;
}
.tr-stats .card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow);
}
#approach .card i {
    font-size: 40px;
}
.industry-card .icon i {
    font-size: 30px;
}
section#approach .card {
    padding: 15px !important;
}
footer.post-author, .quote footer {
    background: none;
    padding: 0px;
}

section.homelogos {
    padding: 10px 0px;
    background-color: #fdfdfd;
	border-bottom: 1px solid #eaeaea;
}
section.homelogos h2 {
    font-size: 16px;
    line-height: 24px;
	font-weight: 400;
    margin-top: 20px;
}
section.homelogos img {
    width: 80%;
    margin: 20px 15%;
}
section#approach h2 {
	margin: 0px auto;
}
section#approach p {
    width: 60%;
	margin: 0px auto;
}

article.case-card a.case-link {
    color: #000;
	position: relative;
}
span.case-arrow {
    display: none;
}
article.case-card:hover span.case-arrow {
    display: inline-grid;
    position: absolute;
}

#approach .card p {
    width: 100%;
}
article.service-card img {
    width: 20%;
    margin-bottom: 10px;
}
.card.trophy {
    background: url(/wp-content/themes/technorhythms/assets/images/trophybg.png) !important;
}
.card.engg {
    background: url(/wp-content/themes/technorhythms/assets/images/engg.png) !important;
}
.card.diagnose{
	background: url(/wp-content/themes/technorhythms/assets/images/diagnose.png) !important;
}
.card.diagnose, .card.engg, .card.trophy{
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: 20% !important;
}
.dt-block.dt-define, .dt-block.dt-empathize {
    text-align: left;
}
.dt-block.dt-prototype, .dt-block.dt-ideate {
    text-align: right;
}
section#design-thinking .dt-title.text-center {
    margin: 0px 10%;
}
.dt-block.dt-empathize h3 {
    color: red;
}
.dt-block.dt-empathize h3 {
    color: #0066FF;
}
.dt-block.dt-ideate h3{
    color: #F4B400;
}
.dt-block.dt-define h3{
    color: #2BB673;
}
.dt-block.dt-test h3{
    color: #D93025;
}
.dt-block.dt-prototype h3{
    color: #F58B23;
}
.dt-block.dt-empathize {
    padding-right: 40%;
}
.dt-block.dt-ideate {
    padding-left: 40%;
}


.cont-form label{
	width: 48%;
    margin: 0px 1%;
    margin-bottom: 15px;
}
.cont-form {
    margin: 0px;
}
.cont-form input, .cont-form textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000;
    padding: 14px 22px;
    margin-bottom: 4px;
    font-size: 16px;
    -webkit-appearance: none;
}
.cont-form textarea {
    height: 150px;
	margin: auto 1%;
    width: 98%;
}
.cont-form input.wpcf7-submit {
    color: #000;
    background-color: #fff;
    font-Size: 17px;
    line-height: 23px;
	margin: 15px 1%;
	width: 25%;
}
section.testimonials {
    background-color: #f9f8fc;
}
section.testimonials a {
    margin-top: 70px;
}

.textimonial {
    background-color: #fff;
    margin: 20px auto;
    border-radius: 12px;
    border: 1px solid #e2e2e8;
}
.textimonial p {
    padding: 0px !important;
    margin-top: 0px !important;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #000;
}
.textimonial h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0px !important;
}
.textimonial p.profession {
    font-size: 16px;
    margin-bottom: 10px;
}
.rating {
    border-top: 1px solid #e2e2e8;
    padding: 20px 30px;
}
.rating i {
    color: #f0ad4e;
    margin-right: 2px;
}
.textimonial-content {
    padding: 30px 30px 15px 30px;
}

.postimg img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
article.post-card a.post-link:hover {
    color: #0718a1 !important;
}
.cta-card {
    padding: 40px;
    background-color: #000000;
	border:1px solid #000000;
	border-radius:20px;
}
section#srv-cta .cta-card {
    background-color: #000;
}
.cta-card img {
    width: 50%;
    margin-top: 40px;
}
body.home .cta-copy, body.home .cta-copy p.sub, body.page-template-services .cta-copy{
    margin-top: 30px;
	color:#fff;
}
.cta-copy {
	color:#111;
}
.cta-copy p{
	color:#fff;
}

body.page-template.page-template-faq .cta-copy {
    color: #ffffff;
}
.card.value span.pill {
   float: left;
    width: 8%;
    border-radius: 8px;
    text-align: center;
}
.card.value {
    padding: 25px;
    margin-top: 25px;
}
a.btn.btn-primary.bbg {
    background: #fff;
    color: #000;
}
a.btn.btn-primary.bbg:hover {
    background: #000;
    color: #fff !important;
	border-color:#fff;
}
/*home page end*/
/* ============================
   ABOUT — Growth Pillars (Checklist Style)
   ============================ */

.about-badges h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #0b0b0b;
}

/* Clean checklist container */
.about-badges .badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #ffffff !important;
    border: 1px solid #e5e7eb;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all .18s ease;
}

/* Hover state */
.about-badges .badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Tick icon */
.about-badges .badge .b-ico {
    font-size: 20px;
    color: #22c55e; /* Premium green tick */
    line-height: 1;
}

/* Text */
.about-badges .badge .b-txt {
    font-size: 15px;
    font-weight: 600;
    color: #0b0b0b;
}

/* REMOVE all previous badge color variants */
.badge.is-green,
.badge.is-blue,
.badge.is-yellow,
.badge.is-red {
    background: #ffffff !important;
}
/*about us start*/

/*about us theme css start*/

/* ===== About – layout helpers to match the reference ===== */
.about-hero-wrap{ text-align:center; max-width:820px; margin:0 auto }
.about-hero .kicker{ display:inline-block; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; padding:.35rem .6rem; border:1px solid #e6e8eb; border-radius:999px; color:#59606a; background:#fff; margin-bottom:8px }
.about-title{ font-family:"Montserrat","Inter",system-ui,sans-serif; font-weight:800; margin:0 0 6px }
.about-sub{ color:var(--muted); margin:0 auto }

.about-hero-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(16px,3vw,24px); align-items:start }
.about-intro-media img{ width:100%; border-radius:16px; box-shadow:0 12px 28px rgba(0,0,0,.06) }

.about-vm .card.soft{ border:1px solid #e6e8eb; border-radius:14px; background:#fff; padding: 20px; width: 48%; float: left;
    margin: 20px 1% 0px; }
.about-vm h3{ font-weight:800; margin:0 0 6px; font-size:1.02rem }

.badge .b-ico{ font-size:1rem } .badge .b-txt{ font-size:.95rem }

.about-stats-grid .card{ border-radius:16px; text-align:center; padding:18px; background:#f9fafb; border:1px solid #e6e8eb }
.about-stats-grid .stat strong{ font-size:clamp(24px,3.4vw,34px); display:block; line-height:1; margin-bottom:4px }
.about-stats-grid .stat span{ color:var(--muted) }

.values-wrap{ display:grid; grid-template-columns:1.1fr .9fr; gap:18px; align-items:start }
.values-list{ display:grid; gap:12px }
.value.card{ border:1px solid #e6e8eb; border-radius:16px; padding:16px; background:#fff }
.value .v-head{ display:flex; align-items:center; gap:8px; margin-bottom:6px }
.value .pill{ font-size: 16px;    padding: 4px 10px;    border: 1px solid #e6e8eb;    border-radius: 999px;    color: #ffffff;    background: #0b5ed7; }
.value h3{ margin:0; font-weight:800; font-size: 28px;   line-height: 34px; }
.values-media img{ width:100%; border-radius:16px; box-shadow:0 12px 28px rgba(0,0,0,.06) }

/* Team */
.team-grid{ gap:clamp(14px,2.4vw,18px) }
.member.card{ border:1px solid #e6e8eb; border-radius:16px; background:#fff; overflow:hidden }
.member .m-media img{ width:100%; height:auto; display:block }
.member .m-body{ padding:14px }
.member h3{ margin:0 0 4px; font-weight:800; font-size:1.05rem }
.member .role{ display:inline-block; font-size:.85rem; color:#59606a; margin-bottom:6px }
.member .bio{ color:#6c737d; margin:0 }

/*about us theme css end*/

section.section.about-hero{
	display: flex;
    align-items: center;
    position: relative;
    /* background-image: url(/wp-content/themes/technorhythms/assets/images/hero-bg.svg); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    overflow: hidden;
}
.about-vm .card.soft i {
    font-size: 40px;
    color: #0b5ed7;
}
.founder-inner {
    padding: 52px;
    border: 1px solid #5a5a5a;
    border-radius: 25px;
}
.founder-inner img {
   width:100%;
}
section.founder h1 {
    font-size: 72px;
    line-height: 76px;
    margin-right: 25px;
}
section.founder h2 {
    /* font-size: 36px; */
    /* line-height: 47px; */
	margin-bottom: 10px;
}
.about-stats-grid .card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}
/*about us end*/




a.btn.btn-primary.service, a.btn.btn-secondary.service:hover {
    background: #0066ff !important;
    color: #fff !important;
    border: 1px solid #0066ff;
}

a.btn.btn-primary.service:hover, a.btn.btn-secondary.service{
    background: #fff !important;
    color: #0066ff !important;
    border: 1px solid #0066ff;
}

section#services-final-cta .final-cta-inner {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    align-items: center;
}
section#services-final-cta .final-cta-actions {
    display: block;
    margin: 0px auto;
}
section#services-final-cta .final-cta-copy .eyebrow, section#services-final-cta .final-cta-copy p {
    margin: 0px auto 8px;
}
.section-insight-band .insight-band-inner {
    background: #3c5593;
}
.framework-card p {
    font-size: 11px;
}
section#services-hero .hero-pill-dot {
    background: #0066ff;
}
section#industries .industry-card a::after {
    content: "→";
	display:none;
}
.industry-card h3 a{
	font-size: 16px;
}
/*sub services pages start*/

/* =========================================================
   TECHNICAL SEO CONSULTING PAGE — FINAL CSS
   ========================================================= */

:root {
  --text-dark: #111827;
  --text-muted: #6b737d;
  --border-soft: #e5e7eb;
  --bg-light: #f7f8fc;
  --accent-blue: #0066ff;

  /* Design Thinking translucent tints */
  --dt-green-tint:  #448c7419;
  --dt-blue-tint:   #3f7fca19;
  --dt-yellow-tint: #edcb5019;
  --dt-red-tint:    #ed505019;
}

.section {
  padding: clamp(70px, 8vw, 120px) 0;
}

/* =========================================================
   HERO — TECHNICAL SEO
   ========================================================= */

.hero-techseo {
  background: linear-gradient(to bottom, #f3f7ff 0%, #e5ecff 50%, #f7f8fc 100%);
  padding: clamp(80px, 9vw, 120px) 0;
}

.hero-techseo-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 60px;
  align-items: center;
}

.hero-techseo-left .hero-tag {
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #111827;
  margin-bottom: 10px;
}
a.btn.btn-primary.techseo-primary, a.btn.btn-ghost.techseo-secondary:hover {
    background-color: #111827;
    color: #fff !important;
    border-color: #111827 !important;
}
a.btn.btn-primary.techseo-primary:hover, a.btn.btn-ghost.techseo-secondary {
    background-color: #fff;
    color: #111827 !important;
    border-color: #111827 !important;
}

.hero-techseo-left h1 {
  font-size: clamp(34px, 4.5vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-dark);
  margin-bottom: 16px;
}

.hero-techseo-left .hero-subtext {
  font-size: 17px;
  line-height: 1.8;
  color: #4b5563;
  max-width: 560px;
  margin-bottom: 24px;
}

/* Pills */
.hero-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 26px;
}

.hero-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(148,163,184,0.35);
  font-size: 13px;
  color: #374151;
  backdrop-filter: blur(6px);
}

.hero-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #111827;
}

/* CTAs */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: 0.18s ease;
}

.btn-primary {
  background: #111827;
  color: #fff;
  border: 1px solid #111827;
  box-shadow: 0 14px 32px rgba(15,23,42,0.28);
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(15,23,42,0.35);
}

.btn-ghost {
  background: transparent;
  border: 1px solid #d1d5db;
  color: #111827;
  box-shadow: 0 10px 28px rgba(15,23,42,0.08);
}

.btn-ghost:hover {
  background: #fff;
  border-color: #9ca3af;
}

/* Right image */
.hero-techseo-right {
  display: flex;
  justify-content: center;
}
.hero-visual img { width: 100%; }

/* =========================================================
   WHAT’S HOLDING YOUR RANKINGS BACK
   ========================================================= */

.section.ranking-issues {
  background: #fff;
}

.ranking-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px;
}

.ranking-header h2 {
  font-size: clamp(32px, 3.4vw, 40px);
  color: var(--text-dark);
}

.ranking-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
}

.ranking-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  counter-reset: rankItem;
}

.ranking-list li {
  counter-increment: rankItem;
  position: relative;
  padding: 24px 26px 24px 56px;
  border: 1px solid #cbd5f5;
  background: #fcfdff;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15,23,42,0.04);
  transition: 0.18s ease;
}

.ranking-list li:hover {
  background: #fff;
  border-color: #cbd5f5;
  box-shadow: 0 20px 40px rgba(15,23,42,0.08),
              0 0 0 1px var(--dt-blue-tint);
  transform: translateY(-3px);
}

.ranking-list li::before {
  content: counter(rankItem);
  position: absolute;
  left: 20px;
  top: 22px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid #bdd3ff;
  background: #3f7fca19;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--accent-blue);
  font-size: 14px;
  font-weight: 600;
}

.ranking-list li p {
    margin-bottom: 0px;
}
body.page-template-technical-seo_tpl .ranking-list li:hover {
    background: #fff;
    border-color: #111827;
}

body.page-template-technical-seo_tpl .ranking-list li::before {
    content: counter(rankItem);
    border: 1px solid #111827;
    color: #111827;
}

body.page-template-technical-seo_tpl .industry-impact-grid a.ii-card:hover {
    border: 1px solid #111827;
}
body.page-template-technical-seo_tpl .industry-impact-grid a.ii-card:hover h3, body.page-template-technical-seo_tpl .industry-impact-grid a.ii-card:hover span.ii-link {
    color: #000 !important;
}
body.page-template-technical-seo_tpl .wyg-item:hover, body.page-template-technical-seo_tpl  .rs-card:hover {
    border-color:#111827;
    box-shadow: 0 8px 26px rgb(17 24 39 / 21%);
}
body.page-template-technical-seo_tpl span.pill-kicker {
    color: #111827;
}
.ranking-list h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: var(--text-dark);
}

.ranking-list p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--text-muted);
}

/* =========================================================
   INSIGHT — LIVING SYSTEM
   ========================================================= */

.section.insight-hero {
  background: linear-gradient(to bottom,#f7f9ff 0%,#f1f4fa 100%);
  text-align: center;
}

.insight-inner { max-width: 860px; margin: 0 auto; }

.insight-inner h2 {
  font-size: clamp(32px,4vw,44px);
  margin-bottom: 14px;
}

.insight-inner .subtext {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
}

/* INSIGHT SECTION CTA BUTTONS */
.insight-cta {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.insight-cta .btn-primary {
  padding: 12px 26px;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  border: 1px solid #111827;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 14px 32px rgba(15,23,42,0.22);
  transition: all .18s ease;
}

.insight-cta .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(15,23,42,0.32);
}

/* Ghost Button
.insight-cta .btn-ghost {
  padding: 12px 26px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: transparent;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 10px 28px rgba(15,23,42,0.06);
  transition: all .18s ease;
}

.insight-cta .btn-ghost:hover {
  background: #ffffff;
  border-color: #9ca3af;
  transform: translateY(-2px);
}
*/


/* =========================================================
   DESIGN THINKING SEO LOOP — LAYOUT + TYPOGRAPHY
   ========================================================= */

.eyebrow {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #6b737d;
  margin-bottom: 8px;
}

.section.dt-seo-loop {
  background: var(--bg-light);
  padding: clamp(70px, 8vw, 110px) 0;
}

.dt-loop-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  gap: 60px;
}

.dt-loop-left h2 {
  font-size: clamp(28px, 3vw, 36px);
  margin-bottom: 12px;
}

.dt-loop-left .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
  max-width: 460px;
}

/* steps container */
.dt-steps {
  display: inline-block;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* =========================================================
   AEO + GEO SECTION — Clean, Minimal, No Gradients
   ========================================================= */

.section.aeo-geo {
  background: var(--bg-light); /* Same as other sections */
  padding: clamp(70px, 8vw, 110px) 0;
  position: relative;
}

/* ultra-subtle dot texture (same as your insight section) */
.section.aeo-geo::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .18;
  pointer-events: none;
}

/* HEADER */
.aeo-header {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.aeo-header h2 {
  margin-bottom: 12px;
}

.aeo-header .intro {
  max-width: 660px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-muted);
}

/* GRID */
.aeo-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* CARDS — clean, white, no gradient */
.aeo-grid .ii-card {
  background: #ffffff; /* pure white */
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,0.06);
  padding: 28px 26px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.05);
  transition: 0.2s ease;
}

.aeo-grid .ii-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(0,0,0,0.08);
  border-color: rgba(0,0,0,0.12);
}

/* ICON STYLE */
.aeo-grid .ii-icon {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: #f3f5ff; /* soft neutral tint */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 14px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .aeo-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   STEP ROWS — CARD STYLE + HOVER
   ========================================================= */

.dt-steps li {
  display: inline-block;
  gap: 14px;
  padding: 14px 16px 18px;
  border-radius: 14px;
  border: 1px solid #e8ebf3;
  transition: 0.2s ease;
  width: 31%;
  float: left;
  margin: 1%;
}

/* hover */
.dt-steps li:hover {
  background: #ffffff !important;
  border-color: #cfd7f5;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}

/* number badge */
.dt-step-num {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 5px;
}

/* step text */
.dt-step-body h3 {
  font-size: 17px;
  margin: 0 0 4px;
}

.dt-step-body p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--text-muted);
  margin: 0;
}

/* =========================================================
   DESIGN THINKING COLORS + TINTS
   ========================================================= */
/* 1 — Empathize (Blue) */
.dt-steps li:nth-child(1) {
  background: rgba(0, 102, 255, 0.08);
}
.dt-steps li:nth-child(1) .dt-step-num {
  background: #0066FF;
}

/* 2 — Define (Green) */
.dt-steps li:nth-child(2) {
  background: rgba(43, 182, 115, 0.10);
}
.dt-steps li:nth-child(2) .dt-step-num {
  background: #2BB673;
}

/* 3 — Ideate (Yellow) */
.dt-steps li:nth-child(3) {
  background: rgba(244, 180, 0, 0.12);
}
.dt-steps li:nth-child(3) .dt-step-num {
  background: #F4B400;
}

/* 4 — Prototype (Orange) */
.dt-steps li:nth-child(4) {
  background: rgba(245, 139, 35, 0.12);
}
.dt-steps li:nth-child(4) .dt-step-num {
  background: #F58B23;
}

/* 5 — Test & Scale (Red) */
.dt-steps li:nth-child(5) {
  background: rgba(217, 48, 37, 0.10);
}
.dt-steps li:nth-child(5) .dt-step-num {
  background: #D93025;
}

/* 6 — Diagnostics & Alignment (Purple) */
.dt-steps li:nth-child(6) {
  background: rgba(106, 90, 205, 0.12);
}
.dt-steps li:nth-child(6) .dt-step-num {
  background: #6A5ACD;
}

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

@media (max-width: 900px) {
  .dt-loop-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .dt-loop-left .intro {
    max-width: 100%;
  }
}

/* =========================================================
   PROOF & RESULTS
   ========================================================= */

.section.proof-results {
  background: var(--bg-light);
  padding: clamp(80px, 8vw, 120px) 0;
}

/* Eyebrow Tag (Client Outcomes) */
.proof-header .eyebrow {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #6b737d;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}

/* Header */
.proof-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.proof-header h2 {
  font-size: clamp(32px,3vw,40px);
}

.proof-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
}

/* KPI Grid */
.proof-kpi-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.proof-kpi-card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 22px;
  transition: 0.18s ease;
  text-align: center;
}

.proof-kpi-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5f5;
}

.proof-kpi-card h3 { 
  font-size: 17px; 
}

.proof-kpi-card p {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
}

/* Testimonials */
.proof-testimonial-row {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
  margin-top: 24px;
}

.proof-testimonial-card {
  padding: 22px;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 22px;
}

.proof-testimonial-card .quote {
  font-size: 15.5px;
  line-height: 1.75;
  margin-bottom: 14px;
  color: #374151;
}

.proof-testimonial-card .rating {
  font-size: 17px;
  color: #F5C518; /* Gold Stars */
  margin-top: 10px;
}

/* CTA Button – Center aligned */
.proof-cta {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

/* CTA styling 
.proof-cta .btn-ghost,
.proof-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  transition: all 0.18s ease;
}

/* Hover 
.proof-cta .btn-ghost:hover,
.proof-cta-btn:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}
*/
/* Responsive */
@media (max-width: 900px) {
  .proof-kpi-row {
    grid-template-columns: 1fr;
  }
  .proof-testimonial-row {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   INDUSTRY IMPACT
   ========================================================= */
.section.industry-impact { background:#fff; }

.industry-impact-grid {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:24px;
}

.ii-card {
  padding:26px;
  background: var(--bg-light);
  border-radius:24px;
  border:1px solid var(--border-soft);
  transition:0.2s ease;
}

.ii-icon {
  width:42px;
  height:42px;
  border-radius:999px;
  background: var(--dt-blue-tint);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

/* FIX: Center Align Heading + Text (Industry Impact) */

.industry-impact-header {
  text-align: center !important;
  max-width: 720px;
  margin: 0 auto 40px !important;
}

.industry-impact-header h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.industry-impact-header .intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
  line-height: 1.75;
  font-size: 16px;
}

/* ensure eyebrow also centers cleanly */
.industry-impact-header .eyebrow {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}


/* =========================================================
   WHAT YOU GET
   ========================================================= */
.section.wyg-split {
  background: #ffffff;
}

.wyg-split-inner {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
}

.wyg-left .subtext {
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-muted);
}

.wyg-item p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* =========================================================
   CTA SECTION — CENTER TEXT + REMOVE SECTION BACKGROUND
   ========================================================= */
#tec-cta {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* center card inside container */
#tec-cta .cta-card {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
  background: #0b0d10; /* premium dark */
  border-radius: 26px;
  padding: clamp(32px, 5vw, 48px);
  border: 1px solid #111;
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  color: #ffffff;
}

/* heading center */
#tec-cta h2 {
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
}

/* subtext center */
#tec-cta .sub {
  text-align: center;
  color: #000;
  font-size: 17px;
  line-height: 1.75;
  margin: 0 auto 20px;
}

/* center buttons */
#tec-cta .cta-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* mobile alignment */
@media (max-width: 768px) {
  #tec-cta .cta-card {
    text-align: center;
  }
}


/* =========================================================
   FAQ
   ========================================================= */

#faq-technical-seo .accordion-body {
  font-size:15.5px;
  line-height:1.75;
  color:var(--text-muted);
}



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

@media (max-width:900px){
  .hero-techseo-inner,
  .dt-loop-inner,
  .wyg-split-inner { grid-template-columns:1fr; gap: 10px;}

  .ranking-list,
  .industry-impact-grid,
  .proof-kpi-row,
  .proof-testimonial-row {
    grid-template-columns:1fr;
  }
}

/* =========================================================
   END — FINAL CSS
   ========================================================= */

/*sub services pages end*/

/*contact page start*/

/*contact page theme css start*/

.partner-cta {
  background: #f8faff url("../images/hero-bg.svg") no-repeat center top;
  background-size: cover;
  padding: clamp(80px, 10vw, 140px) 0;
}

.partner-wrap {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: clamp(30px, 5vw, 60px);
}

/* ---------- Left (headline + metrics) ---------- */
.partner-title {
  font-family: "Montserrat", "Inter", system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.1;
  color: #0b0b0c;
  margin-bottom: 12px;
}

.partner-sub {
  color: #565d66;
  max-width: 580px;
  margin-bottom: 28px;
}

.partner-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 2fr));
    gap: 24px;
    margin-top: 30px;
}

.pm strong {
  display: block;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  color: #0b0b0c;
  line-height: 1.1;
}

.pm span {
  display: block;
  color: #4e5460;
  font-size: 0.95rem;
  margin-top: 6px;
}

.pm-underline {
  display: block;
  height: 3px;
  width: 60%;
  margin-top: 8px;
  border-radius: 3px;
}
.pm-orange { background: #ff7a00; }
.pm-pink   { background: #ff007a; }
.pm-coral  { background: #ff4b4b; }
.pm-blue   { background: #0066ff; }

/* ---------- Right (Form Card) ---------- */
.partner-form.card {
  background: #ffffff;
  border-radius: 22px;
  padding: clamp(28px, 3vw, 40px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e8ef;
}

.partner-form .form-title {
  font-weight: 700;
  margin-bottom: 18px;
}

.tr-partner-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #0b0b0c;
  font-size: 0.95rem;
}

.tr-partner-form input[type="text"],
.tr-partner-form input[type="email"],
.tr-partner-form input[type="tel"],
.tr-partner-form input[type="url"],
.tr-partner-form select,
.tr-partner-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #cfd5db;
  border-radius: 10px;
  font-family: inherit;
  font-size: 0.95rem;
  transition: border-color 0.2s ease;
  background: #fefefe;
}

.tr-partner-form textarea {
  min-height: 120px;
  resize: vertical;
}

.tr-partner-form input:focus,
.tr-partner-form select:focus,
.tr-partner-form textarea:focus {
  outline: none;
  border-color: #0066ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.15);
}

/* ---------- Submit Button ---------- */
.tr-partner-form input[type="submit"],
.tr-partner-form .wpcf7-submit {
  background: #0b0b0b;
  color: #fff;
  font-weight: 600;
  border-radius: 999px;
  border: none;
  padding: 0.9rem 1.8rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.tr-partner-form .wpcf7-submit:hover {
  background: #0066ff;
  transform: translateY(-2px);
}

/* ---------- Contact Section (below form) ---------- */
.contact-section {
  background: #ffffff;
  padding: clamp(80px, 10vw, 120px) 0;
}

.contact-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(30px, 5vw, 60px);
  align-items: start;
}

.contact-info.card {
    border: 0px solid #e5e8ef;
    border-radius: 0px;
    padding: 0px;
    background: #f8faff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.04);
    margin-top: 50px;
    background-color: #f8faff !important;
}
.contact-info h2 {
  font-weight: 700;
  font-size: clamp(22px, 3vw, 28px);
  margin-bottom: 12px;
}

.contact-info p {
  color: #4e5460;
  margin-bottom: 16px;
}

.info-list {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ci-ico {
  font-size: 1.25rem;
  background: #e6ecff;
  color: #0b0b0b;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.info-item h3 {
  font-weight: 600;
  margin: 0;
  color: #0b0b0b;
}

.info-item a {
  color: #0066ff;
  text-decoration: none;
}

.info-item a:hover {
  text-decoration: underline;
}

.info-note {
  margin-top: 18px;
  border-top: 1px solid #e5e8ef;
  padding-top: 16px;
  font-size: 0.9rem;
  color: #5f6670;
}
/*contact page theme css end*/


.partner-form.card.cont {
    margin: 60px 12% 30px;
}
.full {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
}
.full p.field {
    float: left;
    width: 47%;
    margin-right: 3%;
}

/*contact page end*/

/* single blog post start */

div#comments {
    display: none;
}
header.entry-header h1.entry-title{
    text-align: center;
    margin: 10px 18% 0px;
}
header.entry-header .entry-meta {
    text-align: center;
    margin: 80px 18% 20px;
}
.embed-responsive, .post-thumbnail, .wp-video {
    text-align: center;
	margin-bottom: 40px;
}
.blogpost h2 {
    font-size: 38px;
    line-height: 46px;
}
.blogpost h3 {
    font-size: 30px;
    line-height: 38px;
}
.blogpost h1{
	font-size: 48px;
    line-height: 56px;
}
.blogpost .post-thumbnail img {
    width: 50%;
}
.postcat {
    text-align: center;
    margin: 15px 20% 10px;
}
.postcat a {
    font-size: 22px;
    line-height: 30px;
	font-weight: 700;
}
.post-navigation .pr-3 {
    float: left;
    margin-right: 10px;
}
.post-navigation{
    margin-top: 0px !important;
}
.relatedposts {
    margin-top: 80px;
}
.related-post-item h4.related-title {
    margin-top: 20px;
}
.related-post-item a.related-thumb img {
    width: 100%;
    height: auto;
    border-radius: 12px;
	background-color: #fff;
}
.related-post-item {
    margin: 10px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #ddd;
}
/*single blog post end */

/*case study start */
nav.navigation.pagination {
    margin: 0px auto;
}
a.page-numbers {
    background-color: #ffffff;
    padding: 6px 15px 7px;
    color: #000000;
    border: 1px solid #000;
	margin: 0px 5px;
}
 span.page-numbers.current, a.page-numbers:hover {
    background-color: #000;
    color: #fff !important;
    padding: 6px 15px 7px;
    border: 1px solid #000;
}
article.case-card.cs{
    background-color: #e7f0fb;
}
.casestudypost header.entry-header .entry-meta {
    text-align: left;
    margin: 80px 0% 20px;
}
.casestudypost header.entry-header h1.entry-title{
    margin: 0px !important;
    width: 100%;
    text-align: left;
}
.casestudypost .postcat {
    margin: 15px 0% 10px;
    text-align: left;
}



/*case study end */

/*blog start*/
.homebannerimg img {
    width: 100%;
    max-width: 100%;
}
section.bloglistsec1 {
   padding: 80px 0px;
    float: left;
    width: 100%;
}
section.bloglistsec {
    padding: 40px 0px;
}

body.archive.category .entry-content {
    padding-top: 0px;
}
section.bloglistsec a.cusbtn {
    float: right;
}
.bloglistsec1card {
    float: left;
    width: 95%;
}
.bloglistsec1card h3 {
    margin: 15px 0px 10px;
}
.bloglistsec1card  p.text-muted.mt-3 {
    font-size: 15px;
}
.bloglistsec1card img {
    height: 420px;
    width: 100%;
}
.postlist h2 {
    font-size: 26px;
    line-height: 32px;
}

.bloglisting img {
    height: auto;
}

.list-group .row:nth-of-type(2) {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
    margin: 50px 0px;
}
.postlist p, .postlist small, .postlist h3 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

span.blog-arrow {
    margin-top: -5px;
    position: absolute;
    left: 33%;
    font-weight: 100;
}
a.roundbg {
    background-color: #fff;
    padding: 6px 32px;
    border-radius: 50%;
    font-size: 40px;
    color: #797979;
    font-weight: 900;
    border: 1px solid #565656;
    position: relative;
}
section.bloglistsec1 h2 a, section.bloglistsec1 h3 a {
    color: #000;
}
p.card-text:last-child {
    float: right;
    width: 60%;
    text-align: right;
}

p.card-text.mb-1 {
    float: left;
    width: 40%;
}

/*
body.archive .post-thumbnail img {
    width: 100%;
    max-height: 220px;
    min-height: 220px;
    object-fit: cover;
    border-radius: 7px;
}
body.archive .card.mb-4 {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eee;
}
body.archive .card-body {
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
}
body.archive span.by-author {
    display: none !important;
}
body.archive h2.card-title a {
    color: #000;
}

body.archive h2.card-title {
    margin-top:20px;
    margin-bottom:10px;
}
body.archive header.card-body {
    z-index: 0 !important;
}
body.archive .card-text.entry-meta a {
    color: #000 !important;
    font-weight: 500;
    text-decoration: none;
}
*/
/*blog end*/


/*author start */
header.entry-header.auth-header, body.archive.category header.page-header, body.archive.tax-case_study_type header.page-header{
    background-color: #f0f9ff;
    padding: 80px 0px;
	margin-bottom:40px;
	text-align: center;
}
.author-links a.btn.btn-secondary.btn-sm {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #111;
}
.author-links a.btn.btn-secondary.btn-sm:hover{
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111;
}
.author-info img.avatar.avatar-180.photo {
    width: 100%;
    height: 80%;
}
body.archive.author .post-thumbnail, body.archive.category .post-thumbnail, body.archive.tax-case_study_type .post-thumbnail{
    margin-bottom: 0px;
}
body.archive.author header.card-body, body.archive.category header.card-body, body.archive.tax-case_study_type .post-thumbnail{
	padding-top:0px;
}

/*author end */
section.hbanner.bloglisthead .homebannercont {
    padding-top: 20%;
}


/*=================================
===================================
D2C / E-commerce Inducsrty Page
===================================
==================================*/

/* D2C / E-commerce theme tokens */
body.page-template-industry-d2c-ecommerce{
  --d2c-bg-soft:       #FFF7FB;
  --d2c-border:        #E6E4F0;
  --d2c-accent:        #FF4B8B;
  --d2c-accent-dark:   #D12E6D;
  --d2c-accent-soft:   #FFE4F0;
  --d2c-trust:         #1C2340;
}

/* ===================== D2C – HERO SECTION ===================== */

#d2c-hero{
  padding-top:80px;
  padding-bottom:80px;
  background:#FFFFFF;
}

/* Hero tag */
#d2c-hero .hero-tag{
  display:inline-flex;
  align-items:center;
  padding:4px 12px;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  border-radius:999px;
  background:#FFE4F0;   /* soft D2C pink */
  color:#D12E6D;       /* accent dark */
  margin-bottom:14px;
}

/* Title */
#d2c-hero .hero-title{
  font-size:36px;
  line-height:1.2;
  color:#1C2340;        /* trust navy */
  margin-bottom:14px;
}

/* Subtitle */
#d2c-hero .hero-sub{
  font-size:17px;
  line-height:1.55;
  color:#6B737D;        /* muted grey */
  max-width:44rem;
  margin-bottom:26px;
}

/* Buttons row */
#d2c-hero .hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Primary button — D2C */
#d2c-hero .btn-primary{
  background:#D12E6D;
  border-color:#D12E6D;
}
#d2c-hero .btn-primary:hover{
  background:#B9245E;
  border-color:#B9245E;
}

/* Ghost button */
#d2c-hero .btn--ghost{
  background:#FFFFFF;
  border:1px solid #D12E6D;
  color:#D12E6D;
}
#d2c-hero .btn--ghost:hover{
  background:#FFE4F0;
  border-color:#D12E6D;
}

/* Image wrapper */
#d2c-hero .hero-visual img{
  width:100%;
  height:auto;
  display:block;
}

/* Responsive */
@media(max-width:991px){
  #d2c-hero{
    padding-top:60px;
    padding-bottom:60px;
  }
  #d2c-hero .hero-title{
    font-size:30px;
  }
}
@media(max-width:575px){
  #d2c-hero .hero-title{
    font-size:26px;
  }
  #d2c-hero .hero-sub{
    font-size:16px;
  }
}


/* ===================== D2C OUTCOME SECTION ===================== */

body.page-template-industry-d2c-ecommerce #d2c-outcomes{
  background: var(--d2c-bg-soft);
}

/* Top row: copy + KPIs */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:32px;
  margin-bottom:28px;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-copy{
  max-width:44rem;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-copy h2{
  color:var(--d2c-trust);
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-copy .sub{
  color:var(--muted);
}

/* KPI chips */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-kpis{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:230px;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-kpi{
  padding:10px 14px;
  border-radius:14px;
  background:#FFFFFF;
  border:1px solid var(--d2c-border);
  box-shadow:0 8px 22px rgba(0,0,0,0.03);
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-kpi .kpi-value{
  display:block;
  font-size:20px;
  font-weight:700;
  color:var(--d2c-accent-dark);
  line-height:1.2;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-kpi .kpi-label{
  display:block;
  font-size:12px;
  margin-top:2px;
  color:var(--muted);
}

/* Bottom grid: 2x2 outcomes */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcomes-grid{
  margin-top:8px;
}

/* 2 columns desktop */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .tr-grid.tr-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* Outcome cards */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-card{
  position:relative;
  padding-top:18px;
  padding-left:18px;
  border:1px solid var(--d2c-border);
  border-radius:18px;
  background:#FFFFFF;
  box-shadow:0 10px 30px rgba(0,0,0,0.03);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-card:hover{
  border-color:var(--d2c-accent-soft);
  box-shadow:0 18px 40px rgba(0,0,0,0.06);
  transform:translateY(-3px);
}

/* Small accent dot/icon */
body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-card-icon{
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--d2c-accent-soft);
  border:2px solid var(--d2c-accent);
  margin-bottom:10px;
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--d2c-trust);
}

body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-card p{
  font-size:14px;
  color:var(--muted);
}

/* Responsive */
@media(max-width:991px){
  body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.page-template-industry-d2c-ecommerce #d2c-outcomes .outcome-kpis{
    flex-direction:row;
    flex-wrap:wrap;
    min-width:0;
  }
}

@media(max-width:575px){
  body.page-template-industry-d2c-ecommerce #d2c-outcomes .tr-grid.tr-2{
    grid-template-columns:1fr;
  }
}
/* ===================== D2C INDUSTRY CHALLENGES ===================== */

body.page-template-industry-d2c-ecommerce #d2c-challenges{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenges-header{
  margin-bottom:24px;
}
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenges-header h2{
  color:var(--d2c-trust);
}
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenges-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid */
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-card{
  background:#FFFFFF;
  border:1px solid var(--d2c-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-card:hover{
  border-color:var(--d2c-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
}

/* Meta row (tag + index) */
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--d2c-accent-soft);
  color:var(--d2c-accent-dark);
}

body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-index{
  font-size:12px;
  font-weight:600;
  color:var(--d2c-accent-dark);
}

/* Titles + content */
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--d2c-trust);
}
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-card p{
  font-size:14px;
  color:var(--muted);
  margin-bottom:6px;
}
body.page-template-industry-d2c-ecommerce #d2c-challenges .challenge-card ul{
  padding-left:18px;
  margin:0;
  font-size:13px;
  color:var(--muted);
}

/* Responsive tweaks */
@media(max-width:991px){
  body.page-template-industry-d2c-ecommerce #d2c-challenges .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-d2c-ecommerce #d2c-challenges .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}

/* ===================== D2C – OUR APPROACH ===================== */

body.page-template-industry-d2c-ecommerce #d2c-approach{
  background:var(--d2c-bg-soft);
}

/* Header */
body.page-template-industry-d2c-ecommerce #d2c-approach .approach-header{
  max-width:48rem;
  margin-bottom:24px;
}
body.page-template-industry-d2c-ecommerce #d2c-approach .approach-header h2{
  color:var(--d2c-trust);
}
body.page-template-industry-d2c-ecommerce #d2c-approach .approach-header .sub{
  color:var(--muted);
}

/* Steps list */
body.page-template-industry-d2c-ecommerce #d2c-approach .approach-steps{
  list-style:none;
  margin:0;
  padding:0;
  border-left:2px solid rgba(209,46,109,0.18); /* subtle D2C line */
}

/* Individual step */
body.page-template-industry-d2c-ecommerce #d2c-approach .approach-step{
  position:relative;
  padding-left:48px;
  padding-bottom:24px;
  margin-bottom:8px;
}

body.page-template-industry-d2c-ecommerce #d2c-approach .approach-step:last-child{
  padding-bottom:0;
  margin-bottom:0;
}

/* Step index circle */
body.page-template-industry-d2c-ecommerce #d2c-approach .step-index{
  position:absolute;
  left:-15px;
  top:0;
  width:32px;
  height:32px;
  border-radius:999px;
  background:#FFFFFF;
  border:2px solid var(--d2c-accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:600;
  color:var(--d2c-accent-dark);
}

/* Step body */
body.page-template-industry-d2c-ecommerce #d2c-approach .step-body h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--d2c-trust);
}

body.page-template-industry-d2c-ecommerce #d2c-approach .step-body p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Hover accent (desktop) */
@media (hover:hover){
  body.page-template-industry-d2c-ecommerce #d2c-approach .approach-step:hover .step-index{
    background:var(--d2c-accent-soft);
  }
}

/* Responsive tweaks */
@media(max-width:575px){
  body.page-template-industry-d2c-ecommerce #d2c-approach .approach-steps{
    border-left:1px solid rgba(209,46,109,0.18);
  }
  body.page-template-industry-d2c-ecommerce #d2c-approach .approach-step{
    padding-left:42px;
  }
}
/* ===================== D2C – INDUSTRY-ALIGNED SERVICES ===================== */

body.page-template-industry-d2c-ecommerce #d2c-services{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-d2c-ecommerce #d2c-services .services-header{
  margin-bottom:24px;
}
body.page-template-industry-d2c-ecommerce #d2c-services .services-header h2{
  color:var(--d2c-trust);
}
body.page-template-industry-d2c-ecommerce #d2c-services .services-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-d2c-ecommerce #d2c-services .services-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-d2c-ecommerce #d2c-services .service-card{
  display:block;
  text-decoration:none;
  background:#FFFFFF;
  border:1px solid var(--d2c-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

/* Hover state */
body.page-template-industry-d2c-ecommerce #d2c-services .service-card:hover{
  border-color:var(--d2c-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
  background:#FFFCFE;
}

/* Meta pill (service grouping) */
body.page-template-industry-d2c-ecommerce #d2c-services .service-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

body.page-template-industry-d2c-ecommerce #d2c-services .service-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--d2c-accent-soft);
  color:var(--d2c-accent-dark);
}

/* Titles + copy */
body.page-template-industry-d2c-ecommerce #d2c-services .service-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--d2c-trust);
}

body.page-template-industry-d2c-ecommerce #d2c-services .service-card p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Responsive grid refinement (if needed on smaller screens) */
@media(max-width:991px){
  body.page-template-industry-d2c-ecommerce #d2c-services .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-d2c-ecommerce #d2c-services .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== D2C – CASE STUDIES ===================== */

#d2c-case-studies{
  background:#FFFFFF;
}

/* Header */
#d2c-case-studies .cs-header{
  margin-bottom:24px;
}
#d2c-case-studies .cs-header h2{
  color:var(--d2c-trust);
}
#d2c-case-studies .cs-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid wrapper */
#d2c-case-studies .case-grid{
  margin-top:8px;
}

/* Case card base */
#d2c-case-studies .case-card{
  background:#FFFFFF;
  border:1px solid var(--d2c-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

#d2c-case-studies .case-card:hover{
  border-color:var(--d2c-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
  background:#FFFCFE;
}

/* Meta row (tag + metric) */
#d2c-case-studies .case-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
  gap:8px;
}

#d2c-case-studies .case-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--d2c-accent-soft);
  color:var(--d2c-accent-dark);
}

#d2c-case-studies .case-metric{
  font-size:12px;
  font-weight:600;
  padding:3px 10px;
  border-radius:999px;
  background:var(--d2c-accent);
  color:#FFFFFF;
}

/* Title + copy */
#d2c-case-studies .case-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--d2c-trust);
}
#d2c-case-studies .case-card p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Quote block */
#d2c-case-studies .case-quote{
  margin-top:18px;
  border-left:4px solid var(--d2c-accent);
  background:#FFFFFF;
}
#d2c-case-studies .case-quote footer{
  margin-top:8px;
  font-size:13px;
  color:var(--muted);
}

/* CTA under case studies */
#d2c-case-studies .cs-cta{
  margin-top:16px;
}

/* Responsive grid */
@media(max-width:991px){
  #d2c-case-studies .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #d2c-case-studies .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== D2C – INDUSTRY INSIGHTS (BLOGS) ===================== */

body.page-template-industry-d2c-ecommerce #d2c-insights{
  background:var(--d2c-bg-soft); /* #FFF7FB */
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
body.page-template-industry-d2c-ecommerce #d2c-insights .insights-header{
  margin-bottom:24px;
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insights-header h2{
  color:var(--d2c-trust); /* #1C2340 */
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insights-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-d2c-ecommerce #d2c-insights .insights-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card{
  background:#FFFFFF;
  border:1px solid var(--d2c-border);      /* #E6E4F0 */
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,0.04);
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease;
  padding-bottom:14px;
}

/* Hover */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card:hover{
  border-color:var(--d2c-accent-soft);     /* #FFE4F0 */
  box-shadow:0 18px 44px rgba(0,0,0,0.08);
  transform:translateY(-4px);
  background:#FFFCFE;
}

/* Blog image */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:18px 18px 0 0;
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Meta + tag */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-meta{
  margin:12px 18px 8px;
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-tag{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  font-size:11px;
  border-radius:999px;
  background:var(--d2c-accent-soft); /* #FFE4F0 */
  color:var(--d2c-accent-dark);      /* #D12E6D */
  text-transform:uppercase;
  letter-spacing:0.05em;
}

/* Title */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card h3{
  font-size:16px;
  margin:0 18px 6px;
  color:var(--d2c-trust);
  line-height:1.35;
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card h3 a{
  text-decoration:none;
  color:inherit;
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card h3 a:hover{
  text-decoration:underline;
}

/* Excerpt */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-card p{
  margin:0 18px 10px;
  font-size:14px;
  color:var(--muted);
}

/* Footer link */
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-link{
  display:inline-block;
  margin:0 18px;
  font-size:13px;
  font-weight:600;
  color:var(--d2c-accent-dark);
}
body.page-template-industry-d2c-ecommerce #d2c-insights .insight-link:hover{
  text-decoration:underline;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-d2c-ecommerce #d2c-insights .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-d2c-ecommerce #d2c-insights .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}

/* ===================== D2C – WHY TECHNORHYTHMS ===================== */

#d2c-why{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Section Header */
#d2c-why .why-header{
  text-align:left;
  margin-bottom:32px;
}
#d2c-why .why-header h2{
  color:#1C2340; /* trust navy */
}
#d2c-why .why-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid Block */
#d2c-why .why-grid{
  margin-top:16px;
}

/* Why Cards */
#d2c-why .why-card{
  background:#FFFFFF;
  border:1px solid #E6E4F0;        /* D2C border */
  border-radius:20px;
  padding:26px 20px 24px;
  text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:all .25s ease;
}

/* Hover Motion */
#d2c-why .why-card:hover{
  transform:translateY(-4px);
  border-color:#FFE4F0;            /* soft pink highlight */
  box-shadow:0 20px 50px rgba(0,0,0,0.06);
  background:#FFFCFE;              /* very subtle pink tone */
}

/* Icons */
#d2c-why .why-icon{
  font-size:28px;
  margin-bottom:12px;
  display:inline-flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#FFE4F0;              /* D2C Soft Pink */
  color:#D12E6D;                   /* D2C Accent Dark */
}

/* Text */
#d2c-why h3{
  font-size:16px;
  margin-bottom:8px;
  color:#1C2340;
}
#d2c-why p{
  margin:0;
  font-size:14px;
  color:#6B737D;
}

/* Responsive */
@media(max-width:991px){
  #d2c-why .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #d2c-why .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== D2C – RESULTS & IMPACT METRICS ===================== */

#d2c-metrics{
  background:#FFFFFF;
}

/* Header */
#d2c-metrics .metrics-header{
  margin-bottom:24px;
}
#d2c-metrics .metrics-header h2{
  color:#1C2340; /* trust navy */
}
#d2c-metrics .metrics-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid wrapper */
#d2c-metrics .metrics-grid{
  margin-top:8px;
}

/* Metric cards */
#d2c-metrics .metric-card{
  background:#FFFFFF;
  border:1px solid #E6E4F0;
  border-radius:18px;
  padding:20px 18px 18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

/* Hover */
#d2c-metrics .metric-card:hover{
  border-color:#FFE4F0;      /* soft D2C pink */
  background:#FFFCFE;
  box-shadow:0 18px 46px rgba(0,0,0,0.06);
  transform:translateY(-3px);
}

/* Labels / values */
#d2c-metrics .metric-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:#6B737D;
  margin:0 0 6px;
}

#d2c-metrics .metric-value{
  font-size:26px;
  font-weight:700;
  line-height:1.1;
  margin-bottom:6px;
  color:#1C2340;
}

#d2c-metrics .metric-text{
  font-size:14px;
  color:#6B737D;
  margin:0;
}

/* Responsive grid */
@media(max-width:991px){
  #d2c-metrics .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #d2c-metrics .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== D2C – STRONG CTA ===================== */

#d2c-cta{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Outer wrapper with soft glow halo */
#d2c-cta .cta-wrap{
  position:relative;
  padding:12px;
  border-radius:28px;
}

/* Pink glow behind card */
#d2c-cta .cta-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(135deg, #FFE4F0 0%, #FFFFFF 60%);
  filter:blur(32px);
  opacity:0.55;
  z-index:0;
}

/* CTA Card */
#d2c-cta .cta-card{
  position:relative;
  z-index:2;
  background:#FFFFFF;
  border:1px solid #E6E4F0;
  border-radius:24px;
  padding:42px 36px;
  box-shadow:0 20px 48px rgba(0,0,0,0.05);
  text-align:left;
}

/* Heading */
#d2c-cta .cta-card h2{
  font-size:26px;
  line-height:1.25;
  color:#1C2340; /* trust navy */
  margin-bottom:12px;
}

/* Subtext */
#d2c-cta .cta-card .sub{
  color:#6B737D;
  max-width:46rem;
  margin-bottom:24px;
  font-size:16px;
}

/* Button layout */
#d2c-cta .cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Button enhancements */
#d2c-cta .btn-primary{
  background:#D12E6D;   /* D2C accent */
  border-color:#D12E6D;
}
#d2c-cta .btn-primary:hover{
  background:#B9245E;
  border-color:#B9245E;
}

#d2c-cta .btn--ghost{
  background:#FFFFFF;
  border:1px solid #D12E6D;
  color:#D12E6D;
}
#d2c-cta .btn--ghost:hover{
  background:#FFE4F0;
  border-color:#D12E6D;
}

/* Responsive */
@media(max-width:575px){
  #d2c-cta .cta-card{
    padding:32px 24px;
  }
  #d2c-cta .cta-card h2{
    font-size:22px;
  }
}
/* ===================== D2C – FAQ ===================== */

#d2c-faq{
  background:#F7F8FB; /* soft neutral so pink elsewhere stays special */
}

/* Left column */
#d2c-faq .faq-title{
  color:#1C2340;
  margin-bottom:8px;
}
#d2c-faq .sub{
  color:#6B737D;
}

/* Pill kicker (reuse global if you have it) */
#d2c-faq .pill-kicker{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  background:#FFE4F0;
  color:#D12E6D;
  margin-bottom:10px;
}

/* Accordion container */
#d2c-faq .tr-accordion{
  border-radius:18px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid #E6E4F0;
  box-shadow:0 10px 28px rgba(0,0,0,0.04);
}

/* Accordion item */
#d2c-faq .accordion-item{
  border:0;
  border-bottom:1px solid #F0F1F6;
}
#d2c-faq .accordion-item:last-child{
  border-bottom:0;
}

/* Accordion button */
#d2c-faq .accordion-button{
  background:#FFFFFF;
  color:#1C2340;
  font-weight:500;
  font-size:14px;
  padding:14px 18px;
  box-shadow:none;
  border-radius:0;
  gap:8px;
}

/* Index pill before question */
#d2c-faq .accordion-button .idx{
  font-size:12px;
  font-weight:600;
  color:#D12E6D;
}

/* Remove default caret background */
#d2c-faq .accordion-button:not(.collapsed){
  background:#FFFCFE;
  color:#1C2340;
  border-bottom:1px solid #FFE4F0;
}
#d2c-faq .accordion-button:focus{
  box-shadow:none;
  border-color:#FFE4F0;
}

/* Override default BS caret color */
#d2c-faq .accordion-button::after{
  filter:brightness(0.2);
  opacity:.7;
}

/* Body */
#d2c-faq .accordion-body{
  padding:12px 18px 16px;
  font-size:14px;
  color:#6B737D;
  background:#FFFFFF;
}

/* Responsive spacing */
@media(max-width:991px){
  #d2c-faq .d2c-faq-wrap{
    padding-top:8px;
  }
}

/*=================================
===================================
B2B SaaS & IT Industry Page
===================================
==================================*/

/* SaaS / IT theme tokens */
body.page-template-industry-b2b-saas-it{
  --saas-bg-soft:       #F5F8FF;
  --saas-border:        #E6E9F0;
  --saas-accent:        #0066FF;
  --saas-accent-dark:   #004FCC;
  --saas-accent-soft:   #E8F1FF;
  --saas-trust:         #0A1A33;
}

/* ===================== 1. HERO SECTION ===================== */
body.page-template-industry-b2b-saas-it #saas-hero{
  padding-top:80px;
  padding-bottom:80px;
  background:#FFFFFF;
}

body.page-template-industry-b2b-saas-it #saas-hero .hero-copy h1{
  font-size:36px;
  line-height:1.2;
  color:var(--saas-trust);
  margin-bottom:14px;
}

body.page-template-industry-b2b-saas-it #saas-hero .hero-copy .lead{
  font-size:17px;
  line-height:1.55;
  color:#6B737D;
  max-width:44rem;
  margin-bottom:26px;
}

body.page-template-industry-b2b-saas-it #saas-hero .actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Primary button */
body.page-template-industry-b2b-saas-it #saas-hero .btn-primary{
  background:var(--saas-accent);
  border-color:var(--saas-accent);
}
body.page-template-industry-b2b-saas-it #saas-hero .btn-primary:hover{
  background:var(--saas-accent-dark);
  border-color:var(--saas-accent-dark);
}

/* Ghost button */
body.page-template-industry-b2b-saas-it #saas-hero .btn--ghost{
  background:#FFFFFF;
  border:1px solid var(--saas-accent);
  color:var(--saas-accent-dark);
}
body.page-template-industry-b2b-saas-it #saas-hero .btn--ghost:hover{
  background:var(--saas-accent-soft);
  border-color:var(--saas-accent);
}

/* Hero visual image */
body.page-template-industry-b2b-saas-it #saas-hero .hero-device img{
  width:100%;
  height:auto;
  display:block;
}

@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-hero{
    padding-top:60px;
    padding-bottom:60px;
  }
  body.page-template-industry-b2b-saas-it #saas-hero .hero-copy h1{
    font-size:30px;
  }
}
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-hero .hero-copy h1{
    font-size:26px;
  }
  body.page-template-industry-b2b-saas-it #saas-hero .hero-copy .lead{
    font-size:16px;
  }
}

/* ===================== 2. OUTCOME STATEMENT ===================== */

body.page-template-industry-b2b-saas-it #saas-outcomes{
  background:var(--saas-bg-soft);
}

/* Top row: copy + KPIs */
body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:32px;
  margin-bottom:28px;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-copy{
  max-width:44rem;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-copy h2{
  color:var(--saas-trust);
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-copy .sub{
  color:#6B737D;
}

/* KPI chips */
body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-kpis{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:230px;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-kpi{
  padding:10px 14px;
  border-radius:14px;
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  box-shadow:0 8px 22px rgba(0,0,0,0.03);
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-kpi .kpi-value{
  display:block;
  font-size:20px;
  font-weight:700;
  color:var(--saas-accent-dark);
  line-height:1.2;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-kpi .kpi-label{
  display:block;
  font-size:12px;
  margin-top:2px;
  color:#6B737D;
}

/* Bottom grid: 2x2 outcomes */
body.page-template-industry-b2b-saas-it #saas-outcomes .outcomes-grid{
  margin-top:8px;
}

/* 2 columns on desktop */
body.page-template-industry-b2b-saas-it #saas-outcomes .tr-grid.tr-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* Outcome cards */
body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-card{
  position:relative;
  padding-top:18px;
  padding-left:18px;
  border:1px solid var(--saas-border);
  border-radius:18px;
  background:#FFFFFF;
  box-shadow:0 10px 30px rgba(0,0,0,0.03);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-card:hover{
  border-color:var(--saas-accent-soft);
  box-shadow:0 18px 40px rgba(0,0,0,0.06);
  transform:translateY(-3px);
}

/* Small accent dot/icon */
body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-card-icon{
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--saas-accent-soft);
  border:2px solid var(--saas-accent);
  margin-bottom:10px;
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--saas-trust);
}

body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-card p{
  font-size:14px;
  color:#6B737D;
}

/* Responsive */
@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.page-template-industry-b2b-saas-it #saas-outcomes .outcome-kpis{
    flex-direction:row;
    flex-wrap:wrap;
    min-width:0;
  }
}

@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-outcomes .tr-grid.tr-2{
    grid-template-columns:1fr;
  }
}
/* ===================== SaaS – INDUSTRY CHALLENGES ===================== */

body.page-template-industry-b2b-saas-it #saas-challenges{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-b2b-saas-it #saas-challenges .challenges-header{
  margin-bottom:24px;
}
body.page-template-industry-b2b-saas-it #saas-challenges .challenges-header h2{
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-challenges .challenges-header .sub{
  color:#6B737D;
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-card{
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-b2b-saas-it #saas-challenges .challenge-card:hover{
  border-color:var(--saas-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
}

/* Meta row (tag + index) */
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

body.page-template-industry-b2b-saas-it #saas-challenges .challenge-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--saas-accent-soft);
  color:var(--saas-accent-dark);
}

body.page-template-industry-b2b-saas-it #saas-challenges .challenge-index{
  font-size:12px;
  font-weight:600;
  color:var(--saas-accent-dark);
}

/* Titles + copy */
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-card p{
  font-size:14px;
  color:#6B737D;
  margin-bottom:6px;
}
body.page-template-industry-b2b-saas-it #saas-challenges .challenge-card ul{
  padding-left:18px;
  margin:0;
  font-size:13px;
  color:#6B737D;
}

/* Responsive tweaks */
@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-challenges .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-challenges .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== SaaS – OUR APPROACH (DESIGN THINKING + DATA) ===================== */

body.page-template-industry-b2b-saas-it #saas-approach{
  background:var(--saas-bg-soft);
}

/* Header */
body.page-template-industry-b2b-saas-it #saas-approach .approach-header{
  max-width:48rem;
  margin-bottom:24px;
}
body.page-template-industry-b2b-saas-it #saas-approach .approach-header h2{
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-approach .approach-header .sub{
  color:#6B737D;
}

/* Timeline list */
body.page-template-industry-b2b-saas-it #saas-approach .approach-steps{
  list-style:none;
  margin:0;
  padding:0;
  border-left:2px solid rgba(59,130,246,0.22); /* subtle SaaS blue line */
}

/* Individual step */
body.page-template-industry-b2b-saas-it #saas-approach .approach-step{
  position:relative;
  padding-left:52px;
  padding-bottom:24px;
  margin-bottom:8px;
}

body.page-template-industry-b2b-saas-it #saas-approach .approach-step:last-child{
  padding-bottom:0;
  margin-bottom:0;
}

/* Step index circle */
body.page-template-industry-b2b-saas-it #saas-approach .step-index{
  position:absolute;
  left:-17px;
  top:0;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#FFFFFF;
  border:2px solid var(--saas-accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:600;
  color:var(--saas-accent-dark);
}

/* Step body */
body.page-template-industry-b2b-saas-it #saas-approach .step-body h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--saas-trust);
}

body.page-template-industry-b2b-saas-it #saas-approach .step-body p{
  font-size:14px;
  color:#6B737D;
  margin:0;
}

/* Hover accent (desktop) */
@media (hover:hover){
  body.page-template-industry-b2b-saas-it #saas-approach .approach-step:hover .step-index{
    background:var(--saas-accent-soft);
  }
}

/* Responsive tweaks */
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-approach .approach-steps{
    border-left:1px solid rgba(59,130,246,0.22);
  }
  body.page-template-industry-b2b-saas-it #saas-approach .approach-step{
    padding-left:44px;
  }
}
/* ===================== SaaS – INDUSTRY-ALIGNED SERVICES ===================== */

body.page-template-industry-b2b-saas-it #saas-services{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-b2b-saas-it #saas-services .services-header{
  margin-bottom:24px;
}
body.page-template-industry-b2b-saas-it #saas-services .services-header h2{
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-services .services-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid wrapper */
body.page-template-industry-b2b-saas-it #saas-services .services-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-b2b-saas-it #saas-services .service-card{
  display:block;
  text-decoration:none;
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

/* Hover */
body.page-template-industry-b2b-saas-it #saas-services .service-card:hover{
  border-color:var(--saas-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  background:#F8FBFF;
  transform:translateY(-3px);
}

/* Meta pill */
body.page-template-industry-b2b-saas-it #saas-services .service-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--saas-accent-soft);
  color:var(--saas-accent-dark);
  margin-bottom:8px;
}

/* Titles + copy */
body.page-template-industry-b2b-saas-it #saas-services .service-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--saas-trust);
}

body.page-template-industry-b2b-saas-it #saas-services .service-card p{
  font-size:14px;
  color:#6B737D;
  margin:0;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-services .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-services .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== SaaS – CASE STUDIES ===================== */

body.page-template-industry-b2b-saas-it #saas-case-studies{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-b2b-saas-it #saas-case-studies .cs-header{
  margin-bottom:24px;
}
body.page-template-industry-b2b-saas-it #saas-case-studies .cs-header h2{
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-case-studies .cs-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid wrapper */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-grid{
  margin-top:8px;
}

/* Case card base */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-card{
  display:block;
  text-decoration:none;
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

/* Hover */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-card:hover{
  border-color:var(--saas-accent-soft);
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  background:#F5F8FF;
  transform:translateY(-3px);
}

/* Meta row (tag + metric) */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}

/* Tag pill */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--saas-accent-soft);
  color:var(--saas-accent-dark);
}

/* Metric pill */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-metric{
  font-size:12px;
  font-weight:600;
  padding:3px 10px;
  border-radius:999px;
  background:var(--saas-accent);
  color:#FFFFFF;
}

/* Title + copy */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--saas-trust);
}
body.page-template-industry-b2b-saas-it #saas-case-studies .case-card p{
  font-size:14px;
  color:#6B737D;
  margin:0;
}

/* Quote block */
body.page-template-industry-b2b-saas-it #saas-case-studies .case-quote{
  margin-top:18px;
  border-left:4px solid var(--saas-accent);
  padding:16px 18px;
  background:#FFFFFF;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
}
body.page-template-industry-b2b-saas-it #saas-case-studies .case-quote footer{
  margin-top:8px;
  font-size:13px;
  color:#6B737D;
}

/* CTA under case studies */
body.page-template-industry-b2b-saas-it #saas-case-studies .cs-cta{
  margin-top:16px;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-case-studies .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-case-studies .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== B2B SAAS – INDUSTRY INSIGHTS (BLOGS) ===================== */

body.page-template-industry-b2b-saas-it #saas-insights{
  background: var(--saas-bg-soft, #F5F7FF); /* soft blue band */
}

/* Header */
body.page-template-industry-b2b-saas-it #saas-insights .insights-header{
  margin-bottom:24px;
}
body.page-template-industry-b2b-saas-it #saas-insights .insights-header h2{
  color: var(--saas-trust, #111827); /* trust navy */
}
body.page-template-industry-b2b-saas-it #saas-insights .insights-header .sub{
  color: var(--muted, #6B737D);
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-b2b-saas-it #saas-insights .insights-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card{
  background:#FFFFFF;
  border:1px solid var(--saas-border, #E1E5F5);
  border-radius:18px;
  padding:0 0 16px; /* top handled by image */
  box-shadow:0 8px 24px rgba(15,23,42,0.04);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease,
    background .2s ease;
}

/* Hover */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card:hover{
  border-color: rgba(59,130,246,0.35); /* soft blue highlight */
  box-shadow:0 18px 46px rgba(15,23,42,0.08);
  transform:translateY(-3px);
  background:#FFFFFF;
}

/* Image wrapper */
body.page-template-industry-b2b-saas-it #saas-insights .insight-img{
  width:100%;
  overflow:hidden;
  border-radius:18px 18px 0 0;
}

body.page-template-industry-b2b-saas-it #saas-insights .insight-img img{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
  transition:transform .35s ease;
}

/* Zoom image slightly on hover */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card:hover .insight-img img{
  transform:scale(1.03);
}

/* Inner content */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card > *:not(.insight-img){
  padding:0 18px;
}

/* Category pill row */
body.page-template-industry-b2b-saas-it #saas-insights .insight-meta{
  margin-top:14px;
  margin-bottom:6px;
}

body.page-template-industry-b2b-saas-it #saas-insights .insight-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background: var(--saas-accent-soft, #E0EDFF);
  color: var(--saas-accent-dark, #1D4ED8);
}

/* Title + link */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card h3{
  font-size:16px;
  margin:4px 0 6px;
}

body.page-template-industry-b2b-saas-it #saas-insights .insight-card h3 a{
  color: var(--saas-trust, #111827);
  text-decoration:none;
}

body.page-template-industry-b2b-saas-it #saas-insights .insight-card h3 a:hover{
  text-decoration:underline;
}

/* Excerpt */
body.page-template-industry-b2b-saas-it #saas-insights .insight-card p{
  font-size:14px;
  color: var(--muted, #6B737D);
  margin:0 0 10px;
}

/* "Read insight" footer link */
body.page-template-industry-b2b-saas-it #saas-insights .insight-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:13px;
  font-weight:500;
  color: var(--saas-accent, #3B82F6);
  text-decoration:none;
  margin-bottom:12px;
}

body.page-template-industry-b2b-saas-it #saas-insights .insight-link:hover{
  text-decoration:underline;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-b2b-saas-it #saas-insights .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-b2b-saas-it #saas-insights .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
  body.page-template-industry-b2b-saas-it #saas-insights .insight-img img{
    height:180px;
  }
}
/* ===================== SaaS – WHY TECHNORHYTHMS ===================== */

#saas-why{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
#saas-why .why-header{
  margin-bottom:32px;
}
#saas-why .why-header h2{
  color:var(--saas-trust);
}
#saas-why .why-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid wrapper */
#saas-why .why-grid{
  margin-top:16px;
}

/* Cards */
#saas-why .why-card{
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:20px;
  padding:24px 20px 22px;
  text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:all .25s ease;
}

/* Hover */
#saas-why .why-card:hover{
  transform:translateY(-4px);
  border-color:var(--saas-accent-soft);
  box-shadow:0 20px 50px rgba(0,0,0,0.07);
  background:#F8FAFF;
}

/* Icon pill */
#saas-why .why-icon{
  font-size:24px;
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:var(--saas-accent-soft);
  color:var(--saas-accent-dark);
}

/* Text */
#saas-why h3{
  font-size:16px;
  margin-bottom:8px;
  color:var(--saas-trust);
}
#saas-why p{
  margin:0;
  font-size:14px;
  color:#6B737D;
}

/* Responsive grid */
@media(max-width:991px){
  #saas-why .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #saas-why .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== SaaS – RESULTS & IMPACT METRICS ===================== */

#saas-metrics{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
#saas-metrics .metrics-header{
  margin-bottom:24px;
}
#saas-metrics .metrics-header h2{
  color:var(--saas-trust);
}
#saas-metrics .metrics-header .sub{
  max-width:44rem;
  color:#6B737D;
}

/* Grid wrapper */
#saas-metrics .metrics-grid{
  margin-top:8px;
}

/* Metric cards */
#saas-metrics .metric-card{
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:18px;
  padding:22px 20px 20px;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

/* Hover */
#saas-metrics .metric-card:hover{
  border-color:var(--saas-accent-soft);
  background:#F5F8FF;
  box-shadow:0 18px 46px rgba(0,0,0,0.06);
  transform:translateY(-3px);
}

/* Label */
#saas-metrics .metric-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:#6B737D;
  margin:0 0 6px;
}

/* Metric value */
#saas-metrics .metric-value{
  font-size:28px;
  font-weight:700;
  line-height:1.1;
  margin-bottom:6px;
  color:var(--saas-trust);  /* deep navy */
}

/* Description */
#saas-metrics .metric-text{
  font-size:14px;
  color:#6B737D;
  margin:0;
}

/* Responsive grid */
@media(max-width:991px){
  #saas-metrics .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #saas-metrics .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== SaaS – STRONG CTA ===================== */

#saas-cta{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Outer wrapper with soft SaaS glow */
#saas-cta .cta-wrap{
  position:relative;
  padding:12px;
  border-radius:28px;
}

/* Blue glow behind card */
#saas-cta .cta-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(135deg, var(--saas-accent-soft) 0%, #FFFFFF 60%);
  filter:blur(32px);
  opacity:0.55;
  z-index:0;
}

/* CTA Card */
#saas-cta .cta-card{
  position:relative;
  z-index:2;
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  border-radius:24px;
  padding:42px 36px;
  box-shadow:0 20px 48px rgba(15,23,42,0.12); /* subtle SaaS shadow */
  text-align:left;
}

/* Heading */
#saas-cta .cta-card h2{
  font-size:26px;
  line-height:1.25;
  color:var(--saas-trust);
  margin-bottom:12px;
}

/* Subtext */
#saas-cta .cta-card .sub{
  color:#6B737D;
  max-width:46rem;
  margin-bottom:24px;
  font-size:16px;
}

/* Button layout */
#saas-cta .cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Primary button — SaaS accent */
#saas-cta .btn-primary{
  background:var(--saas-accent);
  border-color:var(--saas-accent);
}
#saas-cta .btn-primary:hover{
  background:var(--saas-accent-dark);
  border-color:var(--saas-accent-dark);
}

/* Ghost button */
#saas-cta .btn--ghost{
  background:#FFFFFF;
  border:1px solid var(--saas-accent);
  color:var(--saas-accent-dark);
}
#saas-cta .btn--ghost:hover{
  background:var(--saas-accent-soft);
  border-color:var(--saas-accent-dark);
}

/* Responsive */
@media(max-width:575px){
  #saas-cta .cta-card{
    padding:32px 24px;
  }
  #saas-cta .cta-card h2{
    font-size:22px;
  }
}
/* ===================== SaaS – FAQ ===================== */

#saas-faq{
  background:#F7F8FA; /* SaaS soft neutral */
  padding-top:70px;
  padding-bottom:70px;
}

/* Title */
#saas-faq .faq-title{
  color:var(--saas-trust);
  margin-bottom:8px;
}

/* Subtitle */
#saas-faq .sub{
  color:#6B737D;
  max-width:40rem;
}

/* Pill kicker */
#saas-faq .pill-kicker{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  background:var(--saas-accent-soft);
  color:var(--saas-accent-dark);
  margin-bottom:10px;
}

/* Accordion container */
#saas-faq .tr-accordion{
  border-radius:18px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid var(--saas-border);
  box-shadow:0 10px 28px rgba(0,0,0,0.04);
}

/* Items */
#saas-faq .accordion-item{
  border:0;
  border-bottom:1px solid #EEF0F6;
}
#saas-faq .accordion-item:last-child{
  border-bottom:0;
}

/* Accordion button */
#saas-faq .accordion-button{
  background:#FFFFFF;
  color:var(--saas-trust);
  font-weight:500;
  font-size:14px;
  padding:14px 18px;
  box-shadow:none;
  border-radius:0;
  gap:8px;
}

/* Index pill */
#saas-faq .accordion-button .idx{
  font-size:12px;
  font-weight:600;
  color:var(--saas-accent);
}

/* Open state */
#saas-faq .accordion-button:not(.collapsed){
  background:#F5F8FF; /* SaaS soft blue fill */
  color:var(--saas-trust);
  border-bottom:1px solid var(--saas-accent-soft);
}
#saas-faq .accordion-button:focus{
  box-shadow:none;
  border-color:var(--saas-accent-soft);
}

/* Caret color */
#saas-faq .accordion-button::after{
  filter:brightness(0.3);
  opacity:0.7;
}

/* Body */
#saas-faq .accordion-body{
  padding:12px 18px 16px;
  font-size:14px;
  color:#6B737D;
  background:#FFFFFF;
}

/* ============================================
   REAL ESTATE INDUSTRY PAGE — HERO SECTION
   ============================================ */

body.page-template-industry-real-estate {
  /* Real Estate theme tokens */
  --real-accent:       #C86A3D;
  --real-accent-dark:  #A5542F;
  --real-accent-soft:  #FCEFE8;
  --real-trust:        #1A2632;
  --real-bg-soft:      #FAF7F4;
  --real-border:       #E5DFD6;
  --muted:             #6B737D;
}

/* ================= HERO WRAPPER ================= */
#real-hero {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #FFFFFF;
}

/* =============== HERO TAG ======================= */
#real-hero .hero-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--real-accent-soft);
  color: var(--real-accent-dark);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* =============== HERO TITLE ===================== */
#real-hero .hero-title {
  font-size: 36px;
  line-height: 1.22;
  margin-bottom: 14px;
  color: var(--real-trust);
}

/* =============== HERO SUBTEXT =================== */
#real-hero .hero-sub {
  font-size: 17px;
  line-height: 1.55;
  color: var(--muted);
  max-width: 44rem;
  margin-bottom: 26px;
}

/* =============== HERO BUTTON ROW ================= */
#real-hero .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* PRIMARY BUTTON */
#real-hero .btn-primary {
  background: var(--real-accent);
  border-color: var(--real-accent);
  color: #FFFFFF;
}
#real-hero .btn-primary:hover {
  background: var(--real-accent-dark);
  border-color: var(--real-accent-dark);
}

/* GHOST BUTTON */
#real-hero .btn--ghost {
  background: #FFFFFF;
  border: 1px solid var(--real-accent);
  color: var(--real-accent);
}
#real-hero .btn--ghost:hover {
  background: var(--real-accent-soft);
  border-color: var(--real-accent-dark);
}

/* =============== HERO VISUAL IMAGE ================ */
#real-hero .hero-visual img,
#real-hero .hero-device img {
  width: 100%;
  height: auto;
  display: block;
}

/* =============== RESPONSIVE ======================= */
@media (max-width: 991px) {
  #real-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #real-hero .hero-title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  #real-hero .hero-title {
    font-size: 26px;
  }
  #real-hero .hero-sub {
    font-size: 16px;
  }
}
/* ===================== REAL ESTATE — OUTCOME STATEMENT ===================== */

body.page-template-industry-real-estate #real-outcomes {
  background: var(--real-bg-soft); /* #FAF7F4 */
}

/* Header row (copy + KPIs) */
body.page-template-industry-real-estate #real-outcomes .real-outcomes-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 28px;
}

body.page-template-industry-real-estate #real-outcomes .outcome-copy {
  max-width: 44rem;
}

body.page-template-industry-real-estate #real-outcomes .outcome-copy h2 {
  color: var(--real-trust); /* #1A2632 */
}

body.page-template-industry-real-estate #real-outcomes .outcome-copy .sub {
  color: var(--muted);
}

/* KPI chips */
body.page-template-industry-real-estate #real-outcomes .outcome-kpis {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 230px;
}

body.page-template-industry-real-estate #real-outcomes .outcome-kpi {
  padding: 10px 14px;
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid var(--real-border);  /* #E5DFD6 */
  box-shadow: 0 8px 22px rgba(0,0,0,0.03);
}

body.page-template-industry-real-estate #real-outcomes .outcome-kpi .kpi-value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--real-accent-dark); /* #A5542F */
  line-height: 1.2;
}

body.page-template-industry-real-estate #real-outcomes .outcome-kpi .kpi-label {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  color: var(--muted);
}

/* 2×2 outcome grid */
body.page-template-industry-real-estate #real-outcomes .outcomes-grid {
  margin-top: 8px;
}

/* Force 2 columns on desktop */
body.page-template-industry-real-estate #real-outcomes .tr-grid.tr-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Outcome cards */
body.page-template-industry-real-estate #real-outcomes .outcome-card {
  position: relative;
  padding: 18px 18px 16px;
  border: 1px solid var(--real-border);
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-real-estate #real-outcomes .outcome-card:hover {
  border-color: var(--real-accent-soft);   /* #FCEFE8 */
  box-shadow: 0 18px 40px rgba(0,0,0,0.06);
  transform: translateY(-3px);
}

/* Small accent dot/icon */
body.page-template-industry-real-estate #real-outcomes .outcome-card-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--real-accent-soft);   /* light beige/peach */
  border: 2px solid var(--real-accent);  /* #C86A3D */
  margin-bottom: 10px;
}

/* Titles + body */
body.page-template-industry-real-estate #real-outcomes .outcome-card h3 {
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--real-trust);
}

body.page-template-industry-real-estate #real-outcomes .outcome-card p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  body.page-template-industry-real-estate #real-outcomes .real-outcomes-header {
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-template-industry-real-estate #real-outcomes .outcome-kpis {
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 0;
  }

  body.page-template-industry-real-estate #real-outcomes .tr-grid.tr-2 {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 575px) {
  body.page-template-industry-real-estate #real-outcomes .tr-grid.tr-2 {
    grid-template-columns: 1fr;
  }
}
/* Expected Real Estate tokens:
   --real-bg-soft:   #FAF7F4;
   --real-border:    #E5DFD6;
   --real-accent:    #C86A3D;
   --real-accent-dark:#A5542F;
   --real-accent-soft:#FCEFE8;
   --real-trust:     #1A2632;
*/

/* ===================== REAL ESTATE — INDUSTRY CHALLENGES ===================== */

body.page-template-industry-real-estate #real-challenges {
  background: #FFFFFF;
}

/* Header */
body.page-template-industry-real-estate #real-challenges .challenges-header {
  margin-bottom: 24px;
}

body.page-template-industry-real-estate #real-challenges .challenges-header h2 {
  color: var(--real-trust);
}

body.page-template-industry-real-estate #real-challenges .challenges-header .sub {
  color: var(--muted);
  max-width: 44rem;
}

/* Grid wrapper */
body.page-template-industry-real-estate #real-challenges .challenge-grid {
  margin-top: 8px;
}

/* Card base */
body.page-template-industry-real-estate #real-challenges .challenge-card {
  background: #FFFFFF;
  border: 1px solid var(--real-border);
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 26px rgba(0,0,0,0.02);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.page-template-industry-real-estate #real-challenges .challenge-card:hover {
  border-color: var(--real-accent-soft);
  box-shadow: 0 16px 40px rgba(0,0,0,0.05);
  transform: translateY(-3px);
}

/* Meta row (tag + index) */
body.page-template-industry-real-estate #real-challenges .challenge-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

body.page-template-industry-real-estate #real-challenges .challenge-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: var(--real-accent-soft);
  color: var(--real-accent-dark);
}

body.page-template-industry-real-estate #real-challenges .challenge-index {
  font-size: 12px;
  font-weight: 600;
  color: var(--real-accent-dark);
}

/* Titles + content */
body.page-template-industry-real-estate #real-challenges .challenge-card h3 {
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--real-trust);
}

body.page-template-industry-real-estate #real-challenges .challenge-card p {
  font-size: 14px;
  color: var(--muted);
  margin-bottom: 6px;
}

body.page-template-industry-real-estate #real-challenges .challenge-card ul {
  padding-left: 18px;
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}

/* Responsive grid */
@media (max-width: 991px) {
  body.page-template-industry-real-estate #real-challenges .tr-grid.tr-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.page-template-industry-real-estate #real-challenges .tr-grid.tr-3 {
    grid-template-columns: 1fr;
  }
}
/* ===================== REAL ESTATE — OUR APPROACH ===================== */

body.page-template-industry-real-estate #real-approach{
  background: var(--real-bg-soft); /* warm soft background */
}

/* Header */
body.page-template-industry-real-estate #real-approach .approach-header{
  max-width: 48rem;
  margin-bottom: 24px;
}

body.page-template-industry-real-estate #real-approach .approach-header h2{
  color: var(--real-trust);
}

body.page-template-industry-real-estate #real-approach .approach-header .sub{
  color: var(--muted);
}

/* Steps list (vertical timeline) */
body.page-template-industry-real-estate #real-approach .approach-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid rgba(200,106,61,0.18); /* subtle warm line using accent */
}

/* Individual step */
body.page-template-industry-real-estate #real-approach .approach-step{
  position: relative;
  padding-left: 48px;
  padding-bottom: 24px;
  margin-bottom: 8px;
}

body.page-template-industry-real-estate #real-approach .approach-step:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
}

/* Step index circle */
body.page-template-industry-real-estate #real-approach .step-index{
  position: absolute;
  left: -15px;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #FFFFFF;
  border: 2px solid var(--real-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--real-accent-dark);
}

/* Step body */
body.page-template-industry-real-estate #real-approach .step-body h3{
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--real-trust);
}

body.page-template-industry-real-estate #real-approach .step-body p{
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

/* Hover accent (desktop) */
@media (hover:hover){
  body.page-template-industry-real-estate #real-approach .approach-step:hover .step-index{
    background: var(--real-accent-soft);
  }
}

/* Responsive tweaks */
@media(max-width:575px){
  body.page-template-industry-real-estate #real-approach .approach-steps{
    border-left: 1px solid rgba(200,106,61,0.18);
  }
  body.page-template-industry-real-estate #real-approach .approach-step{
    padding-left: 42px;
  }
}
/* ===================== REAL ESTATE – INDUSTRY-ALIGNED SERVICES ===================== */

body.page-template-industry-real-estate #real-services{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-real-estate #real-services .services-header{
  margin-bottom:24px;
}

body.page-template-industry-real-estate #real-services .services-header h2{
  color:var(--real-trust);        /* ex: #1E2933 */
}

body.page-template-industry-real-estate #real-services .services-header .sub{
  color:var(--muted);             /* global muted grey */
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-real-estate #real-services .services-grid{
  margin-top:8px;
}

/* Card base */
body.page-template-industry-real-estate #real-services .service-card{
  display:block;
  text-decoration:none;
  background:#FFFFFF;
  border:1px solid var(--real-border);      /* ex: #E4E0D8 */
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease,
    background .2s ease;
}

/* Hover state */
body.page-template-industry-real-estate #real-services .service-card:hover{
  border-color:var(--real-accent-soft);     /* ex: #FFE5D2 */
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
  background:#FFFBF6;
}

/* Meta row */
body.page-template-industry-real-estate #real-services .service-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

/* Tag pill */
body.page-template-industry-real-estate #real-services .service-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--real-accent-soft);       /* soft warm */
  color:var(--real-accent-dark);           /* deeper terracotta */
}

/* Typo inside card */
body.page-template-industry-real-estate #real-services .service-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--real-trust);
}

body.page-template-industry-real-estate #real-services .service-card p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Responsive grid refinements */
@media(max-width:991px){
  body.page-template-industry-real-estate #real-services .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:575px){
  body.page-template-industry-real-estate #real-services .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== REAL ESTATE – CASE STUDIES ===================== */

body.page-template-industry-real-estate #real-case-studies{
  background:#FFFFFF;
}

/* Header */
body.page-template-industry-real-estate #real-case-studies .cs-header{
  margin-bottom:24px;
}
body.page-template-industry-real-estate #real-case-studies .cs-header h2{
  color:var(--real-trust);          /* e.g. #1E2933 */
}
body.page-template-industry-real-estate #real-case-studies .cs-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid wrapper */
body.page-template-industry-real-estate #real-case-studies .case-grid{
  margin-top:8px;
}

/* Case card base */
body.page-template-industry-real-estate #real-case-studies .case-card{
  background:#FFFFFF;
  border:1px solid var(--real-border);      /* e.g. #E4E0D8 */
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,0.02);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease,
    background .2s ease;
}

/* Hover */
body.page-template-industry-real-estate #real-case-studies .case-card:hover{
  border-color:var(--real-accent-soft);     /* e.g. #FFE5D2 */
  box-shadow:0 16px 40px rgba(0,0,0,0.05);
  transform:translateY(-3px);
  background:#FFFBF6;
}

/* Meta row (tag + metric) */
body.page-template-industry-real-estate #real-case-studies .case-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}

/* Tag pill */
body.page-template-industry-real-estate #real-case-studies .case-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--real-accent-soft);
  color:var(--real-accent-dark);           /* e.g. #B35A2B */
}

/* Metric pill (highlight) */
body.page-template-industry-real-estate #real-case-studies .case-metric{
  font-size:12px;
  font-weight:600;
  padding:3px 10px;
  border-radius:999px;
  background:var(--real-accent);
  color:#FFFFFF;
}

/* Titles + copy */
body.page-template-industry-real-estate #real-case-studies .case-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:var(--real-trust);
}
body.page-template-industry-real-estate #real-case-studies .case-card p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Quote block */
body.page-template-industry-real-estate #real-case-studies .case-quote{
  margin-top:18px;
  border-left:4px solid var(--real-accent);
  background:#FFFFFF;
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 10px 30px rgba(0,0,0,0.03);
}
body.page-template-industry-real-estate #real-case-studies .case-quote footer{
  margin-top:8px;
  font-size:13px;
  color:var(--muted);
}

/* CTA under case studies */
body.page-template-industry-real-estate #real-case-studies .cs-cta{
  margin-top:16px;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-real-estate #real-case-studies .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-real-estate #real-case-studies .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== REAL ESTATE – INSIGHTS ===================== */

#real-insights{
  background:#FFF9F3; /* soft warm background */
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
#real-insights .insights-header{
  margin-bottom:24px;
}
#real-insights .insights-header h2{
  color:var(--real-trust);
}
#real-insights .insights-header .sub{
  color:var(--muted);
  max-width:44rem;
}

/* Grid wrapper */
#real-insights .insights-grid{
  margin-top:8px;
}

/* Card Base */
#real-insights .insight-card{
  background:#FFFFFF;
  border:1px solid var(--real-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,0.04);
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  padding-bottom:14px;
}

/* Hover style */
#real-insights .insight-card:hover{
  border-color:var(--real-accent-soft);
  box-shadow:0 18px 44px rgba(0,0,0,0.08);
  transform:translateY(-4px);
}

/* Blog Image */
#real-insights .insight-img{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:18px 18px 0 0;
}
#real-insights .insight-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Tag Pill */
#real-insights .insight-meta{
  margin:12px 18px 8px;
}
#real-insights .insight-tag{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  font-size:11px;
  border-radius:999px;
  background:var(--real-accent-soft);
  color:var(--real-accent-dark);
  text-transform:uppercase;
  letter-spacing:0.05em;
}

/* Title */
#real-insights .insight-card h3{
  font-size:16px;
  margin:0 18px 6px;
  color:var(--real-trust);
  line-height:1.35;
}
#real-insights .insight-card h3 a{
  text-decoration:none;
  color:inherit;
}
#real-insights .insight-card h3 a:hover{
  text-decoration:underline;
}

/* Excerpt */
#real-insights .insight-card p{
  margin:0 18px 10px;
  font-size:14px;
  color:var(--muted);
}

/* Footer link */
#real-insights .insight-link{
  display:inline-block;
  margin:0 18px;
  font-size:13px;
  font-weight:600;
  color:var(--real-accent-dark);
}
#real-insights .insight-link:hover{
  text-decoration:underline;
}

/* Responsive grid */
@media(max-width:991px){
  #real-insights .tr-grid.tr-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  #real-insights .tr-grid.tr-3{
    grid-template-columns:1fr;
  }
}
/* ===================== REAL ESTATE – WHY TECHNORHYTHMS ===================== */

body.page-template-industry-real-estate #real-why{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
body.page-template-industry-real-estate #real-why .why-header{
  margin-bottom:32px;
}
body.page-template-industry-real-estate #real-why .why-header h2{
  color:var(--real-trust);         /* e.g. #1E2933 */
}
body.page-template-industry-real-estate #real-why .why-header .sub{
  max-width:44rem;
  color:var(--muted);
}

/* Grid padding */
body.page-template-industry-real-estate #real-why .why-grid{
  margin-top:16px;
}

/* Card */
body.page-template-industry-real-estate #real-why .why-card{
  position:relative;
  background:#FFFFFF;
  border:1px solid var(--real-border);    /* #E4E0D8 */
  border-radius:20px;
  padding:26px 20px 24px;
  text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:all .25s ease;
}

/* Hover */
body.page-template-industry-real-estate #real-why .why-card:hover{
  transform:translateY(-4px);
  border-color:var(--real-accent-soft);  /* #FFE5D2 */
  box-shadow:0 20px 50px rgba(0,0,0,0.06);
  background:#FFFBF6;
}

/* Index circle */
body.page-template-industry-real-estate #real-why .why-index{
  position:absolute;
  top:16px;
  right:16px;
  font-size:12px;
  font-weight:600;
  color:var(--real-accent-dark);        /* #B35A2B */
  padding:4px 10px;
  border-radius:999px;
  background:var(--real-accent-soft);   /* soft beige-pink */
}

/* Text */
body.page-template-industry-real-estate #real-why h3{
  font-size:16px;
  margin-bottom:8px;
  color:var(--real-trust);
}

body.page-template-industry-real-estate #real-why p{
  margin:0;
  font-size:14px;
  color:var(--muted);
}

/* Responsive */
@media(max-width:991px){
  body.page-template-industry-real-estate #real-why .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:575px){
  body.page-template-industry-real-estate #real-why .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== REAL ESTATE – RESULTS & IMPACT METRICS ===================== */

body.page-template-industry-real-estate #real-metrics{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Header */
body.page-template-industry-real-estate #real-metrics .metrics-header{
  margin-bottom:24px;
}
body.page-template-industry-real-estate #real-metrics .metrics-header h2{
  color:var(--real-trust);      /* e.g. #1E2933 */
}
body.page-template-industry-real-estate #real-metrics .metrics-header .sub{
  max-width:44rem;
  color:var(--muted);
}

/* Grid wrapper */
body.page-template-industry-real-estate #real-metrics .metrics-grid{
  margin-top:8px;
}

/* Metric cards */
body.page-template-industry-real-estate #real-metrics .metric-card{
  background:#FFFFFF;
  border:1px solid var(--real-border);      /* #E4E0D8 */
  border-radius:18px;
  padding:20px 18px 18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease,
    background .2s ease;
}

/* Hover state */
body.page-template-industry-real-estate #real-metrics .metric-card:hover{
  border-color:var(--real-accent-soft);     /* #FFE5D2 */
  background:#FFFBF6;
  box-shadow:0 18px 46px rgba(0,0,0,0.06);
  transform:translateY(-3px);
}

/* Labels / values / text */
body.page-template-industry-real-estate #real-metrics .metric-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--muted);
  margin:0 0 6px;
}

body.page-template-industry-real-estate #real-metrics .metric-value{
  font-size:26px;
  font-weight:700;
  line-height:1.1;
  margin-bottom:6px;
  color:var(--real-trust);
}

body.page-template-industry-real-estate #real-metrics .metric-text{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Responsive grid */
@media(max-width:991px){
  body.page-template-industry-real-estate #real-metrics .tr-grid.tr-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:575px){
  body.page-template-industry-real-estate #real-metrics .tr-grid.tr-4{
    grid-template-columns:1fr;
  }
}
/* ===================== REAL ESTATE – STRONG CTA ===================== */

body.page-template-industry-real-estate #real-cta{
  background:#FFFFFF;
  padding-top:70px;
  padding-bottom:70px;
}

/* Outer glow wrapper */
body.page-template-industry-real-estate #real-cta .cta-wrap{
  position:relative;
  padding:12px;
  border-radius:28px;
}

/* Warm glow behind the card */
body.page-template-industry-real-estate #real-cta .cta-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(135deg, var(--real-accent-soft) 0%, #FFFFFF 60%);
  filter:blur(32px);
  opacity:0.6;
  z-index:0;
}

/* Main CTA card */
body.page-template-industry-real-estate #real-cta .cta-card{
  position:relative;
  z-index:2;
  background:#FFFFFF;
  border:1px solid var(--real-border);
  border-radius:24px;
  padding:42px 36px;
  box-shadow:0 20px 48px rgba(0,0,0,0.05);
  text-align:left;
}

/* Text */
body.page-template-industry-real-estate #real-cta .cta-card h2{
  font-size:26px;
  line-height:1.25;
  color:var(--real-trust);
  margin-bottom:12px;
}

body.page-template-industry-real-estate #real-cta .cta-card .sub{
  color:var(--muted);
  max-width:46rem;
  margin-bottom:24px;
  font-size:16px;
}

/* Buttons layout */
body.page-template-industry-real-estate #real-cta .cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Primary button */
body.page-template-industry-real-estate #real-cta .btn-primary{
  background:var(--real-accent);
  border-color:var(--real-accent);
  color:#FFFFFF;
}
body.page-template-industry-real-estate #real-cta .btn-primary:hover{
  background:var(--real-accent-dark);
  border-color:var(--real-accent-dark);
}

/* Ghost button */
body.page-template-industry-real-estate #real-cta .btn--ghost{
  background:#FFFFFF;
  border:1px solid var(--real-accent);
  color:var(--real-accent);
}
body.page-template-industry-real-estate #real-cta .btn--ghost:hover{
  background:var(--real-accent-soft);
  border-color:var(--real-accent);
}

/* Responsive */
@media(max-width:575px){
  body.page-template-industry-real-estate #real-cta .cta-card{
    padding:32px 24px;
  }
  body.page-template-industry-real-estate #real-cta .cta-card h2{
    font-size:22px;
  }
}
/* ===================== REAL ESTATE – FAQ ===================== */

body.page-template-industry-real-estate #real-faq{
  background:#FFF9F3; /* soft warm neutral so accent stays special */
}

/* Left column text */
body.page-template-industry-real-estate #real-faq .faq-title{
  color:var(--real-trust);
  margin-bottom:8px;
}

body.page-template-industry-real-estate #real-faq .sub{
  color:var(--muted);
}

/* Pill kicker */
body.page-template-industry-real-estate #real-faq .pill-kicker{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  background:var(--real-accent-soft);
  color:var(--real-accent-dark);
  margin-bottom:10px;
}

/* Accordion container */
body.page-template-industry-real-estate #real-faq .tr-accordion{
  border-radius:18px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid var(--real-border);
  box-shadow:0 10px 28px rgba(0,0,0,0.04);
}

/* Accordion item */
body.page-template-industry-real-estate #real-faq .accordion-item{
  border:0;
  border-bottom:1px solid #F0EDE6;
}
body.page-template-industry-real-estate #real-faq .accordion-item:last-child{
  border-bottom:0;
}

/* Accordion button */
body.page-template-industry-real-estate #real-faq .accordion-button{
  background:#FFFFFF;
  color:var(--real-trust);
  font-weight:500;
  font-size:14px;
  padding:14px 18px;
  box-shadow:none;
  border-radius:0;
  gap:8px;
}

/* Index pill */
body.page-template-industry-real-estate #real-faq .accordion-button .idx{
  font-size:12px;
  font-weight:600;
  color:var(--real-accent-dark);
}

/* Active state */
body.page-template-industry-real-estate #real-faq .accordion-button:not(.collapsed){
  background:#FFFBF6;
  color:var(--real-trust);
  border-bottom:1px solid var(--real-accent-soft);
}
body.page-template-industry-real-estate #real-faq .accordion-button:focus{
  box-shadow:none;
  border-color:var(--real-accent-soft);
}

/* Caret color */
body.page-template-industry-real-estate #real-faq .accordion-button::after{
  filter:brightness(0.2);
  opacity:.7;
}

/* Body */
body.page-template-industry-real-estate #real-faq .accordion-body{
  padding:12px 18px 16px;
  font-size:14px;
  color:var(--muted);
  background:#FFFFFF;
}

/* Responsive spacing */
@media(max-width:991px){
  body.page-template-industry-real-estate #real-faq .real-faq-wrap{
    padding-top:8px;
  }
}


/* =========================================
   SERVICES Page Start
========================================= */
/********************************************
  0. COLOR TOKENS — SERVICE + NEUTRALS
*********************************************/
:root{
  /* Website Design & Dev */
  --svc-web-main:#2BB673;
  --svc-web-soft:rgba(43,182,115,0.12);
  --svc-web-gradient:linear-gradient(135deg,#e9f7ef,#f8fffb);

  /* Technical SEO */
  --svc-tech-main:#0066FF;
  --svc-tech-soft:rgba(0,102,255,0.10);
  --svc-tech-gradient:linear-gradient(135deg,#e7f0ff,#f6f8ff);

  /* Performance Marketing */
  --svc-perf-main:#F4B400;
  --svc-perf-soft:rgba(244,180,0,0.14);
  --svc-perf-gradient:linear-gradient(135deg,#e8fdf2,#fff8ea);

  /* Market Research & Positioning */
  --svc-research-main:#8B5CF6;
  --svc-research-soft:rgba(139,92,246,0.12);
  --svc-research-gradient:linear-gradient(135deg,#f3e8ff,#f8f5ff);

  /* GTM Strategy & Implementation */
  --svc-gtm-main:#1D4ED8;
  --svc-gtm-soft:rgba(29,78,216,0.12);
  --svc-gtm-gradient:linear-gradient(135deg,#e7f0ff,#eef5ff);

  /* E-commerce SEO */
  --svc-ecom-main:#F97316;
  --svc-ecom-soft:rgba(249,115,22,0.12);
  --svc-ecom-gradient:linear-gradient(135deg,#fff3e6,#fff8f1);

  /* Neutral tokens */
  --svc-radius:18px;
  --svc-radius-lg:22px;
  --svc-line:#e2e4ea;
  --svc-soft:#f7f8fc;
  --svc-fg:#111827;
  --svc-muted:#6b737d;
  --svc-shadow:0 14px 32px rgba(15,23,42,0.10);
}

/********************************************
  1. PAGE WRAPPER (optional)
*********************************************/
.services-page.services-listing{
  color:var(--svc-fg);
  background:#ffffff;
}

/********************************************
  2. HERO — SERVICES LISTING PILLAR
*********************************************/
.hero-services-listing{
  padding:clamp(80px,10vw,120px) 0 80px;
  background:
    radial-gradient(circle at top right,rgba(0,102,255,0.12),transparent 55%),
    radial-gradient(circle at bottom left,rgba(43,182,115,0.12),transparent 55%),
    #f9fafc;
}

.hero-services-inner{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:40px;
  align-items:center;
}

/* Left copy */
.hero-services-left .hero-tag{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--svc-tech-main);
  margin-bottom:10px;
  font-weight:600;
}

.hero-services-left h1{
  /* font-size:clamp(30px,4vw,40px); */
  /* line-height:1.15; */
  margin-bottom:14px;
}

.hero-services-left .hero-subtext{
  font-size:16px;
  line-height:1.6;
  color:#6b737d;
  max-width:40rem;
}

/* Pills */
.hero-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 10px;
}

.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #e4e7f0;
  font-size:13px;
  color:#4b5563;
}

.hero-pill-dot{
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--svc-tech-main);
}

/* Buttons row (uses global .btn styles) */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

/* Right visual */
.hero-services-right{
  display:flex;
  justify-content:center;
}

/* Orbit visual using all service colors */
.hero-services-visual{
  position:relative;
  width:260px;
  height:260px;
  border-radius:999px;
  background:#ffffff;
  box-shadow:var(--svc-shadow);
  overflow:hidden;
}

.svc-orbit{
  position:absolute;
  border-radius:999px;
  border:1px dashed #d4d7e5;
}

.svc-orbit--web{
  inset:22px;
  box-shadow:0 0 0 1px var(--svc-web-soft);
}

.svc-orbit--techseo{
  inset:44px;
  box-shadow:0 0 0 1px var(--svc-tech-soft);
}

.svc-orbit--perf{
  inset:66px;
  box-shadow:0 0 0 1px var(--svc-perf-soft);
}

.svc-orbit--research{
  inset:88px;
  box-shadow:0 0 0 1px var(--svc-research-soft);
}

.svc-orbit--gtm{
  inset:110px;
  box-shadow:0 0 0 1px var(--svc-gtm-soft);
}

.svc-orbit--ecom{
  inset:132px;
  box-shadow:0 0 0 1px var(--svc-ecom-soft);
}

/* Core label */
.svc-orbit-core{
  position:absolute;
  inset:96px;
  border-radius:999px;
  background:#0b1120;
  color:#f9fafb;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 10px;
}

/********************************************
  3. WHY GROWTH PLATEAUS
*********************************************/
.section-frictions{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-bottom:1px solid #e2e4ea;
}

/* Centered heading */
.section-frictions .section-header-center{
  text-align:center;
  max-width:720px;
  margin:0 auto 26px;
}

.section-frictions .section-header-center .eyebrow{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--svc-tech-main);
  font-weight:600;
  margin-bottom:8px;
}

.section-frictions .section-header-center h2{
  /* font-size:clamp(24px,3vw,30px); */
  /* line-height:1.2; */
  margin-bottom:8px;
}

.section-frictions .section-header-center .section-lead{
  font-size:15px;
  line-height:1.6;
  color:#6b737d;
}

/* 3-card grid */
.friction-grid{
  max-width:980px;
  margin:10px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

/* Card */
.friction-card{
  border-radius:18px;
  padding:18px 18px 16px;
  background:#ffffff;
  border:1px solid #e2e4ea;
  box-shadow:0 12px 30px rgba(15,23,42,0.06);
  font-size:14px;
  color:#4b5563;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.friction-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:#111827;
}

/* Hover tints */
.friction-card:nth-child(1):hover{
  border-color:var(--svc-web-main);
  box-shadow:0 16px 36px rgba(43,182,115,0.18);
}
.friction-card:nth-child(2):hover{
  border-color:var(--svc-tech-main);
  box-shadow:0 16px 36px rgba(0,102,255,0.18);
}
.friction-card:nth-child(3):hover{
  border-color:var(--svc-perf-main);
  box-shadow:0 16px 36px rgba(244,180,0,0.22);
}

/********************************************
  4. INSIGHT BAND
*********************************************/
.section-insight-band{
  padding:26px 0;
  background:linear-gradient(
    120deg,
    rgba(0,102,255,0.06),
    rgba(43,182,115,0.06),
    rgba(244,180,0,0.08),
    rgba(249,115,22,0.06)
  );
  border-top:1px solid rgba(226,228,234,0.8);
  border-bottom:1px solid rgba(226,228,234,0.9);
}

.section-insight-band .insight-band-inner{
  max-width:1120px;
  margin:0 auto;
  padding:71px 25px;
  border-radius:999px;
  background:#0b1120;
  color:#e5e7eb;
  display:flex;
  align-items:center;
  gap:16px;
}

/* Left copy */
.section-insight-band .insight-band-copy{
  flex:1 1 auto;
  min-width:0;
}

.section-insight-band .insight-band-copy .eyebrow{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(191,219,254,0.9);
  margin-bottom:4px;
  font-weight:600;
}

.section-insight-band .insight-band-copy h2{
 font-size: 18px !important;
    font-weight: 600;
    line-height: 1.4 !important;
  color:#f9fafb;
  margin:0;
}

/* Middle supporting text */
.section-insight-band p{
  flex:1.2 1 auto;
  min-width:0;
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#cbd5f5;
}

/* CTA */
.section-insight-band .btn-tertiary{
  flex:0 0 auto;
  font-size:13px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.9);
  color:#e5e7eb;
  background:transparent;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.section-insight-band .btn-tertiary::after{
  content:"→";
  font-size:11px;
}

.section-insight-band .btn-tertiary:hover{
  background:rgba(15,23,42,0.85);
  border-color:#e5e7eb;
  transform:translateY(-1px);
}

/********************************************
  5. TR GROWTH FRAMEWORK (6 CORE SERVICES)
*********************************************/
.section-framework{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
}

.section-framework .section-header-center{
  text-align:center;
  max-width:760px;
  margin:0 auto 26px;
}

.section-framework .eyebrow{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--svc-tech-main);
  font-weight:600;
  margin-bottom:8px;
}

.section-framework h2{
  /* font-size:clamp(24px,3vw,30px); */
  margin-bottom:10px;
}

.section-framework .section-lead{
  font-size:15px;
  line-height:1.6;
  color:#6b737d;
  max-width:40rem;
  margin:0 auto;
}

/* Grid */
.framework-grid{
  max-width:1120px;
  margin:32px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:18px;
}

/* Base card */
.framework-card{
  border-radius:22px;
  padding:18px;
  border:1px solid #e2e4ea;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,0.06);
  transition:.2s;
}

.framework-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:#111827;
}

.framework-card p{
  font-size:14px;
  color:#6b737d;
  line-height:1.55;
  margin-bottom:8px;
}

.framework-card a{
  font-size:13px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.framework-card a::after{
  content:"→";
  font-size:11px;
}

/* Chip */
.chip{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:600;
  margin-bottom:8px;
}

/* Service color mappings */
.framework-card.is-web{
  border-color:var(--svc-web-soft);
  background:var(--svc-web-gradient);
}
.chip-web{
  background:var(--svc-web-soft);
  color:#065f46;
}
.framework-card.is-web a{
  color:var(--svc-web-main);
}

.framework-card.is-techseo{
  border-color:var(--svc-tech-soft);
  background:var(--svc-tech-gradient);
}
.chip-techseo{
  background:var(--svc-tech-soft);
  color:#1d4ed8;
}
.framework-card.is-techseo a{
  color:var(--svc-tech-main);
}

.framework-card.is-perf{
  border-color:var(--svc-perf-soft);
  background:var(--svc-perf-gradient);
}
.chip-perf{
  background:var(--svc-perf-soft);
  color:#92400e;
}
.framework-card.is-perf a{
  color:var(--svc-perf-main);
}

.framework-card.is-research{
  border-color:var(--svc-research-soft);
  background:var(--svc-research-gradient);
}
.chip-research{
  background:var(--svc-research-soft);
  color:#6b21a8;
}
.framework-card.is-research a{
  color:var(--svc-research-main);
}

.framework-card.is-gtm{
  border-color:var(--svc-gtm-soft);
  background:var(--svc-gtm-gradient);
}
.chip-gtm{
  background:var(--svc-gtm-soft);
  color:#1d4ed8;
}
.framework-card.is-gtm a{
  color:var(--svc-gtm-main);
}

.framework-card.is-ecom{
  border-color:var(--svc-ecom-soft);
  background:var(--svc-ecom-gradient);
}
.chip-ecom{
  background:var(--svc-ecom-soft);
  color:#9a3412;
}
.framework-card.is-ecom a{
  color:var(--svc-ecom-main);
}

/* Hover */
.framework-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(15,23,42,0.10);
  border-color:rgba(0,0,0,0.12);
}

/********************************************
  6. PROOF & OUTCOMES
*********************************************/
.section-proof{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e2e4ea;
}

.section-proof .section-header-center{
  text-align:center;
  max-width:760px;
  margin:0 auto 28px;
}

.section-proof .eyebrow{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--svc-tech-main);
  font-weight:600;
  margin-bottom:8px;
}

.section-proof h2{
  /* font-size:clamp(24px,3vw,30px); */
  line-height:1.24;
  margin-bottom:10px;
  color:#111827;
}

/* Grid */
.proof-grid{
  max-width:1120px;
  margin:32px auto 14px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:18px;
}

/* Card */
.proof-card{
  padding:22px 20px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid #e2e4ea;
  box-shadow:0 12px 32px rgba(15,23,42,0.06);
  transition:.2s ease;
  display:flex;
  flex-direction:column;
}

.proof-card .proof-tag{
  font-size:12px;
  color:#6b7280;
  letter-spacing:.04em;
  margin-bottom:8px;
  text-transform:uppercase;
}

.proof-card h3{
  font-size:18px;
  line-height:1.4;
  margin-bottom:8px;
  color:#111827;
}

.proof-card p{
  font-size:14px;
  line-height:1.55;
  color:#6b737d;
}

.proof-card .proof-metric{
  margin-top:10px;
  font-weight:600;
  font-size:14px;
  color:#0f5132;
}

/* Hover accents */
.proof-card:nth-child(1):hover{
  border-color:var(--svc-web-main);
  box-shadow:0 16px 40px rgba(43,182,115,0.16);
}

.proof-card:nth-child(2):hover{
  border-color:var(--svc-ecom-main);
  box-shadow:0 18px 44px rgba(249,115,22,0.20);
}

.proof-card:nth-child(3):hover{
  border-color:var(--svc-research-main);
  box-shadow:0 18px 44px rgba(139,92,246,0.20);
}

/* CTA */
.proof-cta{
  text-align:center;
  margin-top:20px;
}

.proof-cta .btn-secondary{
  padding:10px 20px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  border:1px solid #d1d5db;
  background:#ffffff;
  transition:.2s ease;
}

.proof-cta .btn-secondary:hover{
  background:#f3f4f6;
}

/********************************************
  7. INDUSTRY GRID
*********************************************/
.section-industries{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-bottom:1px solid #e2e4ea;
}

.section-industries .section-header-center{
  text-align:center;
  max-width:760px;
  margin:0 auto 26px;
}

.section-industries .eyebrow{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--svc-tech-main);
  font-weight:600;
  margin-bottom:8px;
}

.section-industries h2{
  /* font-size:clamp(24px,3vw,30px); */
  line-height:1.2;
  margin-bottom:10px;
  color:#111827;
}

/* Grid */
.industry-grid{
  max-width:1120px;
  margin:32px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}

/* Card */
.industry-card{
  padding:20px 18px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid #e2e4ea;
  box-shadow:0 12px 32px rgba(15,23,42,0.06);
  transition:.2s ease;
  display:flex;
  flex-direction:column;
}

.industry-card h3{
  font-size:16px;
  margin-bottom:8px;
  color:#111827;
}

.industry-card p{
  font-size:14px;
  color:#6b737d;
  line-height:1.55;
  margin-bottom:12px;
}

/* CTA */
.industry-card a{
  font-size:13px;
  font-weight:600;
  color:var(--svc-tech-main);
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.industry-card a::after{
  content:"→";
  font-size:11px;
}

/* Hover accents */
.industry-card:nth-child(1):hover{
  border-color:var(--svc-web-main);
  box-shadow:0 16px 40px rgba(43,182,115,0.16);
  transform:translateY(-2px);
}

.industry-card:nth-child(2):hover{
  border-color:var(--svc-ecom-main);
  box-shadow:0 16px 40px rgba(249,115,22,0.18);
  transform:translateY(-2px);
}

.industry-card:nth-child(3):hover{
  border-color:var(--svc-tech-main);
  box-shadow:0 16px 40px rgba(0,102,255,0.18);
  transform:translateY(-2px);
}

/********************************************
  8. SERVICE CATEGORIES / DELIVERABLES
*********************************************/
.section-deliverables{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-bottom:1px solid #e2e4ea;
}

.section-deliverables .section-header{
  max-width:780px;
  margin:0 auto 28px;
  text-align:center;
}

.section-deliverables .eyebrow{
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--svc-tech-main);
  margin-bottom:8px;
}

.section-deliverables h2{
  /* font-size:clamp(24px,3vw,30px); */
  line-height:1.25;
  margin-bottom:10px;
  color:#111827;
}

.section-deliverables .section-lead{
  font-size:15px;
  color:#6b737d;
  line-height:1.6;
  max-width:40rem;
  margin:0 auto;
}

/* Grid */
.deliverable-grid{
  max-width:1120px;
  margin:32px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

/* Card */
.deliverable-card{
  border-radius:22px;
  padding:20px 18px;
  background:#ffffff;
  border:1px solid #e2e4ea;
  box-shadow:0 12px 32px rgba(15,23,42,0.06);
  transition:.2s ease;
}

.deliverable-card h3{
  font-size:16px;
  margin-bottom:8px;
  color:#111827;
}

.deliverable-card ul{
  margin:8px 0 0;
  padding-left:16px;
}

.deliverable-card ul li{
  color:#6b737d;
  font-size:14px;
  margin-bottom:4px;
  line-height:1.55;
}

/* Chips */
.chip-research{
  background:var(--svc-research-soft);
  color:var(--svc-research-main);
}
.chip-web{
  background:var(--svc-web-soft);
  color:var(--svc-web-main);
}
.chip-techseo{
  background:var(--svc-tech-soft);
  color:var(--svc-tech-main);
}
.chip-perf{
  background:var(--svc-perf-soft);
  color:var(--svc-perf-main);
}
.chip-gtm{
  background:var(--svc-gtm-soft);
  color:var(--svc-gtm-main);
}
.chip-ecom{
  background:var(--svc-ecom-soft);
  color:var(--svc-ecom-main);
}

/* Hover */
.deliverable-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(15,23,42,0.12);
  border-color:#d1d5db;
}

/********************************************
  9. RELATED SERVICES GRID
*********************************************/
.section-related-services{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-bottom:1px solid #e2e4ea;
}

.section-related-services .section-header-center{
  text-align:center;
  max-width:760px;
  margin:0 auto 28px;
}

.section-related-services .section-header-center .eyebrow{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600;
  color:var(--svc-tech-main);
  margin-bottom:10px;
}

.section-related-services h2{
  /* font-size:clamp(24px,3vw,30px); */
  line-height:1.25;
  margin-bottom:12px;
  color:#111827;
}

/* Grid */
.related-services-grid{
  max-width:1120px;
  margin:32px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

/* Card */
.related-service-card{
  padding:20px 18px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid #e2e4ea;
  box-shadow:0 12px 30px rgba(15,23,42,0.06);
  transition:transform .18s ease,
             box-shadow .18s ease,
             border-color .18s ease;
}

.related-service-card h3{
  font-size:16px;
  margin-bottom:6px;
  color:#111827;
}

.related-service-card p{
  font-size:14px;
  color:#6b737d;
  line-height:1.55;
  margin-bottom:12px;
}

/* CTA */
.related-service-card a{
  font-size:13px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.related-service-card a::after{
  content:"→";
  font-size:11px;
  transition:transform .18s ease;
}

.related-service-card a:hover::after{
  transform:translateX(3px);
}

/* Service-color hover states */
.related-service-card.is-web:hover{
  border-color:var(--svc-web-main);
  box-shadow:0 16px 40px rgba(43,182,115,0.18);
  transform:translateY(-2px);
}
.related-service-card.is-web a{ color:var(--svc-web-main); }

.related-service-card.is-techseo:hover{
  border-color:var(--svc-tech-main);
  box-shadow:0 16px 40px rgba(0,102,255,0.18);
  transform:translateY(-2px);
}
.related-service-card.is-techseo a{ color:var(--svc-tech-main); }

.related-service-card.is-perf:hover{
  border-color:var(--svc-perf-main);
  box-shadow:0 16px 40px rgba(244,180,0,0.22);
  transform:translateY(-2px);
}
.related-service-card.is-perf a{ color:var(--svc-perf-main); }

.related-service-card.is-research:hover{
  border-color:var(--svc-research-main);
  box-shadow:0 16px 40px rgba(139,92,246,0.20);
  transform:translateY(-2px);
}
.related-service-card.is-research a{ color:var(--svc-research-main); }

.related-service-card.is-gtm:hover{
  border-color:var(--svc-gtm-main);
  box-shadow:0 16px 40px rgba(29,78,216,0.20);
  transform:translateY(-2px);
}
.related-service-card.is-gtm a{ color:var(--svc-gtm-main); }

.related-service-card.is-ecom:hover{
  border-color:var(--svc-ecom-main);
  box-shadow:0 16px 40px rgba(249,115,22,0.20);
  transform:translateY(-2px);
}
.related-service-card.is-ecom a{ color:var(--svc-ecom-main); }

/* =========================================
   FAQ — Accordion (Shared TR Style)
   Services – Listing Pillar Page
========================================= */

.section-faqs.faq-block{
  padding:clamp(60px,8vw,100px) 0;
  background:#ffffff;
  border-bottom:1px solid var(--svc-line);
}

/* Pill kicker */
.faq-block .pill-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--svc-tech-main);
  background:rgba(0,102,255,0.08);
  padding:4px 10px;
  border-radius:999px;
  margin-bottom:10px;
}

/* FAQ title */
.faq-block .faq-title{
  margin-bottom:8px;
  color:#111827;
}

/* Subtext */
.faq-block .sub{
  font-size:14px;
  color:var(--svc-muted);
  line-height:1.6;
  max-width:32rem;
}

/* =========================================
   ACCORDION CORE
========================================= */

.tr-accordion .accordion-item{
  margin-bottom:12px;
  border:1px solid var(--svc-line);
  border-radius:var(--svc-radius-lg);
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 10px 26px rgba(15,23,42,0.06);
}

/* Remove default BS styles */
.tr-accordion .accordion-button{
  box-shadow:none !important;
  background:#ffffff;
  padding:14px 18px;
  font-size:15px;
  font-weight:600;
  color:#111827;
  display:flex;
  align-items:center;
  gap:10px;
  border:none;
}

/* Index 01 / 02 / 03... */
.tr-accordion .accordion-button .idx{
  font-weight:700;
  font-size:13px;
  color:var(--svc-tech-main);
  min-width:32px;
}

/* Arrow icon (Bootstrap default) */
.tr-accordion .accordion-button::after{
  filter:brightness(0) saturate(0%) invert(40%);
  opacity:0.6;
}

/* Hover state */
.tr-accordion .accordion-button:hover{
  background:#f8faff;
}

/* Active state */
.tr-accordion .accordion-button:not(.collapsed){
  color:#111827;
  background:#f4f7ff;
  border-bottom:1px solid #e5e7eb;
}

.tr-accordion .accordion-button:not(.collapsed)::after{
  filter:brightness(0) saturate(0%) invert(15%);
  opacity:0.8;
}

/* Body */
.tr-accordion .accordion-body{
  padding:16px 18px 20px;
  font-size:14px;
  line-height:1.6;
  color:#4b5563;
  background:#ffffff;
}

/* Divider between items */
.tr-accordion .accordion-item + .accordion-item{
  margin-top:8px;
}

/* =========================================
   HOVER + SERVICE COLOR DETAILS
   (Soft lift + tech-blue tint)
========================================= */

.tr-accordion .accordion-item:hover{
  border-color:var(--svc-tech-main);
  box-shadow:0 14px 32px rgba(0,102,255,0.10);
}

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

@media(max-width:768px){
  .faq-block .faq-title{
    font-size:24px;
  }
  
  .tr-accordion .accordion-button{
    padding:12px 16px;
  }
  
  .tr-accordion .accordion-body{
    padding:14px 16px;
  }
}

/********************************************
  11. FINAL CTA
*********************************************/
.section-final-cta{
  padding:clamp(70px,9vw,110px) 0;
  background:#f8faff;
  border-top:1px solid #e2e4ea;
}

.final-cta-inner{
  max-width:1120px;
  margin:0 auto;
  padding:32px 32px;
  background:#ffffff;
  border-radius:32px;
  box-shadow:0 20px 40px rgba(15,23,42,0.10);
  border:1px solid #e6e8f0;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}

.final-cta-copy .eyebrow{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--svc-tech-main);
  font-weight:600;
  margin-bottom:8px;
}

.final-cta-copy h2{
  /* font-size:clamp(24px,3vw,32px); */
  line-height:1.25;
  margin-bottom:10px;
  color:#111827;
}

.final-cta-copy p{
  font-size:15px;
  line-height:1.6;
  color:#6b737d;
  max-width:40rem;
  margin-bottom:0;
}

/* Buttons */
.final-cta-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex-shrink:0;
}

.final-cta-actions .btn-primary{
  padding:12px 20px;
  background:var(--svc-tech-main);
  border-radius:999px;
  color:white;
  font-size:14px;
  font-weight:600;
  text-align:center;
  transition:.2s;
  box-shadow:0 10px 26px rgba(0,102,255,0.28);
}

.final-cta-actions .btn-primary:hover{
  background:#0052d2;
  transform:translateY(-2px);
}

.final-cta-actions .btn-secondary{
  padding:10px 18px;
  background:white;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  border:1px solid #d1d5db;
  color:#111827;
  text-align:center;
  transition:.2s;
}

.final-cta-actions .btn-secondary:hover{
  background:#f3f4f6;
}

/********************************************
  12. RESPONSIVE AGGREGATE
*********************************************/
@media (max-width:900px){
  .hero-services-inner{
    grid-template-columns:1fr;
  }
  .hero-services-right{
    order:-1;
  }

  .friction-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .faq-grid{
    grid-template-columns:1fr;
  }

  .final-cta-inner{
    flex-direction:column;
    text-align:left;
    padding:26px 24px;
  }

  .final-cta-actions{
    flex-direction:row;
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .section-insight-band .insight-band-inner{
    border-radius:22px;
    flex-direction:column;
    align-items:flex-start;
  }

  .section-insight-band .btn-tertiary{
    margin-top:6px;
  }
}

@media (max-width:640px){
  .hero-services-listing,
  .section-frictions,
  .section-framework,
  .section-proof,
  .section-industries,
  .section-deliverables,
  .section-related-services,
  .section-faqs,
  .section-final-cta{
    padding:46px 0;
  }

  .section-insight-band{
    padding:18px 0;
  }

  .section-insight-band .insight-band-inner{
    padding:14px 14px;
  }

  .friction-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .section-final-cta .final-cta-inner{
    padding:22px 18px;
  }

  .final-cta-actions{
    flex-direction:column;
    width:100%;
  }
}


/* =========================================================
   GTM STRATEGY & IMPLEMENTATION PAGE STYLES
   ========================================================= */

#gtm-hero, #gtm-problem, #gtm-insight, #gtm-approach,
#gtm-proof, #gtm-industries, #gtm-deliverables,
#faq-gtm, #gtm-cta { scroll-margin-top: 100px; }

/* HERO */
#gtm-hero{
  background:#e7eefc url("../images/hero-bg.svg") center/cover no-repeat;
  padding: clamp(90px,10vw,160px) 0;
}
#gtm-hero .hero-copy h1{ font-size:clamp(32px,4vw,50px); font-weight:800; line-height:1.15 }
#gtm-hero .lead{ color:#4e5560; max-width:680px }

/* PROBLEM */
#gtm-problem{ background:#fff; text-align:center }
#gtm-problem .card{
  border:1px solid #e4e7ed; border-radius:18px; padding:22px; background:#fafbff;
  transition:transform .25s ease, box-shadow .25s ease;
}
#gtm-problem .card:hover{ transform:translateY(-4px); box-shadow:0 6px 16px rgba(0,0,0,.06) }

/* INSIGHT */
#gtm-insight{ background:#f9fafc; text-align:center }
#gtm-insight .sub{ max-width:740px; margin:0 auto; color:#555 }

/* APPROACH */
#gtm-approach{ background:#fff }
#gtm-approach h2{ text-align:center; font-weight:800; margin-bottom:18px }
#gtm-approach .card{
  border:1px solid #e6e9f0; border-radius:18px; background:#f8faff; padding:18px; text-align:center;
  transition:all .25s ease;
}
#gtm-approach .card:hover{ background:#eef2ff; transform:translateY(-3px) }
#gtm-approach p{ color:#555d6a; font-size:.95rem; line-height:1.55 }

/* PROOF */
#gtm-proof{ background:#f9fafc }
#gtm-proof .card{ border:1px solid #e3e7ed; border-radius:18px; padding:22px; background:#fff; text-align:center }
#gtm-proof .quote{ background:#fff; border-left:4px solid #0b5fff; border-radius:8px; margin-top:18px }

/* INDUSTRIES */
#gtm-industries{ background:#fff; text-align:center }
#gtm-industries .card{
  background:#f7f8fc; border:1px solid #e4e7ed; border-radius:16px; padding:24px; transition:all .25s ease;
}
#gtm-industries .card:hover{ transform:translateY(-3px); background:#eef2ff }

/* DELIVERABLES */
#gtm-deliverables{ background:#f9fafc; text-align:center }
#gtm-deliverables .card{
  background:#fff; border:1px solid #e4e7ed; border-radius:16px; padding:20px; transition:all .25s ease;
}
#gtm-deliverables .card:hover{ transform:translateY(-3px); box-shadow:0 6px 18px rgba(0,0,0,.06) }

/* FAQ */
#faq-gtm{ background:#fff; padding-top:80px; padding-bottom:80px }
#faq-gtm .pill-kicker{
  display:inline-block; text-transform:uppercase; font-size:.8rem; font-weight:600;
  color:#3f2fff; background:#f1edff; border:1px solid #e6e2ff; border-radius:10px; padding:.4rem .6rem;
}
#faq-gtm .faq-title{ font-weight:800; margin:10px 0 12px; line-height:1.15 }
#faq-gtm .tr-accordion .accordion-item{
  border-radius:14px; overflow:hidden; border:1px solid #e6e9f0; margin-bottom:12px; background:#f9fafc;
}
#faq-gtm .accordion-button{ background:#f9fafc; font-weight:700; padding:14px 18px; color:#16181c }
#faq-gtm .accordion-button:not(.collapsed){ background:#eef2ff; color:#111 }
#faq-gtm .accordion-body{ background:#fff; padding:14px 18px 18px; color:#5c636f }

/* CTA */
#gtm-cta{ background:#f3f5ff; text-align:center }
#gtm-cta .cta-card{
  background:#fff; border-radius:22px; border:1px solid #e6e9f0; padding:clamp(28px,5vw,48px);
  box-shadow:0 10px 30px rgba(0,0,0,.06); display:flex; flex-direction:column; align-items:center; gap:12px;
}
#gtm-cta h2{ font-weight:800; margin-bottom:10px }
#gtm-cta .sub{ color:#60666d; margin-bottom:16px }


/* Responsive */
@media (max-width: 992px){
  #gtm-hero{ text-align:center }
  .tr-grid.tr-3{ grid-template-columns:1fr 1fr }
}
@media (max-width: 640px){
  .tr-grid.tr-3{ grid-template-columns:1fr }
}

/* =========================================================
   TECHNORHYTHMS — FAQ PAGE 
   ========================================================= */
.faq-hero{
  text-align:center;
  background:#f9faff;
  padding:90px 0 60px;
}
.faq-hero .pill-kicker{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:.8rem;
  font-weight:600;
  background:#f1edff;
  color:#3f2fff;
  border:1px solid #e6e2ff;
  border-radius:10px;
  padding:.45rem .6rem;
}
.faq-title-lg{
  font-family:"Montserrat","Inter",system-ui,sans-serif;
  font-weight:800;
  margin:.5rem 0 .25rem;
  line-height:1.1;
}
.faq-grid{
  display:grid;
  gap:28px;
  grid-template-columns:1fr 1fr;
}
.faq-group{
  background:#fff;
  /* border:1px solid #e6e9f0; */
  border-radius:16px;
  padding:18px;
  border-left: 2px solid #e7f0fb;
    border-top: 2px solid #e7f0fb;
    border-bottom: 2px solid #faeaea;
    border-right: 2px solid #faeaea;
}
.faq-h2{
  font-size:1.05rem;
  font-weight:800;
  margin:2px 0 10px;
  color:#1b1f27;
}
.tr-accordion .accordion-item{
  background:#f7f8fc;
  border:1px solid #e6e9f0;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:12px;
}
.tr-accordion .accordion-button{
  background:#f7f8fc;
  color:#16181c;
  box-shadow:none;
  padding:14px 18px;
  gap:10px;
  font-weight:700;
}
.tr-accordion .accordion-button .idx{
  font-variant-numeric: tabular-nums;
  color:#7b8290;
  margin-right:6px;
}
.tr-accordion .accordion-button:not(.collapsed){
  background:#eef2ff;
  color:#111;
}
.tr-accordion .accordion-button:focus{
  box-shadow: 0 0 0 3px rgba(0,102,255,.15);
}
.tr-accordion .accordion-body{
  color:#5c636f;
  padding:14px 18px 18px;
  background:#fff;
  border-top:1px solid #e6e9f0;
  border-radius:0 0 14px 14px;
}
@media (max-width:992px){
  .faq-grid{grid-template-columns:1fr;}
}

/* ===================== LEGAL PAGES ===================== */
/* =========================================================
   TECHNORHYTHMS — Privacy Policy PAGE 
   ========================================================= */
.legal-content{background:#fff;}
.legal-article{
  max-width:800px;
  margin:0 auto;
  font-size:1rem;
  color:#30343a;
  line-height:1.7;
}
.legal-article h2{
  font-family:"Montserrat","Inter",system-ui,sans-serif;
  font-weight:700;
  font-size:1.2rem;
  margin-top:32px;
  margin-bottom:10px;
  color:#0b0b0b;
}
.legal-article p{margin-bottom:1rem;}
.legal-article ul{margin:0 0 1rem 1.2rem;}
.legal-article ul li{margin-bottom:.4rem;}

/* Reuse hero style */
.legal-hero{
  text-align:center;
  padding: clamp(90px, 10vw, 140px) 0 clamp(60px, 8vw, 100px);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  position:relative;
}
.legal-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(249,250,255,0.95));
}
.legal-hero .container{position:relative;z-index:2;}

/* =========================================================
   TECHNORHYTHMS — Terms & Conditions PAGE 
   ========================================================= */
.legal-content{background:#fff;}
.legal-article{
  max-width:800px;
  margin:0 auto;
  font-size:1rem;
  color:#30343a;
  line-height:1.7;
}
.legal-article h2{
  font-family:"Montserrat","Inter",system-ui,sans-serif;
  font-weight:700;
  font-size:1.2rem;
  margin-top:32px;
  margin-bottom:10px;
  color:#0b0b0b;
}
.legal-article p{margin-bottom:1rem;}
.legal-article ul{margin:0 0 1rem 1.2rem;}
.legal-article ul li{margin-bottom:.4rem;}

.legal-hero{
  text-align:center;
  padding: clamp(90px, 10vw, 140px) 0 clamp(60px, 8vw, 100px);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  position:relative;
}
.legal-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(249,250,255,0.95));
}
.legal-hero .container{position:relative;z-index:2;}


   /* =========================================================
   TECHNORHYTHMS —  Refund & Cancellation Policy PAGE 
   ========================================================= */
.legal-content{background:#fff;}
.legal-article{
  max-width:800px;
  margin:0 auto;
  font-size:1rem;
  color:#30343a;
  line-height:1.7;
}
.legal-article h2{
  font-family:"Montserrat","Inter",system-ui,sans-serif;
  font-weight:700;
  font-size:1.2rem;
  margin-top:32px;
  margin-bottom:10px;
  color:#0b0b0b;
}
.legal-article p{margin-bottom:1rem;}
.legal-article ul{margin:0 0 1rem 1.2rem;}
.legal-article ul li{margin-bottom:.4rem;}

.legal-hero{
  text-align:center;
  padding: clamp(90px, 10vw, 140px) 0 clamp(60px, 8vw, 100px);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  position:relative;
}
.legal-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(249,250,255,0.95));
}
.legal-hero .container{position:relative;z-index:2;}

   /* =========================================================
   TECHNORHYTHMS — Payment & Billing Policy PAGE 
   ========================================================= */
.legal-content{background:#fff;}
.legal-article{
  max-width: 90%;
  margin: 0 5%;
  font-size:1rem;
  color:#30343a;
  line-height:1.7;
}
.legal-article h2{
  font-family:"Montserrat","Inter",system-ui,sans-serif;
  font-weight:700;
  font-size:1.2rem;
  margin-top:32px;
  margin-bottom:10px;
  color:#0b0b0b;
}
.legal-article p{margin-bottom:1rem;}
.legal-article ul{margin:0 0 1rem 1.2rem;}
.legal-article ul li{margin-bottom:.4rem;}

.legal-hero{
  text-align:center;
  padding: clamp(90px, 10vw, 140px) 0 clamp(60px, 8vw, 100px);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  position:relative;
}
.legal-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(249,250,255,0.95));
}
.legal-hero .container{position:relative;z-index:2;}



/*footer start*/

/*footer theme css start*/

/* Background + global spacing */
#footer.site-footer{
  background:#fff;
  background-image:url("../images/hero-bg.svg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  color:#0B0B0B;
  padding-top: clamp(36px,4vw,56px);
  padding-bottom: clamp(20px,3vw,28px);
}

/* Grid: brand | explore | contact | newsletter (auto collapses) */
#footer .ftr-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr 1fr 0.9fr;
  gap: clamp(16px,2.4vw,28px);
  align-items:start;
  border-bottom:1px solid #e6e8eb;
  padding-bottom: clamp(16px,2.6vw,22px);
  margin-bottom: clamp(10px,2.4vw,16px);
}

/* Column headings (Explore/Contact/Newsletter) */
#footer .h6,
#footer h3{
  font: 800 0.95rem/1.2 "Montserrat","Inter",system-ui,sans-serif;
  margin: 0 0 10px;
  color:#111;
  font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 700;
}

/* Brand block */
#footer .ftr-logo img{
  height: auto;
  width: 75%;
  display:block;
  float: left;
}
.footermenu, .footer-contact {
    margin-top: 10px;
}
#footer .ftr-tag{
  margin:10px 0 12px;
  color:#222;
  max-width: 44ch;
  font-size: .95rem;
  text-align: left;
  float: left;
  width: 100%;
}

/* Socials — horizontal row, no bullets */
#footer .ftr-social{
  display:flex;
  gap:10px;
  padding:0;
  margin: 2px 0 0;
  list-style:none;
}
#footer .ftr-social li{list-style:none}
#footer .ftr-social a{
  display:grid; place-items:center;
  width:34px; height:34px; border-radius:10px;
  background:#fff; color:#111; border:1px solid #d0d5dd;
  transition:transform .15s ease, box-shadow .15s ease;
}
#footer .ftr-social a:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.08);
}

/* Explore menu */
#footer .ftr-nav .menu{list-style:none; padding:0; margin:0}
#footer .ftr-nav .menu li+li{margin-top:6px}
#footer .ftr-nav .menu a{color:#111; text-decoration:none}
#footer .ftr-nav .menu a:hover{opacity:.8}

/* Contact */
#footer .ftr-contact address{
  font-style:normal;
  color:#333;
  line-height:1.6;
}
#footer .ftr-contact a{color:#111; text-decoration:none}
#footer .ftr-contact a:hover{opacity:.85}

/* Newsletter (CF7 or fallback) */
#footer .ftr-news-form{
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
}
#footer .ftr-news-form input,
#footer .wpcf7-form-control.wpcf7-text{
  flex:1 1 auto;
  min-width: 100%;
  padding:.65rem .8rem;
  border-radius:12px;
  border:1px solid #d0d5dd !important;
  background:#fff !important;
  color:#111 !important;
  outline:none;
}
#footer .ftr-news-form input::placeholder{ color:#98a2b3 }
#footer .ftr-news .wpcf7-submit.btn,
#footer .ftr-news-form .btn{
  background:#111 !important; color:#fff !important; border:none !important;
  padding:.65rem 1rem; border-radius:999px; font-weight:700; line-height:1;float: left;
    margin-top: 10px;
}
#footer .ftr-news .wpcf7-submit.btn:hover,
#footer .ftr-news-form .btn:hover{ opacity:.9 }

/* Bottom bar: copyright | legal | back-to-top */
#footer .ftr-bottom{
  display:grid;
  grid-template-columns: 1fr auto auto;
  align-items:center;
  gap:12px;
  border-top:1px solid #e6e8eb;
      padding-top: 20px;
    margin-top: 50px;

}
#footer .ftr-bottom .copy{margin:0; color:#555; text-align: left; font-size:.94rem}
#footer .ftr-legal-menu{display:flex; gap:14px; list-style:none; padding:0; margin:0}
#footer .ftr-legal-menu a{color:#475467; text-decoration:none; font-size:.93rem}
#footer .ftr-legal-menu a:hover{color:#111}

/* Back-to-top */
#footer .back-to-top{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:999px;
  background:#fff; color:#111; border:1px solid #d0d5dd;
  transition:transform .15s ease, box-shadow .15s ease;
  text-align: center;
}
#footer .back-to-top:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.08) }
#footer .back-to-top:focus-visible{ outline:2px solid #0066FF; outline-offset:2px }

/*footer theme css end*/

ul.ftr-social {
    float: left;
    width: 100%;
}

footer {
    float: left;
    width: 100%;
    background-color: #ddd;
    text-align: center;
    padding: 80px 0px;
}
.footermenu ul.menu, .footer-contact ul {
    padding: 0px;
    margin: 0px;
    text-align: left;
    list-style-type: none;
	float: left;
    width: 100%;
}
footer#footer h3, .ftr-news h3 {
    text-align: left;
    float: left;
	font-size: 20px !important;
}
#footer p{
	float:left;
	width:100%;
}
.footer-contact ul li i {
    margin-right: 10px;
}

.ftr-news {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.col-md-6.col-sm-12.copy-menu {
    text-align: right;
}
.col-md-6.col-sm-12.copy-menu a {
    color: #555;
}

/*footer end*/

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


/* Responsive sizes */
@media (max-width: 1200px) {
  .custom-slick-slider .slick-slide img { max-width: 180px; }
}


@media (max-width: 1100px){
  #footer .ftr-grid{
    grid-template-columns: 1.2fr 1fr 1fr; /* brand | contact | newsletter */
  }
  /* hide Explore column gracefully if empty */
  #footer .ftr-nav:empty{ display:none }
}
@media (max-width: 768px){
  #footer .ftr-grid{ grid-template-columns: 1fr; }
  #footer .ftr-news-form{ flex-direction:column; align-items:stretch }
  #footer .ftr-news-form .btn{ width:100% }
  #footer .ftr-bottom{ grid-template-columns:1fr; row-gap:8px }
}



@media (max-width: 1024px){
  .about-hero-grid{ grid-template-columns:1fr }
  .about-badges{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .values-wrap{ grid-template-columns:1fr }
}
@media (max-width: 640px){
  .about-stats-grid{ grid-template-columns:1fr 1fr }
  .about-badges{ grid-template-columns:1fr 1fr }
}


@media (max-width: 992px) {
  .partner-wrap { grid-template-columns: 1fr; }
  .custom-slick-slider .slick-slide img { max-width: 160px; }
  .contact-wrap { grid-template-columns: 1fr; }
   #tec-hero {
    text-align: center;
  }
  #tec-hero .hero-device {
    margin-top: 20px;
  }
  .tr-grid.tr-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* ---------- Responsive Adjustments ---------- */
@media (max-width: 640px) {
  .tr-grid.tr-5 {
    grid-template-columns: 1fr !important;
  }
  #tec-approach .card, #tec-deliverables .card, #tec-industries .card {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
	
	h1 { font-size: 32px; }
  h2 { font-size: 24px; }
  .hero--split { padding: 30px 0px 50px!important; min-height: auto; }
  .hero-copy { text-align: center; }
	
	
	.custom-slick-slider .slick-slide img {
		max-width: 200px;
		} 
		.partner-title {
			text-align: center;
		  }
		  .partner-sub {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		  }
		  .partner-metrics {
			text-align: center;
			justify-items: center;
		  }
		  .partner-form.card {
			margin-top: 24px;
		  }
}
@media only screen and (max-width: 469px) {
	a.btn {
		margin: 5px auto;
		width: 100%;
	}
}
@media only screen and (min-width:0px) and (max-width:767px){
	
   .navbar-brand img {
		height: 40px !important;
	}
	section.homebanner {
		margin-top: 0px;
		padding: 50px 0px 0px;
	}
	body.home nav#header {
		background-color: #fff !important;
		box-shadow: 5px 4px 10px #ddd;
	}
	button.navbar-toggler {
		background-color: #fcfcfc;
		border-radius: 3px !important;
		float: right;
		padding: 1px 7px;
		top: 17px !important;
        position: absolute;
        right: 30px;
	}
	.navbar-collapse.collapse.show {
		display: block !important;
	}
	ul#menu-main-menu li a {
		font-size: 17px;
	}
	.collapse.navbar-collapse {
		display: none !important;
	}
	ul#menu-main-menu {
		float: left;
		margin-right: 0px !important;
		width: 100%;
	}
	ul#menu-main-menu li.menu-item {
		margin: 0px 15px;
		border-bottom: 1px solid #ddd;
		padding: 8px 0px;
	}
	ul#menu-main-menu li.menu-item-76 a {
		padding: 0px;
		border: 0px solid #111;
	}
	li#menu-item-76 {
		border: 0px !important;
	}
	h1 {
		font-size: 32px !important;
        line-height: 40px !important;
	}
	.hero-device img {
		max-width: 100%;
		width: 100%;
		height: auto;
        margin-bottom: 25px;
	}
	.hero-copy {
		text-align: left;
	}
	.hero-copy h1 {
		margin-top: 30px;
	}
	section.homelogos img {
		width: 80%;
		margin: 15px 10%;
	}
	h2 {
		font-size: 28px !important;
        line-height: 36px !important;
	}
	section {
		padding: 35px 0;
	}
	section.section.about-hero {
		padding-bottom: 0px;
	}
	.cta-card img {
		text-align: center;
		float: none;
		margin: 30px 25% 0px;
	}
	article.service-card.is-yellow, article.service-card.is-red {
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.cases-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	section#design-thinking .dt-title.text-center {
		margin: 0px 2%;
	}
	.dt-block.dt-define, .dt-block.dt-empathize, .dt-block.dt-prototype, .dt-block.dt-ideate, .dt-block.dt-test {
		text-align: center;
		border: 1px solid #ddd;
		border-radius: 20px;
		padding: 30px;
	}
	section.homelogos .col-xs-12.col-sm-12.col-md-2.col-lg-2 {
		width: 50%;
	}
	section.homelogos .col-xs-12.col-sm-12.col-md-2.col-lg-2.ls {
		width: 100% !important;
		text-align: center;
	}
	.design-thinking .dt-loop img {
		max-width: 100%;
		width: 100%;
	}
	div#testimonialSlider {
		margin-top: 30px;
		margin-bottom: 60px;
	}
	.cont-form label , .cont-form textarea{
		width: 100%;
		margin: 10px 0% 0px;
	}
	.cont-form input.wpcf7-submit {
		width: 100%;
	}
	.col-md-2.footermenu, .col-md-4.footer-contact {
		margin-top: 30px;
	}	
	#footer .ftr-news-form .btn {
        height: 48px;
    }	
	
	section.founder h1 {
		font-size: 42px;
		line-height: 50px;
		margin-right: 0px;
	    margin-bottom: 2px;
	}
	.founder-inner {
		padding: 25px;
		text-align: center;
	}
	.founder-inner img {
		margin: 20px auto 0px;
        width: 75%;
	}
	.value h3 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.card.value span.pill {
		width: 15%;
	}
    .about-badges {
        grid-template-columns: unset;
    }
	section.founder {
		padding-top: 0px;
	}	
	section#srv-how img {
		width: 100%;
	}
	.cta-card img {
		margin-top: 30px;
	}
	.partner-form.card.cont {
		margin: 35px 0% 30px;
	}
	.full {
		width: auto;
		display: block;
	}
	.full p.field{
		float: none;
		width: unset;
		margin-right: 0px;
	}
	.relatedposts {
		margin-top: 40px;
	}
	.blogpost h3 {
		font-size: 24px;
		line-height: 32px;
	}
	.blogpost h2 {
		font-size: 28px;
		line-height: 36px;
	}
	header.entry-header h1.entry-title {
		margin: 10px 0% 0px;
	}
	.blogpost h1 {
		font-size: 32px;
		line-height: 38px;
	}
	header.entry-header .entry-meta {
		text-align: center;
		margin: 40px 0% 20px;
	}
	.post-navigation .pr-3 {
		width: 100%;
	}
	.casestudypost header.entry-header .entry-meta {
		text-align: center;
		margin: 20px 0% 20px;
	}
	.casestudypost header.entry-header h1.entry-title {
		text-align: center;
	}
	.casestudypost .postcat {
		margin: 10px 0% 40px;
		text-align: center;
	}
	.relatedposts h2 {
		text-align: center;
	}
	section.bloglistsec1 {
		padding: 20px 0px;
	}
	a.previous-post.btn.btn--ghost {
		margin-bottom: 10px;
	}
	a.roundbg {
		padding: 5px 25px 2px;
		font-size: 30px;
	}
	.postlist small a.btn {
		margin-bottom: 15px;
	}
	.list-group {
		margin-top: 35px;
	}
	.bloglistsec1card a.btn.btn-primary {
		margin-top: 15px;
	}
	ul.hbanner li {
		float: left;
		margin-bottom: 22px;
		width: 100%;
	}
	ul.hbanner li span {
		margin-right: 0px;
	}
	section#approach p {
		width: 100%;
	}
	section#approach h2 {
		width: 100%;
		margin: 0px auto 10px;
	}
	section#design-thinking .dt-block p {
		margin-bottom: 0px;
	}
	section.testimonials p {
		margin-top: 0px;
		padding-right: 0px;
	}
	.textimonial p {
		font-size: 20px;
		line-height: 28px;
	}
	.bloglistsec1card img {
		height: auto;
	}
	form.wpcf7-form.init.tr-partner-form .row {
		display: block;
	}
	form.wpcf7-form.init.tr-partner-form .row .col {
		display: inline-block;
	}
	body.archive.author .author-info {
		text-align: center;
	}
	body.archive.author .author-info img.avatar.avatar-180.photo {
		width: auto;
		height: auto;
		margin: 0px auto 20px;
	}
	.case-body {
		grid-template-columns: 1fr;
	}
	.design-thinking .dt-title h2 {
		width: 100%;
	}
	.dt-steps li, .web-steps li {
		width: 100% !important;
		margin: 10px 0px !important;
	}
	.hero-visual img {
		width: 100%;
	}
	.dt-loop-right.gtm-arch-right {
		width: auto;
	}
	.hero-mrp-inner {
		grid-template-columns: none !important;
		gap: 0px !important;
	}
	.hero-mrp-right, .hero-techseo-right {
		order: -1;
	}
	.hero-performance, .hero-techseo, section.hero.hero-gtm, section.hero.hero-mrp {
        padding: 30px 0 60px !important;
    }
	.hero-performance-left .hero-subtext {
		max-width: 100%;
	  }
	.pm-steps {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	section#web-hero {
		padding: 20px 0px 50px !important;
	}
	ol.ranking-list {
		padding-left: 0px;
	}
	#footer .back-to-top {
		position: absolute;
		display: block;
	}
	section.hbanner.bloglisthead .homebannercont {
		padding-top: 0%;
	}
	.about-vm .card.soft {
		width: 100%;
		margin: 20px 0% 0px;
	}
	section.about-values figure.values-media {
		order: -1;
	}
	section.section.about-values, section.section.sec--white.about-stats {
		padding-top: 0px;
	}
	.col-md-6.col-sm-12.copy-menu {
		text-align: left;
	}
	
}


/* =============== Related Services (AB)=============== */

.section.related-services {
  padding: clamp(60px, 8vw, 100px) 0;
  /* background: #f5f7fb; /* light grey/blue background similar to your page */ */
  background: linear-gradient(180deg, rgb(255 255 255) 0%, #f5f7fb 100%);
}

.related-services .container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

.related-services-header {
  max-width: 640px;
  margin: 0 auto 40px;
  text-align: center;
}

.related-services-header .eyebrow {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #6b737d;
  margin-bottom: 8px;
}

.related-services-header h2 {
  font-size: clamp(28px, 3vw, 34px);
  line-height: 1.2;
  margin: 0 0 10px;
  color: #111827;
}

.related-services-header .intro {
  font-size: 15px;
  color: #6b737d;
  margin: 0;
}

/* Grid */

.related-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* Card */

.rs-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 24px 22px;
  border-radius: 24px;
  background: #ffffff;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.rs-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border-color: #cbd5f5;
}

.rs-icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f6ff;
  margin-bottom: 16px;
  font-size: 20px;
}

.rs-card h3 {
  font-size: 18px;
  margin: 0 0 10px;
  color: #111827;
}

.rs-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #6b737d;
  margin: 0 0 18px;
}

/* "Details" link */

.rs-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #0066ff; /* your accent blue */
}

.rs-card:hover .rs-link {
     font-weight: 700;
}

.rs-arrow {
  display: inline-block;
  transform: translateX(0);
  transition: transform 0.18s ease;
}

.rs-card:hover .rs-arrow {
  transform: translateX(2px);
}

section#faq-technical-seo .tr-accordion .accordion-button .idx {
    color: #111827;
}
/* Responsive */

@media (max-width: 991px) {
  .related-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .related-services-grid {
    grid-template-columns: 1fr;
  }

  .section.related-services {
    padding: 40px 0 60px;
  }
}
/* =============== END Related Services (AB)=============== */


/* =========================================================
   GTM STRATEGY & IMPLEMENTATION — PAGE STYLES
   Mirrors Technical SEO layout, with GTM + GA4 colors
   ========================================================= */

/* ---------- GTM + GA4 COLOR TOKENS ---------- */

:root {
  /* Core brand accents */
  --gtm-blue:   #1a73e8; /* GTM primary */
  --ga4-blue:   #4285f4;
  --ga4-green:  #34a853;
  --ga4-yellow: #fbbc04;
  --ga4-red:    #ea4335;

  /* Soft background tints */
  --gtm-blue-soft:   #e8f0fe;
  --ga4-green-soft:  #e7f5ed;
  --ga4-yellow-soft: #fff7e0;
  --ga4-red-soft:    #fde7e7;
  --ga4-purple-soft: #efe7ff;
}

/* =========================================================
   HERO — GTM Strategy & Implementation
   ========================================================= */

.hero-gtm {
  background:
    radial-gradient(circle at 0% 0%, rgba(26,115,232,0.12) 0, transparent 45%),
    linear-gradient(to bottom, #f5f8ff 0%, #e8f0fe 55%, #f7f8fc 100%);
  padding: clamp(80px, 9vw, 120px) 0;
}

.hero-gtm-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 60px;
  align-items: center;
}
a.btn.btn-primary.gtm-primary{
	background: #1a73e8;
    border-color: #1a73e8 !important;
    color: #fff !important;
}
a.btn.btn-primary.gtm-primary:hover{
	background: #fff;
    border-color: #1a73e8 !important;
    color: #1a73e8 !important;
}
a.btn.btn-ghost.gtm-secondary{
	background: #fff;
    border-color: #1a73e8 !important;
    color: #1a73e8 !important;
}
a.btn.btn-ghost.gtm-secondary:hover{
	background: #1a73e8;
    border-color: #1a73e8 !important;
    color: #fff !important;
}

/* LEFT */

.hero-gtm-left .hero-tag {
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gtm-blue);
  margin-bottom: 10px;
}

.hero-gtm-left h1 {
  font-size: clamp(34px, 4.5vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  margin: 0 0 16px;
  color: #111827;
}

.hero-gtm-left .hero-subtext {
  font-size: 16px;
  line-height: 1.8;
  color: #4b5563;
  max-width: 520px;
  margin: 0 0 22px;
}

.hero-gtm .hero-pill-dot {
  background: var(--gtm-blue);
}

/* RIGHT */

.hero-gtm-right {
  display: flex;
  justify-content: center;
}

@media (max-width: 960px) {
  .hero-gtm-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .hero-gtm-right {
    order: -1; /* image above text on mobile */
  }
}

body.page-template-gtm-strategy_tpl .ranking-list li:hover {
    border-color: #1a73e8;
}
/* =========================================================
   WHAT'S BREAKING YOUR MEASUREMENT
   (reuses .ranking-issues + .ranking-list from SEO page)
   ========================================================= */

/* Section wrapper can reuse .section.ranking-issues
   Just add class="measurement-issues" to that section */

.measurement-issues .ranking-header h2 {
  /* optional: tweak copy size if needed */
}

/* GA4-colored numbered bubbles */

.measurement-issues .ranking-list li::before {
    background: var(--ga4-green-soft);
    border-color: #2bb673;
    color: #2bb673;
}


/* =========================================================
   TR MEASUREMENT ARCHITECTURE
   ========================================================= */

/* Add class="gtm-arch" on the grid wrapper for this section
   and use .arch-card + .arch-step-num structures similar to SEO page */

.gtm-arch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.gtm-arch .arch-card {
  padding: 14px 16px 18px;
  border-radius: 22px;
  border: 1px solid var(--border-soft, #e5e7eb);
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.gtm-arch .arch-card:hover {
    background: #ffffff !important;
    border-color: #cfd7f5;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}

/* Step chips */

.gtm-arch .arch-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--gtm-blue);
  margin-bottom: 5px;
}

/* GA4 color progression across steps */

.gtm-arch .arch-card:nth-child(1) { /* Plan */
  background: var(--gtm-blue-soft);
  border-color: rgba(26,115,232,0.25);
}
.gtm-arch .arch-card:nth-child(1) span.arch-step-num{ 
 background: #1a73e8;
}
.gtm-arch .arch-card:nth-child(2) { /* Build */
  background: var(--ga4-green-soft);
  border-color: rgba(52,168,83,0.25);
}
.gtm-arch .arch-card:nth-child(2) span.arch-step-num{ 
 background:   #34a853;
}
.gtm-arch .arch-card:nth-child(3) { /* Validate */
  background: var(--ga4-yellow-soft);
  border-color: #F4B400;
}
.gtm-arch .arch-card:nth-child(3) span.arch-step-num{ 
 background:#fbbc04;
}
.gtm-arch .arch-card:nth-child(4) { /* Activate */
  background: var(--ga4-red-soft);
  border-color: rgba(234,67,53,0.25);
}
.gtm-arch .arch-card:nth-child(4) span.arch-step-num{ 
 background: #ea4335;
}
.gtm-arch .arch-card:nth-child(5) { /* Govern */
  background: var(--ga4-purple-soft);
  border-color: rgba(123,97,255,0.25);
}
.gtm-arch .arch-card:nth-child(5) span.arch-step-num{ 
 background: #9b88c0;
}
.gtm-arch .arch-card:nth-child(6) { /* Report */
  background: #eef3ff;
  border-color: rgba(66,133,244,0.25);
}
.gtm-arch .arch-card:nth-child(6) span.arch-step-num{ 
 background: #98acdc;
}
.gtm-arch .arch-card h3 {
  font-size: 17px;
  margin: 0 0 4px;
  color: #111827;
}

.gtm-arch .arch-card p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-muted, #6b737d);
  margin-bottom: 0px;
}
body.page-template-gtm-strategy_tpl .industry-impact-grid a.ii-card:hover, body.page-template-gtm-strategy_tpl .wyg-item:hover, body.page-template-gtm-strategy_tpl .rs-card:hover {
    border: 1px solid #1a73e8;
}
body.page-template-gtm-strategy_tpl  .wyg-item-icon {
    background: #e8f0fe;
    color: #fff !important;
}
.industry-impact-grid a.ii-card:hover h3, .industry-impact-grid a.ii-card:hover span.ii-link {
    color: #000 !important;
}

@media (max-width: 900px) {
  .gtm-arch {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   PROOF & RESULTS — (shared layout, GA4 hints)
   ========================================================= */

.section.proof-results {
  background: var(--bg-light, #f7f8fc);
}

.proof-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(70px, 8vw, 110px) 24px;
}

.proof-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.proof-header h2 {
  font-size: clamp(32px,3vw,40px);
  margin-bottom: 10px;
}

.proof-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted, #6b737d);
}

/* KPI row */

.proof-kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.proof-kpi-card {
  padding: 20px 22px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid var(--border-soft, #e5e7eb);
  text-align: center;
  transition: 0.18s ease;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);

  /* GA4 color bars */
  border-top: 3px solid transparent;
}

.proof-kpi-card:nth-child(1) {
  border-top-color: var(--gtm-blue);
}
.proof-kpi-card:nth-child(2) {
  border-top-color: var(--ga4-green);
}
.proof-kpi-card:nth-child(3) {
  border-top-color: var(--ga4-yellow);
}

.proof-kpi-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5f5;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.proof-kpi-card h3 {
  font-size: 17px;
  margin-bottom: 6px;
}

.proof-kpi-card p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-muted, #6b737d);
}

/* Testimonials */

.proof-testimonial-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.proof-testimonial-card {
  padding: 22px 24px 20px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid var(--border-soft, #e5e7eb);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.proof-testimonial-card .quote {
  font-size: 15.5px;
  line-height: 1.75;
  margin-bottom: 14px;
  color: #374151;
  font-style: italic;
}

.proof-testimonial-card .person {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.proof-testimonial-card .person .meta {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #6b737d;
  margin-top: 2px;
}

/* Gold rating stars */
.proof-testimonial-card .rating {
  font-size: 15px;
  color: #fbbf24;
}

/* Center CTA button under proof */
.proof-cta {
  text-align: center;
  margin-top: 10px;
}

.proof-cta .btn {
  padding: 11px 22px;
}

/* Responsive */

@media (max-width: 900px) {
  .proof-kpi-row {
    grid-template-columns: 1fr;
  }

  .proof-testimonial-row {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   WHERE GTM PRECISION PAYS OFF (Industry impact)
   ========================================================= */

.section.industry-impact.gtm-impact {
  padding: clamp(60px, 8vw, 100px) 0;
  background: #ffffff;
}

.industry-impact.gtm-impact .container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

.industry-impact.gtm-impact .industry-impact-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.industry-impact.gtm-impact .industry-impact-header h2 {
  font-size: clamp(28px, 3vw, 34px);
}

/* Cards reuse .ii-card styles from SEO page
   Only change icon tints here */

.gtm-impact .ii-icon, body.page-template-gtm-strategy_tpl .wyg-item-icon, body.page-template-gtm-strategy_tpl .mrp-issues .ranking-list li::before, body.page-template-gtm-strategy_tpl .rs-icon, body.page-template-gtm-strategy_tpl .measurement-issues .ranking-list li::before {
  background: var(--gtm-blue-soft);
}


/* =========================================================
   WHAT YOU GET (can reuse SEO .wyg-split styles)
   ========================================================= */
/* no extra GTM-specific styles required unless you
   want color accents — they can stay neutral */

/* =========================================================
   CTA — Make Every Click Count (GTM version)
   ========================================================= */

/* Section (no hard background color on wrapper) */
#gtm-cta {
  background:
    radial-gradient(circle at 0% 0%, rgba(26,115,232,0.12) 0, transparent 45%),
    #f5f7ff;
  text-align: center;
  padding: clamp(60px, 8vw, 90px) 0;
}

/* Card is full black with white text */
#gtm-cta .cta-card {
  background: #05070b;
  color: #ffffff;
  border-radius: 22px;
  border: 1px solid #111827;
  max-width: 960px;
  margin: 0 auto;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

#gtm-cta .cta-card h2,
#gtm-cta .cta-card .sub {
  color: #000000;
}

#gtm-cta .cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* =========================================================
   FAQ — GTM Strategy
   ========================================================= */

#faq-gtm {
  background: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
section#faq-gtm .tr-accordion .accordion-button .idx {
    color: #1a73e8;
}
.pill-kicker {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--gtm-blue);
  background: var(--gtm-blue-soft);
  border: 1px solid rgba(26,115,232,0.25);
  border-radius: 10px;
  padding: 0.4rem 0.6rem;
}

#faq-gtm .faq-title {
  font-weight: 800;
  margin: 10px 0 12px;
  line-height: 1.15;
}

#faq-gtm .tr-accordion .accordion-item {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e6e9f0;
  margin-bottom: 12px;
  background: #f9fafc;
}

#faq-gtm .accordion-button {
  background: #f9fafc;
  font-weight: 700;
  padding: 14px 18px;
  color: #16181c;
}

#faq-gtm .accordion-button .idx {
  color: #7b8290;
  margin-right: 8px;
}

#faq-gtm .accordion-button:not(.collapsed) {
  background: #e8f0fe;
  color: #111;
}

#faq-gtm .accordion-body {
  background: #fff;
  padding: 14px 18px 18px;
  color: #5c636f;
}

section.wyg-gtm .wyg-item:hover, .page-template-gtm-strategy_tpl .ranking-list li:hover, .page-template-gtm-strategy_tpl a.rs-card:hover {
    /* border-color: #1a73e885; */
}

@media (max-width: 768px) {
  #gtm-cta .cta-card {
    padding: 24px;
  }
}


/* =========================================================
   MARKET RESEARCH & POSITIONING — PAGE STYLES
   Aligns with Technical SEO / GTM service pages
   ========================================================= */

/* ---------- Page-specific color tokens ---------- */
:root{
  /* Soft overlays based on design-thinking palette */
  --mrp-discover-bg:  #3f7fca19; /* blue */
  --mrp-map-bg:       #448c7419; /* green */
  --mrp-diff-bg:      #edcb5019; /* yellow */
  --mrp-arch-bg:      #f58b2319; /* orange */
  --mrp-validate-bg:  #8b5cf619; /* subtle purple */
}


/* =========================================
   MARKET RESEARCH & POSITIONING — HERO
   ========================================= */
.hero-mrp {
    background: linear-gradient(135deg, #f5f3ff 0%, #e4f0ff 45%, #8b5cf61f 100%);
    padding: clamp(80px, 9vw, 120px) 0;
}

section#mrp-problem .ranking-list li:hover, .mrp-assets-right .wyg-item:hover, section#mrp-industries .ii-card:hover, .page-template-market-research a.rs-card:hover, ol.mrp-steps li:hover{
	border-color:#8b5cf6;
}
.mrp-assets-right .wyg-item:hover {
    box-shadow: 0 8px 26px #8b5cf62e;
}
.hero-mrp-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 60px;
  align-items: center;
}

.hero-mrp-left h1 {
  font-size: clamp(34px, 4.5vw, 48px);
  line-height: 1.1;
}
.hero-mrp-left p.hero-tag {
    color: #8b5cf6;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
}
/* reuse existing hero-tag, hero-subtext, hero-pill-row, hero-cta-row, .btn, .hero-visual */

.hero-mrp-right {
  display: flex;
  justify-content: center;
}

/* Slightly softer dot color for this page */
.hero-mrp .hero-pill-dot {
  background: #8b5cf6;
}

/* =========================================
   PROBLEM SECTION (reuses .ranking-issues)
   ========================================= */

.mrp-issues .ranking-list li::before {
  border-color: #8b5cf6;
  background: #f5f3ff;
  color: #8b5cf6;
}

/* =========================================
   INSIGHT BLOCK
   ========================================= */

.insight-mrp {
  background: linear-gradient(to bottom, #f7f8ff 0%, #f0f4ff 100%);
}


/* =========================================================
   TR POSITIONING LOOP (split layout, coloured steps)
   ========================================================= */

.section.mrp-loop{
  background: var(--bg-light);
  padding: clamp(70px,8vw,110px) 0;
}

.mrp-loop-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0,1.09fr) minmax(0,1.0fr);
  gap: 60px;
  align-items: flex-start;
}

/* ---------- LEFT ---------- */

.mrp-loop-left .eyebrow{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 8px;
}

.mrp-loop-left h2{
  font-size: clamp(28px,3vw,36px);
  margin: 0 0 12px;
}

.mrp-loop-left .intro{
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
  max-width: 420px;
}

/* ---------- RIGHT STEPS ---------- */

.mrp-loop-right{ 
  width: 100%; 
}
ol.mrp-steps li:hover {
    background: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}
.mrp-steps{
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mrp-steps li{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid #e4e7ee;
  background: #fff;
}

/* coloured background per step */
.mrp-steps li:nth-child(1){ background: var(--mrp-discover-bg); }
.mrp-steps li:nth-child(2){ background: var(--mrp-map-bg); }
.mrp-steps li:nth-child(3){ background: var(--mrp-diff-bg); }
.mrp-steps li:nth-child(4){ background: var(--mrp-arch-bg); }
.mrp-steps li:nth-child(5){ background: var(--mrp-validate-bg); }

.mrp-step-num{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #8b5cf6;
  background: #ffffffcc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #8b5cf6;
  flex-shrink: 0;
}

.mrp-step-body h3{
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

.mrp-step-body p{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-muted);
}

/* ---------- SMALL ASSET CARDS ---------- */

.mrp-loop-assets{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;

  /* keep the asset cards visually under the right column */
  max-width: 720px;
  margin-left: auto;
  margin-right: 0;
}

.mrp-loop-asset-card{
  border-radius: 18px;
  padding: 16px 18px;
  background: #ffffff;
  border: 1px solid #e4e7ee;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-muted);
}

.mrp-loop-asset-card h3{
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width:960px){
  .mrp-loop-inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .mrp-loop-left .intro{
    max-width: 100%;
  }

  .mrp-loop-assets{
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-template-columns: 1fr;
  }
}

/* =========================================
   PROOF & RESULTS — MR VARIANT
   (reuses base .proof-results styles)
   ========================================= */

.proof-mrp .proof-kpi-card:hover {
  border-color: #c4b5fd;
}
/* =========================================
   INDUSTRY IMPACT, DELIVERABLES, CTA
   ========================================= */

.mrp-impact .ii-card:hover {
  border-color: #c4b5fd;
}

.wyg-mrp .wyg-item-icon img {
  filter: drop-shadow(0 4px 8px rgba(124, 58, 237, 0.16));
}

/* CTA shared style (extend what you already have for #tec-cta / #gtm-cta) */
#tec-cta,
#gtm-cta,
#mrp-cta {
  background: #f3f5ff;
  text-align: center;
}

#tec-cta .cta-card,
#gtm-cta .cta-card,
#mrp-cta .cta-card {
  background: #fff;
  color: #000;
  border-radius: 22px;
  border: 0px solid #111827;
  padding: clamp(28px, 5vw, 48px);
  box-shadow: 0 22px 60px rgb(15 23 42 / 16%);
}

#mrp-cta .sub {
  color: #000000;
}
a.btn.btn-primary.mrp-primary, a.btn.btn-ghost.mrp-secondary:hover {
    background-color: #8b5cf6;
    border-color: #8b5cf6 !important;
    color: #fff !important;
}
a.btn.btn-primary.mrp-primary:hover, a.btn.btn-ghost.mrp-secondary {
    background-color: #fff;
    border-color: #8b5cf6 !important;
    color: #8b5cf6 !important;
}
/* =========================================================
   POSITIONING ASSETS (WHAT YOU GET)
   ========================================================= */

.section.mrp-assets{
  background:#ffffff;
  padding: clamp(70px,8vw,110px) 0;
}

.mrp-assets-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);
  gap:60px;
  align-items:flex-start;
}

.mrp-assets-left .eyebrow{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:600;
  color:var(--text-muted);
  margin-bottom:8px;
}

.mrp-assets-left h2{
  font-size:clamp(32px,3vw,40px);
  margin:0 0 12px;
}

.mrp-assets-left .subtext{
  font-size:16px;
  line-height:1.8;
  color:var(--text-muted);
  max-width:420px;
}

/* right column list */

.mrp-assets-right{ width:100%; }
.mrp-assets-right .wyg-item {
    margin-bottom: 16px;
}
.mrp-assets-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mrp-assets-list li{
  padding:12px 0 14px;
  border-bottom:1px solid var(--border-soft);
}

.mrp-assets-list li:last-child{
  border-bottom:none;
}

.mrp-assets-list h3{
  margin:0 0 4px;
  font-size:17px;
  font-weight:600;
  color:#111827;
}

.mrp-assets-list p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--text-muted);
}

/* responsive */

@media (max-width:960px){
  .mrp-assets-inner{
    grid-template-columns:1fr;
    gap:40px;
  }
  .mrp-assets-left .subtext{
    max-width:100%;
  }
}
/* =========================================================
   FAQ BLOCK - Common for all service pages
   ========================================================= */

/* FAQ */
#faq-mrp{ background:#fff; padding-top:80px; padding-bottom:80px }
#faq-mrp .pill-kicker{
  display:inline-block; text-transform:uppercase; font-size:.8rem; font-weight:600;
  color:#8b5cf6; background:#f1edff; border:1px solid #e6e2ff; border-radius:10px; padding:.4rem .6rem;
}
#faq-mrp .faq-title{ font-weight:800; margin:10px 0 12px; line-height:1.15 }
#faq-mrp .tr-accordion .accordion-item{
  border-radius:14px; overflow:hidden; border:1px solid #e6e9f0; margin-bottom:12px; background:#f9fafc;
}
#faq-mrp .accordion-button{ background:#f9fafc; font-weight:700; padding:14px 18px; color:#16181c }
#faq-mrp .accordion-button:not(.collapsed){ background:#eef2ff; color:#111 }
#faq-mrp .accordion-body{ background:#fff; padding:14px 18px 18px; color:#5c636f }

section#faq-mrp .tr-accordion .accordion-button .idx {
    color: #8b5cf6;
}
/* =========================================================
   E-COMMERCE SEO THEME
   Uses warm retail colours (orange / coral) + design-thinking palette
   ========================================================= */

:root{
  --eco-accent: #F58B23;
  --eco-accent-soft: #fff4e8;
  --eco-accent-soft-alt: #ffe9d1;
}

/* HERO */

.hero-eco {
    background: radial-gradient(circle at top right, #ffe9d1 0, #e9f0ff 32%, #f5f7ff 70%, #f5f7ff 100%);
    padding: clamp(70px, 8vw, 120px) 0;
    min-height: unset !important;
}
section#eco-hero h1 {
    font-size: clamp(34px, 4.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
}
.hero-eco .hero-tag {
    color: #f58b23;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
}
/* =========================================================
   E-COMMERCE SEO — PROBLEM SECTION
   ========================================================= */

.section.eco-problem {
  padding: clamp(80px, 8vw, 120px) 0;
  background: #ffffff;
}

.eco-problem-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */

.eco-problem-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px;
}

.eco-problem-header .eyebrow {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.14em;
  font-weight: 600;
  color: #6b737d;
  margin-bottom: 10px;
}

.eco-problem-header h2 {
  font-size: clamp(32px, 3.4vw, 40px);
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
}

.eco-problem-header .intro {
  font-size: 17px;
  color: #6b737d;
  line-height: 1.75;
}

/* List of problems (3 cards) */

.eco-problem-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  counter-reset: ecoCount;
}

.eco-problem-list li {
  counter-increment: ecoCount;
  position: relative;
  padding: 24px 26px 24px 56px;
  background: #fcfdff;
  border: 1px solid #e3e7f2;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.04);
  transition: 0.2s ease;
}

.eco-problem-list li:hover {
  background: #ffffff;
  border-color: #f58b2333;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

/* Number badge */

.eco-problem-list li::before {
  content: counter(ecoCount);
  position: absolute;
  left: 18px;
  top: 22px;
  width: 32px;
  height: 32px;
  border-radius: 999px;

  /* e-commerce brand colour */
  background: #f58b233b;
  border: 1px solid #f58b23;

  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #f58b23;
}

/* Text */

.eco-problem-list h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}

.eco-problem-list p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #6b737d;
}

section#mrp-industries .ii-icon, section#mrp-deliverables .wyg-item-icon, body.page-template-market-research .rs-icon {
    background: #c4b5fd;
}

/* Responsive */

@media (max-width: 900px) {
  .eco-problem-list {
    grid-template-columns: 1fr;
  }

  .eco-problem-list li {
    padding-left: 56px;
  }
}

/* =========================================================
   E-COMMERCE SEO — INSIGHT SECTION
   ========================================================= */

.section.insight-hero.eco-insight{
  padding: clamp(80px, 10vw, 130px) 0;
  background: linear-gradient(to bottom, #fffdf9 0%, #fff9f2 100%); /* subtle ecommerce tint */
  text-align: center;
}

.eco-insight .eyebrow{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 600;
  color: #6b737d;
  margin-bottom: 10px;
}

.eco-insight h2{
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 700;
  color: #111827;
  margin-bottom: 16px;
}

.eco-insight .subtext{
  font-size: 17px;
  line-height: 1.75;
  color: #6b737d;
  max-width: 780px;
  margin: 0 auto 24px;
}

/* CTA button */
.insight-cta{
  margin-top: 24px;
}

.eco-insight-btn{
  border: 1px solid #f58b23;
  color: #f58b23;
  background: #fff;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  transition: all .18s ease;
}

.eco-insight-btn:hover{
  background: #f58b23;
  color: #fff;
  border-color: #f58b23;
  box-shadow: 0 12px 28px rgba(245, 139, 35, .22);
}

/* =========================================================
   E-COMMERCE SEO LOOP (split layout, coloured steps)
   ========================================================= */
.section.eco-loop{
  background: var(--bg-light);
  padding: clamp(70px,8vw,110px) 0;
}

.eco-loop-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.2fr);
  gap: 60px;
  align-items: flex-start;
}

/* LEFT */

.eco-loop-left .eyebrow{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 8px;
}

.eco-loop-left h2{
  font-size: clamp(28px,3vw,36px);
  margin: 0 0 12px;
  color: #111827;
}

.eco-loop-left .intro{
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
  max-width: 430px;
}

/* RIGHT: steps */

.eco-loop-right{
  width: 100%;
}

.eco-steps{
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
ol.eco-steps li:hover {
    background: #ffffff !important;
    border-color: #cfd7f5;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}
.eco-steps li{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid #e4e7ee;
  background: #ffffff;
}

/* subtle ecommerce-tinted backgrounds */
.eco-steps li:nth-child(1){ background: #fff7ec; } /* Map - warm intent */
.eco-steps li:nth-child(2){ background: #e7f0fb; } /* Structure - calm blue */
.eco-steps li:nth-child(3){ background: #fff5f0; } /* Enrich - soft product focus */
.eco-steps li:nth-child(4){ background: #e9f7ef; } /* Accelerate - performance/health */
.eco-steps li:nth-child(5){ background: #f7f5e6; } /* Measure - analytics/insight */

/* Step number */

.eco-step-num{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #f5b46a;
  background: #fffdf8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #f58b23; /* ecommerce accent */
  flex-shrink: 0;
}

.eco-step-body h3{
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

.eco-step-body p{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-muted);
}

/* Supporting asset cards */

.eco-loop-assets{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

.eco-loop-asset-card{
  border-radius: 18px;
  padding: 16px 18px;
  background: #ffffff;
  border: 1px solid #e4e7ee;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-muted);
}

.eco-loop-asset-card h3{
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

/* Responsive */

@media (max-width: 960px){
  .eco-loop-inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .eco-loop-left .intro{
    max-width: 100%;
  }

  .eco-loop-assets{
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   PROOF & RESULTS (global style used across services)
   ========================================================= */

.section.proof-results {
  /* background: var(--bg-light); */
  padding: 0px;
  background: linear-gradient(180deg, rgb(255 255 255) 0%, #f7f8fc 100%);
}

.proof-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.proof-header h2 {
  font-size: clamp(32px,3vw,40px);
}

.proof-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-muted);
}

.proof-kpi-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.proof-kpi-card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 22px;
  transition: 0.18s ease;
  text-align: center;
  text-decoration: none;
}

.proof-kpi-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5f5;
}

.proof-kpi-card h3 { font-size: 17px; }

.proof-kpi-card p {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
}

.proof-testimonial-row {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
  margin-top: 24px;
}

.proof-testimonial-card {
  padding: 22px;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 22px;
}

.proof-testimonial-card .quote {
  font-size: 15.5px;
  line-height: 1.75;
  margin-bottom: 14px;
  color: #374151;
  font-style: italic;
}

.proof-testimonial-card .person {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.proof-testimonial-card .person .meta {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #6b737d;
  margin-top: 2px;
}

/* gold stars */
.proof-testimonial-card .rating {
  font-size: 15px;
  color: #f5b500;
}

.proof-cta {
  text-align: center;
  margin-top: 16px;
}
/*
.proof-cta .proof-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.proof-cta .proof-cta-btn:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}
*/
/* Responsive */
@media (max-width: 900px) {
  .proof-kpi-row {
    grid-template-columns: 1fr;
  }

  .proof-testimonial-row {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   WHAT YOU GET — E-COMMERCE SEO
   Based on global wyg-split component
   ========================================================= */

.section.wyg-split.wyg-eco{
  padding: clamp(80px, 9vw, 130px) 0;
  background: #fff;
}

.wyg-split-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 60px;
  align-items: flex-start;
}

/* LEFT */

.wyg-left .eyebrow{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 10px;
}

.wyg-left h2{
  /* font-size: clamp(30px,3.6vw,40px); */
  margin: 0 0 12px;
  color: #111827;
}

.wyg-left .subtext{
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-muted);
  max-width: 430px;
}

/* RIGHT */

.wyg-right{
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.wyg-item{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid #e6e9f0;
  background: #ffffff;
  transition: 0.18s ease;
}

.wyg-item:hover{
  border-color:#f58b23;
  box-shadow: 0 8px 26px rgba(245,139,35,0.14);
}

/* ICON */

.wyg-item-icon{
  width: 40px;
  height: 40px;
  background:#3f7fca19;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 20px;
  flex-shrink: 0;
}

/* TEXT */

.wyg-item-content h3{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

.wyg-item-content p{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--text-muted);
}
.rs-arrow {
    margin-left: 4px;
    color: #111827;
}
/* Responsive */

@media (max-width: 900px){
  .wyg-split-inner{
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* =========================================================
   CTA — E-COMMERCE SEO
   ========================================================= */

.section.eco-cta {
  padding: clamp(80px, 9vw, 130px) 0;
  background: #efe7ff;
}

.eco-cta-card {
  border: 1px solid #e6e9f0;
  background: #fffdf9; /* soft ecommerce tint */
  border-radius: 22px;
  padding: clamp(32px, 4vw, 48px);
  text-align: center;
  box-shadow: 0 16px 40px rgba(245,139,35,0.08);
  max-width: 900px;
  margin: 0 auto;
}

.eco-cta-card h2 {
  font-size: clamp(30px, 3.4vw, 38px);
  font-weight: 700;
  color: #111827;
  margin-bottom: 14px;
}

.eco-cta-card .sub {
  font-size: 17px;
  line-height: 1.75;
  color: #6b737d;
  max-width: 620px;
  margin: 0 auto 28px;
}

/* CTA buttons */

.eco-cta .cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Primary */
.eco-cta-btn {
  padding: 12px 26px;
  border-radius: 999px;
  background: #f58b23;
  border: 1px solid #f58b23;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  transition: 0.18s ease;
}

.eco-cta-btn:hover {
  background: #e77812;
  border-color: #e77812;
  box-shadow: 0 12px 28px rgba(245,139,35,0.22);
  transform: translateY(-1px);
}
a.btn.btn-primary.eco-cta-btn:hover {
    color: #e77812 !important;
    background-color: #fff !important;
}
/* Secondary */
.eco-cta-secondary {
  padding: 12px 26px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #f58b23;
  color: #f58b23;
  font-weight: 600;
  font-size: 15px;
  transition: 0.18s ease;
}

.eco-cta-secondary:hover {
  background: #f58b23;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(245,139,35,0.18);
  transform: translateY(-1px);
      border-color: #f58b23;
}
section#eco-hero .hero-pill-dot {
    background: #f58b23;
}
ol.eco-problem-list li:hover {
    background: #fff;
    border-color:  #f58b23;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px var(--dt-blue-tint);
    transform: translateY(-3px);
}
ol.eco-steps li:hover, .eco-loop-asset-card:hover{
	border-color:  #f58b23;
}
section.section.related-services.eco-related .rs-icon, section#eco-deliverables .wyg-item-icon, body.page-template-ecommerce-seo section#web-industry-impact .ii-icon {
    background: #f58b233b;
}
body.page-template-ecommerce-seo .ii-card-web:hover {
    border-color: #f58b23;
}


section#faq-eco .tr-accordion .accordion-button .idx {
    color: #f58b23;
}
/* Responsive */
@media (max-width: 640px) {
  .eco-cta .cta-actions {
    flex-direction: column;
  }
}

/* =========================================================
   RELATED SERVICES — E-COMMERCE SEO
   ========================================================= */

.section.related-services.eco-related {
  padding: clamp(80px, 9vw, 130px) 0;
  background: #ffffff;
}

.related-services-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.related-services-header .eyebrow {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 8px;
}

.related-services-header h2 {
  margin-bottom: 10px;
  color: #111827;
}

.related-services-header .intro {
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-muted);
}

/* Grid */
.related-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

/* Cards */

.rs-card {
  display: block;
  padding: 22px;
  border: 1px solid #e6e9f0;
  border-radius: 22px;
  background: #ffffff;
  text-decoration: none;
  transition: 0.2s ease;
}

.rs-card:hover {
  border-color: #f58b23; /* e-commerce accent */
  box-shadow: 0 14px 34px rgb(193 193 193 / 43%);
  transform: translateY(-2px);
}

.rs-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #3f7fca19; /* ecommerce tint */
  /* color: #f58b23; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 14px;
}

.rs-card h3 {
  font-size: 17px;
  margin: 0 0 6px;
  color: #111827;
}

.rs-card p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--text-muted);
}

.rs-link {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.rs-arrow {
  margin-left: 4px;
}

/* Responsive */
@media (max-width: 900px) {
  .related-services-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   FAQ — E-COMMERCE SEO (extends global tr-accordion styles)
   ========================================================= */

.eco-faq .faq-title {
  margin-bottom: 10px;
}

.eco-faq .pill-kicker {
	display: inline-block;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 600;
    color: #f58b23;
    background: #f1edff;
    border: 1px solid #f58b23;
    border-radius: 10px;
    padding: .4rem .6rem;
}

/* optional hover accent */
.eco-faq .accordion-button:not(.collapsed) {
  background: #fff8f0;
  border-color: #f58b23 !important;
}

/* =========================================================
   Perfomance Marketing
   Uses a premium, desaturated variation of the Google Ads color system, perfect for Performance Marketing.
   ========================================================= */
:root {
  /* Base */
  --pm-bg-light: #eef4ff;
  --pm-bg-soft: #f7faff;
  --pm-text: #111827;
  --pm-text-muted: #4b5563;

  /* Performance Marketing Accent Palette */
  --pm-blue: #0066ff;        /* Performance primary */
  --pm-blue-soft: #e7f0ff;
  --pm-blue-shadow: rgba(0,102,255,0.18);

  --pm-green: #2bb673;       /* Google Ads green */
  --pm-yellow: #f4b400;      /* Ads yellow */
  --pm-red: #d93025;         /* Ads red */

  /* Pills & small UI elements */
  --pm-accent-pill: #1a73e8; /* Google Ads blue tint */
  --pm-pill-border: rgba(0,102,255,0.22);

  /* Card accents */
  --pm-card-border: #d9e4ff;
  --pm-card-bg: #ffffff;
  
  /* Subtle backgrounds (same style you use in other pages) */
  --pm-tint-blue: #3f7fca19;
  --pm-tint-green: #448c7419;
  --pm-tint-yellow: #edcb5019;
  --pm-tint-red: #ed505019;
}

/* =========================================================
   PERFORMANCE MARKETING — HERO SECTION
   ========================================================= */

.hero-performance {
  background: linear-gradient(135deg, #eef4ff 0%, #f7faff 45%, #2bb67329 100%);
  padding: clamp(80px, 9vw, 120px) 0;
}
.hero-performance-left .hero-tag {
    color: #2bb673;
}
.hero-performance-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 60px;
  align-items: center;
}

/* ---------------- LEFT SIDE ---------------- */

.hero-performance-left .hero-tag {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #2bb673;
  margin-bottom: 10px;
}

.hero-performance-left h1 {
  font-size: clamp(34px, 4.6vw, 48px);
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 16px;
  color: var(--pm-text);
}

.hero-performance-left .hero-subtext {
  font-size: 16px;
  line-height: 1.75;
  color: var(--pm-text-muted);
  max-width: 520px;
  margin: 0 0 26px;
}

/* ---------------- PILLS ---------------- */

.hero-performance .hero-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 28px;
}

.hero-performance .hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(6px);
  font-size: 13px;
  border: 1px solid var(--pm-pill-border);
  color: #374151;
}

.hero-performance .hero-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2bb673;
}

/* ---------------- CTA ---------------- */

.hero-performance .hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

a.btn.btn-primary.performance-primary, a.btn.btn-ghost.performance-secondary:hover {
    background-color: #2bb673;
    border-color: #2bb673;
    color: #fff !important;
}
a.btn.btn-primary.performance-primary:hover , a.btn.btn-ghost.performance-secondary{
    background-color: #fff;
    border-color: #2bb673;
    color: #2bb673 !important;
}

.hero-performance .btn-ghost {
  background: transparent;
  color: #111827;
  border: 1px solid #d1d5db;
}

.hero-performance .btn-ghost:hover {
  background: #ffffff;
  border-color: #9ca3af;
}

/* ---------------- RIGHT SIDE ---------------- */

.hero-performance-right {
  display: flex;
  justify-content: center;
}
/* ---------------- RESPONSIVE ---------------- */

@media (max-width: 960px) {
  .hero-performance-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .hero-performance-right {
    order: -1;
  }
}


/* =========================================================
   PERFORMANCE MARKETING — PROBLEM SECTION
   ========================================================= */

.section.perf-problem {
  padding: clamp(80px, 9vw, 120px) 0;
  background: #ffffff;
}

.perf-problem-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.perf-problem-header h2 {
  font-size: clamp(32px, 3.2vw, 40px);
  font-weight: 800;
  color: var(--pm-text);
  margin-bottom: 12px;
}

.perf-problem-header .sub {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pm-text-muted);
}

/* Grid */
.perf-problem-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

/* Cards */
#per-mar .ranking-list li:hover {
  background: #ffffff;
  border-color: #2bb673;
  box-shadow: 0 16px 40px rgba(0, 102, 255, 0.12);
  transform: translateY(-3px);
}


/* Responsive */
@media (max-width: 900px) {
  .perf-problem-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   PERFORMANCE MARKETING — INSIGHT SECTION
   ========================================================= */

.section.perf-insight {
  padding: clamp(80px, 10vw, 130px) 0;
  background: var(--pm-bg-light); /* subtle blue wash */
  text-align: center;
}

.perf-insight-inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 24px;
}

.perf-insight-inner h2 {
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 800;
  color: var(--pm-text);
  line-height: 1.2;
  margin-bottom: 16px;
}

.perf-insight-inner .subtext {
  font-size: 17px;
  line-height: 1.8;
  color: var(--pm-text-muted);
  max-width: 700px;
  margin: 0 auto;
}

.perf-insight-inner .subtext strong {
  color: var(--pm-text);
}

.perf-insight-cta {
  margin-top: 28px;
}

.perf-insight-cta .btn-ghost {
  border: 1px solid var(--pm-blue);
  color: var(--pm-blue);
  padding: 10px 20px;
  font-weight: 600;
  border-radius: 999px;
}

.perf-insight-cta .btn-ghost:hover {
  background: #ffffff;
  border-color: var(--pm-blue);
  box-shadow: 0 10px 28px rgba(0, 102, 255, 0.12);
}
/* =========================================================
   PERFORMANCE MARKETING LOOP (split layout + coloured steps)
   ========================================================= */

.section.pm-loop {
  padding: clamp(70px, 8vw, 110px) 0;
  background: var(--pm-bg-soft);
}

.pm-loop-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.7fr);
  gap: 60px;
  align-items: flex-start;
}

/* Left */
.pm-loop-left .eyebrow {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--pm-text-muted);
  margin-bottom: 8px;
}

.pm-loop-left h2 {
  font-size: clamp(28px, 3vw, 36px);
  margin: 0 0 12px;
  color: var(--pm-text);
}

.pm-loop-left .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pm-text-muted);
  max-width: 440px;
}

/* Right */
.pm-loop-right { width: 100%; }

.pm-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
  gap: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
ol.pm-steps li.pm-step:hover {
    background: #ffffff !important;
    border-color: #cfd7f5;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}
/* Step wrapper */
.pm-step {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid #e4e7ee;
  background: #ffffff;
}

/* Step colors */
.step-blue   { background: var(--pm-blue-soft); border-color: var(--pm-blue); }
.step-yellow { background: var(--pm-tint-yellow); }
.step-green  { background: var(--pm-tint-green); }
.step-red    { background: var(--pm-tint-red); }
.step-dark   { background: #f4f6fa; }

/* Step number */
.pm-step-num {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid var(--pm-blue);
  background: #ffffffcc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--pm-blue);
  flex-shrink: 0;
}

/* Body */
.pm-step-body h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-step-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--pm-text-muted);
}

/* Responsive */
@media (max-width: 960px) {
  .pm-loop-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .pm-loop-left .intro {
    max-width: 100%;
  }
}
/* =========================================================
   PROOF & RESULTS — PERFORMANCE MARKETING VARIANT
   ========================================================= */

.section.proof-results.pm-proof-results {
  background: var(--pm-bg-soft);
  background: linear-gradient(180deg, rgb(255 255 255) 0%, #f7f8fc 100%);
}

/* Make header text align centre & use performance colors */
.pm-proof-results .proof-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.pm-proof-results .proof-header .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--pm-text-muted);
  margin-bottom: 6px;
}

.pm-proof-results .proof-header h2 {
  font-size: clamp(32px, 3.2vw, 40px);
  font-weight: 800;
  color: var(--pm-text);
  margin: 0 0 10px;
}

.pm-proof-results .proof-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pm-text-muted);
}

/* KPI cards with PM accent */

.pm-proof-results .proof-kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.pm-proof-results .proof-kpi-card h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-proof-results .proof-kpi-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--pm-text-muted);
}
section#pm-deliverables .wyg-item-icon {
    background: var(--ga4-green-soft) !important;
}
section#pm-deliverables .wyg-item-icon, section#pm-related-services .rs-icon, body.page-template-performance-marketing .ii-icon.ii-icon-web {
    background: #2bb67366 !important;
}


/* Testimonials */

.pm-proof-results .proof-testimonial-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
  margin-bottom: 28px;
}

.pm-proof-results .proof-testimonial-card {
  padding: 22px 24px 20px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid var(--pm-card-border);
  box-shadow: 0 10px 30px rgba(15,23,42,0.04);
}

.pm-proof-results .proof-testimonial-card .quote {
  font-size: 15.5px;
  line-height: 1.75;
  color: #374151;
  font-style: italic;
  margin: 0 0 14px;
}

.pm-proof-results .proof-testimonial-card .person {
  font-size: 14px;
  font-weight: 600;
  color: var(--pm-text);
  margin: 0 0 4px;
}

.pm-proof-results .proof-testimonial-card .person .meta {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: var(--pm-text-muted);
  margin-top: 2px;
}

.pm-proof-results .proof-testimonial-card .rating {
  font-size: 15px;
  color: #f59e0b; /* gold stars */
}

/* CTA — center align, better padding */

.pm-proof-results .proof-cta {
  text-align: center;
  margin-top: 8px;
}

.pm-proof-results .proof-cta-btn {
  padding: 11px 24px;
  border-radius: 999px;
  border: 1px solid var(--pm-blue);
  background: #ffffff;
  color: var(--pm-blue);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(0,102,255,0.10);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.pm-proof-results .proof-cta-btn:hover {
  background: var(--pm-blue);
  color: #ffffff;
  border-color: var(--pm-blue);
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(0,102,255,0.20);
}

/* Responsive */

@media (max-width: 900px) {
  .pm-proof-results .proof-kpi-row {
    grid-template-columns: 1fr;
  }
  .pm-proof-results .proof-testimonial-row {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   WHAT YOU GET — PERFORMANCE MARKETING
   ========================================================= */

.pm-wyg .wyg-left .eyebrow {
  color: var(--pm-text-muted);
}

.pm-wyg .wyg-left h2 {
  color: var(--pm-text);
}

.pm-wyg .wyg-left .subtext {
  color: var(--pm-text-muted);
}

/* Cards */
.pm-wyg .wyg-item {
  background: var(--pm-bg-soft);
  border: 1px solid var(--pm-card-border);
  border-radius: 22px;
  display: flex;
  padding: 20px 22px;
  gap: 18px;
  transition: 0.2s ease;
}

.pm-wyg .wyg-item:hover {
  background: #ffffff;
  border-color: #2bb673;
  box-shadow: 0 14px 36px rgba(0,102,255,0.10);
  transform: translateY(-2px);
}

/* Icon circles */
.pm-wyg-item .wyg-item-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pm-icon-blue   { background: var(--pm-blue-soft);   }
.pm-icon-yellow { background: var(--pm-tint-yellow); }
.pm-icon-green  { background: var(--pm-tint-green);  }
.pm-icon-red    { background: var(--pm-tint-red); }

/* Text inside cards */
.pm-wyg .wyg-item-content h3 {
  font-size: 18px;
  margin: 0 0 6px;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-wyg .wyg-item-content p {
  font-size: 14px;
  margin: 0;
  line-height: 1.65;
  color: var(--pm-text-muted);
}

/* Responsive */
@media (max-width: 900px) {
  .pm-wyg .wyg-split-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
/* =========================================================
   CTA — PERFORMANCE MARKETING
   ========================================================= */

.section.pm-cta {
  background: var(--pm-bg-light);
  padding: clamp(70px, 8vw, 110px) 0;
}

.pm-cta-card {
  max-width: 860px;
  margin: 0 auto;
  border-radius: 22px;
  border: 1px solid var(--pm-card-border);
  background: #ffffff;
  padding: clamp(28px, 5vw, 44px);
  box-shadow: 0 14px 40px rgba(0,102,255,0.10);
  text-align: center;
}

.pm-cta-card h2 {
  font-size: clamp(28px, 3vw, 34px);
  font-weight: 800;
  color: var(--pm-text);
  margin: 0 0 10px;
}

.pm-cta-card .sub {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pm-text-muted);
  margin: 0 0 18px;
}

.pm-cta-card .sub strong {
  color: var(--pm-text);
}

.pm-cta-card .cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Responsive */

@media (max-width: 600px) {
  .pm-cta-card {
    padding: 24px 18px;
  }
}
/* =========================================================
   RELATED SERVICES — PERFORMANCE MARKETING
   ========================================================= */

.pm-related-services .related-services-header .eyebrow {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--pm-text-muted);
  margin-bottom: 6px;
}

.pm-related-services .related-services-header h2 {
  font-size: clamp(28px, 3vw, 36px);
  margin-bottom: 10px;
  color: var(--pm-text);
  text-align: center;
}

.pm-related-services .related-services-header .intro {
  max-width: 700px;
  margin: 0 auto 34px;
  text-align: center;
  font-size: 16px;
  color: var(--pm-text-muted);
  line-height: 1.8;
}

/* Cards use soft PM background tint */
.pm-related-services .rs-card {
  border: 1px solid var(--pm-card-border);
  background: #fff;
  border-radius: 20px;
  padding: 22px;
  transition: 0.22s ease;
}

.pm-related-services .rs-card:hover {
  border-color: #2bb673;
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(0,102,255,0.12);
  transform: translateY(-3px);
}

.pm-related-services .rs-card h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 10px 0 6px;
  color: var(--pm-text);
}

.pm-related-services .rs-card p {
  font-size: 14px;
  color: var(--pm-text-muted);
  line-height: 1.6;
}

/* Explore → link */
.pm-related-services .rs-link {
  font-size: 14px;
  font-weight: 600;
}

.pm-related-services .rs-arrow {
  margin-left: 4px;
}

/* Responsive */
@media (max-width: 900px) {
  .pm-related-services .related-services-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   FAQ — PERFORMANCE MARKETING
   ========================================================= */

.pm-faq .pill-kicker {
    background: var(--pm-blue-soft);
    color: #2bb673;
    border-color: #2bb673;
}

.pm-faq .faq-title {
  font-size: clamp(28px, 3vw, 34px);
  font-weight: 800;
  color: var(--pm-text);
  margin-bottom: 10px;
}

.pm-faq .sub {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pm-text-muted);
}

.pm-faq .accordion-button {
  font-weight: 600;
  color: var(--pm-text);
}

.pm-faq .accordion-button .idx {
  color: #2bb673;
}

.pm-faq .accordion-body {
  font-size: 15px;
  color: var(--pm-text-muted);
  line-height: 1.75;
}

.pm-faq .accordion-item {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--pm-card-border);
  margin-bottom: 8px;
}

.pm-faq .accordion-button:focus {
  box-shadow: none;
}

.pm-faq .accordion-button:not(.collapsed) {
  background: var(--pm-blue-soft);
  color: var(--pm-text);
}
ol.pm-steps li .pm-step-num{
    color: #FFF;
    border: 0px;
}
ol.pm-steps li:nth-child(1) .pm-step-num{
    background: #0066FF;
}
li.pm-step.step-yellow {
    border-color: #f4b400;
}
ol.pm-steps li:nth-child(2) .pm-step-num{
    background: #f4b400;
}

ol.pm-steps li:nth-child(3) .pm-step-num{
    background: #2bb673;
}
li.pm-step.step-green {
    border-color: #2bb673;
    background-color: #2bb67329;
}

ol.pm-steps li:nth-child(4) .pm-step-num{
    background:  #d93025;
}
li.pm-step.step-red {
    border-color:  #d93025;
}
ol.pm-steps li:nth-child(5) .pm-step-num{
    background: #9b88c0;
}

ol.pm-steps li:nth-child(6) .pm-step-num{
    background: #a0a3a9;
}
li.pm-step.step-dark {
    border-color:  #a0a3a9;
}
li.pm-step.step-purple {
    border-color: #9b88c0;
    background: var(--ga4-purple-soft);
}
/* =========================================================
   Website Design & Development
   Use a UI/UX-inspired palette: blue, violet, teal, and gold accents — professional, clean, product-design driven.
   ========================================================= */
:root {

  /* Website Design & Development — Brand System */
  --web-blue: #3F7FCA;
  --web-blue-soft: #3f7fca19;

  --web-violet: #7A5EE8;
  --web-violet-soft: #7a5ee819;

  --web-teal: #37B6A5;
  --web-teal-soft: #37b6a519;

  --web-gold: #EDCB50;
  --web-gold-soft: #edcb5019;

  --web-text: #0F172A;
  --web-text-muted: #6B7380;

  --web-bg-light: #F7F9FB;
  --web-bg-soft: #F2F4F8;

  --web-card-border: #E2E6EE;
}

/* HERO — WEB DEV */
.hero-web {
  background: var(--web-bg-light);
  padding: clamp(70px, 8vw, 120px) 0;
}

.hero-web .hero-tag {
  color: #37B6A5;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
}

.hero-web h1 {
      font-size: clamp(34px, 4.5vw, 48px);
    line-height: 1.1;
  font-weight: 800;
  color: var(--web-text);
}

.hero-web .hero-subtext {
  font-size: 17px;
  line-height: 1.8;
  color: var(--web-text-muted);
  margin: 14px 0 22px;
}

a.btn.btn-primary.web-primary, a.btn.btn-ghost.web-secondary:hover{
    background-color: #37B6A5;
    border-color: #37B6A5 !important;
    color: #fff !important;
}
a.btn.btn-primary.web-primary:hover, a.btn.btn-ghost.web-secondary{
    background-color: #fff;
    border-color: #37B6A5 !important;
    color: #37B6A5 !important;
}

/* Problem Section */
.web-problem {
  background: #fff;
  padding: clamp(70px, 8vw, 110px) 0;
}

.web-problem h2 {
  text-align: center;
  font-size: clamp(30px, 3.2vw, 38px);
  color: var(--web-text);
}

.web-problem .sub {
  max-width: 700px;
  margin: 0 auto 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  color: var(--web-text-muted);
}
/* =========================================================
   PROBLEM — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

.web-problem {
  background: #ffffff;
  padding: clamp(70px, 8vw, 110px) 0;
  text-align: center;
}

.web-problem-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}

.web-problem h2 {
  font-size: clamp(30px, 3.4vw, 38px);
  font-weight: 800;
  margin-bottom: 12px;
  color: var(--web-text);
}

.web-problem .sub {
  font-size: 16px;
  line-height: 1.8;
  color: var(--web-text-muted);
  max-width: 720px;
  margin: 0 auto 40px;
}

/* Grid Cards */
.web-problem-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

.wp-card {
  background: var(--web-bg-soft);
  padding: 24px 22px;
  border-radius: 20px;
  border: 1px solid var(--web-border);
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  transition: 0.2s ease;
}

.wp-card:hover {
  transform: translateY(-3px);
  border-color: var(--web-blue);
  box-shadow: 0 18px 40px rgba(63,127,202,0.18);
}

.wp-card h3 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--web-text);
}

.wp-card p {
  font-size: 15px;
  color: var(--web-text-muted);
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 900px) {
  .web-problem-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   INSIGHT — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

.web-insight {
  background: var(--web-bg-soft);
  padding: clamp(70px, 8vw, 110px) 0;
}

.web-insight-inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  padding: 0 24px;
}

.web-insight h2 {
  font-size: clamp(28px, 3.2vw, 36px);
  font-weight: 800;
  color: var(--web-text);
  margin: 0 0 12px;
}

.web-insight .sub {
  font-size: 16px;
  line-height: 1.85;
  color: var(--web-text-muted);
  margin: 0 0 20px;
}

.web-insight-cta {
  display: flex;
  justify-content: center;
}

/* Button styling aligned with other pages, themed for Web */
.web-insight .btn.btn-ghost {
  border-radius: 999px;
  border: 1px solid var(--web-blue);
  color: var(--web-blue);
  background: #ffffff;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 10px 26px rgba(63, 127, 202, 0.14);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.web-insight .btn.btn-ghost:hover {
  background: var(--web-blue-soft);
  border-color: var(--web-blue);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(63, 127, 202, 0.22);
}

/* =========================================================
   WEB EXPERIENCE FRAMEWORK
   ========================================================= */

.section.web-loop {
  background: var(--pm-bg-soft);
  padding: clamp(70px, 8vw, 110px) 0;
}

.web-loop-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.7fr);
  gap: 60px;
  align-items: flex-start;
}

/* Left */
.web-loop-left .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--web-text-muted);
  margin-bottom: 8px;
}

.web-loop-left h2 {
  font-size: clamp(28px,3vw,36px);
  margin: 0 0 12px;
  color: var(--web-text);
}

.web-loop-left .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--web-text-muted);
  max-width: 420px;
}

/* Steps (Right Side) */

.web-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.web-steps li {
  display: inline-block;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid var(--web-border);
  box-shadow: 0 6px 20px rgba(0,0,0,0.04);
}

.web-step-num {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--web-blue-soft);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.web-step-body h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--web-text);
}

.web-step-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--web-text-muted);
}
section#web-problem .ranking-list li:hover {
    border-color: #37B6A5;
}
section#web-problem .ranking-list li::before {
    border: 1px solid #37B6A5;
    background: #37b6a533;
    color: #37B6A5;
}

section#web-desdev .ranking-list li:hover {
    border-color: #37B6A5;
}


ol.web-steps li:nth-child(1){
   border: 1px solid var(--web-teal);
   background: var(--web-teal-soft);
}
ol.web-steps li:nth-child(1) .web-step-num {
    background: var(--web-teal);
}


ol.web-steps li:nth-child(2){
   border: 1px solid var(--web-blue);
   background: var(--web-blue-soft);
}
ol.web-steps li:nth-child(2) .web-step-num {
    background:   var(--web-blue);
}

ol.web-steps li:nth-child(3){
   border: 1px solid var(--web-gold);
   background: var(--web-gold-soft);
}
ol.web-steps li:nth-child(3) .web-step-num {
    background: var(--web-gold);
}

ol.web-steps li:nth-child(4){
   border: 1px solid var(--web-violet);
   background: var(--web-violet-soft);
}
ol.web-steps li:nth-child(4) .web-step-num {
    background: var(--web-violet);
}

ol.web-steps li:nth-child(5){
   border: 1px solid #a0a3a9;
   background: #f4f6fa;
}
ol.web-steps li:nth-child(5) .web-step-num {
    background: #a0a3a9;
}

ol.web-steps li:nth-child(6){
   border: 1px solid #d93025;
   background: #ed505019;
}
ol.web-steps li:nth-child(6) .web-step-num {
    background: #d93025;
}
ol.web-steps li:hover {
    background: #ffffff !important;
    border-color: #cfd7f5;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
}



/* Responsive */
@media (max-width: 960px) {
  .web-loop-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .web-loop-left .intro {
    max-width: 100%;
  }
}

/* =========================================================
   PROOF & OUTCOMES — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

.web-proof {
  background: linear-gradient(180deg, rgb(255 255 255) 0%, #f7f8fc 100%);
  padding: clamp(80px, 8vw, 120px) 0;
}

.web-proof-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
.web-proof-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.web-proof-header .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--web-text-muted);
  margin-bottom: 6px;
}

.web-proof-header h2 {
  font-size: clamp(32px, 3vw, 40px);
  color: var(--web-text);
  margin-bottom: 10px;
}

.web-proof-header .intro {
  font-size: 16px;
  line-height: 1.8;
  color: var(--web-text-muted);
}

/* KPI Cards */
.web-kpi-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin: 32px 0;
}

.web-kpi-card {
  padding: 22px 20px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  text-align: center;
  transition: 0.2s ease;
}


.web-kpi-card:nth-child(1) {
    border-top: 1px solid #1a73e8;
}

.web-kpi-card:nth-child(2) {
    border-top: 1px solid #34a853;
}
.web-kpi-card:nth-child(3) {
    border-top: 1px solid #fbbc04;
}

.web-kpi-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5f5;
}

.web-kpi-card h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: var(--web-text);
}

.web-kpi-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--web-text-muted);
}

.web-kpi-card p strong {
  color: var(--web-text);
}

section#web-industry-impact .ii-icon, section#web-wyg .wyg-item-icon, section#web-related-services .rs-icon {
    background-color: #37b6a569;
}

/* Testimonials */
.web-testimonial-row {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
  margin-bottom: 32px;
}

.web-testimonial-card {
  padding: 22px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

.web-testimonial-card .quote {
  font-size: 15.5px;
  line-height: 1.75;
  font-style: italic;
  color: var(--web-text-muted);
  margin-bottom: 14px;
}

.web-testimonial-card .person {
  font-size: 14px;
  font-weight: 600;
  color: var(--web-text);
  margin-bottom: 4px;
}

.web-testimonial-card .rating {
  font-size: 16px;
  color: #f6b400;
}

/* CTA Button */
.web-proof-cta {
  text-align: center;
}

.web-proof-btn {
  border-radius: 999px;
  padding: 12px 24px;
  border: 1px solid var(--web-blue);
  color: var(--web-blue);
  background: #fff;
  font-weight: 600;
  transition: 0.18s ease;
  box-shadow: 0 10px 26px rgba(63,127,202,0.14);
}

.web-proof-btn:hover {
  background: var(--web-blue-soft);
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(63,127,202,0.22);
}

/* Responsive */
@media (max-width: 900px) {
  .web-kpi-row {
    grid-template-columns: 1fr;
  }
  .web-testimonial-row {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   INDUSTRY-SPECIFIC IMPACT — WEB DEV
   ========================================================= */

.section.industry-impact.web-impact {
  padding: clamp(70px, 8vw, 110px) 0;
  background: #ffffff;
}

.industry-impact.web-impact .industry-impact-header {
  max-width: 720px;
  margin: 0 auto 40px;
  text-align: center;
}

.industry-impact.web-impact .industry-impact-header .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 600;
  color: var(--web-text-muted);
  margin-bottom: 8px;
}

.industry-impact.web-impact .industry-impact-header h2 {
  font-size: clamp(28px, 3vw, 34px);
  margin: 0 0 10px;
  color: var(--web-text);
}

.industry-impact.web-impact .industry-impact-header .intro {
  font-size: 15px;
  line-height: 1.75;
  color: var(--web-text-muted);
  margin: 0;
}

/* Grid */
.industry-impact.web-impact .industry-impact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

/* Cards */
.ii-card-web {
  display: flex;
  flex-direction: column;
  padding: 24px 22px;
  border-radius: 22px;
  background: var(--web-bg-light);
  border: 1px solid var(--web-card-border);
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.ii-card-web:hover {
  transform: translateY(-3px);
  border-color: #37B6A5;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(63,127,202,0.16);
}

body.page-template-performance-marketing .ii-card-web:hover {
    border-color: #2bb673;
}


/* Icon */
.ii-icon-web {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  background: var(--web-blue-soft);
  font-size: 22px;
}

/* Text */
.ii-card-web h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: var(--web-text);
  font-weight: 600;
}

.ii-card-web p {
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--web-text-muted);
  margin: 0;
}

/* Link text */
.ii-card-web .ii-link {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--web-blue);
}

/* Responsive */
@media (max-width: 991px) {
  .industry-impact.web-impact .industry-impact-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px) {
  .industry-impact.web-impact .industry-impact-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   WHAT YOU GET — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

.web-wyg {
  background: #ffffff;
}

.web-wyg .wyg-left .eyebrow {
  color: var(--web-text-muted);
}

.web-wyg .wyg-left h2 {
  color: var(--web-text);
}

.web-wyg .wyg-left .subtext {
  color: var(--web-text-muted);
}

/* Item styling enhancements for Web Dev */
.web-wyg-item {
  background: var(--web-bg-soft);
  border: 1px solid var(--web-border);
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  border-radius: 22px;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.web-wyg-item:hover {
  background: #ffffff;
  border-color: var(--web-blue);
  box-shadow: 0 16px 36px rgba(63,127,202,0.18);
  transform: translateY(-2px);
}

.web-wyg-item .wyg-item-content h3 {
  color: var(--web-text);
}

.web-wyg-item .wyg-item-content p {
  color: var(--web-text-muted);
}

.web-wyg-item .wyg-item-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
/* =========================================================
   CTA — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

.web-cta {
  background: var(--web-bg-soft);
  padding: clamp(70px, 8vw, 110px) 0;
}

.web-cta-card {
  background: #fff;
  border-radius: 22px;
  border: 1px solid var(--web-border);
  padding: clamp(28px, 5vw, 48px);
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 10px 30px rgba(63,127,202,0.10);
}

.web-cta h2 {
  /* font-size: clamp(28px, 3vw, 36px); */
  font-weight: 800;
  color: var(--web-text);
  margin-bottom: 10px;
}

.web-cta .sub {
  font-size: 16px;
  line-height: 1.8;
  color: var(--web-text-muted);
  margin-bottom: 22px;
}

.web-cta .cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Primary Button (Web Color Theme) */
.web-btn-primary {
  background: var(--web-blue);
  border: 1px solid var(--web-blue);
  color: #ffffff;
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 600;
  box-shadow: 0 14px 32px rgba(63,127,202,0.26);
  transition:
    background-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.web-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(63,127,202,0.35);
}

/* Ghost Button */
.web-btn-ghost {
  background: #ffffff;
  color: var(--web-blue);
  border: 1px solid var(--web-blue);
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 600;
  box-shadow: 0 10px 26px rgba(63,127,202,0.10);
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.web-btn-ghost:hover {
  background: var(--web-blue-soft);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(63,127,202,0.18);
}
/* =========================================================
   RELATED SERVICES — WEB DEV
   ========================================================= */

.web-related {
  background: #ffffff;
}

.web-related .related-services-header .eyebrow {
  color: var(--web-text-muted);
}

.web-related .related-services-header h2 {
  color: var(--web-text);
}

.web-related .related-services-header .intro {
  color: var(--web-text-muted);
}

/* Cards */
.web-rs-card {
  border: 1px solid var(--web-border);
  background: var(--web-bg-soft);
  border-radius: 22px;
  padding: 24px 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  transition:
    transform .18s ease,
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .18s ease;
}

.web-rs-card:hover {
  transform: translateY(-3px);
  background: #ffffff;
  border-color: var(--web-blue);
  box-shadow: 0 18px 40px rgba(63,127,202,0.15);
}

.web-rs-card h3 {
  color: var(--web-text);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}

.web-rs-card p {
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--web-text-muted);
}

.web-rs-card .rs-icon span {
  font-size: 22px;
  background: var(--web-blue-soft);
  border-radius: 999px;
  padding: 5px;
  display: inline-flex;
}

.web-rs-card .rs-link {
  margin-top: 14px;
  display: inline-flex;
  font-weight: 600;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 991px) {
  .related-services-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 640px) {
  .related-services-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   FAQ — WEBSITE DESIGN & DEVELOPMENT
   ========================================================= */

#faq-web {
  background: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}

#faq-web .pill-kicker {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #37B6A5;
  background: var(--web-blue-soft);
  border: 1px solid rgba(63,127,202,0.25);
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
}

#faq-web .faq-title {
  font-weight: 800;
  margin: 10px 0 12px;
  line-height: 1.15;
  color: var(--web-text);
}

#faq-web .sub {
  color: var(--web-text-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Accordion container */
#faq-web .tr-accordion .accordion-item {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e6e9f0;
  margin-bottom: 12px;
  background: #f9fafc;
}

#faq-web .accordion-button {
  background: #f9fafc;
  font-weight: 700;
  padding: 14px 18px;
  color: #16181c;
  font-size: 15px;
}

#faq-web .accordion-button .idx {
  color: #37B6A5;
  margin-right: 8px;
  font-weight: 600;
}

#faq-web .accordion-button:not(.collapsed) {
  background: var(--web-blue-soft);
  color: #111827;
  box-shadow: none;
}

#faq-web .accordion-button:focus {
  box-shadow: none;
}

#faq-web .accordion-body {
  background: #ffffff;
  padding: 14px 18px 18px;
  color: var(--web-text-muted);
  font-size: 14.5px;
  line-height: 1.7;
}

/* Remove default borders between items */
#faq-web .accordion-item:not(:last-child) {
  margin-bottom: 12px;
}

/*industry pages*/

#real-hero, section#saas-hero, section#d2c-hero {
    min-height: auto !important;
}
body.page-template-industry-real-estate p.sub, body.page-template-industry-real-estate #real-approach .approach-header, 
body.page-template-industry-d2c-ecommerce p.sub, body.page-template-industry-d2c-ecommerce #d2c-approach .approach-header,
body.page-template-industry-b2b-saas-it p.sub, body.page-template-industry-b2b-saas-it #saas-approach .approach-header{
    margin: 0px auto !important;
}
body.page-template-industry-real-estate #real-approach .step-body p,
body.page-template-industry-d2c-ecommerce #d2c-approach .step-body p,
body.page-template-industry-b2b-saas-it #saas-approach .step-body p  {
    /* width: 70%; */
}
body.page-template-industry-real-estate #real-case-studies .case-quote footer, 
body.page-template-industry-b2b-saas-it #saas-case-studies .case-quote footer {
    padding: 5px;
    text-align: left;
    background: #fff;
}

body.page-template-industry-real-estate #real-cta .cta-actions,
#d2c-cta .cta-actions, #saas-cta .cta-actions {
    display: block;
    margin-top: 20px;
}
ol.approach-steps {
    margin: 20px 15% !important
}

body.page-template-industry-real-estate #real-faq .tr-accordion, #d2c-faq .tr-accordion, #saas-faq .tr-accordion {
    background: #ffffff00;
    border: 0px solid var(--real-border);
}


#d2c-hero .hero-tag, section#saas-hero span.hero-tag{
	display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #FFE4F0;
    color: #D12E6D;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

section#saas-hero span.hero-tag{
	background: #e8f1ff;
    color: #004fcc;
}
a.btn.btn--ghost.rs, #real-hero .btn--ghost:hover, body.page-template-industry-real-estate #real-cta .btn-primary, body.page-template-industry-real-estate #real-cta .btn--ghost:hover {
    background: var(--real-accent);
    border-color: var(--real-accent);
    color: #FFFFFF !important;
}
#real-hero .btn-primary:hover, a.btn.btn--ghost.rs:hover, body.page-template-industry-real-estate #real-cta .btn-primary:hover{
	background: #FFFFFF;
    border-color: var(--real-accent);
    color: var(--real-accent) !important;
}
section#real-case-studies, section#d2c-case-studies, section#saas-case-studies {
    padding-top: 0;
}

#d2c-hero .btn-primary,#d2c-cta .btn-primary, a.btn.btn--ghost.dc, #d2c-hero .btn--ghost:hover, #d2c-cta .btn--ghost:hover{
    background: #D12E6D;
    border-color: #D12E6D;
	color: #fff !important;
}

#d2c-hero .btn-primary:hover, a.btn.btn--ghost.dc:hover, #d2c-cta .btn-primary:hover{
    background: #ffffff !important;
    border-color: #D12E6D;
	color : #D12E6D !important;
}

body.page-template-industry-b2b-saas-it #saas-hero .btn-primary, body.page-template-industry-b2b-saas-it #saas-hero .btn--ghost:hover, a.btn.btn--ghost.b2b, #saas-cta .btn-primary, #saas-cta .btn--ghost:hover {
    background: var(--saas-accent) !important;
    border-color: var(--saas-accent);
	color:#fff !important;
}
body.page-template-industry-b2b-saas-it #saas-hero .btn-primary:hover, a.btn.btn--ghost.b2b:hover, #saas-cta .btn-primary:hover, #saas-cta .btn--ghost {
    background: #fff !important;
    border-color: var(--saas-accent);
	color:var(--saas-accent) !important;
}
article.insight-card .postimg img {
    margin-bottom: 0px;
}

 section#real-insights a.insight-readmore,  #d2c-insights a.insight-readmore {
    padding: 0px 18px;
}

body.page-template-industry-b2b-saas-it #saas-hero .hero-copy h1, #d2c-hero h1.hero-title, #real-hero h1.hero-title {
    font-size: 44px;
    line-height: 49px;
    letter-spacing: -1.62px;
}
body.page-template-industry-b2b-saas-it h2, #d2c-hero h2, #real-hero h2{
    font-size: 38px;
    line-height: 44px;
}


/*AI SEO*/
:root {
  --aeo-primary: #4B8CF7;     /* AI Knowledge Blue */
  --aeo-secondary: #7A5FFF;   /* Semantic Purple */
  --aeo-accent: #18D2D9;      /* AI Signal Cyan */
  --aeo-soft: #F4F7FC;        /* AI Soft Background */
  --aeo-bg-light: #EDEFFE;    /* Light Semantic Tint */

  --text-dark: #0B0B0B;
  --text-muted: #6B727D;
  --border-soft: #E6E9F0;
}

.hero-aifirst{
    background: var(--aeo-bg-light);
    padding: clamp(70px, 8vw, 120px) 0;
}
.hero-aifirst .hero-tag {
    color: var(--aeo-primary);
}
.hero-aifirst  .hero-pill-dot {
    background: var(--aeo-primary);
}
body.page-template-ai-first-seo a.btn.btn-primary, body.page-template-ai-first-seo a.btn.btn-ghost:hover{
    background-color: var(--aeo-primary) !important;
    border-color: var(--aeo-primary);
    color: #ffffff !important;
}

body.page-template-ai-first-seo a.btn.btn-ghost, body.page-template-ai-first-seo a.btn.btn-primary:hover{
    background-color: #ffffff !important;
    border-color: var(--aeo-primary);
    color: var(--aeo-primary) !important;
}

section#aeo-geo {
    background: var(--aeo-bg-light);
}

ol.ranking-list.ai-shift-card li:hover {
    border-color: var(--aeo-primary);
}

.measurement-issues ol.ranking-list.ai-shift-card li::before {
    background: var(--aeo-soft);
    border-color: var(--aeo-primary);
    color: var(--aeo-primary);
}
ol.dt-steps.ai-steps li:nth-child(1) span.dt-step-num.ai-step-num {
    background: #4B8CF7;
}

ol.dt-steps.ai-steps li:nth-child(2) span.dt-step-num.ai-step-num {
    background: #7A5FFF;
}

ol.dt-steps.ai-steps li:nth-child(3) span.dt-step-num.ai-step-num {
    background: #18D2D9;
}

ol.dt-steps.ai-steps li:nth-child(4) span.dt-step-num.ai-step-num {
    background: #4B8CF7;
}

ol.dt-steps.ai-steps li:nth-child(5) span.dt-step-num.ai-step-num {
    background: #7A5FFF;
}
ol.dt-steps.ai-steps li:nth-child(6) span.dt-step-num.ai-step-num {
    background: #18D2D9;
}

body.page-template-ai-first-seo .wyg-item:hover, body.page-template-ai-first-seo  .tr-accordion .accordion-item:hover {
    border-color: #4b8cf7;
    box-shadow: 0 8px 26px rgb(75 140 247 / 17%);
}
.rs-card:hover {
    border-color: #4b8cf7;
}
.faq-block .pill-kicker {
    color: #4b8cf7;
}
body.page-template-ai-first-seo .cta-card {
    background-color: #4B8CF7 !important;
    border: 1px solid #4B8CF7 !important;
}
body.page-template-ai-first-seo .cta-copy {
    color: #ffffff;
}
body.page-template-ai-first-seo .cta-actions a.btn.btn-primary, body.page-template-ai-first-seo .cta-actions a.btn.btn-ghost:hover {
    background-color: var(--aeo-primary) !important;
    border-color: #ffffff;
    color: #ffffff !important;
}

body.page-template-ai-first-seo .cta-actions a.btn.btn-ghost, body.page-template-ai-first-seo .cta-actions a.btn.btn-primary:hover {
    background-color: #ffffff !important;
    border-color: var(--aeo-primary);
    color: var(--aeo-primary) !important;
}