.elementor-kit-35811{--e-global-color-primary:#1D1D1F;--e-global-color-secondary:#3F3F3F;--e-global-color-text:#000000;--e-global-color-accent:#3F3F3F;--e-global-color-positive_tip:#1DBBA0;--e-global-color-negative_tip:#F83D60;--e-global-color-white:#FFFFFF;--e-global-color-section_background:#F4F2F3;--e-global-color-pink:#EE2660;--e-global-color-table_header_background:#BBBBBB;--e-global-color-table_row_odd:#FFFFFF;--e-global-color-table_row_even:#F4F2F3;--e-global-color-pros_background:#E6FFFB;--e-global-color-cons_background:#FFDFE4;--e-global-color-savvy_pink:#EE2455;--e-global-color-border_light_grey:#E4E1E1;--e-global-color-282828:#282828;--e-global-color-b4d5d1:#B4D5D1;--e-global-color-section_grey_bg_2025:#F5F5F7;--e-global-color-subheading_grey_2025:#6E6E73;--e-global-color-primary_1:#1DBBA0;--e-global-color-primary_dark:#018475;--e-global-color-primary_light:#E9F9F5;--e-global-color-dark:#1D1D1F;--e-global-color-dark_80:#4A4A4C;--e-global-color-dark_40:#A5A5A5;--e-global-color-grey:#F5F5F7;--e-global-color-grey_50:#F5F5FB;--e-global-color-info:#6B84FF;--e-global-color-success:#1DBBA0;--e-global-color-warning:#FFD100;--e-global-color-error:#F84848;--e-global-typography-primary-font-family:"inter-variable";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-inter-font-family:"inter-variable";--e-global-typography-subheading-font-weight:400;}.elementor-kit-35811 e-page-transition{background-color:#FFBC7D;}.elementor-kit-35811 a{color:var( --e-global-color-dark );text-decoration:underline;}.elementor-kit-35811 a:hover{color:var( --e-global-color-primary_1 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1022px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media(max-width: 767px) {
.page-content-container     .elementor-kit-35811.section-styles {
        padding: 16px 0px 40px 0px !important;
    }
}

/* == Wide buttons / container == */
.wide {
    padding-left: 50px;
    padding-right: 50px;
}

/* == Wide buttons / container END == */


/* == Margined Title Syles == */
.margined-titles p#feefo-reviews, .margined-titles h2, .margined-titles h3, .margined-titles p {
    padding-left: calc((100vw - 1200px) * 0.5) !important;
}

@media (max-width: 1022px) {
    .margined-titles p#feefo-reviews, .margined-titles h2, .margined-titles h3, .margined-titles p {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .margined-titles {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* == Margined Title Syles END == */


/* == Highlighted Box Style == */

.highlighted-box {
    padding: 20px;
    border-radius: 10px !important;
    border: 1px solid var(--Dark, #1D1D1F) !important;
    box-shadow: 6px 6px 0px 0px #1DBBA0;
}

/* == Highlighted Box Style End == */

/*New form styles*/
.new-form .elementor-field, .new-form .elementor-field-textual.elementor-size-md {
    border: 1px solid #a5a5a5 !important;
    border-radius: 5px !important;
    background-color: #F5F5F7 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.new-form .elementor-form-fields-wrapper {
    row-gap: 10px;
    column-gap: 8px;
}


.new-form .elementor-field::placeholder {
    color: #a5a5a5;
}

.new-form .elementor-field-textual:focus, .new-form .elementor-field:focus, .new-form .elementor-field-textual:hover, .new-form .elementor-field:hover {
    border: 1px solid #1DBBA0 !important;
    color: #000;
}

.new-form select.elementor-field-textual.elementor-size-md {
    border: 0px !important;
}

.new-form select.elementor-field-textual.elementor-size-md:focus {
    border: 1px solid #1DBBA0;
}

.new-form .elementor-field-group {
    margin-bottom: 0px !important;
}

@media (min-width: 1023px) {
    .new-form .elementor-column.elementor-col-50 {
        width: 49% !important;
    }
    
    .new-form .elementor-form-fields-wrapper {
        column-gap: 0px;
    }
}

@media (max-width: 1022px) {
    .new-form .elementor-field-group-firstname, .new-form .elementor-field-group-lastname, .new-form .elementor-field-textual.elementor-size-md {
        width: 100% !important;
    }
}
/*New form styles END*/


/* == iFrame height styles == */
.leasing-calculator-iframe {
    height: 700px;
}

#Borrowing_Power_Calculator {
    height: 1000px;
}

#Loan_Repayment_Calculator, #How_Much_to_Deposit_Calculator, #Income_Gross_Up_Calculator, #How_Long_to_Save_Calculator, #Income_Tax_Calculator, #How_Long_to_Repay_Calculator, #Home_Loan_Offset_Calculator, #Property_Buying_Cost_Calculator, #Property_Selling_Cost_Calculator {
    height: 700px;
}

