/* =========================================================
   RABYX INDIA — PEST CONTROL SERVICES PAGE
   Redesign: "field report" visual system.
   Palette: deep forest green + warm paper + hazard amber.
   Scoped to .pest-page. Matches pest-control-services.php.

   Alignment system:
   - .rabyx-pest-container is the page's only master content rail.
   - Narrow reading blocks keep their readable width but align to
     the same left edge as the master rail.
   - .hero is offset with --pc-nav-offset to compensate for
     navbar-fixed-top pulling #mainNav out of document flow.
     VERIFY this value in devtools against the real rendered
     height of ._top_bar + #mainNav and adjust if needed.
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

.pest-page {
  --ink:        #17231A;
  --forest:     #16281C;
  --forest-2:   #24462F;
  --brand:      #2F6A44;
  --paper:      #F4EFE2;
  --paper-2:    #EAE2CC;
  --amber:      #D98A2B;
  --amber-deep: #B96F1D;
  --line:       #DAD0B4;
  --line-dark:  rgba(255,255,255,.16);
  --muted:      #5E6657;
  --muted-dark: rgba(244,239,226,.72);
  --max:        1180px;
  --pc-nav-offset: 130px;
}


.pest-page,
.pest-page * {
  box-sizing: border-box !important;
}

.pest-page {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
}

.pest-page img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.pest-page a {
  color: inherit !important;
  text-decoration: none !important;
}

.pest-page .rabyx-pest-container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pest-page .content-width {
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pest-page section {
  width: 100% !important;
  padding: 84px 0 !important;
  background: var(--paper) !important;
}

.pest-page .section-light {
  background: #FBF9F2 !important;
}

.pest-page h1,
.pest-page h2,
.pest-page h3 {
  margin-top: 0 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  line-height: 1.15 !important;
}

.pest-page h2 {
  margin-bottom: 16px !important;
  font-size: clamp(30px, 3.6vw, 42px) !important;
}

.pest-page h3 {
  margin-bottom: 8px !important;
  font-size: 23px !important;
  font-weight: 700 !important;
}

.pest-page p {
  margin: 0 0 18px !important;
}

/* Section marker: a short tick + sentence-case label, replaces the
   generic tracked-out ALL-CAPS eyebrow pattern. */
.pest-page .section-mark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--brand) !important;
}

.pest-page .section-mark span {
  width: 20px !important;
  height: 2px !important;
  background: var(--amber) !important;
  display: inline-block !important;
}

.pest-page .section-heading {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 0 44px !important;
}

.pest-page .section-heading p {
  max-width: 640px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: var(--muted) !important;
  font-size: 17px !important;
}

.pest-page .check-list {
  display: grid !important;
  gap: 11px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pest-page .check-list li {
  position: relative !important;
  padding-left: 34px !important;
  color: var(--ink) !important;
}

.pest-page .check-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid var(--brand) !important;
  border-radius: 3px !important;
}

.pest-page .check-list li::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 6px !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid var(--amber) !important;
  border-bottom: 2px solid var(--amber) !important;
  transform: rotate(-45deg) !important;
}

.pest-page .check-list-grid {
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 28px !important;
}

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

.pest-page .btn {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 26px !important;
  border: 2px solid transparent !important;
  border-radius: 4px !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

.pest-page .btn-amber {
  color: var(--ink) !important;
  background: var(--amber) !important;
  border-color: var(--amber) !important;
}

.pest-page .btn-amber:hover {
  background: var(--amber-deep) !important;
  border-color: var(--amber-deep) !important;
}

.pest-page .btn-ghost {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .55) !important;
  background: transparent !important;
}

.pest-page .btn-ghost:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, .1) !important;
}

.pest-page .btn-ghost-dark {
  color: var(--ink) !important;
  border-color: rgba(23, 35, 26, .35) !important;
}

.pest-page .btn-ghost-dark:hover {
  border-color: var(--ink) !important;
  background: rgba(23, 35, 26, .06) !important;
}

.pest-page .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 13px !important;
}

/* =========================================================
   HERO
========================================================= */

