.aac-calculator input[type="number"].filled , .aac-calculator input[type="number"].filled
{
        border-color: #ffffff !important;
}
.aac-calculator {
  background: #0C3455;
  padding: 40px;
  border-radius: 30px;
  color: #fff;
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.aac-calculator label,
.aac-calculator,
.aac-calculator * {
  color: #fff !important;
  font-size: 16px;
  line-height:16px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.aac-calculator label{display: block;margin-bottom:10px;}
.aac-calculator input[type="number"],
.aac-calculator select {
  width: 100%;
  padding: 12px 15px;
  border-radius: 10px;
  border: 1px solid #fff !important;
  font-size: 16px;
  line-height:16px;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  appearance: none;
  transition: border-color 0.3s;
  margin-bottom:20px;
}

.aac-calculator input[type="number"]::placeholder,
.aac-calculator select:invalid,
.aac-calculator select option {
  color: #fff;
}

.aac-calculator input[type="number"]:focus,
.aac-calculator select:focus {
  border-color: #fff;
  outline: none;
}
.aac-calculator select option{background-color: #0C3455 !important;}
.aac-calculator div.select_container select {
  background-image: url("data:image/svg+xml;utf8,<svg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L7.5 8L14 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-position-x: 98% !important;
  background-position-y: center !important;
  background-size: 15px !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.aac-calculator .select_container:after{display: none !important;}
.aac-calculator button {
  width: auto;
  background: #F15B40;
  color: #fff;
  border: none;
  font-size: 18px;
  padding: 18px 20px;
  margin-top: 20px;
  border-radius: 40px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s;
  margin-top:10px;
}
.aac-calculator button:hover {
  background: #BE280E;
}

#results {
  margin-top: 30px;
  padding: 20px 0px;
  color: #fff;
  font-size: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px 30px;
  border-top: 1px solid #EBEBEB;
  padding-top: 30px;
}
#results p {
  margin: 0;
  font-weight: 600;
  font-size:16px;
  line-height:20px;
  display: flex;
  justify-content: start;
  align-items: center;
}
#results p:not(:last-child){margin-bottom:15px;}
#results p span {color: #fff;padding-left:15px;}

@media screen and (max-width: 991px) {.aac-calculator {padding: 30px;}}
@media screen and (max-width: 600px) {
  .aac-calculator {padding: 20px;}
  #results {grid-template-columns: 1fr;}
}