@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@700&family=Roboto:wght@300;700&display=swap"); :root { font-size: 16px; } .pawn-section { position: relative; width: 100%; max-width: 80rem; margin: 0 auto; padding: 2rem 1rem; box-sizing: border-box; background-color: #fff; overflow-x: hidden; /* Prevent content from overflowing horizontally */ } /* Background text wrapper */ .bg-text-wrapper { position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0; } .background-text { position: absolute; color: #d01818; font-family: "Maven Pro", sans-serif; font-weight: 700; opacity: 0.15; margin: 0; line-height: 1; font-size: 12rem; /* Reduced size so it doesn't overflow */ top: 3rem; right: 0; } /* Main container for text and image */ .content-wrapper { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; justify-content: space-between; width: 100%; box-sizing: border-box; } /* Text block (heading, description, and buttons) */ .text-info { flex: 1 1 auto; min-width: 0; max-width: 600px; box-sizing: border-box; } .primary-heading { color: #d01818; font-family: "Maven Pro", sans-serif; font-size: 3rem; font-weight: 700; margin: 0 0 1rem 0; line-height: 1.2; } .description-text { font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 300; line-height: 1.5; margin: 0 0 1.5rem 0; color: #000; } /* Image block */ .image-wrapper { flex: 1 1 auto; min-width: 0; max-width: 34rem; display: flex; justify-content: center; align-items: center; } .feature-image { width: 100%; height: auto; display: block; } /* Buttons block */ .bottom-content { width: 100%; display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem; justify-content: flex-start; flex-wrap: wrap; } .deal-section-cta { background-color: #d01818; color: #fff; border: none; padding: 0.75rem 1.25rem; font-size: 1rem; cursor: pointer; font-family: "Maven Pro", sans-serif; font-weight: 700; text-transform: uppercase; border-radius: 0.25rem; white-space: nowrap; box-sizing: border-box; } /* For medium screens */ @media (max-width: 991px) { .background-text { font-size: 8rem; top: 2rem; } .primary-heading { font-size: 2.5rem; } } /* For mobile devices (up to 640px): - Hide background text and image, - Stack content in one column, - Make buttons display vertically at full width and smaller */ @media (max-width: 640px) { .background-text, .image-wrapper { display: none; } .content-wrapper { flex-direction: column; align-items: flex-start; } .primary-heading { font-size: 1.75rem; } .description-text { font-size: 1rem; } /* Buttons: stacked vertically, full width */ .bottom-content { flex-direction: column !important; align-items: stretch !important; gap: 0.5rem !important; } .deal-section-cta { width: 100% !important; font-size: 0.7rem !important; padding: 0.4rem 0.5rem !important; white-space: normal !important; } }
See the local customers in your area looking for cash. Make offers and reach out directly to real customers. Use the contact form below to get in.

Add Your Shop To The 999AUTO Network

Complete the quiz and we help to get you more clients
Fill out the form and we will contact you soon.
Made on
Tilda