.mt-10{
  margin-top:10px
}

.bg-grey{
  background-color: #ececf1 !important;
}


.cfield{
  line-height: 30px;
}

.br-1{
  border-right:1px solid white;
}


.calculator-container {
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 10px;
}



.result-box {
  background-color: #4ec5cd;
  border: 1px solid #d4edda;
  border-radius: 8px;
  padding: 15px;
  margin-top: 20px;
}

.activebtn{
   border:3px solid black
}

.cinput{
  line-height: 30px;
  border: 2px solid black;
}
input:hover{
  -webkit-appearance :inherit !important;
}
#resultBox h4,#resultBox p,.resultBox strong{
  color:white !important
}

.d-blue{
  background-color: #072c56;
  color: white;
}
.bluebtn{
  background-color: #072c56;
  color: white;
}
.bluebtn:hover{
  background-color:white;
  color: black !important;
}
.text-white p{
  color:white !important
}
.d-blue p{
  color: white !important;
}

.header-logo-center .header-icon-1{
  left: 10px;
}
.header-logo-center .header-icon-4{
  right: 10px;
}

.w-100{
  width: 100% !important;
}

.footer{
  background-color: #000000 !important;
  margin-top:0px;
  padding-top:0px;
  margin-bottom: 0px !important;
  width: 100%;
  margin: 0px;
  padding:10px;
  border-radius: 0px;
  
}
.footer-links{
  margin-top:0px !important
}

.header{
  height:60px !important
}



.header-logo-center .header-title {
  width: 300px !important;
  left: 43% !important;
  margin-left: -120px !important;
}

/***.header-logo-center .header-title {
  left: 10% !important;
  width: 80% !important;
  margin-left: unset !important;
}***/

.bg-dark-dark{
  color:black !important
}

.header-title{
  line-height:58px !important
}



@media screen and (min-width: 768px) {
  
  .header-logo-center .header-title {
    width: 350px !important;
    left: 44% !important;
    margin-left: -120px !important;
  }
}