.bpc-wrapper *,
.bpc-wrapper{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bpc-wrapper{
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    /* background: linear-gradient(to right, #FFFFFF 0%, 24.52339679002762%, #F9FAFF 49.04679358005524%, 74.52339679002762%, #E9F1FE 100%); */
}

.bpc-container{
    width: min(100%,690px);
    margin: 50px auto;
    
}
.bpc-container >h3{
    color: #334F6E;
    font-size: clamp(1.6rem,2.5vw,4rem);
    /* text-align: center; */
    text-transform: uppercase;
}
.bpc-container >hr{
    width: 100%;
    margin: 0px auto;
    background: #333;
    margin-bottom: 1.2rem;
}
.bpc-container >p{
    /* width: 80%; */
    /* text-align: center; */
    margin: 0px auto;
    color: #999;
    font-size: clamp(1rem,1vw,2rem);
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
@media only screen and (max-width: 640px){
    .bpc-container >p{
        width: 100%;
        padding: 10px;
    }
    .bpc-container >h3 {
        padding: 10px;   
    }
}
.bpc-calculator-box{
    width: 100%;
    /* height: 50vh; */
    /* background: orange; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;   
}
.bpc-calculator-ele{
    width: 100%;
    padding: 2rem;
    /* -webkit-box-shadow: 0px 0px 54px -35px rgba(42,42,42,1);
    -moz-box-shadow: 0px 0px 54px -35px rgba(42,42,42,1);
    box-shadow: 0px 0px 54px -35px rgba(42,42,42,1); */
}


/* Calculator Element Group */
.bpc-calculator-ele{
    padding: 1rem;
    /* border: 1px solid #A5C542; */
    border: 1px solid #334F6E;
    border-radius: 7px;
    border-top: 5px solid #334F6E;
}
.bpc-ce-group >label{
    width: 35%;
    font-size: clamp(0.95rem,1vw,2rem);
}
.showbook_page_error {
    font-size: 0.8rem;
    color: red;
    padding: 0px 0px 0.5rem 0px;
    float: left;
    font-weight: bold;
    display: none;
}
.bpc-ce-group >label i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #333;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    font-style: normal;
    font-family: monospace;
    font-weight: bold;
}


.bpc-ce-group >select{
    width: 70%;
    padding: 0.5rem;
    font-size: clamp(1rem,1vw,2rem);
}
.bpc-ce-group-input {
    width: 70%;
}
.bpc-ce-group-radioGroup {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    /* column-gap: 1rem; */
}
.bpc-ce-group{
    margin-bottom: 1rem;
    clear: both;
}
/* */
.bpc-ce-inline-flex-group{
    display: flex;
    justify-content: space-between;
    align-items: center;   
}

/* Radio Group */

.bpc-ce-group-radioGroup >input[type='radio']{
    display: none;   
}

.bpc-ce-group-radioGroup >input[type='radio'] + label{
    padding: 0.7rem .3rem;
    border: 1px solid #333;
    cursor: pointer;
}

.bpc-ce-group-radioGroup >label{
    line-height: 1;
    margin: 0px;
    font-size: clamp(0.9rem,0.9vw,1rem);
}
.bpc-ce-group-radioGroup >input[type='radio']:checked + label{
    background: #a5c542;
    color: white;
    border: 1px solid #a5c542;
    
}
.bpc-rangeslider {
    display: flex;
    align-items: center;
}

.number,.email,
.userInput {
    width: 150px;
    height: 40px;
    padding: 5px;
    font-size: 18px;
    box-shadow: 0px 2px 10px #0000001A;
    border: 2px solid #BFE094;
    border-radius: 5px;
    outline: transparent;
}
.email {
    width: 200px;
}

/* ION RANGE SLIDER CUSTOMIZATION */
.irs--round.irs-with-grid {
    width: 100%;
}
.irs--round .irs-line{
    height: 2px;
    /* border-radius: 0px; */
}
.irs--round .irs-handle{
    top: 25px;
}
.irs-grid-pol{
    top: 5px;
}
.irs--round .irs-grid-pol{
    /* background-color: #333; */
}
.irs--round .irs-grid-text{
    /* color: #333; */
}
.irs--round .irs-handle{
    border-color: #a5c542;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
    background-color: #a5c542;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
    border-top-color: #a5c542;
}
.irs--round .irs-bar{
    background-color: #a5c542;
    height: 2px;
}


.bpc-customradio-rule >label{
    display: inline-flex;
    min-width: 100px;
    justify-content: center;
    text-align: center;
    margin: 0px 2px;
}

.radiogroup-inlineflex{
    display: flex;
    justify-content: space-between;
}

.bpc-lineheight >input[type='radio'] + label{
    line-height: 22px;
}

.bpc-ce-btn-group{
    display: flex;
    justify-content: flex-end; 
    margin-top: 2rem !important;
    column-gap: 1rem;
}
.bpc-ce-btn-group >button{
    min-width: 10rem;
    border: 0px;
    cursor: pointer;
    outline: 0px;
    padding: 0.5rem;
    font-size: clamp(1rem,1.5vw,2rem);
    font-family: 'Oswald', sans-serif !important;
}
.bpc-ce-btn-group >button[type='reset']{
    background-color: #8ba3be;
    color: white; 
}
.bpc-ce-btn-group >button[type='submit']{
    background-color: #a5c542;
    color: white;
}

/* Result */
/* .bpc-calculator-result-text {
    width: 40%;
} */
.bpc-calculator-result{
    width: 100%;
    /*margin-top: 20px;*/
    min-height: 300px;
   
    border: 1px solid #aaa;
   
    border-radius: 7px;
    padding: 10px 20px;
   
}
.bpc-resut-title {
    font-size: 18px;
    color: #888;
    display: block;
    text-align: center;
}
.bpc-resut-answer {
    font-size: 60px;
    /* color:#A5C542; */
    color: #334F6E;
    /* text-shadow: 0px 2px #a0c436; */
    text-shadow: 0px 2px #334F6E;
    font-weight: bold;
    /*margin-bottom:20px;*/
    display: block;
    text-align: center;
    line-height:60px;
}
.bpc-resut-answer small {
    font-size: 16px;
    font-weight: normal;
    text-shadow: none;
    color:#8ba3be;
}
.bpc-resut-table {
    width: 100%;
}

.bpc-resut-table th,
.bpc-resut-table td {
    text-align: left;
    padding: 10px;
}
.bpc-resut-table td {
    border-bottom: 1px solid #eee;
}
.bpc-resut-table tr:last-child td {
    border: none;
}
.bpc-resut-table td:last-child {
    text-align: right;
}
@media only screen and (max-width: 786px){
    .bpc-calculator-box{
        flex-direction: column;
        padding: 5px;
    }
    .bpc-calculator-ele{
        width: 100%;
    }
    .bpc-ce-group-radioGroup{
        /* align-items: center; */
    }
    .bpc-calculator-result {
        width: 100%;
    }
    
}
@media only screen and (max-width: 640px){
    .bpc-wrapper{
        padding: 0rem;
    }
    .bpc-customradio-rule >label {
        margin: 10px 2px;
    }
    .bpc-ce-inline-flex-group{
        /* flex-direction: column; */
        align-items: center;
    }
    .bpc-ce-group >select,
    .bpc-ce-group-radioGroup{
        width: 100%;
    }
    .bpc-ce-group >label{
        /* margin-bottom: 1rem; */
    }
    .bpc-ce-group >label{
        width: 100%;
    }
    .media-groupflex{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
}


.bpc-customradio-rule{
    display: flex;
    align-items: center;
}

.validator-massage{
    color: #A52A2A;
    font-weight: 600;
}




.resetbtn-bpc{
    background: transparent linear-gradient(180deg, #405F7E 0%, #19324F 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}



.bpc-ce-group >select{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 10px #0000001A;
    border: 2px solid #BFE094 !important;
    outline: transparent;
    border-radius: 5px 0px 0px 5px;
}
.priceBreak{
    color: #639C17;
    font-weight: bold;
}

.bpc-resut-table{
    border-collapse: collapse;
}
.bpc-resut-table td{
    color:#639C17;
    border-color: #639C17;
    
}
.bpc-ce-group >select {
    

    width: 70%;
    background-image: linear-gradient(
270deg
, #BFE094 20px, white 20px);
   
}

.bpc-ce-btn-group >button[type='submit']{
    background: transparent linear-gradient(180deg, #639C17 0%, #72AC24 100%) 0% 0% no-repeat padding-box;
border-radius: 5px;
    color: white;
}
.bpc-calculator-result {
    border-width: 10px;
    border-style: solid;
    border-image: linear-gradient( to bottom, #73CB57, #405F7E ) 0 100%;
}
.bpc-calculator-ele{
    padding: 1rem;
    border-radius: 7px !important;
    border-width: 10px;
    border-style: solid;
    border-image: 
    linear-gradient(
      to bottom, 
      #73CB57, 
      #405F7E
    ) 1 100%;

}

.bpc-ce-group-radioGroup >input[type='radio'] + label{
    padding: 0.7rem .3rem;
    border: 2px solid #BFE094;
    cursor: pointer;
    border-radius: 10px;
    color: #222222;
    
}

.bpc-ce-group-radioGroup >input[type='radio']:checked + label{
    /* background: #a5c542; */
    color: white;
    border: 1px solid transparent;
    opacity: 0.71;
    border: 2px solid transparent;
    background: transparent linear-gradient(180deg, #639C17 0%, #72AC24 100%) 0% 0% no-repeat padding-box !important;
    
}
#bpc_formsubmit{
    border-radius: 30px;
    overflow: hidden;
}
.bpc-wrapper .number,
.email,
.userInput{
    width: 100% !important;
}

.bpc-customradio-rule {
    justify-content:space-between;    
}
.two_radio >label{
    width: calc(100%/2);
}
.bpc-ce-group >label{
    font-size: clamp(0.95rem,0.5vw,1rem);
}
.bpc-resut-table{
    font-size:1rem;
}
.outer-bpc-result{
    width: 100%;
    display:none;
    border-radius: 35px;
    overflow:hidden;
}
.usersendbtn{
    width:100%;
    display:flex;
    justify-content:center;
}
.bpc-result-button{
    width: min(100%,240px);
    margin: 0px auto;
    display: none;
    border: 0px;
    padding: 1rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    background: transparent linear-gradient(180deg, #639C17 0%, #72AC24 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: white;
    outline: none;
    cursor: pointer;
}
.twice_radio >label{
    width: calc(100%/2);
}


.pricebreakdown {
    color: #639C17;
    font-size: 1.2rem;
}
.bpc-success-div {
    display: none;
    color: white;
    width: min(100%,300px);
    margin: 1.5rem auto 0px auto;
    padding: 1rem 0px;
    text-align: center;
    font-weight: 600;
    background: transparent linear-gradient(180deg, #639C17 0%, #72AC24 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-transform: capitalize;
}
/* TOOLTIP STYLING */

/* SimpTip v1.0.4
// a simple CSS tooltip made with Sass
// source: https://github.com/arashmanteghi/simptip/
// ducoment: http://arashm.net/lab/simptip/
// by @ArashManteghi - http://arashm.net */
[data-tooltip]{position:relative;display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}[data-tooltip]:before,[data-tooltip]:after{font-family: sans-serif;font-weight:normal;position:absolute;visibility:hidden;opacity:0;z-index:999999;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}[data-tooltip]:before{content:'';border:6px solid transparent}[data-tooltip]:after{height:22px;padding:11px 11px 0 11px;font-size:13px;line-height:11px;content:attr(data-tooltip);white-space:nowrap}[data-tooltip].simptip-position-top:before{border-top-color:#323232}[data-tooltip].simptip-position-top:after{background-color:#323232;color:#ecf0f1}[data-tooltip].simptip-position-bottom:before{border-bottom-color:#323232}[data-tooltip].simptip-position-bottom:after{background-color:#323232;color:#ecf0f1}[data-tooltip].simptip-position-left:before{border-left-color:#323232}[data-tooltip].simptip-position-left:after{background-color:#323232;color:#ecf0f1}[data-tooltip].simptip-position-right:before{border-right-color:#323232}[data-tooltip].simptip-position-right:after{background-color:#323232;color:#ecf0f1}[data-tooltip].simptip-position-top.half-arrow:before{border-right:7px solid #323232}[data-tooltip].simptip-position-bottom.half-arrow:before{border-right:7px solid #323232}[data-tooltip]:hover,[data-tooltip]:focus{}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after{opacity:1;visibility:visible}.simptip-position-right:before,.simptip-position-left:before,.simptip-position-right:after,.simptip-position-left:after{bottom:50%}.simptip-position-right:before,.simptip-position-left:before{margin-bottom:-5px}.simptip-position-right:after,.simptip-position-left:after{margin-bottom:-14.66667px}.half-arrow.simptip-position-right:before,.half-arrow.simptip-position-left:before{bottom:16px;border-style:none;border-top:7px solid transparent}.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before,.simptip-multiline.simptip-position-right:after,.simptip-multiline.simptip-position-left:after{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);-webkit-filter:blur(0px);filter:blur(0px);margin-bottom:0}.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before{margin-bottom:0}.simptip-multiline.half-arrow.simptip-position-right:before,.simptip-multiline.half-arrow.simptip-position-left:before{margin-bottom:-2px}.simptip-position-right:before,.simptip-position-right:after{left:100%}.simptip-position-right:before{margin-left:-2px}.simptip-position-right:after{margin-left:10px}.simptip-position-right.simptip-movable:before{margin-left:-10px}.simptip-position-right.simptip-movable:after{margin-left:2px}.simptip-position-right.simptip-movable:hover:before,.simptip-position-right.simptip-movable:hover:after{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}.simptip-position-right.simptip-movable.half-arrow:before{margin-left:-5px}.simptip-position-right.simptip-movable.simptip-multiline:hover:before,.simptip-position-right.simptip-movable.simptip-multiline:hover:after{-webkit-transform:translate(10px, 50%);-moz-transform:translate(10px, 50%);-ms-transform:translate(10px, 50%);-o-transform:translate(10px, 50%);transform:translate(10px, 50%)}.simptip-position-right.half-arrow:before{margin-left:3px;border-right:7px solid #323232}.simptip-position-left:before,.simptip-position-left:after{right:100%}.simptip-position-left:before{margin-right:-2px}.simptip-position-left:after{margin-right:10px}.simptip-position-left.simptip-movable:before{margin-right:-10px}.simptip-position-left.simptip-movable:after{margin-right:2px}.simptip-position-left.simptip-movable:hover:before,.simptip-position-left.simptip-movable:hover:after{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px)}.simptip-position-left.simptip-movable.half-arrow:before{margin-right:-5px}.simptip-position-left.simptip-movable.simptip-multiline:hover:before,.simptip-position-left.simptip-movable.simptip-multiline:hover:after{-webkit-transform:translate(-10px, 50%);-moz-transform:translate(-10px, 50%);-ms-transform:translate(-10px, 50%);-o-transform:translate(-10px, 50%);transform:translate(-10px, 50%)}.simptip-position-left.half-arrow:before{margin-right:3px;border-left:7px solid #323232}.simptip-position-bottom:before,.simptip-position-top:before,.simptip-position-bottom:after,.simptip-position-top:after{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.simptip-position-bottom:after,.simptip-position-top:after{width:auto}.half-arrow.simptip-position-bottom:before,.half-arrow.simptip-position-top:before{border-style:none;border-right:7px solid #323232}.simptip-position-bottom:before,.simptip-position-bottom:after{top:100%}.simptip-position-bottom:before{margin-top:-5px}.simptip-position-bottom:after{margin-top:7px}.simptip-position-bottom:hover:before,.simptip-position-bottom:hover:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.simptip-position-bottom.simptip-movable:before{margin-top:-15px}.simptip-position-bottom.simptip-movable:after{margin-top:-3px}.simptip-position-bottom.simptip-movable:hover:before,.simptip-position-bottom.simptip-movable:hover:after{-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);-o-transform:translate(-50%, 10px);transform:translate(-50%, 10px)}.simptip-position-bottom.simptip-movable.half-arrow:before{margin-top:-10px}.simptip-position-bottom.half-arrow:before{margin-top:0;border-top:7px solid transparent}.simptip-position-top:before,.simptip-position-top:after{bottom:100%}.simptip-position-top:before{margin-bottom:-5px}.simptip-position-top:after{margin-bottom:7px}.simptip-position-top:hover:before,.simptip-position-top:hover:after{-webkit-transform:translate(-50%, 0px);-moz-transform:translate(-50%, 0px);-ms-transform:translate(-50%, 0px);-o-transform:translate(-50%, 0px);transform:translate(-50%, 0px)}.simptip-position-top.simptip-movable:before{margin-bottom:-15px}.simptip-position-top.simptip-movable:after{margin-bottom:-3px}.simptip-position-top.simptip-movable:hover:before,.simptip-position-top.simptip-movable:hover:after{-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-transform:translate(-50%, -10px);-o-transform:translate(-50%, -10px);transform:translate(-50%, -10px)}.simptip-position-top.simptip-movable.half-arrow:before{margin-bottom:-10px}.simptip-position-top.half-arrow:before{margin-bottom:0;border-bottom:7px solid transparent}.simptip-movable:before,.simptip-movable:after{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear}.simptip-smooth:after{-webkit-border-radius:4px;border-radius:4px}.simptip-fade:before,.simptip-fade:after{-webkit-transition:opacity 0.2s linear,visibility 0.2s linear;-moz-transition:opacity 0.2s linear,visibility 0.2s linear;-o-transition:opacity 0.2s linear,visibility 0.2s linear;-ms-transition:opacity 0.2s linear,visibility 0.2s linear;transition:opacity 0.2s linear,visibility 0.2s linear}.simptip-multiline:after{height:auto;width:200px;padding:11px;line-height:19px;white-space:normal;text-align:left}.simptip-success.simptip-position-top:before{border-top-color:#62c462}.simptip-success.simptip-position-top:after{background-color:#62c462;color:#ecf0f1}.simptip-success.simptip-position-bottom:before{border-bottom-color:#62c462}.simptip-success.simptip-position-bottom:after{background-color:#62c462;color:#ecf0f1}.simptip-success.simptip-position-left:before{border-left-color:#62c462}.simptip-success.simptip-position-left:after{background-color:#62c462;color:#ecf0f1}.simptip-success.simptip-position-right:before{border-right-color:#62c462}.simptip-success.simptip-position-right:after{background-color:#62c462;color:#ecf0f1}.simptip-success.simptip-position-top.half-arrow:before{border-right:7px solid #62c462}.simptip-success.simptip-position-bottom.half-arrow:before{border-right:7px solid #62c462}.simptip-info.simptip-position-top:before{border-top-color:#5bc0de}.simptip-info.simptip-position-top:after{background-color:#5bc0de;color:#ecf0f1}.simptip-info.simptip-position-bottom:before{border-bottom-color:#5bc0de}.simptip-info.simptip-position-bottom:after{background-color:#5bc0de;color:#ecf0f1}.simptip-info.simptip-position-left:before{border-left-color:#5bc0de}.simptip-info.simptip-position-left:after{background-color:#5bc0de;color:#ecf0f1}.simptip-info.simptip-position-right:before{border-right-color:#5bc0de}.simptip-info.simptip-position-right:after{background-color:#5bc0de;color:#ecf0f1}.simptip-info.simptip-position-top.half-arrow:before{border-right:7px solid #5bc0de}.simptip-info.simptip-position-bottom.half-arrow:before{border-right:7px solid #5bc0de}.simptip-danger.simptip-position-top:before{border-top-color:#e74c3c}.simptip-danger.simptip-position-top:after{background-color:#e74c3c;color:#ecf0f1}.simptip-danger.simptip-position-bottom:before{border-bottom-color:#e74c3c}.simptip-danger.simptip-position-bottom:after{background-color:#e74c3c;color:#ecf0f1}.simptip-danger.simptip-position-left:before{border-left-color:#e74c3c}.simptip-danger.simptip-position-left:after{background-color:#e74c3c;color:#ecf0f1}.simptip-danger.simptip-position-right:before{border-right-color:#e74c3c}.simptip-danger.simptip-position-right:after{background-color:#e74c3c;color:#ecf0f1}.simptip-danger.simptip-position-top.half-arrow:before{border-right:7px solid #e74c3c}.simptip-danger.simptip-position-bottom.half-arrow:before{border-right:7px solid #e74c3c}.simptip-warning.simptip-position-top:before{border-top-color:#e67e22}.simptip-warning.simptip-position-top:after{background-color:#e67e22;color:#ecf0f1}.simptip-warning.simptip-position-bottom:before{border-bottom-color:#e67e22}.simptip-warning.simptip-position-bottom:after{background-color:#e67e22;color:#ecf0f1}.simptip-warning.simptip-position-left:before{border-left-color:#e67e22}.simptip-warning.simptip-position-left:after{background-color:#e67e22;color:#ecf0f1}.simptip-warning.simptip-position-right:before{border-right-color:#e67e22}.simptip-warning.simptip-position-right:after{background-color:#e67e22;color:#ecf0f1}.simptip-warning.simptip-position-top.half-arrow:before{border-right:7px solid #e67e22}.simptip-warning.simptip-position-bottom.half-arrow:before{border-right:7px solid #e67e22}
