.calculator_container{
    font-family: 'Epilogue', sans-serif;
    color: #192C54;
    background: rgb(46,102,247);
    background: linear-gradient(180deg, rgba(46,102,247,1) 41%, rgba(0,5,210,1) 68%);
}
.bg-ink {
    background-color: #161E37!important;
}
.bg-navy {
    background-color: #192C54!important;
    color: white !important;
}
.bg-grey {
    background-color: #E9EAEF!important;
}
.bg-white {
    background-color: #FFFFFF!important;
    color: #192C54 !important;
}
.bg-white-light{
    background-color: #f1f2f7!important;
}
.bg-electric-blue-dark {
    background: rgb(46,102,247);
    background: linear-gradient(90deg, rgba(46,102,247,1) 30%, rgba(0,5,210,1) 100%);
}

.bg-electric-blue-light {
    background: rgb(46,101,247);
    background: linear-gradient(90deg, rgba(46,101,247,1) 51%, rgba(255,255,255,1) 100%);
}
.bg-electric-white-light{
    background: rgb(233,234,239);
background: linear-gradient(180deg, rgba(233,234,239,1) 3%, rgba(251,251,251,1) 17%);
}
.bg-trasnparent{
    background-color: transparent !important;
}
.border-0{
    border: none;
}
.card-header {
   
    border-bottom: none !important
}
.min-height-160{
    min-height: 180px !important;
}
.rounded-x-lg {
    border-radius: 2rem!important;
}

.card-desc p{
font-size: 14px;
font-weight: 600;
}


@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .mt-min-10 {
        margin-top: -35px !important;
    }
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */
    }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
    .mt-min-10 {
        margin-top: -75px !important;
    }
}
/* #https://stackoverflow.com/questions/42966641/how-to-transform-black-into-any-given-color-using-only-css-filters/43960991#43960991 */
.logo-sepia {
    filter: invert(80%) sepia(11%) saturate(2480%) hue-rotate(190deg) brightness(87%) contrast(93%);
}
.flare-logo-simple{
    filter:  invert(14%) sepia(19%) saturate(207%) hue-rotate(199deg) brightness(99%) contrast(85%);
}
.has-float-label label, .has-float-label>span, .formControlRangeLabel {
   font-size: 15px !important;
   color: #007bff!important;
   font-weight: 600;
}
.form-control {
    border: 1px solid #007bff !important;
    border-radius: 0.25rem;
}
select{
    font-size: 15px !important;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 8px) !important;
}
.label-desc{
    font-size: 15px;
    font-weight: 400;
    color: #576072!important;
}
.h-min-250{
    min-height: 650px;
}
.mb-150{
    margin-bottom: 150px !important;
}
.rounded-x-lg-top{
border-top-right-radius: 2rem!important;
border-top-left-radius: 2rem!important;
}
.rounded-x-lg-btm{
border-bottom-right-radius: 2rem!important;
border-bottom-left-radius: 2rem!important;
}
.card-body {
    margin: 10px!important;
}
h2 .fa::after{
margin-top: -10px !important;
}