.elementor-4857 .elementor-element.elementor-element-02734ee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4857 .elementor-element.elementor-element-fd0646a{width:100%;max-width:100%;}.elementor-4857 .elementor-element.elementor-element-fd0646a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4857 .elementor-element.elementor-element-fd0646a.elementor-element{--align-self:center;}#jet-popup-4857 .jet-popup__container{width:800px;}#jet-popup-4857 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-4857 .jet-popup__container-inner{justify-content:flex-start;border-radius:15px 15px 15px 15px;}#jet-popup-4857 .jet-popup__container-overlay{border-radius:15px 15px 15px 15px;}#jet-popup-4857 .jet-popup__close-button{color:#000000;background-color:#F1F1F100;font-size:23px;width:40px;height:40px;}#jet-popup-4857 .jet-popup__close-button:before{font-size:23px;}#jet-popup-4857 .jet-popup__close-button svg{width:23px;}@media(min-width:768px){.elementor-4857 .elementor-element.elementor-element-02734ee{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-fd0646a *//* style.css */
    /* Global Styles */
    
    
    .card {
        width: 100%px;
        padding: 0px;
        background-color: #fff;
       
        border-radius: 7px;
        }
    
    
        h1 {
        text-align: left; /* Align h1 text to the left */
        color: #333;
        font-weight: 600;
        }
    
    /* styles.css */
p.grand-total {
    font-size: 18px;
    padding-left: 10px;
    font-weight: 500;
    margin-top: 10px;
}

        /* Form Styles */
        label {
        display: block;
        margin-bottom: 5px;
        text-align: left; /* Align labels to the left */
        }
    
    
        /* Radio Buttons Styles */
        input[type="radio"] {
        display: none; /* Hide the default radio input */
        }
    
    
        /* Create custom radio button appearance */
        input[type="radio"] + label {
        padding: 15px 30px 15px 30px;
        background-color: #fff;
        color: black;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        line-height: 1;
        font-weight:400;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        font-size: 14px;
        width: 40%;
        }
    
    
        /* Style for when the radio button is checked */
        input[type="radio"]:checked + label {
        background-color: #16BDB8;
        color:white;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    
    
        /* .two-column-container styles */
        .two-column-container {
        display: flex;
    
        width: 100%; /* Full width */
        }
    
        /* Style for the first column (70%) */
        .column:first-child {
        width: 60%; /* 70% width for the first column */
        }
    
        /* Style for the second column (30%) */
        .column:last-child {
        width: auto; /* 30% width for the second column */
        }
    
    
    
        /* Style for "Property Type" radio buttons */
.radio-pair input[type="radio"]#primaryResidence,
.radio-pair input[type="radio"]#investmentProperty {
    display: none; /* Hide the default radio input */
}

.radio-pair input[type="radio"]#primaryResidence + label,
.radio-pair input[type="radio"]#investmentProperty + label {
    padding: 10px 20px 10px 20px;
    font-size: 14px; /* Reduce font size for labels */
    margin-right: 10px; /* Add margin between labels */
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    width: 170px;
    display: inline-block;
    transition: background-color 0.3s ease; /* Add transition animation */

}   

/* Style for "First Home Buyer" radio buttons */
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes,
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo {
    display: none; /* Hide the default radio input */
}

.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes + label,
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo + label {
    padding: 10px 20px 10px 20px;
    font-size: 14px; /* Reduce font size for labels */
    margin-right: 10px; /* Add margin between labels */
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    width: 100px;
    display: inline-block;
    transition: background-color 0.3s ease; /* Add transition animation */


}


    
    
    
    
    
    
    
    
        /* Fee Breakdown Styles */
        #feeBreakdown {
        text-align: left; /* Align fee breakdown text to the left */
        margin-top: 20px;
        }
    
    
        #feeBreakdown h2 {
        font-size: 16px;
        color: #333;
        padding-left: 5px;
        }
    
    
        table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
        align-items: center;
        }
    
    
        table, th, td {
        border: 1px solid #ccc;
        }
    
    
        th, td {
        padding: 10px;
        text-align: left;
        width: 50%;
        }
    
    
        th {
        background-color: #f2f2f2;
        }
    
    
        #grandTotal {
        font-size: 18px;
        color: #333;
        }
    
    
        /* Style for select options */
        select {
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 100%;
        }
    
    
        /* Style for select options when hovering */
        select option:hover {
        background-color: #16BDB8; /* Your desired hover color */
        }
    
    
        /* Style for labels */
        label {
        font-weight: 500;
        font-size: 14px;
        color: #333;
        }
    
    
        /* Style for the range container */
        .range-container {
        display: flex;
        align-items: center;
        }
    
    
        /* Style for the range slider */
        input[type="range"] {
        width: 100%; /* Adjust the width as needed */
        padding: 5px;
        margin-right: 10px; /* Add spacing between the slider and money value */
        border: 1px solid #ccc;
        border-radius: 5px;
        }
    
    
        /* Style for the money value */
        .money-value {
        font-weight: bold;
        font-size: 14px;
        color: #42cf7b; /* Your desired color */
        }
        
        #state{
            margin-bottom: 30px;
        }
