/* Touch Wood — homepage visual system. Scoped to body.tw-redesign so it only affects index.html. */
/* Palette: deep teal + copper — pulled from the actual product photography (teal velvet, brass legs). */

body.tw-redesign {
  --ink: #0f2e2b;
  --ink-soft: #163f3a;
  --walnut: #2b2420;
  --walnut-deep: #1c1815;
  --brass: #c9702e;
  --brass-light: #e8a165;
  --linen: #f3eee4;
  --linen-deep: #e9e1d2;
  --serif: "Fraunces", Georgia, serif;
  --sans: "Manrope", "Inter", sans-serif;
}

body.tw-redesign,
body.tw-redesign p,
body.tw-redesign a,
body.tw-redesign li,
body.tw-redesign span,
body.tw-redesign input,
body.tw-redesign button {
  font-family: var(--sans);
}

body.tw-redesign h1,
body.tw-redesign h2.section-title,
body.tw-redesign h3 {
  font-family: var(--serif);
}

@media (prefers-reduced-motion: reduce) {
  body.tw-redesign * {
    animation: none !important;
    transition: none !important;
  }
}

/* ---------- Reveal-on-scroll ---------- */
body.tw-redesign .tw-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
}
body.tw-redesign .tw-reveal.tw-in {
  opacity: 1;
  transform: translateY(0);
}

/* Card-grid stagger — product/post cards fade up in sequence once their section reveals */
body.tw-redesign .product-section .row > div,
body.tw-redesign .popular-product .row > div,
body.tw-redesign .blog-section .row > div {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
body.tw-redesign .tw-reveal.tw-in .row > div {
  opacity: 1;
  transform: translateY(0);
}
body.tw-redesign .tw-reveal.tw-in .row > div:nth-child(2) { transition-delay: .08s; }
body.tw-redesign .tw-reveal.tw-in .row > div:nth-child(3) { transition-delay: .16s; }
body.tw-redesign .tw-reveal.tw-in .row > div:nth-child(4) { transition-delay: .24s; }
body.tw-redesign .tw-reveal.tw-in .row > div:nth-child(5) { transition-delay: .3s; }

/* ---------- Nav ---------- */
body.tw-redesign .custom-navbar {
  background: var(--ink) !important;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(201,112,46,.2);
  transition: box-shadow .3s ease, padding .3s ease;
  position: sticky;
  top: 0;
  z-index: 999;
}
body.tw-redesign .custom-navbar.tw-scrolled {
  box-shadow: 0 12px 30px -14px rgba(0,0,0,.6);
  padding-top: 10px;
  padding-bottom: 10px;
}
body.tw-redesign .custom-navbar .custom-navbar-nav li a {
  color: var(--linen) !important;
  opacity: .68;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 12.5px;
  font-weight: 700;
}
body.tw-redesign .custom-navbar .custom-navbar-nav li a:before {
  background: var(--brass) !important;
}
body.tw-redesign .custom-navbar .custom-navbar-nav li a:hover,
body.tw-redesign .custom-navbar .custom-navbar-nav li.active a {
  opacity: 1;
}
body.tw-redesign .custom-navbar .btn.btn-secondary {
  background: var(--brass);
  border-color: var(--brass);
  color: var(--linen);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12.5px;
  padding: 10px 22px;
  box-shadow: 0 8px 20px -8px rgba(201,112,46,.6);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
body.tw-redesign .custom-navbar .btn.btn-secondary:hover {
  background: var(--brass-light);
  border-color: var(--brass-light);
  transform: translateY(-2px);
  box-shadow: 0 12px 26px -8px rgba(201,112,46,.75);
}

/* ---------- Hero ---------- */
body.tw-redesign .hero {
  background: radial-gradient(ellipse 60% 55% at 74% 52%, rgba(201,112,46,.20), transparent 70%), var(--ink);
  position: relative;
  overflow: hidden;
  padding: 7rem 0 8rem 0 !important;
}
body.tw-redesign .hero .row {
  align-items: center;
}
/* Faint brand watermark behind the hero (was the old Sofa Square logo) */
body.tw-redesign .hero:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1180px;
  height: 385px;
  background: url("../images/ERUM-logo.png") center / contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: .05;
  pointer-events: none;
}
body.tw-redesign .hero .container {
  position: relative;
  z-index: 2;
}
body.tw-redesign .hero .eyebrow {
  display: inline-block;
  color: var(--brass-light);
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
}
body.tw-redesign .hero h1 {
  font-weight: 600;
  font-size: 44px;
  line-height: 1.08;
  letter-spacing: -.015em;
  color: var(--linen);
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  body.tw-redesign .hero h1 { font-size: 60px; }
}
body.tw-redesign .hero h1 .tw-accent {
  color: var(--brass-light);
  font-style: italic;
}
body.tw-redesign .hero p {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(243,238,228,.72);
}
body.tw-redesign .hero .tw-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
  padding: 9px 16px;
  border: 1px solid rgba(232,161,101,.35);
  border-radius: 999px;
  font-size: 13px;
  color: var(--brass-light);
  background: rgba(232,161,101,.08);
}
/* CTA row — even sizing, one consistent gap, wraps cleanly on small screens */
body.tw-redesign .hero .hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 6px;
  margin-bottom: 4px;
}
body.tw-redesign .hero .hero-cta .btn {
  margin: 0;
  padding: 14px 28px;
  border-radius: 6px;
  font-weight: 700;
  letter-spacing: .02em;
}
body.tw-redesign .hero .btn.btn-secondary {
  background: var(--brass);
  border-color: var(--brass);
  color: var(--linen);
  font-weight: 700;
  box-shadow: 0 12px 26px -10px rgba(201,112,46,.7);
  transition: transform .25s ease, box-shadow .25s ease;
}
body.tw-redesign .hero .btn.btn-secondary:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px -10px rgba(201,112,46,.85);
}
body.tw-redesign .hero .btn.btn-white-outline {
  border: 1px solid rgba(243,238,228,.4);
  color: var(--linen);
  transition: border-color .25s ease, color .25s ease, transform .25s ease;
}
body.tw-redesign .hero .btn.btn-white-outline:hover {
  border-color: var(--brass-light);
  color: var(--brass-light);
  transform: translateY(-3px);
}
/* Hero image — transparent-PNG product render, so it floats free on the dark
   background (no card frame). Kept in normal flow so the wrapper keeps its
   height (the template's absolute rule collapsed it and hid the image). */
