.elementor-187 .elementor-element.elementor-element-59bae74{--display:flex;--min-height:400px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.47;}.elementor-187 .elementor-element.elementor-element-59bae74:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-59bae74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-187 .elementor-element.elementor-element-59bae74::before, .elementor-187 .elementor-element.elementor-element-59bae74 > .elementor-background-video-container::before, .elementor-187 .elementor-element.elementor-element-59bae74 > .e-con-inner > .elementor-background-video-container::before, .elementor-187 .elementor-element.elementor-element-59bae74 > .elementor-background-slideshow::before, .elementor-187 .elementor-element.elementor-element-59bae74 > .e-con-inner > .elementor-background-slideshow::before, .elementor-187 .elementor-element.elementor-element-59bae74 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://familynestfinance.co.uk/wp-content/uploads/2026/03/img-section-14.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-187 .elementor-element.elementor-element-59bae74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-2eccdd91 .heading .heading-title{color:#FFFFFF;}.elementor-187 .elementor-element.elementor-element-2afa3a33{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;--lottie-container-width:120px;--lottie-container-max-width:100%;}.elementor-187 .elementor-element.elementor-element-26dca6c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-e1e4efd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-bf667ae{--display:flex;--min-height:400px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:60px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-187 .elementor-element.elementor-element-59bae74{--width:97.867%;}}@media(max-width:1024px){.elementor-187 .elementor-element.elementor-element-2afa3a33{--lottie-container-width:100px;}.elementor-187 .elementor-element.elementor-element-26dca6c{--gap:90px 90px;--row-gap:90px;--column-gap:90px;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-187 .elementor-element.elementor-element-26dca6c{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-187 .elementor-element.elementor-element-e1e4efd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-187 .elementor-element.elementor-element-bf667ae{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-a739b15 *//* Main Container */
.calculator-container {
    display: flex;
    flex-wrap: wrap; /* FIX: responsive */
   
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Sections */
.input-section {
    padding: 40px;
    flex: 1 1 55%; /* FIX: responsive flex */
}

.results-section {
    padding: 40px;
    flex: 1 1 45%; /* FIX */
    background-color: #121212;
    color: #fff;
}

/* Headings */
h2 {
    margin-bottom: 30px;
    font-size: 24px;
}

/* Inputs */
.input-group {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background: #fff; /* FIX */
}

/* FIX: Elementor override issue */
.input-wrapper input {
    border: none !important;
    outline: none !important;
    width: 100%;
    font-size: 16px;
    background: transparent;
}

/* Row Layout */
.input-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap; /* FIX */
}

/* Buttons */
.freq-btn {
    padding: 10px 20px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.freq-btn.active {
    border-color: #2c5282;
    color: #2c5282;
    background: #ebf4ff;
}

/* Results */
.result-item {
    margin-bottom: 25px;
}

.results-section .result-item p {
    color: #aaa;
    margin: 0;
    font-size: 14px;
}

.results-section .result-item h1 {
    font-size: 36px;
    margin: 5px 0;
}

.results-section .result-item h2 {
    font-size: 24px;
    margin: 5px 0;
    color: #fff;
}

/* Buttons */
.amort-btn {
    width: 100%;
    padding: 15px;
    background: #2d4a6a;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin: 20px 0;
}

.send-btn {
    width: 100%;
    padding: 12px;
    background: #555;
    color: #fff;
    border: none;
    border-radius: 6px;
    margin-top: 10px;
}

/* Terms */
.terms {
    font-size: 12px;
    margin-top: 15px;
    color: #aaa;
}/* End custom CSS */