.Group {
    /* border: 1px solid green;*/
    width: 250px;
    /*  height: 70px;*/
    /*margin: 5.4px 35.4px 0 0;*/
    margin-left: 10%;
    margin-top: 20px
}

.Overview {
    width: 61px;
    height: 16px;
    flex-grow: 0;
    margin: 8.1px 95.4px 0 0;
    font-family: Inter;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
}

.imageGroupC {
    width: 27.6px;
    height: 35.6px;
    margin: 0 93.5px 7px 74.2px;
    object-fit: contain;
}

.Current-Mortgage {
    width: 90px;
    height: 11px;
    /*  margin: 7px 68.1px 1.5px 48.2px;*/
    margin-bottom: 5px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    justify-content: center;
}


.Interestover {
    width: 100%;
    height: 11px;
    margin-bottom: 5px;
    /*  margin: 7px 68.1px 1.5px 48.2px;*/
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 50px;
}

.Current-MortgageSpan {
    width: 120px;
    height: 27px;
    margin: 1.5px 49px 0.3px 35.4px;
    font-family: Inter;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0070a5;
    display: block;
}

.imageGroupR {
    width: 29.6px;
    height: 33.9px;
    margin: 1.7px 44.8px 7px 85.6px;
    object-fit: contain;
}

.image {
    width: 50px;
    height: 60px;
    margin-left: 28px;
}

.Refinanced-Mortgage {
    width: 96px;
    height: 11px;
    margin: 7px 10.5px 1.5px 53.5px;
    font-family: Inter;
    font-size: 9.2px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--pineapple-jet);
}

.Refinance-MortgageSpan {
    width: 111px;
    height: 27px;
    margin: 1.5px 49px 0.3px 35.4px;
    font-family: Inter;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0070a5;
}



.VectorB {
    width: 0.5px;
    height: 410.3px;
    margin: 0 15.2px 0 21.5px;
    background-color: #ccc;
}





.divider {
    position: absolute;
    left: 25%;
    height: 700px;
    top: 20%;
    border-left: 1px solid;
    color: lightgrey;
}

.currenmortgage {
    width: 40px;
    height: 15px;
    margin: 1.5px 47.1px 21px 29.4px;
    font-family: Inter;
    font-size: 12.3px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0070a5;
}


/*.image {
    width: 27.6px;
    height: 35.6px;
    object-fit: contain;
}*/


.CurrentMortgageBreakdown {
    width: 111px;
    height: 27px;
    font-family: Inter;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0070a5;
}



.interest {
    position: absolute;
    left: 28%;
    top: 25%;
}

.totalequity {
    position: absolute;
    left: 28%;
    top: 22%;
}

.lable {
    width: 57px;
    height: 18px;
    font-size: 15px;
    font-family: Inter;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    margin: 1.5px 49px 0.3px 35.4px;
    text-align: center;
}

.lablebottom {
    width: 95px;
    height: 11px;
    font-family: Inter;
    font-size: 9px;
    color: #0070a5;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    margin: 1.5px 49px 0.3px 35.4px;
    text-align: left;
}


.top {
    width: 92%;
    height: 140px;
    margin: 24.7px 38.4px 9.7px 38.4px;
    display: flex;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*  border: 1px solid black;*/
    font-size: 2.5em;
    font-weight: bold;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.left {
    width: 430px;
    height: 800px;
    margin: 24.7px 38.4px 9.7px 38.4px;
    /*display: flex;*/
    display: inline-block;
    padding: 16.3px 23.4px 13.4px 17px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*  border: 1px solid black;*/
    font-size: 2.5em;
    font-weight: bold;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    float: left;
}

.VectorC {
    width: 97%;
    height: 40%;
    border-radius: 20px;
    /*margin: 9.7px 38.4px 9.7px 11.7px;
    padding: 14px 22.8px 17.8px 16.4px;*/


    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.VectorD {
    width: 216.5px;
    height: 0.5px;
    margin: 8px 0 5.8px 0.3px;
    background-color: #ccc;
}

.VectorE {
    width: 97%;
    height: 450px;
    border-radius: 20px;
    margin-top: 5%;
    /* margin: 9.7px 38.4px 19.5px 11.7px;
    padding: 16.5px 22.8px 15.9px 16.4px;*/
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.righttop {
    width: 200px;
    height: 300px;
    margin: 9.7px 38.4px 9.7px 11.7px;
    /*display: inline-block;*/
    /*display: flex;*/
    /*display: inline-block;*/
    padding: 14px 22.8px 17.8px 16.4px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*  border: 1px solid black;*/
    font-size: 2.5em;
    font-weight: bold;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

/*.Vector {*/
/*border:1px solid red;*/
/*width: 92%;
    height: 140px;
    margin: 24.7px 38.4px 9.7px 38.4px;
    padding: 18.2px 48.1px 14.2px 24.4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}*/
.VectorA {
    width: 430px;
    height: 800px;
    border-radius: 20px;
    /* margin: 0px 11.7px 19.5px 38.4px;*/
    /* padding: 16.3px 23.4px 13.4px 17px;*/
    margin-left: 5%;
    margin-top: 2%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: inline-block;
}

VectorL {
    width: 430px;
    height: 800px;
    margin-right: 50%;
    margin-top: 2%;
}

.VectorP {
    /*border:1px solid red;*/
    width: 90%;
    height: 140px;
    border-radius: 20px;
    /* margin: 24.7px 25.4px 9.7px 38.4px;*/
    /*padding: 18.2px 48.1px 14.2px 24.4px;*/
    margin-left: 5%;
    margin-top: 6%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: relative;
}

.VectorAmortization {
    /*border:1px solid red;*/
    width: 90%;
    height: 350px;
    border-radius: 20px;
    /* margin: 24.7px 25.4px 9.7px 38.4px;*/
    /*padding: 18.2px 48.1px 14.2px 24.4px;*/
    margin-left: 5%;
    margin-top: 4%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.VectorPA {
    width: 320px;
    height: 90%;
    border-radius: 20px;
    /* margin: 0px 11.7px 19.5px 38.4px;*/
    margin-top: 3%;
    margin-right: 5%;
    /* padding: 16.3px 23.4px 13.4px 17px;*/
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: inline-block;
}

.VectorPC {
    width: 560px;
    height: 350px;
    border-radius: 20px;
    /*margin: 9.7px 38.4px 9.7px 11.7px;*/
    margin-left: 8%;
    /*    margin-right: 5%;*/
    margin-top: 5%;
    padding: 14px 22.8px 17.8px 16.4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.VectorPE {
    width: 560px;
    height: 420px;
    border-radius: 20px;
    margin-left: 8%;
    /* margin-right: 5%*/
    margin-top: 5%;
    /* margin: 9.7px 38.4px 19.5px 11.7px;*/
    padding: 16.5px 22.8px 15.9px 16.4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}



.box {
    float: left;
    height: 10px;
    width: 10px;
    border: 1px solid black;
    clear: both;
}

.box2 {
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid black;
    clear: both;
}

.blue {
    background-color: #0070A5;
}

.lightblue {
    background-color: #80B8D2;
}

.textfont {
    font-weight: 400;
    font-size: 13px;
    color: rgb(238, 103, 35);
    line-height: 18px;
    text-decoration: none;
    font-family: Roboto;
    transform: none;
    letter-spacing: 0;
}