*,:after,:before{box-sizing:border-box}:root{--bg-dark:#01303f;--bg-mid:#0b668e;--brand:#0094c9;--accent:#ffd72b;--text:#fff;--muted:#7c8c97;--gap-xl:32px;--gap-lg:24px;--gap-md:16px;--gap-sm:10px}body,html{overflow-x:hidden}body{color:var(--text);font-family:Poppins,sans-serif}body,ul{margin:0}ul{list-style:none;padding:0}p{margin:0;padding:0 0 1.4rem}canvas,img{display:block;height:auto;margin:0 auto;max-width:100%}.calculator{background:linear-gradient(180deg,rgba(1,48,63,.9) 1%,rgba(1,48,63,.9) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/blue%20single%20family%20house%20with%20porch.webp) 50%/cover no-repeat;background-attachment:fixed;min-height:1000px}h1.calc-title{color:var(--text);font-size:clamp(28px,4vw,50px);margin:0;padding:80px 20px 10px;text-align:center}.calculator-container{align-items:start;color:var(--text);display:grid;grid-template-columns:100%;justify-content:center;justify-items:center;margin:0 auto;padding:20px}.detail-input-section .container{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(280px,1fr));margin:0 auto;max-width:1100px;padding:var(--gap-lg)}.input-fields-wrap{text-align:left;width:100%}.input-row{margin:0 0 var(--gap-md);min-height:72px}.input-row .tooltip,.input-row label{align-items:center;display:inline-flex;gap:8px}.placeholder-wrapper.slider-wrapper{display:flex;flex-direction:column;gap:6px}span.slider-label{color:var(--text);display:block;font-size:clamp(16px,1.8vw,18px);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;background:#7c8c97;border-radius:5px;height:20px;outline:none;transition:background .2s ease;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(to bottom,#fff,var(--accent));border:none;border-radius:30%;box-shadow:0 0 4px rgba(0,0,0,.5);cursor:pointer;height:30px;width:20px}input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(to bottom,#fff,var(--brand))}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.tooltip[aria-label]{background:none;border:0;color:#fff;cursor:pointer;height:30px;min-width:30px;padding:0;position:relative}.tooltip[aria-label]:before{background:#fff;border-left:3px solid var(--brand);border-radius:5px;bottom:30px;box-shadow:1px 2px 6px rgba(0,0,0,.3);color:#000;content:attr(aria-label);display:none;left:10px;line-height:1.2;padding:8px 10px;position:absolute;width:220px;z-index:5000}.tooltip[aria-label]:focus:before,.tooltip[aria-label]:hover:before{display:block}.detail-result-section .result-content .container{margin:0 auto;max-width:1100px;padding:0 var(--gap-lg) var(--gap-xl)}.detail-result-wrap{padding:50px var(--gap-lg)}.detail-result-wrap .tab-list{align-items:center;display:flex;justify-content:center;padding:40px 0 0}.detail-result-wrap .tab-list>.tab-list-inner{border:2px solid var(--accent);border-radius:40px;display:inline-flex;flex-wrap:wrap;overflow:hidden;transition:border-color .2s ease}.detail-result-wrap .tab-list>.tab-list-inner:hover{border-color:var(--brand)}.detail-result-wrap .tab-list a{color:var(--text);display:block;font-size:clamp(16px,1.8vw,18px);font-weight:600;padding:6px 26px;text-decoration:none;text-transform:capitalize;user-select:none}.detail-result-wrap .tab-list a.active{background:var(--accent);color:var(--bg-dark)}.detail-result-wrap .tab-list a.active:hover{background:var(--brand);color:var(--bg-dark)}.tab_heading{padding:0 0 var(--gap-lg);text-align:center}.tab_heading h2{font-size:clamp(22px,3vw,34px);font-weight:600;margin:0 0 6px}.tab_heading span{color:var(--text)}.detail-result-wrap .canvas-wrapper{align-items:center;display:grid;gap:var(--gap-lg);grid-template-columns:minmax(260px,35%) 1fr}.detail-result-wrap .canvas-wrapper .left-size{max-width:none;width:auto}.detail-result-wrap .canvas-wrapper .left-size canvas{height:auto!important;margin:0 auto;max-width:420px;width:100%!important}.detail-result-wrap .canvas-list ul{margin:0;padding:0}.detail-result-wrap .canvas-list ul li{align-items:baseline;color:#fff;column-gap:8px;display:grid;font-size:clamp(18px,2.4vw,24px);font-weight:600;grid-template-columns:1fr auto;line-height:1.35;margin:8px 0;padding:0 4px}.detail-result-wrap .canvas-list ul li:nth-child(3){margin-bottom:18px;padding:10px 4px 0;position:relative}.detail-result-wrap .canvas-list ul li:nth-child(3):after{border-bottom:3px solid #fff;bottom:-14px;content:"";left:0;position:absolute;right:0}.canvas_data ul{margin:0 auto;max-width:660px}.canvas_data ul li{position:relative}.canvas_data ul li+li{margin-top:24px}.canvas_data ul li .li-row{align-items:baseline;column-gap:10px;display:grid;grid-template-columns:1fr auto}.canvas_data .left-text,.canvas_data .li-row>span{color:#fff;font-size:clamp(16px,2vw,18px)}.canvas_data .li-row>span{text-align:right;white-space:nowrap}.canvas_data ul li .li-row:first-child strong.left-text{font-weight:600}.canvas_data ul li.last{border-top:1px solid #fff;display:grid;gap:10px;grid-template-columns:1fr auto;padding:20px 0 0}.canvas_data ul li.last h4{color:#fff;font-size:clamp(16px,2.2vw,18px);font-weight:600;margin:0}.canvas_data ul li.last span{color:#fff;font-weight:600}li .tooltip{color:#fff;display:inline;position:relative}li .tooltip>i.fa{cursor:pointer;user-select:none}li .tooltip .tip{background:#fff;border-left:2px solid var(--bg-mid);border-radius:5px;bottom:100%;box-shadow:0 0 7px rgba(0,0,0,.17);color:#000;font-size:13px;font-weight:400;left:50%;line-height:1.5;margin-bottom:10px;opacity:0;padding:12px;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;width:240px}li .tooltip:hover .tip{margin-bottom:4px;opacity:1;visibility:visible}.results-about{background:var(--bg-dark);color:#fff;padding:30px var(--gap-xl)}.results-about h5{font-size:clamp(20px,2.2vw,24px);margin:0 auto var(--gap-md);max-width:1300px}.results-about p{font-size:clamp(16px,1.9vw,18px);line-height:1.5;margin:0 auto;max-width:1300px;padding:0 0 1.4rem}.results-about p.results-disclaimer{font-size:12px}.title-image-container{display:block;margin:0 auto;padding:0 var(--gap-xl);text-align:center}.pmt-education{margin:0 auto;max-width:1300px}.title-image-container h6.calc-title{color:var(--bg-dark);font-size:clamp(28px,4vw,50px);margin:0;padding-top:50px;text-align:center}.questionMark img{display:block;margin:0 auto;max-width:1300px;padding:0 50px;text-align:center}.title-image-container p{color:#01303f;font-size:18px;line-height:1.5;text-align:left}.title-image-container a{color:var(--bg-mid);font-weight:600;text-decoration:none}.blog-section{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);margin:0 auto 60px;max-width:1300px;padding:0 var(--gap-xl)}.blog-section a{text-decoration:none}.blog-section h6{margin:0;text-align:left}.blog1,.blog2,.blog3{align-items:end;display:grid;justify-content:center;padding:20px}.blog1 h6,.blog2 h6,.blog3 h6{font-size:25px;margin:0;padding:20px}.blog-link1,.blog-link2,.blog-link3{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-dark) 99%);background-size:cover;border-radius:40px;color:#fff;display:grid;font-size:24px;font-weight:700;grid-template-rows:1fr auto;height:350px;text-align:center;text-decoration:none;width:100%}.blog-link1{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-dark) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/13-Questions-Blog-Thumbnail.jpg)}.blog-link2{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-dark) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/homebuyer%20roadmap.webp)}.blog-link3{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-dark) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/benefits%20of%20homeownership.webp)}a.blog-link1:hover{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-mid) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/13-Questions-Blog-Thumbnail.jpg);color:var(--accent);scale:1.025}a.blog-link2:hover{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-mid) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/homebuyer%20roadmap.webp);color:var(--accent);scale:1.025}a.blog-link3:hover{background-image:linear-gradient(to bottom,transparent 1%,var(--bg-mid) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/benefits%20of%20homeownership.webp);color:var(--accent);scale:1.025}@media (max-width:1400px){.blog-link1,.blog-link2,.blog-link3{height:250px}}@media (max-width:991px){.blog-section{grid-template-columns:1fr 1fr;margin:0 auto 100px;padding:20px}}@media (max-width:900px){.detail-input-section .container,.detail-result-wrap .canvas-wrapper{gap:var(--gap-md);grid-template-columns:1fr}.calculator{background-attachment:scroll}}@media (max-width:767px){.blog-section{grid-template-columns:1fr;margin:0 auto 100px;text-align:center}.title-image-container h6.calc-title{padding:20px}}@media (max-width:550px){.tab_heading h2{font-size:clamp(20px,6vw,24px)}.tab_heading span{display:block;font-size:16px;line-height:1.6}.detail-result-wrap .canvas-list ul li{font-size:18px;line-height:28px}.tooltip[aria-label]:before{max-height:150px;position:relative}li .tooltip .tip{left:50vw;transform:translateX(-50%)}}@media (max-width:460px){.detail-result-wrap{padding:30px var(--gap-md)}.detail-result-wrap .canvas-list ul li{margin:6px 0}}