.calculator-container {
  background-color: #f9f9f9 !important;
  padding: 10px !important;
   padding-bottom: 10px !important;
  border-radius: 30px !important;
  text-align: center !important;
  max-width: 759px !important;
  margin: 20px auto !important;
  font-family: Arial, sans-serif !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1000 !important;
  margin-top:-79px !important;
}

.calculator-title {
  color: #00aaff !important;
  margin-bottom: 15px !important;
}

.label-row {
  margin: 10px 0 !important;
  font-size: 16px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.label {
  color: #333 !important;
  margin: 0 20px !important;
  font-weight: bold !important;
}

.multiplier {
  margin: 0 20px !important;
}

.carpet-container {
  margin: 10px 0 !important;
}

.carpet-row {
  margin: 10px 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.input-field {
  margin: 0 20px !important;
  padding: 8px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  width: 100px !important;
  text-align: center !important;
}

.button-container {
  margin: 10px 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  
}

.add-button {
 
  color: #0000a4 !important;
  border: 1px solid #f6efef;
  padding: 10px 20px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  display: inline-block !important;
  width: auto !important;
    display: inline-block !important;
  width: 155px !important; /* Fixed width to match longer text */
}



.calculate-button {

  color: #0000a4 !important;
  border: 1px solid #f6efef;
  padding: 10px 20px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  display: inline-block !important;
  width: auto !important;
    display: inline-block !important;
  width: 155px !important; /* Fixed width to match longer text */
}

.total-row {
  margin-top: 15px !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

.price-info, .offer-info {
  color: #7c7c7c !important;
  font-weight: bold !important;
  margin: 5px 0 !important;
  font-size: 15.9px !important;
}

.calculator-title {
  color: #00aaff !important;
  margin-bottom: 15px !important;
  font-size: 24px !important; /* Optional: adjust size if needed */
}






.calculator-title {

  font-size: 24px !important; /* Optional: adjust size if needed */
}

.price-info{

  font-size: 19px !important;
  
}


.calculator-title::before {
  content: "📱 "; /* Unicode calculator icon */
  font-size: 1.3em !important; /* Adjust icon size relative to text */
}


.offer-info {

      margin-top: -19px !important;
    
}

.calculator-container {

   padding-bottom: 10px !important;
   
}