.hero-section {position:relative;background:url('/pictures/pages/294/banner-residential.jpg') center no-repeat;background-size:cover;color:#fff;text-align:center;padding:30px 20px;}
.hero-overlay {position:absolute; top:0; left:0; width:100%; height:100%;}
.hero-content {position:relative;}
.hero-content h1 {margin:0 0 10px 0; text-align:center; color:#fff; text-transform:capitalize;}
.hero-content h1 span {color:#facb01;}
.hero-content p {font-size:20px; max-width:760px; margin:0 auto; font-weight:900;}
.carea h2 {font-weight:700;color:#11273f;margin:0 0 25px 0;}
.carea h2.section-title {text-align:center; font-size:26px; margin:40px 0 30px 0;}
.carea h2.section-title span {background-color:#facb01; padding:0 6px; color:#0f172a;}
.features-list {list-style:none; padding:0; margin:0 0 45px 0;}
.features-list li {position:relative; padding-left:24px; margin-bottom:20px; color:#334155;}
.features-list li::before {content:''; position:absolute; left:0; top:6px; width:8px; height:8px; background-color:#f59e0b;}
.features-list strong {color:#11273f;font-weight:700;}
.services-grid {display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; margin:30px 0 50px 0; text-align:center;}
.service-item {display:flex; flex-direction:column; align-items:center; gap:10px;}
.service-item img {width:170px;height:100px;object-fit:contain;}
.service-item span {font-size:13px;font-weight:700;color:#11273f;line-height:1.2;}
.action-grid {display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
.row-testimonials {width:100%;/* margin-top:60px; */min-height:260px;}
.ttext {display:flex;flex-direction:column;gap:12px;padding-right:15px;text-align:left;}
.rating img {height:18px; width:auto; display:block;}
.ttext .text {font-style:italic;font-size:16px;color:#11273f;line-height:1.5;display:block;font-weight:normal;}
.author-date {/* display:flex; *//* align-items:center; */gap:8px;font-size:16px;font-weight:700;color:#11273f !important;}
.author-date span {color:#11273f;}
.author-date .sep {/* width:1px; */height:12px;/* background-color:#cbd5e1; *//* clear:both; *//* display:block; */}
.author-date .rating {clear:both;float:left;}
.author-date .date {color:#64748b; font-weight:400;}
.form-column h3, .row-testimonials h3 {font-size:24px;font-weight:700;color:#11273f;text-align:center;margin:0 0 20px 0;line-height:1.2;}
form.form {display:flex; flex-wrap:wrap; gap:12px;}
.frmbfield {width:100%; display:flex; flex-direction:column;}
.frmbfield label {/* display:none; */}
.frmbfield input[type="text"], .frmbfield select {width:100%; padding:10px 14px; background-color:#c6c6c6; border:1px solid #c6c6c6; border-radius:3px; font-size:14px; color:#000; outline:none; box-sizing:border-box;}
.frmbfield input::placeholder {font-style:italic; color:#64748b;}
.frmbfield select {font-style:italic;color:#000;appearance:none;background-image:url("/pictures/pages/294/down.png");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:30px;}
.F2QQuestion3 {width:calc(40% - 6px);}
.F2QQuestion4 {width:calc(60% - 6px);}
.submit {align-self:flex-start;background-color:#facb01;color:#0f172a;border:none;padding:10px 16px;font-weight:800;border-radius:3px;cursor:pointer;letter-spacing:0.5px;margin-top:5px;text-transform:uppercase;width:100%;}
.clears, .clear {display:none;}

.res940 .hero-content h1 {font-size:32px;}

.res720 .services-grid {grid-template-columns:repeat(5, 1fr);}
.res720 .action-grid {grid-template-columns:1fr; gap:30px;}
.res720 .hero-content h1 {font-size:26px;}
.res720 .hero-content p {font-size:16px;}

.res480 .services-grid {grid-template-columns:repeat(3, 1fr);gap:45px;}
.res480 .F2QQuestion3, .res480 .F2QQuestion4 {width:100%;}
.res480 .submit {width:100%;}
.res480 .action-grid {grid-template-columns:1fr; gap:30px;}
.res480 .hero-content h1 {font-size:26px;}
.res480 .hero-content p {font-size:16px;}

.res320 .services-grid {grid-template-columns:1fr;}
.res320 .action-grid {grid-template-columns:1fr; gap:40px;}
.res320 .hero-content h1 {font-size:22px;}
.res320 .hero-content p {font-size:15px;}
.res320 .form-column h3 {font-size:19px;}
.res320 .service-item img {width:120px;}
.res320 .service-item {display:flex;flex-direction:column;align-items:center;gap:10px;}