/* Mobile responsiveness */
@media screen and (max-width: 767px) {
            .card {
        width: 100%px;
        padding: 20px;
        background-color: #fff;
       
        border-radius: 7px;
        }
    
    /* styles.css */
p.grand-total {
    font-size: 14px;
    padding-left: 5px;
}

        h1 {
        text-align: left; /* Align h1 text to the left */
        color: #333;
        font-size:20px;
        font-weight:bold;
        }
    
    
        /* Form Styles */
        label {
        display: block;
        margin-bottom: 5px;
        text-align: left; /* Align labels to the left */
        }
    
    
        /* Radio Buttons Styles */
        input[type="radio"] {
        display: none; /* Hide the default radio input */
        }
    
    
        /* Create custom radio button appearance */
        input[type="radio"] + label {
        padding: 15px 30px 15px 30px;
        background-color: #fff;
        color: black;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        line-height: 1;
        font-weight:400;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        font-size: 14px;
        width: 40%;
        }
    
    
        /* Style for when the radio button is checked */
        input[type="radio"]:checked + label {
        background-color: #16BDB8;
        color:white;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    
    
        /* .two-column-container styles */
        .two-column-container {
        display: inline-block;
    
        width: 100%; /* Full width */
        }
    
        /* Style for the first column (70%) */
        .column:first-child {
        width: 100%; /* 70% width for the first column */
        }
    
        /* Style for the second column (30%) */
        .column:last-child {
        width: auto; /* 30% width for the second column */
        }
    
    
    
        /* Style for "Property Type" radio buttons */
.radio-pair input[type="radio"]#primaryResidence,
.radio-pair input[type="radio"]#investmentProperty {
    display: none; /* Hide the default radio input */
}

.radio-pair input[type="radio"]#primaryResidence + label,
.radio-pair input[type="radio"]#investmentProperty + label {
    padding: 10px 20px 10px 20px;
    font-size: 10px; /* Reduce font size for labels */
    margin-right: 0px; /* Add margin between labels */
    border-radius: 5px;
    cursor: pointer;
        margin-bottom:20px;

    text-align: center;
    line-height: 1;
    width: 130px;
    display: inline-block;
    transition: background-color 0.3s ease; /* Add transition animation */

}   

/* Style for "First Home Buyer" radio buttons */
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes,
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo {
    display: none; /* Hide the default radio input */
}

