.main.main-mortgage--online {
    margin: 137px 0px 0px 0px;
}

    .main.main-mortgage--online img.banners_onlines--for--i-o--w {
        width: 100% !important;
    }

.main.main-mortgage--online {
}
    .main.main-mortgage--online h3 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
    }

    .main.main-mortgage--online p {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }

.m-o--a--f h3 { /* h4 */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: -0.02em;
    /* Teal */
    color: #008F91;
    margin-bottom: 22px;
}

.m-o--a--f p { /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    /* Dark */
    color: #2C3537;
    margin-bottom: 49px;
}

    .m-o--a--f p span {
        color: #008F91;
    }

.m-o--a {
    padding: 16px;
    display: grid;
    align-items: center;
    margin-bottom: 121px;
    grid-gap: 91px;
}

.m-o--a--f div p { /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 18px;
    /* or 129% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    margin-bottom: 0px !important;
}

.m-o--a--f div {
    display: flex;
    /* Light blue */
    background: #F5F6F8;
    border-radius: 8px;
    padding: 22px;
    grid-gap: 18px;
    /* align-items: baseline; */
}

    .m-o--a--f div svg {
        margin: 0px !important;
        width: 11% !important;
    }

.m-o--a--s {
    display: flex;
    /* White Background */
    background: #FFFFFF;
    /* Mid Gray 2 */
    border: 1px solid #99A0A1;
    border-radius: 14px;
    padding: 30px;
    grid-gap: 20px;
}

    .m-o--a--s ul li {
        list-style: inherit;
        margin-left: 20px;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        /* font-weight: 100; */
        font-size: 16px;
        line-height: 20px;
        /* or 31px */
        /* Dark */
        color: #2C3537;
        /* Inside auto layout */
        margin-bottom: 30px;
    }

    .m-o--a--s a div { /* Tangerine */
        background: #F05E22;
        border-radius: 6px;
        /* Inside auto layout */
        width: max-content;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        padding: 14px 20px;
        justify-content: right;
        margin-left: 20px;
    }

.main.main-mortgage--online p a {
    color: #008F91;
}

.m-o--b h3 { /* h4 */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: -0.02em;
    /* Teal */
    color: #008F91;
    /* Inside auto layout */
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.m-o--b p { /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    text-align: center;
}

.m-o--b div div p {
    text-align: -webkit-auto;
}

.m-o--b {
    display: grid;
    grid-gap: 70px;
    padding: 16px;
}

.m-o--b {
}

.m-o--b {
}

.m-o--c {
    padding: 16px;
}

.m-o--b--i {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px 125px;
    width: 100%;
    margin-bottom: 123px;
}

    .m-o--b--i div {
        display: flex;
        align-items: center;
        grid-gap: 15px;
    }

.m-o--c--t h3 { /* h4 */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: -0.02em;
    /* Teal */
    color: #008F91;
    margin-bottom: 50px;
}

.m-o--c--t--i h3 {
    margin: 0px;
    /* Accent S */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 140%;
    /* or 22px */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
}

.m-o--c--t--i {
    display: grid;
    justify-content: space-between;
    grid-gap: 21px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.m-o--c--t {
    margin-bottom: 120px;
}

.m-o--c--t--i div {
    display: flex;
    grid-gap: 10px;
}

    .m-o--c--t--i div div {
        display: grid;
        grid-gap: 0px !important;
    }

.m-o--c--t--i img {
    width: 55px;
}

.m-o--c--t--i p { /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    /* identical to box height, or 125% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    width: 100%;
}

    .m-o--c--t--i p:nth-child(19) {
        /* width: 30% !important; */
    }

.m-o--c--f h3 { /* h4 */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: -0.02em;
    /* Teal */
    color: #008F91;
    /* Inside auto layout */
    text-align: center;
    margin-bottom: 40px;
}

.m-o--c--f--i h3 { /* Accent S */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 140%;
    /* or 22px */
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    margin: 0px;
    margin-bottom: 10px;
    /*width: 61%;*/
}

.m-o--c--f--i {
    display: grid;
    text-align: -webkit-center;
    grid-gap: 116px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .m-o--c--f--i p { /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px;
        /* or 125% */
        text-align: center;
        /* Dark */
        color: #2C3537;
        /* Inside auto layout */
        /*width: 61%;*/
    }

h3 {
}

h3 {
}

h3 {
}

h3 {
}

h3 {
}

.m-o--c--f {
    margin-bottom: 119px;
}
.m-o--blue { /* Linear */
    background: linear-gradient(90deg, #06BBC7 0%, #348CF3 100%);
    border-radius: 6px;
    display: grid;
    grid-template-columns: 4% 75% 17%;
    padding: 30px;
    align-items: center;
    margin-bottom: 96px;
    grid-gap: 20px;
}

    .m-o--blue h3 { /* h4 */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
        /* identical to box height */
        letter-spacing: -0.02em;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
    }

    .m-o--blue p { /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
    }

    .m-o--blue a div { /* White Background */
        background: #FFFFFF;
        border-radius: 6px;
        /* Inside auto layout */
        padding: 14px 34px;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* Link text */
        color: #007FF5;
        /* Inside auto layout */
        justify-content: center;
    }
@media(max-width:1200px) {

    .m-o--c--f--i {
        grid-template-columns: 1fr;
    }

    .m-o--c--t--i {
        grid-template-columns: 1fr;
    }

    .main.main-mortgage--online img.banners_onlines--for--i-o--m {
        width: 100% !important;
    }
    .main.main-mortgage--online div {
        margin: 0px !important;
        margin: 0px !important;
        overflow: hidden;
    }
    .m-o--b--i {
        grid-template-columns: 1fr;
    }

        .m-o--b--i div {
            flex-direction: row;
        }

    .m-o--c--t--i div {
        flex-direction: row;
    }

    .main.main-mortgage--online .m-o--a {
        margin-bottom: 100px !important;
    }

    .main.main-mortgage--online .m-o--b {
        margin-bottom: 100px !important;
    }

    .main.main-mortgage--online .m-o--c--t {
        margin-bottom: 100px !important;
    }

    .main.main-mortgage--online .m-o--c--f {
        margin-bottom: 100px !important;
    }

    .m-o--blue {
        grid-template-columns: 1fr;
        grid-gap: 25px;
        justify-items: center;
        margin-bottom: 100px !important;
    }

    .main.main-mortgage--online {
        margin: 71px 0px !important;
    }}
.m-o--blue a div:hover {
    box-shadow: 0px 8px 16px -4px rgba(62, 83, 87, 0.3);
    border-radius: 6px;
}

.m-o--a--s a div:hover {
    box-shadow: 0px 8px 16px -4px rgba(62, 83, 87, 0.3);
    border-radius: 6px;
}