body.tw-redesign .hero .hero-img-wrap {
  position: relative;
  margin: 0;
  line-height: 0;
}
body.tw-redesign .hero .hero-img-wrap img {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 34px 54px rgba(0,0,0,.55));
}
body.tw-redesign .hero .hero-img-wrap:after {
  display: none;
}
@media (min-width: 992px) {
  body.tw-redesign .hero .hero-img-wrap {
    width: 116%;
    max-width: none;
    margin-left: -8%;
  }
}
@media (min-width: 1400px) {
  body.tw-redesign .hero .hero-img-wrap {
    width: 122%;
    margin-left: -12%;
  }
}

/* ---------- Product section ---------- */
body.tw-redesign .product-section {
  background: var(--linen);
  padding: 6.5rem 0;
}
body.tw-redesign .product-section .section-title {
  color: var(--walnut);
  font-size: 34px;
}
body.tw-redesign .product-section > .container > .row > div:first-child .btn {
  background: var(--ink);
  border-color: var(--ink);
}
body.tw-redesign .product-section .product-item .product-thumbnail {
  border-radius: 18px;
  box-shadow: 0 18px 40px -20px rgba(15,46,43,.35);
  transition: .4s cubic-bezier(.2,.7,.2,1);
}
body.tw-redesign .product-section .product-item:hover .product-thumbnail {
  top: -10px;
  box-shadow: 0 30px 50px -20px rgba(15,46,43,.5);
}
body.tw-redesign .product-section .product-item .product-thumbnail img,
body.tw-redesign .product-section .product-item img.product-thumbnail {
  border-radius: 18px;
  transition: transform .5s ease;
}
body.tw-redesign .product-section .product-item:hover img.product-thumbnail {
  transform: scale(1.04);
}
body.tw-redesign .product-section .product-item:before {
  display: none;
}
body.tw-redesign .product-section .product-item h3.product-title {
  font-family: var(--serif);
  font-size: 19px;
  color: var(--walnut);
}
body.tw-redesign .product-section .product-item strong.product-price {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink);
  border-bottom: 1px solid var(--brass);
  padding-bottom: 2px;
}
body.tw-redesign .product-section .product-item .icon-cross {
  background: var(--brass);
}