.pest-page .hero {
  position: relative !important;
  padding-top: var(--pc-nav-offset) !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: linear-gradient(160deg, var(--forest) 0%, var(--forest-2) 100%) !important;
}

.pest-page .hero-inner {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  gap: 60px !important;
  align-items: center !important;
  padding: 56px 0 70px !important;
}

.pest-page .hero-diagram {
  min-width: 0 !important;
}

.pest-page .house-svg {
  width: 100% !important;
  height: auto !important;
  max-width: 380px !important;
  display: block !important;
  margin: 0 auto !important;
}

.pest-page .d-roof     { fill: #2A4E36; stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-chimney  { fill: #2A4E36; stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-body     { fill: #1E3927; stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-floor    { stroke: rgba(244,239,226,.3); stroke-width: 2; }
.pest-page .d-foundation { fill: #17281C; stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-pipe     { fill: #17281C; stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-puddle   { fill: rgba(244,239,226,.14); }
.pest-page .d-window   { fill: rgba(244,239,226,.16); stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-door     { fill: rgba(244,239,226,.1); stroke: rgba(244,239,226,.4); stroke-width: 2; }
.pest-page .d-furniture { fill: none; stroke: rgba(244,239,226,.5); stroke-width: 2; stroke-dasharray: 3 3; }

.pest-page .d-pin circle {
  fill: var(--amber) !important;
  stroke: var(--forest) !important;
  stroke-width: 3 !important;
  animation: pc-pulse 2.6s ease-in-out infinite !important;
}

.pest-page .d-pin text {
  fill: var(--ink) !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-anchor: middle !important;
}

@keyframes pc-pulse {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(217,138,43,0)); }
  50%      { filter: drop-shadow(0 0 6px rgba(217,138,43,.7)); }
}

@media (prefers-reduced-motion: reduce) {
  .pest-page .d-pin circle { animation: none; }
}

.pest-page .diagram-legend {
  margin: 26px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px 20px !important;
}

.pest-page .diagram-legend li {
  display: grid !important;
  grid-template-columns: 18px 160px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: baseline !important;
  min-width: 0 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--muted-dark) !important;
}

.pest-page .diagram-legend .pin {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: var(--amber) !important;
  color: var(--ink) !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pest-page .diagram-legend em {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  font-style: normal !important;
  color: rgba(244,239,226,.5) !important;
  font-weight: 500 !important;
}

.pest-page .hero-copy {
  min-width: 0 !important;
}

.pest-page .hero .breadcrumb {
  margin: 0 0 18px !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, .68) !important;
}

.pest-page .hero .breadcrumb a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.pest-page .hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #F4D9A8 !important;
}

.pest-page .hero-kicker span {
  width: 20px !important;
  height: 2px !important;
  background: var(--amber) !important;
}

.pest-page .hero h1 {
  max-width: 620px !important;
  margin: 0 0 20px !important;
  font-size: clamp(38px, 4.6vw, 54px) !important;
  line-height: 1.08 !important;
  color: #ffffff !important;
}

.pest-page .hero-text {
  max-width: 560px !important;
  margin: 0 0 28px !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, .88) !important;
}

.pest-page .hero-ticket {
  margin-top: 34px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, .18) !important;
  display: grid !important;
  gap: 12px !important;
  max-width: 560px !important;
}

.pest-page .ticket-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 14px !important;
  font-size: 14px !important;
}

.pest-page .ticket-row span {
  flex: 0 0 100px !important;
  color: rgba(255, 255, 255, .58) !important;
}

.pest-page .ticket-row strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* =========================================================
   TRUST STRIP
========================================================= */

.pest-page .trust-strip {
  background: #FBF9F2 !important;
  border-bottom: 1px solid var(--line) !important;
}

.pest-page .trust-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.pest-page .trust-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 4px !important;
  padding: 26px 16px !important;
  border-left: 1px dashed var(--line) !important;
}

.pest-page .trust-stat:first-child {
  border-left: 0 !important;
}

.pest-page .trust-stat i {
  font-size: 17px !important;
  color: var(--amber) !important;
  margin-bottom: 4px !important;
}

