.elementor-2879 .elementor-element.elementor-element-7620ec8{--display:flex;--min-height:500px;--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;--z-index:0;}.elementor-2879 .elementor-element.elementor-element-7620ec8:not(.elementor-motion-effects-element-type-background), .elementor-2879 .elementor-element.elementor-element-7620ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://atlaspeptideresearch.com/wp-content/uploads/2026/03/freepik_remove-atlas-peptide-research-from-left-side-rest-all-image-is-same_0001.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2879 .elementor-element.elementor-element-af98542{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2879 .elementor-element.elementor-element-abb4771{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2879 .elementor-element.elementor-element-6be3f4e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:#FFFFFF;}.elementor-2879 .elementor-element.elementor-element-1217819 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-2879 .elementor-element.elementor-element-1217819 .hfe-breadcrumbs, .elementor-2879 .elementor-element.elementor-element-1217819 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-2879 .elementor-element.elementor-element-1217819 .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-2879 .elementor-element.elementor-element-1217819 .hfe-breadcrumbs-item{font-family:"Poppins", Sans-serif;}.elementor-2879 .elementor-element.elementor-element-fbf22d4{--display:flex;}.elementor-2879 .elementor-element.elementor-element-264e4e4{--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:30px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2879 .elementor-element.elementor-element-264e4e4:not(.elementor-motion-effects-element-type-background), .elementor-2879 .elementor-element.elementor-element-264e4e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2879 .elementor-element.elementor-element-35422be{text-align:center;}.elementor-2879 .elementor-element.elementor-element-35422be .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:var( --e-global-color-4672af4 );}.elementor-2879 .elementor-element.elementor-element-0e9ef73{text-align:center;}.elementor-2879 .elementor-element.elementor-element-0e9ef73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:0.8px;color:#FFFFFF;}.elementor-2879 .elementor-element.elementor-element-d94c637{text-align:center;}.elementor-2879 .elementor-element.elementor-element-d94c637 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:25px;color:#FFFFFF;}.elementor-2879 .elementor-element.elementor-element-f6a3185{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2879 .elementor-element.elementor-element-f6a3185:not(.elementor-motion-effects-element-type-background), .elementor-2879 .elementor-element.elementor-element-f6a3185 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2879 .elementor-element.elementor-element-b71b983{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-2879 .elementor-element.elementor-element-b71b983.elementor-element{--align-self:center;}.elementor-2879 .elementor-element.elementor-element-b71b983 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;line-height:25px;letter-spacing:0.6px;color:#FFFFFF;}@media(min-width:768px){.elementor-2879 .elementor-element.elementor-element-af98542{--width:95%;}}@media(max-width:767px){.elementor-2879 .elementor-element.elementor-element-7620ec8:not(.elementor-motion-effects-element-type-background), .elementor-2879 .elementor-element.elementor-element-7620ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://atlaspeptideresearch.com/wp-content/uploads/2026/03/freepik_convert-this-image-inti-916-all-asthetics-of-images-reamin-same_0001.jpeg");}.elementor-2879 .elementor-element.elementor-element-7620ec8{--min-height:85vh;--justify-content:flex-start;}.elementor-2879 .elementor-element.elementor-element-6be3f4e{text-align:center;}.elementor-2879 .elementor-element.elementor-element-6be3f4e .elementor-heading-title{font-size:35px;}.elementor-2879 .elementor-element.elementor-element-1217819{text-align:center;}.elementor-2879 .elementor-element.elementor-element-35422be{text-align:center;}.elementor-2879 .elementor-element.elementor-element-35422be .elementor-heading-title{font-size:35px;}.elementor-2879 .elementor-element.elementor-element-0e9ef73{text-align:center;}.elementor-2879 .elementor-element.elementor-element-0e9ef73 .elementor-heading-title{font-size:35px;}.elementor-2879 .elementor-element.elementor-element-f6a3185{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-d88d2ae */.pkc-card,
.pkc-result-card {
  background: linear-gradient(145deg, #ffffff, #fafafa);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;

  /* THIS is what you're missing */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.6);

  backdrop-filter: blur(6px);
}

.pkc-preset,
.pkc-unit-btn {
  background: linear-gradient(145deg, #f8f8f8, #eaeaea);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 8px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.8),
    0 2px 4px rgba(0,0,0,0.05);

  transition: all 0.2s ease;
}

/* GOLD ACTIVE */
.pkc-preset.active,
.pkc-unit-btn.active {
  background: linear-gradient(145deg, #D4AF37, #b8962e);
  color: #000;

  box-shadow:
    0 0 10px rgba(212,175,55,0.6),
    inset 0 1px 0 rgba(255,255,255,0.4);
}

.pkc-result-card {
  border: 1px solid #D4AF37;

  box-shadow:
    0 0 0 1px rgba(212,175,55,0.2),
    0 10px 40px rgba(212,175,55,0.15);
}

/* Barrel */
.pkc-syringe-svg rect:first-child {
  fill: #ffffff !important;
  stroke: rgba(0,0,0,0.1) !important;
}

/* Fill */
#pkc-syringe-fill {
  fill: rgba(212,175,55,0.35) !important;
}

/* Tick marks */
#pkc-syringe-ticks line {
  stroke: rgba(0,0,0,0.2) !important;
}

/* Draw line */
#pkc-syringe-line {
  stroke: #D4AF37 !important;
  filter: drop-shadow(0 0 4px rgba(212,175,55,0.6));
}

/* Label glow */
#pkc-syringe-label {
  fill: #D4AF37 !important;
  filter: drop-shadow(0 0 6px rgba(212,175,55,0.8));
}
.pkc-result-value {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1px;
}

.pkc-stat-val {
  font-weight: 600;
}

/* FORCE ALL TEXT WHITE */
.pkc,
.pkc * {
  color: #fff !important;
}

/* Labels & headings */
.pkc h4,
.pkc label {
  color: #fff !important;
}

/* Buttons text */
.pkc-buttons button,
.pkc-unit {
  color: #fff !important;
    background-color: #000000 !important;
}

/* ACTIVE (gold) buttons text should stay black for contrast */
.pkc-buttons button.active,
.pkc-unit.active {
  color: #000 !important;
  background-color: #d4af37 !important;
}

/* Result section */
.pkc-units,
.pkc-sub,
.pkc-stats,
.pkc-stats b,
.pkc-stats span {
  color: #fff !important;
}

/* SVG text (important for syringe labels) */
#pkc-label {
  fill: #fff !important;
}/* End custom CSS */