.elementor-97 .elementor-element.elementor-element-6257d00{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;--z-index:10;}.elementor-97 .elementor-element.elementor-element-e407934{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:1em;--padding-bottom:1em;--padding-left:01em;--padding-right:1em;}.elementor-97 .elementor-element.elementor-element-e407934:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-e407934 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #203748 0%, #000000 100%);}.elementor-97 .elementor-element.elementor-element-11a3332{background-color:#02010100;}#elementor-popup-modal-97 .dialog-widget-content{animation-duration:1s;background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-97 .dialog-message{width:800px;height:custom;align-items:flex-start;}#elementor-popup-modal-97{justify-content:center;align-items:center;}#elementor-popup-modal-97 .dialog-close-button{display:flex;top:5%;background-color:#02010100;font-size:20px;}body:not(.rtl) #elementor-popup-modal-97 .dialog-close-button{right:4%;}body.rtl #elementor-popup-modal-97 .dialog-close-button{left:4%;}#elementor-popup-modal-97 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-97 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-97 .elementor-element.elementor-element-6257d00{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:12%;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-6257d00{--min-height:100vh;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}#elementor-popup-modal-97{justify-content:center;align-items:center;}body:not(.rtl) #elementor-popup-modal-97 .dialog-close-button{right:10%;}body.rtl #elementor-popup-modal-97 .dialog-close-button{left:10%;}}/* Start custom CSS for html, class: .elementor-element-11a3332 */body {
  font-family: Manrope, sans-serif;
  padding: 20px;
  background: #f9f9f9;
  color: #dfc8b7; /* default text color */
}

.calculators {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.calculator {
  flex: 1;
  min-width: 320px;
  background: #203748; /* dark background for calculators */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

h2 {
  color: #dfc8b7; /* headings text color */
}

label {
  display: block;
  margin-top: 12px;
  font-weight: bold;
  color: #dfc8b7;
}

input {
  padding: 6px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  color: #203748;
}

button {
  margin-top: 15px;
  padding: 10px 20px;
  background: #dfc8b7;
  color: #dfc8b7 !important;   /* force text color */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: Manrope, sans-serif; /* keep font consistent */
  transition: background 0.3s ease;
}

button:hover {
  background: #dfc8b7;
  color: #203748 !important;   /* keep text color on hover */
}

button:active {
  background: #bba592;
  color: #203748 !important;   /* keep text color when pressed */
}

.result {
  margin-top: 15px;
  background: #fff;
  color: #203748 !important;   /* force text color */
  padding: 10px;
  border-left: 4px solid #dfc8b7;
  border-radius: 5px;
}



@media (max-width: 800px) {
  .calculators {
    flex-direction: column;
  }
}/* End custom CSS */