.elementor-538 .elementor-element.elementor-element-a3fd2d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-64f876e{text-align:center;}.elementor-538 .elementor-element.elementor-element-64f876e .elementor-heading-title{font-family:var( --e-global-typography-cc874f1-font-family ), Sans-serif;font-size:var( --e-global-typography-cc874f1-font-size );font-weight:var( --e-global-typography-cc874f1-font-weight );line-height:var( --e-global-typography-cc874f1-line-height );}.elementor-538 .elementor-element.elementor-element-c083e51{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-538 .elementor-element.elementor-element-bc1d722{background-color:var( --e-global-color-f8d742f );padding:50px 50px 50px 50px;border-style:solid;border-color:var( --e-global-color-43e0a46 );border-radius:1px 1px 1px 1px;}@media(max-width:1024px){.elementor-538 .elementor-element.elementor-element-64f876e .elementor-heading-title{font-size:var( --e-global-typography-cc874f1-font-size );line-height:var( --e-global-typography-cc874f1-line-height );}}@media(max-width:767px){.elementor-538 .elementor-element.elementor-element-64f876e .elementor-heading-title{font-size:var( --e-global-typography-cc874f1-font-size );line-height:var( --e-global-typography-cc874f1-line-height );}.elementor-538 .elementor-element.elementor-element-bc1d722{padding:20px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-bc1d722 */.pep-calc {
  max-width: 800px;
  font-family: sans-serif;
}

.pep-calc label {
  display: block;
  margin-top: 15px;
  font-weight: 600;
}

.pep-calc select,
.pep-calc input {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
}

.pep-calc button {
  margin-top: 20px;
  width: 100%;
  padding: 12px;
  background: black;
  color: white;
  border: none;
  cursor: pointer;
}

.results {
  margin-top: 20px;
  background: #f5f5f5;
  padding: 15px;
}

/* Results container */
.pep-calc .results {
  margin-top: 20px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
}

/* Main result (units) */
.pep-calc .results strong:first-of-type {
  display: inline;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Units number highlight */
.pep-calc .results strong {
  color: #000;
  font-weight: 700;
}

/* Spacing between sections */
.pep-calc .results br {
  line-height: 2;
}

/* Secondary info (ml + concentration) */
.pep-calc .results {
  font-size: 18px;
}

/* Make ml + concentration slightly softer */
.pep-calc .results span {
  color: #555;
}

/* Optional: subtle shadow for premium feel */
.pep-calc .results {
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}





.calc-info {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 25px;
  font-size: 15px;
  color: #222;
}

.calc-info h4 {
  margin-bottom: 10px;
  font-size: 18px;
}

.calc-info ol {
  padding-left: 18px;
  margin: 10px 0;
}

.calc-info li {
  margin-bottom: 6px;
}


.pep-calc button {
  background-color: #4C19B2; 
}/* End custom CSS */