.svps-live-page{–bg:#06090f;–bg2:#0c1221;–surface:#101828;–surface2:#15233a;–line:rgba(88,196,240,.16);–line2:rgba(212,169,78,.2);–text:#e8eff7;–muted:#9aa9bf;–accent:#3bb8e8;–accent2:#5fd2ff;–gold:#d4a94e;–radius:22px;–radius-sm:16px;–max:1180px;font-family:Sora,Arial,sans-serif;color:var(–text);background:linear-gradient(180deg,var(–bg) 0%,#081019 100%);margin:0 calc(50% – 50vw);padding:0 0 56px;position:relative;overflow:hidden}
.svps-live-page *{box-sizing:border-box}
.svps-live-page:before,.svps-live-page:after{content:””;position:absolute;border-radius:50%;pointer-events:none;filter:blur(14px)}
.svps-live-page:before{width:600px;height:600px;top:-200px;left:-180px;background:radial-gradient(circle,rgba(59,184,232,.06) 0%,transparent 70%)}
.svps-live-page:after{width:500px;height:500px;bottom:-100px;right:-120px;background:radial-gradient(circle,rgba(212,169,78,.05) 0%,transparent 70%)}
.svps-live-page .shell{max-width:var(–max);margin:0 auto;padding:0 24px;position:relative}
.svps-live-page .hero{padding:112px 0 48px;position:relative;overflow:hidden;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}
.svps-live-page .hero-bg-img{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}
.svps-live-page .hero-bg-img::after{content:””;position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,15,.6) 0%,rgba(6,9,15,.4) 50%,rgba(6,9,15,.7) 100%)}
.svps-live-page .hero-box{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.svps-live-page .panel{background:rgba(16,24,40,.92);backdrop-filter:blur(12px);border:1px solid var(–line);border-radius:var(–radius);box-shadow:0 24px 80px rgba(0,0,0,.34)}
.svps-live-page .hero-copy{padding:40px 40px 36px}
.svps-live-page .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(59,184,232,.10);border:1px solid rgba(59,184,232,.22);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(–accent2);margin-bottom:16px}
.svps-live-page h1{font-family:”Libre Baskerville”,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.18;margin:0 0 .5em;color:var(–text)}
.svps-live-page h1 em{font-style:italic;color:var(–accent)}
.svps-live-page .lead{color:var(–muted);font-size:1rem;line-height:1.75;margin:0 0 20px}
.svps-live-page h2{font-family:”Libre Baskerville”,serif;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.3;margin:0 0 .5em;color:var(–text)}
.svps-live-page h2 em{font-style:italic;color:var(–accent)}
.svps-live-page h3{font-size:1.05rem;font-weight:700;color:var(–text);margin:0 0 8px}
.svps-live-page .section{padding:56px 0}
.svps-live-page .content-card{background:linear-gradient(180deg,rgba(16,24,40,.94),rgba(10,16,28,.96));border:1px solid var(–line);border-radius:var(–radius);padding:40px;box-shadow:0 24px 80px rgba(0,0,0,.34)}
.svps-live-page .content-card p{color:var(–muted);line-height:1.75;margin:0 0 16px}
.svps-live-page .trust-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.svps-live-page .trust-list li{display:flex;gap:12px;align-items:flex-start;color:var(–text);line-height:1.6;font-size:.97rem}
.svps-live-page .trust-list li::before{content:”✓”;display:inline-grid;place-items:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:rgba(212,169,78,.12);border:1px solid rgba(212,169,78,.3);color:var(–gold);font-size:12px;font-weight:700;margin-top:1px}
.svps-live-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 0}
.svps-live-page .step-card{background:rgba(12,18,33,.9);border:1px solid var(–line);border-radius:var(–radius-sm);padding:28px 24px;position:relative}
.svps-live-page .step-num{font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,var(–accent),var(–accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svps-live-page .step-title{font-weight:700;font-size:1rem;color:var(–text);margin-bottom:8px}
.svps-live-page .step-desc{color:var(–muted);font-size:.9rem;line-height:1.65}
/* Form panel */
.svps-estimate-form-panel{padding:36px}
.svps-estimate-form-panel h2{margin-bottom:20px}
/* CF7 override styles */
.svps-live-page .wpcf7-form .svps-form-grid{display:flex;flex-direction:column;gap:16px}
.svps-live-page .wpcf7-form .svps-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.svps-live-page .wpcf7-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(–muted);text-transform:uppercase;letter-spacing:.06em}
.svps-live-page .wpcf7-form .svps-input,.svps-live-page .wpcf7-form input[type=text],.svps-live-page .wpcf7-form input[type=tel],.svps-live-page .wpcf7-form input[type=email],.svps-live-page .wpcf7-form select,.svps-live-page .wpcf7-form textarea{width:100%;background:rgba(6,9,15,.7);border:1px solid var(–line);border-radius:10px;padding:13px 16px;font-size:1rem;color:var(–text);font-family:Sora,Arial,sans-serif;transition:border-color .2s,box-shadow .2s;outline:none;appearance:none}
.svps-live-page .wpcf7-form .svps-input:focus,.svps-live-page .wpcf7-form input:focus,.svps-live-page .wpcf7-form select:focus,.svps-live-page .wpcf7-form textarea:focus{border-color:var(–accent);box-shadow:0 0 0 3px rgba(59,184,232,.15)}
.svps-live-page .wpcf7-form select{cursor:pointer;background-image:url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ fill=’none’ stroke=’%235fd2ff’ stroke-width=’2’%3E%3Cpolyline points=’6 9 12 15 18 9’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.svps-live-page .wpcf7-form select option{background:#0c1221;color:#e8eff7}
.svps-live-page .wpcf7-form .svps-btn-submit,.svps-live-page .wpcf7-form input[type=submit]{width:100%;padding:16px 24px;border-radius:999px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;font-weight:700;font-size:1rem;font-family:Sora,Arial,sans-serif;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(37,99,235,.3);transition:transform .2s,box-shadow .2s;margin-top:4px}
.svps-live-page .wpcf7-form .svps-btn-submit:hover,.svps-live-page .wpcf7-form input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(37,99,235,.4)}
.svps-live-page .wpcf7-form .required{color:#f87171}
.svps-live-page .wpcf7-response-output{margin-top:16px;padding:14px 18px;border-radius:10px;font-size:.9rem}
.svps-live-page .wpcf7-mail-sent-ok{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);color:#6ee7b7}
.svps-live-page .wpcf7-validation-errors,.svps-live-page .wpcf7-spam-blocked{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#f87171}
.svps-live-page .wpcf7-not-valid-tip{color:#f87171;font-size:.8rem;margin-top:4px}
.svps-live-page .footer-cta{text-align:center;padding:32px;background:rgba(212,169,78,.07);border:1px solid var(–line2);border-radius:var(–radius);margin-top:40px}
.svps-live-page .footer-cta p{color:var(–muted);margin:0 0 8px;font-size:.95rem}
.svps-live-page .footer-cta a{color:var(–gold);font-weight:700;text-decoration:none;font-size:1.1rem}
.svps-live-page .footer-cta a:hover{text-decoration:underline}
@media(max-width:900px){
.svps-live-page .hero-box{grid-template-columns:1fr}
.svps-live-page .steps{grid-template-columns:1fr}
.svps-live-page .wpcf7-form .svps-form-row{grid-template-columns:1fr}
}
@media(max-width:600px){
.svps-live-page .shell{padding:0 16px}
.svps-live-page .hero{padding:80px 0 32px}
.svps-live-page .hero-copy{padding:28px 24px}
.svps-estimate-form-panel{padding:24px}
.svps-live-page .content-card{padding:28px 24px}
}
No Cost • No Obligation • Tampa Bay
Get Your Free Project Estimate
We come to you, walk the project, and leave you with a clear written quote — no pressure, no obligation. Just an honest look at what your project would take and what it would cost.
- Clear scope review — know the next step before you decide.
- Local Tampa Bay crew — we serve Brandon, Valrico, Riverview, and the surrounding area
- Fast turnaround — most estimates delivered within 24–48 hours after the visit
- No pressure, ever — our job is to give you the information you need to decide
What to Expect
Our free estimate process is simple and designed around your schedule. Here is what happens after you submit your information:
01
Submit Your Info
Fill out the form with your contact details, location, and a brief description of your project — deck, pergola, repair, or replacement.
02
We Contact You Within 24 Hours
A member of the S&V Property Solutions team will reach out to confirm the details and schedule a time that works for you.
03
On-Site Estimate at No Cost
We visit the property, assess the space, discuss material options, and provide a written quote — completely free with no commitment required.
What Is Included in the Free Estimate
Our free on-site estimate covers everything you need to make an informed decision about your project:
- An in-person visit to assess the space and take measurements
- A walkthrough of material options — pressure-treated, composite, hardwood, and more
- A clear written quote itemizing labor and materials
- Honest answers to your questions about permits, timeline, and maintenance
Services We Estimate
S&V Property Solutions handles a wide range of outdoor and structural projects throughout the Tampa Bay area. We provide free estimates for:
- New deck construction — ground-level, elevated, and multi-level designs
- Deck repair and restoration — boards, railings, structural posts, and ledgers
- Deck replacement — full tear-down and rebuild with material upgrades
- Pergolas and shade structures — freestanding or attached to the home
- Dock building for waterfront properties
- Fencing, concrete, pavers, and general exterior improvements