#Saving_Calculator {
    height: 525px;
}

#Budget_Planner, #Income_Annualisation_Calculator, #Rent_vs_Buy_Calculator {
    height: 800px;
}

@media(max-width: 767px) {
    .leasing-calculator-iframe {
        height: 1200px;
    }
    
    #Borrowing_Power_Calculator {
        height: 1750px;
    }
    
    #Loan_Repayment_Calculator, #How_Much_to_Deposit_Calculator, #Income_Gross_Up_Calculator, #How_Long_to_Save_Calculator, #Income_Annualisation_Calculator, #Income_Tax_Calculator, #How_Long_to_Repay_Calculator, #Home_Loan_Offset_Calculator {
        height: 1160px;
    }
    
    #Budget_Planner {
        height: 1150px;
    }
    
    #Saving_Calculator {
        height: 1090px;    
    }
    
    #Rent_vs_Buy_Calculator, #Property_Selling_Cost_Calculator, #Property_Buying_Cost_Calculator {
        height: 1950px;
    }
}
/* == iFrame height styles END == */


/* == Footer Styles == */

.footer-top a {
    text-decoration: none;
}

.footer-top a:hover span {
    color: #1DBBA0 !important;
}

/* == Footer Styles END == */


/* == Breadcrumbs Underline Remover == */

.pp-breadcrumbs-crumb-link, #breadcrumbs a {
    text-decoration: none !important;
}

/* == Breadcrumbs Underline Remover END == */

.content-bottom-cta-btn {
    width: 100%;
    
}





		
.in-column-table h4 {
margin-bottom: 20px;
}

/* Table STYLES -- To be inserted in the global styles */
.savvy-data-tb {
background-color: #fff !important;
border-spacing: 0px;
}

.savvy-data-tb tr th {
background-color: #E9F9F5 !important;
color: #018475 !important;
align-content: center;
text-align: center;
padding: 20px 15px;
}

.savvy-data-tb tr th:first-child {
border-top-left-radius: 12px;
}

.savvy-data-tb tr th:last-child {
border-top-right-radius: 12px;
}

.savvy-data-tb tr td:not(.source-tb td) {
align-content: center;
text-align: center;
padding: 16px 15px;
}

.savvy-data-tb tr td:first-child:not(.source-tb td) {
    color: #018475;
    font-weight: 600;
}

.savvy-data-tb tr td:first-child:not(.source-tb td) {
    color: #018475;
    font-weight: 600;
}

.savvy-data-tb.col1-no-green tr td:first-child {
    color: inherit !important;
    font-weight: normal !important;
}

.savvy-data-tb.highlight-col2 td:nth-child(2),
.savvy-data-tb.highlight-col3 td:nth-child(3),
.savvy-data-tb.highlight-col4 td:nth-child(4),
.savvy-data-tb.highlight-col5 td:nth-child(5),
.savvy-data-tb.highlight-col6 td:nth-child(6),
.savvy-data-tb.highlight-col7 td:nth-child(7),
.savvy-data-tb.highlight-col8 td:nth-child(8) {
    color: #018475;
    font-weight: 600;
}

.savvy-data-tb tr td:first-child:not(.source-tb td) {
    color: #018475;
    font-weight: 600;
}

.source-tb td {
border-top: none;
}

