html, body{
    padding: 0px;
    margin: 0px;
}

body {
    /*background: #0095ce;*/
    background: #EBEFFB;
    color: #555;
    padding-top: 150px;

}

.wrapper{
    
   max-width: 990px;
   margin: 0 auto;
}

h2 { font-size: 1.9rem; }

span.req{color: red}

/*.card {
    justify-content: space-between;
    box-shadow: 0px 10px 15px rgb(24 55 72 / 22%);
}*/
.btn-primary{
    color: #fff;
    background-color: #299bff;
    border:none;
    border-radius: 30px;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
            box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.btn_prime {
    border: none;
    font-weight: 600;
    position: relative;
    padding: 10px 30px;
    border-radius: 5px;
    background: #FFCD4E;
    color: #000 !important;
    display: inline-block;
    cursor: pointer;
    white-space: break-space;
}
.text-primary{color: #2E5EC1;}
.btn_1{
    color: #fff;
    background-color: #2E5EC1;
    border:none;
    border-radius: 2rem;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
            box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    padding: 0.7rem 2.5rem;
}
.btn_2{
    color: #fff;
    background-color: #00BECB;
    border:none;
    border-radius: 2rem;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
            box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    padding: 0.7rem 2.5rem;
}

.tooltip-inner { 
    max-width: 600px !important; 
}
.inf-odi_card{
    background: #2e5ec1;
    color: #fff;
    border-radius: 18px;
    height: 100%;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: justify;
        align-content: space-between;
}
.btn_1.btn_outline{
    background: transparent;
    color: #2E5EC1;
    border:1px solid #2E5EC1;
    -webkit-box-shadow: 0 0 0 0 rgb(46 78 144 / 30%);
            box-shadow: 0 0 0 0 rgb(46 78 144 / 30%);;
}

.btn_1:hover{
    background-color: #1E4BA8;
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(46 78 144 / 30%);
            box-shadow: 0 0 0 0.2rem rgb(46 78 144 / 30%);
}

.btn_2:hover{
    background-color: #02A8B4;
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(7 74 78 / 25%);
            box-shadow: 0 0 0 0.2rem rgb(7 74 78 / 25%);
}



span#loading img {
    width: auto;
    height: 24px;
    margin-right: 11px;
}

.img_2{
    margin-bottom: -44px;
    position: relative;
    z-index: 2;
}

.shadow_box{
        -webkit-box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
    box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
}

.banner_bg{
    background: rgb(46,94,193);
background: -o-linear-gradient(60deg, rgba(46,94,193,1) 0%, rgba(0,160,193,1) 98%);
background: linear-gradient(30deg, rgba(46,94,193,1) 0%, rgba(0,160,193,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e5ec1",endColorstr="#00a0c1",GradientType=1);
width: 100%;
height: 450px;
position: absolute;
top: 0px;
left: 0px;
    z-index: -1;
}

.home_img1{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom center;
       object-position: bottom center;
}

.form-control{ border-radius: 0px; border-color: #D7DDEF; }

input.num_box {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #666;
    padding-top: 0;
    padding-bottom: 0;
    height: 27px;
    border: none;
    border-bottom: 3px solid rgba(0,0,0,0.3);
    border-radius: 0;
    background: transparent;
}

input.num_box.low{
    border-bottom: 3px solid rgb(0 190 203 / 28%);
    color: #00BECB;
}
input.num_box.medium{
        border-bottom: 3px solid rgb(255 129 19 / 0.29);
    color: #FF8113;
}
input.num_box.high{
        border-bottom: 3px solid rgb(222 8 0 / 0.29);
    color: #de0800;
}

label.low-text{color: #00BECB;}
label.medium-text{color: #FF8113;}
label.high-text{ color: #de0800;}

.form-control-range {
    max-width: calc(75% - 20px);
    margin-right: 20px;
}

.neoradio{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.neoradio input[type="radio"] {
    display: none;
}

.neoradio label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    min-width: 60px;
    padding: 5px ;
    padding-right: 20px;
    margin: 0;
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.neoradio label{
    margin-right: 20px;
    border-radius: 50px;
}
.neoradio label:before{
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 4px;
    background: #00BECB;
    border: 6px solid #fff;
    
}

/*.neoradio label.choice0:before{
    background: url('new_icon.jpg') ;
}*/
.neoradio label:before{
        background-color: #E9E8E8;
}


.neoradio label:first-of-type {
    /*border-radius: 20px;*/
}

.neoradio label:last-of-type {
    border-right: none;
    
}

.neoradio input[type="radio"]:hover+label {
    background-color: rgba(0, 0, 0, .4);
    color: white;
    -webkit-box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
            box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
}

.neoradio input[type="radio"]:hover+label {
    background-color: rgba(0, 0, 0, .4);
    color: white;
    -webkit-box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
            box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
}

.neoradio input[type="radio"]:checked+label {
     background: #00BECB;
    color: white;
    -webkit-box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
            box-shadow: 0 10px 10px -2px rgb(36 101 148 / 30%);
}

.neoradio input[type="radio"]:checked+label:before {
    -webkit-filter: grayscale(0%);
         filter: gray;
    background: #00BECB;
}

.bootstrap-select .dropdown-toggle .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    border: 1px solid #ced4da;
    border-radius: 0px;
    outline: none  !important;
}
.bootstrap-select .dropdown-toggle .filter-option:focus, .bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}

.result_section .shadow_box{
    height: 100%;
}

.result_section .result_title {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.result_section .result_title span{
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.result_section .result_num {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #00BECB;
    background: -webkit-gradient(linear, left bottom, right top, from(#02a1b1), to(#00BECB));
    background: -o-linear-gradient(bottom left, #02a1b1, #00BECB);
    background: linear-gradient(to top right, #02a1b1, #00BECB);
    color: #fff;
    padding: 1rem;
}

.result_section .result_num .count {
    color: #fff !important;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 24px;
}

img.result_icon {
    width: auto;
    height: 45px;
    padding: 0.3rem;
    border-radius: 3px;
    background: #fff;
    margin-right: 15px;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
            box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
}

.invalid{
    border-color: red !important;
}
.invalid.form-control:focus {
    border-color: red !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 0, 0, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(226, 0, 0, 0.25);
}
.percent:after{
    content:"%";
    display: inline-block;
}

.usdl:before{
    content:"$";
    display: inline-block;
}

.home_title{
    position: absolute;
    left: 25px;
    top: 25px;
}
@media screen and (max-width: 1300px){
    body{padding-top: 80px; }
}
@media screen and (max-width: 992px){
    h2{font-size: 1.4rem}
    .home_img1{display: none;}
    .what_roi_img .home_img1{display: block; object-position: center;}
    .what_roi_img {height: 150px;    }
    .result_section .col-lg-3{ margin-bottom: 20px; }

    .result_section .result_num { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    body {padding-top:100px;}
}