.elementor-1139 .elementor-element.elementor-element-87ecf5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1139 .elementor-element.elementor-element-ba41801{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1139 .elementor-element.elementor-element-ba41801:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-ba41801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}.elementor-1139 .elementor-element.elementor-element-6b455e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1139 .elementor-element.elementor-element-deb6ec8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1139 .elementor-element.elementor-element-deb6ec8:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-deb6ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}/* Start custom CSS for html, class: .elementor-element-d22cb47 *//*=========================================
Home Equity Hero
=========================================*/

.equity-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    padding:140px 24px 100px;

    background:url("https://rinkuthemortgagebroker.com/wp-content/uploads/2026/07/calculator-close-up-soft-focus-2026-03-16-01-08-19-utc-scaled.jpg") center center/cover no-repeat;

    overflow:hidden;

}

.equity-hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(18,57,90,.90) 0%,
        rgba(18,57,90,.72) 45%,
        rgba(18,57,90,.28) 100%
    );

}

.equity-hero-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1280px;

    margin:auto;

}

.equity-content{

    max-width:760px;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.20);

    color:#FFFFFF;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.equity-hero h1{

    margin:28px 0;

    font-size:68px;

    line-height:1.05;

    font-weight:800;

    color:#FFFFFF;

    letter-spacing:-.04em;

}

.equity-hero p{

    max-width:650px;

    font-size:20px;

    line-height:1.9;

    color:rgba(255,255,255,.88);

}

/*=========================================
Buttons
=========================================*/

.equity-hero .hero-buttons{

    display:flex;

    gap:18px;

    margin-top:45px;

    flex-wrap:wrap;

}

.equity-hero .hero-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:999px;

    text-decoration:none !important;

    font-size:17px;

    font-weight:700;

    transition:.35s ease;

}

/* Primary */

.equity-hero .btn-primary{

    background:#0B8DC5 !important;

    color:#FFFFFF !important;

    border:2px solid #0B8DC5;

    box-shadow:0 18px 40px rgba(11,141,197,.28);

}

.equity-hero .btn-primary:hover{

    background:#12395A !important;

    color:#FFFFFF !important;

    border-color:#12395A;

    transform:translateY(-4px);

}

/* Secondary */

.equity-hero .btn-secondary{

    background:rgba(255,255,255,.08);

    color:#FFFFFF !important;

    border:2px solid rgba(255,255,255,.35);

    backdrop-filter:blur(12px);

}

.equity-hero .btn-secondary:hover{

    background:#FFFFFF;

    color:#12395A !important;

    border-color:#FFFFFF;

    transform:translateY(-4px);

}

/*=========================================
Stats
=========================================*/

.hero-stats{

    display:flex;

    gap:50px;

    margin-top:70px;

    flex-wrap:wrap;

}

.hero-stat h3{

    margin:0;

    color:#FFFFFF;

    font-size:36px;

    font-weight:800;

}

.hero-stat span{

    color:rgba(255,255,255,.78);

    font-size:15px;

    line-height:1.6;

}

/*=========================================
Prevent Elementor Overrides
=========================================*/

.equity-hero .hero-buttons a,
.equity-hero .hero-buttons a:hover,
.equity-hero .hero-buttons a:visited,
.equity-hero .hero-buttons a:focus{

    text-decoration:none !important;

}

.equity-hero .btn-primary,
.equity-hero .btn-primary:hover{

    color:#FFFFFF !important;

}

.equity-hero .btn-secondary{

    color:#FFFFFF !important;

}

.equity-hero .btn-secondary:hover{

    color:#12395A !important;

}

/*=========================================
Tablet
=========================================*/

@media(max-width:1024px){

.equity-hero{

    min-height:auto;

    padding:120px 24px 90px;

}

.equity-hero h1{

    font-size:52px;

}

}

/*=========================================
Mobile
=========================================*/