/* ---------- Why choose us ---------- */
body.tw-redesign .why-choose-section {
  background: var(--linen-deep);
  padding: 6.5rem 0;
}
body.tw-redesign .why-choose-section .section-title {
  color: var(--walnut);
  font-size: 32px;
}
body.tw-redesign .feature .icon:before {
  background: rgba(201,112,46,.22);
}
body.tw-redesign .feature h3 {
  font-family: var(--serif);
  font-size: 18px;
  color: var(--walnut);
}
body.tw-redesign .why-choose-section .img-wrap img {
  border-radius: 24px;
  box-shadow: 0 30px 60px -25px rgba(15,46,43,.4);
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (min-width: 992px) {
  body.tw-redesign .why-choose-section .img-wrap img {
    aspect-ratio: 4 / 3;
    height: 100%;
  }
}

/* ---------- We help section ---------- */
body.tw-redesign .we-help-section {
  background: var(--linen);
  padding: 6.5rem 0;
}
body.tw-redesign .we-help-section .section-title {
  color: var(--walnut);
  font-size: 32px;
}
body.tw-redesign .we-help-section .imgs-grid .grid img {
  border-radius: 24px;
  box-shadow: 0 24px 50px -22px rgba(15,46,43,.35);
}
body.tw-redesign .custom-list li:before {
  border-color: var(--brass);
  background: var(--brass);
}

/* ---------- Popular product ---------- */
body.tw-redesign .popular-product {
  background: var(--linen);
}
body.tw-redesign .popular-product .product-item-sm .thumbnail img {
  border-radius: 16px;
  box-shadow: 0 14px 30px -16px rgba(15,46,43,.35);
}
body.tw-redesign .popular-product .product-item-sm .thumbnail:before {
  display: none;
}
body.tw-redesign .popular-product .product-item-sm h3 {
  font-family: var(--serif);
  color: var(--walnut);
}

/* ---------- Testimonials ---------- */
body.tw-redesign .testimonial-section {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(201,112,46,.10), transparent 60%),
    var(--ink);
  padding: 3rem 0 3.2rem 0;
  position: relative;
  overflow: hidden;
}
body.tw-redesign .testimonial-section .section-title {
  color: var(--linen);
  font-size: 22px;
  margin-bottom: 8px;
}
/* Aggregate rating — real fact, styled as a quiet pill badge (no per-slide stars implied) */
body.tw-redesign .testimonial-section > .container > .row > div p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--brass-light);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(232,161,101,.35);
  border-radius: 999px;
  padding: 9px 20px;
  background: rgba(232,161,101,.06);
}

body.tw-redesign .testimonial-slider-wrap {
  margin-top: 4px;
}

/* Card */
body.tw-redesign .testimonial-block {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(232,161,101,.16);
  border-radius: 14px;
  padding: 22px 28px 16px;
  position: relative;
  box-shadow: 0 18px 36px -26px rgba(0,0,0,.6);
  max-width: 560px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  body.tw-redesign .testimonial-block { padding: 20px 18px 14px; }
}
body.tw-redesign .testimonial-block blockquote {
  position: relative;
  padding-top: 0;
  margin-bottom: 10px;
}
body.tw-redesign .testimonial-block blockquote:before {
  content: "\201C";
  font-family: var(--serif);
  font-size: 44px;
  color: var(--brass);
  opacity: .3;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}
body.tw-redesign .testimonial-block blockquote p {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--linen);
  margin-bottom: 0;
}

/* No client photo — author-pic removed, name/role sit directly under a thin divider */
body.tw-redesign .testimonial-block .author-info {
  position: relative;
  padding-top: 10px;
}
body.tw-redesign .testimonial-block .author-info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass), transparent);
}
body.tw-redesign .testimonial-block .author-info .author-pic {
  display: none;
}
body.tw-redesign .testimonial-block .author-info h3 {
  color: var(--brass-light);
  font-size: 13px;
  letter-spacing: .01em;
  margin-bottom: 2px;
}
body.tw-redesign .testimonial-block .author-info .position {
  color: rgba(243,238,228,.5);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Nav arrows — thin outline circles, brand-consistent with hero/outline buttons.
   Constrained to the card's max-width so they hug the card instead of floating
   at the full container edges. */
body.tw-redesign .testimonial-slider-wrap #testimonial-nav {
  max-width: 640px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
body.tw-redesign .testimonial-slider-wrap #testimonial-nav > span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid rgba(232,161,101,.35);
  color: var(--brass-light);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
body.tw-redesign .testimonial-slider-wrap #testimonial-nav .prev { left: -4px; }
body.tw-redesign .testimonial-slider-wrap #testimonial-nav .next { right: -4px; }
body.tw-redesign .testimonial-slider-wrap #testimonial-nav > span:hover {
  background: var(--brass);
  border-color: var(--brass);
  color: var(--linen);
  transform: scale(1.06);
}