.pest-page .trust-stat strong {
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  color: var(--ink) !important;
  line-height: 1 !important;
}

.pest-page .trust-stat span {
  font-size: 14px !important;
  color: var(--muted) !important;
}

/* =========================================================
   SERVICE CASE CARDS
========================================================= */

.pest-page .case-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2px !important;
  background: var(--line) !important;
  border: 1px solid var(--line) !important;
}

.pest-page .case-card {
  position: relative !important;
  background: #ffffff !important;
  padding: 26px 24px 28px !important;
}

.pest-page .case-index {
  display: block !important;
  margin-bottom: 14px !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--amber-deep) !important;
}

.pest-page .case-image {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  margin-bottom: 18px !important;
  background: var(--paper-2) !important;
}

.pest-page .case-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(.85) sepia(.25) hue-rotate(65deg) saturate(1.3) brightness(.92) !important;
  transition: filter .4s ease !important;
}

.pest-page .case-card:hover .case-image img {
  filter: none !important;
}

.pest-page .case-content h3 {
  font-size: 21px !important;
}

.pest-page .case-content p {
  color: var(--muted) !important;
  font-size: 15px !important;
  margin-bottom: 16px !important;
}

.pest-page .case-link {
  display: inline-block !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--brand) !important;
  border-bottom: 1px solid transparent !important;
}

.pest-page .case-link:hover {
  border-bottom-color: var(--brand) !important;
}

/* =========================================================
   TWO-COLUMN / IMAGE BOX
========================================================= */

.pest-page .two-column {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 60px !important;
  align-items: center !important;
}

.pest-page .two-column > div {
  min-width: 0 !important;
}

.pest-page .image-box {
  margin: 0 !important;
  border: 1px solid var(--line) !important;
}

.pest-page .image-box img {
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  filter: grayscale(.7) sepia(.2) hue-rotate(65deg) saturate(1.2) brightness(.94) !important;
}

.pest-page .image-box figcaption {
  padding: 12px 16px !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  background: #FBF9F2 !important;
  border-top: 1px solid var(--line) !important;
}

/* =========================================================
   PATH GRID (residential / commercial)
========================================================= */

.pest-page .path-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.2fr !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.pest-page .path-card {
  padding: 28px 26px !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-top: 3px solid var(--brand) !important;
}

.pest-page .path-image {
  grid-row: span 1 !important;
}

.pest-page .path-note {
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  margin-top: 28px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: var(--muted) !important;
}

/* =========================================================
   LOCATIONS — ROUTE STRIP
========================================================= */

.pest-page .route-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 6px 0 8px !important;
  border-top: 1px dashed var(--line) !important;
  border-bottom: 1px dashed var(--line) !important;
}

.pest-page .route-pin {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  border-right: 1px dashed var(--line) !important;
}

.pest-page .route-pin:last-child {
  border-right: 0 !important;
}

.pest-page .route-pin i {
  color: var(--amber-deep) !important;
  font-size: 14px !important;
}

.pest-page .route-pin:hover {
  color: var(--brand) !important;
}