@media(max-width:767px){

.equity-hero{

    padding:100px 18px 70px;

}

.equity-hero h1{

    font-size:38px;

}

.equity-hero p{

    font-size:17px;

}

.equity-hero .hero-buttons{

    flex-direction:column;

}

.equity-hero .hero-buttons a{

    width:100%;

}

.hero-stats{

    gap:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cba7d1 *//*=========================================
Home Equity Calculator
Part 1 - Layout, Heading & Form
=========================================*/

.equity-calculator{

    padding:110px 24px;

    background:#F8FBFD;

}

.equity-container{

    max-width:1280px;

    margin:auto;

}

/*=========================================
Heading
=========================================*/

.equity-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.equity-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:#EAF7FC;

    color:#0B8DC5;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.equity-heading h2{

    margin:28px 0 18px;

    font-size:52px;

    line-height:1.1;

    font-weight:800;

    color:#12395A;

}

.equity-heading p{

    font-size:19px;

    line-height:1.9;

    color:#667085;

}

/*=========================================
Layout
=========================================*/

.equity-grid{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:40px;

    align-items:start;

}

/*=========================================
Calculator Form
=========================================*/

.equity-form{

    background:#FFFFFF;

    padding:45px;

    border-radius:24px;

    box-shadow:0 20px 60px rgba(18,57,90,.08);

}

.equity-form h3{

    margin:0 0 35px;

    font-size:34px;

    font-weight:800;

    color:#12395A;

}

/*=========================================
Inputs
=========================================*/

.form-group{

    margin-bottom:28px;

}

.form-group label{

    display:block !important;

    margin-bottom:10px;

    color:#12395A !important;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.04em;

}

.form-group input,

.form-group select{

    width:100%;

    height:60px;

    padding:0 18px;

    border:1px solid #D8E3EB;

    border-radius:14px;

    background:#FFFFFF !important;

    color:#12395A !important;

    font-size:17px;

    font-weight:600;

    outline:none;

    transition:.3s;

    appearance:none;

    -webkit-appearance:none;

    box-shadow:none;

}

.form-group input::placeholder{

    color:#98A2B3;

}

.form-group input:focus,

.form-group select:focus{

    border-color:#0B8DC5;

    box-shadow:0 0 0 4px rgba(11,141,197,.12);

}

/*=========================================
Select Arrow
=========================================*/

.form-group{

    position:relative;

}

.form-group select{

    cursor:pointer;

    padding-right:55px;

}

.form-group::after{

    content:"⌄";

    position:absolute;

    right:20px;

    top:52px;

    font-size:18px;

    color:#667085;

    pointer-events:none;

}

/*=========================================
Button
=========================================*/

.equity-btn{

    width:100%;

    height:62px;

    margin-top:10px;

    border:none;

    border-radius:999px;

    background:#0B8DC5;

    color:#FFFFFF !important;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.35s ease;

}

.equity-btn:hover{

    background:#12395A;

    color:#FFFFFF !important;

    transform:translateY(-3px);

}

/*=========================================
Elementor Reset
=========================================*/

.equity-calculator *{

    box-sizing:border-box;

}

.equity-calculator label{

    color:#12395A !important;

}

.equity-calculator input,

.equity-calculator select{

    background:#FFFFFF !important;

    color:#12395A !important;

    font-family:inherit;

}

.equity-calculator button{

    font-family:inherit;

    color:#FFFFFF !important;

}

.equity-calculator button:hover{

    color:#FFFFFF !important;

}
/*=========================================
Home Equity Calculator
Part 2 - Results, Note & Responsive
=========================================*/

/*=========================================
Results Panel
=========================================*/

.equity-results{

    display:flex;

    flex-direction:column;

    gap:22px;

}

/*=========================================
Result Cards
=========================================*/

.equity-card{

    background:#FFFFFF;

    padding:30px;

    border-radius:22px;

    box-shadow:0 18px 55px rgba(18,57,90,.08);

    transition:.35s ease;

}

.equity-card:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 65px rgba(18,57,90,.12);

}

