mortgage-calculator-package/dist/styles.css

A simple, embeddable mortgage calculator that dynamically generates an interactive and styled calculator widget. It allows users to input mortgage amount, interest rate, amortization period, and payment frequency, and calculates the monthly payment based

@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,200;0,400;0,600;0,800;1,200;1,400;1,600;1,800&display=swap);
body{margin:0}.mortgage-calculator{margin:2rem auto;font-family:"Poppins",serif;max-width:80vw;border-radius:15px;border:1px solid rgba(35,38,55,.2);background:hsla(0,0%,100%,.04)}@media(max-width: 991px){.mortgage-calculator{margin:1rem auto;width:90vw;max-width:unset;border-radius:8px}}.mortgage-calculator .section-heading{color:#fff;font-family:"DM Sans";font-size:40px;font-style:normal;font-weight:700;line-height:normal;border-radius:15px 15px 0px 0px;background:#1a4383;padding:1rem 1rem 1rem 2rem}@media(max-width: 991px){.mortgage-calculator .section-heading{font-size:28px;padding:.5rem;border-radius:8px 8px 0px 0px}}.mortgage-calculator .tab-layout .tab-headers{display:grid;grid-template-columns:repeat(2, auto);align-items:center}.mortgage-calculator .tab-layout .tab-headers .tab-header{color:rgba(0,0,0,.5);font-family:"DM Sans";font-size:26px;font-style:normal;font-weight:500;line-height:normal;padding:1rem 0;border-bottom:1px solid rgba(35,38,55,.2);text-align:center;cursor:pointer}.mortgage-calculator .tab-layout .tab-headers .tab-header.active{color:#000;font-weight:700;border-bottom:3px solid #000}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-headers .tab-header{font-size:20px;padding:.5rem 0}}.mortgage-calculator .tab-layout .tab-content{display:none;grid-template-columns:3fr 2fr;grid-gap:2rem;padding:2rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content{grid-template-columns:1fr;grid-gap:1rem;padding:1rem}}.mortgage-calculator .tab-layout .tab-content.active{display:grid}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input{display:grid;grid-gap:1rem;margin-bottom:2rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input{grid-gap:.5rem;margin-bottom:1rem}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header.stacked{grid-template-columns:auto;grid-gap:1rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper{display:grid;grid-template-columns:repeat(2, auto);justify-content:start;align-items:center;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper .title{color:#000;font-family:"DM Sans";font-size:24px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper .title{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .mortgage-calculator-info{color:#161819;font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:500;line-height:16px}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .info-icon{cursor:pointer}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector{display:grid;grid-template-columns:repeat(2, auto);align-items:center}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector{color:#1a4383;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal;border-radius:12px 0px 0px 12px;border:1px solid #1a4383;width:75px;text-align:center;padding:.25rem 0;cursor:pointer}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector.active{background:#1a4383;color:#fff}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector:nth-child(2){border-radius:0px 12px 12px 0px}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors{display:grid;grid-template-columns:repeat(3, auto);align-items:center}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector{color:#1a4383;font-family:"DM Sans";font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:12px 0px 0px 12px;border:1px solid #1a4383;width:75px;text-align:center;padding:.25rem 0;cursor:pointer}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector.active{background:#1a4383;color:#fff}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector:nth-child(2){border-top:1px solid #1a4383;border-bottom:1px solid #1a4383;border-left:none;border-right:none;border-radius:0}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector:nth-child(3){border-radius:0px 12px 12px 0px}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.mortgage-calculator-input{border-radius:15px;border:1px solid rgba(35,38,55,.2);background:rgba(95,117,138,.04);padding:2rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields{display:grid;grid-template-columns:2fr 1fr;align-items:stretch;grid-gap:1rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.single-field{grid-template-columns:1fr}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields .field-label{color:#1a4383;font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:600;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field{display:grid;border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fff;box-shadow:0px 8px 20px 0px rgba(57,40,123,.05);padding:1rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector{display:grid;grid-template-columns:repeat(2, auto);align-items:center;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector .selector{color:#1a4383;border-radius:1rem;border:1px solid #1a4383;font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:700;line-height:normal;width:75px;text-align:center;padding:.25rem 0;cursor:pointer}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector .selector.active{background:#1a4383;color:#fff}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field{padding:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field input[type=text]{color:#161819;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:700;line-height:normal;border:none;padding:.5rem;padding-left:0}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field input[type=text]{font-size:16px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper{grid-gap:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper .percentage-value-input{border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fff;box-shadow:0px 8px 20px 0px rgba(57,40,123,.05);padding:.5rem;width:75px;text-align:center}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .range-label{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .range-label span{color:#000;font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field.disabled{pointer-events:none;background:#f0f0f0}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field.disabled input[type=text]{background:#f0f0f0}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown{position:relative}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.inline{display:flex;align-items:stretch}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fff;box-shadow:0px 8px 20px 0px rgba(57,40,123,.05);padding:1rem;cursor:pointer}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field.inline-label{grid-template-rows:auto auto;grid-gap:0;width:100%}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field.inline-label .field-label{grid-column:1/-1}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field{grid-gap:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field span{color:#161819;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field span{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts{position:absolute;top:4rem;border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(12,18,28,.33);z-index:100;max-height:0;overflow-x:hidden;overflow-y:auto;transition:all .15s ease;width:100%}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts.payment-frequency-dd{top:7rem}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts.expanded{max-height:285px}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts{top:3.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt{color:#161819;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;padding:.5rem 1rem;transition:all .15s ease}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt:hover{background-color:#ededed}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.disabled{pointer-events:none}.mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.disabled .dropdown-field{background:#f0f0f0}.mortgage-calculator .tab-layout .tab-content .calculator-results{display:grid;grid-gap:1rem;height:fit-content}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results{grid-gap:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment{border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fff;box-shadow:0px 8px 20px 0px rgba(57,40,123,.05)}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment .label{font-size:20px !important}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment .value{font-size:48px !important}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown{padding:0;border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#f3f5f9}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-label{font-size:20px !important;padding:1.5rem 1.5rem 0 1.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper{grid-template-columns:1fr;margin-top:0}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail{padding:1.5rem;display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container{width:100%;height:.5rem;display:flex;gap:.5rem;overflow:hidden;margin-bottom:.75rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container .breakdown-bar-principal{width:65%;background-color:#4195de}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container .breakdown-bar-interest{width:35%;background-color:#8285dc}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:start;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon{width:14px;height:14px;border-radius:50%}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon.principal,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon.principal{background:#4195de}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon.interest,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon.interest{background:#8285dc}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-name,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-name{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:600;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .value,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .value{color:#000;text-align:right;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:800;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid rgba(35,38,55,.2)}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:600;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment .value{color:#000;text-align:right;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:800;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization{border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fef6eb;padding:1.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper{display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row .value{color:#000;text-align:right;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:800;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.balance .value{color:#d75520}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.duration{grid-template-columns:auto;justify-content:right}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.duration .tag{border-radius:5.205px;border:1.041px solid rgba(114,220,138,.6);background:#ebffef;box-shadow:0px 15.614px 52.047px 0px rgba(57,40,123,.08);padding:.5rem;color:#31d152;font-family:"DM Sans";font-size:13.948px;font-style:normal;font-weight:700;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown{border-radius:12px;border:1px solid rgba(35,38,55,.2);background:#fff;padding:1.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown.total-breakdown,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown.total-breakdown{border:1px solid #95daa8;background:#eafcef}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper{display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .sec-heading,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .sec-heading{color:#000;font-family:"DM Sans";font-size:20px;font-style:normal;font-weight:700;line-height:normal;opacity:.8}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row .label,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row .value,.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row .value{color:#000;text-align:right;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:700;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments{border-radius:12px;border:1px solid #95daa8;background:#eafcef}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .sec-heading{color:#000;text-align:center;font-family:"DM Sans";font-size:20px;font-style:normal;font-weight:700;line-height:normal;opacity:.8;padding:1.5rem;border-bottom:1px solid #95daa8}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper{display:grid;grid-gap:.5rem;padding:1.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row .value{color:#4fa95d;text-align:right;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:700;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved{border-radius:10px;border:1px solid rgba(35,38,55,.2);background:#f9fafc;display:grid;grid-gap:.25rem;justify-content:center;justify-items:center;padding:1rem;margin-top:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved .btn-label{color:#000;text-align:center;font-family:"DM Sans";font-size:14px;font-style:normal;font-weight:500;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved .btn-value{color:#4fa95d;text-align:center;leading-trim:both;text-edge:cap;font-family:"DM Sans";font-size:36px;font-style:normal;font-weight:800;line-height:normal}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment{border-radius:20px;border:1px solid rgba(35,38,55,.2);background:rgba(95,117,138,.1);padding:2rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment{border-radius:14px;padding:1rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment.total-mortgage-payment,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment.total-mortgage-payment{border:none;background:none}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper{display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;align-items:center;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .label{color:#000;font-family:"DM Sans";font-size:26px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .label{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .value{color:#1a4383;font-family:"DM Sans";font-size:47px;font-style:normal;font-weight:800;line-height:normal;padding-top:.5rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .value{font-size:24px;padding-top:.25rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .frequency,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .frequency{color:#000;text-align:center;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .frequency,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .frequency{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center;margin-top:1.5rem;grid-gap:1rem;justify-items:center}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance{margin-top:.75rem;grid-gap:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance{display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value{color:#000;text-align:center;font-family:"DM Sans";font-size:21;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts{border-radius:20px;border:1px solid rgba(35,38,55,.2);background:#fff;padding:2rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts{border-radius:14px;padding:1rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-label{color:#000;font-family:"DM Sans";font-size:26px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-label{font-size:20px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper{display:grid;grid-template-columns:repeat(2, auto);align-items:center;grid-gap:2rem;margin-top:1.5rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper{grid-gap:1rem;margin-top:.75rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal,.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest{display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .label{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .value{color:#000;font-family:"DM Sans";font-size:21px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .value{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test{border-radius:20px;border:1px solid rgba(35,38,55,.2);background:#fff;padding:2rem;display:grid;grid-gap:1rem}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test{border-radius:14px;padding:1rem;grid-gap:.5rem}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-label{color:#000;font-family:"DM Sans";font-size:26px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-label{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper{display:grid;grid-gap:.5rem}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row{display:grid;grid-gap:.25rem}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .label{color:#000;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .label{font-size:14px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .value{color:#000;font-family:"DM Sans";font-size:21px;font-style:normal;font-weight:700;line-height:normal}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .value,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .value{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .calculation-row-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .calculation-row-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .calculation-row-label{color:#000;font-family:"DM Sans";font-size:21px;font-style:normal;font-weight:700;line-height:normal;padding:.5rem 0}@media(max-width: 991px){.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .calculation-row-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .calculation-row-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .calculation-row-label{font-size:18px}}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .range-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .range-label,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .range-label{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between}.mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .range-label span,.mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .range-label span,.mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .range-label span{color:#000;font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.market-trend-videos,.educational-videos,.mortgage-calender{margin:auto;font-family:"Poppins",serif}.market-trend-videos .section-heading,.educational-videos .section-heading,.mortgage-calender .section-heading{width:100%;color:#000;text-align:center;font-family:"DM Sans";font-size:50px;font-style:normal;font-weight:600;line-height:normal;padding:2rem 0}.market-trend-videos .section-heading.sticky,.educational-videos .section-heading.sticky,.mortgage-calender .section-heading.sticky{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0px 2px 5px rgba(0,0,0,.1)}@media(max-width: 991px){.market-trend-videos .section-heading,.educational-videos .section-heading,.mortgage-calender .section-heading{font-size:26px;font-weight:700;padding:1rem;width:auto}}.market-trend-videos .filters,.educational-videos .filters,.mortgage-calender .filters{display:flex;gap:1rem;margin:auto;width:fit-content;padding-bottom:2rem}@media(max-width: 991px){.market-trend-videos .filters,.educational-videos .filters,.mortgage-calender .filters{display:grid;gap:.5rem;margin:0 1rem;width:auto}}.market-trend-videos .filters .filter,.educational-videos .filters .filter,.mortgage-calender .filters .filter{color:#5f758a;text-align:center;font-family:"DM Sans";font-size:14px;font-style:normal;font-weight:600;line-height:15px;padding:1rem;border:1px solid #5f758a;border-radius:10px;cursor:pointer;transition:all .3s ease}.market-trend-videos .filters .filter.selected,.market-trend-videos .filters .filter:hover,.educational-videos .filters .filter.selected,.educational-videos .filters .filter:hover,.mortgage-calender .filters .filter.selected,.mortgage-calender .filters .filter:hover{background-color:#5f758a;color:#fff}.market-trend-videos .videos,.educational-videos .videos,.mortgage-calender .videos{display:grid;grid-template-columns:repeat(3, auto);grid-gap:2rem;padding:0 0 2rem 0;width:fit-content;margin:auto}@media(max-width: 991px){.market-trend-videos .videos,.educational-videos .videos,.mortgage-calender .videos{width:auto;margin:auto;grid-template-columns:1fr;justify-items:center;padding:0 1rem}}.market-trend-videos .videos .video,.educational-videos .videos .video,.mortgage-calender .videos .video{width:350px}@media(max-width: 991px){.market-trend-videos .videos .video,.educational-videos .videos .video,.mortgage-calender .videos .video{width:100%}}.market-trend-videos .videos .video .thumbnail,.educational-videos .videos .video .thumbnail,.mortgage-calender .videos .video .thumbnail{border-radius:.75rem;background:#d9d9d9;background-size:cover;background-position:center;background-repeat:no-repeat;width:350px;height:300px}@media(max-width: 991px){.market-trend-videos .videos .video .thumbnail,.educational-videos .videos .video .thumbnail,.mortgage-calender .videos .video .thumbnail{width:100%}}.market-trend-videos .videos .video .thumbnail .thumbnail-overlay,.educational-videos .videos .video .thumbnail .thumbnail-overlay,.mortgage-calender .videos .video .thumbnail .thumbnail-overlay{width:100%;height:100%;background:rgba(102,101,101,.4);border-radius:.75rem;display:grid;align-items:center;justify-content:center}.market-trend-videos .videos .video .thumbnail .thumbnail-overlay .play-icon,.educational-videos .videos .video .thumbnail .thumbnail-overlay .play-icon,.mortgage-calender .videos .video .thumbnail .thumbnail-overlay .play-icon{display:grid;background-color:#fff;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.market-trend-videos .videos .video .thumbnail .thumbnail-overlay .play-icon:hover,.educational-videos .videos .video .thumbnail .thumbnail-overlay .play-icon:hover,.mortgage-calender .videos .video .thumbnail .thumbnail-overlay .play-icon:hover{background-color:#bababa}.market-trend-videos .videos .video .date,.educational-videos .videos .video .date,.mortgage-calender .videos .video .date{color:#5f758a;font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:500;line-height:30px}@media(max-width: 991px){.market-trend-videos .videos .video .date,.educational-videos .videos .video .date,.mortgage-calender .videos .video .date{font-weight:400}}.market-trend-videos .videos .video .title,.educational-videos .videos .video .title,.mortgage-calender .videos .video .title{color:#000;font-family:"DM Sans";font-size:24px;font-style:normal;font-weight:700;line-height:30px}.market-trend-videos .videos .video .source,.educational-videos .videos .video .source,.mortgage-calender .videos .video .source{color:#5f758a;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:500;line-height:30px}.market-trend-videos .videos .video .source span,.educational-videos .videos .video .source span,.mortgage-calender .videos .video .source span{color:#000}@media(max-width: 991px){.market-trend-videos .videos .video .source,.educational-videos .videos .video .source,.mortgage-calender .videos .video .source{font-size:18px}}.market-trend-videos .calendar-content,.educational-videos .calendar-content,.mortgage-calender .calendar-content{display:grid;grid-template-columns:1fr;width:850px;padding-bottom:1.5rem;margin:1.5rem auto}@media(max-width: 991px){.market-trend-videos .calendar-content,.educational-videos .calendar-content,.mortgage-calender .calendar-content{width:auto;margin:0 1rem}}.market-trend-videos .calendar-content .calendar-header,.educational-videos .calendar-content .calendar-header,.mortgage-calender .calendar-content .calendar-header{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;justify-items:self-end;grid-gap:1rem;padding:1rem;border:1px solid rgba(35,38,55,.2);border-top-left-radius:.5rem;border-top-right-radius:.5rem;visibility:hidden}.market-trend-videos .calendar-content .calendar-header.show,.educational-videos .calendar-content .calendar-header.show,.mortgage-calender .calendar-content .calendar-header.show{visibility:visible}.market-trend-videos .calendar-content .calendar-header.three-col-layout,.educational-videos .calendar-content .calendar-header.three-col-layout,.mortgage-calender .calendar-content .calendar-header.three-col-layout{grid-template-columns:repeat(3, 1fr)}.market-trend-videos .calendar-content .calendar-header .calendar-header-col,.educational-videos .calendar-content .calendar-header .calendar-header-col,.mortgage-calender .calendar-content .calendar-header .calendar-header-col{color:#000;font-family:"DM Sans";font-size:18px;font-style:normal;font-weight:600;line-height:normal}.market-trend-videos .calendar-content .calendar-header .calendar-header-col:first-of-type,.educational-videos .calendar-content .calendar-header .calendar-header-col:first-of-type,.mortgage-calender .calend