/* Dots — slim dash instead of plain circle */
body.tw-redesign .testimonial-slider-wrap .tns-nav button:before {
  width: 18px;
  height: 3px;
  border-radius: 3px;
  background-color: rgba(255,255,255,.18);
}
body.tw-redesign .testimonial-slider-wrap .tns-nav button:hover:before,
body.tw-redesign .testimonial-slider-wrap .tns-nav button.tns-nav-active:before {
  background-color: var(--brass);
}

/* ---------- Blog / showroom ---------- */
body.tw-redesign .blog-section {
  background: var(--linen);
}
body.tw-redesign .blog-section .section-title {
  color: var(--walnut);
  font-size: 32px;
}
body.tw-redesign .blog-section .post-entry .post-thumbnail img {
  border-radius: 18px;
  box-shadow: 0 20px 40px -20px rgba(15,46,43,.4);
  transition: transform .5s ease, opacity .3s ease;
}
body.tw-redesign .blog-section .post-entry:hover .post-thumbnail img {
  transform: scale(1.03);
  opacity: 1;
}
body.tw-redesign .blog-section .post-content-entry h3 a {
  font-family: var(--serif);
  color: var(--walnut);
}
body.tw-redesign .blog-section .more {
  color: var(--ink);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 13px;
}

/* ---------- Footer ---------- */
body.tw-redesign .footer-section {
  background: var(--ink) !important;
}
body.tw-redesign .footer-section a {
  color: var(--linen);
}
body.tw-redesign .footer-section a:hover {
  color: var(--brass-light);
}
body.tw-redesign .footer-section .subscription-form h3 {
  color: var(--brass-light);
}
body.tw-redesign .footer-section .footer-logo-wrap .footer-logo {
  color: var(--linen);
}
body.tw-redesign .footer-section p {
  color: rgba(243,238,228,.6);
}
body.tw-redesign .footer-section .btn.btn-primary {
  background: var(--brass);
  border-color: var(--brass);
  color: var(--linen);
}
body.tw-redesign .footer-section .btn.btn-primary:hover {
  background: var(--brass-light);
  border-color: var(--brass-light);
}
body.tw-redesign .footer-section .custom-social li a {
  border: 1px solid rgba(232,161,101,.3);
  border-radius: 50%;
  color: var(--brass-light);
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
body.tw-redesign .footer-section .custom-social li a:hover {
  background: var(--brass);
  color: var(--linen);
  transform: translateY(-3px);
}
body.tw-redesign .footer-section .border-top.copyright {
  border-top-color: rgba(243,238,228,.14) !important;
}
body.tw-redesign .footer-section .border-top.copyright a {
  color: rgba(243,238,228,.55);
}

/* ---------- Generic content sections (team grid, notices, forms) ---------- */
body.tw-redesign .untree_co-section {
  background: var(--linen);
}
body.tw-redesign .untree_co-section .section-title {
  color: var(--walnut);
}
body.tw-redesign .untree_co-section img.mb-5 {
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  box-shadow: 0 20px 40px -20px rgba(15,46,43,.35);
}
body.tw-redesign .untree_co-section h3 a {
  font-family: var(--serif);
  color: var(--walnut);
  text-decoration: none;
}
body.tw-redesign .untree_co-section .position {
  color: var(--brass);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 12px;
}
body.tw-redesign .untree_co-section .lead {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--walnut);
}
body.tw-redesign .untree_co-section h2 {
  font-family: var(--serif);
  color: var(--walnut);
}
body.tw-redesign .untree_co-section .eyebrow {
  display: inline-block;
  color: var(--brass);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 14px;
}