.equity-card span{

    display:block;

    margin-bottom:12px;

    color:#667085;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.equity-card h3{

    margin:0;

    color:#12395A;

    font-size:38px;

    font-weight:800;

    line-height:1.2;

}

/*=========================================
Highlight Card
=========================================*/

.equity-card.highlight{

    background:linear-gradient(
        135deg,
        #0B8DC5,
        #12395A
    );

}

.equity-card.highlight span{

    color:rgba(255,255,255,.82);

}

.equity-card.highlight h3{

    color:#FFFFFF;

}

/*=========================================
Information Box
=========================================*/

.equity-note{

    padding:30px;

    border-radius:20px;

    background:#FFF9EC;

    border-left:5px solid #F4B400;

}

.equity-note h4{

    margin:0 0 14px;

    color:#12395A;

    font-size:22px;

    font-weight:800;

}

.equity-note p{

    margin:0;

    color:#667085;

    font-size:16px;

    line-height:1.9;

}

.equity-note strong{

    color:#12395A;

}

/*=========================================
Smooth Animation
=========================================*/

.equity-card,
.equity-note{

    animation:fadeUp .6s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Tablet
=========================================*/

@media(max-width:1024px){

.equity-grid{

    grid-template-columns:1fr;

}

.equity-results{

    margin-top:10px;

}

}

/*=========================================
Mobile
=========================================*/

@media(max-width:767px){

.equity-calculator{

    padding:80px 18px;

}

.equity-heading{

    margin-bottom:50px;

}

.equity-heading h2{

    font-size:36px;

}

.equity-heading p{

    font-size:17px;

}

.equity-form{

    padding:28px;

}

.equity-form h3{

    font-size:28px;

}

.equity-card{

    padding:24px;

}

.equity-card h3{

    font-size:30px;

}

.equity-note{

    padding:24px;

}

.equity-note h4{

    font-size:20px;

}

}

/*=========================================
Large Desktop
=========================================*/

@media(min-width:1440px){

.equity-container{

    max-width:1320px;

}

.equity-grid{

    gap:50px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4315d0a *//*=========================================
Home Equity Guide
=========================================*/

.equity-guide{

    padding:110px 24px;

    background:#FFFFFF;

}

.equity-guide-container{

    max-width:1280px;

    margin:auto;

}

/*=========================================
Heading
=========================================*/

.section-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.section-badge{

    display:inline-flex;

    padding:12px 24px;

    border-radius:999px;

    background:#EAF7FC;

    color:#0B8DC5;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.section-heading h2{

    margin:28px 0 18px;

    font-size:52px;

    font-weight:800;

    color:#12395A;

    line-height:1.1;

}

.section-heading p{

    font-size:19px;

    line-height:1.9;

    color:#667085;

}

/*=========================================
Grid
=========================================*/

.equity-guide-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

/*=========================================
Cards
=========================================*/

.guide-card{

    background:#FFFFFF;

    padding:42px;

    border-radius:22px;

    border:1px solid #EEF2F5;

    box-shadow:0 18px 55px rgba(18,57,90,.06);

    transition:.35s ease;

}

.guide-card:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 65px rgba(18,57,90,.12);

}

.guide-icon{

    width:72px;

    height:72px;

    margin-bottom:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    border-radius:18px;

    background:linear-gradient(135deg,#0B8DC5,#12395A);

}

.guide-card h3{

    margin-bottom:18px;

    color:#12395A;

    font-size:28px;

    font-weight:800;

}

.guide-card p{

    color:#667085;

    font-size:17px;

    line-height:1.9;

}

/*=========================================
Responsive
=========================================*/

@media(max-width:992px){

.equity-guide-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:767px){

.equity-guide{

    padding:80px 18px;

}

.section-heading h2{

    font-size:36px;

}

.section-heading p{

    font-size:17px;

}

.guide-card{

    padding:30px;

}

.guide-card h3{

    font-size:24px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7aa376 *//*=========================================
Home Equity CTA
=========================================*/

.equity-cta{

    position:relative;

    overflow:hidden;

    padding:120px 24px;

    background:linear-gradient(135deg,#12395A 0%,#0B8DC5 100%);

}

.equity-cta-overlay{

    position:absolute;

    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 45%);

}

.equity-cta-container{

    position:relative;

    z-index:2;

    max-width:980px;

    margin:auto;

    text-align:center;

}

/*=========================================
Badge
=========================================*/

.cta-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:rgba(255,255,255,.14);

    border:1px solid rgba(255,255,255,.18);

    color:#FFFFFF;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

/*=========================================
Heading
=========================================*/

.equity-cta h2{

    margin:28px 0 22px;

    color:#FFFFFF;

    font-size:58px;

    font-weight:800;

    line-height:1.08;

    letter-spacing:-.03em;

}

.equity-cta p{

    max-width:760px;

    margin:auto;

    color:rgba(255,255,255,.90);

    font-size:20px;

    line-height:1.9;

}

/*=========================================
Feature Grid
=========================================*/

.cta-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    max-width:760px;

    margin:55px auto;

}

.cta-feature{

    padding:18px 24px;

    border-radius:14px;

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#FFFFFF;

    font-size:16px;

    font-weight:600;

}

/*=========================================
Buttons
=========================================*/

.equity-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:10px;

}

/*=========================================
Elementor Safe Button Reset
=========================================*/

.equity-cta-buttons a,
.equity-cta-buttons a:link,
.equity-cta-buttons a:visited,
.equity-cta-buttons a:hover,
.equity-cta-buttons a:focus,
.equity-cta-buttons a:active{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-width:300px;

    min-height:60px;

    padding:18px 36px !important;

    border-radius:999px !important;

    text-decoration:none !important;

    font-size:17px !important;

    font-weight:700 !important;

    font-family:inherit !important;

    transition:.35s ease;

    box-sizing:border-box;

}

/*=========================================
Primary Button
=========================================*/

.equity-btn-primary,
.equity-btn-primary:link,
.equity-btn-primary:visited{

    background:#FFFFFF !important;

    color:#12395A !important;

    border:2px solid #FFFFFF !important;

    box-shadow:0 20px 45px rgba(0,0,0,.20);

}

.equity-btn-primary:hover,
.equity-btn-primary:focus{

    background:#F5F8FB !important;

    color:#0B8DC5 !important;

    border-color:#F5F8FB !important;

    transform:translateY(-4px);

}

/*=========================================
Secondary Button
=========================================*/

.equity-btn-secondary,
.equity-btn-secondary:link,
.equity-btn-secondary:visited{

    background:transparent !important;

    color:#FFFFFF !important;

    border:2px solid rgba(255,255,255,.45) !important;

}

.equity-btn-secondary:hover,
.equity-btn-secondary:focus{

    background:#FFFFFF !important;

    color:#12395A !important;

    border-color:#FFFFFF !important;

    transform:translateY(-4px);

}

/*=========================================
Extra Elementor Protection
=========================================*/

.equity-cta .elementor-button,
.equity-cta button,
.equity-cta input[type="submit"]{

    all:unset;

}

.equity-cta .equity-btn-primary,
.equity-cta .equity-btn-secondary{

    visibility:visible !important;

    opacity:1 !important;

}

/*=========================================
Responsive
=========================================*/

@media(max-width:992px){

.cta-features{

    grid-template-columns:1fr;

}

}

@media(max-width:767px){

.equity-cta{

    padding:90px 18px;

}

.equity-cta h2{

    font-size:38px;

}

.equity-cta p{

    font-size:17px;

}

.equity-cta-buttons{

    flex-direction:column;

}

.equity-cta-buttons a{

    width:100% !important;

    min-width:100%;

}

}/* End custom CSS */