/**
 * Theme Name:     Twenty Twenty-Five Child
 * Author:         the WordPress team
 * Template:       twentytwentyfive
 * Text Domain:	   twenty-twenty-five-child
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */

 /* FORM STYLES */
div#gform_fields_3 {
    row-gap: 15px !important;
}

.gform-footer.gform_footer.top_label {
    margin-top: 12px !important;
}

input#gform_submit_button_3 {
    background-color: #F67435;
    padding: 12px;
    width: 100%;
}

.form-card-shadow {
    box-shadow: 0 0 10px 8px rgb(0 0 0 / .3) inset;
}
/* FORM STYLES ENDS*/

.hidden {
    display: none;
}

.gofront {
    position: relative;
    z-index: 888;
}

.hshadow {
    text-shadow: 2px 2px 3px #000000b3;
}

img.wp-image-21619 {
    margin-left: -80px;
    max-width: 900px !important;
}

img.wp-image-21880 {
    max-width: 900px !important;
}

.cover-overflow {
    overflow: visible;
}

/*image max width*/
figure.image-maxwidth img {
    max-width: 1000px !important;
}

/*Claude Home Mobile CSS*/

/* =====================================================================
   We Buy Houses In Connecticut — MOBILE OPTIMIZATION  (one file)
   ---------------------------------------------------------------------
   Covers TWO pages, scoped so they can never interfere:
     • HOMEPAGE                       → .home
     • "How Do I Sell My House…" (HIW) → :not(.home) / its own image IDs
   Shared rules apply to both pages.

   • Everything lives inside @media (max-width: 781px) — the breakpoint
     WordPress uses to stack columns — so the DESKTOP layout is untouched.
   • Paste into: Appearance → Customize → Additional CSS.
   • Targets existing wp-image IDs / block classes — no block edits needed.
   • Note: scoping assumes the homepage is the site's front page (body.home).
   ===================================================================== */

