/*Print*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





.seed_tax_calculator.seed_calculator {
    margin-top: 10.416666666666668vw;
}

.taxCalculator_row {
    margin: 0 auto;
    position: relative;
    background: #fff;
    max-width: 88.889vw;
    border-radius: 0.9722222222222222vw;
    border: 1px solid #EEEEEE;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 1;
}

.logo_row {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 2.083333333333333vw 3.4722222222222223vw;
    background-color: #f9f9f9;
}

.tax_leftLayout {
    width: calc(100% - 34.722vw);
    padding: 4.166666666666666vw;
}

.tax_rightLayout {
    max-width: 34.722vw;
    width: 100%;
    background: #F9F9F9;
    border-radius: 0 0.9722222222222222vw 0.9722222222222222vw 0;
    padding: 4.166666666666666vw;
}

.tax_leftLayout h2.theme-color {
    margin: 0 0 0.5555555555555556vw;
    font-size: 2.7777777777777777vw;
    line-height: 3.8194444444444446vw;
    font-weight: 300;
    color: #002930;
    font-family: "Halyard Display", Sans-serif;
}

.tax_leftLayout .text-large {
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    font-weight: 300;
    color: #002930;
    font-family: "Halyard Display", Sans-serif;
}

.toplayout,
.bottomlayout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tax_leftLayout .slider-container {
    color: #002930;
    margin: 2.7777777777777777vw 0;
}

.tax_leftLayout .slider-label {
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    font-weight: 300;
    color: #002930;
    font-family: "Halyard Display", Sans-serif;
}

.output-price,
.slider-label {
    margin-left: auto;
    margin-right: auto;
}

.toplayout>* {
    width: calc(50% - 0.4166666666666667vw);
    position: relative;
    padding: 0 0 1.3888888888888888vw;
    margin-top: 2.7777777777777777vw;
}

.toplayout_selectbox label {
    font-weight: 400;
    color: #002930;
    font-family: "Halyard Display", Sans-serif;
    font-size: 0.9722222222222222vw;
    line-height: 1.7361111111111112vw;
    margin: 0px 0 0.2777777777777778vw;
    display: block;
}

.required_sign {
    color: red;
}

.toplayout_selectbox select {
    padding: 0.625vw 0.9027777777777777vw;
    padding-right: 2.7777777777777777vw;
    font-weight: 300;
    color: #002930;
    font-family: "Halyard Display", Sans-serif;
    font-size: 0.9722222222222222vw;
    line-height: 1.7361111111111112vw;
    width: 100%;
    border-color: rgb(0 41 48 / 30%);
    border-radius: 0.2777777777777778vw;
    appearance: none;
    cursor: pointer;
    background: url('https://assets-global.website-files.com/655b0e798f5ceecb4fded907/65a66ee57767238a8b030b3f_Vector%2015.svg')no-repeat calc(100% - 13px) center/12px;
}

.toplayout_selectbox select:focus-visible {
    outline: none;
}

.validation_msg {
    color: red;
    font-size: 0.9027777777777777vw;
    font-weight: 300;
    line-height: 1.3888888888888888vw;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 500;
    margin: 0.3472222222222222vw 0 0;
    letter-spacing: 0.020833333333333332vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bronze-btn {
    padding: 0.06944444444444445vw;
    border-radius: 300px;
    background-image: linear-gradient(80deg, #ef9f80, #a35539);
    justify-content: center;
    align-items: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

button.frm_btns {
    cursor: pointer;
    padding: 0.6944444444444444vw 1.5161111111111112vw 0.625vw;
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    background: #fff;
    border: 1px solid #EF9F80;
    border-radius: 2.083333333333333vw;
    transition: 0.4s ease;
    color: #002930 !important;
    font-weight: 300;
    background-color: #fff !important;
    outline: none !important;
}

button#print_result:hover,
button.frm_btns:hover {
    background: #fff;
    color: #fff;
    border-color: transparent;
    background: transparent !important;
}
/* button.frm_btns:hover{
    color: #002930 !important;
} */
button#clear_btn{
    color: #002930 !important;
}
button#clear_btn:hover{
color: #fff !important;
}

