html { scroll-behavior: smooth;}
body { color:#000; font-family:Arial; }
a, i, button, .furnace-box, .furnace-box h3, .furnace-box img, .why-box, .why-icon, .why-icon img { 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 { object-fit:cover; }

.main { background-color:#003056; }
.main-box { padding:75px 40px; text-align:center; }
.main h1 { color:#fff; font-size:36px; font-weight:700; margin:0; }
.main h1 span, .cost-sec h2 span, .get-sec h2 span, .area-sec li a:hover, .faq-sec h2 span { color:#bb1f20; }
.main p { color:#fff; font-size:16px; line-height:1.6; margin:15px 0 32px; }
.sch-btn { background-color:#bb1f20; border:none; color:#fff; display:inline-block; font-size:16px; margin:0 0 5px; padding:8px 18px; }
.sch-btn.dd, .why-box:hover { background-color:#00addc; }
.sch-btn:hover, .sch-btn.dd:hover, .brand-sec .sch-btn.dd:hover { background-color:#005bab; color:#fff; }

.logo-sec { background-color:#1d1c1a; padding:15px 0; text-align:center; }
.logo-sec h4 { color:#fff; font-size:20px; line-height:1.3; margin:0 0 18px; }
.logo-sec ul { align-items:center; display:flex; gap:45px; justify-content:center; }
.logo-sec img { width:100%; }

.get-sec, .cost-sec, .blog-sec, .area-sec, .why-sec { padding:70px 0; text-align:center; }
.get-sec h2, .answer-sec h2, .cost-sec h2, .brand-sec h2, .why-sec h2, .area-sec h2, .faq-sec h2, .blog-sec h2 { color:#005bab; font-size:30px; font-weight:600; line-height:1.3; margin:0 0 20px; }
.get-sec p, .cost-sec p, .furnace-box p, .answer-box p, .CTA-sec p, .why-sec p, .area-sec p { color:#1d1c1a; font-size:16px; line-height:1.6; margin:0; }

.answer-sec { background-color:#bb1f20; padding:70px 0; text-align:center; }
.answer-sec .col-lg-2, .answer-sec .col-lg-4, .cost-sec .col-lg-6, .get-sec.dd-1 .col-lg-6 { align-self:center; }
.answer-sec h2 { color:#fff; font-size:36px; margin:0 0 35px; padding:0 0 14px; position:relative; }
.answer-sec h2::before { background-color:#fff; bottom:0; content:''; height:4px; left:0; margin:0 auto; position:absolute; right:0; width:60px; }

.answer-sec .nav-tabs { border-bottom:none; display:flex; flex-wrap:wrap; float:none; gap:5px; height:auto; justify-content:center; line-height:normal; }
.answer-sec .nav-tabs li a { background-color:#fff; border:none; border-radius:0; color:#000; display:inline-block; padding:8px 15px; }
.answer-sec .nav-tabs li a:focus { border:none; }
.answer-sec .nav-tabs li.active a { background-color:#00addc; color:#fff; }
.answer-sec .tab-content { padding:25px 0 0; }
.answer-sec .tab-content p { color:#fff; font-size:16px; line-height:1.6; margin:0; }

.cost-sec .container { margin-bottom:35px; }
.cost-sec h2 { margin:0 8px 45px; }
.cost-sec p { margin:0 0 18px; text-align:left; }

.cost-sec ul { background-image:url(../images/bell.svg) !important; background-repeat:no-repeat; background-size:contain; display:flex; justify-content:space-between; margin:0 0 25px; padding:0 0 27%; }
.cost-sec li { color:#000; font-size:18px; font-weight:600; }
.cost-sec li span { font-weight:normal; }
.cost-sec li:first-child { padding-left:7%; }
.cost-sec li:nth-child(2) { margin:-35px 0 0 3%; }
.cost-sec li:last-child { padding-right:8%; }

.brand-sec { background-color:#00addc; padding:70px 0; text-align:center; }
.brand-sec h2 { color:#fff; margin:0 10px 32px; }
.brand-sec .sch-btn.dd { background-color:#fff; color:#00addc; }

.furnace-sec { background-color:#eff7fc; padding:70px 0; text-align:center; }
.furnace-sec .row, .why-sec .row, .area-sec .row { display:flex; flex-wrap:wrap; }
.furnace-sec .col-lg-4, .CTA-sec p, .process-sec .col-lg-4 { margin:0 0 25px; }
.furnace-sec h2, .CTA-sec h2 { color:#005bab; font-size:28px; font-weight:700; line-height:1.3; margin:0 0 42px; padding:0 0 14px; position:relative; }
.furnace-sec h2::before, .CTA-sec h2::before { background-color:#bb1f20; bottom:0; content:''; height:4px; left:0; margin:0 auto; position:absolute; right:0; width:60px; }
.furnace-box { background-color:#fff; border:1px solid #fff; border-radius:18px; box-shadow:0 0 2px #ddd; height:100%; padding:18px; position:relative; text-align:left; }
.furnace-box:hover { border:1px solid #bb1f20; }
.furnace-box img { filter:invert(0) brightness(0); width:65px; }
.furnace-box:hover img { filter:none; }
.furnace-box h3 { color:#1c1c1c; font-size:20px; font-weight:600; margin:20px 0 10px; text-transform:capitalize; } 
.furnace-box:hover h3 { color:#00addc; }

.get-sec.dd p { margin:0 0 35px; }
.why-box { background-color:#eff7fc; border:2px solid #bb1f20; border-radius:10px; height:100%; padding:0 18px 25px; }
.why-box h3 { color:#000; font-size:24px; font-weight:800; margin:0 0 12px; text-transform:uppercase; }
.why-box:hover h3, .why-box:hover p, .CTA-sec p { color:#fff; }
.why-sec p { margin:0 0 15px; text-align:left; }
.why-sec ul { display:flex; justify-content:space-between; padding:45px 0; }
.why-sec li { color:#003056; font-family:Oswald; font-size:18px; text-transform:uppercase; width:33.33%; }
.why-sec li img { display:block; margin:0 auto 20px; }

.get-sec.dd-1, .faq-sec h2 { text-align:left; }

.CTA-sec { background-attachment:fixed; background-image:url(../images/banner.jpg) !important; background-position:top center; background-size:cover; padding:70px 0; position:relative; text-align:center; z-index:0; }
.CTA-sec::before { background-color:rgba(0,0,0,0.7); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.CTA-sec h2 { color:#fff; font-size:34px; }

.process-icon { align-items:center; border:2px solid #bb1f20; border-radius:50%; display:flex; height:85px; justify-content:center; margin:0 auto; width:85px; }
.process-icon img { width:50px; }
.process-sec h4 { color:#bb1f20; font-size:20px; font-weight:600; line-height:1.3; margin:20px 0 8px; }
.process-box { background-color:#fff; border:2px solid #005bab; border-radius:10px; height:100%; padding:35px 20px; }
.process-sec .process-box p { font-size:16px; margin:0; }

.area-sec ul { column-count:3; margin:0 0 20px; text-align:left; }
.area-sec li { padding:0 0 10px; }
.area-sec li a { color:#000; font-weight:600; }

.faq-sec { background-color:#eff7fc; padding:70px 0; }
.faq-sec .card { border:none; border-radius:30px; margin:0 0 13px; text-align:left; }
.faq-sec .panel-default { border:none; border-radius:30px; }
.faq-sec .card-header { background-color:transparent; border:none; border-radius:0; font-size:17px; padding:0; }
.faq-sec .card-header a { background-color:#fff; border-radius:30px; color:#000; display:block; padding:10px 18px; position:relative; }
.faq-sec .card-header a[aria-expanded="true"] { background-color:#bb1f20; color:#fff; }
/*.faq-sec .card-header a::after { align-items:center; border:2px solid #bb1f20; border-radius:50%; bottom:0; color:var(--main-color); content:"\+"; display:flex; display:flex; font-size:24px; height:35px; justify-content:center; left:6px; margin:auto 0; position:absolute; top:0; width:35px; }*/
.faq-sec .card-header a[aria-expanded="true"]::after { border:2px solid #fff; color:#fff; content:"\×"; }
.faq-sec .card-body { color:#333; font-size:16px; padding:15px 20px 20px; }
.faq-sec select.box { appearance:none; background-image:url(../images/arrow.png) !important; background-position:100% center; background-repeat:no-repeat; background-size:20px; -webkit-appearance:none; }

.in-box { margin:0 0 18px; position:relative; }
.box { background-color:#fff; border:1px solid #ccc; border-radius:30px; color:#333; font-size:15px; height:42px; outline:none; padding:9px 15px; width:100%; }
.box:focus { border:1px solid #00addc; }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:#333; opacity:1; }
.faq-sec form textarea.box { height:auto; }
.faq-sec .sch-btn { margin:0; border-radius:30px; }

.blog-img { margin:0 -18px 20px; position:relative; }
.blog-box .blog-img img { height:230px; }
.blog-img h6 { background-color:#fff; box-shadow:0 0 3px #999; color:#46628a; font-size:15px; left:10px; margin:0; padding:12px 8px; position:absolute; text-align:center; text-transform:uppercase; top:-15px; z-index:1; }
.blog-img h6 span { display:block; font-weight:800; }
.blog-img h6::before { border-bottom:15px solid #bb1f20; border-right:15px solid transparent; content:''; position:absolute; right:-15px; top:0; }
.blog-box { background-color:#eff7fc; margin:30px 0; padding:0 18px 20px; text-align:left; }
.blog-box h4 { color:#000; margin:0; }
.blog-box h5 { color:#00addc; font-size:18px; font-weight:500; margin:0 0 10px; }
.blog-box p { font-size:16px; }
.get-sec .blog-sec p { color:#000; font-size:16px; line-height:1.7; margin:0 0 12px; }
.blog-sec a { color:#bb1f20; display:inline-block; font-weight:700; }
.blog-sec a:hover { color:#005bab; }
.blog-sec .owl-nav button { background-color:#bb1f20 !important; border-radius:50%; color:#fff !important; height:35px; margin:0 5px; width:35px; }
.blog-sec .owl-nav button span { align-items:center; display:flex; font-size:33px; justify-content:center; line-height:0; padding-bottom:6px; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
.main { padding:145px 0 12px; }	
.main h1, .CTA-sec h2 { font-size:26px; }
.main-box { padding:35px 15px; }
.main img { height:320px !important; }
.answer-sec li span { font-size:19px; }
.answer-sec .nav-tabs li a { font-size:14px; padding:7px 12px; }
.cost-sec ul { margin:0 auto 25px; padding:0 0 80px; width:300px; }
.cost-sec li { font-size:13px; margin-top:-7px; }
.logo-sec ul { gap:10px; }
.logo-sec h4 { font-size:17px; }
.get-sec h2, .answer-sec h2, .cost-sec h2, .brand-sec h2, .why-sec h2, .why-box h3, .furnace-sec h2, .faq-sec h2, .blog-sec h2, .area-sec h2 { font-size:20px; line-height:1.4; }
.answer-sec h2 { font-size:24px; margin:0 0 12px; text-align:center; }
.cost-sec img , .get-sec.dd-1 p { margin:0 0 20px; }
.why-sec .col-lg-4, .why-sec .col-lg-8, .why-sec li, .area-sec .col-lg-6 { width:100%; }
.why-sec p { text-align:center; }
.why-sec ul { flex-direction:column; gap:18px; }
.area-sec ul { column-count:2; }
.get-sec.dd-1 .row:nth-child(2) { display:flex; flex-wrap:wrap; padding:35px 0; } 
.get-sec.dd-1 .row:nth-child(2) .col-lg-6:first-child { order:2; }
.faq-sec .card-header { font-size:15px; }
}

@media (min-width:320px) and (max-width:991.98px){	
.answer-sec img, .cost-sec img { margin:0 0 22px; }	
.area-sec iframe { height:300px; }
.faq-sec .col-lg-5 h2 { margin-top:18px; }	
}

@media (min-width:768px){
.main .row, .answer-sec .row, .cost-sec .row, .get-sec.dd-1 .row { display:flex; flex-wrap:wrap; }	
.main .col-xl-4 { padding:0; }	
.main .col-xl-8 { align-self:center; padding:0; }
.get-sec.dd-1 .row:nth-child(2) { padding:50px 0; }
.why-sec .col-lg-4 { align-self:flex-start; }
}

@media (min-width:768px) and (max-width:991.98px){
.main { padding-top:35px; }	
.offset-sm-1 { margin-left:8.33333333%; }	
.main-box { padding:45px 40px; }
.main img { height:320px !important; width:100%; }
}

@media (min-width:992px){
.offset-lg-1 { margin-left:8.33333333%; }
.offset-lg-2 { margin-left:16.66666667%; }
.offset-lg-3 { margin-left:25%; }
}

@media (min-width:1200px){
.main .col-xl-4 { width:33.33333333%; }	
.main .col-xl-8 { width:66.66666667%; }
}

@media (min-width:992px) and (max-width:1199.98px){	
.main img { height:100%; }
.cost-sec li:last-child { padding-right:2%; }
}