@media (max-width: 768px) {

.savvy-data-tb:not(.two-col-table) tr td:first-child {
	border-bottom: none !important;
}
.savvy-data-tb:not(.two-col-table) td {
	padding: 0px;
}
.savvy-data-tb:not(.two-col-table) tr td:not(.source-tb td) {
	padding: 0px
}

 /* NEW MOBILE STYLING FOR CO-APPLICANT TABLE */
.savvy-data-tb:not(.two-col-table) td[data-label]:not([data-label=""])::before {
    color: #018475 !important;
    background-color: #E9F9F5 !important;
    padding: 11px 12px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    flex: 0 0 140px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    font-size: 14px !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 45px !important;
    margin-right: 25px;
}

/* Alternating block backgrounds for right column */
/* Each income row is a block - alternate between white and #f5f5f7 */
/* Odd-numbered income rows (1, 3, 5, 7) get white background for ALL cells including income */
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(1),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(2),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(3),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(4),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(5),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(6),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(7),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td:nth-child(8) {
    background-color: #ffffff !important;
}

/* Even-numbered income rows (2, 4, 6) get #f5f5f7 background for ALL cells including income */
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(1),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(2),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(3),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(4),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(5),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(6),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(7),
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(even) > td:nth-child(8) {
    background-color: #f5f5f7 !important;
}

/* Only the first item in each right column block (income values) should be green */
.savvy-data-tb:not(.two-col-table) tbody > tr > td:first-child {
    color: #018475 !important;
    font-weight: 600 !important;
}

/* All other right column items should be black and centered */
.savvy-data-tb:not(.two-col-table) tbody > tr > td:not(:first-child) {
    color: #000000 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

/* Center the first item (income values) horizontally as well */
.savvy-data-tb:not(.two-col-table) tbody > tr > td:first-child {
    text-align: center !important;
}

                               /* Ensure proper spacing and alignment with vertical centering */
.savvy-data-tb:not(.two-col-table) td[data-label]:not([data-label=""]) {
     display: flex !important;
     align-items: center !important;
     padding: 0px !important;
     border: none !important;
     text-align: left !important;
     margin: 0 !important;
     line-height: 1.4 !important;
     width: 100% !important;
     box-sizing: border-box !important;
     min-height: 45px !important;
}

/* Make the :before pseudo-element stretch to the full height */
.savvy-data-tb:not(.two-col-table) td[data-label]:not([data-label=""])::before {
    align-self: stretch !important;
}

/* Remove existing striping that conflicts */
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > td,
.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(odd) > th {
    background-color: transparent !important;
}

.savvy-data-tb:not(.two-col-table) tbody > tr > td:nth-child(even) {
    background-color: transparent !important;
}

/* Make gaps between blocks truly transparent but maintain spacing */
.savvy-data-tb:not(.two-col-table) tbody > tr {
    background-color: transparent !important;
    margin-bottom: 16px !important;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Ensure the table background is transparent */
.savvy-data-tb:not(.two-col-table) {
    background-color: transparent !important;
}

.savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(2n+1) > td:nth-child(1), .savvy-data-tb:not(.two-col-table) tbody > tr:nth-child(2n) > td:nth-child(1) {
	padding: 12px 0px;
    border-bottom: 1px solid #018475 !important;
}
}



/* Article box new template2 styles */
.page-content-container.template2 .source-box-accordion {
    background-color: #fff !important;
    border: 1px solid #1D1D1F !important;
    border-radius: 5px !important;
    overflow: hidden; /* Important for containing rounded corners */
}

.page-content-container.template2 .source-box-toggle {
    background-color: #fff !important;
    /* remove the border rules from here as they are now on the parent container */
}

.page-content-container.template2 .source-box-content {
    background-color: #fff;
    border-top: 1px solid #1D1D1F; /* Optional, adds a separator line */
}

.page-content-container.blog-content-1 .source-box-accordion {
    border: 1px solid #1D1D1F !important;
    border-radius: 5px !important;
    overflow: hidden; /* Important for containing rounded corners */
}

.page-content-container.blog-content-1 .source-box-content {
    border-top: 1px solid #1D1D1F; /* Optional, adds a separator line */
}



/* The Savvy Difference - Homepage ellipse */
.savvy-difference {
  position: relative;
  padding: 100px 20px;
}

.savvy-difference::before {
  display: block;
  content: "";
  position: absolute;
  margin-top: -250px;
  inset: 0;
  background: #f5f5f7;
  clip-path: ellipse(80% 65% at 50% 30%);
  z-index: -1;
}

@media (max-width: 1024px) {
    .savvy-difference::before {
        display: none;
    }
}/* End custom CSS */