button#print_result:hover{
    background-color: transparent !important;
    color: #fff !important;
}
button#calculate_btn {
    padding-right: 3.4722222222222223vw;
    position: relative;
    background-color: #002930 !important;
    outline: none !important;
    color: #fff !important;
}

button#calculate_btn::after {
    content: '';
    position: absolute;
    right: 1.6666666666666667vw;
    top: 50%;
    transform: translateY(-50%);
    background: url('https://assets-global.website-files.com/655b0e798f5ceecb4fded907/65a6748ffd935ba938e1e1ec_icon.svg')no-repeat center/contain;
    width: 1.1805555555555556vw;
    height: 0.8333333333333334vw;
}

button#calculate_btn:hover {
    background: transparent !important;
}

.tax_rightLayout>h3 {
    font-size: 1.6666666666666667vw;
    line-height: 3.8194444444444446vw;
    margin: 0;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 400;
}

.billing_details {
    margin-top: 2.7777777777777777vw;
}

.billing_details>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.8333333333333334vw;
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 300;
}

.billing_details .label {
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    margin: 0;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 300;
}

.total_pyable span.label {
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    margin: 0;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 300;
    margin-top: 2.7777777777777777vw;
}

.billing_details .label_values {
    text-align: right;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 400;
}

.billing_details>div:not(:last-child) {
    margin-bottom: 0.8333333333333334vw;
}

.totalPyable_price {
    font-size: 2.7777777777777777vw;
    line-height: 3.8194444444444446vw;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 300;
}

.tax_rightLayout .bronze-btn {
    margin-top: 2.7777777777777777vw;
}

.slider-container .slider-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.inputWihVal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.slider-container input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: .139vw;
    background: #ef9f80;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: .694vw;
    width: 2.083vw;
    height: .833vw;
    background: #002930;
    cursor: pointer;
}

.taxCalculator_row .inputBtn_db_mp {
    background: rgb(179 108 83 / 10%);
    color: #000;
    border: 0.069vw solid #a75b40;
    max-width: 10.347vw;
}

.slider-container .slider-label>:not(:last-child) {
    margin-right: 0.6944444444444444vw;
}

.slider-container .slider-label>:not(:last-child) {
    margin-right: 0.6944444444444444vw;
}

.slider-label {
    margin-bottom: 1.0416666666666665vw;
}

button#calculate_btn:focus-visible{
    outline: none;
    border: 1px solid transparent;
    background-color: #002930;
}
button#calculate_btn:focus{
    background-color: #002930;
}
button#print_result:focus-visible{
    outline: none;
    border: 1px solid transparent;
    background-color: #FFF; 
    color: #002930;
}
button.frm_btns:focus-visible{
    outline: none;
    border: 1px solid transparent;
    background-color: #FFF;
    color: #002930;
}

button#print_result:focus, button.frm_btns:focus{
    background-color: #FFF;
    color: #002930;
}