.pest-page .location-copy {
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  margin-top: 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   PROCESS — ROUTE LINE
========================================================= */

.pest-page .route-line {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.pest-page .route-line::before {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 4% !important;
  right: 4% !important;
  height: 2px !important;
  background: var(--line) !important;
  z-index: 0 !important;
}

.pest-page .route-stop {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 4px !important;
}

.pest-page .stop-num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 18px !important;
  border-radius: 50% !important;
  background: var(--forest) !important;
  color: #F4D9A8 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.pest-page .route-stop h3 {
  font-size: 19px !important;
}

.pest-page .route-stop p {
  font-size: 14px !important;
  color: var(--muted) !important;
  margin-bottom: 0 !important;
}

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

.pest-page .faq-container {
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pest-page .faq-container details {
  margin-bottom: 10px !important;
  border: 1px solid var(--line) !important;
  border-left: 3px solid transparent !important;
  background: #ffffff !important;
  transition: border-left-color .18s ease !important;
}

.pest-page .faq-container details[open] {
  border-left-color: var(--amber) !important;
}

.pest-page .faq-container summary {
  position: relative !important;
  padding: 18px 50px 18px 22px !important;
  cursor: pointer !important;
  list-style: none !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
}

.pest-page .faq-container summary::-webkit-details-marker {
  display: none !important;
}

.pest-page .faq-container summary::after {
  content: "+" !important;
  position: absolute !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--brand) !important;
}

.pest-page .faq-container details[open] summary::after {
  content: "\2212" !important;
  color: var(--amber-deep) !important;
}

.pest-page .faq-answer {
  padding: 0 22px 20px !important;
  color: var(--muted) !important;
  font-size: 15px !important;
}

/* =========================================================
   CTA
========================================================= */

.pest-page .cta-section {
  position: relative !important;
  padding: 70px 0 !important;
  color: #ffffff !important;
  background: linear-gradient(160deg, var(--forest) 0%, var(--forest-2) 100%) !important;
}

.pest-page .cta-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 6px !important;
  background: repeating-linear-gradient(
    -45deg,
    var(--amber) 0 14px,
    var(--ink) 14px 28px
  );
}

.pest-page .cta-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 30px !important;
}

.pest-page .cta-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.pest-page .cta-section h2 {
  margin-bottom: 10px !important;
  color: #ffffff !important;
}

.pest-page .cta-section p {
  max-width: 700px !important;
  margin-bottom: 0 !important;
  color: rgba(255, 255, 255, .85) !important;
}

.pest-page .cta-inner .hero-actions {
  flex: 0 0 auto !important;
}

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

@media (max-width: 1050px) {
  .pest-page .hero-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding: 48px 0 56px !important;
  }

  .pest-page .house-svg {
    max-width: 300px !important;
  }

  .pest-page .case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pest-page .route-line {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    row-gap: 36px !important;
  }

  .pest-page .route-line::before {
    display: none !important;
  }

  .pest-page .path-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .pest-page .path-image {
    grid-column: span 2 !important;
  }
}

@media (max-width: 780px) {
  .pest-page .content-width,
  .pest-page .faq-container,
  .pest-page .location-copy,
  .pest-page .path-note {
    width: 100% !important;
    max-width: none !important;
  }

  .pest-page .section-heading {
    width: 100% !important;
    max-width: none !important;
  }

  .pest-page .diagram-legend li {
    grid-template-columns: 18px 150px minmax(0, 1fr) !important;
  }


  .pest-page .rabyx-pest-container {
    width: min(100%, calc(100% - 32px)) !important;
  }

  .pest-page section {
    padding: 60px 0 !important;
  }
  .pest-page { --pc-nav-offset: 108px; }

  .pest-page .case-grid,
  .pest-page .two-column,
  .pest-page .path-grid {
    grid-template-columns: 1fr !important;
  }

  .pest-page .path-image {
    grid-column: auto !important;
  }

  .pest-page .two-column .image-box {
    order: -1 !important;
  }

  .pest-page .diagram-legend {
    grid-template-columns: 1fr !important;
  }

  .pest-page .trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pest-page .trust-stat:nth-child(3) {
    border-left: 0 !important;
  }

  .pest-page .check-list-grid {
    grid-template-columns: 1fr !important;
  }

  .pest-page .route-strip {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .pest-page .route-pin {
    border-right: 0 !important;
    border-bottom: 1px dashed var(--line) !important;
  }

  .pest-page .route-pin:last-child {
    border-bottom: 0 !important;
  }

  .pest-page .cta-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .pest-page .cta-inner .hero-actions {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .pest-page .rabyx-pest-container {
    width: min(100%, calc(100% - 32px)) !important;
  }

  .pest-page .hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .pest-page .hero .btn {
    width: 100% !important;
  }

  .pest-page .case-grid {
    grid-template-columns: 1fr !important;
  }

  .pest-page .route-line {
    grid-template-columns: 1fr 1fr !important;
  }

  .pest-page .ticket-row span {
    flex: 0 0 100% !important;
  }
}