body { color:#000; font-family:Roboto; }
:root { --main-color:#FBC502; --main-color-1:#BD1A22; }
a, i, button { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }

header { left:0; padding:48px 0; position:absolute; right:0; top:0; }
header .col-lg-7 { text-align:right; }
.logo img { width:280px; }
header h2 { color:#242424; display:inline-block; font-size:18px; font-weight:700; margin:0; text-align:right; text-transform:uppercase; vertical-align:top; }
header h2 a { color:var(--main-color-1); display:block; font-size:30px; }
header h2:hover a, footer p a:hover, .repair-sec li strong, .repair-sec li::marker { color:var(--main-color); }
.sch-btn, .form-box .gform_footer input { background-color:var(--main-color); border:none; color:#242424; display:inline-block; font-size:18px; font-weight:700; margin:0 0 0 22px; padding:12px 18px; text-transform:uppercase; }
.sch-btn img { padding-right:3px; vertical-align:sub; }
.sch-btn:hover, .form-box .gform_footer input:hover { background-color:#000; color:#fff; }

.main { background-color:var(--main-color); background-image:url(https://sinclairehomeservices.com/wp-content/uploads/2024/10/shs-plumbingrepairlp-scaled.webp); background-position:top right; background-size:cover; padding:170px 0 275px; }
.main h1 { color:#242424; font-size:60px; font-weight:900; margin:0 0 22px; }
.main h1 strong { display:block; font-size:45px; padding-left:45px; }
.main h1 strong b { font-size:37px; font-weight:400; }
.main h2 { color:#242424; font-size:24px; font-weight:700; margin:0; }
.main h2 strong, footer h2:hover a { color:var(--main-color-1); }

.form-sec { background-color:#231F20; }
.form-box { background-color:var(--main-color-1); height:100%; padding:35px 48px 48px; }
.form-box h2, .running-sec h2 { color:var(--main-color); font-size:30px; font-weight:700; margin:0; }
.form-box h2 strong, .running-sec h2 strong { display:block; font-size:45px; font-weight:900; }
.form-box p, .running-sec p { color:#fff; font-size:12px; opacity:0.5; margin:20px 0 26px; }
.form-box legend { color:#fff !important; font-size:18px !important; font-weight:normal !important; }
.form-box .gfield_checkbox .gchoice label, .form-box .gform_wrapper.gravity-theme .gform_validation_errors h2, .running-sec h2 { color:#fff !important; }
.form-box .gfield_checkbox .gchoice { align-items:center; color:#fff; display:flex; gap:12px; margin:0 0 5px; }
.form-box .gform_footer { margin:0 !important; padding:0 !important; }
.form-box .gform_footer input { line-height:normal !important; margin:0 !important; min-height:unset !important; padding:12px 28px; }
.form-box form .large { background-color:#fff !important; border:none !important; border-radius:0; color:#000; font-size:18px !important; outline:none; margin:0 0 3px !important; padding:6px 14px !important; width:100% !important; }
.form-box form .large:focus::placeholder { color:transparent; }
.form-box .validation_message { background-color:transparent !important; border:none !important; color:#fff !important; font-size:12px !important; font-weight:normal !important; margin:0 !important; padding:0 !important; }
.form-box .gform_wrapper.gravity-theme .gform_validation_errors { background-color:transparent !important; border:none !important; box-shadow:none !important; margin:0 0 18px !important; padding:0 !important; }
.form-box .gform_wrapper.gravity-theme .gform_validation_errors span, .form-box .gform_heading { display:none !important; }
.form-box .gform-footer input { margin:12px 0 0 !important; }
.review-box h3 { color:#fff; font-size:22px; font-weight:700; line-height:1.4; margin:0 0 18px; }
.review-box h4 { color:var(--main-color); display:flex; font-size:20px; font-weight:700; justify-content:space-between; margin:65px 5px 0 0; }
.review-box h4 img { margin:-35px 0 0; width:130px !important; }
.review-box p { color:#fff; font-size:18px; line-height:1.6; margin:0 0 14px; }
.form-sec .owl-dots { align-items:center; display:flex; gap:12px; }
.form-sec .owl-dots button { background-color:#7d7b7c !important; border-radius:100%; height:14px; width:14px; }
.form-sec .owl-dots button.active { background-color:#d9d9d9 !important; }

.why-sec { padding:70px 0 60px; }
.why-sec .col-lg-6 { margin:0 0 50px; }
.why-sec h2 { color:#242424; font-size:35px; font-weight:900; line-height:1.4; margin:0 12px 65px; text-align:center; }
.why-sec h2 strong { color:var(--main-color-1); display:block; }
.why-sec img { float:left; }
.why-sec p { color:#242424; font-size:18px; line-height:1.5; margin:0 0 0 98px; }
.why-sec p strong { color:var(--main-color-1); display:block; font-size:24px; font-weight:900; padding:0 0 8px; }

.repair-sec { background-color:#231F20; padding:0 0 35px; }
.repair-sec img { margin:-38px 0 0; }
.repair-sec h2 { color:var(--main-color); font-size:30px; font-weight:700; margin:55px 0 38px; }
.repair-sec p, .repair-sec li { color:#fff; font-size:18px; line-height:1.5; margin:20px 0; }
.repair-sec li { list-style:disc; margin:0 0 10px 28px; }

.running-sec { background-color:#C20C13; padding:45px 12px; text-align:center; }
.running-sec h3 { color:#fff; font-size:24px; font-weight:normal; margin:0 0 15px; }

footer { background-color:#2C2C2C; padding:35px 0 0; text-align:center; }
footer img { display:block; margin:0 auto 12px; width:320px; }
footer h2 { color:#fff; display:inline-block; font-size:18px; font-weight:700; margin:0; text-transform:uppercase; }
footer h2 a { color:var(--main-color); display:block; font-size:30px; padding:5px 0 0; }
footer p { background-color:#000; color:#aaa; font-size:15px; margin:50px 0 0; padding:15px; }
footer p a { color:#c02328; }

@media (min-width:320px) and (max-width:767.98px){
.row { flex-direction:unset !important; }
header { padding:25px 0; }	
header .col-lg-5 { width:77%; }
header .col-lg-7 { width:23%; }
.main { background-image:url(https://sinclairehomeservices.com/wp-content/uploads/2024/10/shs-plumbing-repair-mobile.webp); background-position:top center; padding:120px 0 220px; }
.main h1 { font-size:50px; }
.main h1 strong { font-size:30px; padding:0; }
.main h1 strong b { display:block; font-size:24px; }
.main h2 strong { display:block; padding:5px 0 0; }	
.form-box {	padding:25px 20px; }
.form-box .gform-footer input { padding:10px !important; font-size:16px; }	
.form-sec .container { max-width:100%; width:100%; }
.form-sec .col-lg-5 { padding:0; }
.form-box form .large { font-size:16px !important; margin:0 !important; padding:3px 14px !important; }
.form-sec .col-lg-7 { padding:60px 20px; text-align:center; }
.review-box h4 { display:block; margin:40px 0; }
.review-box h4 img { margin:35px auto 0; }
.form-sec .owl-dots { justify-content:center; }
footer p { font-size:12.5px; }	
}

@media (min-width:320px) and (max-width:991.98px){
header h2, header h2 a { font-size:0; }
header .sch-btn { display:none; }
}

@media (min-width:768px){
.form-sec .col-lg-5 { margin:-220px 0 0; }
.form-sec .col-lg-7 { margin:60px 0; }	
.form-sec .owl-dots { margin:-50px 0 0; }
}

@media (min-width:768px) and (max-width:991.98px){
.main h1 { font-size:48px; }
.main h1 strong, .form-box h2 strong { font-size:35px; }
.main h1 strong b { font-size:28px; }
.main h2, .form-box h2 { font-size:22px; }
.form-box {	padding:25px 20px 40px; }	
}

@media (min-width:992px){	
header h2 img { display:none; }
}

@media (min-width:1200px){
.form-sec .col-lg-7 { padding-left:80px; }
.repair-sec .col-lg-6:first-child { padding-right:70px; }	
}