.mortgage_calculator .slider-label {

    margin-bottom: 1.0416666666666665vw;
    font-size: 1.25vw;
    line-height: 1.7361111111111112vw;
    color: #fff;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 300;
}
.mortgage_calculator .slider-label span {
    font-weight: 400;
}
.mortgage_calculator .slider-label .output-price{
    font-size: 2.7777777777777777vw;
    line-height: 3.8194444444444446vw;
    color: #fff;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 400;
}
.mortgage_calculator .button-container {
    width: 100%;
    max-width: 19.333vw;
    text-align: right;
}
.mortgage_calculator .white-btn {
    width: 100%;
    gap: 0.5555555555555556vw;
    align-items: center;
    border-radius: 8.333333333333332vw;
    justify-content: center;
    padding: .66vw 1.609vw .661vw;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.736vw;
    border: 0;
    background: #fff;
    color: #002930;
    outline: none;
}
.mortgage_calculator .white-btn:hover {
    background: #002930;
    color: #fff;
}
.mortgage_calculator .slider-last-flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3.4722222222222223vw;
    display: flex;
}
.mortgage_calculator  .slider-last-flex-inner {
    gap: 1.7361111111111112vw;
    flex-wrap: wrap;
    max-width: 21.25vw;
    display: flex;
}
.mortgage_calculator  .counter-container {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.slider-label.slider-label-qtity {
    margin: 0;
    margin-right: 1.597222222222222vw;
}
.inputBtn_db_mp {
    width: 100%;
    max-width: 10vw !important;
    padding: .347vw .556vw !important;
    border: .069vw solid #a75b40 !important;
    color: #fff;
    height: max-content;
    line-height: 1.3;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
    font-weight: 400;
    letter-spacing: .035vw;
    font-size: 1.667vw;
    background: #b36c53;
    border-radius: .347vw;
    outline: none;
}
input[type="text"]:focus-visible.inputBtn_db_mp {
    border-color: #a75b40 !important;
}
.counter-btn {
    width: 1.3888888888888888vw ;
    height: 1.3888888888888888vw;
    background: #002a30;
    border: none;
    border-radius: 0.1388888888888889vw;
    color: #fff;
    cursor: pointer !important;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.1388888888888889vw;
    display: flex;
    font-size: 1.1111111111111112vw;
    padding-top: 0;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
    flex: none;
}
.counter-container [type=button]:focus, .counter-container [type=button]:hover, .counter-container [type=submit]:focus, .counter-container[type=submit]:hover, .counter-container button:focus, .counter-container button:hover {
    background-color: #002a30;
}
.counter-container .counter-btn:focus, .counter-container .counter-btn:focus-visible{
    outline: none;

}
 /* input[type=range]:focus::-webkit-slider-thumb {
    background: #fff;
} */
.counter-container>.counter-input {
    margin: 0 0.3472222222222222vw;
    max-width: 4.161vw;
    background: #b36c53;
    border: 1px solid #a75b40 !important;
    border-radius: 0.1388888888888889vw;
    height: 1.3888888888888888vw;
    outline: none;
    box-shadow: none;
    border: 0;
    appearance: none !important;
    width: 4.161vw;
    padding: 0;
}
input[type="number"]:focus-visible.counter-input {
    border-color: #a75b40 !important;
}
.mortgage_calculator .counter-container:nth-child(2) .slider-label-qtity {
    margin-right: 1.25vw;
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.counter-input {
    color: #fff;
    background: 0 0;
    border: 0;
    margin: 0;
    width: 60px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.8333333333333334vw;
    line-height: 1.1805555555555556vw;
    font-weight: 400;
    font-family: "Halyard Display", Sans-serif;
}
.mortgage_calculator .slider-container {
    margin: 2.7777777777777777vw 0;

}
.mortgage_calculator .staticVal {
    font-weight: 400;
    font-size: 0.8333333333333334vw;
    line-height: 1.1805555555555556vw;
    padding: 0 0 .417vw;
    color: #fff;
    font-family: "Halyard Display", Sans-serif;
    font-weight: 400;
}
.counter-input #spin {
    display: none !important;
}
.seed-custom-search-sec .my-button a{
    transition: unset !important;
}

.seeds-mortgage-calcu{
    background: linear-gradient(49deg, #ef9f80 -92.22%, #a35539 118%)
}
.slider-container .slider-label span {
    font-weight: 400;
}
.taxCalculator_row.print{margin: 20px auto 0; color: #002930; font-weight: 400;}
.taxCalculator_row.print * {font-weight: 400 !important;}
.taxCalculator_row.print .tax_leftLayout, .taxCalculator_row.print .tax_rightLayout {width: 100%;max-width: 100%;}
.taxCalculator_row.print .tax_leftLayout .slider-label{margin: 0; font-size: 16px; flex-direction: column; text-align: center;}
.taxCalculator_row.print form#tax_form {display: flex;flex-wrap: wrap;margin: 0;}
.taxCalculator_row.print .p60 {padding: 30px 50px;}
.taxCalculator_row.print .mt40 {margin-top: 20px;}
.taxCalculator_row.print form#tax_form > * {width: 100%;}
.taxCalculator_row.print form#tax_form > .slider-container {margin: 20px 0;width: 50%;}
.taxCalculator_row.print .frm_btns, .taxCalculator_row.print .inputWihVal, .taxCalculator_row.print .bottomlayout{display: none;}
.taxCalculator_row.print .toplayout_selectbox select{background: transparent;line-height: 32px;font-size: 14px;border-color: #002930;padding: 12px 13px 15px 13px;height: 56px;}
.taxCalculator_row.print .toplayout_selectbox label{font-size: 14px;}
.taxCalculator_row.print .tax_leftLayout h2.theme-color, .taxCalculator_row.print .totalPyable_price{font-size: 40px;}
.taxCalculator_row.print .tax_leftLayout .text-large, .taxCalculator_row.print .billing_details > div, .taxCalculator_row.print .total_pyable span.label{font-size: 16px;}
.taxCalculator_row.print .tax_rightLayout > h3{font-size: 24px; font-family: 'Poppins', sans-serif;}
.billing_details > div:not(:last-child){margin-bottom: 12px;}
.taxCalculator_row.print .slider-container label.slider-label > *:not(:last-child) {margin: 0 0 3px;}
.taxCalculator_row.print .tax_leftLayout .slider-label > *{width: 100%;}
.taxCalculator_row.print * {font-family: 'Poppins', sans-serif !important;}
.taxCalculator_row.print .inputBtn_db_mp{display: none;}
.taxCalculator_row.print .default_val.hide { display: inline-block !important; }

.logo_row {display: none;align-items: center;justify-content: space-between;width: 100%;padding: 30px 50px;background-color: #f9f9f9;}
.logo_row > *{width: 50%;}
.contact_info p{margin: 0;font-size: 18px;line-height: 24px;}
.contact_info p:not(:last-child){margin-bottom: 5px;}
.logo_row > .contact_info {text-align: right;}
.contact_info a{color: #000000;text-decoration: none;}
.taxCalculator_row.print .logo_row{display: flex;}
.taxCalculator_row.print .tax_leftLayout .text-large{line-height:23px}
.taxCalculator_row.print .bronze-btn{margin:0;background:#fff0}
.taxCalculator_row.print .validation_msg{display:none!important}
/*Print*/


@media (max-width:1280px) {
    .seed_tax_calculator.seed_calculator {
        margin-top: 11.71875vw;
    }

    .taxCalculator_row {
        border-radius: 1.09375vw;
    }

    .tax_leftLayout {
        width: calc(100% - 34.722vw);
    }

    .tax_rightLayout {
        max-width: 34.722vw;
        width: 100%;
        border-radius: 0 1.09375vw 1.09375vw 0;
        padding: 4.6875vw;
    }

    .tax_leftLayout h2.theme-color {
        margin: 0 0 0.625vw;
        font-size: 3.125vw;
        line-height: 4.296875vw;
    }

    .tax_leftLayout .text-large {
        font-size: 1.40625vw;
        line-height: 1.7361111111111112vw;
    }

    .tax_leftLayout .slider-container {
        margin: 3.125vw 0;
    }

    .tax_leftLayout .slider-label {
        font-size: 1.40625vw;
        line-height: 1.953125vw;
    }

    .toplayout>* {
        width: calc(50% - 0.46875vw);
        padding: 0 0 1.5625vw;
        margin-top: 3.125vw;
    }

    .toplayout_selectbox label {
        font-size: 1.09375vw;
        line-height: 1.953125vw;
        margin: 0px 0 0.3125vw;
    }


    .toplayout_selectbox select {
        padding: 0.703125vw 1.015625vw;
        padding-right: 3.125vw;
        font-size: 1.09375vw;
        line-height: 1.953125vw;
        border-radius: 0.3125vw;
    }

    .validation_msg {
        font-size: 1.015625vw;
        line-height: 1.5625vw;
        margin: 0.390625vw 0 0;
        letter-spacing: 0.0234375vw;
    }

    .bronze-btn {
        padding: 0.078125vw;
    }

    button.frm_btns {
        padding: 0.78125vw 1.953125vw 0.703125vw;
        font-size: 1.40625vw;
        line-height: 1.953125vw;
        border-radius: 2.34375vw;
    }

    button#calculate_btn {
        padding-right: 3.90625vw;
    }

    button#calculate_btn::after {
        right: 1.875vw;
        width: 1.328125vw;
        height: 0.9375vw;
    }
    .tax_rightLayout>h3 {
        font-size: 1.875vw;
        line-height: 4.296875vw;
    }

    .billing_details {
        margin-top: 3.125vw;
    }

    .billing_details>div {
        grid-column-gap: 0.9375vw;
        font-size: 1.40625vw;
        line-height: 1.953125vw;

    }

    .billing_details .label {
        font-size: 1.40625vw;
        line-height: 1.953125vw;
    }

    .total_pyable span.label {
        font-size: 1.40625vw;
        line-height: 1.953125vw;
        margin-top: 3.125vw;
    }



    .billing_details>div:not(:last-child) {
        margin-bottom: 0.9375vw;
    }

    .totalPyable_price {
        font-size: 3.125vw;
        line-height: 4.296875vw;
    }

    .tax_rightLayout .bronze-btn {
        margin-top: 3.125vw;
    }
   
    .slider-container .slider-label>:not(:last-child) {
        margin-right: 0.78125vw;
    }

    .slider-container .slider-label>:not(:last-child) {
        margin-right: 0.78125vw;
    }

    .slider-label {
        margin-bottom: 1.171875vw;
    }
    .mortgage_calculator .slider-label {
        margin-bottom: 1.171875vw;
        font-size: 1.40625vw;
        line-height: 1.953125vw;
    }
    
    .mortgage_calculator .slider-label .output-price{
        font-size: 3.125vw;
        line-height: 4.296875vw;
    }
    .mortgage_calculator .button-container {
        width: 100%;
        max-width: 23.333vw;
        text-align: right;
    }
    .mortgage_calculator .white-btn {
        gap: 0.625vw;
        border-radius: 9.375vw;
        padding: .96vw 2.09vw .961vw;
        font-size: 1.40625vw;
        line-height: 1.953125vw;
    }
    .mortgage_calculator .slider-last-flex {
        gap: 3.90625vw;

    }
    .mortgage_calculator  .slider-last-flex-inner {
        gap: 1.953125vw;
        max-width: 23.25vw;
    }
    
    .slider-label.slider-label-qtity {
        margin: 0;
        margin-right: 1.7968749999999998vw;
    }
    .inputBtn_db_mp {
        max-width: 11.722vw !important;
        padding: .47vw .656vw !important;
        border: .079vw solid #a75b40 !important;
        letter-spacing: .045vw;
        font-size: 1.867vw;
        border-radius: .47vw;
    }
    .counter-btn {
        width: 1.5625vw ;
        height: 1.5625vw;
        border-radius: 0.15625vw;
        padding-bottom: 0.25625vw;
        font-size: 1.25vw;
    }
  
    .counter-container>.counter-input {
        margin: 0 0.390625vw;
        max-width: 5.861vw;
        background: #b36c53;
        border: 1px solid #a75b40;
        border-radius: 0.15625vw;
        height: 1.5625vw;
    }
    .counter-input {
        width: 4.6875vw;
        font-size: 0.9375vw;
        line-height: 1.328125vw;
    }
    .mortgage_calculator .slider-container {
        margin: 3.125vw 0;
    
    }
    .mortgage_calculator .staticVal {
        font-weight: 400;
        font-size: 0.9375vw;
        line-height: 1.328125vw;
        padding: 0 0 .517vw;
    }
}

@media (max-width:1024px) {
    .seed_tax_calculator.seed_calculator {
        margin-top: 120px;
    }

    .taxCalculator_row {
        max-width: 100%;
        border-radius: 14px;
    }

    .tax_leftLayout {
        width: 100%
    }

    .tax_rightLayout {
        max-width: 100%;
        width: 100%;
        border-radius: 0 14px 14px 0;
        padding: 60px;
    }

    .tax_leftLayout h2.theme-color {
        margin: 0 0 8px;
        font-size: 40px;
        line-height: 55px;
        font-weight: 300;
        color: #002930;
        font-family: "Halyard Display", Sans-serif;
    }

    .tax_leftLayout .text-large {
        font-size: 18px;
        line-height: 21px;
        font-weight: 300;
        color: #002930;
        font-family: "Halyard Display", Sans-serif;
    }

    .toplayout,
    .bottomlayout {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .bottomlayout {
        gap: 20px;
    }

    .tax_leftLayout .slider-container {
        color: #002930;
        margin: 40px 0;
    }

    .tax_leftLayout .slider-label {
        color: #002930;
        font-size: 18px;
        line-height: 1.4;
    }

    .output-price,
    .slider-label {
        margin-left: auto;
        margin-right: auto;
    }

    .toplayout>* {
        width: calc(50% - 6px);
        position: relative;
        padding: 0 0 20px;
        margin-top: 40px;
    }

    .toplayout_selectbox label {
        font-weight: 400;
        color: #002930;
        font-family: "Halyard Display", Sans-serif;
        font-size: 14px;
        line-height: 25px;
        margin: 0px 0 4px;
        display: block;
    }

    .required_sign {
        color: red;
    }

    .toplayout_selectbox select {
        padding: 9px 13px;
        padding-right: 40px;
        font-weight: 300;
        color: #002930;
        font-family: "Halyard Display", Sans-serif;
        font-size: 14px;
        line-height: 25px;
        width: 100%;
        border-color: rgb(0 41 48 / 30%);
        border-radius: 4px;
        appearance: none;
        cursor: pointer;
        background: url('https://assets-global.website-files.com/655b0e798f5ceecb4fded907/65a66ee57767238a8b030b3f_Vector%2015.svg')no-repeat calc(100% - 13px) center/12px;
    }

    .toplayout_selectbox select:focus-visible {
        outline: none;
    }

    .validation_msg {
        color: red;
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 500;
        margin: 5px 0 0;
        letter-spacing: 0.3px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .bronze-btn {
        padding: 1px;
        border-radius: 100px;
        background-image: linear-gradient(80deg, #ef9f80, #a35539);
        justify-content: center;
        align-items: center;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    button.frm_btns {
        cursor: pointer;
        padding: 10px 25px 9px;
        font-size: 18px;
        line-height: 25px;
        background: #fff;
        border: 1px solid #EF9F80;
        border-radius: 30px;
        transition: 0.4s ease;
        color: #002930;
    }

    button#print_result:hover,
    button.frm_btns:hover,
    button#calculate_btn {
        background: #fff;
        color: #fff;
        border-color: transparent;
        background: transparent;
    }

    button#calculate_btn {
        padding-right: 50px;
        position: relative;
        background-color: #002930;
    }

    button#calculate_btn::after {
        content: '';
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://assets-global.website-files.com/655b0e798f5ceecb4fded907/65a6748ffd935ba938e1e1ec_icon.svg')no-repeat center/contain;
        width: 17px;
        height: 12px;
    }

    button#calculate_btn:hover {
        background: transparent;
    }

    .tax_rightLayout>h3 {
        font-size: 24px;
        line-height: 55px;
        margin: 0;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 400;
    }

    .billing_details {
        margin-top: 40px;
    }

    .billing_details>div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 12px;
        font-size: 18px;
    }

    .billing_details .label {
        font-size: 18px;
        line-height: 25px;
        margin: 0;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 300;
    }

    .total_pyable span.label {
        font-size: 18px;
        line-height: 25px;
        margin: 0;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 300;
        margin-top: 40px;
    }

    .billing_details .label_values {
        text-align: right;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 400;
    }

    .billing_details>div:not(:last-child) {
        margin-bottom: 12px;
    }

    .totalPyable_price {
        font-size: 40px;
        line-height: 55px;
        font-family: "Halyard Display", Sans-serif;
        font-weight: 300;
    }

    .tax_rightLayout .bronze-btn {
        margin-top: 40px;
    }

    .slider-container .slider-label {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .inputWihVal {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .slider-container input[type=range] {
        -webkit-appearance: none;
        width: 100%;
        height: .139vw;
        background: #ef9f80;
        outline: 0;
        opacity: 1;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        border-radius: .694vw;
        width: 2.083vw;
        height: .833vw;
        background: #002930;
        cursor: pointer;
    }

    .taxCalculator_row .inputBtn_db_mp {
        background: rgb(179 108 83 / 10%);
        color: #000;
        border: 0.069vw solid #a75b40;
        max-width: 10.347vw;
    }

    .inputBtn_db_mp {
        width: 100%;
        max-width: 9.722vw;
        padding: .347vw .556vw;
        border: .069vw solid #a75b40;
        color: #fff;
        height: max-content;
        line-height: 1.3;
        -webkit-text-fill-color: unset;
        -webkit-background-clip: unset;
        font-weight: 400;
        letter-spacing: .035vw;
        font-size: 1.667vw;
        background: #b36c53;
        border-radius: .347vw;
    }

    .slider-container .slider-label>:not(:last-child) {
        margin-right: 10px;
    }

    .slider-container .slider-label>:not(:last-child) {
        margin-right: 10px;
    }

    .slider-label {
        margin-bottom: 15px;
    }
    .mortgage_calculator .slider-label {
    font-size: 18px;
    line-height: 25px;
}

.mortgage_calculator .slider-label .output-price{
    font-size: 40px;
    line-height: 55px;
}
.mortgage_calculator .button-container {
    width: 100%;
    max-width: 240px;
    text-align: right;
}
.mortgage_calculator .white-btn {
    width: 100%;
    gap: 8px;
    align-items: center;
    border-radius: 120px;
    justify-content: center;
    padding: 10px;
    font-size: 18px;
    line-height: 25px;
}
.mortgage_calculator .slider-label {
    margin-bottom: 15px;
}
.mortgage_calculator .slider-last-flex {
    gap: 30px;
    max-width: 100%;
}
.mortgage_calculator  .slider-last-flex-inner {
    gap: 25px;
}

.slider-label.slider-label-qtity {
    margin: 0;
    margin-right: 23px;
}
.mortgage_calculator .counter-container:nth-child(2) .slider-label-qtity {
    margin-right: 18px;
}
.inputBtn_db_mp {
    width: 100%;
    max-width: 130px !important;
    padding: 3px 5px !important;
    letter-spacing: .035vw;
    font-size: 18px;
    border-radius: 3px;
}
.counter-btn {
    width: 20px ;
    height: 20px;
    border-radius: 2px;
    padding-bottom: 2px;
    font-size: 16px;
}

.counter-container>.counter-input {
    margin: 0 5px;
    max-width: 60px;
    border-radius: 2px;
    height: 20px;
    width: 60px;
}
.counter-input {
    width: 60px;
    font-size: 12px;
    line-height: 17px;
}
.mortgage_calculator .slider-container {
    margin: 40px 0;

}
.mortgage_calculator .staticVal {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    padding: 0 0 5px;
}

}



@media (max-width:768px) {
    .mortgage_calculator .slider-label .output-price {
        font-size: 32px;
        line-height: 42px;
    }
    .tax_rightLayout, .tax_leftLayout{
        padding: 24px;
    }
    .tax_leftLayout h2.theme-color{
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }
    button.frm_btns, .billing_details > div, .total_pyable span.label, .tax_leftLayout .text-large, .tax_leftLayout .slider-label {
        font-size: 15px;
        line-height: 25px;
    }
    .tax_leftLayout .text-large {
        text-align: center;
    }
    .toplayout>* {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
    .inputBtn_db_mp, .taxCalculator_row .inputBtn_db_mp {
        border-width: 1px;
        max-width: 100px;
    }
    .inputBtn_db_mp {
        font-size: 18px;
        padding: 5px 8px;
        border-radius: 5px;
    }
    input[type=range]::-webkit-slider-thumb {
        border-radius: 10px;
        width: 30px;
        height: 12px;
    }
    .slider-container input[type=range] {
        height: 2px;
    }
    .mortgage_calculator .slider-last-flex {
        /* flex-wrap: wrap; */
        display: block;
    }
    .mortgage_calculator  .slider-last-flex-inner {
        gap: 20px;
        max-width: 100%;
        display: inline-grid;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
    }
    .mortgage_calculator .button-container {
        width: 100%;
        max-width: 320px;
        text-align: center;
        margin: 40px auto  0 auto;
    }
    .validation_msg {
        bottom: -20px;
    }
    
    
}
@media (max-width:767px) {
    .tax_rightLayout .bronze-btn {
        margin-top: 20px;
    }
    .totalPyable_price {
        font-size: 24px;
        line-height: 40px;
    }
    .total_pyable span.label {
        margin-top: 20px;
    }
    .billing_details {
        margin-top: 20px;
    }
    .tax_rightLayout>h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .billing_details .label {
        font-size: 15px;
        line-height: 20px;
    }
}


@media (max-width:480px) {
    .taxCalculator_row.print .logo_row{flex-wrap:wrap;gap:15px}
    .logo_row>.contact_info{text-align:left}
    .logo_row > * {
        width: 100%;
    }
    .taxCalculator_row.print .p60 {
        padding: 30px;
    }
}