*,: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}.calculator .details-section.refin-calc-section .input-fields-wrap>h2,.calculator .details-section.refin-calc-section .right-col>h2{color:#fff;font-size:clamp(20px,1.9vw,22px);font-weight:600;line-height:1.35;margin:12px 0 8px}.details-section.refin-calc-section .right-col>h2:first-child{margin-top:0}.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);text-align:center}.top-result-row{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(280px,1fr));margin:0 auto var(--gap-xl);width:100%}.top-result-row .morgage-payment,.top-result-row .new-morgage-payment{background:rgba(0,148,201,.12);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.12);padding:16px 18px}.top-result-row .morgage-payment .title-row ul,.top-result-row .new-morgage-payment .title-row ul{border-bottom:2px solid rgba(124,140,151,.5);margin-bottom:10px;padding-bottom:10px}.refin-calc-section .top-result-row ul{align-items:baseline;column-gap:8px;display:grid;grid-template-columns:1fr auto;margin:0;row-gap:8px}.top-result-row .morgage-payment ul,.top-result-row .new-morgage-payment ul{grid-template-columns:minmax(140px,1fr) auto}.top-result-row ul li:first-child{color:#fff;font-weight:600}.top-result-row ul li:last-child{color:#fff;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.top-result-row .morgage-payment .content-row ul+ul,.top-result-row .new-morgage-payment .content-row ul+ul{border-top:1px solid hsla(0,0%,100%,.12);margin-top:10px;padding-top:10px}.detail-result-section .result-content .container .detail-result-wrap .top-result-row .morgage-payment .title-row ul li h3,.detail-result-section .result-content .container .detail-result-wrap .top-result-row .new-morgage-payment .title-row ul li h3{color:#fff;font-size:clamp(18px,2.2vw,22px)!important;font-weight:700!important;margin:0}.detail-result-section .result-content .container .detail-result-wrap .top-result-row .morgage-payment .content-row ul li,.detail-result-section .result-content .container .detail-result-wrap .top-result-row .new-morgage-payment .content-row ul li{color:#fff;font-size:clamp(18px,2.2vw,22px)!important;font-weight:600!important}.top-result-row .morgage-payment .content-row ul li:last-child,.top-result-row .new-morgage-payment .content-row ul li:last-child{font-weight:700}.refin-calc-section .top-result-row .content-row ul{margin-bottom:5px}.detail-result-section .result-content .container .detail-result-wrap .top-result-row .morgage-payment .content-row ul,.detail-result-section .result-content .container .detail-result-wrap .top-result-row .morgage-payment .title-row ul{align-items:baseline;column-gap:8px;display:grid;grid-template-columns:minmax(140px,1fr) auto}.top-result-row .morgage-payment .content-row ul,.top-result-row .morgage-payment .title-row ul,.top-result-row .new-morgage-payment .content-row ul,.top-result-row .new-morgage-payment .title-row ul{align-items:baseline;column-gap:8px;display:grid;grid-template-columns:minmax(160px,1fr) auto}.top-result-row .morgage-payment ul li:first-child,.top-result-row .new-morgage-payment ul li:first-child{color:#fff;font-weight:600;padding:0;text-align:left}.top-result-row .morgage-payment ul li:last-child,.top-result-row .new-morgage-payment ul li:last-child{color:#fff;font-variant-numeric:tabular-nums;font-weight:700;text-align:right;white-space:nowrap}.btm-result-row{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(3,minmax(220px,1fr));margin:0 auto;max-width:1000px;width:100%}.btm-result-row .result-box{align-items:center;background-color:rgba(0,148,201,.85);border-radius:20px;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.btm-result-row .result-box span{color:#fff;display:block;font-size:clamp(16px,2vw,18px);font-weight:600}.detail-result-section .btm-result-row .result-box .sameheight{display:flex;flex-direction:column;gap:12px;width:100%}.detail-result-section .btm-result-row .result-box .display-only{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);border-radius:10px;color:var(--bg-dark);font-size:clamp(16px,2vw,18px);font-weight:600;padding:10px 14px;pointer-events:none;text-align:center}.detail-result-section .btm-result-row .result-box .display-only:focus{box-shadow:none;outline:none}.result-content table{border-collapse:collapse;margin:0 auto;max-width:1030px;width:100%}.result-content thead th{color:var(--brand);font-size:clamp(20px,2.6vw,30px);line-height:1.25;padding:0 0 10px;text-align:left}.result-content tbody td{font-size:clamp(16px,2.2vw,20px);font-weight:600;line-height:1.5;padding:6px 0}.result-content tbody td+td,.result-content thead th+th{text-align:right!important}.results-about-container{background:var(--bg-dark);color:#fff;padding:30px var(--gap-xl)}.results-about{margin:0 auto;max-width:1300px}.results-about h4{font-size:clamp(20px,2.2vw,24px);margin:0 0 var(--gap-md)}.results-about p{font-size:clamp(16px,1.9vw,18px);line-height:1.5}.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 h5.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{gap:var(--gap-md);grid-template-columns:1fr}.top-result-row{grid-template-columns:1fr}.calculator{background-attachment:scroll}@media (max-width:900px){.top-result-row .morgage-payment,.top-result-row .new-morgage-payment{padding:14px 16px}}}@media (max-width:767px){.blog-section{grid-template-columns:1fr;margin:0 auto 100px;text-align:center}.title-image-container h5.calc-title{padding:20px}}@media (max-width:700px){.btm-result-row{grid-template-columns:1fr}}@media (max-width:575px){.tooltip[aria-label]:before{max-height:150px;position:relative}}@media (max-width:460px){.detail-result-section .result-content .container{padding-bottom:var(--gap-lg)}}