/* Forms */
body.tw-redesign .form-control {
  border-radius: 10px;
  border-color: rgba(43,36,32,.15);
  padding: 10px 14px;
}
body.tw-redesign .form-control:focus {
  border-color: var(--brass);
  box-shadow: 0 0 0 .2rem rgba(201,112,46,.15);
}
body.tw-redesign label.text-black {
  font-weight: 700;
  color: var(--walnut) !important;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* Contact service blocks + map */
body.tw-redesign .service .service-icon {
  background: var(--ink);
  color: var(--linen);
}
body.tw-redesign .service-contents p {
  color: var(--walnut);
  font-weight: 600;
}
body.tw-redesign .ratio {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 50px -25px rgba(15,46,43,.35);
}

/* Buttons used off the homepage */
body.tw-redesign .btn-outline-black {
  border: 2px solid var(--ink);
  color: var(--ink);
  background: transparent;
  border-radius: 30px;
  font-weight: 700;
  transition: .25s ease;
}
body.tw-redesign .btn-outline-black:hover {
  background: var(--ink);
  color: var(--linen);
}
body.tw-redesign .btn-primary-hover-outline {
  background: var(--brass);
  border: 2px solid var(--brass);
  color: var(--linen);
  border-radius: 30px;
  font-weight: 700;
  padding: 12px 30px;
  transition: .25s ease;
}
body.tw-redesign .btn-primary-hover-outline:hover {
  background: transparent;
  color: var(--brass);
}

/* Thank-you / notice icon */
body.tw-redesign .thankyou-icon {
  color: var(--brass);
}
body.tw-redesign .thankyou-icon:before {
  background: rgba(201,112,46,.18);
}
body.tw-redesign .text-primary {
  color: var(--ink) !important;
}

/* ---------- Uniform product cards (homepage product strip) ---------- */
body.tw-redesign .product-section .product-item .product-thumbnail,
body.tw-redesign .product-section .product-item img.product-thumbnail {
  aspect-ratio: 4 / 3;
  width: 100%;
  object-fit: contain;
  background: var(--linen);
  padding: 24px;
  box-sizing: border-box;
}

/* ---------- Showroom bento grid ---------- */
body.tw-redesign .showroom-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: var(--linen);
  box-shadow: 0 18px 40px -24px rgba(15, 46, 43, .35);
  transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease;
  text-decoration: none;
}
body.tw-redesign .showroom-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 50px -20px rgba(15, 46, 43, .5);
}
body.tw-redesign .showroom-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(201, 112, 46, .1), rgba(201, 112, 46, 0));
  overflow: hidden;
}
body.tw-redesign .showroom-card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .5s ease;
}
body.tw-redesign .showroom-card:hover .showroom-card-img img {
  transform: scale(1.05);
}
body.tw-redesign .showroom-card-lg .showroom-card-img {
  aspect-ratio: 1 / 1;
  padding: 36px;
}
body.tw-redesign .showroom-card-sm .showroom-card-img {
  aspect-ratio: 16 / 9;
  padding: 18px;
}
body.tw-redesign .showroom-card-body {
  padding: 22px 26px 26px;
}
body.tw-redesign .showroom-card-lg .showroom-card-body h3 {
  font-family: var(--serif);
  font-size: 24px;
  color: var(--walnut);
  margin-bottom: 6px;
}
body.tw-redesign .showroom-card-sm .showroom-card-body h3 {
  font-family: var(--serif);
  font-size: 18px;
  color: var(--walnut);
  margin-bottom: 4px;
}
body.tw-redesign .showroom-card-body span {
  font-family: var(--sans);
  font-size: 14px;
  color: var(--ink);
  opacity: .65;
}
body.tw-redesign .showroom-stack {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}
body.tw-redesign .showroom-stack .showroom-card {
  flex: 1 1 0;
}
@media (max-width: 991.98px) {
  body.tw-redesign .showroom-card-lg .showroom-card-img {
    aspect-ratio: 4 / 3;
  }
}

/* ---------- Mobile tuning ---------- */
@media (max-width: 767.98px) {
  body.tw-redesign .hero { padding: 3.25rem 0 3.75rem 0 !important; }
  body.tw-redesign .hero h1 { font-size: 33px; }
  body.tw-redesign .hero p { font-size: 16px; }
  body.tw-redesign .hero .tw-badge { margin-top: 18px; }
  body.tw-redesign .hero .hero-cta { width: 100%; }
  body.tw-redesign .hero .hero-cta .btn { flex: 1 1 100%; text-align: center; }
  body.tw-redesign .custom-navbar { padding-top: 10px; padding-bottom: 10px; }
  body.tw-redesign .navbar-brand img { height: 50px !important; }
  body.tw-redesign .product-section,
  body.tw-redesign .why-choose-section,
  body.tw-redesign .we-help-section,
  body.tw-redesign .blog-section,
  body.tw-redesign .untree_co-section { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  body.tw-redesign .testimonial-section { padding: 2.5rem 0; }
  body.tw-redesign .product-section .section-title,
  body.tw-redesign .why-choose-section .section-title,
  body.tw-redesign .we-help-section .section-title,
  body.tw-redesign .blog-section .section-title { font-size: 26px; }
}