.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes + label,
.radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo + label {
    padding: 10px 10px 10px 10px;
    font-size: 10px; /* Reduce font size for labels */
    margin-right: 10px; /* Add margin between labels */
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-bottom:20px;
    line-height: 1;
    width: 60px;
    display: inline-block;
    transition: background-color 0.3s ease; /* Add transition animation */


}


    
    
    
    
    
    
    
    
        /* Fee Breakdown Styles */
        #feeBreakdown {
        text-align: left; /* Align fee breakdown text to the left */
        margin-top: 20px;
        }
    
    
        #feeBreakdown h2 {
        font-size: 12px;
        color: #333;
        padding-left: 5px;
        font-weight:500;
        }
    
    
        table {
            font-size:12px;
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
        align-items: center;
        }
    
    
        table, th, td {
        border: 1px solid #ccc;
        }
    
    
        th, td {
        padding: 10px;
        text-align: left;
        width: 50%;
        }
    
    
        th {
        background-color: #f2f2f2;
        }
    
    
        #grandTotal {
        font-size: 14px;
        color: #333;
        }
    
    
        /* Style for select options */
        select {
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 100%;
        }
    
    
        /* Style for select options when hovering */
        select option:hover {
        background-color: #16BDB8; /* Your desired hover color */
        }
    
    
        /* Style for labels */
        label {
        font-weight: 500;
        font-size: 12px;
        color: #333;
        }
    
    
        /* Style fo/* style.css */
    /* Global Styles */
    
    
        .card {
            width: 100%px;
            padding: 0px;
            background-color: #fff;
           
            border-radius: 7px;
            font-family:"Noto Sans", Sans-serif;
            }
        
        
            h1 {
            text-align: left; /* Align h1 text to the left */
            color: #333;
            font-weight: 600;
            font-family: "Eastman Roman", Sans-serif;
            }
        
        /* styles.css */
    p.grand-total {
        font-size: 18px;
        padding-left: 10px;
        font-weight: 500;
        margin-top: 10px;
    }
    
            /* Form Styles */
            label {
            display: block;
            margin-bottom: 5px;
            text-align: left; /* Align labels to the left */
            }
        
        
            /* Radio Buttons Styles */
            input[type="radio"] {
            display: none; /* Hide the default radio input */
            }
        
        
            /* Create custom radio button appearance */
            input[type="radio"] + label {
            padding: 15px 30px 15px 30px;
            background-color: #fff;
            color: black;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            text-align: center;
            line-height: 1;
            font-weight:400;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            font-size: 14px;
            width: 40%;
            }
        
        
            /* Style for when the radio button is checked */
            input[type="radio"]:checked + label {
            background-color: #16BDB8;
            color:white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
        
        
            /* .two-column-container styles */
            .two-column-container {
            display: flex;
        
            width: 100%; /* Full width */
            }
        
            /* Style for the first column (70%) */
            .column:first-child {
            width: 60%; /* 70% width for the first column */
            }
        
            /* Style for the second column (30%) */
            .column:last-child {
            width: auto; /* 30% width for the second column */
            }
        
        
        
            /* Style for "Property Type" radio buttons */
    .radio-pair input[type="radio"]#primaryResidence,
    .radio-pair input[type="radio"]#investmentProperty {
        display: none; /* Hide the default radio input */
    }
    
    .radio-pair input[type="radio"]#primaryResidence + label,
    .radio-pair input[type="radio"]#investmentProperty + label {
        padding: 10px 20px 10px 20px;
        font-size: 14px; /* Reduce font size for labels */
        margin-right: 10px; /* Add margin between labels */
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        line-height: 1;
        width: 180px;
        display: inline-block;
        transition: background-color 0.3s ease; /* Add transition animation */
    
    }   
    
    /* Style for "First Home Buyer" radio buttons */
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes,
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo {
        display: none; /* Hide the default radio input */
    }
    
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes + label,
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo + label {
        padding: 10px 20px 10px 20px;
        font-size: 14px; /* Reduce font size for labels */
        margin-right: 10px; /* Add margin between labels */
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        line-height: 1;
        width: 100px;
        display: inline-block;
        transition: background-color 0.3s ease; /* Add transition animation */
    
    
    }
    
    
        
        
        
        
        
        
        
        
            /* Fee Breakdown Styles */
            #feeBreakdown {
            text-align: left; /* Align fee breakdown text to the left */
            margin-top: 20px;
            }
        
        
            #feeBreakdown h2 {
            font-size: 16px;
            color: #333;
            padding-left: 5px;
            }
        
        
            table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            align-items: center;
            }
        
        
            table, th, td {
            border: 1px solid #ccc;
            }
        
        
            th, td {
            padding: 10px;
            text-align: left;
            width: 50%;
            }
        
        
            th {
            background-color: #f2f2f2;
            }
        
        
            #grandTotal {
            font-size: 18px;
            color: #333;
            }
        
        
            /* Style for select options */
            select {
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            width: 100%;
            }
        
        
            /* Style for select options when hovering */
            select option:hover {
            background-color: #16BDB8; /* Your desired hover color */
            }
        
        
            /* Style for labels */
            label {
            font-weight: 500;
            font-size: 14px;
            color: #333;
            }
        
        
            /* Style for the range container */
            .range-container {
            display: flex;
            align-items: center;
            }
        
        
            /* Style for the range slider */
            input[type="range"] {
            width: 100%; /* Adjust the width as needed */
            padding: 5px;
            margin-right: 10px; /* Add spacing between the slider and money value */
            border: 1px solid #ccc;
            border-radius: 5px;
            }
        
        
            /* Style for the money value */
            .money-value {
            font-weight: bold;
            font-size: 14px;
            color: #42cf7b; /* Your desired color */
            }
            
            #state{
                margin-bottom: 30px;
            }
    /* Mobile responsiveness */
    @media screen and (max-width: 767px) {
                .card {
            width: 100%px;
            padding: 20px;
            background-color: #fff;
            font-family:"Noto Sans", Sans-serif;
            border-radius: 7px;
            }
        
        /* styles.css */
    p.grand-total {
        font-size: 14px;
        padding-left: 5px;
    }
    
            h1 {
            text-align: left; /* Align h1 text to the left */
            color: #333;
            font-size:20px;
            font-weight:bold;
                    font-family: "Eastman Roman", Sans-serif;
    
            }
        
        
            /* Form Styles */
            label {
            display: block;
            margin-bottom: 5px;
            text-align: left; /* Align labels to the left */
            }
        
        
            /* Radio Buttons Styles */
            input[type="radio"] {
            display: none; /* Hide the default radio input */
            }
        
        
            /* Create custom radio button appearance */
            input[type="radio"] + label {
            padding: 15px 30px 15px 30px;
            background-color: #fff;
            color: black;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            text-align: center;
            line-height: 1;
            font-weight:400;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            font-size: 14px;
            width: 40%;
            }
        
        
            /* Style for when the radio button is checked */
            input[type="radio"]:checked + label {
            background-color: #16BDB8;
            color:white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
        
        
            /* .two-column-container styles */
            .two-column-container {
            display: inline-block;
        
            width: 100%; /* Full width */
            }
        
            /* Style for the first column (70%) */
            .column:first-child {
            width: 100%; /* 70% width for the first column */
            }
        
            /* Style for the second column (30%) */
            .column:last-child {
            width: auto; /* 30% width for the second column */
            }
        
        
        
            /* Style for "Property Type" radio buttons */
    .radio-pair input[type="radio"]#primaryResidence,
    .radio-pair input[type="radio"]#investmentProperty {
        display: none; /* Hide the default radio input */
    }
    
    .radio-pair input[type="radio"]#primaryResidence + label,
    .radio-pair input[type="radio"]#investmentProperty + label {
        padding: 10px 1px 10px 1px;
        font-size: 10px; /* Reduce font size for labels */
        margin-right: 5px; /* Add margin between labels */
        border-radius: 5px;
        cursor: pointer;
            margin-bottom:20px;
    
        text-align: center;
        line-height: 1;
        width: 120px;
        display: inline-block;
        transition: background-color 0.3s ease; /* Add transition animation */
    
    }   
    
    /* Style for "First Home Buyer" radio buttons */
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes,
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo {
        display: none; /* Hide the default radio input */
    }
    
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerYes + label,
    .radio-pair.smaller-buttons input[type="radio"]#firstHomeBuyerNo + label {
        padding: 10px 10px 10px 10px;
        font-size: 10px; /* Reduce font size for labels */
        margin-right: 10px; /* Add margin between labels */
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        margin-bottom:20px;
        line-height: 1;
        width: 60px;
        display: inline-block;
        transition: background-color 0.3s ease; /* Add transition animation */
    
    
    }
    
    
        
        
        
        
        
        
        
        
            /* Fee Breakdown Styles */
            #feeBreakdown {
            text-align: left; /* Align fee breakdown text to the left */
            margin-top: 20px;
            }
        
        
            #feeBreakdown h2 {
            font-size: 12px;
            color: #333;
            padding-left: 5px;
            font-weight:500;
            }
        
        
            table {
                font-size:12px;
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            align-items: center;
            }
        
        
            table, th, td {
            border: 1px solid #ccc;
            }
        
        
            th, td {
            padding: 10px;
            text-align: left;
            width: 50%;
            }
        
        
            th {
            background-color: #f2f2f2;
            }
        
        
            #grandTotal {
            font-size: 14px;
            color: #333;
            }
        
        
            /* Style for select options */
            select {
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            width: 100%;
            }
        
        
            /* Style for select options when hovering */
            select option:hover {
            background-color: #16BDB8; /* Your desired hover color */
            }
        
        
            /* Style for labels */
            label {
            font-weight: 500;
            font-size: 12px;
            color: #333;
            }
        
        
            /* Style for the range container */
            .range-container {
            display: flex;
            align-items: center;
            }
        
        
            /* Style for the range slider */
            input[type="range"] {
            width: 100%; /* Adjust the width as needed */
            padding: 5px;
            margin-right: 10px; /* Add spacing between the slider and money value */
            border: 1px solid #ccc;
            border-radius: 5px;
            }
        
        
            /* Style for the money value */
            .money-value {
            font-weight: bold;
            font-size: 12px;
            color: #42cf7b; /* Your desired color */
            }
        #state{
            font-size:12px;
        }
        
    }r the range container */
        .range-container {
        display: flex;
        align-items: center;
        }
    
    
        /* Style for the range slider */
        input[type="range"] {
        width: 100%; /* Adjust the width as needed */
        padding: 5px;
        margin-right: 10px; /* Add spacing between the slider and money value */
        border: 1px solid #ccc;
        border-radius: 5px;
        }
    
    
        /* Style for the money value */
        .money-value {
        font-weight: bold;
        font-size: 12px;
        color: #42cf7b; /* Your desired color */
        }
    #state{
        font-size:12px;
    }
    
}/* End custom CSS */