@media (max-width: 781px) {

  /* =================================================================
     A.  SHARED  (both pages)
     ================================================================= */

  /* A1. Stop every fixed-width image from overflowing on mobile. */
  .wp-block-image img,
  .wp-block-image.is-resized img,
  .wp-block-image.is-resized { max-width: 100% !important; height: auto !important; }

  /* A2. "How It Works" decorative arrows (carry 200px side padding) — hide. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21695) {
    display: none !important;
  }

  /* A3. Review-site logos (Google/Facebook/Yahoo/Bing/Zillow): 5 -> 2 per row. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21787) {
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 16px 24px !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21787) > .wp-block-column {
    flex: 0 0 40% !important;
  }

  /* A4. "Start Here" arrow graphic (bottom form) — hide. */
  .wp-block-image:has(> .wp-image-21620) { display: none !important; }

  /* A5. "Never Low-Ball Offers" logo — 20px gap below it once stacked. */
  .wp-block-image:has(> .wp-image-21674) { margin-bottom: 20px !important; }

  /* A6. UNIFORM 16px BODY TEXT — every page.
         Some pages (Sell Your House, Reviews, About Us, etc.) inherit the
         theme's default 18px body size while the homepage renders at 16px,
         which is the inconsistency across pages. This sets all body
         paragraphs to 16px site-wide. Paragraphs that carry their OWN inline
         font-size (the big display / callout lines like "No Risk, No
         Obligation…") are excluded via :not([style*="font-size"]) and keep
         their designed size. Scoped to <main> so header/footer text is
         untouched. (The older per-page rules B1/E2 stay below — they're more
         specific, so the already-approved homepage behavior is preserved.) */
  main p:not([style*="font-size"]) { font-size: 16px !important; }


  /* =================================================================
     B.  HOMEPAGE  (.home)
     ================================================================= */

  /* B1. Uniform body paragraphs (16px). Big 2.5rem callouts + header/footer kept. */
  .home p:not([style*="2.5rem"]):not(header p):not(footer p) {
    font-size: 1rem !important;
  }

  /* B2. HERO — couple photo centered + attached to the top of the form,
         and 40px breathing room beneath the form. */
  .wp-block-cover:has(.wp-image-21618) .wp-block-columns:has(.wp-image-21619) { gap: 0 !important; }
  .wp-block-cover:has(.wp-image-21618) .wp-block-image:has(> .wp-image-21619) {
    margin: 0 auto !important;
    text-align: center;
  }
  .wp-block-cover:has(.wp-image-21618) .wp-block-image:has(> .wp-image-21619) img {
    display: block;
    margin: 0 auto !important;
  }
  .wp-block-cover:has(.wp-image-21618) .form-card-shadow { margin-top: -12px; }  /* overlap; 0 = flush */
  .wp-block-cover:has(.wp-image-21619) { padding-bottom: 40px !important; }      /* couple = homepage hero only */

  /* B3. "NEED TO SELL YOUR HOUSE FAST?" (blue) — hide side photo, add padding. */
  .wp-block-image:has(> .wp-image-21716) { display: none !important; }
  .wp-block-group.has-custom-color-14-background-color:has(.wp-image-21716) {
    padding: 40px 20px !important;
  }

  /* B4. 3-CARD TESTIMONIALS (grey) — CENTER avatar + name, stars below name. */
  .home .wp-block-column[style*="6px 6px 9px"] p[style*="padding-bottom:75px"],
  .home .wp-block-column[style*="6px 6px 9px"] p[style*="padding-bottom:125px"] {
    padding-bottom: 0 !important;
  }
  .home .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child > .wp-block-column {
    text-align: center;
  }
  .home .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child .wp-block-image {
    margin-left: auto !important; margin-right: auto !important; width: fit-content;
  }
  .home .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child > .wp-block-column:last-child {
    display: flex; flex-direction: column; align-items: center;
  }
  .home .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child > .wp-block-column:last-child > .wp-block-image {
    order: 2;
  }

  /* B5. "WE CAN BUY… NO MATTER YOUR REASONS" icon grids: 4 -> 2 per row. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21895) > .wp-block-column,
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21909) > .wp-block-column {
    flex: 0 0 calc(50% - 5px) !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21895),
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-21909) {
    flex-wrap: wrap !important; row-gap: 10px !important;
  }

  /* B6. BLUE QUOTE TESTIMONIALS (Rebekah/Daniel/Jon/Rosemary) — drop divider +
         big paddings, keep avatar + name side by side. */
  .has-custom-color-14-background-color [style*="border-right-width:2px"] {
    border-right-width: 0 !important; padding-right: 20px !important;
  }
  .has-custom-color-14-background-color [style*="padding-left:100px"] { padding-left: 0 !important; }
  .has-custom-color-14-background-color .wp-block-columns .wp-block-columns {
    flex-wrap: nowrap !important; align-items: center;
  }
  .has-custom-color-14-background-color .wp-block-columns .wp-block-columns > .wp-block-column:first-child {
    flex: 0 0 80px !important;
  }
  .has-custom-color-14-background-color .wp-block-columns .wp-block-columns > .wp-block-column:last-child {
    flex: 1 1 auto !important;
  }

  /* B7. "SOOOOO MANY PEOPLE…" big centered line — drop the 450px side padding. */
  p[style*="450px"] { padding-left: 20px !important; padding-right: 20px !important; }

  /* B8. "WE OFFER AN EASY SOLUTION!" cover/form — hidden on mobile (matches design).
         >>> delete this rule if you want that form to show on mobile. <<< */
  .wp-block-cover:has(.wp-image-21799) { display: none !important; }


  /* =================================================================
     C.  "HOW DO I SELL MY HOUSE…" PAGE
     ================================================================= */

  /* C1. Intro video — sit it straight (no desktop tilt / -100px pull-up).
         The Wistia embed injects several stray <br> tags right above the player,
         which is what opened up the big gap under the arrow on mobile. Hide those
         (siblings of #intro only, so headings are untouched) and keep a 30px gap. */
  #intro {
    margin-top: 30px !important;
    transform: none !important;
  }
  :has(> #intro) > br { display: none !important; }

  /* C2. (fix 2) "Cash For Your House. Here's How…" (Sarah) —
         drop the photo to the BOTTOM (heading + text first, then image). */
  .wp-block-column:has(> .wp-block-image > .wp-image-22337) { order: 2; }

  /* C4. (fix 3) "Another Happy Customer!" —
         drop the photo to the BOTTOM, and center it (kill the desktop
         -90px / -40px / -40px margins). */
  .wp-block-column:has(> .wp-block-image > .wp-image-22449) { order: 2; }
  .wp-block-image:has(> .wp-image-22449) { margin: 0 auto !important; text-align: center; }
  .wp-block-image:has(> .wp-image-22449) img { display: block; margin: 0 auto !important; }

  /* C5. (fix 4) "After Repair Market Value" intro line —
         kill the 190px side padding that crushes the text to one letter wide. */
  p[style*="190px"] { padding-left: 20px !important; padding-right: 20px !important; }

  /* C6. (fix 5) "Why Our Offers Are Better" —
         drop the couple photo to the BOTTOM (this page only; the same image is
         the homepage hero, which must stay on top). */
  body:not(.home) .wp-block-column:has(> .wp-block-image > .wp-image-21619) { order: 2; }

  /* C7. REVIEW CARDS (grey) on this page — keep avatar LEFT + name/stars RIGHT.
         (This page's review design differs from the homepage's centered cards.) */
  body:not(.home) .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child {
    flex-wrap: nowrap !important; align-items: center;
  }
  body:not(.home) .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child > .wp-block-column:first-child {
    flex: 0 0 80px !important;
  }
  body:not(.home) .wp-block-column[style*="6px 6px 9px"] > .wp-block-columns:last-child > .wp-block-column:last-child {
    flex: 1 1 auto !important;
  }

  /* C8. (fix 1) CENTER the now-bottomed photos — Sarah + the "Why Our Offers"
         couple are fixed-width "resized" images WITHOUT WordPress's aligncenter
         class, so they hug the left. fit-content collapsed them left inside the
         flex column, so instead shrink-wrap the figure with display:table (which
         lets margin:auto truly center it) + center at the column level as backup.
         (Couple is :not(.home) so the homepage hero is left alone.) */
  body:not(.home) .wp-block-column:has(> .wp-block-image > .wp-image-22337),
  body:not(.home) .wp-block-column:has(> .wp-block-image > .wp-image-21619) {
    text-align: center !important;
  }
  body:not(.home) .wp-block-image:has(> .wp-image-22337),
  body:not(.home) .wp-block-image:has(> .wp-image-21619) {
    display: table !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* C9. (fix 2) "Another Happy Customer!" section — add 80px top padding to
         match the blue section above it (its own top padding ships as 0). */
  .wp-block-group:has(.wp-image-22449) { padding-top: 80px !important; }


  /* =================================================================
     D.  "LEGITIMATE HOUSE BUYERS IN CT" PAGE
         (rules keyed to this page's own image IDs, so they can't touch
          the homepage or the How-It-Works page.)
     ================================================================= */

  /* D1. "Legitimate Home Buyers" (orange) — drop the big house photo BELOW the
         heading + text (matches reference), reset its desktop bleed margins
         (-110px left / -40px top) and center it. The image is a fixed-width
         "resized" image with no aligncenter class, so center it like C8. */
  .wp-block-column:has(> .wp-block-image > .wp-image-22655) { order: 2; }
  .wp-block-image:has(> .wp-image-22655) {
    display: table !important;
    float: none !important;
    margin: 0 auto !important;
  }

  /* D2. "Do We Look Like Some Boring Cold Corporation?" — drop the couple photo
         BELOW the heading + text (matches reference). It's already centered. */
  .wp-block-column:has(> .wp-block-image > .wp-image-22682) { order: 2; }

  /* D3. Hero "BADASS" badge — center it with a fixed width and reset the desktop
         right-bleed (-140px / alignright) so it straddles the hero → orange
         boundary like the reference. (keeps its "gofront" stacking.)
         margin: top 20px (space above) / auto (center) / bottom -6px (sets where
         the blue→orange line crosses the badge: aim it at the orange-body/white-
         ring seam). >>> width 220px, top 20px, bottom -6px all tunable.
         More negative bottom = line sits higher on badge; less negative = lower. <<< */
  .wp-block-image:has(> .wp-image-22643) {
    float: none !important;
    width: 220px !important;
    max-width: 70% !important;
    margin: 20px auto -6px auto !important;
  }
  .wp-block-image:has(> .wp-image-22643) > img { width: 100% !important; }

  /* D3b. The hero cover has overflow:hidden (WP default), which slices off the
          bottom of the badge where it dips past the cover. Let this page's hero
          overflow so the badge shows in full. (scoped via the badge ID.) */
  .wp-block-cover:has(.wp-image-22643) { overflow: visible !important; }

  /* D4. "Legitimate Home Buyers" (orange) — add top padding so its heading sits
         BELOW the overlapping badge above it. >>> 120px is tunable. <<< */
  .wp-block-group:has(.wp-image-22655) { padding-top: 120px !important; }


  /* =====================================================================
     E.  INTERIOR PAGES  — How-It-Works (#intro) + "our company"/Legitimate
         (badge 22643). Shared fixes to match the homepage on mobile.
     ===================================================================== */

  /* E1. The page template puts top padding on <main> for these interior pages
         (80px on How-It-Works, 120px on the company page, and the same gap on
         About Us); the homepage template doesn't. Zero it so the hero starts at
         the top, uniform with the homepage. <main> carries WP's standard id
         #wp--skip-link--target — including it raises specificity so this reliably
         wins the cascade. The :has() keeps each rule scoped to its own page
         (About Us is anchored to its hero image, unique to that page). */
  main:has(#intro),
  main:has(.wp-image-22643),
  main:has(img[src*="jess_jerryll-1"]),
  main:has(.wp-image-22733),
  main:has(.wp-image-22983),
  main#wp--skip-link--target:has(#intro),
  main#wp--skip-link--target:has(.wp-image-22643),
  main#wp--skip-link--target:has(img[src*="jess_jerryll-1"]),
  main#wp--skip-link--target:has(.wp-image-22733),
  main#wp--skip-link--target:has(.wp-image-22983) {
    padding-top: 0 !important;
  }

  /* E2. Default body paragraphs render at 18px on these pages vs 16px on the
         homepage. Bring them to 16px (1rem). Paragraphs that carry their own
         inline font-size (the big display lines) are excluded and keep their
         designed size. Scoped to <main>, so header/footer text is untouched. */
  main:has(#intro) p:not([style*="font-size"]),
  main:has(.wp-image-22643) p:not([style*="font-size"]) {
    font-size: 1rem !important;
  }

  /* E3. About Us page — hide the hand-drawn "START HERE" graphic (start-here.webp)
         on mobile; it overlaps awkwardly under the form button. Hiding its whole
         column avoids leaving an empty gap. Scoped to About Us (via the hero
         image) so the other pages' form graphics are untouched. */
  main:has(img[src*="jess_jerryll-1"]) .wp-block-column:has(img[src*="start-here"]) {
    display: none !important;
  }


  /* =====================================================================
     F.  REVIEWS PAGE  (keyed to this page's own image IDs)
     ===================================================================== */

  /* F1. Top "With Dozens Of Verified Reviews On" logos (Google/Facebook/Yahoo/
         Bing/Zillow, ids 22724-22728) — these are a separate row from the ones
         A3 handles, so mirror it here: 5 -> 2 per row, centered. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22724) {
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 16px 24px !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22724) > .wp-block-column {
    flex: 0 0 40% !important;
  }

  /* F2. Reviewer rows (Daniel / Marita / Rebekah / Rosemary) in the white + blue
         + cover review sections — avatar + name otherwise stack with a huge
         centered avatar. Keep them on ONE centered line: small avatar left, name
         beside it. Avatars: 22738 (Daniel), 22760 (Marita), 22770 (Rebekah),
         22822 (Rosemary). */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22738),
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22760),
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22770),
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22822) {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22738) > .wp-block-column,
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22760) > .wp-block-column,
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22770) > .wp-block-column,
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22822) > .wp-block-column {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  /* shrink the avatars to ~58px (they ship at 80-90px). >>> tunable <<< */
  .wp-block-image:has(> .wp-image-22738),
  .wp-block-image:has(> .wp-image-22760),
  .wp-block-image:has(> .wp-image-22770),
  .wp-block-image:has(> .wp-image-22822),
  .wp-block-image:has(> .wp-image-22738) > img,
  .wp-block-image:has(> .wp-image-22760) > img,
  .wp-block-image:has(> .wp-image-22770) > img,
  .wp-block-image:has(> .wp-image-22822) > img {
    width: 58px !important;
  }
  /* Marita's row is authored name-first / right-aligned; flip so the avatar sits
     LEFT and left-align its text + stars. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22760) {
    flex-direction: row-reverse !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22760) .has-text-align-right {
    text-align: left !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22760) .wp-block-image.alignright {
    margin-left: 0 !important; margin-right: auto !important; float: none !important;
  }

  /* F3. "5.0 Average Customer Rating" blue section — its 30%/70% columns stay
         side-by-side on mobile; stack them so the 5.0 graphic sits centered on
         top and the review reads full-width below. 22766 = the 5.0 graphic. */
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22766) {
    display: flex !important;
    flex-direction: column !important;
  }
  .wp-block-columns:has(> .wp-block-column > .wp-block-image > .wp-image-22766) > .wp-block-column {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  /* F4. "Stand-up guy" (Kelli) blue section — the reviewer column carries a 2px
         left divider for desktop that shows as a stray vertical line on mobile.
         Remove it (scoped to this page via the review-daniel image). */
  main:has(.wp-image-22733) .wp-block-column[style*="border-left-width:2px"] {
    border-left: 0 !important;
  }


  /* =====================================================================
     G.  "SELL YOUR HOUSE IN CONNECTICUT" PAGE
         (mob-* helper classes handle most sizing/stacking; these are the
          mobile-only layout fixes. Scoped via step-1b image id 22983.)
     ===================================================================== */

  /* G1. "Selling Your House Is Easy 1-2-3" — hide the two decorative arrows;
         they carry 200px side padding that crushes them on mobile (the three
         numbered steps below read fine stacked). */
  main:has(.wp-image-22983) .wp-block-columns:has(> .wp-block-column > .wp-block-image > img[src*="arrow-1"]) {
    display: none !important;
  }

  /* G2. Hide the hand-drawn "start-here" graphics (hero + bottom form) on mobile;
         they ship at 600px with desktop bleed margins and aren't in the mobile
         design. Matches "start-here.webp" only — the start-here-2 graphic used on
         other pages is untouched. */
  main:has(.wp-image-22983) .wp-block-column:has(> .wp-block-image > img[src*="start-here.webp"]) {
    display: none !important;
  }

  /* G3. Jerryll quote (orange) — the name is authored beside the photo (name 90%,
         right-aligned / photo 10%). On mobile stack the photo on top and center
         the name beneath it. */
  main:has(.wp-image-22983) .wp-block-columns:has(> .wp-block-column > .wp-block-image > img[src*="Jerryll-Thumbs-Up"]) {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
  }
  main:has(.wp-image-22983) .wp-block-columns:has(> .wp-block-column > .wp-block-image > img[src*="Jerryll-Thumbs-Up"]) .has-text-align-right {
    text-align: center !important;
  }


  /* =====================================================================
     H.  FREQUENTLY ASKED QUESTIONS PAGE
         (scoped via .faq-accordion — the <details> accordions are unique
          to this page, so nothing here can touch any other page.)
     ===================================================================== */

  /* H1. Hide both hand-drawn "START HERE" graphics (one beside each form:
         "Should I List Or Sell For Cash?" + "Get Your Free Offer TODAY!").
         They ship with desktop bleed margins (-70px top / -40px left) on a
         narrow 15% side column, so on mobile they yank up over the form and
         off the left edge. Hiding their whole column avoids leaving a gap.
         The other pages' start-here graphics are untouched (this is scoped
         to the FAQ page, and those have their own rules: A4 / G2 / E3). */
  main:has(.faq-accordion) .wp-block-column:has(> .wp-block-image > img[src*="start-here.webp"]) {
    display: none !important;
  }


  /* =====================================================================
     I.  CONTACT US PAGE  ("We Are Dedicated To Open Communication")
         (scoped via .wp-image-23049 — the "connect-with-us" photo, unique
          to this page, so nothing here can touch any other page.)
     ===================================================================== */

  /* I1. Hide the hand-drawn "START HERE" graphic beside the form. It ships
         with desktop bleed margins (140px top / -30px sides) on a narrow 20%
         side column, so on mobile it drops far below the form and off the
         edges. Hiding its whole column avoids leaving a gap. */
  main:has(.wp-image-23049) .wp-block-column:has(> .wp-block-image > img[src*="start-here.webp"]) {
    display: none !important;
  }

  /* I2. "If you have a question about:" checklist — each row is a nested
         10% / 90% columns block (check icon | text). WordPress stacks these
         on mobile, dropping the 70px check onto its own centered row above
         each line. Keep them inline (check left, text right) and shrink the
         check to match the reference. The 10%/90% basis values are unique to
         these rows (other columns here are 50/50, 80/20, 38/62), so this
         can't touch the hero, form, or "Connect With Us" layouts.
         >>> check size 28px is tunable. <<< */
  main:has(.wp-image-23049) .wp-block-columns:has(> .wp-block-column[style*="flex-basis:10%"]) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
  }
  main:has(.wp-image-23049) .wp-block-column[style*="flex-basis:10%"] {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  main:has(.wp-image-23049) .wp-block-column[style*="flex-basis:90%"] {
    flex: 1 1 auto !important;
  }
  main:has(.wp-image-23049) .wp-block-column[style*="flex-basis:10%"] svg {
    width: 28px !important;
    height: 28px !important;
  }
  
  /* Sell Your House Page Adds */
  .sell-step-img img {
    width: 100px !important;
  }
  .privacy-col {
    display: flex;
    justify-content: center;
  }
  .privacy-img {
    margin: 0px !important;
  }
}