/* Calculator Styles */

body.mortgage-calculator .mortgage_content_wrapper .page_header {
    /* text-align: center; */
    /* padding: 0 265px; */
}

.mortgage_content_wrapper .page_header {
    text-align: start;
    padding: 0;
}

.mortgage_content_wrapper .page_header h2 {
    margin-bottom: 33px;
}

/* .mortgage_content_wrapper .page_header p {
    text-align: right;
} */

.mortgage_content_wrapper .page_header>* {
    font-family: "Titillium Web";
}

.mortgage_content_wrapper .page_header h2 {
    font-size: 65px;
    text-transform: capitalize;
}

.mortgage_content_wrapper .page_header p {
    color: #043f71;
    font-size: 18px;
    font-style: normal;
}

.mortgage-template .inner-banner-section:after {
    display: none;
}

.calculator_wrap .fakechart {
    color: #043f71;
    text-align: center;
    font-family: "Titillium Web";
    font-size: 95px;
    font-weight: 700;
    margin: 50px;
}

.calculatorbox span.input-group-text {
    background: #7dd3db;
    margin: 0;
    border-radius: 0 5px 5px 0;
}

.calculatorbox span.input-group-text.left {
    border-radius: 5px 0 0 5px;
}

.calculator_wrap input[type="text"] {
    border-radius: 0px 5px 5px 0px;
    background: #ebf1ff;
    margin: 0;
}

.calculatorbox .row>* {
    padding: 0;
}

.calculatorbox .row .col-sm-6 {
    padding: 5px;
    padding-left: 0;
}

.calculatorbox .input-group {
    margin-bottom: 15px;
}

.calculatorbox label {
    color: #043f71;
    font-family: "Titillium Web";
    font-size: 15px;
}

.calculatorbox {
    border-radius: 16px;
    border: 1px solid #043f71;
    background: #fff;
    padding: 75px 50px;
}

.calculatorbox input.btn.btn-success {
    border-radius: 5px;
    background: #043f71;
    min-width: 100%;
    border: none;
}

div#chartcanvas {
    width: 450px;
    margin: 20px auto;
}

.col-md-6.calculator_wrapper {
    padding-right: 25px;
}

.result_wrap {
    border-radius: 16px;
    border: 1px solid #000;
    min-height: 100%;
    padding: 75px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.col-md-6.result_box {
    padding-left: 25px;
}

.calculator_wrap {
    margin: 55px 0;
    margin-top: 0;
}

.calculator_wrap .nice-select {
    line-height: 25px;
}

.calculator_wrap p:first-child {
    color: #043f71;
    padding-left: 15px;
}

.row.data_wrapper .col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.row.data_wrapper .font18 {
    color: #043f71;
    font-family: "Titillium Web";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.padleftright20px {
    border: 1px solid #b9b9b9;
    background: #e4f9fb;
    padding: 11px 0;
}

.result_wrap .text-right {
    text-align: end;
    color: #043f71;
    font-weight: 600;
    font-size: 18px;
}

.row.data_wrapper .font18 strong {
    color: #043f71;
}

.loanAmountmsg {
    color: #dc3545;
}

.mortgage_rate_container img {
    width: 100%;
}

body.mortgage-calculator .mortgage_content_wrapper .page_header p {
    /* text-align: center; */
}

.mortgage_calculator_sec .mortgage_rate_container p {
    color: #043f71;
    text-align: justify;
    font-family: "Titillium Web";
    font-size: 18px;
    font-weight: 400;
    text-align: start !important;
}

.mortgage_calculator_sec .mortgage_rate_container h2 {
    color: #043f71;
    text-align: center;
    font-family: "Titillium Web";
    font-size: 65px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 20px;
}

.calc_help_outer {
    border-radius: 16px;
    border: 1px solid #3f3e5e;
    padding: 15px;
    margin: 70px 0;
    background-color: #7dd3db;
}

.calc_help_outer .help_desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.calc_help_outer .help_desc h3 {
    font-size: 30px;
}

.calc_help_outer .help_desc p {
    color: #043f71;
}

.calc_help_outer .help_cta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.calc_help_outer .help_cta a {
    border-radius: 1000px;
    background: #043f71;
    color: #fff;
    padding: 15px 72px;
    font-size: 20px;
}

.other_calc_inner {
    text-align: center;
    margin: 35px 0;
}

section.disclaimer_sec {
    margin: 80px 0;
    /* margin-bottom: 80px; */
}

.disclaimer_inner {
    padding-top: 30px;
    border-top: 1px solid #000;
}

.disclaimer_inner p a {
    text-decoration: none;
}

/*  interest-only-mortgage-calculator   */

.interest-only-mortgage-calculator .calculatorbox .row {
    display: flex;
    flex-direction: column;
}

.interest-only-mortgage-calculator .calculatorbox {
    padding: 35px;
}

.interest-only-mortgage-calculator .calculator_wrap {
    margin: 0 auto;
    max-width: 50%;
}

.interest-only-mortgage-calculator .calculatorbox .row [class^="col"] {
    width: auto;
}

/* principal-payback-milestone-calculator */

.principal-payback-milestone-calculator .calculatorbox {
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    background: #dcf0f2;
    border: none;
}

.principal-payback-milestone-calculator .calculatorbox input {
    border-radius: 0 !important;
}

.principal-payback-milestone-calculator .calculatorbox span {
    border-radius: 0 !important;
}

.principal-payback-milestone-calculator .calculator_wrap input[type="text"] {
    background: #fff;
}

.calculator_wrap table.table thead th {
    background: #7dd3db;
    border: 1px solid #b9b9b9;
}

.calculator_wrap table.table {
    border: 1px solid #b9b9b9;
}

.calculator_wrap table.table tbody td {
    border: 1px solid #b9b9b9;
    color: #043f71;
}

.calculator_wrap table.table tbody {
    background: #fff;
}

.calculator_wrap .col-md-8.data {
    padding-left: 25px;
}

/* borrowing-capacity-calculator */

.borrowing-capacity-calculator .calculator_wrap .row {
    display: flex;
    flex-direction: column;
}

.borrowing-capacity-calculator .calculator_wrap .row>* {
    width: auto;
}

.borrowing-capacity-calculator .calculator_wrap .row p {
    padding: 0;
}

.borrowing-capacity-calculator .calculator_wrap .borrow_select_wrap .col-6:first-child {
    flex: 1;
    padding-right: 5%;
}

.borrowing-capacity-calculator .calculator_wrap .borrow_select_wrap {
    display: flex;
}

.borrowing-capacity-calculator .calculator_wrap .borrow_select_wrap .nice-select {
    width: 100%;
    border-radius: 0;
}

.borrowing-capacity-calculator .calculator_wrap {
    max-width: 650px;
    margin: 0 auto;
}

.borrowing-capacity-calculator .calculator_wrap .row {
    background: #fff;
}

.borrowing-capacity-calculator .calculator_wrap .row input {
    border-radius: 0;
    background: #fff;
}

.borrowing-capacity-calculator .calculator_wrap span.input-group-text {
    border-radius: 0;
    background: #7dd3db;
}

.borrowing-capacity-calculator .calculator_wrap .borrow_select_wrap .col-6:last-child {
    flex-grow: 0.1;
}

.borrowing-capacity-calculator .calculator_wrap .row input[readonly] {
    background: #f3fbe8;
}

.borrowing-capacity-calculator .mortgage_content_wrapper .page_header p {
    text-align: justify;
}